关于情感设计的二三事

在聊情感设计之前，我们先了解一下何为情感。

情感，其实是心理学的用词，情感是态度这一整体中的一部分，它与态度中的内向感受、意向具有协调一致性，是态度在生理上一种较复杂而又稳定的生理评价和体验。

简单的说，情感其实是人类对外界事物作用于自身时的一种生理反应，是由需求和期望决定的。当这种需求和期望得到满足时会产生愉悦、喜爱的情感，反之，在得不到满足时会散发苦恼、厌恶的情绪。

 Pixso社区资源--启动页设计

在人类的内心世界，有许多部分负责我们所说的情感，而对于设计师来说，情感大多数被投入在色彩搭配、画面构图以及与读者的交互过程中。从而产生了“情感设计”这么一说。

情感设计在UI设计领域，对于UI设计师来说，主要是指设计师在充分了解产品逻辑和全面分析产品的前提下，对于产品的功能性和易用性的交互，从而设计出既能满足用户的需求和期望，又不影响产品的功能性，这二者相互结合的一种创意表达工具。

UI设计相较于其他的设计来说，最重要的就是与用户的交互，这也是UI设计中，与用户建立情感联系、构建用户信任和依赖关系的重要因素，但实际上设计师们在实际运用中，远远复杂得多，因为情感系统是非常复杂的，也非常容易受到外界因素影响，所以这正是我们今天谈论思考情感设计的原因所在，如何才能在UI的交互中，唤起用户的情感波动，打造一个能与用户建立情感纽带的UI界面呢？

在我们每天上网浏览网页的过程中，比如电子邮件、手机短信、各种社交媒体软件界面中，情感设计的影子无处不在，比如我们日常聊天对话框会发送一些表情符号，这些表情符号其实就是在和对方传递我们的情感感受，能让对方感知到我们的心情感受，这就是情感设计在生活中的呈现方式之一。比较常见的就是色彩设计和表情设计，因为这两种是比较直观能感知到的，具有极强的情感设计元素。

情感设计之色彩篇——让用户从界面中感受到情感和情绪

一直以来，色彩都是大家都已经熟知的情感设计的关键元素。不同的色彩代表不同的情感。给用户带来不一样的心情。这个也是情感化设计当中重要的一个元素。UI设计师在交互页面的设计中，一定需要思考的是用户和情感之间的关系，这时候就会发现单一的色彩是无法表达出设计的诉求，也无法与用户建立起完整的情感关联。

比如当你看到上面这张图片的时候，你是怎样的感受？明艳的蓝色能否触发出你的某些情绪？又或者你刚刚看到蓝色的时候，并没有明确的情感变化，直到看到互补色黄色或者明亮的白色从而带动了你的情感变化？

上图其实是一个相当有效的情感设计，如果它是一个连环画的封面，那么当你第一眼被图中的人物或者颜色吸引从而有兴趣想查看下一张图片的话，你觉得会发生什么？

其实情感设计并不是新鲜的内容，但是由于技术的发展，不断有新的技巧和思路涌现，虚拟现实和现实增强以及人工智能的出现，让情感设计的未来有了更多的可能性和疑问，用户可能会越来越追逐“真实”的情感体验，那么作为设计师来说，对于情感设计的思考也必须越来越深入了。

情感设计之表情篇——与用户同步传递情绪及感受

从视觉上来看，使用面部表情来创造你所需要的情感是最好的方法。 人的面部所能承载的情绪和情感但对于用户而言更容易判断也更容易被接受，所以这样的图片也有着更为明显的效力。

上图中众多卡通形象所展现出的是某种程度上的情绪的表达，那么你能否体验到相似的情绪呢？当你看到某一个表情的时候，是否会同步它所呈现的表情呢？

总的来说，具有情感的设计，是能够赋予产品生命力的，是能够促进用户交流互动的，因此，只有理解运用好情感设计，才能设计出以人为本的优秀的产品，也会让你的设计更具有竞争力！

细心的设计师们一定已经发现了，本文的配图均节选于Pixso社区，作为UI设计师，需要在产品或服务交互时关注用户的需求，Pixso社区有非常多的UI情感设计案例可供参考览阅，Pxiso强大的资源社区，功能齐全，素材丰富，简单易用，既即便是新手小白UI设计师的启程之路的好帮手，也是作为情感设计寻找创意思路的资源站，设计师们可以去Pixso社区逛逛，共同提升设计水平哦。