视觉设计 » 表情设计与优化(雪球APP表情设计升级过程)

表情设计与优化(雪球APP表情设计升级过程)

发表于: 视觉设计. 评论
Sponsor

在社区平台语境里,表情无疑是很重要的组成部分。一套丰富且定位准确的表情可以帮助用户更清晰地表达自己的感受,增进沟通的准确性,同时增添社交互动的趣味性,拉进用户之间的距离。带有平台特性的表情更能彰显平台自身的独特性。

雪球作为金融社区平台,表情自然也是重要的元素。我们通过数据调研,发现雪球社区互动中表情的渗透率达到18%,表情的使用率比较高。而现有的表情年久失修,存在几个比较明显的问题,首先视觉风格陈旧辨识度低;再有,表情中原本存在一些股票梗的表现力较弱,画风不够有趣。第三,雪球诞生了新IP“呦呦”,非常适合在表情中应用来推广雪球品牌特性。

基于以上背景我们展开了对于表情翻新改版的项目。

表情设计与优化(雪球APP表情设计升级过程)

现状&问题

通过对当前状况进行系统梳理,我们发现了一些存在的问题。

表情设计与优化(雪球APP表情设计升级过程)

1.设计风格陈旧,不易识别表现力弱:

目前线上雪球表情风格老旧,视觉表达不符合当下设计潮流趋势;由于表情是白色在行文中表现力不足且不易被用户识别,因而趣味性表达的作用不够凸显。

表情设计与优化(雪球APP表情设计升级过程)

2.缺乏股票基金场景的情绪表达

社区场景中有大量的股票基金的讨论和相关内容的情绪表达,而目前表情体系中缺乏此类表达或表达不够生动。

比如「关灯吃面」和「割肉」,在行文中一眼能识别到视觉主体是表情脸,而“吃面”和“割肉”的语义没有生动的体现出来;还比如「跳水」又太具象和写实,少了表情的趣味性。

表情设计与优化(雪球APP表情设计升级过程)

3.没有将雪球的新IP融入表情

雪球诞生了新的IP“呦呦”,表情的体系非常适合融入IP向的内容,将IP表情化也更利于IP的推广和品牌的传播。

表情设计与优化(雪球APP表情设计升级过程)

表情设计与优化(雪球APP表情设计升级过程)

视觉风格探索

1.雪球用户特征

设计风格需要根据平台用户特征进行确定。开始设计之前,我们先看看雪球用户大概是什么样的。

表情设计与优化(雪球APP表情设计升级过程)

雪球的主要用户为男性且集中在30-50岁左右,所以在视觉表现上尽量避免女性化或低龄化的风格。

2.视觉风格探索

风格确定

旧版的表情苍白,虽然细节很多但在行文中难以识别,本次改版重要任务之一是改版新的视觉风格。emoji是最被用户熟知的表情体系,我们决定新版向传统黄脸emoji表情靠拢。大方向定了,但还需要确定视觉感受符合雪球的emoji。最后在两种视觉风格中我们选择了视觉感受偏中性、风格扁平的这个方向,这个风格和雪球用户特征更契合。

表情设计与优化(雪球APP表情设计升级过程)

提升辨识度

表情在交流中作为非文字的“语言”,其辨识度至关重要。表情在行文中的尺寸相对较小和单个文字差不多,那么如何保证在文字中依然能一眼读懂表情?

在对表情整体风格的把控下,需要通过对细节的打磨和反复实验,得出更有辨识度的设计方案。保持视觉扁平,尽量使用简洁的几何图形,加强颜色对比度,减少颜色数量,放大表情特征。通过以上手段有效的提升了表情的一致性和在行文中的辨识度。

表情设计与优化(雪球APP表情设计升级过程)

表情设计与优化(雪球APP表情设计升级过程)

发现股民讨论语境下的“梗”

本次表情升级除了对现有表情进行改造升级,还针对雪球社区特色进行挖掘。

1.挖掘“梗”

前面我们说到雪球用户是集中在30-50岁左右的男性,那么这类人群在社区中有怎样的表达特点呢?

通过观察我们发现,在面对股市的波动和不确定性,雪球用户更喜欢用幽默诙谐的论调来调侃市场以宣泄心中的无奈和负面情绪,同时在波动面前展现出一种坚韧和自嘲的心态。我们可以在这种“戏谑调侃”中挖掘可以视觉化的情绪和表情。以此作为本次表情升级的一个重要方向。

