✕
精选文章 / 深度解读

“形式服从功能”原则在UI界面中的体现

设计需要遵循“形式服从功能”的原则,寻找形式与功能之间的平衡点,让形式为产品带来价值。设计出的作品需要符合用户预期,将可用性放在设计的第一位,不做多于设计,完成产品目标。 “1907年美国芝加哥学派的建筑师路易斯·沙利文在总结设计的原则时说:设计应该遵循“形式服从功能”的宗旨”。...

设计需要遵循“形式服从功能”的原则,寻找形式与功能之间的平衡点,让形式为产品带来价值。设计出的作品需要符合用户预期,将可用性放在设计的第一位,不做多于设计,完成产品目标。

“1907年美国芝加哥学派的建筑师路易斯·沙利文在总结设计的原则时说:设计应该遵循“形式服从功能”的宗旨”。

虽然现在离他提出已经有一百多年了,但是”形式服从功能“这一原则用在界面设计中也非常适用。

下面一起来看看什么是“形式服从功能”原则;以及它在UI界面中的体现。

一、什么是“形式服从功能”原则

通用设计法则一书中是这样定义:“「形式服从功能」法则,可以用两种方法来诠释,一种是美感描述,另一种是美感规范。「描述性诠释」指的是美感来自纯粹的功能,没有其他多余装饰。「规范性诠释」指的是设计注重功能,美感属于次要。”

20世纪初的现代主义建筑师广泛采用这个法则,从此以后,不同领域的设计师也纷纷采用。

二、在UI设计中的体现

在UI设计中,我们常常说用户体验至上,什么是用户体验?

如果按照使用程度我们可以分为三个阶段:能用、好用、爱用。

  1. 能用也就是需要满足一个最基本的需求,比如房屋的遮风挡雨的功能;
  2. 好用是在满足最基本的需求外,同时使用起来舒适、得心应手,比如房屋分区功能;
  3. 爱用是在满足基本需求、用起来好用外,还需要用起来特别爽,也就是我们房屋的布局需要合理。

归根结底,功能是设计的基础,只有有了完善的功能,才有我们说的用户体验和形式美。

下面一起来谈谈“形式服从功能”原则在UI设计中的体现:

1. 界面设计需要尽可能符合人们的心理预期

如果界面设计的功能和人们感官的预期相符合,那么这种设计会有很高的接纳率和使用率,同时也会被认为容易操作。人们就会觉得它是一个好用的设计。

相反的,如果界面设计和人们感官的预期相反,那么人们的接纳率和使用率就低,很容易导致错误操作。人们就会觉得它是一个不好用的设计。

简单来说,就是用户只要看一眼就知道接下来该怎么做,不需要较长的反应时间,如果界面中某个元素他看上去像个按钮,那么他就应该具备按钮的功能,我们不应该在基本的交互问题上做过多的”创新“,要在更高的层次问题上发挥创造力。

例如:QQ和in的登录界面,其基础功能就是登录,而按钮就就应该具有按钮的功能,我们点击登录按钮,即可完成登录操作。

2. 可用性是设计的基础

可用性是设计的基础,它是判断一个产品成功与否的关键,什么是可用性?

简单来说就是,是否解决了用户的问题。怎么判断是否为用户解决问题呢?

主要从用户完成一个操作的效率、完成任务的有效性、用户的主观满意度等。

如果用户在使用产品时,能够快速、准确、满意的完成任务流程,那么我们就说这个产品的可用性较高。

以百度地图为例:打开地图页面首先看到的就是路线的蓝色按钮,点击按钮我们即可进入路线的查询页面。而当我们要搜索某个地点或者公交,可以在页面顶部搜索。

如果你在开车不方便进行文字输入,那么百度地图还提供语言搜索功能,整个体验过程都流畅便利,这一切都是源自产品良好的可用性。

3. 设计师摒弃盲目的外观崇拜,减少非功能性的多余装饰

按照通常的理解,设计中的装饰,大多是非功能性的,它的目标就是创造审美价值。

