首页 > 知乎精选 > 移动互联网 > iOS 7 及扁平化设计给交互设计带来哪些启发?
2015
10-26

iOS 7 及扁平化设计给交互设计带来哪些启发?

刘廷基微众银行个人金融产品设计总监(求高级视…

这个首先取决于对交互这个概念的范围是怎么理解的了。 我个人感觉对交互的影响十分有限,对视觉的影响会更大更明显一些。扁平化的设计风格没有错,方向也没有错。业界不缺乏优秀的设计案例,iOS7有其特点,表现手法上却有不少不到位的地方。总体来说,iOS7带给设计的启示主要有以下几点:
1. Transaction效果、毛玻璃效果营造的空间感和界面之间的逻辑。
Transaction和界面的设计风格是配合使用的,为了配合扁平的设计风格,iOS7做了很大的优化。这点是其他的厂商就只能望其项背了。也会成为以后几年的设计方向。
2. 单个界面整体感的提升。
这是iOS7另外一个非常值得关注的突破。智能机的交互界面经过这几年的发展,基本上固化为系统状态栏,标题区,内容区,底部操作区几个部分,几部分分工明确,同时也把界面切割为几条。整体视觉效果显得很呆板。而且很容易影响界面上内容的突出。
3. 内容为主的设计。
对用户来说,界面上的按钮和操作往往不是界面上最重要的信息,最重要的都是界面呈现的内容。所有的设计都必须围绕所呈现的内容来进行。所以要突出内容区同时弱化其他部分。这点上Sailfish OS界面上只能看到内容,看不到操作按钮和菜单,做的最彻底甚至可以说是走到极端了。iOS7大部分界面保留了iOS6上的操作按钮,通过去掉按钮立体背景的方式试图突出内容。思路是对的,但是去掉背景后又会造成识别性的问题,用户难以区别出来文字本身是按钮还仅仅是显示的信息。所以iOS将文字颜色设置为很鲜亮的颜色,这么做却损害了整个界面的一致性和协调性,并不是一个最好的解决方案。
4. 图标的扁平化、线条化对设计能力的要求。
我听到不少观点说图标扁平化、线条化降低了设计门槛,我的理解是这仅仅降低了图标表达的门槛。以前设计一个图标需要将几层效果叠加起来,要综合考虑高光、阴影、材质等因素以表达图标的意义,突出视觉效果,扁平化线条化后可以省去很多表达上的工作。但同时,对构思能力的要求却大大提升了。由于表达手法的减少,要想准确表达一个信息就需要更多的思考,需要对事物的本质和特征有更好的抽象能力,否则,很容易造成图标表达不准确(iOS就存在不少这样的图标)。所以,图标的扁平化、线条化虽然降低了对表达能力的要求,但提升了思考能力和抽象能力的要求,其实是对设计师要求更高了,设计的门槛更高了。
5. 整个产品的整体感增强。
通过扁平化设计,iOS7界面元素之间的主次关系和界面所要表达的主要信息和意图变得更加明确,界面不再是明显得分割为条条框框,整体感明显更强。 同时,由于界面之间Transaction的应用,不同界面之间的关系变得紧密,逻辑清晰自然。所以产品的整体感也大大增强。这点也值得学习。
最后编辑:
作者:管理员
呃...怎么介绍呢?就是个管理员吧~
捐 赠如果您觉得这篇文章有用处,请支持作者!鼓励作者写出更好更多的文章!