拟物化设计与扁平化设计
老罗团队最近发布的Smartisan OS,使用了更拟物的拟物化设计。甚至为了拟物化,而增加了不必要的宫格。另外,听说Ive在推进扁平化设计。
什么是?区别何在?
1. 拟物化设计 skeuomorphism
代表作品:iOS7.0以下,Android、以及iOS7.0以下时代的大部分app
特点:
a 界面:模拟真实物体的材质、质感、细节、光亮等
b 交互:人机交互也拟物化,模拟现实中的交互方式。
好处:学习成本低,一学就会。而且传达了丰富的人性化的感情。所以家居类物品适合拟物化设计。
坏处:拟物化本身就是个约束,会限制功能本身的设计。
2. 扁平化设计 Flat
代表作:iOS7.0及以上,微软的Metro UI,Phone8,Windows8
特点:
a 界面:简单纯色的简单组合(iOS系)、单色极简的抽象矩形色块(微软系)、大字体、光滑、现代感十足,有种蒙德里安的感觉
b 交互:因为扁平化设计的核心是对功能本身的使用(对内容本身的消费),所以去掉了冗余的界面和交互,而是使用更直接的设计来完成任务。
好处:界面和交互简约,信息更直观,信息量更大。如果要设计精密的宇宙飞船,那么驾驶盘肯定会使用扁平化的设计。
坏处:需要一定的学习成本,且传达的感情不丰富,甚至过于冰冷。
有一个对比说,近代美术,经过了表象派(expressionism)的恢复真实理念,进入了印象派(impressionism)的从真实中抽象归纳的理念。这个说话貌似印象派比表象派牛逼。
但其实各有各的优势。
拟物化设计,扁平化设计,各有各的优势。我也不知道哪个牛逼。
补充:虾米音乐-扁平化设计的典范 (2014-02-19)
1、图中没有冗余元素,没有任何多余设计。有效信息都极简处理,让设计沉下去,让交互浮上来。一目了然,不需用户教育。
2、软件背景和系统背景融为一体,而且背景色可变
什么是?区别何在?
1. 拟物化设计 skeuomorphism
代表作品:iOS7.0以下,Android、以及iOS7.0以下时代的大部分app
特点:
a 界面:模拟真实物体的材质、质感、细节、光亮等
b 交互:人机交互也拟物化,模拟现实中的交互方式。
好处:学习成本低,一学就会。而且传达了丰富的人性化的感情。所以家居类物品适合拟物化设计。
坏处:拟物化本身就是个约束,会限制功能本身的设计。
![]() |
2. 扁平化设计 Flat
代表作:iOS7.0及以上,微软的Metro UI,Phone8,Windows8
特点:
a 界面:简单纯色的简单组合(iOS系)、单色极简的抽象矩形色块(微软系)、大字体、光滑、现代感十足,有种蒙德里安的感觉
b 交互:因为扁平化设计的核心是对功能本身的使用(对内容本身的消费),所以去掉了冗余的界面和交互,而是使用更直接的设计来完成任务。
好处:界面和交互简约,信息更直观,信息量更大。如果要设计精密的宇宙飞船,那么驾驶盘肯定会使用扁平化的设计。
坏处:需要一定的学习成本,且传达的感情不丰富,甚至过于冰冷。
![]() |
有一个对比说,近代美术,经过了表象派(expressionism)的恢复真实理念,进入了印象派(impressionism)的从真实中抽象归纳的理念。这个说话貌似印象派比表象派牛逼。
但其实各有各的优势。
拟物化设计,扁平化设计,各有各的优势。我也不知道哪个牛逼。
补充:虾米音乐-扁平化设计的典范 (2014-02-19)
1、图中没有冗余元素,没有任何多余设计。有效信息都极简处理,让设计沉下去,让交互浮上来。一目了然,不需用户教育。
2、软件背景和系统背景融为一体,而且背景色可变
![]() |
![]() |