平面设计是一种流行的设计风格由于没有光泽或三维视觉效果而定义在网页的图形元素中。许多设计师认为它是一个分支极简主义网页设计．
三维效果、拟态和现实主义
要定义平面设计，我们必须定义什么是平面设计不是。平面设计通常被解释为反对3D、拟物化和写实设计风格的反动运动．一个完全平面的界面不使用任何这些样式．
三维效应
三维效果给界面带来一种深度错觉，帮助用户理解视觉层次，理解哪些元素是交互的。
- 出现提出的元素看起来他们可以按下（用鼠标点击）。该技术通常用作数字按钮的说明率。
- 凹陷或凹陷的元素看起来他们可以填补。此技术通常用作输入字段的指示器，如搜索工具。
自图形用户界面的早期以来，屏幕已经采用了伪三维效果（阴影，渐变，亮点）来帮助用户一目了然地了解可用的动作。然而，这些早期的伪3D效应往往是侵略性的，过度的和视觉分散注意力。
Skeuomorphism
在数字设计中，偏斜设计是一种具有不必要的，观赏设计特征，用于模仿真实世界的先例。SkeOomorphic设计旨在帮助用户了解如何使用新界面来允许它们应用一些先前的知识。
现实主义
现实主义是一种基于美学原因而模仿实体物品或纹理的设计风格。
偏斜术往往与之混淆现实主义．在网页设计中，这两种风格通常是一起出现的。主要的区别是，现实主义是一种视觉风格，使用的设计元素和纹理为纯粹的审美目的而模仿物理世界,而skeuomorphism支持一个隐喻帮助用户理解界面。
平面设计的起源
在2011年发布Microsoft的Metro设计语言和Windows 8在推广平面设计方面是浓度的。微软的设计文档将其新风格称为“真实数字化” - 一个简单地捕获了许多设计师的平面设计吸引力的短语。与斯语的设计不同，平面设计被视为一种探索数字媒体而不尝试重现物理世界的外观的方式。
苹果主页的扁平化为这一流行趋势的增长提供了一个有用的基准。长期以来，拟物化和现实主义一直是苹果设计的标志，直到2013年左右，它的主页才开始抵制单调的趋势。
平面设计的可用性问题
自2011年平面设计出现以来，尼尔森诺曼集团一直是一个必威在线娱乐声乐批评其固有的可用性问题．我们的主要反对平面设计是它倾向于牺牲用户为时尚美学的需求。
多年来，使用者一直接触传统的意义因素可点击性，如蓝色，下划线链接和按钮上的3D效果。随着设计趋势的转变和用户接触到新的模式，一般用户的直觉能力识别链接的元素进化了。但只是因为用户在检测到链接元素时更好并不意味着他们不需要任何线索在所有。事实上，我们已经注意到，长期接触这些扁平但可点击的元素已经慢慢降低用户效率让他们更难理解什么是可点击的，什么是不可点击的。
当我们问一个22岁的加拿大人时，她如何知道她可以在网站中点击什么，她给出了以下答案：
“当它是蓝色和下划线时，这就是你最初如何知道的。你甚至可以在Word中看到。但说真的，尤其是画了下划线的时候，这很有帮助。如果是一个按钮，它不一定要写“点击这里”，但如果它写着“立即购买”或“购买”或“添加到购物车”。
此引用整齐地说明了人们使用的线索类型：
- 传统的、外部一致的符号(如蓝色、带下划线的文本或凸起的按钮)
- 让人想起传统能指的东西(如任何颜色的下划线文本或框文本)
- 上下文线索(如可操作的文本或放置在页面顶部)
如果您的组织想要过渡到更平坦的美观，请按照我们的设计可识别可识别的点击元素的指南以确保您没有造成点击不确定性。
肥胖平面设计
最近，设计师已经开始注意到平面设计的可用性问题。结果，出现了对平面设计的更成熟和平衡的解释。设计师正在寻找它们可以是“真实数字化”并探索媒体的独特机会而不会损害可用性。
这种较新的解释有时被称为“半平，”几乎平，“或”平2.0平“。这种设计风格大部分是平面的，但它利用了微妙的阴影、高光和图层来在UI中创建一些深度。
谷歌的材料设计语言是平面2.0具有正确优先级的一个例子:它使用从物理中借来的一致的隐喻和原则来帮助用户理解界面并解释内容中的视觉层次。
对于任何设计趋势，我们建议保持平衡和适度。不要为了赶时髦而牺牲可用性。不要忘记这一点——除非你在设计只有对于其他设计师 - 你不是用户．你的喜好和解释点击性符号的能力与你的用户不一样，因为你知道你自己设计的每个元素的目的是什么。
早期的伪3d图形用户界面和史蒂夫-乔布斯式的拟物化设计通常会产生笨重的界面。从那些过度缩放的缩放是有益的可用性．但是，消除视觉上的差别，产生没有符号的完全平面设计，也可能是一个同样糟糕的极端。平板2.0为妥协提供了机会- 视觉简单而不牺牲意义者。
如果你的UI使用平面设计，请确保遵循最佳实践以避免它的陷阱。
分享这篇文章: