超全面!聊聊交互设计背后的心理学原理

2017-9-26 Daisy 交互设计及用户体验

交互设计准则的背后往往隐含着一些设计的心理学原理,文章整理了一些认知心理学中对交互设计有所启发的知识点,一起来学习下。

某次下班偶遇一开发,他问:“你们平常做的交互设计,有什么准则吗?”我列举了尼尔森十原则之类,却遭到对方的进一步怀疑,似乎认为这不过是一些约定俗成的规矩,细究下来背后却没有什么站得住脚的道理。

当然不是这样。这些交互设计准则背后,都有其依循的心理学原理,其中认知心理学应当占据了很大一部分。

所以借此机会,也整理了一下认知心理学中对交互设计有所启发的一些知识点(参考《认知与设计——理解UI设计准则》)包括:

  • 中央凹与边界视野——如何呈现信息以获取注意力
  • 格式塔原理——如何处理不同界面元素的关系
  • 时间感知——如何让应用具有高响应度
  • 意识与无意识——别让用户思考
  • 记忆的局限——如何降低工作记忆负担

阅读全文>>

标签: 交互设计 心理学原理

评论(0) 浏览(17)

刘兵克教程!聊聊字体设计中的加减法

2017-9-25 Daisy 设计理念

设计,是创新的过程。字体设计,尤其是美术字、艺术字的设计,则意味着笔画中要蕴含更多的创新成分。字体笔画中的创新,往往即是「变形」,而笔画的「变形」,在很多情况下,是对笔画进行「加法」和「减法」的崭新塑造,今天这篇文章,我们就聊一聊自己设计中的「加减法」。

阅读全文>>

标签: 字体设计

评论(0) 浏览(11)

从设计指南说起,详解iOS系统组件分类体系

2017-9-22 Daisy 设计理念

由于iOS 和 Material Design的组件体系有些不一样,所以关于组件的分类体系我会分iOS篇和Android篇来讲解,本篇文章为iOS 篇。

对于大部分入门设计师及中级设计师来说,脑海里没有一套属于自己的组件分类体系。一说组件,脑子里面只会蹦出弹窗、toast、操作列表等。难以形成自我知识体系,可能是只有用到才会想到某个组件。这样的话对于系统的学习视觉设计、交互设计或产品设计是不利的。

组件基于Material Design和iOS 设计指南。关于组件的中文翻译名字可能会有很多种,并没有一个权威准确的中文命名。但是设计师知道某个组件名是什么样子的就已经够了。

iOS 或 Material Design的设计指南,都是按照组件的属性来系统介绍。其实从设计者的使用场景来说,都是设计者设计产品时,根据具体的功能来调用组件。所以从功能来划分是更容易理解和记忆的。故组件分类可以按照两种维度来划分。一种是组件的属性来分(本篇文章是基于属性分类),另一种是组件的功能类别(下一篇文章介绍)。

阅读全文>>

标签: 设计指南 ios系统组件

评论(0) 浏览(45)

滴滴代驾司机端B面UI升级

2017-9-22 用心设计 移动设备ui及体验

什么是司机端B面

What?

滴滴代驾司机端是一款针对平台代驾司机的app,主要用于帮助他们完成接单、抢单、接送乘客的日常工作流程。而司机端的b面,查看司机所有跟“个人”相关的信息,及钱包、订单、等级等。

滴滴代驾司机端B面UI升级

阅读全文>>

标签: 蓝蓝设计 数据 滴滴打车 设计总结 方案设计 滴滴司机

评论(0) 浏览(26)

全民K歌歌房是如何设计出来的?体验设计师告诉你

2017-9-21 用心设计 交互设计及用户体验

关于设计


在我的理解,设计分三个层次,界面设计-体验设计-生活方式设计。


界面设计是最基础的功能布局、逻辑跳转,而体验设计是关于用户更立体的需求、动机、行为;生活方式设计则是需要在体验设计基础上,于生活的各个可被设计的触点去影响用户,培养使用习惯,最终构建行为习惯,成为一种生活方式。


全民K歌歌房是如何设计出来的?体验设计师告诉你

阅读全文>>

