静待水到渠成

拟物化与扁平化设计风格学习笔记

今天,苹果在其开发者网站上发布了新规,从明年2月1日其所有新提交的应用都必须针对iOS 7进行优化,包括首次提交的应用和老应用的更新版本。众所周知,iOS 7的一大改变就是设计风格从拟物向扁平化转换。但是我一直没有去深入了解究竟什么是拟物化、什么是扁平化,因此借此提醒学习下,并简单记录如下。

参考链接
http://new.iheima.com/detail/2013/1100/51777.html
http://www.hxsd.com/debate/
http://baike.baidu.com/view/6931513.htm

首先明确
第一,设计风格不是移动互联网的专有名词,在建筑、绘画等等行业都有这两大设计风格的应用。
第二,设计风格没有好坏之分,把某种风格运用的出色得体便是好的设计。
第三,设计风格也有潮流,没有永远受欢迎的风格,功能才是最根本的立足点。
第四,设计风格并不是最重要的,无论选择什么风格,为产品创造个性是UI设计师的最重要使命之一。

拟物化设计
特征:其特征是借用已有的实体,即使新设计中并不需要原来的功能,但使得新设计满足一定的亲和度需要。
1. 界面:模拟真实物体的材质、质感、细节、光亮等。
2. 交互:人机交互也拟物化,模拟现实中的交互方式。
例子:ibook中的木质书架,照相软件模拟机械相机快门的咔嚓声。
优点:给用户亲切感,由于与实体相似所以用户学习成本较低。
缺点:适应性差,创建多个屏幕尺寸和分辨率的拟物设计;过于重视外表,容易以貌取人。

扁平化设计
特征:此概念最核心的特征是放弃一切装饰效果,诸如阴影、透视、纹理、渐变等等能做出3D效果的元素一概不用。所有的元素的边界都干净利落,没有任何羽化,渐变,或者阴影。
1. 界面:单色极简的抽象矩形色块、大字体、光滑、现代感十足。
2. 交互:核心在于功能本身的使用,所以去掉了冗余的界面和交互,而是使用更直接的设计来完成任务。
例子:微软的Metro UI。
优点
1. 界面简约: 界面干净整齐,使用起来格外简洁。
2. 条理清晰: 可以更简单直接的将信息和事物的工作方式展示出来,减少认知障碍的产生。
3. 适应性好: 可以一次保证在所有的屏幕尺寸上的效果,不需适配多种屏幕尺寸和分辨率。
缺点:用户学习成本较高;传达的感情不丰富,甚至过于冰冷。

Comments