交互设计中的美学？一起来Get创建视觉美学设计的七条规则！

原创交互设计小助手美国交互设计资讯

TOPIC:

AESTHETIC

UI Design UX Design

Article：2022/04/28

这里是「交互设计全宇宙体系」知识栏目的第七期~「全宇宙体系」是由美国交互设计资讯独家原创性连载的关于交互设计的知识分享栏目，通过系统化、体系化地为大家带来干知识货推文，带领大家探索全宇宙体系中的“小行星”，收获一个个锦囊妙计~

（全宇宙体系 By美国交互设计资讯）

在上期推文中，我们为大家分享了关于用户体验设计 vs 产品管理？到底有什么区别！(点击这里查看~)，了解到用户体验 (UX) 和产品管理（PM）都在将产品推向市场方面都发挥着重要作用，用户体验与产品管理的工作与技能并不相同——但还是有一些重叠的部分。事实上产品生命周期需要两者同步工作，才能构建和交付成功的产品。

在今天的文章中我们将为大家介绍关于交互设计中的美学/7条创建视觉美学UI法则~(文末领取相关书籍福利~)

“设计是将形式和内容放在一起的方法。设计和艺术一样，有多重定义；没有单一的定义。设计可以是艺术。设计可以是美学。设计是如此简单，这就是它如此复杂的原因。”

— Paul Rand，艺术总监兼平面设计师，以 IBM 等标志而闻名

(进阶知识体系 By美国交互设计资讯）

美学

Merriam-Webster 词典将美学定义为：

“关于美或艺术的特定理论或概念：对感官，尤其是视觉上令人愉悦的事物的特定品味或方法”。

从理论中抽象出来，在日常生活中，审美意味着一些看起来令人愉悦的事物的组合。

在自然界中，图形表现力往往是借助光影来实现的，摄影师利用它来增加他们关于框架构图的知识。事实上美学不仅仅是我们视觉所看到的，但人类是视觉动物，所以我们将专注于视觉。因此，与某些比例及参数相对应的一切，我们认为在艺术和日常生活中都是美丽的。

在设计过程中，美学是定义设计令人愉悦的品质的核心设计原则。在视觉方面，美学包括平衡、颜色、运动、图案、比例、形状和视觉重量等因素。设计师使用美学来补充他们设计的可用性，从而通过有吸引力的布局增强功能。

设计美学≠艺术

作为用户体验设计和交互设计的重要组成部分，美学以多种方式影响界面的用户体验。人类对于视觉输入是天生的，用户的第一印象通常在 50 毫秒内形成——因为他们的直觉反应引导他们要么继续使用你的设计/产品，要么放弃它。

这里的美学是指网站和应用程序上的线条、颜色、间距等，即选择哪些元素以及如何应用它们。当我们的网站具有良好的美感时：

可以创造吸引力偏见在内心层面吸引用户，从而带来：情感设计/更多的流量/更多时间花在网站和页面/屏幕视图上/跳出率较低。

可以让用户更能容忍可用性问题：研究表明，用户认为视觉上吸引人的设计比实际更有用。

（谷歌的简单设计展示了高效美学：当用户的眼睛被他们期望谷歌所期望的平静、干净的布局所吸引时，达到了它的目的。）

不过，吸引力偏差是一种短期效应——漂亮的外表并不能挽救糟糕的产品。因此，为用户体验而设计并优化可用性至关重要，应用经过深思熟虑的美学与设计功能协同工作。

设计美学：实际应用

设计中的美与功能是有史以来最具争议的话题之一。有人说设计应该是美丽的，其他人则坚持其主要目标是实用。

美的价值和光环效应

在马普经验美学研究所高级研究员的论文中提到：美是我们为自身而寻求的东西。欣赏美学的行为是情感上的满足，给我们带来快乐，从而成为最终的目标，而不仅仅是一个附带的命令。

（宇宙体研究应用程序概念设计）

更重要的是，所谓的光环效应使作品的内容与形式难以分开。光环效应是一种认知偏差，简单地说，就是美丽的东西看起来也很有趣、很好、有用。

令人着迷的美学色彩

审美体验类似于流动的概念当人们对某人或某事感到惊奇时，他们会沉浸在这个过程中，对令他们着迷的人或物有着强烈的依恋。例如：我最喜欢的颜色中最喜欢的色调是矢车菊蓝：

因此，任何具有类似色调的产品都会立即引起我的注意：

（Shakuro的财务助理应用动画）

这种效应存在主观性，但色彩联想的力量可以为设计师带来优势。

简约的美

人们更喜欢容易理解的东西。根据奥斯陆大学心理学教授Rolf Reber的研究，审美快感可以源于感知者的处理容易程度。换句话说，越容易处理的东西，就越受人欢迎。这个想法解释了为什么以易于理解的方式呈现的复杂想法可以给人一种审美愉悦的感觉。即使是黄金比例的迷人效果，或许也可以用它给旁观者的简单感来解释。