扁平化设计

缺点
需要一定的学习成本，且传达的感情不 丰富，甚至过于冰冷。
拟物化设计
大多数拟物 化界面并没有实 现功能化，只是 花费大量时间在 视觉的阴影和质 感效果。
扁平化设计 的逆袭
➢开发更加简单
数码设备普及度不高的时代，拟物化是有效果的，尤其对于孩子和老人来说 拟物化设计更直观有趣。但是随着数码科技的发展，拟物化的好处会越来越少， 随之带来的是开发成本增加。
简化的交互设计
设计师要尽量简化自己的设计 方案，避免不必要的元素出现 在设计中。简单的颜色和字体 就足够了，如果你还想添加点 什么，尽量选择简单的图案。 扁平化设计尤其对一些做零售 的网站帮助巨大，它能很有效 的把商品组织起来，以简单扁平化只是把立体的 设计效果压扁，事实上，扁平 化设计更是功能上的建简化于 与重组。比如，有些天气方面 的应用会使用温度计的形式来 展示气温，或者计算应用仍用 计算器的二维形态表现。在应 用软件当中，温度计的形象则 纯粹是装饰性的，而计算器的 计算方式也并不是最简单直接 的。相比于拟物化而言，扁平 风格的一个优势就在于它可以 更加简单直接的将信息和事物 的工作方式展示出来......
扁平化设计
1、简约而不简单，搭 配一流的网格、色彩 设计，让看久了拟物 化的用户感觉焕然一 新；
2、突出内容主题，减 弱各种渐变、阴影、 高光等拟真视觉效果 对用户视线的干扰， 让用户更加专注于内 容本身，简单易用。
3、设计更容易，优秀 扁平的设计只需保证 良好的架构、网格和 排版布局，色彩的运 用和高度一致性。
扁平化设计 五大原则
拒绝特 二效维元素、不加修饰
（阴影、斜面、突起 等）
使用简单元素
常用矩形、圆形、正方形 正角、直角、圆弧
注重排版
字体大小匹配 按钮更注重增强易用性、交互性
关注色彩
色彩鲜艳、明亮
准扁平化设计
添加一种特效，如阴影、梯度 深度、纹理
设计师 Johnny Holland 将 Metro
优点
拟物化设计
1、认知和学习成 本低：外婆级的人 也能看懂iOS里面 几乎所有原生应用 的图标；
2、各种按钮的视 觉质感和按下去之 后的交互效果，养 成用户对这类“东 西”的统一认知和 使用习惯；
3、人性化的体贴： 我相信有很多同学 都非常喜欢ibooks 的体验，用它来阅 读确实是一种享受。
扁平化设计
强调字体的使用
字体是排版中很重要的一部分， 它需要和其他元素相辅相成， 想想看，一款花体字在扁平化 的界面里得有多突兀。上图是 一些扁平化网站使用无衬线字 体的例子，无衬线字体家族庞 大分之众多，其中有些字体会 在特殊得情景下会有意想不到 得效果。但注意，过犹不及， 不要使用那些极为生僻的字体， 因为保不齐它就把你带进坑里 了......
扁平化设计 语言比作是包豪斯风格，并且指出，
“因为去除了装饰，使得个性化的 空间很小”，这可能给人以“缺乏
五大技巧 生命力”的感觉，所以要想设做出
好的扁平化设计，也是非常需要技 巧的。
简单的设计元素
扁平化完全属于二次元世界，一个简单的形状 加没有景深的平面，不叫扁平化都浪费这个词 了。这个概念最核心的地方就是放弃一切装饰 效果，诸如阴影、透视、纹理、渐变等等能做 出 3D 效果的元素一概不用。所有的元素的边 界都干净俐落，没有任何羽化、渐变或者阴影。 尤其在手机上，因为屏幕的限制，使得这一风 格在用户体验上更有优势，更少的按钮和选项 使得界面干净整齐，使用起来格外简单......
扁平化设计
摒弃高光、阴影 等能造成透视感的效 果，通过抽象、简化、 符号化的设计元素来 表现。界面上极简抽 象、矩形色块、大字 体、光滑、现代感十 足，让你去意会这是 个什么东西。其交互 核心在于功能本身的 使用，所以去掉了冗 余的界面和交互。
概念 拟物化设计
模拟现实物品的 造型和质感，通过 叠加高光、纹理、 材质、阴影等效果 对实物进行再现， 也可适当程度变形 和夸张，界面模拟 真实物体，拟物设 计会让你第一眼就 认出这是个什么东 西。交互方式也模 拟现实生活的交互 方式。
➢使用更加高效
拟物化是时代过渡中的一个不得已。在未来人眼中，一个温度计的app要特 地设计成实体温度计的样子，一定傻透了。拟物≠高效，刻意拟物有时反而降低 了效率。
➢缓解审美疲劳
论天下设计，繁久必简。拟物化设计的沉重感多少让人们开始审美疲劳，随 着Windows 8的Metro界面发布，设计变得更简约清晰，势在必行。
关注色彩
扁平化设计中，配色貌似是最 重要的一环，扁平化设计通常 采用比其他风格更明亮更炫丽 的颜色。同时，扁平化设计中 的配色还意味着更多的色调。 比如，其他设计最多只包含两 三种主要颜色，但是扁平化设 计中会平均使用六到八种颜色。 另外还有一些颜色也挺受欢迎， 如复古色浅橙、紫色、绿色、 蓝色等......