服务粉丝

我们一直在努力
当前位置:首页 > 财经 >

微软:如何设计让用户喜爱的IP形象?

日期: 来源:彩云译设计收集编辑:彩云Sky
关注 ▲彩云译设计▲和10万设计精英,一起共同进步

最近在微软官方论坛上看到一篇关于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://medium.com/microsoft-design/the-feelings-monster-building-a-character-with-all-the-feels-331b5b871fd1

作者:Microsoft Design

译者:彩云Sky





我花了2年时间,打造了一个官方推荐的知识社群,也是设计领域最活跃,氛围最好的社群,欢迎你的加入!也可以看看其他同学在这里是如何成长的《一位35+大龄女设计新人,肉眼可见的变强!


彩云的小号,会发一些这边看不到的内容,期待大家的关注订阅!


相关阅读

  • 3个月拿到Behance标签,我是如何做到的?

  • Behance 作为一个全世界都认可的含金量极高的作品展示网站,能拿到一个相关领域的标签,都会让设计师兴奋不已。而这件难度颇高的任务,竟然被一个刚接触Blender仅3个月的设计师,拿
  • 关于目标制定,拍脑袋就够了么

  • 前段时间我在知识星球留了一个作业,大家做一下年度计划目标,反馈超出想象,好多天整个时间线全被覆盖,后来我就提前终止了。计划很多,有些人简略些,有些人详细些,我不知道大家有没有
  • 老公如果醒不过来炒股梦,就让他读读西游记

  • 看到一个读者的问题,她是这么说的:西风,我是你一年左右的读者。我老公炒股4年了,但是他一直给我编了一个盈利的梦,说越来越好了,可是昨天他摊牌了,借贷加利息一共有50多万,这其中有4
  • 这个中学生眼里的挣钱与民族复兴

  • 有人跟我说,为什么那天我只花了几百字去斥责那个在台上大放厥词的副教授,而花了几千字去分析那位勇敢的抢了话筒的学生的那番话。我是不是对副教授太宽容了,我是不是对学生太苛
  • 【尊享版】如何系统构建你的思维认知模型?

  • 这是 JsonChao 的第 322 期分享超友们,早上好,国庆节快乐~今天为你带来的分享是《如何系统构建你的思维认知模型?》,主要分为三个部分:第一部分:【实现爆发式成长的 10 个思维模型
  • 送你几个用起来很爽的 Studio 插件

  • Android 反编译初探 应用是如何被注入广告的这是 JsonChao 的第 325 期分享本篇文章的环境:MAC + Android Studio 2.3.31 Alibaba Java Coding Guidelines首先是安装插件:Andr
  • 急急急,寻找房产领域闪光的你!

  • 最近几天,太忙了。后台粉丝询问楼市走势的留言越来越多。直播间里面小伙伴有购房需求也开始明显增多。不止是我自己的主观感受。从一线来讲。我们顾问团队的线下咨询和带看,
  • 一键开启支付宝极速模式!微信快来学!

  • 如果你的手机内存不够大,装的软件又多,软件打开时就可能出现卡顿的情况。尤其是现在一些App占用手机空间也越来越多,更可能会出现这种情况,没错,我说的就是微信和支付宝。不过,支

热门文章

  • “复活”半年后 京东拍拍二手杀入公益事业

  • 京东拍拍二手“复活”半年后,杀入公益事业,试图让企业捐的赠品、家庭闲置品变成实实在在的“爱心”。 把“闲置品”变爱心 6月12日,“益心一益·守护梦想每一步”2018年四

最新文章

  • 微软:如何设计让用户喜爱的IP形象?

  • 关注 ▲彩云译设计▲和10万设计精英,一起共同进步最近在微软官方论坛上看到一篇关于IP形象设计的全流程文章,写的非常好,忍不住想翻译给大家看。这篇文章详细分享了国外大厂是
  • 火到不行的chatGPT,如何才能用好它?

  • 关注 ▲彩云译设计▲和10万设计精英,一起共同进步要说近期最火的东西是什么,不用我多说应该也知道,非 chatGPT 莫属了。我是一个喜欢研究新东西的人,从前面的 AI 画画,到现在火出
  • 新来的设计师没创意,还是看的太少了!

  • 作为一名设计师,你是否也曾苦恼过不知道如何提升寄几?是否也曾苦恼过做不出好创意?其实在这个信息爆炸的时代,哪里都不缺少灵感资源,只要你学会合理的利用,不断吸收设计营养都会快
  • 一套国外设计团队优秀作品集.pdf

  • 关注 ▲彩云译设计▲和10万设计精英,一起共同进步彩云在星球里给大家看作品集的过程中,经常会发现很多人不大会整理好自己项目的亮点、逻辑。有时候作品做的还挺好的,可惜逻辑
  • 一位大龄非科班女设计师,佩服她的努力和坚持

  • 关注 ▲彩云译设计▲和10万设计精英,一起共同进步今天想跟你分享星球中一位大龄+非科班+工作多年的UI设计师,在生完孩子后遭遇职业瓶颈,通过一年多的打卡坚持改变自己的故事,她