UI大牛教你解读界面风格

界面设计风在不断发展变化，扁平化和拟物化是现代流行的界面设计风格，两种风格本身都存在着优缺点，常常让人拿来比较。设计风格终归只是工具，产品的“可用性”才是设计本身的重点。

什么是扁平化和拟物化 ？

扁平化设计或者说扁平的UI风格是当下界面设计最受关注的发展趋势，人们常把它拿来与拟物化风格做比较，两者的设计原则与风格截然相反。 拟物化风格，顾名思义是模拟现实物品的造型和质感，通过叠加高光、纹理、材质、阴影等效果对实物进行再现，也可适当程度变形和夸张，设计界面模拟真实物体。拟物设计会让你第一眼就认出这是个什么东西。

扁平化与拟物化的区别 

扁平化设计给人的感觉是简洁、明了，让看久了拟物化设计的用户有了焕然一新的感觉，扁平化设计更突出主要内容，减弱简便、高光等拟真效果对用户视觉感知的干扰，让用户更加专注于内容本身，从用户体验上来说也更为简单易用。

认知和学习成本低是拟物化设计的一大优点，拟物化设计展示了识别和熟悉的好处，其引入用户在现实世界中使用的熟悉的对象作为用户界面控制的元素，能让用户很容易地正确推断界面控制的方法。熟悉感可以鼓励用户对产品更多的使用，更快采纳产品的设计，减少新用户面对产品的恐惧感和障碍感。其中也包含了人性化的体贴。拟物化设计也存在一些缺点，大多数的拟物化界面并没有实现功能化，设计师却要花费大量的时间和精力在视觉的阴影和质感效果的打造上。

拟物化设计的症结与扁平化设计的局限性 

通常来说拟物化设计有助于改善应用的用户体验，但实际上，这样的界面设计方式有时会也降低用户体验。首先应用程序与现实中的实体物品有着显著的不同。一般来说，采用拟物化设计的应用都会试图模仿一个现实物品的外观与功能，然而应用的工作方式却与现实物品不同，这会直接影响产品的用户体验。

对于一个采用拟物化设计的产品来说，如果做得足够好，产品在视觉上将于真实世界的物品产生强烈的共鸣。但同时，共鸣越是强烈，越像真实的物品，它所带来的局限性也就越发明显，这也阻碍了产品的改进与革新。

扁平化设计的特点之一是尽可能地简洁，然而界面中的一些细节对于用户能否顺畅地使用应用，起到了至关重要要的作用，比如说：按钮上带有轻微渐变的圆角设计，表单部分浅浅的阴影效果，导航栏轻微悬浮的效果。如果去除这些细节，界面中的每个元素都将被置于同一水平面，用户在使用时将不可避免地产生疑惑：这是一个按钮还是一个导航栏？如果我点击它，会出现什么？

扁平化设计要素 

1、简单的元素：扁平化这个概念最核心的地方就是放弃一切装饰效果，诸如阴影、透视、纹理、渐变等等能做出3D效果的元素一概不用。所有的元素的边界都干净俐落，没有任何羽化、渐变或者阴影。

2、字体：从精美装饰性的字体，到简洁的非衬线字体，漂亮的字体是优秀的扁平设计的关键组成之一。由于界面更加简洁，可以使用字体来创建设计者所期望的风格。

3、色彩：扁平化设计中，配色是最重要的一环，扁平化设计所采用的色彩模式与其他的调色板相比倾向于更加醒目、更加明亮。同时，扁平化设计中的配色还意味着更多的色调。

4、简化的交互设计：设计师要尽量简化设计方案，避免不必要的元素出现在设计中。简化界面的同时，更重要的是做到使用上的简洁方便。

形式服务于功能 

形式服务于功能、“少即是多”是20世纪极简主义运动中提出的著名口号，对现代设计影响深远。优秀的界面交互设计应该是既有“形式上的优美和婉约”，又有“技术上的精确和简洁”。

1、简洁的完整：优秀设计的经典要素之一即形式的简约：以简驭繁。对于界面设计，就是用最少的元素来完成任务。

2、内在的和谐：浑然一体的感觉是每个优秀的设计应该不断追求的标准。能够始终以一种文雅而易于理解的方式传达信息，并且向用户展现我们真正希望他们看到的东西，是保持交互设计内在的和谐的不二法则。

3、顺应的情感认知：越来越多的产品设计开始追求某个单一的用户渴求，既凌驾于用户需求之上的一种情感追求，但很多时候追求的单一性，往往会失掉了产品最基本的用户感知和认可。顺应用户的情感认知，才能调动用户的情感。

可用性比设计风格重要 

从设计发展史上来看，流行的风格趋势往往在复杂和简单之间不断交替变化，这一现象在可视化设计领域，尤其是界面设计领域表现地尤为明显。扁平化和拟物化本身都存在着优缺点，设计风格终归只是工具，产品的“可用性”才是设计本身的重点。没有一种设计风格是完美无缺的。为每个产品量身定制的设计，才能使界面风格与产品要传达的信息、实际功能相吻合。



相关文章--《做为电商产品经理你不得不懂的基础——跳出率和退出率》