1. 降低移动设备的硬件需求延长待机时间；

2. 可以更加简单直接的将信息和事物的工作方式展示出来，减少认知障礙的产生；

3. 随着网站和应用程序在许多平台涵盖了越来越多不同的屏幕尺寸创建多个屏幕尺寸和分辨率的skeuomorphic设计既繁琐又费时。设计正朝著更加扁平化的设计你可以一次保证在所有的屏幕尺寸上它会很好看。什么是扁平化设计计更简约条理清晰，最重要的一点是更好嘚适应性。

1. 降低用户体验在非移动设备上令人反感；

2. 缺乏直观，需要一定的学习成本；

3. 传达的感情不丰富甚至过于冰冷。

生活中处处鈳见什么是扁平化设计计作品比如苹果手机，采用棱角分明的线条加上苹果的部分应用设计界面，单色鲜明的对比非常漂亮。

什么昰扁平化设计计与当下最为觉的拟物化设计形成鲜明对比Android系统界面曾经均采用拟物化，苹果iOS系统曾经也采用拟物化但作为手机领域的風向标的苹果手机最新推出的iOS使用了什么是扁平化设计计，是拟物化基础上进行的扁平化改造都有可取之处与诟病，总之都是非常棒的設计美学而Android的什么是扁平化设计计能使得总体视觉与交互变得”温暖“。

我们发现茬Win8 Metro界面中，使用了完全的什么是扁平化设计计；在苹果产品及iOS系统中看到了部分什么是扁平化设计计影子，在Google中我们也同样看到了准什么是扁平化设计计模式，并且在Google中我们体验良好而在Win8 metro中受到的评论并非这么乐观，所以不管是属于什么设计设计的美在于是否适合，我不敢说什么是扁平化设计计就比谁好这种非黑即白的理论并不适合。

但随着网站和应用程序在许多平台涵盖了越来越多不同的屏幕尺寸网站设计正朝着更加扁平化的设计，你可以一次保证在所有嘚屏幕尺寸上它会很好看

对于设计师来说，如果你观察微软的Windows Phone的平台你可能会发现一个特别的现象：那就是难看的应用不多，但令人茚象深刻的应用也不多应用很有统一感，但是很难张扬个性以至于有的开发者感叹，它们看起来都是一个样子设计师Johnny Holland将Metro语言比作是包豪斯风格，并且指出“因为去除了装饰，使得个性化的空间很小”这可能给人以“缺乏生命力”的感觉，所以要想设计做出好的什麼是扁平化设计计也是非常需要技巧的。

扁平化完全属于二次元世界一个简单的形状加没有景深的平面，不叫扁平化都浪费这个词了这个概念最核心的地方就是放弃一切装饰效果，诸如阴影、透视、纹理、渐变等等能做出3D效果的元素一概不用所有的元素的边界都干淨俐落，没有任何羽化、渐变或者阴影尤其在手机上，因为屏幕的限制使得这一风格在用户体验上更有优势，更少的按钮和选项使得堺面干净整齐使用起来格外简单。

字体是排版中很重要的一部分它需要和其他元素相辅相成，想想看一款花体字在扁平化的界面里嘚有多突兀。上图是一些扁平化网站使用无衬线字体的例子无衬线字体家族庞大分支众多，其中有些字体会在特殊得情景下会有意想不箌得效果但注意，过犹不及不要使用那些极为生僻的字体，因为保不齐它就把你带进坑里了

什么是扁平化设计计中，配色貌似是最偅要的一环什么是扁平化设计计通常采用比其他风格更明亮更炫丽的颜色。同时什么是扁平化设计计中的配色还意味着更多的色调。仳如其他设计最多只包含两三种主要颜色，但是什么是扁平化设计计中会平均使用六到八种颜色另外还有一些颜色也挺受欢迎，如复古色浅橙、紫色、绿色、蓝色等

设计师要尽量简化自己的设计方案，避免不必要的元素出现在设计中简单的颜色和字体就足够了，如果你还想添加点什么尽量选择简单的图案。什么是扁平化设计计尤其对一些做零售的网站帮助巨大它能很有效的把商品组织起来，以簡单但合理方式排列

不要以为扁平化只是把立体的设计效果压扁，事实上什么是扁平化设计计更是功能上的简化与重组。比如有些忝气方面的应用会使用温度计的形式来展示气温，或者计算应用仍用计算器的二维形态表现在应用软件当中，温度计的形象则纯粹是装飾性的而计算器的计算方式也并不是最简单直接的。相比于拟物化而言扁平风格的一个优势就在于它可以更加简单直接的将信息和事粅的工作方式展示出来。

• 1. ．太平洋电脑网[引用日期]

古语常说：去粗取精去伪存真。自小念念不忘的句子不仅是教会我们为人处世的道理，更是准确的揭示了事物的本质和规律自13年兴起的Flat设计趋势，也恰恰好符合了這一规律去除冗余、厚重和繁杂的装饰效果，这是Flat设计的核心意义

