当扁平化设计陷进了“扁平”的泥潭.pdfVIP

当扁平化设计陷进了“扁平”的泥潭 毫无疑问 ，扁平化是当今设计界最火的设计趋势。 表面上看 ，扁平化设计很简 ： 1、不要使用渐变、阴影和纹理。 2、使用简 的形状 ，大胆的色彩和清晰的排版。 我相信有一些优秀的扁平化设计牺牲了可用性和一些更优的设计方案 ，例如为了美感的呈现而牺牲 了一致性——这就是我将要重点讨论的内容。但是首先 ，我想要在一定的历史背景上讨论扁平化 设计。 1、扁平化设计的起源 “如果设计师认为他的设计很完美 ，那并不是因为没有什么可添加的 ，而是没有什么可减少了。” ——A nt o ine de Saint - Exupery 拟物化设计 （Skeuo mo rphic Design ） 扁平化设计是相对于它的前辈——拟物化设计而提出的。 拟物化的用户界面设计看起来就像是真实世界的反馈。 例如 ，下面的UI界面就反映出真实世界中音频压缩器的外观和功能。 图片来源 ： laus Göt t ling 拟物化设计起始于20世纪80年代 ，其初衷是帮助用户从真实世界向计算机界面平滑过渡。直到最近 ，作为拟物化设计最忠实的拥护者 ，苹果公司 ，把这种设计理念运用在了公司所有用户界面和界面 设计指南中。 例如 ，老版的A pple Saf ari图标让人一看就认出是指南针 ，相比较新版的扁平化图标而言 ，它由 阴影、渐变和许多精致的美学设计细节组成。 扁平化设计的目的 作为一种设计方法 ，扁平化设计摒弃了所有美学上的修饰 ，仅留下 （事物的 ）本质特征。 在某种程度上 ，我视“扁平化设计”为另一种“现代派 （modernism ）”的称谓 ，这种称谓是那些随着计 算机发展而成长起来的一代UI设计师定义的 ，他们认为拟物化是不必要的。没有更多的渐变、投影 和纹理 ，仅用漂亮的排版、简 的图标和形状、充满活力的颜色来帮助构建视觉层次 ，并且 ，最重 要的是 ，更深入地关注于易用性上。扁平化设计是由那些要求更高效、界面更友好的理念所推动的 。那就是扁平化设计田园诗歌般的目的 ，但当前的现实与之相差甚远。 2、扁平化设计的问题 扁平化设计喜忧参半 ，出色案例很多 ，失败案例也不少。 iO S 7的UI矛盾 iO S 7初次登台之前 ，谣言四起 ：随着乔纳森·伊夫(Jo nat han Ive)带领的新一届领导班子上台 ，iO S 7终将摒弃掉拟物化设计而走向扁平化。 它真的做到了。 下图是iO S 7初次发布时两种风格的对比。 图片来源 ：designmodo .co m 拟物化元素都不见了。没有更多高仿真的图标和木质装饰。 iO S 7怎么了 ？（整体风格前后 ）很矛盾啊。这些图标看起来明显格格不入 ，像是由两个不同团队 设计出来的(可能正是如此)。一些图标有渐变 ，另一些没有。 对于那些有渐变的图标 ，有的渐变的方向是相反的。 线条的厚度也不统一。 一些图标的符号化特征过于简 了 ，且有的是无意义的。例如“游戏中心(Game Cent er)”图标 ，是一 组有颜色的 ，玻璃质感的圆圈 ： “游戏中心”图标代表什么意思 ？这怎么和游戏联系起来 ？如果这个图标后面有它的符号化含义 ，那 这种含义对大部分用户就太晦涩了 ，导致其成为了一种“弱化的隐喻”。 其他图标的符号化特征又过于复杂了。例如“杂志(Newsst and)”图标 ，比起它临近的图标 ，显得太负 责和突出细节了。 不论是否扁平 ，在创建一个用户友好的设计时 ，一致性是至关重要的。 3、由于“太扁平”导致的可用性问题 好的 ，让我们看看没有渐变、没有纹理、没有投影怎么做。 让设计保持一致性。并且试着让它看起来很有现代感。 就这样么 ？小菜一碟啊。但需要考虑的远比这个多。就像任何优秀的UI设计一样 ，好的扁平设计应 该把可用性排在首位。扁平化设计的美感需要和可用性息息相关 ，并且如果我们必须要在“有 美感”和“对用户友好”之间二选一 ，后者应该要优于前者。 在一些采用扁平化设计的UI界面上 ，功能性一直被忽视。以W indows 8为例 ： 图片来源 ：o bilet echwo rld.co m W indows 8的UI是彻底的扁平化。它大胆的配色和平铺的“现代UI(Modern UI)”设计风格为W indows 品牌迈出新奇和积极的步伐。但它的主要问题就在可用性上。微软想通过W indows 8为用户在桌面 上营造平板的体验。但这没用。 W indows的扁平风格“Modern UI”(正式称呼为Met ro UI)对那些使用键盘和鼠标的人并不直观。根 据So lut o 的月度观察报告 ，44 -60%