吉祥物在UI和品牌设计中到底有多强的作用? - 优设-UISDC

吉祥物在UI和品牌设计中到底有多强的作用?

2018/11/04 11240评论区

越来越多的品牌和企业开始在自家的网站和营销推广中使用吉祥物,今天的文章我们结合实例来聊一聊吉祥物的运用。

在设计的过程中,各种元素的使用始终都是服务于人,服务于信息的传达和沟通。吉祥物也是如此,它是为了更好地同用户进行沟通而诞生的一种品牌元素,设计手法。

吉祥物是什么

通常而言,吉祥物是一个角色,一个人格化的信箱,是品牌、团队、公司甚至某个公众人物形象性的代表。吉祥物在英文中是 「Mascot」,语源是法语单词「Mascotte」,意思是幸运符。

值得一提的是,吉祥物这一概念可以以人、动物为基础,也同样可以使用物体来图形化,这些被图形化的形象被视为好运的象征。这大概也是吉祥物在营销中如此之受欢迎的原因所在,因为它不仅仅帮助进行沟通和反馈,还可以满足情感诉求,同时能转化出实际利润。

△ 著名的吉祥物角色「Tony the Tiger」,是为 Kellog’s Frosted Flakes 所设计

吉祥物在体育当中运用的相当广泛,不同的球类运动当中,不同球队都有各自的吉祥物,这些吉祥物大都是以具有人类特征的动物形象出现的,它们让球队更加具有视觉辨识度,更容易和球迷产生情感联系。另外一个著名的案例是奥运会的吉祥物。每一届奥运会,东道主国家都会根据当地的文化来设计吉祥物。在体育运动中,不仅仅是团结和文化的体现,也是一项巨大的业务诉求,人们会争相购买相关的商品,以示对活动、团队或者相对应国家的支持。当然,品牌教育机构也会借助吉祥物来做这样的事情。

△ 2020年的东京奥运会吉祥物

吉祥物在营销上有着巨大的力量,而在网页设计上,同样是如此。在网页和移动端设计上,吉祥物也大放异彩。

吉祥物能如此广泛的应用,到底是因为它的哪些优势?

强化沟通

Mascot 是用户和产品之间沟通的桥梁。一方面,吉祥物作为交互的基本元素,只需要经过有针对性的调整(情绪、外观、活动等),它就能快速地向用户传达清晰的信息。吉祥物能够直接地「说出」信息,也能借助面部表情和神情动作来传达视觉提示,而吉祥物的不同形象设计,从配色到图形元素,也能将不同的感受投射到用户心里,无论是在APP 开头的新用户引导界面中,还是在用户达成成就时候的祝贺页面里。

灵活的人格化设计

目前成功的商业设计已经证明,精心设计的吉祥物能比明星之类的代言人所传递的信息更加精准有效。吉祥物能够更随意地呈现不同的特征,根据产品的需求和定位来自定义风格,能够通过视觉化的方式来传达信息,更加有效地开拓用户视野。在吉祥物的帮助下,设计师和营销专家能够创造出意想不到的方案,呈现更加奇妙的角色,实现更加脑洞大开的策划。

△ 给 Realli 所设计的LOGO吉祥物

可记忆性和高识别度

在绝大多数时候,人都是视觉动物,相比于文字我们更容易记住形象和外形。作为具有人类特征的吉祥物,它们更容易走进人的内心,用户也更加容易快速捕捉到它们的身影。由于品牌化的设计,吉祥物本身勾连了一系列相关联的信息和元素,这使得用户很容易记住大量的信息。这是一种被探索得非常清晰的内容组合模式。

一致的视觉符号

吉祥物形象化的特征,使得它可以在不同的载体上,以截然不同但是高度统一的方式来提供视觉化的呈现。吉祥物可以用作LOGO,用作界面插画、用作Banner,可以作为聊天客服,能够制作成表情和贴纸,实体化商品化,等等。

为 LunnScape 所设计的LOGO 吉祥物:

强化品牌调性,角色化呈现

对于品牌气质和调性的建立,吉祥物是不可多得的载体,这也是品牌化设计战略中重要的组成部分。自定义的角色通常可以更好地反映产品特征,它能够以更加富有创意的方式,向用户传递关键信息,严肃还是有趣,生动还是沉稳,商务还是轻松,广泛还是垂直,等等。

情感传达

虽然通常认知当中,我们会遵循逻辑和常识来控制我们的行为,但是实际决策当中,相当一部分是依赖情感诉求。吉祥物则是触发情感的重要途径之一。让界面和品牌直接和用户沟通,这样也可以以用户为中心来提供服务。

△ 为婴儿用品设计吉祥物

病毒式营销

具有原始吸引力的吉祥物还具有病毒式营销的潜质,它会显得非常受用户欢迎,更快传播,甚至衍生出新的版本,被模仿,被讨论,等等。

风格化和美化

人们对于质量和功能始终是最在意的,毫无疑问只有好东西才能给人留下最深刻的印象。在竞争激烈的今天,大家对于足够风格化、足够漂亮、能够体现价值感的东西接受度更高,而这也正是吉祥物的优势所在。

△ 用来销售儿童读物的电商网站吉祥物

最有效的吉祥物

当然,并不是只要视觉化的角色就可以用作吉祥物,吉祥物也是要符合一定的标准才行:

  • 令人难忘
  • 高识别度
  • 原创角色
  • 保持一致的设计
  • 灵活的适应性,可调整
  • 适用不同的需求和任务
  • 能兼容不同的尺寸和分辨率
  • 风格上保持协调
  • 活泼,友好

实战案例:吉祥物的品牌化设计

很多吉祥物的设计,是从 LOGO设计开始的,如果 LOGO 本身就是组合式的设计,那么吉祥物本身就可以和 LOGO 融入到一起。

比如景观设计公司 Andre 的LOGO,它的设计源头是字母标识,但是在设计过程中融入了吉祥物的角色化设计,公司选择的是一只蜂鸟。结合公司本身的业务和属性,最终在 LOGO中还融入了树叶的形象。

另外一个案例,是 Tubik 团队给 Whizzly 所设计的 LOGO吉祥物形象。考虑到主要的受众群体是年轻人,LOGO 和吉祥物本身就选择了更加活泼跳脱的猴子的形象,配色也更加明亮,情绪感染力更加明显。

实战案例:UI 中运用吉祥物

吉祥物在网页中也发挥着重要的作用,作为令人难忘的元素吸引用户的注意力,通过一致的设计,更深刻清晰地传达概念。

而 Tubik Studio 曾经专门制作过一个闹钟APP,其中对于吉祥物的运用几乎达到了极致,详细可以看这里:《可爱炸!人家的闹钟APP为何设计得如此有意思》

原文作者:Tubik Studio
优设编译:@陈子木

优设大课堂

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:https://www.uisdc.com/power-of-mascots-in-ui

发表评论 加载中....

评论加载中....

uisdc

评论区都快饿瘪了,看看我期盼的小眼神...

sketch 优设大课堂 转场动效 设计师 扁平化设计 交互设计师 界面设计 排版布局 职场 平面设计 设计师专访 素材下载 视觉设计 配色 设计流程 web前端开发 AI教程 用户体验设计 设计理论 海报设计 神器下载 字体下载 设计趋势 设计规范 psd下载 动效设计 图标设计 产品设计 logo设计 ICON 神器推荐 职场规划 App设计 字体设计 酷站推荐 交互设计 ui设计 设计师职场 优秀网页设计 用户体验 ps技巧 酷站 PS教程 网页设计 经验分享
wechat

优设官方微信

50万设计师关注

微信号:youshege

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里