戏谑调侃的表情有哪些呢?我们挖掘了当下网络社交流行的表情包和热词。回想一下我们是否也经常使用类似“地铁老人看手机”“黑人问号脸”等网络热图来表达内心的复杂情绪呢。

表情设计与优化(雪球APP表情设计升级过程)

在变幻莫测的股市中,面对现实的无力和不确定,祈福求平静成了股民表达情绪舒缓心情的一种方式,比如“敲木鱼”“祈求大涨”等仪式感的情境以表情的方式呈现,也能一定程度上引起用户的共鸣。

表情设计与优化(雪球APP表情设计升级过程)

2.让表情“淋漓尽致”

  • 微表情尽显“内心戏”

一个表情里往往蕴含不只一种情感,短暂而难以察觉的面部变化最能传达个体真实的情感状态,一个眼神、嘴唇微动等细微变化,常常表达出个体内在的真实状态。

在设计“大哭”这个表情时,我们挖掘到大哭背后可能是某种“绝望”,那么观察下人们绝望时最大的面部特点是不是空洞的眼神和僵硬的脸?用这样的微表情和大哭结合在一起,感受大哭情绪的同时也传递了绝望的内心戏。

表情设计与优化(雪球APP表情设计升级过程)

  • 赚了、亏了一目了然

股票社区中涨跌是永远的话题,市场的涨跌背后牵动着的是股民们真金白银的账户。“亏大了”和“暴富”这两个表情很生动的表达了用户盈亏的两种处境,但原有表情的视觉表达过于保守和隐晦。要让用户一眼看到就产生共鸣,红绿色是最直观的涨跌信号,我们把这种语义和表情结合,“亏大了”除了表情沮丧还得加点绿色烘托氛围,“暴富”的喜悦中再加上红包加持情绪。

表情设计与优化(雪球APP表情设计升级过程)

  • 戏剧化表达

在某些极端情绪上我们还尝试打破旧表情的禁锢,用更加生动夸张的方式呈现。比如“绝望”,只靠面部表情似乎无法充分的表达,所以我们营造了简单的环境和肢体动作, 一个瘫在墙角双目无神的小黄脸,绝望的形象跃然纸上。

表情设计与优化(雪球APP表情设计升级过程)

3.股票专属“梗”

雪球社区里有一些独特的表情,比如“关灯吃面”,它是雪球老用户传承的经典梗;还有诸如跳水、割肉、抄底、满仓等股票术语梗也颇受欢迎。升级优化这类表情的同时我们小开脑洞在原有基础上增加了“好基友”等新梗,让股民表达更丰富有趣。

表情设计与优化(雪球APP表情设计升级过程)

表情设计与优化(雪球APP表情设计升级过程)

IP表情化

去年雪球诞生了自己的IP“YOYO”,此次表情升级正好可以将IP表情化,在平台应用和传播。

YOYO所代表的品牌语义

1.福禄寿:因其原型是驯鹿,取福禄寿之意,代表财富;

2.温暖陪伴&服务感:驯鹿具备天生的陪伴和服务感,与雪球强调的品牌服务感相契合。

表情设计与优化(雪球APP表情设计升级过程)

YOYO品牌语义表情化

根据YOYO的两种品牌语义,我们分别开脑洞。

哪些意向和财富相关呢?我们找到“锦鲤”“招财猫”“金元宝”,这些元素和表情相结合形成财富类表达;那么陪伴和服务感我们使用“抱抱”、“打call”这类温暖鼓励意向的肢体语言来和YOYO结合传达。

表情设计与优化(雪球APP表情设计升级过程)

最后

表情设计与优化(雪球APP表情设计升级过程)

此次表情改版我们不仅从视觉和交互体验角度进行优化升级,还通过挖掘平台特征、用户特征来探索表情更丰富的表达和更深层语义。通过本次升级希望助力雪球社区的互动性、丰富性、趣味性。引发用户共鸣和更积极的互动,建立更强大的社区链接。

内容指导 | @Zway @默默
内容写作|@洁洁
排版编辑&优化 | @丸子
作者:雪球设计中心XDC(xueqiudesign.zcool.com.cn)
来源:站酷

赞助商链接
赞助商链接
设计达人微信交流社区:shejidaren888
喜欢这篇文章吗?欢迎分享到你的微博、QQ群,并关注我们的微博,谢谢支持。
版权:除非注明,本站文章均为原创文章,转载请联系我们授权,否则禁止转载。

{ 发表评论 }