火星网校
让设计方案更具说服力的10个心理学原理
发布时间：2024-04-11 20:34:14 浏览量：154次
编辑导语：作为一名设计师，在日常工作时除了完成设计需求以外，更要对设计中的情感做研究；很多时候用户在用产品时对视觉方面会有很多感觉，所以设计师需要合理的运用情感层面的原理进行改变和设计，我们一起来了解一下。
好的设计不仅能解决问题，还能为用户带来积极的情感，并通过三个层面产生情感：
- 本能层：用户想要的感受；
- 行为层：用户想要做什么；
- 反思层：用户想要成为谁。
作为设计师除了要掌握基本的设计原则外，还需要对每个层面的情感以及创造情感的心理学原理有更深入的了解。
一、格式塔原则
1. 相似原则
人的眼睛会把具有相似特征的元素当成一个整体，认为这些元素具有相同的作用。
界面中的绿色图标具有相同的功能，方便用户快速认知和操作；因此在设计具有相同功能或内容的界面元素时，应该保持一致性。
应用位置：导航、链接、按钮、内容页。
2. 连续原则
用户倾向于把连续排列的元素视为一个整体，这条原则与对称性和相似性密切相关；通过在序列上创建相似且重复的元素，引导用户的视线方向，使操作更加连贯和清晰。
只露出一部分的卡片会向用户发出信号，表示滑动可以查看更多的书。
应用位置：菜单和子菜单、列表、产品页、轮播页。
3. 封闭原则
当看到不完整的图像时，我们会依据已有的经验把不完全封闭的图像当成一个统一的整体，这是在平面或logo设计中常用到的原则。
尽管页面右上方的饼图只显示了一部分，我们仍然能够轻松地识别出来。
应用位置：图标、加载、数据可视化。
4. 邻近原则
人们会将彼此相邻的元素视为一组。在设计时要注意使用间距将元素组合在一起；使用较大的间距来分隔大的内容组，再使用较小的间距来分隔大内容组中的小内容组。
页面上的每个卡片中都含有4组信息，很难快速识别具体的内容。通过调整间距，可以将这些信息清楚地分为2组。
应用位置：导航、卡片、横幅、列表页、分页。
5. 对称原则
我们喜欢看到对称且平衡的事物，它是所设计领域中最常用和最安全的原则，有助于营造一种稳定感和秩序感。
对称的布局不仅增强了用户的印象，还强调了中间的视频播放按钮。
应用位置：产品展示页、列表、导航以及任何内容丰富的页面。
6. 共同区域原则
通过信息分组和内容组织，实现内容的组合，有助于提升内容的层次结构和可扫描性。
卡片式UI有助于将信息分组并创建内容的层级深度。
应用位置：卡片、内容、服务、摘要。
7. 共同命运原则
向同一方向移动的元素被认为比静止或向另一个方向上移动的元素更相关，这个原则有利于建立不同分组或状态之间的关系。
页面右侧的3个图形方向相同，有利于展示信息并让用户了解它们的功能。
应用位置：导航/下拉、折叠条目、工具提示、产品滑块、滚动条。
二、焦点
看东西时，我们的视线往往会首先关注最突出的元素。理解这种行为有助于我们在设计中创建一个“锚点”，从而引导用户按照我们设计的场景查看内容。
通过人物插画将用户的注意力引导到账单和人数等主要信息上。
应用位置：内容、登录页、产品页。
三、冯·雷斯托夫效应
又称隔离效应，相对于普通事件或物体，独特、有特色的事件或物体更容易被人记住；应用此原则的元素通常独立存在，不需要向用户导航额外的信息。
中间的升级插画部分在整个页面上是独立存在的，并且吸引注意力是号召性用语或转化的关键。
应用位置：价格表、促销页、图标入口。
四、本能反应
根据现实中的用户行为创建视觉上引人入胜的体验。例如看幽默类视频的时候，如果在视频的高潮伴有笑声音效，我们也会更容易跟着笑起来。
如果能让用户感觉良好和舒适，他们也会更喜欢我们的设计。
应用位置：产品图、插图、摄影。
五、色彩心理学
许多研究表明，颜色对我们的潜意识有特殊的影响；性别、宗教和文化对颜色的理解也有所不同。
关于颜色的运用，这张色彩心理学海报介绍了丰富的方法。同时也要记住最广泛使用的系统颜色：红色代表错误；绿色代表成功；蓝色代表进行中；黄色代表警告。
六、形状心理学
同颜色一样，人们的潜意识对不同的形状也有不同的反应：
- 圆形、椭圆形：传达积极的信息，通常与社区或关系有关；
- 正方形、三角形：传达强烈的信息，通常与强度和稳定性有关；
- 垂直线：表示强度或力量。
- 水平线：表示平静、相等或安静。
七、双重编码理论
这个理论解释了人类需要视觉和语言信息来尽快处理信息，为了最大限度地提高设计的有效性，不应该删除必要的说明性文字。
大多数App的底部导航栏都利用图标与文字相结合的方式让用户快速知道功能。
另一个好的设计案例：
八、并行设计
人眼倾向于看到平行因素比其他因素更相关，这一原理经常用来对同一页面中的两组不同内容进行分类。
使用垂直排列的卡片代表相同的问题，水平排列的卡片代表不同的问题。
九、公共区域
这一原理类似于格式塔原则中的相似原则。公共区域通过使用线、形状或颜色划分的方式创建。
如果页面需要用户不断滚动来查看内容，可以考虑使用颜色来更清楚地划分这些内容，而不仅仅是使用间距。
十、扫描模式
根据NNGroup、UXPin等设计团体的研究，最常用的两种扫描模式是“F型”和“Z型”：
- “F型”应用最为广泛，尤其是对于内容丰富的网站。
- “Z型”用于那些文字信息少，最后需要强调用户点击类的网站。
关于扫描模式更详细的内容可以查看我之前的文章：如何构建直观有效的导航结构？
了解如何使用这些模式后，我们就可以有效地选择布局和安排元素来实现设计目标。
十一、最后
第一印象是最令人难忘的，好的体验可以在用户与产品之间建立持久的联系。
慢慢来比较快，希望对你有帮助～
作者：Clippp，微信公众号：Clip设计夹。每周精选设计文章，专注分享关于产品、交互、UI视觉上的设计思考。
本文由 @Clippp 翻译发布于人人都是产品经理，未经作者许可，禁止转载。
题图来自Unsplash，基于CC0协议。
热门课程推荐
热门资讯
-
1. 室内设计师必备灵感网站推荐，快来获取作品、模型、素材源吧！
小D整理了一些室内设计师常用的网站，包括作品、模型、搜索、软装等，快来获取灵感和素材吧！
-
Forma AI: 一款全流程建筑设计和施工工具，驱动规划方案设计。原为挪威产品SpaceMaker，被改进为涵盖室内和景观设计的工具。非常推荐给建筑和室内设计师使用，试试看Maket！
-
室内设计师必收藏的网站有哪些?
-
4. 什么是现代简约风?它有什么特点?在空间布局上应该怎么搭配?
现代简约风是一种注重功能性和实用性的室内设计风格,强调简洁明了的线条和基本形状,融合实用性和时尚感,营造出一个整洁、舒适的居住空间。它常常采用...
-
想要快速上手装修软件，但CAD、3D max太专业？不用担心！这里推荐6款操作简单的装修软件，让小白也能快速设计家居。
-
以下是12款必备的环境艺术设计软件，助你完成各种设计任务。 1. AutoCAD：用于建筑室内设计等领域的二维和三维模型创建。 2. SketchUp：直观易用的三维建模软件，帮助设计出精美的室内外环境。 3. Revit：专业级建筑信息模型软件，可协助设计全方位的环境布局。 4. Rhino：强大的几何造型工具，用于设计复杂的建筑结构和景观元素。 5. Lumion：实时渲染引擎，可将设计作品以生动的方式展示给客户。 6. Photoshop：广泛应用的图像处理软件，能够增强和编辑设计方案。 7. 3ds Max：出色的三维建模和渲染软件，可创造逼真的环境效果。 8. Sketch: 优秀的矢量绘图工具，支持设计师实时协作和共享创意。 9. Illustrator：专业级矢量图形软件，用于创作精美的插图和图标。 10. InDesign：行业标准的页面设计和排版软件，适用于创作室内设计方案。 11. ArchiCAD：面向建筑师的BIM软件，可实现设计数据的协作和管理。 12. V-Ray：强大的渲染引擎插件，可为设计师呈现出逼真的光影效果。
-
7. 科普 | 建筑声学基础知识(一):浅谈室内声学设计的重要性
室内声学设计主要针对家庭影院、视听室、录音室、演播室等需要具有较高声学设计的空间,由于室内空间的特殊原因,声音在其中的传播规律与剧院等大型专...
-
8. 装修前期设计，设计师收费情况一览，别被“免费设计”忽悠了
装修前期设计的重要性，免费设计的真实情况揭秘，装修设计师费用等相关内容。
-
中国十大软装设计公司排名 软装设计公司哪家好
-
男孩子可以学习室内设计，这是一个既有前途又有挑战的职业。室内设计是一门与建筑、艺术和工程密切相关的学科，它需要学生具备一定的专业知识和技能，同时还需要艺术天赋和审美能力。
