UI 设计中的情感化设计：通过界面唤起情感反应 (ui设计中的图形设计)

文章编号：40479 / 分类：行业资讯 / 更新时间：2024-12-14 05:32:16 / 浏览：次
UI 设计中的情感化设计：通过界面唤起情感反应简介情感化设计是一种 UI 设计方法，专注于通过界面元素和交互唤起用户的特定情感反应。它是一种强大的工具，可以增强用户体验、提高用户满意度并建立品牌忠诚度。情感化设计的原则情感化设计的关键原则如下：理解用户情绪：识别用户在与你的产品交互时的潜在情绪，并考虑如何通过设计来满足这些情绪。建立情感联系：使用可识别的人物、图像和故事来建立与用户的情感联系。提供积极体验：设计直观且易于使用的界面，从而创造积极的用户体验。使用心理触发：利用诸如颜色、形状和声音等心理触发来唤起特定的情绪反应。色彩在情感化设计中的作用颜色在情感化设计中扮演着至关重要的角色。不同的颜色与不同的情绪和感觉联系在一起：红色：激情、兴奋、危险橙色：乐观、热情、创造力黄色：快乐、温暖、希望绿色：自然、健康、成长蓝色：平静、信任、专业紫色：奢华、神秘、优雅黑色：力量、神秘、复杂性形状和纹理在情感化设计中的作用形状和纹理也可以传递情感。例如：圆形：友好、和谐、温暖方形：稳定、可靠、专业有机形状：自然、流动、情感粗糙纹理：温暖、朴实、自然光滑纹理：奢华、精致、优雅声音在情感化设计中的作用声音也是唤起情感反应的有力工具：音乐：可以创造特定的氛围，激发情绪音效：可以提供反馈、增强交互并创造情感联系沉默：也可以用于营造悬念或沉思的时刻情感化设计示例以下是情感化设计的一些真实示例：Duolingo：这款语言学习应用程序使用可爱的人物、有趣的交互和积极的反馈来创造一种快乐和激励的学习体验。Headspace：这款冥想应用程序使用平静的蓝色调、流畅的动画和放松的声音来营造一种平静和冥想的气氛。Nike：这款运动品牌在其网站和应用程序中使用大胆的红色、激励性的图像和鼓舞人心的故事来唤起激情和决心。情感化设计的好处有效的情感化设计可以带来许多好处，包括：提高用户满意度：通过提供积极的用户体验来提高用户满意度。建立品牌忠诚度：通过建立与用户的情感联系来建立品牌忠诚度。增加转化率：通过唤起特定的情绪反应来增加转化率。增强品牌形象：通过与用户的情感联系来增强品牌形象。结论情感化设计是一种强大的 UI 设计工具，可以通过唤起特定的情感反应来增强用户体验。通过理解用户情绪、利用心理触发和有效使用颜色、形状和声音，你可以设计出建立情感联系并提升用户满意度的界面。

情感化设计的三层次