标签: 交互设计 蓝蓝设计 体验设计 界面设计 操作界面 全民K歌房

评论(0) 浏览(23)

品牌设计的植入-APP设计5

2017-9-20 用心设计 设计资源

APP为什么需要品牌设计

距离上一篇App系列文章已经过去两个星期了,我除去教学生的时间,都在准备这篇文章的资料,因为这篇文章的内容除了大量的截图还有视频需要处理。上篇文章有人留言说文字太多,懒得看。我想说我的文章是写给爱学习的同学看的,不是娱乐贴。所以这篇文章依然很长,干货十足。品牌设计的植入-APP设计5

阅读全文>>

标签: 蓝蓝设计 App设计 UI品牌设计 VI设计植入 同源化

评论(0) 浏览(53)

设计师的自我修养Ⅲ

2017-9-19 用心设计 设计资源

灵感,真的存在吗?


答案是肯定的。兴会神到、急中生智、醍醐灌顶、豁然开朗,恍然大悟......等等,描述的就是这样一种思维状态。灵感,对于设计师而言,就像空气,你看不见摸不着,但确实的存在,离开了就无法存活。没有灵感的设计师,跟咸鱼有什么区别?

设计师的自我修养Ⅲ


阅读全文>>

标签: 设计方法 设计原则 蓝蓝设计 经验 产品思维 项目思维

评论(0) 浏览(23)

科幻电影中那些电脑设备的 FUI 交互界面是怎么做出来的?

2017-9-19 分享达人 ui界面欣赏

  如果您想订阅本博客内容,每天自动发到您的邮箱中, 请点这里   事实上在长久的好莱坞工业当中,设计这种伪高科技界面一直是科幻片非常重要的设计要素 大家可以回忆我们所看到的各种早期科幻片 如蒸发密令 到少数派报告 最新的创世纪 阿凡达,都有相当比重的伪界面设计元素 其中相当部分是远远超越当时科技的,这些界面基本是后期制作出来的...

阅读全文>>

标签: 蓝蓝设计、ui设计、软件界面设计、未来元素

评论(0) 浏览(37)

为什么优秀的设计师都是讲故事的高手?

2017-9-19 Daisy 设计理念

自然化让人脑更容易接受通过故事这种形式所传达的信息。

大概所有的设计师都知道深泽直人,并且都赞赏过他设计的这个壁挂式CD机。

深泽直人自己是这么介绍他的设计的:

一天,我一边听着从敞开盖子的 CD 播放器播放出来的音乐,一边看着旋转的 CD。旋转的形象让我想起厨房里由马达所驱动的通风扇,当你拉下通风扇的线绳,叶片就开始转动;过一会儿,当叶片的旋转趋于稳定,风的声音也随之变得恒定了。我想,如果在 CD 播放器里内置一个扬声器,把它挂在墙上听,感觉应该会很好。当拉绳被拉下,CD 开始慢慢地旋转,音乐播放出来,就像气流从风扇中吹出来一样。

深泽直人没有夸夸其谈他的设计是如何的有创意,如何的漂亮。他讲了一个故事,在这个故事里传达了他的设计想法,产品操作方式、使用情境;而观众从第一句“一天”开始,就被他带入了故事中,仿佛身临设计师当时所处的情境。

阅读全文>>

标签: 情感化设计 故事版

评论(0) 浏览(53)

分析了2000张创意海报,找出让你快速掌握做海报的套路!

2017-9-18 用心设计 设计资源

自古深情留不住,总是套路得人心。


在营销领域,我一直坚信,大量的拆解案例可以快速对某件事物掌握其技巧。


我日常有积累素材的习惯,所以从2017年初开始,就通过数英网上收集了大量各个品牌的营销海报。


可惜一直以来都只是仅仅做了第一步,把这些海报都按照不同类目,以及不同品牌进行了归来。


进行了近2000张海报的分析之后。我终于梳理出了快捷制作创意海报的逻辑。分析了2000张创意海报,找出让你快速掌握做海报的套路!

阅读全文>>

标签: 蓝蓝设计 banner设计 海报设计 电商banner 专题页

评论(0) 浏览(19)

Powered by emlog 京ICP备12006971号-1 sitemap