界面设计中扁平化风格与拟物化风格探讨

崔悦 刘宝成

【摘要】：伴随着信息化时代高速发展，智能化设备发展的愈发成熟，界面设计的层级关系、便捷的交互、视觉风格设计成为了设计师的首要课题。与此同时，基于用户体验为主导的移动终端界面设计经历了从拟物化风格向扁平化风格转变的过程。本文着重研究在界面设计中拟物化风格和扁平化风格的设计特点，各自的优势及劣势。本文还将通过对用户体验进行分析，从交互设计、视觉元素等方面总结出界面设计从拟物化到扁平化发展的原因。

【关键词】：界面设计；扁平化风格；拟物化风格

一、拟物化设计

1.1 什么是拟物化

维基百科上对拟物化设计的定义：借用已有的实体，即使新设计中并不需要原来的功能，但使得新设计满足一定的亲和度需要。ibook是ios拟物化设计时代交互界面的典型代表。从界面逼真的视觉效果到细腻的感官手势，连翻书的“唰唰”的声音都模拟得惟妙惟肖，体验的过程更具趣味性和亲和力。不得不说ios系统开创了拟物化设计形式，并将其发展到了极致。由此得出拟物化设计在界面上强调模拟实物的材质、质感、细节、明暗等，在交互上做到了模拟现实中的操作形式。这种设计学习成本低，带有丰富的感性化色彩的交互设计，即使是老年人也能根据实际生活经验较快的学会操作。正如《i OS Human Interface Guidelines》里提到：“当你应用中的可视化对象和操作按照现实世界中的对象与操作仿造，用户就能快速领会如何使用”。诚然，拟物化引领了设计趋势，但其本身存在一定的约束，所以发展前景并不乐观。

1.2 拟物化设计的优势及问题分析

拟物化设计通过模拟现实场景，实物质感，以及日常行为等，使产品表现形式更丰富有趣，操作也更加符合用户习惯。现阶段其优势有 3 点：（1）有效降低用户学习成本以及理解难度。正如前文所提到的《i OS Human Interface Guidelines》所述，让使用者能直接把生活经验搬到对应的操作上，很快联想出下一步应该怎么办。（2）更具美感和亲切感。比起微软公司推出的 Metro 风格的界面，拟物化设计的内容更丰富。Metro UI 作为高度平面化、符号化、抽象画的语言，在隐喻功能性方面有着一定的缺陷，视觉方面也显得比较科技缺乏亲和力，容易造成审美的疲劳。（3）更具效率和准确性。鉴于移动设备“产品众多，信息大量”的自身特性，用户需要快速分辨出有效的信息。在界面设计中，拟物化设计因极具亲切感和生活线索，较容易让人下意识的识别出来。

但凡事必有两面性，拟物化设计也具有需要设计者思考的问题。一方面，拟物化设计是模拟真实，甚至是沿袭人的习惯。起因于人的习惯难以改变，但这种习惯也不是一尘不变的。简而言之，好的习惯可以保留，而其他的则可逐步转变，问题在于如何鉴别该沿用哪些作为拟物化设计的内容，哪些又该舍弃。另一方面，引用拟物化设计，并非滥用。过度的使用，比如过度采用真实皮质纹理、音乐播放器处处采用收音机旋钮作为按键等，反而会引起用户操作的无所适从。除此以外，拟物化设计在视觉设计上所花费的时间和精力会相对来说较较高。

二、扁平化设计风格——界面设计中的极简主义

如今随着科技的发展，智能手机、触屏对于大众已不再陌生。在人人都有电脑，人人有手机的时代，数码产品的普及已经使得一切不再新鲜，人们更倾向于数码产品是否可以快速地帮助他们达到目的，是否高效。与之同时，也已经不需要通过拟物化去降低学习成本了，拟物化风格在主宰界面设计多年之后，大众也逐渐对其从最初的震撼吸引变为习以为常，甚至审美疲劳。风格潮流的轮回至此，促使扁平化设计风格如此再次受到人们欢迎。

2.1 扁平化设计的特点

