情绪 怪兽 他们的 最近在微软官方论坛上看到一篇关于 IP 形象设计的全流程文章，写的非常好，忍不住想翻译给大家看。这篇文章详细分享了国外大厂是如何从用户需求出发，有理有据的讲述了一个受大家喜欢的 IP 形象的诞生历程。我从中学到很多，也希望大家通过阅读这篇文章，能对 IP 形象的设计有更深的理解。更多IP设计方法：6000字长文！超全面的互联网IP设计指南近年来品牌 IP 形象几乎成了互联网企业的标配，比如有阿里动物园、京东狗、鹅厂，好像每个互联网品牌都要有一个吉祥物，那什么样的平台需要 IP 形象？阅读文章 > 如果你的情绪变化可以改变皮肤颜色会发生什么？在突击测验中获得优胜后，你会散发出蓝绿色的光芒。而你失败时，头上的颜色变成了红色、橙色和紫色。当你面对恐惧时，你的全身都会是橘黄色。这将如何影响你去理解自己和他人的情绪方式？今天就会认识这样一个情绪怪物，来自微软教育 APP 中的一只毛茸茸的 IP 形象。通过颜色、身体语言、表情和文字定义，情绪怪物提供了一种可视化的方式表达一个人的情绪。在新冠大流行期间，当老师们努力与学生建立情感联系时，这只小动物变得不仅仅只是一张可爱的脸。柔软而毛茸茸的小动物，色彩鲜艳情绪怪兽（The Feelings Monster）是老师应用社交情感学习的辅助工具（彩云注：这是一个专业的教学方法，Social Emotional Learning (SEL)简称 SEL，又学会一个新词，记笔记！）。随着人们认识到“软”技能（同理心、自我意识、沟通等）的重要性，这种方法在世界各地的课堂上越来越流行。我们不是只被装在学校或工作间的生产机器，我们有着复杂的情绪，影响我们保持积极性、在逆境中保持弹性、建立牢固的关系以及创造自我意识的能力。在 Microsoft Reflect 应用中，这是学生的用户体验界面一、为心理健康而设计情绪会影响一切：你的健康、做出的决定、关系和自尊。它们还会影响你的学习方式。自 1960 年代以来，研究表明孩子的感受与其学业成绩之间存在明显的相关性。但是情绪很难识别、理解和表达。追求心理健康和自我意识具有挑战性。虽然这通常被认为是每个人都可以实现的，但许多人没有时间、资源或安全感，无法独立采取心理健康措施，从而变得更加焦虑了。首席产品经理 Elad Graiver 表示：“当你不知道不知所措是什么样子时，很难告诉你的老师‘我不知所措”。在 Microsoft Reflect 的早期迭代中，学生被要求选择能够表达他们感受的词语。问题在于，孩子们并不总能理解他们必须选择的词语的全部含义来表达他们的情绪。他们选择正确词语的困难经历使他们更加犹豫是否要分享自己的感受。产品设计师团队然后增加了表情以帮助学生去分类他们自己的情绪来明确他们自己的感受。使用表情符号，团队意识到细微差别能表达的情绪是有限的。为了培养学生的综合沟通能力，他们需要支持学习表达广泛的情感。团队萌生了创建角色的想法，很快他们就创造出了情绪怪兽。来自团队设计研究的快速草图构思二、重新寻找完美的情感形象一个由视觉设计师、用研和内容设计师组成的多学科设计团队聚集在一起，共同打磨产品和角色。团队必须向社会上最脆弱的人群（儿童、青少年和年轻人）收集一些敏感信息，某个意义上说，他们也是该团队的合作者。这个角色设计必须能够表达学生最真实的表情和情感，这对一个形象来说会有很高的期望。首席设计经理兼研究员 Abigail Steinem 说，“我们要求学生能将这个形象视为他们自己”。Steinem 采访了来自世界各地的学生，以评估他们对设计团队设计出的角色模型的反应。设计团队认为，化身可能是人或人形，但使用化身的学生有不一样的想法。从游戏机到生产力软件，我们将以人为中心的视角带入我们的工作中，尽管将这些相同的原则应用于艺术和插图是一个独特的过程。如果自我表达是情绪和心理健康的化身，那么你如何在地球上几乎每个国家创建一个能够成功表达数百万年轻人情绪的化身？设计过程中不同方向探索的飞机稿三、情感怪兽的创意过程创意总监 Alberto Cerriteno 表示：“我们正在寻找真正具有表现力的元素”。他正在做快速、反复的铅笔草图，Steinem 和高级产品设计师 Yonatan Turkin 随后向学生展示了这些草图，询问这幅画是否表达了他们认同的情感。该团队的研究告诉 Cerriteno，强调眼睛、嘴巴和手是传达人类情感和特定情感的关键要素，但一些学生的反馈发现了意想不到的地方。高级设计师 Felipe Medina Contreras 说：“没有人为此做好准备”。学生会提出一些意想不到的问题，比如形象的手应该有手指还是只有拇指？如果没有一个或另一个，手看起来就像拳头。如果他们要有手指，他们就不能有四个。在日本，这可能是指 Yakuza 或黑手党。虹膜呢？谁会想到眉毛的重要性？他们的缺席使形象无法向其他人传达思想。现在，想象一下，在做了所有这些之后，团队仍然需要弄清楚“情绪怪兽”到底会是什么样子？第一版角色形象其中一个从 Contreras 最初的迭代中，设计团队发现这个角色不可能是人类。“这是我们第一个错误的想法，”他说。学生们将颜色和人形与特定的种族和性别联系起来，这削弱了用这种生物真正赋予每个人表达情感的目标。通过反复尝试，他们了解到角色的身体特征不必像真人那样复杂。这个角色必须是雌雄同体的。他们不需要衣服。他们的面部特征必须精致，而不是过于简单。不过，这个角色还必须灵活多变。学生们也不想要机器人。设计一个抽象人物成为团队的新焦点。学生们告诉 Steinem：“不管你们的形象最终做成什么样，希望它能有触感、有毛、温暖的，让我有理由相信它能准确地表达我”。他们想要生动的色彩来展现他们充满活力的内心世界。在这一切中，圆滚滚的、柔软的情绪怪兽诞生了。这个变色的角色也结交了年轻人和大学生。Turkin 说：“我们发现，在皮克斯电影中长大的这一代孩子在拥抱毛茸茸的怪物，以表达成年后的感受方面没有问题”。四、多维度放大形象影响力为了进一步增加形象曝光机会，团队探索了如何使体验多维化。情绪怪兽最终以插图、漫画和真人木偶的形式存在于现实中。作为一部漫画，情绪怪兽通过引导呼吸和运动帮助学生释放紧张和焦虑。在木偶的形式下，情绪怪物在他们的情绪世界中导航的视频，有助于使不舒服的情绪正常化，并塑造健康的应对技能。作为一个例子，“情绪怪物”代表了 50 多个微妙的单词，可以用来描述学生的感受。情绪怪兽的情绪潮起潮落内容设计师 Tany Holzworth 通过增加深度和性格，帮助进一步将情绪怪兽带入生活。情绪怪兽以木偶的形式进入现实世界，与朋友一起展示他们的应对技巧并使情绪表达正常化。“他们是一群敏感的灵魂。他们喜欢植物，说话有点太快，和他们的阿姨住在一起。给他一些背景故事帮助我思考他们在面对挑战情绪时可能会说什么以及他们可能会如何行动，”Holzworth 说。教育者有时会利用有趣的体育活动来分散他们的课程，在提高他们的考试分数的同时，也会提高孩子的注意力以及营造一个有趣的学校环境。为了支持教育者引导这些大脑休息，做成一个动画情绪怪兽跳舞、冥想和瑜伽。很快，当这一功能可用时，学生将可以在三个选项中进行选择。技术艺术总监 Rudy Vessup 说，他观看了孩子们跳舞的视频，让这个生物模仿孩子们的动作。Vessup 说 “我必须让他们的动作简单流畅，但要自然，”情绪怪兽指引全班同学行动起来。情绪怪兽让大脑休息下，开始聆听音响中的声音身体运动还创造了学生通常感觉不够的东西：自主性。他们可以控制自己的行动，个人能动性的重要性也适用于产品设计。学生通常了解世界上的问题，但很少参与制定解决方案。同样，在创建他们使用的工具时，他们并不经常被征求意见，对于情绪怪兽背后的团队来说，逆势而上很重要。学生的意见反映了 Microsoft Reflect 和情绪怪兽开发的每个阶段，这让学生代表了解他们希望如何通过我们的产品表达自己。在世界各地，年轻人正在一个复杂、有时甚至是残酷的环境中生存。他们需要一个可以提供安全空间来练习应对技巧的人。在 SEL 实践中添加情绪怪兽可以帮助教育工作者提供这种榜样，一种柔和的榜样，可以减少参与的障碍——比如直接与你的老师交谈。我们希望情绪怪兽将继续让学生和教育工作者在分享他们的情感时感到更加轻松和被理解。欢迎关注作者的微信公众号：「彩云译设计」本篇来源：优设网原文地址：https://www.uisdc.com/microsoft-ip-design
干货 素材 情绪 大家新年好！ 提前给大家拜个早年！这是 2023 年 1月的第三波干货，对于依然忙于工作、或者寻找素材的同学而言，希望这一波干货能够给你提供帮助！这一次合集中，包含了2个基于人工智能的设计工具，一个是照片生成服务，另一个则是一件生成视频的工具，都相当实用；对于需要做平面设计和视觉设计的同学而言，基于情绪的渐变生成工具、开源 SVG 图标系统和平面设计素材大合集应该能在你日常工作中，帮你节省不少时间精力。当然，在此之前记得看看往期干货中有没有你感兴趣的素材：第二波！2023年1月精选实用设计干货合集大家好，这是 2023 年第二期干货素材合集！阅读文章 > 下面我们具体看看这一期的干货：1、根据心情和情绪生成的渐变色https://gradienmood.posandu.me/色彩是拥有情绪的，但是有情绪的色彩有不一定仅仅只有一种颜色。这个名为 Gradien Mood 的渐变色网站会将不同感觉和渐变色搜集起来，其中有的渐变色甚至拥有极为复杂的情绪，而你需要做的，就是输入你想传递的情绪，然后就能搜到相关的情绪和色彩，包括渐变的 CSS 代码和具体的颜色代码，值得收藏哦。2、250+ 超多平面设计素材合集https://theveller.gumroad.com/l/GraphicDesignResources-byTheVeller/PHLAUNCH这是给平面设计师的终极创意工具包，其中涵盖大量日常平面设计能用得上的素材，包括编辑能用得上的文案模板，图库素材和营销资料，提升展示性的样机和模板，常见的图案和渐变素材，以及深色系设计素材，目前处于限时免费的阶段，立刻下载就对了 ！3、针对人物和情侣的 AI 绘图服务https://aiphotos.ai/生成式 AI 正在进行领域细分我是知道的，但是照片和图片生成服务里面居然还细分出针对人物肖像甚至情侣肖像生成的服务，是我没想到的事情。这个名为 AI Photos 服务就是这么顶，它需要获取你（们）的个人照片作为基础，越多越好，然后在此基础上为你生成150张各种风格各种题材的个人/情侣艺术照片。算算日子，距离情人节已经不足一个月了。4、实用性超强的俄罗斯方块设计系统https://new.tetrisly.com/Tetrisly 设计系统是一个精心设计的 UI 库，他们的团队竭尽全力地让每个 UI 控件都是高度可用和易用的，避免存在垃圾组件，并且这些都可以直接输出 React 组件，让开发更加便捷。在设计上，他们创造了一套对比度合理、配色丰富易用的色彩系统，一套像素完美的图标合集，并且带有一套专门的 Figma 插件。5、高质量开源 SVG 矢量图标素材库https://www.svgrepo.com/这套名为 SVG Repo 的素材库包含有超过 46 万个高素质矢量 SVG 矢量图标素材，这些图标的素质过硬，都是成套使用，基本无需修改就可以直接诶用在设计上，而具体的矢量素材文件也都是经过 SVG Repo 压缩优化过。SVG Repo 上的图标素材永远免费，且可以用于商业项目。6、移动端照片光影优化工具 Relighthttps://www.pixerylabs.com/relight如果你想在移动端上拥有堪比摄影工作室级别光影效果照片的话，那么使用 Relight 可能是最好的选择。它可以快速地为你的照片重新打光，而且在预设的光照强度、配色和效果的基础上，进行更加细致的调整，可以弥补很多其他的修图 APP 在这方面的缺陷。7、基于 AI 的智能视频制作工具https://boolvideoinvite.carrd.co/人工智能在视频领域的运用也越来越多了，有从输入命令完成操作，到一键自动完成的工具，AI 的使用方法各不相同。这个名为 Boolv 的智能视频制作工具属于是那种最为简单的，你只需要提供基本的产品图以及产品链接之类的基础内容，他们的 AI 能够在此基础上自动搜集整理信息，并且自动生成漂亮且素质过硬的视频内容。感兴趣的同学可以试试看。本篇来源：优设网原文地址：https://www.uisdc.com/2023-1-design-resources-vol3
情绪 工作 需求 经常听朋友们抱怨“上班如上坟”，我自己也是如此，但随着工龄的增长，我的“上坟感”无论从频率还是时长上都显著减少了，究其原因更多是心态和沟通能力上的成长。今年看了两本讲述职场的书，分别是李诞的《脱口秀工作手册》和杨天真的《把自己当回事》，今天想结合书中的部分观点，分享几个让工作变“简单”的小技巧，希望能帮大家减轻上班的“痛感”。降低焦虑干货+1：设计师职场焦虑怎么办？我总结了这4个方面！前言：越来越频繁的听到同龄人对工作前途的焦虑，30+的年龄在互联网公司就算你是 leader 或者专家级的岗位，失业后再次找工作的过程也是非常坎坷。阅读文章 > 一、可以有情绪吗常被教育“有情绪”=“不专业”，但我想，我们中的大部分人都无法将情绪与工作完全剥离。情绪无非来自一些工作阻力、压力或沟通时的冲突，既然不可避免有情绪，那不妨掌握一些面对情绪的方法：1. 处理情绪一旦发现自己有情绪了，不妨先暂停。如果是源于沟通产生的冲突，可以先记下双方分歧点，各自再回去找找资料，想想解决办法，约个下次同步进度的时间。如果是工作压力，就买点好吃的，睡个好觉，和朋友抱怨抱怨，看看工作之外的事物。先保护好自己的情绪，才能更好地投入工作。2. 表达情绪暂停重启后无非两种情况，若是一时冲动，就继续投入工作，如果仍然觉得这件事不对，那就好好表达。可以和领导或合作方说，你认为这件事情哪里不应该是这样的，这样做让你不适/委屈/难过，怎么做的话你觉得会更好，如果你不知道该怎么处理，也可以直接问：“我不知道该怎么做好，但我想解决这个问题，你有什么建议吗？”。如果你实在是情绪到达极点了，虽然不建议，但偶尔通过生气、哭闹释放出来或许也能解决问题。李诞在手册中说，在新人时期，生气、哭、都没有问题，你表达了情绪，其实也是在向领导和合作方表示你对工作的认真，对问题的重视。3. 不能一直拿情绪当武器虽说要表达情绪，但在表达的时候要切忌拿情绪当武器。如果你说“要这样我就不干了”很可能可以解决当下的问题，但这种解决方式一需要依靠对方的共情力，二对你沟通能力的提升没有任何帮助。别人可以因为认可你的态度或同情你的遭遇，妥协一次，但不可能次次依靠态度解决问题。况且，当你把情绪当武器时，也会伤害自己，如果你只能通过生气推进工作，那你的工作最后会只剩下生气。更好的方式是厘清原因，如果是表达问题，通过理性客观的说服替代情绪武器，如果是环境问题，可以对流程提出优化建议，靠流程来解决。4. 情绪不是被操控的杨天真在书说到：“如果有个人过来对你说：‘你控制不了自己的情绪，就说明你还不够成熟。’那么我会认为这个人根本就不懂得沟通”。所言极是，懂得沟通的人都明白只有情绪稳定才能更好地推进工作。情绪是被保护的不是被操控的。我们说不要拿情绪当武器，其实也是在保护对方的情绪。如果一份工作需要你不断地压抑自己或用情绪做武器，而对方完全不在乎你的情绪，或指责你不会控制情绪而不去解决情绪背后的问题，那说明你处在非常恶劣的职场环境中，接下来该做什么我就不多说了。二、主动沟通，保持客观上文我无数次提到沟通，但具体要怎么沟通呢？我发现即使是工作了很久的朋友，也经常陷入：遇到不公 难受/生气 找朋友吐槽 被建议去沟通 不敢沟通 不了了之 遇到不公 难受/生气...这样的死循环中。为什么不敢沟通，无非就是怕关系闹僵、怕暴露问题、怕意见冲突。然而我想说的是，意见冲突是工作的必然，关系问题可以通过沟通技巧解决，而暴露问题是解决问题的最好方式之一。1. 意见冲突职场分工一定有它的合理性，既然我们做这份工作，拿这份钱，就是要说在这个岗位上该说的话的。岗位分工就是这样，需要多方的声音来对冲，方案都是在磨合的过程中产生的。而且也需要每个人为了这个岗位需要坚持的“执念”发声，才能达到最好的解法。只要表达清晰客观，这种冲突就是好的。至于在意见冲突的情况下如何表达，不妨想清楚这几个问题：设计依据是什么？设计方案对用户有什么好处，对产品有什么好处？对方的工作诉求是什么？他的权利范围和边界在哪里？他是否有决策权？他所提出的要求是在他的工作范围之内还是之外？如果我不能满足他目前的要求，我有什么备选方案可以提供？2. 暴露问题很少有项目能一帆风顺地进行，遇到磕磕绊绊的时候，年轻的朋友总是习惯独自处理好，假装无事发生，做好了的情况下事倍功半，做不好的情况下就成了背锅侠。更好的处理方式其实是及时汇报：当前的进度到哪了？遇到的困难是什么？接下去打算怎么解决？既能让领导知道项目的困难程度，也能及时纠正解决思路，保证项目如期完成。如果是上线后才发现的问题，汇报方式也是分三步：造成这个错误的原因是什么？我的解决方案是什么？我用什么方法让这个错误以后不再发生？诚然，我们可能会面对能力的质疑或问题的指责，但及时沟通暴露问题既是分摊责任也是更快解决问题的方式。只要你提前找好解决方案，这些问题都会是你项目经验上的闪光点。3. 保持客观如果是遇到“人”的原因受了委屈不敢沟通，一个最简单的办法就是提事不提人。比如与你合作项目的设计师偷懒又不听劝导致你必须付出额外的工作，你可以这样反馈：这个项目设计人手有点不足，我已经尽力在加班赶进度了，但我担心这样下去可能会影响上线计划，是否可以多派个人手。这样既表明了自己最近持续加班的情况，暴露了上线风险，申请了人力，又没有指责同事。同理可以适用于其他职场关系的场景，核心就是客观，不说负面话，提事不提人。一些职场成功学总是会建议大家在职场中保持真诚，但不得不说真诚是需要超高的情商加持的，如果无法保证自己的真诚不被误解、不误伤他人，可以试试保持客观。三、接受有意义的失败当然，沟通不能解决所有的问题，总有沟通失败的时候，这时我会建议你放平心态，顺其自然。1. 理论是持续发展的虽说设计有一些既成的理论，诸如要保持一致性，标签应该是那样，面板应该是这样。但事实上规范是人定的，理论是总结出来的，拉长时间线看，理论是会发展的，规范是可以被讨论的。举个例子，以前我接收到的理论是 action sheet 和 activity view 是两个不一样的组件，面板不能叠加面板，而随着发展，action sheet 和 activity view 的边界开始变得模糊，苹果系统也开始出现了面板叠加面板的交互。坚持已有的规范或理论，或许能产出设计上定义的正确方案，但如果“设计正确”并不被当前阶段认可，适当的接受“创新”也未尝不可，在碰撞过程中我们或许就能触碰到原则的边界，理解规则定义的原因，探索现存规则的局限性，这些都能帮助你对专业有更深的理解。2. 重要的是经验而不是这个需求很多朋友会担心，这个需求做不好，会影响以后整理作品集，也无法展示自己的能力。其实大可不必这么焦虑，按每两周做一个需求来算，我们一年会做 26 个需求，其中只有 2-3 个需求能被我们放入作品集，加上我们和面试官之间存在着信息差，完全可以摘取出最好的 2-3 个需求，利用信息差整理出一份出色的作品集。我们做设计的目的不单单是把当前这个需求做好，更重要的是通过做这个需求磨练自己，成为一个优秀的设计师。适当地接受有意义的失败，当你明白原来这样做会造成那样的结果，这样是合适的而那样是行不通的，你就会成为一个什么需求都能兜得住的设计师，就能把每个需求都做好，甚至可以把做得有瑕疵的需求以完美的方式表达出来，也能回答上所有的质疑。3. 这只是一份工作很多人会瞎操心业务或公司的死活，觉得自己这个按钮没做好这个需求明天没上线这个业务就被我搞砸了，大可不必！这只是一份工作，关注自己，你要成就的是你这个人，不要把自己和公司的命运绑在一起，公司和业务的好坏应该由拿着这份工资的人担这份责任。甚至这个需求都不属于你个人，不要过多地干涉，你要做的是通过完成公司的项目实现自我成长。你是且只是自己事业的第一负责人，不要把自我成长的责任强加在公司上，更不要瞎揽壮大公司的责任。欢迎关注作者微信公众号：「白话说交互」本篇来源：优设网原文地址：https://www.uisdc.com/3-career-skills
用户 情绪 产品 你一定也发现了，在这个时代下只要处在同一赛道的产品，大多数免不了日趋同质化，不论是功能还是形式、内容还是算法。就拿内容型产品来举例：去掉颜色，以下四个产品的首页，你能分得清谁是谁吗？虽然可以做品牌差异化，但很多产品在招牌打响前，也会经历相当漫长的一段成长期。而在大家都卷的分不清谁是谁的时候，通过趣味性来建立情感链接倒是一个独辟蹊径的狠招。之前在团队有幸负责过一次产品趣味性的探索，虽未全部落地，但沉淀了不少经验。今天，我将这些经验以文章的方式分享给你，希望对你有所启发。更多趣味性设计干货：如何增加儿童产品中的趣味性？用多个实战案例告诉你！大家常说儿童产品首先要有趣，孩子如果不感兴趣，其他的努力都是徒劳。阅读文章 > 一、为什么产品需要趣味性1. 符合本能需求马斯洛的“需求层次理论”（Hierarchy of Needs）你一定听过。这个理论提出人类的需求状态是持续不断的，一段时间内，个人的动机或许可以获得暂时性的满足。但从人的成长角度来看，人类的需求永远不会止步于一个阶段。类似的还有亚伦·瓦尔特基于此提出的需求层次理论——有用的、可靠的、可用的、愉悦的。在满足了温饱阶段后，自然会需要情感的满足。尤其现在这个相对严峻、内卷成风的时代下，大家都渴望在上了一天班之后，自己用的产品可以给自己解压，而不只是个单纯的冷血工具。2. 影响用户行为产品传达趣味性的信息，那么这些信息便更容易被用户接受、甚至激发兴趣。正如用户关系和精准化运营的先驱——史蒂文·贝莱格姆的那句话：“趣味是设计产品中最人类化，最直接，最能引起人们兴趣的因素。”根据艾达模型这个经典理论，一旦用户对某件事产生兴趣后，则更容易促成他的决策、乃至最后行为的发生。毕竟我们绝大多数的决策并非源自理性。另外，《疯传》这本书提及过一个重要的概念：情绪唤醒。当情绪唤醒度较高时，往往会更容易激发用户的分享行为（比如愉悦、惊喜这样的正面情绪，当然也会包括愤怒、恐惧这样的负面情绪）。而产品所呈现的趣味性，很大程度上更容易引发用户的高唤醒情绪，从而主动采取一些产品希望他实施的行为。3. 缓解负面情绪使用一款产品的过程中，必然会出现不够正向的反馈，比如 404、断网、填写格式错误、输入隐私信息等等。一旦超出了用户的容忍能力，很容易造成行为中断甚至流失。但此时如果通过一种趣味性的方式呈现，很大程度上可以缓解用户的负面情绪。比如 readme 的登录页面，当你输入密码时，猫头鹰捂住双眼，很好得缓解了用户的不安全感。再比如饿了么，恶劣天气下会实时记录当前的天气状态，通过同理心的触发也可以缓解用户等待时产生的焦虑。4. 实现情感链接对应诺曼在《情感化设计》中的「反思层」，通过品牌差异、独有内涵等方式来唤起用户深层的记忆和情感，产生情感共鸣，从而形成认知，建立起深厚的情感链接，以让用户越来越忠实于产品。此时产品作用更多的是作为一个承担情感的载体。我们旅游时经常会购买一些貌似没什么实用性的纪念品，明信片、木雕、徽章等等，可能最多只能放在房间当装饰。但是纪念品的关键意义，在于承载着旅游时的记忆。类似的还有单机游戏发售时，除了标准版外，往往会同步发售包含手办、美术设定集等物品的豪华版，同样用来承载玩家的情怀。最典型的例子，就是 Google 的 Doodle 设计，在不同的节日、纪念日、或者缅怀一些先驱、艺术家时，会投入很高的成本起设计各种趣味性的插画 logo，丰富有趣，而且很多时候可以支持互动游戏。比如 18 年的万圣节，就做了一个有趣的多人对战的小游戏。Doodle 不仅是 Google 文化、价值观的象征，也通过这种趣味性的创意让用户实现更深层次的情感交流，建立情感纽带并增加粘性，不会轻易得流失到其他替代品中。二、趣味性是什么关于这个概念，有三条相对客观专业的说法。德国古典哲学创始人康德《实用人类学》中，指出趣味性是人类由于受到外部环境的影响而对客观事物产生的直接的感性反应，不具有普遍性和必然性。通俗来讲是人们对身边的事物感到新奇、有趣、有意思，从而心理产生愉悦的变化。另外，康德在《判断力批判》也指出，趣味是指主体以积极主动的姿态，在超功利的层次上对某一对象表现出喜爱和愉悦的情绪状态。《汉语词典》将趣味释义为：使人感到愉快，能引起兴趣的特性。看似各不相同，但根据这三个概念提炼下，可以发现他们都是在融入一种正向的情绪加以解释。那么，趣味性背后的情绪到底是什么？三、趣味性背后的情绪情绪这东西千变万化，为了避免主观臆断的不准确，我搜罗了关于情绪的研究资料，目前相对权威的有三个：plutchik 情绪轮、日本感性工学、诺曼的三层理论。后两者未对情绪进行指标的定义，所以这里只聚焦在情绪轮上。情绪轮由罗伯特·普洛特契克开创，这个理论指出人类的基本情绪一共由 8 种，生气、厌恶、恐惧、悲伤、期待、愉悦、意外和信任。撇去那些负面情绪，能够符合趣味性带来的情绪基本就三种：愉悦、期待和意外。为了为产品所用，就需要提炼出更具象的特征。下面，我通过脑暴的方式对每类情绪进行发散联想。1. 关于愉悦感联想了大量可以引发愉悦情绪的事物，比如可爱的猫猫、各类好玩的表情包、毛绒玩具、影视作品里那些会突然说话的动物、解压神器等等。我发现这些事物，一般具备了以下特征；会给予我们即时反馈拟人化，比如带有人类才有的表情，或者是人类的动作语言柔软的、毛茸茸的、圆润的、有温度的会动的、解压的2. 关于期待感联想了大量可以引发期待情绪的事物，比如被买爆的泡泡玛特盲盒，商家售卖的福袋，各种诸如掷骰子、老虎机的随机性游戏，各类抽奖活动，一些游戏开局 roll 属性点的环节（比如金 2、河洛等游戏，当年玩的时候我惊讶得发现我居然能 roll 上一整天）这些事物大致会带有这些特征：未知的、神秘的满足人类的好奇心的对结果能满怀希望的随机的正向奖赏只需要一步简单到发指的操作（打开容器、拉动拉杆、点击按钮等等），不需要任何的行动门槛，也没有等待时间3. 关于惊喜感比如《设计中的设计》这本书中提到的出入境的印章案例、一兰拉面碗底的细节、电影或者游戏中突然出现的彩蛋、iPhone 第一代的发布现场、突然发现的世外桃源、突袭的生日惊喜等等。这些事物大致会带有这些特征：超出原有预期的未提前告知的正向结果的产生共鸣的那么，这些特征又该如何更具象得落地成策略，产品中又是如何利用这些策略，引导用户产生这些情绪的呢？下面，我将基于这三类维度，并结合大量的大厂案例来为一步步你抽丝剥茧。四、如何制造愉悦感1. 关于拟人化基于上面的挖掘，我发现能引发愉悦感的一个明显特征，就是拟人化，这个非常有意思。克利福德·纳斯在《the man who lied to his laptop》这本书中提出过一个观点：人们对待电脑的方式，与我们在与他人交流时使用的社会规范是一致的。我们对电脑的反应，就好像它们是人类一样。也正因此，很多原本没有生命体征的物体，一旦被赋予了拟人形象，就容易被大家所接纳、引发愉悦。做一下细分的话，拟人化基本涵盖了三个方面：语言、形象和表情。① 拟人化的语言人对于具体的拟人形象更容易产生情感，其中便包含拟人化的口吻。使用这种口吻与用户交流，而非冷冰冰的设备语言，就可以提升产品温度，引导用户对产品产生正向情感，关于这块我总结了两方面。一方面，文案尽量得接地气、轻松。拿京东这款产品举例，文案从口吻上都会采用一种很轻松、接地气的拟人语气，来拉近和用户间的距离。比如在引导词后加入“哦~”“~”这种轻松的语气词。另外，「京东问答」版块的引导词：传统产品是“添加问答”，是不是平平无奇。但京东使用了“我来助你一臂之力~”QQ 浏览器的评论暗提示，也不是传统的“写评论”“输入评论”，而是像日常聊天那样“我来说两句”，非常接地气、生活化。知乎直接套用了流行语，诙谐的同时引导用户注意言论。另一方面，人类富有情绪变化，所以一旦用户触发了某个正面/负面行为，就可以给与情绪反馈。在用户完成商品评价后，京东不仅仅是很传统得反馈“评价成功”，而是又加入了“感谢您！”的感谢词。看似加了三个字，但行动过后的正向感激反馈，和我们日常生活中受到正向反馈一样，被唤起正向的愉悦情绪。并愿意继续这个行为。知乎的圈子业务，在用户完成签到后，反馈完成的基础上，使用了正向的情感反馈“ 我就知道你会再来看我”，仿佛是一位关系不错的老朋友，来唤起用户正向情绪。另外，知乎在改版后，回答收到赞也不仅仅是“点赞成功”这类冷冰冰的机器语言，而是“已收到你的喜欢，谢谢！”并且配以作者头像，非常形象得传出对对方对我们的感谢反馈。这种正向反馈，相比”点赞成功“更有效得唤起正向情绪，形成正向激励。当然，用户的消极行为也可以产生情绪反馈。比如现在很多产品的取关反馈，不是传统的“确认”“取消”，而是用“残忍取关”和“给个机会”这种融入情感的文案来做挽留，就好像真的有个活生生的人，在被你否定后反馈给你的情绪，请求你再给个机会。有趣的同时一定程度上也可以唤醒用户的同情。（虽然这种做法过于业务导向，且有绑架用户的嫌疑）② 拟人化的形象人对于具体的拟人形象更容易产生情感。因此，树立一个拟人化的品牌形象（也就是我们常说的 IP），可以使用户对产品快速建立情感联系，也可以强化品牌感知。比如优酷的猴子、高德地图的老鹰、钉钉的燕子、linefriends 等等。比如京东的这只狗子，兜底页、缺省页、启动页，都做了狗这个拟人形象的贯穿。如果你记得没错的话，形象改版之前这只狗还是四脚坐地上的，但改版后就两脚着地了。这同样是通过更拟人的形象来赋予「人格」，以此提升愉悦感，拉近距离。再比如夸克甚至单独新增了底 tab 入口，通过 3d 品牌形象，实现与用户的智能交流。另外，卡片和语音搜索都做了形象贯穿，后者还使用了形象的眼睛，来通过眼睛的变化进行情感交流。③ 拟人化的表情一段文字在加入了表情后，我们就能迅速了解到对方的情绪（比如我们日常的聊天）。因此表情这一招，也可以用以加深用户与产品的情感交流。它可以和语音、形象灵活结合使用。通过全面的拟人化，来大幅提升用户对产品的形象感知，促进用户情感的产生、加深用户和产品的情感链接。比如用语言输入，当系统未识别清楚时，传统的方案可能是一个错误图标加上「未识别声音，请再试一遍」的文案，但夸克中则使用了品牌形象的双眼来传达失落的表情，并结合了拟人化的语言。同样做法的还有百度的未开麦提示、段子头图，快速传达产品的情绪，和用户情感交流。另外，闲鱼设置昵称时，正在输入时、以及超出了限定字数，右侧的形象表情也会发生变化。除了拟人化能引发愉悦外，还有一个很容易被忽略的要素同样能起到作用——动画反馈。2. 动画反馈提起动画的作用，我们更多人首先想到的可能是强引导、注意力吸引，但动画同样能触发用户愉悦。比如动画更加贴近现实，或者结合拟人化的特征时。① 贴近现实最典型的就是苹果 App Store 从卡片到详情页的转场过渡，点按的预备动作、卡片的放大展开、缓出的曲线、转场完成的惯性等等，都很贴近现实物理世界的运动规律。而这种自然的丝滑也更能引发用户的愉悦。② 结合拟人化比如知乎的加载动画，结合了拟人化的特征，让这个过程变得格外有趣。刘看山奋笔疾书的动作也很符合知乎这款产品的定位。五、如何制造期待感1. 随机给与内容根据我们对期待感的脑暴，发现能触发这种情绪最典型的特征，就是随机性。在产品中，则可以通过随机给予用户有价值的内容来引发用户的关注。结果的不确定使过程充满神秘，这种状态让用户兴奋和满怀期待，不会轻易离开。比如网易新闻在进行新闻加载的操作时，会在加载动画上加入一个随机的小贴士。内容大致有三类：黄历、名言和一句话新闻。而且这些内容完全是随机出现，这种刷新过程好像在开盲盒，你无法预知会给你什么内容，非常有趣。而且它们入口深，不干扰；内容对用户也具有价值。同样的还有丁香医生。在首页每次下来刷新后，都会出现不一样的健康类的小贴士。随机性很强，富有趣味。而且可以很好得满足求知欲。雪球的个人页上，上划时也会随机给一条关于投资、市场的名言和网友的热门观点。2. 随机性游戏把现实生活中的游戏搬到了手机，同样能激发用户的好奇和期待。比如微信读书的翻牌子、摇一摇、老虎机。还有天猫的翻牌子。六、如何制造惊喜感格雷戈里·伯恩斯曾做个关于脑部区域的研究，发现大脑不仅探寻未知，而且实际上还渴望未知。相比那些已知的日常惯例，新鲜新颖的事物更容易引人注意。所以提供一些以往没有过的、出乎意料的事物或互动，不但能引起注意力，而且也会带来惊喜感。产品中的惊喜感设计，可以说是使用瞬间能够触达我们内心的一种短暂性愉悦，一个体验的峰值。根据对惊喜感的挖掘，一个典型的特征就是超出预期，并且未提前预料。比如 Figma 使用过程中，团队成员和你同时长按鼠标，并且靠在一起后，就可与触发击掌的动画彩蛋，非常有意思。比如京东在五星好评后，会放烟花庆祝。比如很多内容型产品，在详情页长按点赞按钮后，会触发全屏的「爆赞」动画。再比如用户生日当天，通过启动页、弹窗等场景送上生日祝福等等。这些能够超出用户预期的细节，即便多么细枝末节、出现频率多低，但只要能够被触发，都可能因为惊喜感而生成情绪峰值，加深用户和产品的情感链接。最后以上，便是趣味性背后的情绪挖掘和案例讲解。作为设计师，我们在工作中总是强调以用户为中心，通过不断的调研、跟访、可用性测试来了解、分类用户，但更多的结果可能只是让产品不断得贴合用户的心智、符合预期。但如何增加粘度、建立深层链接，就需要通过趣味性这种情感化表达方式，来为用户制造愉悦、期待甚至惊喜。正像诺曼在「情感与设计」中说的那样，每个产品都需要令人更放松、更愉悦的设计，以此来增强产品的适用性。希望这篇文章能对你有所启发。我是设计师 Andrew，我们下期再见。参考资料：唐纳德·诺曼：设计心理学 3——情感化设计可风：APP 界面如何打造情感化设计？罗闪闪：「情感化设计」界面如何拨动你的小心弦？Tarun Kohli：The Why and How of Emotional Design腾讯 ISUX：产品细节中的情感化设计欢迎关注作者微信公众号：「Andrew的设计笔记」本篇来源：优设网原文地址：https://www.uisdc.com/design-for-fun
情绪 关键词 产品 几乎大部分 UI 设计师在作品集里都会放入“情绪板”这个模块，但是这个模块的利弊其实都很明显，大家都想通过展示情绪板来告诉面试官我是如何定义色彩和产品的视觉风格调性的，但是大部分设计其实在做界面之前都没有做过情绪板，而是反套的。也就是做完界面后，看用到了什么舒服的颜色，然后再去找一些图片和关键词，做成“情绪板”。所以大家看到的情绪板几乎都特别的鸡肋，一是关键词太普遍宽泛，几乎所有产品都能够用。二是图片和关键词关联性并不大，只是好看或者带有需要的颜色而已。例如上方我在设计平台截取的一些例子，关键词包括：品质、自然、舒服、简约等等，几乎可以用到每一种产品，图片和关键词也并没有太强的关联，为什么自由是一座雪山？为什么活跃是一些电子产品？为什么简约是一幢高楼？为什么专业是一台黄色的电脑？这样的案例比比皆是。所以很多设计师对情绪板的理解出现了问题，风格定义这件“事”，其实是很难的，需要沉淀非常多的经验，从初学、临摹、原创、大量风格探索尝试后才能逐渐形成风格定义的能力。风格定义也绝对不是找一些图片吸取一些色彩，就搞定了，所以市面上 UI 作品同质化的原因就是大家还没有掌握定义风格的方法。什么是情绪板用白话来说，情绪板反馈的就是产品的相关利益者对产品的感受和期望，并将其具像化的方法和过程。每一个产品利益者对产品的期望都不同，一千个人心里都有一千个哈姆雷特，那么产品呈现出什么样子，我们需要能够将这些感受和想法进行视觉具像化。这些感受和想法包括了产品的定位、用户的需求、管理者的战略规划等等。为什么要做情绪板情绪板的结果并不会直接告诉设计师具体设计的参数，不会告诉设计师应该用什么颜色，应该用什么字体。而是一种视觉导向与感知指引，用来给设计师进行参考，并且设计师要始终如一的贯彻这些引导，这是原因之一。另一个很重要的原因就是在做情绪板的过程中，能够让设计团队、产品管理者对该产品呈现的感知和理念能够达成一致。和情绪板类似的方法还有例如品牌冲刺、人格化块等一系列用于探索产品在视觉感知和产品品牌定位上的方法。情绪板的步骤其实很多人对一些方法比较排斥，我个人也是如此。大家一听到方法、方法论头都炸了，你不如直接讲案例来的更直接一点。好，我们今天会将方法和步骤都给大家讲解一下，保证大家能够看懂。先来将具体的执行步骤，方法流程的简单和复杂还是来自于当下的条件和资源，以及我们的期望。同时情绪板运用的时机也有讲究，它并不适合运用在比较成熟的产品设计中，而适合用在 0-1 或者 1-2 版本的阶段。在这个阶段里产品品牌初具雏形，用户数据和特征也逐渐成型，所以我们有更多的数据来对这些反馈进行准确的描述。如果我们的条件和资源丰富，那么需要邀请用户一起来参与，如果条件不允许，那么至少也要将公司其他部门以及高层管理一起来参与，当然如果这些条件都不具备，那么设计团队和设计个人也可以进行，但是对个人经验要求比较高。那么我们先理想化的来一次讲解。第一步-邀请相关利益者并进行访谈研究我们需要邀请一下人员参与此次情绪板的方法研究：1.用户（注意覆盖多类样本 3 名左右即可）2.设计团队成员（覆盖到其他参与方法的人员人数）3.其他利益相关部门负责人（2-3 人）4.老板（必须邀请）。由牵头设计师进行主持。首先每一位设计师找到其他参与方法的人员，一对一开始进行访谈，主要围绕以下几个问题：1. 产品带给你什么感受2. 您觉得和 xx（竞品）比起来有什么差别3. 如果将我们的产品比作一个人，你觉得他是谁4. 如何向朋友介绍这个产品5. 它和你身边的那种物品有相似的气质……还有更多的问题可以根据不同产品定位进行拓展。为什么要问这些问题呢？这些问题将覆盖到用户对产品的一种主观感受，并将其拟人、拟物化，让用户能描述出和竞品在主观感知上的差异和区别。于是我们会得到一些关于这些问题的关键词。第二步-产出体验关键词并进行三维映射得出的关键词例如我们经常会说的品质、自然这样比较抽象的词，也会得到像父亲、皮带这样具像化的关键词。这里要注意的是当用户描述出他心中的关键词后一定要进行追问，例如为什么您觉得它像父亲而不是母亲呢？这里就要时刻去找到用户关键词背后的真实想法。接下来我们会用到三维映射法，将所有关键词都划分出 3 种类型：1.视觉映射 2.感受映射 3.具象映射，并继续访谈用户：您刚才说产品给您的感觉是时尚的，那么您觉得时尚在你心中是什么颜色的，时尚给您一种什么感觉以及如果让您用一个物品来代替时尚，您会选择什么物品？这样做的好处是能够让抽象的概念具像化，让设计师能够切实理解用户的主观感受。一般如果我们只让用户描述主观感受其实是不准确的。第三步-让参与者创建情绪板当我们把所有提炼出来的关键词都找到对应的三维映射后，我们将针对最后的结果进行可视化图片收集。例如用户觉得香奈儿包包可以用来代替时尚这个关键词，那么我们就需要收集更多有关香奈儿包包的图片。在收集图片过程中要注意这几点：1. 图片必须高清不模糊2. 图片的数量必须大于 6 张3. 图片的色彩尽量覆盖多种4. 图片尽量简洁有主体将所有关键词都收集完图片后，我们让用户在其中进行挑选，让其选出最符合他说出来的那个关键词的图片，每个关键词选择 1-3 张图片。这三个步骤中，老板的建议和感知也是很关键的，因为我们知道用户一般都会做很多利己的选择，所以也只能作为一定的参考。而老板则是产品的创始人，对产品的定位和期望有更深入的想法，同时这也将为我们后续推动工作提供很有价值的参考。那有小伙伴说，老板没有审美，很土怎么办。其实这个不重要，在这几个环节中同时也要避免为了迎合老板而做出的决定，我们只需要听老板的感知然后去分析即可，并不是老板说要什么就一定要去实现，否则就违背了本次方法的初衷。第四步-结合情绪板制定设计风格情绪板最后输出的其实就是关键词+具像化的图片。到最后一个步骤，大家觉得是不是还是很迷茫，那和我们做设计到底有什么关系呢？所以我们在做完这一系列操作之后，需要由资深、专家来牵头完成风格的脑爆和定义。例如我们可以在设计团队内继续进行讨论，围绕形、色、字、构、质五个维度进行脑暴。每个人对这五个维度进行效果制作，可以是 UI 首页、海报、插画，以提炼出来的关键词和图片为准绳进行设计。可能需要几天时间，之后再次进行会议讨论，为什么每个人的设计是这样的，思路是什么。所以其实情绪板最后的效果，很大程度上取决于设计师的设计能力。如果团队都是设计新人，那么也没有必要做这个方法了。案例接下去我说一下之前我们项目中的案例。我们当时根据用户以及产品定位提炼出来这些关键词：沙发、撞色、口红、香奈儿包、潮流、多彩、品质。针对这些关键词我们继续寻找图片。根据这些图片，我们从形色质构质五个维度去寻找设计的灵感，例如在形状方面我们提炼出了棱形作为一个特征符号，可以运用在图标、背景修饰元素以及容积形状等地方。颜色我们提炼出了产品主色以及辅助色，让页面更加活泼、轻量化。在金刚区图标以及 banner 背景的运用上，用到了撞色以及浅色背景突出主题的设计。字体方面主要是运用到一些特殊字体时候的字体设计，例如在今日特卖以及明日预告等一些固定栏目标题的场景。构，运用在了一些氛围大图的结构布局上，采用了大标题结合大主体的对角线构图以及对称构图。还有在 banner 的设计中利用前中后景营造的纵深感。质，运用到的是在图片背景中采用了氛围元素的搭配以及一些微渐变，让模块的视觉丰富更有质感。之前给大家介绍的 NOKNOK 应用，一款像素风格的游戏社区产品。其实设计风格这回事，大家不要过度的追求，能营造出非常独特的风格必须要满足以下几个条件：1. 功能简单。大家觉得淘宝和新浪微博的风格是什么？是不是很难明显的感知有什么独特的风格？因为产品题量大、功能复杂用户多，所以很难设计出满足所有用户且很独特的风格。2. 风格小众。例如像素、极简、摇滚、潮流，这些风格是很容易出效果的，平时我们接触的大部分产品都是满足大部分用户的视觉偏好，突然有一天你看到这些小众风格你就会觉得很特别。但是这些小众的风格是很有局限的，例如你让淘宝去做成极简风，或者大众点评去做成很潮流的风格，人家功能点这么多，没有空间让你去做视觉的发挥，就无法展示出用来表达风格的细节。所以，如果你们不是正在创业或者从零开始设计，那么就不要太追求小众化的设计风格。情绪板这回事听起来很专业，但实际操作起来还是有很多问题的，一味的追求方法不如自己多练习几种不同的设计风格，多看看国内外的优秀作品。希望大家在不久的将来都可以成为独当一面的设计专家。情绪板还能这样做？难怪大厂的设计师那么强Hi，我是彩云。阅读文章 > 欢迎关注作者的微信公众号：「应谋鬼计」本篇来源：优设网原文地址：https://www.uisdc.com/ui-portfolio-mood-board
情绪 品牌 客户 Hi，我是彩云。在大厂做设计，情绪板在前期提案的时候都是需要做的工作，主要是为方便大家一起谈论接下来实际要做的风格调性，帮助大家对未来大致的效果有一个预期，也为设计师接下来的设计减少改稿，提升效率。所以，这么好用的设计流程工具，大家一定要学会了。顺便说一句，一个优秀的情绪板提案过程放到作品集中也是亮点哦。在我们平时的工作中，经常需要创建各种各样的情绪板：用于品牌、App、海报、服装……等涉及到设计领域，但我经常会发现在整理素材和归纳的时候，很容易遗漏某些步骤，或者创建过程晚了被客户拒绝，所以我决定写一篇总结文章，其中包含一系列技巧和工具。什么是情绪板？有些人将其称为风格图、参考图，但它们之间的差异存在争议，但总而言之，它是一组图像，把它们汇总在一起代表品牌（或项目）将采用的视觉方向。我们可以将情绪板的作用总结为三个主要目标：为视觉设计过程奠定基础建立了品牌的世界观提供视觉标准，便于以后的视觉延展和一致性如何制作情绪板我在刚参加工作时的项目中所犯的第一个错误就是收到一个新的设计需求简介后，就立即疯狂收集参考图，我想这是与品牌匹配的，没有任何问题。（然而这样的设计方式非常错误且痛苦）现在看来，与之相反的，应该先花点时间分析下设计需求简介，让自己真正了解品牌的背景、历史、未来计划、行业、竞争、目标受众、品牌信息和价值主张。如果以上任何一块缺失并影响了创建情绪板，你最好都需要先跟需求方沟通清楚缺失部分的细节。针对这些缺失的细节发送品牌调查问卷，避免甲方推翻重新设计，影响设计进程。情绪板在品牌推广过程中占有一席之地，但在一开始的时候肯定是没有的。假设你已经从客户那里收集了所有信息，现在我们准备进一步推进情绪板创建的实际步骤：研究并搜集参考排版和优化情绪板展示（可选）接下来，会详细的为大家分享每一个步骤。研究并搜集参考在我开始找图之前，我喜欢把需求介绍中的形容词或其他关键词放在自己面前，这样我就可以检查研究的内容是否与关键词产生共鸣。另外，不要忘记还要了解目标受众和市场细节！在我们谈论研究之前，我想分享几个我喜欢使用的图像收集工具。Pinterest 几乎是图像收集的首选工具之一。你们中的许多人可能已经在用了， 优点是很容易设置收集画板，并且关联图片和以图搜图都非常方便，而且还是免费的。Sample board from Pinterest 来自 Pinterest 的样板（彩云注：原作者这里还介绍了另外两款工具，但经过彩云的研究，发现不那么好用，不符合中国设计师的使用习惯，所以我去掉了这部分的内容。）你也可以直接保存到桌面。但我喜欢用工具进行整理，所以当我完成研究过程后，我至少对于搜集整理方面的工具 有一个广泛的了解。一个非常新的收藏工具叫做 mymind ( https://mymind.com )，由设计师 Tobias van Schneider 开发。这是一个浏览器扩展程序，它可以帮助你保存图像、文本、视频、完整的文章、产品或其他内容，方法是使用插件扩展或右键单击添加到一个大集合（收集上也可以用）。也可以看下这个介绍视频，跟大家买的某款收集软件差不多的感觉，只不过它是在线的，更厉害一些。图片和文章都能收集，还蛮吸引我的这是对不太喜欢打标签和分组的人做的工具，因为它会自动搜索已保存材料之间的联系并添加标签，因此在某些方面要比 Pinterest 更易于搜索。好了，工具够用了！你准备好获得灵感了吗？在开始搜索之前，我们需要记住我们之前定义的那些品牌形容词（工业、坚定、空灵等等）。因为我知道搜索过程会让我陷入困境，所以第一件事就是给自己设置一个计时器（对我来说大部分搜索收集图片时间是 1.5 小时）。我首选的工具是 Google 和 Pinterest，重要的是在这个阶段不要把自己限制在任何事情上并保存所有吸引你眼球的东西，这样你就有足够的材料可以使用。我会有针对性的找一些关键元素来向客户（或我自己）展示并在以后为设计决策提供信息：颜色、排版、行业和整体氛围、包装、摄影、插图风格、纹理、图案、logo。这听起来很简单，但如果品牌形容词没有太多引导作用呢？这里有一些提示可以尝试：搜索类似的词。例如，在Solomo的例子中，一开始我试图搜索功能，但这样搜索出来的可能全是无聊的办公场所，所以我会尝试寻找同义词。如果没想法的时候，尝试关掉电脑并闭上眼睛想想，当我听到这个词时我会想到什么，这也有帮助。如果你和团队有时间的话，可以组织一场脑爆会一起讨论探索想法，让更多人参与，这样也能快速帮助你找到灵感。分享一些我常用的额外资源：[Designspriration]https://www.designspiration.com — 精选灵感搜索[PICDIT]https://picdit.net — 高级摄影作品网站（彩云看了下貌似近期没有更新了，但以前的内容还是值得一看的）[Flickgraphics]https://www.flickrgraphics.com — 艺术排版灵感库[Adultartclub]https://adultartclub.tumblr.com — 艺术摄影灵感库[Dayinthelandofnobody ]https://adayinthelandofnobody.tumblr.com — 艺术摄影[Visualgraphic]https://www.instagram.com/visualgraphc — 版式灵感[typophile]https://typophile.tumblr.com — 排版灵感[logos.ai]https://www.instagram.com/logos.ai — 排版和logo在你收集了一堆图片之后，接下来我们将看看如何处理它们。排版和优化1. 选择一个工具（Canva、Figma、Miro 等，彩云经常用 sketch）将图片组合成可展示的格式。我建议选择一些客户无需安装即可轻松使用的东西，这样反馈周期会更短。如果平台也有一些主题选项，那就太好了，例如，你可以根据客户的品牌颜色对其进行定制，并且可以将相同的结构重新用于不同的产品。2. 挑选和组织图片将每个图片下载到本地并把它们归纳分配在相关的风格或品牌形容词下。如果只需要部分图片，记得裁切好需要的部分。3. 将图片进行排版分组在组织这些图片时，首先要记住的是颜色。我们需要避免用户在单个对象上花费太多时间，也不是自然地从一张图流向另一张图。你可以尝试限定好图片的数量，对我来说 10-15 是一个很好的起点。彩云也收集了一些比较优秀的情绪板排版供大家参考4. 检查并最终确定方案如果你已经到了这个阶段，那就太好了！现在是时候对最初的品牌形容词做检查标记，看看情绪板是否整体传达了品牌氛围。在情绪板中有一个能自检的列表非常不错，我们要问自己的问题：客户可能会过于字面理解吗？情绪板是否反映了品牌气质？（逐个检查品牌形容词）有什么特别突出的地方吗？品牌所处的环境是否合适？如果一切都考虑妥当，就该进行情绪板演示了。 最后，我收集了一些最终笔记，它们可能有助于你将其展示给其他人。情绪板展示如何与客户交流情绪板？提醒客户不要从字面上理解任何内容，情绪板上的任何元素都不意味着要对他们的品牌(或项目)进行一对一的翻译。例如，如果在一张图片上有紫色的魔方飞来飞去，这并不意味着品牌会用魔方做任何事情，可能是形状，也可能是颜色。强调这是品牌所在的视觉世界，而不是具体的元素。总而言之，鼓励客户关注整体，而不是个别部分。如果在这个阶段一切都很糟糕并客户不认同它怎么办？事情可能会出错，但请记住，我们可以随时后退一步，然后再前进。是时候回到关键词了，尤其是基调部分。这时候与观众一起仔细阅读每个词，并质疑相同的词是否仍然与品牌愿景产生共鸣，这是很有帮助的。如果答案是肯定的，那么最好再进行一次会议，以了解观众根据关键词所想象的内容，以便下次符合预期。我的经验是，如果情绪板与观众或决策者一起策划，很容易获得早期支持以避免这种情况发生。如果答案是否定的，可能要探索品牌愿景是否有任何变化，并从问卷开始回到开头。尽管这一步看起来令人生畏，但客户的舒适度确实至关重要，否则当你在整个设计过程中进一步推进时，他们将不会感到这是设计是为他们做的。本篇来源：优设网原文地址：https://www.uisdc.com/create-mood-board
表哥
张大湿
在路上
飞翔的企鹅
