文/褚晓川 在当今信息爆炸的文化背景下，人们每天要通过过手机APP打仗巨大的信息流，然后再持续的进行评估、过滤并且再加工，具有认知上的包袱，扁平化UI设计更加适宜信息碎片化的通报办法。
扁平化的UI设计通过将有效信息分类，对信息层级的编排与梳理，将核心内容的路径扁平化，利用户通过更少的路径便迅速得到信息。内容简洁不仅能够缩小运用程序自身的空间占用量，而且缩短了数据加载的韶光，提高了利用效率。
①在进行手机运用程序UI的设计之前，首先要做的便是明确功能和目的，要对产品的定位要有一个明确的理解，对目标用户进行详细的研究，剖析出用户群体的利用特色、情绪、习气、生理、需求等信息，并得出用户研究报告和可行性设计建议。
②其次要做的便是界面信息的梳理事情。在对运用程序功能和目的诉求充分理解的情形下，对全体信息层级进行方案，同时将全体运用程序的重点功能和逻辑关系清晰的展示出来，把不必要的信息全部删除。
③在完成了信息梳理的根本上，第三步是为全体界面做岀原型的架构，包括操作与跳转流程、构造与布局，按照故意义的办法将信息分组，每一级页面中所包含的内容与交互反馈办法都必须在这一步完成，为后续的原型设计做出明确的框架构造。
④根据本钱和进度，绘制出界面的原型图，原型是一种设计的表现形式，它必须在终极方案成型之前就进行展示，以是在此阶段绘制出线框原型图，便于展示方案、进行谈论，同时在设计中和开拓职员进行沟通，一旦创造问题能够及时的进行修正。
⑤界面的视觉效果设计，根据界面原型图为框架，在此根本上进行视觉效果的处理。参考品牌定位和品牌形象来确立不少于两种视觉风格提案并进行剖析，当方案确立之后再对其进行深化设计，包括界面元素的布局、色调风格、图标、皮肤的表现等方面。
从设计实质上来讲便是大略的设计，是整体简约的设计风格，视觉效果是为功能做事的，提倡功能大于形式。
扁平化设计的魅力在于极简，同时能展现出极高的功能性。视觉效果上的极简，功能性上的最大化，又不妨碍信息的沟通，很大程度上必须依赖字体的编排，为了使笔墨的字体更加符合扁平化。
在设计时该当选择大略易用的字体，在常日情形下，最好的选择便是无衬线字体，在西文中它被称为无衬线体，在中文中则与黑体相对应，它没有锐利的迁移转变和收笔时的棱角，整体觉得较为流畅、简洁，呈几何形态，在手机屏幕中也更加随意马虎被阅读。
鲜艳通亮的色彩能够使界面在任何亮度背景下都有良好的比拟度，为界面创造出分歧凡响的觉得，以此得到用户的把稳。以是在常日情形下，提到扁平化设计的色彩方案，就会遐想到高饱和、单色调的色块等等。
我们在进行颜色的选择时都会考虑到视觉疲倦成分，常日选择视觉上相对柔和，在利用过程中只管即便延迟视觉疲倦涌现的韶光的颜色，常日的做法是降落色彩的饱和度。扁平化UI设计更加方向于单色调的色彩，归根结底便是色调与饱和度的匹配，选用主色和赞助色的组合，利用多种配色手腕来创造精良的视觉体验。
扁平化UI设计中常用高度精简的图标，来代表某一个操作步骤或者是功能的视觉展现，在形态上进行最大化的精髓精辟和提取。有简洁、形象的控件图标，也有线条色彩丰富、具有描述性的图标，它们的共同特色是都具有基本的几何形状。
没有多余的装饰效果，仅仅将图案从最开始的具象表现的含义进行提取，再用线条和色块来进行仿照，中间会经历数个步骤，并将细节与轮廓进行适度的取舍，将极简的要素利用到界面设计中去，清晰明了的表达信息。
对付简洁的内容元向来说，还须要进行都雅的排版设计，才能得到更加良好的视觉效果。由于扁平化设计中利用的都是简洁的视觉元素，以是布局方案就显得非常主要。
留白可以理解成版率，其紧张的浸染便是凸显层次、突出内容。有限的手机屏幕尺寸能够显示出的信息量也是有限的，而常日界面中所展示的信息量和用户所接管的有效信息，并不是成正比的，如果是为了提高信息量而压缩版率，可能会降落用户吸收的有效信息量。
进行版面设计的时候，在主要信息四周加上留白，就随意马虎将视线集中到小面积的内容上去，使焦点得到突出。利用大图片或者是色块的时，根据页面的不同内容和功能，来适当的调度周边的留白也较为主要，缩小留白或者是不留白，会使版面更加丰富、充满活力，其余图片展示空间的增加，会增强冲击感，使版面更加富有张力。
美学不仅包含了图形、色彩等艺术表现办法，也包含了其它可以引起用户反响的其他视觉效果，以是动态效果从某种程度上来说也属于美学的范畴。适度的动态效果可以使界面显得更加同等和真实，并且能给用户带来面前一亮的觉得。
动态效果要在符合物理定律的根本上来构建动画，例如：考虑到重力、惯性、刚性等，使动态效果显得比较真实，同时能够利用户觉得更加自然。
① 官方头条号：设计智造 顶级创意设计师必备
② 本篇为 设计智造www.cocoo.top 编辑整理，版权归原作者所有，转载请注明出处！