「情感」是什么？情感是人对外界事物作用于自身时的一种生理的反应。是由需要和期望决定的。当这种需求和期望得到满足时会产生愉快、喜爱的情感，反之，苦恼、厌恶。「情感化」是什么？「情感化设计 Emotional Design」一词由唐纳德・诺曼提出。而在《Designing for Emotion》一书中，作者 Aarron Walter 将情感化设计与马斯洛的人类需求层次理论联系了起来。正如人类的生理、安全、爱与归属、自尊和自我实现这五个层次的需求，产品特质也可以被划分为功能性、可依赖性、可用性和愉悦性这四个从低到高的层面，而情感化设计则处于其中最上层的 “愉悦性” 层面当中。在唐纳德・诺曼的《情感化设计》中，他提出的三层理论：本能层次的设计关注视觉，人是视觉动物，对外形的观察和理解是出自本能的。如果视觉设计越是符合本能水平的思维，就越可能让人接受并且喜欢。行为层次的设计行为水平的设计可能是我们应该关注最多的，特别对功能性的产品来说，讲究效用，重要的是性能。使用产品是一连串的操作，美观界面带来的良好第一印象能否延续，关键就要看两点：是否能有效地完成任务，是否是一种有乐趣的操作体验，这是行为水平设计需要解决的问题。优秀行为层次设计的 4 个方面：① 功能 —— 了解用户如何使用产品② 易懂性 —— 产品良好的反馈有利于解决问题③ 可用性 —— 以人为本④ 感受 —— 产生产品内涵的主要原理反思层次的设计反思水平的设计与物品的意义有关，受到环境、文化、身份、认同等的影响，会比较复杂，变化也较快。这一层次，事实上与顾客长期感受有关，需要建立品牌或者产品长期的价值。只有在产品 / 服务和用户之间建立起情感的纽带，通过互动影响了自我形象、满意度、记忆等，才能形成对品牌的认知，培养对品牌的忠诚度，品牌成了情感的代表或者载体。产品真正的价值是可以满足人们的情感需要，最重要的一个需要是建立其自我形象和其在社会中的地位需要。如何进行情感化设计？1）本能层本能反应是由最初的感官体验触发的，正是这种第一印象引导用户探索的心情。具体可以从独特的 IP 形象、插画、拟人化、动画等几个方面去设计，例如 APP 开屏、引导页多采用插画表现功能价值。 2）行为层行为反应是我们沉浸在产品体验中的感受。这就是我们如何对产品交互做出反应，继而从产品中获得价值，也就是常说的可用性。具体可以从场景行为预测、文案风格等几个方面去设计，例如支付宝在个人聊天窗口输入数字时，系统判断可能会进行转账操作，所以弹出「转账」浮层帮助用户完成目标。 3）反思层反思层次与用户长期感受有关，通过引发用户和产品的共同回忆，可以将用户对回忆的正面情感转化成对产品的情感，从而提升用户对产品的认同感。具体可以从思想文化、人文关怀、个性化和讲故事等几个方面去设计，例如支付宝蚂蚁森林通过「使用 APP-收取能量-种树」，传达的隐喻是，简单的举动就能改善沙漠地区的环境，所以用户情感被调动然后积极参与。【总结】情感化设计能够拉近与用户的距离，给予惊喜或温暖，唤起对产品价值的认同。归根结底，要从用户角度看问题，洞悉心智，创造基于本能、行为和反思的出色设计将为用户创造令人愉悦的体验。

UI设计到底是什么？

