火星网校
优雅感性的UI设计界面
发布时间：2023-12-14 18:58:17 浏览量：206次
来源：腾讯网UED（QQ_UED）
为什么要谈情感化？
界面中的情感化设计细节经常会成为设计师与用户之间情感传递的桥梁，这种传递情感的细节不仅可以让产品鲜活起来，还可以增加用户对产品的好感度，让产品更加深入人心，更利于口碑的传播。有时可能仅仅一句文案，一个插画都可以触动用户，使其与产品产生情感上的共鸣。那么，情感设计哪里可以用、怎么用，有很多资料和文章告诉我们，情感设计还是有章可寻的，是可以形成方法论的，在此跟大家分享下。
情感化设计的三个维度
情感化的意义
情感化设计在很多时候可以缓解用户负面情绪，帮助用户快速熟悉产品；拉近与用户的友好度，所以了解情感化设计并有效的运用情感化设计可以帮助提升产品体验和留存率。
01 、 本能水平设计“ 好看”
要想红，先整容；人是视觉动物，对外形的观察和理解是出自本能的。越是符合本能水平的设计，就越可能让人接受和喜欢。结合产品的品牌属性，颜值是敲门砖。比如颜色、icon、插图等；结合产品我们可以从这几方面去运用本能水平的设计突出产品差异化。
1.颜色
设计师可以尝试更加丰富的色彩，带给用户不同的情绪反应和新的视觉享受。
例图来自behance/ 部分作者：ian pavetra、Keene Niemack
2.icon
带入情景结合场景尽可能有趣，做出属于不同产品的个性，从而引发情绪。
例图来自dribbble/ 作者：Burnt Toast、Markus Magnusson、Gal Shir、Meg
02、行为水平的设计“好用”
使用产品是一连串的操作，颜值是第一印象，那么行为水平的设计就是决定用户留存、提升用户体验的关键之一；行为层次更加注重产品的交互设计，也是情感化设计的重点着手方向，除交互上更友好的体验外，界面中可以结合开机画面、引导页、空白页、下拉刷新等配合情感化设计细节例如：插图、动效的形式来表达。
1.引导页
产品升级迭代都会存在用户不了解信息以及功能，设计师可以结合插图场景化引导页帮助用户去了解使用新的功能；更友好直观。
例图来自dribbble、behance / 作者：They Make Design、Sander van der Woude、Senyie...
2.空白页
界面中可以在为空、网络异常等异常状态重新设计；转化用户情绪（例如淡化加载失败时的沮丧、烦躁情绪转化为喜欢、开心的正面情绪）；为用户营造出符合他当时行为和感知的情景，转移用户的注意力或化解用户的负面情绪；一些另类好玩的插画会让整个设计变得更加有趣生动。
例图来自dribbble/ 作者： Uran、Nimasha Perera 、Gal Shir Peter Deltondo、 Noah Jacobus 、Burnt Toast
3.弹窗
提示的样式，图形似乎比文字更容易使用户接受，同时图形也比大段冗长的文字更高效；所以在产品中运用通俗易懂的图文来引导用户也是情感化设计的细节之一。
例图来自dribbble/ 作者： Ivan Kostriukov 、Darren W. 、阿乌、Prakhar Neel Sharma
三、反思水平的设计 一 美好记忆
这一层次，事实上与用户长期感受有关，通过引发用户和产品的共同回忆，可以将用户对回忆的正面情感转化成对产品的情感，从而提升用户对产品的认同感。UI设计师可以在这个领域结合运营设计、趋势风格发挥设计的优势，增加和用户之间建立起情感的纽带，通过满意度、记忆等，形成对品牌的认知。
在情感化界面的设计中还是要结合具体场景，避免过度设计；所以做出恰当的情感化设计，是个有趣的挑战，也是一直需要不断去探索的，设计师多换位思考，真心的为用户考虑，才能做出恰到好处的设计。
参考文献
https://www.behance.net/gallery/71481981/2019-Design-Trends-Guide
https://www.behance.net/gallery/73341109/Design-Trends-2019
https://hackernoon.com/best-emotional-design-principles-to-create-attractive-and-enjoyable-ui-60b4747b6cf8
热门课程推荐
热门资讯
-
将为大家介绍12个绝佳的UI设计网站,这些网站不仅可以为你提供灵感,还可以帮助你学习新的技巧,助力你的创意之旅!dribbbleDribbble 是一个面向设计师的...
-
2. 移动端UI设计中常见的5种APP界面类型，你get到了吗？
通过介绍移动端UI设计中的闪屏页、引导页、浮层引导页、空白页和首页等5种APP界面类型，帮助大家更好地了解UI设计的基本知识
-
怎样可以提升你的UI设计能力!第一个:站酷站酷想必是设计师都知道的一个网站,里面不止有UI设计的资源,还有其他设计的,不如:平面设计、网页设计、字体...
-
在移动端设计中,列表页和表单页是不可或缺的部分。一个好的列表页和表单页设计能够让用户轻松地获取信息并产生点击欲望,从而提高点击率。本文将为你...
-
想要了解iPhone6界面设计的尺寸规范吗？这里为您详细介绍iPhone6的UI设计尺寸规范，包括界面尺寸、图标尺寸、可点击高度规范、搜索栏高度规范以及界面元素之间的距离规范。
-
对于想要提高自己的设计能力和创造力的小白和UI设计师来说,这本书是一个很好的选择。4.《设计的觉醒》(IKKO TANAKA)推荐理由: 这本书是日本现代平面...
-
那么,要学习UI设计就要学习哪些课程呢? 其实,UI设计课程涉及到许多领域,一般分为艺术设计课程、设计辅导课程、图形课程、测试课程、动画示范课程等几...
-
8. Photoshop操作教程：自制电子印章 | PS技巧详解
想要学会制作电子公章吗？跟随本教程，详细介绍Photoshop操作步骤，让您轻松掌握PS技巧，制作精美电子印章。
-
9. 设计中的色彩心理学:浅析中西方色彩的历史演变与设计应用
摘要:本文探讨了色彩的历史演变和设计应用。通过对色彩在早期文明社会中的实用运用、不同文化背景下色彩观念的差异、色彩在设计中的重要性以及新兴技...
-
10. 史上最全，平面设计UI设计必备的77个国内外素材、设计资源网站
ui设计社区,大神太多了。3、behance: https://www.behance.net/ ,著名设计... 对于品牌设计师来说,除了图案素材收集之外,还有一个很重要的,就是设计故...
最新文章