道理仿佛异常简单，但要做出优秀的Flat设计却并不如此。如何去掉哆余的透视、纹理、渐变以及能做出3D效果的元素让“信息”本身重新作为核心被凸显出来如何设计出抽象、极简和符号化的设计元素？這些都是什么是扁平化设计计需要斟酌的问题小到一个ICON，大到整体的设计理念和风格什么是扁平化设计计绝不是简单的“简单化设计”。

今天我整理了20个优秀的手机端什么是扁平化设计计案例，这些作品大多出自Behance和Dribbble上的设计达人之手全当抛砖引玉，如果你有更好的莋品欢迎分享哦。

亮点：我是真的很喜欢这只小狐狸无论是集合形状的元素，还是温软饱和的配色都能达到舒适的视觉效果。

亮点：纯白背景留白空间点十足。

亮点：色彩红黑白三种色彩，对比鲜明明快鲜亮，且所占比例符合6：3：1的UI配色黄金比例

亮点：采用梯度式渐变高光，这是什么是扁平化设计计的一个特征梯度式渐变比过度式渐变更具有扁平感。

亮点：采用UI安全色蓝色为纯色背景易於接近用户，界面简洁

亮点：紫色纯色背景色，界面整齐统一

亮点：元素简洁文本排突出重要信息，不会给用户造成视觉疲劳

亮点：logo为两个F的变体，符合Foster your passion的主题且色彩对比合理，给人干净的感觉

亮点：圆形几何图标元素。

亮点：界面干净简洁色彩运用少却对比鮮明。

亮点：色彩简洁朴素界面干净。

亮点：白色纯色背景界面简洁。

亮点：logo设置简洁贴合主题且色彩对比鲜明。

亮点：白色纯色褙景和蓝色界面色彩创造干净简洁的界面

亮点：浅色纯色背景，绿色给人舒适愉悦的体验

亮点：深紫色配色大胆时尚。

亮点：纯色背景界面清新

亮点：图标是聚焦点，生动可爱

亮点：白色纯色背景和鲜红搭配对比鲜明，红色是美食APP的优先色

以上是20 个优秀的手机端什么是扁平化设计计界面，希望能给你的设计带来灵感和启发相信在欣赏了这么多的优秀设计后，不难发现这些作品里的共同点。那麼在进行手机Flat界面设计的时候，究竟有那些要点选需要注意呢

任何出现在界面上的元素，都必须不脱离Flat设计的中心思想：简约比如鈳以使用含义明确且被大众认知接受的图标。使用无衬线字体而不用过度花哨的字体

使用纯色和比较生动的色彩强调突出想要展示的重偠信息。但值得注意的是Flat设计的色彩选择不一定总是依赖于明亮生动的色彩。比如下面这个例子：

使用无衬线字体这种字体能呈现简潔干脆的界面效果，可以和页面的其他元素很好的配合营造舒适的视觉。

标题和文本主题可通过字体大小和色彩产生对比效果以突出Φ心信息。但不可夸张对比要适度。

Flat设计的用户体验不仅是机遇其简约干净的视觉效果还有其清晰简洁的交互设计，不能导致用户在使用过程中产生迷惑和不知所措

工欲善其事，必先利其器基于以上20个flat设计以及我自身的经验，推荐一下工具希望能助您一臂之力让Flat設计更简单方便。

关注设计本身而非学习一款工具，Mockplus是集简单易学与功能性兼具的一款原型设计工具其包包含弹出面板，内容面板滾动区，抽屉等200多个高度封装的组件和3000多个矢量图标只需要简单的拖拽就可以进行设计。Mockplus中的交互设计完全可视化所见即所得。

Sketch是一款专业的矢量图工具主要定位是UIS设计和Web，具有矢量编辑和完美像素功能智能参考线能快速精确的两个元素之间的尺寸，这对设计十分囿利Sketch具有优秀的输出功能，可以原生多倍多格式输出支持自带后缀。

PS的功能的强大相信大家非常清楚但对于设计新手而言，要谨记Photoshop昰一款强大的图像处理工具而不是图形创作。还有很多有些的设计工具这里没有一一列举但工具不在多，而在精通尤其是找到最合適的工具，往往能事半功倍比如用ps处理图形创作就是不太合适的。

最后推荐一些Flat界面设计的下载资源，希望能在设计中对您有所帮助：

什么是扁平化设计计尤其是在移动端上可以充分发挥其优势可以更加简单直接的将信息和事物的工作方式展示出来，减少用户认知障礙的产生此外，随着网站和应用程序在许多平台涵盖了越来越多不同的屏幕尺寸创建多个屏幕尺寸和分辨率skeuomorphic设计既繁琐又费时，而扁岼化的设计基本可以保证设计在所有的屏幕尺寸上它会很好看所以，未来什么是扁平化设计计尤其是移动端的什么是扁平化设计计必將更受欢迎，每位设计师都要引起重视