1.拒绝特效。扁平化设计以二维形态示人，放弃一切装饰效果。和拟物化设计强调的质感光影不同，扁平化设计摒弃一切诸如浮雕、投影、高光等特效，仅以鲜明的色塊和突出的文字信息呈现。

2.简洁的视觉形态。扁平化设计通常尽量使用最简单的几何形，如圆形或长方形的形态特征，使图形简洁突出，方便点击。

3.强调色彩鲜明。扁平化设计常常用色鲜明，倾向于有更多色彩的搭配，同一界面的配色可能到6-8种颜色。

4.重视排版。排版不仅仅是关于视觉美学，更是一门信息组织的学问。了解用户的需求，在合适的地方以适当的字体字号呈现，展现清晰的视觉层次，帮助用户更有效的达到预期目的，会有助于提高用户体验。

5.做减法。包豪斯时期米斯凡德罗所提出了“少即是多”的设计原则，扁平化设计可以说是在界面设计中充分地诠释了这一理念，即强调对于一切视觉元素做减法，避免不必要的元素出现在页面中。

2.2 扁平化设计的局限性

扁平化只是界面设计中的一种形式，像其他视觉风格一样，也有自己的不足之处。

扁平化设计的局限性体现在：缩减的设计语言增加了界面设计的难度，如果处理不当，便会显得单调乏味，传达的情感不丰富，过于冰冷。极简的扁平化设计风格，对消费群体的知识水平和审美能力提出了更高要求，不仅增加了学习的成本，还无形中抛弃了一些特殊的用户媒体，比如对于儿童，拟物化的界面 设计更能吸引儿童群体的注意力，并且方便记忆。扁平化设计是一种糅合视觉与理念的设计风格，不能从字面意义上理解这种风格。如果一味的盲目跟风，兼容性、可发挥性的地方必有局限。

三、界面设计中拟物化向扁平化演变的原因

扁平化設计风格的理念是对界面的视觉设计和功能进行一种抽象化表达，其不再只关注视觉上的实物再现，更重视功能重构与用户体验设计，这一理念并非横空出世。包豪斯所奠基的以观念和以解决问题为中心的的现代主义设计体系，提倡功能化的设计原则、重视工业设计与人的关系，这些正与扁平化设计的理念不谋而合。扁平化设计的出现和流行正是反映了繁久必简这一艺术发展规律。而拟物化设计并非是完全被扁平化设计所取代，扁平化设计也没有摒弃一切装饰效果，渐变、高光在扁平化界面中依旧可以看到。所谓“拟物化的衰落”，归根结底，是设计师在跟随这种时代趋势的前提下，理性的回归到产品初衷和用户体验中去，重新审视界面元素与整体视图效果，消除冗余的元素，省略繁复的特效，使其功能可见性被最大化。

总体而言，移动端界面设计从拟人化到扁平化风格的转变，是离不开以下几个因素的：1.扁平化设计通过“扁平化”的信息结构和图形化的视觉语言等优势，使移动端界面设计更具有实用价值和使用价值；2.拟物化风格过分的“华而不实”，导致了信息传达效率的降低，容易对用户产生视觉负担；3.产品界面是人与信息交流的媒介载体，扁平化的界面设计正式建立在用户认知心理的基础上，为用户提供与用户心理模型相吻合的界面系统，减少用户的认知负担。界面设计是一个不断迭代更新发展的过程，因为用户体验也是不断变换的，用户在操作体验、视觉感受等方面会有越来越高的要求。这种拟物化设计的兴衰存在于漫长的界面设计历史演变过程中，通过对这一兴衰的研究可以一窥今后的界面设计发展轨迹。

结语：

拟物化设计或者是扁平化设计并非对立存在，而是在不同的情况下做出的不同设计风格的选择。并且两者相互促进相互发展，共存才是真正为用户打来良好的体验的关键。过多装饰性的拟物化设计或许已经没落，但是人们对于情感化的需求却是永恒的，在扁平化视觉风格下的深层次拟物化设计才是满足用户需求是关键所在。

参考文献：

[1]中国互联网络信息中心.全国互联网发展统计报告[R].北京：中国互联网信息中心.

[2]付婕，赵江洪，谭浩.基于潜意识和行为习惯的交互设计启示性[J].包装工程，2013，34（2）：52.