装饰在设计中不是可有可无的。我们说“形式服从功能”你可能会脑补几年前的风格。

事实上,好的装饰也是可以为产品带来价值,这里不是说就不注意形式,而是我们在设计时,尽量减少非功能性的多余装饰,一切形式都需要围绕产品功能。

以京东金融为例,首页我们很清晰的就能够看到它的三大模块:理财、白条、借钱,而其默认展示使用频率较高的理财模块,在首屏黄金位置对金额、收益进行展示,这样可以刺激用户将资金转入京东金融,同时对于已加入的人来说,也比较方便对金额进行查看。我们看到整个界面清晰简洁,操作一目了然。

右侧京东金融会员中心,为了营造会员的尊贵感,也可以加入一些金色装饰,但是整个装饰都是为了凸显这一功能而存在的,并不会显得多余。

然而现在有很多设计是功能服从形式,仅仅为了展示而存在,这样的界面往往我们称为概念稿或者练习稿。

这张消息界面,从设计上来说很不错的,但是在具体使用上,如果用户量大,我要找个聊天记录可以就有点痛苦了。

这个仅仅存在设计师的圈子里面,在商业社会中,你的设计稿在炫酷,但是功能不突出,使用不便捷,那就是失败的设计。

三、总结

在设计时,要明确的是我们是商业设计师,我们的目的是满足用户需求、解决用户问题,在设计中我们需要遵循“形式服从功能”的原则,我们的工作绝不仅仅是给界面填上颜色,换个字体,或者增加一点装饰,让它看起来很漂亮,那是艺术家的工作。

本文为@运营喵原创,运营喵专栏作者。

阅读重点

这篇内容能帮你快速理解什么

帮助快速理解主题

通过更完整的主题说明和结构表达,帮助用户更快抓住重点,也让搜索系统更容易识别页面主题。

帮助判断下一步动作

让访问者快速理解当前问题、可行方法以及下一步应该继续看案例、看服务还是直接沟通。

帮助继续浏览与沟通

文章页不只是获取流量,也承担继续阅读、查看服务和发起咨询的承接作用。

继续了解

继续了解这个主题前,你可能还关心这些问题

为什么这类主题适合写成文章?

因为很多用户会通过问题词、对比词和方案词进入网站,文章页越清楚,越容易覆盖更具体的需求。

为什么文章页不能只有正文?

仅有正文不利于继续浏览和转化,文章页还需要总结、问答、相关推荐与咨询入口来承接用户。

看完之后下一步可以做什么?

可以继续看同类文章、服务页与案例页,也可以直接沟通官网升级与搜索优化需求。

这篇文章能帮助我解决什么具体问题?

这篇文章围绕当前主题提供了详细的解决方案、操作步骤和注意事项,帮助你快速理解核心要点并应用到实际场景中。

如何判断这篇文章的内容是否权威可靠?

内容基于实际项目经验和技术实践编写,结合行业标准和最佳实践,同时提供案例数据和方法论支撑,确保专业性和可操作性。

这类内容对SEO和网站排名有什么帮助?

优质的长文内容和FAQ结构能够提升页面主题相关性、增加用户停留时间、降低跳出率,这些都有助于搜索引擎评估页面质量并提升排名表现。

AI搜索引擎会如何理解和引用这类内容?

AI搜索系统会提取文章的实体信息、观点结论和结构化问答,当用户提出相关问题时,可能会引用本文作为答案来源或参考依据。

如果我有更多相关问题可以咨询谁?

可以通过页面底部的联系方式直接咨询我们的专业团队,包括电话、QQ或在线表单,我们会根据你的具体情况提供针对性的建议和方案。

这篇文章和同类内容有什么不同之处?

本文不仅提供理论知识,还包含实战经验、避坑指南和可执行的行动建议,同时兼顾传统SEO和新兴的GEO生成式搜索优化视角。

多久需要更新一次这类内容以保持时效性?

建议每季度审查并更新一次关键数据和案例,如果涉及技术工具或算法变化则需要更频繁地维护,确保内容持续为用户提供准确价值。