拟物化设计与扁平化设计

老罗团队最近发布的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、软件背景和系统背景融为一体，而且背景色可变

拟物化设计与扁平化设计相关推荐

【平面设计】扁平化设计（Ⅲ）——原则
[导读]关于扁平化设计是一个大的门类,通过前面两期的分享,我们已经知道了其概念和技巧的内容,今天我们继续与大家一同分享它的原则. 拒绝特效顾名思义,扁平化设计仅仅采用二维元素.所有元素都不加修饰-- ...
linux美学设计,扁平化设计美学探讨
扁平化设计"的使用正逐渐成为网页和UI设计近期的大趋势,同时也是时下的一个热门话题,各种探讨和学习研究纷至沓来.鉴于我本身一直钟情于极简主义,所以扁平化设计中的美学对我极有启发,特别是在近期 ...
扁平化设计与质感设计: 他们有什么不同？
本文转载自 960px,译文链接:Click me 两种相似的设计风格,一个基于另一个.一个是新热事物,另一个,有人猜测,已经以自己的方式成为一种时尚.一个是自发的-适应设计的趋势,另一个却是有目标- ...
扁平化设计的前世今生
如今一提到网站设计,就会不可避免地碰到"扁平化设计"(flat design)这个词.近几年扁平化设计趋势风生水起,也受到很多大公司的青睐. 但扁平化设计来源是哪里?为什么它风靡网 ...
腾讯CDC谈扁平化设计
扁平化设计无疑是当前讨论最多,最火的设计形式,自ios7面世以来更是将扁平化设计的讨论推向风口浪尖. 在这里我不想分析拟物设计和扁平化设计的优劣,更不想说谁更好!在形式服从内容的今天,我只能说哪种设计 ...
做好扁平化设计－视觉篇
原文链接出自Tencent CDC Blog 扁平化设计无疑是当前讨论最多,最火的设计形式,自ios7面世以来更是将扁平化设计的讨论推向风口浪尖. 在这里我不想分析拟物设计和扁平化设计的优劣,更不想 ...
（10.1.3.1）做好扁平化设计－视觉篇
[编者按]去年,iOS 7的发布让更多的用户欣赏到了扁平化设计之美,更在业内掀起了一股扁平化设计潮流.扁平风格的一个优势在于它可以更加简单直接的将信息和事物的工作方式展示出来,减少认知障碍的产生.其简 ...
UI设计的扁平化图标模板素材
UI设计在当今时代已经不是一个陌生的词汇,UI即User Interface(用户界面)的简称,是人机交互.操作逻辑.界面美观的整体设计.扁平化的设计是抛弃一切装饰的设计,扁平化设计使得用户操作起来更 ...
扁平化设计与思维导图
什么是扁平化设计? 扁平化设计是一种强调跨平台适应性的极简主义的设计,它放弃一切装饰效果,诸如压花.阴影.透视.纹理.渐变等.在手机上,更少的按钮和选项使得界面干净整齐,使用起来格外简洁.如今,越来越 ...
【pmcaff】重磅干货，必读的扁平化设计技巧
点击上方 "公众号" 可以订阅哦! 编者:火了一年的扁平化,同学们都了解清楚了吗?今天@网秦UEC 的同学从国外译过来一篇好文,从扁平化的流行缘由聊到对界面设计的影响,附有一些设计 ...

拟物化设计与扁平化设计

拟物化设计与扁平化设计相关推荐

最新文章

热门文章