当扁平化设计掉进了“扁平”的泥潭.doc

《当扁平化设计掉进了“扁平”的泥潭.doc》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、扁平化是当今设计界最火的设计趋势。表面上看，扁平化设计很简单：1、不要使用渐变、阴影和纹理。2、使用简单的形状，大胆的色彩和清晰的排版。我相信有一些优秀的扁平化设计牺牲了可用性和一些更优的设计方案，例如为了美感的呈现而牺牲了一致性——这就是我将要重点讨论的内容。但是首先，我想要在一定的历史背景上讨论扁平化设计。1、扁平化设计的起源“如果设计师认为他的设计很完美，那并不是因为没有什么可添加的，而是没有什么可减少了。”——AntoinedeSaint-Exupery拟物化设计（SkeuomorphicDesign）扁平化设计是相对于它的前辈——拟物化设计而提出的。拟物

2、化的用户界面设计看起来就像是真实世界的反馈。例如，下面的UI界面就反映出真实世界中音频压缩器的外观和功能。拟物化设计起始于20世纪80年代，其初衷是帮助用户从真实世界向计算机界面平滑过渡。直到最近，作为拟物化设计最忠实的拥护者，苹果公司，把这种设计理念运用在了公司所有用户界面和界面设计指南中。例如，老版的AppleSafari图标让人一看就认出是指南针，相比较新版的扁平化图标而言，它由阴影、渐变和许多精致的美学设计细节组成。扁平化设计的目的作为一种设计方法，扁平化设计摒弃了所有美学上的修饰，仅留下（事物的）本质特征。在某种程度上，我视“扁平化设计”为另一种“现代派

3、（modernism）”的称谓，这种称谓是那些随着计算机发展而成长起来的一代UI设计师定义的，他们认为拟物化是不必要的。没有更多的渐变、投影和纹理，仅用漂亮的排版、简单的图标和形状、充满活力的颜色来帮助构建视觉层次，并且，最重要的是，更深入地关注于易用性上。扁平化设计是由那些要求更高效、界面更友好的理念所推动的。那就是扁平化设计田园诗歌般的目的，但当前的现实与之相差甚远。2、扁平化设计的问题扁平化设计喜忧参半，出色案例很多，失败案例也不少。iOS7的UI矛盾iOS7初次登台之前，谣言四起：随着乔纳森·伊夫(JonathanIve)带领的新一届领导班子上台，iOS7

4、终将摒弃掉拟物化设计而走向扁平化。它真的做到了。下图是iOS7初次发布时两种风格的对比。拟物化元素都不见了。没有更多高仿真的图标和木质装饰。iOS7怎么了？（整体风格前后）很矛盾啊。这些图标看起来明显格格不入，像是由两个不同团队设计出来的(可能正是如此)。一些图标有渐变，另一些没有。对于那些有渐变的图标，有的渐变的方向是相反的。线条的厚度也不统一。一些图标的符号化特征过于简单了，且有的是无意义的。例如“游戏中心(GameCenter)”图标，是一组有颜色的，玻璃质感的圆圈：“游戏中心”图标代表什么意思？这怎么和游戏联系起来？如果这个图标后面有它的符号化含义，那这种

5、含义对大部分用户就太晦涩了，导致其成为了一种“弱化的隐喻”。其他图标的符号化特征又过于复杂了。例如“杂志(Newsstand)”图标，比起它临近的图标，显得太负责和突出细节了。不论是否扁平，在创建一个用户友好的设计时，一致性是至关重要的。3、由于“太扁平”导致的可用性问题好的，让我们看看没有渐变、没有纹理、没有投影怎么做。让设计保持一致性。并且试着让它看起来很有现代感。就这样么？小菜一碟啊。但需要考虑的远比这个多。就像任何优秀的UI设计一样，好的扁平设计应该把可用性排在首位。扁平化设计的美感需要和可用性息息相关，并且如果我们必须要在“有美感”和“对用户友好”之间二

6、选一，后者应该要优于前者。在一些采用扁平化设计的UI界面上，功能性一直被忽视。以Windows8为例：Windows8的UI是彻底的扁平化。它大胆的配色和平铺的“现代UI(ModernUI)”设计风格为Windows品牌迈出新奇和积极的步伐。但它的主要问题就在可用性上。微软想通过Windows8为用户在桌面上营造平板的体验。但这没用。Windows的扁平风格“ModernUI”(正式称呼为MetroUI)对那些使用键盘和鼠标的人并不直观。根据Soluto的月度观察报告，44-60%的Windows8用户(包括桌面和平板)更倾向于以前的UI界面而不是“ModernU

7、I”。尽管人们期待扁平化设计能够让事情变得更简单，许多人仍旧认为以前的UI界面对用户更友好。JakobNielsen对Windows8进行了可用性测试，并列举了很多它的UI设计问题。Nielsen发现主要问题是操作系统的扁平化设计让用户很难知道某个元素可不可点击。尽管新的Windows8图标优雅又整洁，他们的可操作性并不高。没有渐变、投影或是一些让它们有区分度的特点，就很难让用户知道什么可点什么不可点。有些时候，扁平化设计会变得太“平”了以至于影响了可用性。如果用户界面“太平”了，可操作性的元素就会淹没在一片看起来都一样的扁平化元素之海中。甚至对于iOS7的控制中

8、心，很多人