随着UI设计越来越受欢迎，仍然有很多人想要进入UI设计领域，在进入UI设计领域之前，喜爱小编在此问大家一个问题：你真的懂UI设计吗?很多UI设计师还在原型搬运工阶段，甚至很多设计师还觉得UI设计就是海报设计的浓缩版，就是没有图纸布局，没有技术难度。其实不然！接下来我们就将通过UI设计来展开叙述，帮助大家更好的了解UI设计~ 你真的会UI设计吗？设计不是素材合成对于初入职场的设计师，我们一定要在最短的时间内提升自己的项目参与度与设计执行能力，很多设计师一接到项目的第一反应就是去寻找素材，特别是在图标设计上面，习惯于去下载素材直接运用。这样不仅会使得设计稿质量下降，也会不断丧失动手执行力。我们需要根据不同项目定制界面中的组成元素，而非素材合成，就算一个简单的常见图标，我们也要自己动手按照原定的风格绘制一遍，这样不仅可以保持整套作品的风格统一，也能加强我们的设计执行能力与软件操作熟练度。设计不是艺术绘画随着现在很多概念设计的冲击，很多设计师也会经常在Dribbble、Behance等国外设计平台看到很多酷炫的UI设计作品，但是你不要认为这个就是你的日常工作项目结果。在真实的项目中UI设计不是艺术绘画，我们在寻求感官体验的同时，产品思维、交互逻辑、品牌基因、情感化元素等整体的思考也是非常重要的。提到绘画，又要抛出一个问题，就是UI设计师需不需要手绘功底。这个问题之前也有很多设计师在讨论，当然具备手绘能力的设计师更具竞争力。现在情感化设计运用到产品设计中，也得到很多产品的认可与推崇，主要会运用到应用图标、引导页、闪屏、空状态、背景设计等等方面。 UI设计师学习插画设计肯定是有利而无害的事情，但是也有很多设计师以自己没有美术基础而放弃学习。手绘都是练出来的，只要你坚持每天都拿起画笔，总是能够找到感觉的，从最简单的图形开始，不要自己给自己设置阻碍，没有人是天生具备，只有早晚涉足而已。 3.你不是原型的搬运工 UI设计师有时候会抱怨团队没有交互设计产出原型，自己设计界面比较盲目。配备交互设计师的团队也会出现交互质疑UI设计师没有创新，设计出来的稿子和自己原型差不多，就是上了颜色而已。这样的情况并非少数，依然很多设计师还处于原型的搬运工阶段。原型展示的只是产品功能布局，交互逻辑与我们的业务流程等。我们在进行界面设计的时候只要不对功能进行擅自增删处理，至于最终的表现形式与展示侧重点我们都可以有自己的想法，只要我们的设计是基于用户行为习惯之上的即可。 4.你的工作缺一个交互输出我们在工作中较为理想化的团队组成是有专业的用研、产品、交互、UI等人员配备，但是随着人员成本的管控，特别是在一些初创型团队，用研、产品、交互不一定能够配备到位，那么UI设计师可能会直接对接产品或者老板都是完全可能的。在这样的团队你不能指望谁给你完整的交互输出，有时候只有老板的几个概念，剩下的都需要你去完善。作为UI设计师，我们不能仅局限于视觉表现，我们要具备一些基本的产品思维、交互输出能力等，这样才能应对更多元化的职场需求。自我要求：每周坚持体验两款以上产品，不要在意什么类型的产品或者产品好与坏，我们的目的是养成产品思维。没有见过的东西必然不会在脑海中产生映像，只有看得越多，思维才会更加活跃，思路也才能更加敏捷。我们体验的时候需要进行梳理，对功能结构的梳理、交互形式的梳理、视觉表现的梳理等等。刚开始可以停留在单一的层面，逐步加深难度和多维度去进行体验梳理。我们需要具备的不只是原型的美化，当我们工作中缺一个交互输出的时候，我们需要具备基本的交互设计能力。我们要在平时空闲的时候利用好自己的时间，多产出一些从0~1的作品，坚持日常练习还是很有必要的。 5.你永远只是满足于工作项目做好工作项目这个是作为一个设计师最基本的专业素养，但是我们不能仅局限于此。工作项目的提升是一方面，还有更多的其他方面也需要加强，你不能永远只满足于工作项目，还有很多设计玩法需要你去体验，不断地激发自己更多的潜能与掌握更多的设计趋势。根据我们在工作中将会遇到的不同场景，我们看一下相对应的一些应对处理方案： a.项目单一造成设计师的发挥机会较少，在这样的情况往往作品的产出也较少，要利用好空余时间，完成工作项目之后要善于从多方面去练习突破。在工作项目中没办法发挥的设计技能要重点加强练习，以应对以后多方面的调整。 b.项目局限，接触面较少。有时候我们在工作中常年服务一类产品，没有机会接触更多多元化的产品，这样可能会将自己的专业锁定在这个领域，以后如果想要尝试更多的机会也将会受到局限。这样的情况我们更加不能满足于工作项目，要试着多练习弥补其他方面的短板，让自己的设计能够应对更多类型的产品。 c.项目很多，工作饱和度过大。这样的情况如果本身在一个专业的大平台，发挥的机会很多，项目的接触面也很广，那么现在的辛苦付出都是值得的。如果在小团队，项目很多但是也很杂，这样的状态适合前期，扩展自己多面能力，但是如果长时间做的都是没有设计含量的杂事，那样也将会对未来长期的发展带来弊端。这个时候你需要结合自己当前的处境分析一下利与弊，要有更多设计挑战才能获得更大的进步。 d.项目很少，发挥机会很少。之前我也遇到过这样的团队，一年下来产品就改版一次，还是小改版，所以那个时候我很闲O(∩_∩)O哈哈~，但是我利用好了那段时间做了很多设计提升，充实了我这段很闲的时光。如果你恰巧也是这样的状态，那么你一定要规划好自己的时间，不然一年一年过得很快。由于所在城市、机遇等的不同，大家所遇到的职场环境都千差万别，但是无论身处何种环境，我们首先要找到兴趣所在、目标所在、动力来源，只有不满足、善于规划，才能成就更好的自己。 6.过于主观性地判断设计作品当我们在判断一个作品的时候，不能只是停留在美与丑阶段，这样的判断属于过于主观的行为。一个成熟的商业设计是经过反复的产品迭代、数据反馈与分析、用户反馈与研究、可用性测试与多次的试错等等综合孵化的结果。我们也会经常访问一些国内外的设计网站，从上面看到很多精美的设计作品，不乏有设计师在评判他人作品的时候只是站在了自己的角度，没有发现作品背后的目的。我们产出任何一套作品都有设计师自己的目的，不论是商业的目的还是个人成长的目的，肯定是通过这个作品给自己带来某些方面的进阶。所以，我们看待一些作品的时候，要去发现作品中值得借鉴与学习的局部，结合更多有用的优点，转化为自己的技能。我们在平时也需要多采集一些优秀的作品，做好细分类，不要局限于自己职业领域，要多方面的吸收，扩宽自己眼界广度。在空闲的时候就挑选几个触动你心灵的作品进行细节分析，找出这个优秀作品背后的轨迹，这样这个轨迹将会被你所复用。 7.只想画图不想知道真相平时也经常收到很多设计师发来的设计作品，大家一起探讨，经常问到他们为什么这么设计的时候都会出现卡顿。在一些设计师眼中，依然还是有停留在画好图阶段，对产品背后的逻辑不闻不问，照着原型和产品经理的意思仅仅做了视觉表层的还原。虽然我们在整个产品设计链路中只是其中的一个环节，但是你想要做好这个环节，必然要熟知其他的环节运行机制，这样你才能做好承上启下。接到项目后，要对项目的大致情况有所了解，每一个功能点传达给用户的意图，用户操作后的反馈，设计需要凸显的比重等等。我们不能盲目的设计，只有思路清晰之后才能把设计做对。我们做的是满足于商业市场、用户需求的设计，不是自我风格的表现，不仅要把作品做好看，更多的是要把作品做对方向。作为成熟的UI设计师，你不能只是一个画图的设计师，要养成勤于思考、熟知原理、产出更加符合市场与用户需求的作品。 8.你需要一点品牌思维品牌的概念在产品中是非常重要的，市场上永远不缺竞品的脚印，如何让用户对你的产品产生价值认同而做出选择，品牌的建立与认可起到关键性的因素。品牌的成功受到诸多因素的控制，我们UI设计师需要对应到自己的板块为整个品牌服务加分。我们能够做出设计是满足了基本的需求，还需要把设计继续深入，融入品牌基因到我们的产品设计中，为产品设计的差异化走出一条路。同样设计了一个界面，能否最大化地辅助品牌的传播是需要我们不断思考与尝试。从品牌基因延续可以运用到应用图标、功能图标等设计中；在导航的处理上面品牌色的介入也会辅助传播品牌色的认知，从而加强对于产品的记忆；空状态中带有品牌基因的形象运用，通过情感化的手段拉进与用户的距离；辅助图形在背景或者装饰性元素上的运用将会提升整体品牌元素的统一等等。如果我们在产品设计的时候能够多一点品牌思维，那么也将有助于设计能够区别于竞品。作为UI设计师，我们需要掌握的远不止设计一个界面而已。设计师不只等于APP设计师虽然在大部分的UI设计师的认知中，我们的工作主要以移动端的设计为主，也就是APP设计。但是在工作中也很难这么理想，随着人员成本的走高，几乎所有的公司都是希望设计师能够满足更多需求。现在对于UI设计师的招聘需求也在逐步趋向于视觉设计师，希望设计师在视觉层面能够独立完成界面设计、网页设计、品牌设计、运营视觉支持，最好还能会点手绘插画等，在产品层面希望设计师能够具备基本的产品思维、交互设计，能够做出以用户为本，设计能够具备较好的用户体验等。设计也具备一定的通用性，我们在短时间很难精专每一方面，但是我们可以阶段性地制定提升计划，只要你在某个专业领域具备很好的专业度，很多成功的技巧与思路是可以被复制的。我们不能盲目的随波逐流，学习提升需要结合当前自己的职业需求，做出优先级的学习计划表。现在很多企业对于UI设计师的要求已经在逐步趋向于视觉设计师，希望在今后的设计进阶之路上，你能够更好的运用自己的时间，逐步地提升自己的设计综合能力。设计之路任重而道远现在很多设计师都希望转入UI设计，也有很多质疑UI设计不就是把画海报的技能改为画界面吗，外界的声音无论如何评价，我们自己需要清晰地认知。一个产品设计的诞生绝非几个界面设计而已，里面需要我们思考与验证的地方有很多，通过我们的设计搭建起用户的操作习惯，通过视觉引导满足用户的需求。 UI设计之路任重而道远，我们需要坚持不断地突破自己。不要停留在视觉表面，坚持体验不同的产品和加强日常练习，从产品思维、交互逻辑思维、设计执行力等方面综合提升自己，应对不断发生变化的设计市场。坚持越努力，越幸运！ UI设计到底是什么？可能大家在看完以上这些观点说法之后，想必有了一定的了解了！UI设计目前的发展前景还是不错的，如果你也想学习UI设计入门UI设计师，那么前期的专业学习一定是不可少的！在这里，就可以获取到课程学习，赶紧去了解了解吧~！