一个优秀的设计不仅要解决正确的问题，还要为用户创造积极的情绪。过去，实体产品可以通过人的五种感官创造情感体验，但对于今天的数字产品来说，这似乎很难实现，因为获取服务只是在屏幕上进行无聊的交互。因此，数字产品设计师需要更深入地了解每种情绪以及产生它们的心理原理。根据DonNorman的研究，人们对一个对象的情感分为三个层次：本能的、行为的和反思的。本能层：“用户想要什么感觉？”行为层：“用户想做什么？”反射层：“用户想成为什么样的人？”产生情绪。所以，这就是UI设计师擅长的地方。除了美学和基本的平面设计原则外，以下是我在工作中经常应用于设计的心理学原则。格式塔原则1.相似法则人眼倾向于将相似的元素连接成一个组，大脑会认为这些元素具有相同的目的。因此，在设计具有相同功能和内容的界面元素时，应保持一致性。应用场景：Navigation,Controls,Cards,Banners,Content,Pagination2.ContinuousLaw人眼把连续的元素看成一个组。该定律与对称性和相似性密切相关。通过按顺序设计相似且重复的元素，我们可以将用户的视线引导到我们想要的方向。它可以使阅读信息更加连贯和清晰。一点点的删减，就是给用户提示，还有更多的内容等着你去查看。应用场景：菜单、列表、排序、轮播、服务进度3.闭合定律当看到一个不完整的图像时，大脑会依靠以前的经验来填充它。这是图形和标志设计中常用的规则，但在产品设计中，我们也经常在图标和加载设计中使用它。应用：图标、加载、数据可视化4.邻近法则这是UI设计中的基本规则，因为人眼会将任何相邻元素视为一个组。在设计时，我非常强调使用间距将元素组合在一起。我通常使用大空格分隔大内容组，使用小空格分隔大内容组中的小内容组。应用场景：导航、控件、卡片、横幅、内容、分页5.对称性我们的大脑喜欢看到对称和平衡的东西。它是所有设计领域中使用最频繁、最安全的法则。它帮助我们创造一种稳定和秩序感。在设计需要简单和谐的视觉效果的产品时，我经常使用对称法则。当用户需要专注于重要的事情时，它也会让用户感觉更舒服。缺点是如果过度使用，该产品会变得乏味和单调。通常，我使用标题或CTA按钮来更好地强调和号召性用语，打破屏幕的单调。（彩云注：CTA是calltoaction的缩写，中文通常翻译为号召性用语，可以理解为引导用户点击的行为就是号召性用语）应用场景：控件、横幅,强调内容、产品展示、列表和导航。6.BackgroundSegmentation这个定律是关于人眼倾向于关注脱离上下文或组合的事物。我用这个规则来引导用户的眼睛看重要信息。它通常是一种卡片设计，背景上有一层浅色阴影。此外，构建集成是应用此规则的一种方式。应用场景：卡片、内容、列表、服务、摘要7.同命定理同向移动的元素被认为比固定元素或向另一个方向移动的元素更相关。这个规则应用帮助我们建立组和状态之间的关系。我经常在制作动画时更明确地使用这条规则。但是，我们仍然可以应用许多不同的因素。用例：导航/下拉菜单、手风琴、手风琴、工具提示、产品滑块、视差滚动和指示器。聚焦原则当我们看事物时，我们的眼睛倾向于首先聚焦在最突出的元素上。理解这种行为将帮助我们在设计中创建一个“锚点”，推动用户超越我们的场景。应用场景：内容、着陆页、价格、产品页、bannerReidoffeffect（注：维基百科解释是指个人倾向于记住所见所闻的学习资料或信息中最特殊的部分的现象。例如：一些参考书用不同颜色或特殊字体标记重要信息，这是利用Restorf效应加深读者印象。）这也称为隔离效应，表明人们倾向于注意并记住不同的部分从其他人。这条规则很容易与焦点法则混淆。不同之处在于，应用此规则的元素通常是自包含的，没有用户导航到更多信息的附加功能。应用场景：定价表、促销横幅、不同的会员介绍、本能反应、基于现实世界的视觉体验。例如，当我们观看解说员随着每个高潮笑话而大笑的视频时，我们会更容易笑。如果我们的设计让他们感觉良好和舒适，他们就会喜欢我们的设计。（彩云注：这个理论的意思是让用户尽可能的身临其境，在真实的环境中使用产品，比如大家平时使用的手机原型，把设计好的界面放到这些原型中，给人一种直观的感觉效果应用之后也是这个理论的应用）。应用场景：产品图片、插画、摄影色彩心理学有很多研究表明，色彩对我们的潜意识有着特殊的影响。对颜色的看法也因性别、宗教和文化而异。这张五颜六色的心理学海报就够了（彩云注：有兴趣的可以自己翻译学习）。另外，别忘了从早期到现在广泛使用的颜色，使用起来更符合用户习惯：红色：错误绿色：成功蓝色：进行中黄色：警告形状心理学就像颜色，人的潜意识对不同的形状也有不同的反应。示例：圆形、椭圆形：传达积极的信息，通常与社区或关系有关。正方形和三角形：传达强烈的信息，通常与力量和稳定性相关。竖条：代表力量、力量或侵略性。横线：表示平静、平等、安静。双代码理论该理论解释了人类需要视觉和口头信息来尽快处理信息。此外，人类是视觉动物，我们的大脑处理图像的速度比文本快60,000倍。为了使设计的效果最大化，我们不应该删除解释性文字。（彩云注：按照这个理论，在做作品集的时候，应该尽可能多的使用视觉语言，文字作为辅助。对于视觉设计师来说，能用图片表达的尽量减少文字的比例。）一个很明显的例子就是导航栏。大多数新的应用程序或功能复杂的应用程序都有图标和文本标签。平行设计人眼倾向于看到比其他因素更相关的平行因素。我经常使用这个原则来对同一屏幕内的两组不同内容进行分类。最容易看到的例子可能是FacebookMessenger界面，当帖子并排排列时，消息是平行的。公共区域原则类似于格式塔原则中的相似定律，但又不完全相似。公共区域原则是通过我们使用分隔线、形状或颜色的方式创建的。如果一个界面需要用户滚动更多来查看内容，我们应该有一些方法比仅仅使用间距更清楚地划分它。应用场景：List列表、信息流扫描图形根据NNGroupUXPin等组织或团体的多方研究，最常用的两种扫描模式是“F”和“Z”。F是使用最广泛的，特别是对于内容密集型站点。Z用于文字较少的网站，通常在最后强调号召性用语。一旦我们了解了如何使用这些模式，我们就可以有效地选择布局和安排元素来实现我们的设计目标。总结第一印象是最令人难忘的，积极的体验可以在用户和产品之间建立持久的关系。如果我们能够从一开始就让用户喜欢我们的设计，就可以为我们的产品创造一个很好的优势。（作者注：这些都是很基础的理论，但是基础的厚薄决定了后期发展的高度，我现在越来越明白这一点，希望大家重视和加强基础学习。)
