《浅析“形式服从功能”在界面设计中的应用》由会员分享，可在线阅读，更多相关《浅析“形式服从功能”在界面设计中的应用（7页珍藏版）》请在金锄头文库上搜索。
1、浅析“形式服从功能”在界面设计中的应用摘 要：随着电子产品的高速更新换代，数字应用类产品的普及，界 面设计也伴随着计算机技术的革新在不断地更新以适应用户越来越高的 需求。扁平化风格的流行使得曾经风靡一时的拟物化风格慢慢淡出人们的 视野。但是不论形式风格如何变换交替，始终不变的是：优秀的设计必须 以满足用户需求为出发点。这种以功能为导向的设计，与现代主义的设计 原则“形式服从功能”不谋而合。关键词：形式服从功能；界血设计；用户需求0引言数字时代的产品，以各种移动终端作为平台，随着数字应用类产品的 普及，互联网进入移动互联网时代，众多企业与个人开发者希望从中掘金。 在这样的背景下，软件界面设计、用
2、户研究、用户需求分析等成为丿应运而 生的热门职业和话题。大家在分析界面设计，交互设计和视觉设计时候有 这样一个比喻，利用建筑设计行业的一套说法：建筑设计对应的是界面设 计，结构师对应交互设计，建筑外观设计师则是视觉设计。当设计师设计 一栋建筑时，最主要的作用是发挥功能的作用，在功能的基础上做好外观 的设计。这个比喻让我想到了在20世纪初期的建筑设计领域，有一个非 常有影响力的设计原则。自从美国芝加哥建筑派的领军人物路易斯?沙利 文(Louis Sullivan, 18561924)提出“形式服从功能”的设计口号以后,该口号影响了整个现代主义设计。在路易斯?沙利文看来，口然界的形态 与机能是恰当
3、而又自然地融合在一起，那么我们所做的设计也应该如此。 沙利文并不反对装饰，他曾表示：只要装饰部分与本体部分融为一体，那 么它比看起来像贴上去的装饰要美得多。这个原则应用在界面设计也非常 的恰当。1 “形式服从功能”原则在界面设计中的体现1.1界面设计首先需要做到符合人们的期待人们总是喜欢符合自己期待的行为。当人、事物或者软件的行为始终 符合我们的期望时，我们会感到与之关系良好，这也是界血设计应该做到 的。在实践中，这意味着用户只耍看一眼就可以明白接下来将会有什么的 反应，如果它看上去像个按钮，那么它就应该具备按钮的功能。设计师不 应该在基本的交互问题上做过多的“创新”，要在更高层次的问题上发挥
4、 创造力。1.2可用性是设计的基础在设计领域，界面设计成功的要素就是有用户使用它。例如，一个应 用软件，虽然界面漂亮美观，但是功能不全，不够实用，那么用户不会选 择使用它，它也就是失败的设计。界面设计仅仅能够满足其设计者的虚荣 心是不够的，它必须要有用。苹果的设计之所以精彩，连中老年的用户都 能够很快入手，其中的一个重要原因是苹果在处理设计的样式以及优先级 方面非常成功，设计师在设计的过程中一定是非常有魄力的砍掉多余的元 素，从而让重点的变的更突出，让功能变得更明确。1.3设计师要摒弃盲目的外观崇拜，减少非功能性的多余装饰设计师比较容易陷入盲目的外观即“形式”崇拜中，设计人员其至是 用户都有可
5、能受到诱惑，去盲目崇拜功能或者设计的复杂性。人们总是希 望购买价格最高，功能最全的产品。他们需要这么复杂的产品吗？不，他 们不需要！他们真正用到的功能并不多。很多时候人们因为产品过于复杂, 页面设计过于花哨，导致使用的时候无从下手。以拟物化设计为代表的设 计风格方便了用户的使用，增强用户体验，但是在其发展过程中，拟物也 渐渐地展现出一些不如人意的地方。从界面设计来看，以苹果的数字产品 界而为例，它常常使用精致的机理效果来模仿金属、皮革筹质感，在造型 上过于注重美感表达，较大的视觉空间里却只能表现少量的信息，信息的 传递效率较低。为了视觉效果，用户需要增加与产品的交互步骤，延长了 交互的流程。原
6、本简洁的界面变成复杂的视觉元素间的堆砌，拟物那种老 少咸宜易用性的初衷已经丧失掉了。2案例分析在我接触到的工作中，由于新的工作任务需求还未出来，所以一开始 同事们只是修改视觉方面，不修改交互。由于没有方向性，我们设计的视 频会议软件的界面风格变得“像雾像雨又像风”。这个过程中，返工增多, 工作效率也严重下降。如果那个时候有正确的出发点的话，不只关注产品 外观也注意用户整个体验的小细节，或许就不会发生这样痛苦的过程。为了方便深入分析，我需要再次借用关于苹果10S7的案例一一苹果 在iOS7的官方主页最显眼的位置写道:“When something is designed to work beau
7、tifully, it tends to look that way, too。用起来漂亮的和 看起来漂亮的，总是不谋而合”意思是：当某种东西是为了让运行更加完 美而设计的，那它就是最恰当的设计。我想苹果的意思可能是，更简洁的 扁平化设计，令整个界面可以容纳更多的信息、更多的功能、更容易使用, 所以它就是最好的。显然苹果希望避开iOS7美丑的争论，好用和功能才 是他们希望强调的。苹果的官方主页声称，一切新的设计都是为了更好用。 似乎他们已经预知了 iOS7界面上的改变太大：模仿代替了创新，扁平化 设计代替了立体化设计，会让“果粉”心情难受，甚至觉得新的丑，所以 干脆说，形式不是重点，重点是功能
8、更好用。那么对于产品，究竟是“用 起来漂亮的”重要，还是“看起来漂亮的”更重要？2.1 “用起来漂亮的”一一功能与可用性优先正如前面案例描述中所提到的该软件（用丁视频会议）是先专注于提 升产品的视觉愉悦性，然后再考虑人机交互、操作逻辑等用户体验的交互 性，尤其在新需求提出的这个阶段，设计理念与用户需求总有不符的时候, 尽管两者都是以人为本的，为用户能在体验过程中更加愉悦而设计，但要 有所取舍，比如新需求文档中有要求类似QQ等即时通信产詁“入会时， 视音频会议直接与文字讨论窗口合并，并且支持合并拆分”，后来之所以 暂时不实现，是因为我们认为视频会议软件不能为了文字讨论窗口，而把 视音频窗口设计得
9、很大，必须严格按照显示分辨率，找到人们最舒适的操 作使用，使它最终成为一个切实可用的产品。为了让产品更加实用,我们增加了更有价值的更多功能，其设计过程也让我想到了 “形式服从功 能”这句话，在设计的过程中，设计师有计划去落实更多的想法，实现更 多有意思的功能，但同时也做好了将其中大部分可能扔掉砍掉的准备，其 成本确实高，但却是极为需要的。从长期的角度來看，这样的方式可以帮 助我们打造出用户真正需要的产品。出于这些原因，我个人倾向于功能与 可用性优先的方式，不过这种通过理性分析入手的设计思路或多或少会让 设计师失去一些在创意上实现突破的机会，但是对于任何界面来说，保证 产品功能和可用性都是最重要
10、的前提。无论我们的实践方式从哪个角度出 发，有一点是无疑的：任何一个好的设计方案都必须以产品功能的可行、 可用、可靠为基础。产品是给人使用的，是给冃标用户带来最佳体验，不 是只当做装饰、艺术品，所以我认为，作为设计师，我们设计产品过程中 最需要关注的是产品功能如何运作，而不仅仅是考虑视觉呈现方面的问 题。2.2 “看起来漂亮的”一一视觉设计提升产品体验的愉悦性我们都知道第一卬象的重要性，不可否认，人们确实会以貌取物，精 心雕琢的界面可以在最短时间内给用户带来视觉上的冲击。一个好的产 品，看起来赏心悦冃又有艺术感，将会让用户在使用过程中更加愉悦，这 就如同家具，功能固然重要，然而设计的好看仍然是
11、你相中一款家具的最 重耍原因，不然谁愿意从早到晚都使用枯燥单调的界面？近两年来，在设计领域中，我们听到最多的就是“扁平化设计” 了， 关键是，你是否将扁平化设计视作是一种模仿和跟风。最早开始扁平化设 计是微Windows Phone安卓4.0智能手机和Google+社交网站，基于有 限的屏幕要容纳更多的信息，简洁和一目了然的扁平化设计当然会大行其 道，i0S7也好，整个业界也罢，它们设计的扁平化只是响应了这个无可阻 扌当的设计潮流。也正因如此，同样基于扁平化设计的产品有了更多的相似 性。iOS7的设计并没有给我们太多新意，但是我觉得10S7与同样采用扁 平化视觉风格的其他产品或多或少有所区别，
12、因为其结合产品的具体需求 來创建或维持更加定制化的特色，在一些细节有注入能够让用户在使用上 为之吸引的元素，比如设备的倾斜会使系统界面产生随之轻微倾斜的视觉 效果，背景图片朝着设备水平位置较高的一个侧曲进行简单的移动，虽然 这是不足以改变业界的重大视觉效果，但可以取悦用户，也从中隐约感受 到其设计团队付出的心血。3总结如果说交互的方式和界面的风格属于“形式”，那么用户需求就是最 根本的“功能”。随着用户体验设计的不断深入研究，我们发现有很多问 题最终都会归结到用户需求上面来。只有对用户体验的各个阶段、渠道和 接触点进行全面的研究与分析，去了解冃标用户的需求、行为和想法，才 能提供最适合的解决方
13、案。用户体验设计的质量很大程度上取决于我们对 冃标用户的了解程度有多深，而不是界面的交互或视觉设计形式有多赞。 该论文研究的创新点也在于此。仅仅专注于界面够不够漂亮，或者仅仅为 了满足用户需求所设计出的产品都不会是最好的作品。文章并没有抨击拟 物化或者过度褒奖扁平化的意思，拟物化风格为了更好地体贴用户所做出 的努力是我们有目共睹的，设计师在使界面更为仿真，更具震撼的视觉效 果上执着的追求也令我很感动。在这个追求创新和快速消费的年代，需要 设计出更效率，更新颖、更有个性的作詁，设计师也应该不断调整自己的 眼光以适应环境的变化。最后，我认为好的产品，美观乂不失功能性；好 的设计，能为用户的需求而设
14、计，提高质量，并且实用，经得起时间的考 验；好的设计师，能知道如何处理好形式与功能之间的平衡，并解决产品 中的实质问题。参考文献：1 夏颖？.数字产品界面中朴素的设计和冗余的设计J装饰， 2013.2 高茜现代设计史M上海:华东理工大学出版社，2011.3 Steve Krug. DON T MAKE ME THINKM.北京：机械工业出版社, 2006.4 Smashing Magazine.众妙之门网站UI设计之道M贾云龙,王 士强，译人民邮电出版社，2012.5 雷纳徳?A?诺曼设计心理学M.北京：中信出版社，2010.6 现代软件界面设计的丿力史及艺术特性J艺海，2011 (11)马娜娜简洁而不乏味一一浅谈扁平化界面设计J 大众文艺,2013.
