广受欢迎的百度Emoji表情包设计经验总结分享
当年我最喜欢的三大表情:滑稽、阴险、喷水,可以说是灌满了整个贴吧的回忆了,非常具有代表性。就连微信里的这个,也是借鉴了滑稽这个形象。
近期,百度设计师对这些Emoji表情,进行了逐个更新。其次还整理了一套通过制作五官组件,来设计表情 Emoji 的经验与方法。
所以接下来,我就来带大家一起看看,百度设计师总结的经验,喜欢研究图标、质感的同学,本文建议提前收藏!!
百度表情包背景
背景挖掘 设计思路探索
Emoji design
通过查看数据发现,使用量前十的表情多为正向和有内涵的表情。
百度特有的“ 滑稽 ”表情使用量远远大过其他表情,而部分表情使用量甚低,差距巨大,那这些低热度的表情为何悬殊如此大,为此我们展开了用户访谈。
通过访谈,我们倾听到了不少的用户原声,经过汇总归纳,我们总结出以下一些问题点:
随之,根据这些问题点,我们就可以对其进行拆解。通过设计手段及策略,来创造一些解法,提升表情的使用率以及均衡使用程度。
Emoji 面部表情归纳
设计驱动 解题思路探索
Emoji design
1)视觉风格探索
通过象限图和线性时间轴,观察主流竞品。我们可以发现大部分国内的表情设计的夸张程度远大于国外。流行的表情主要有两种性格:“贱”和“萌”,几乎均分天下。再看第二张图,可以发现国外表情的设计趋势:质感越来越强,表意也更加夸张。
结合业务场景,我们也做了许多图形的发散创新尝试,比如与小度机器人、评论icon结合等。为了增强表情感染力,尝试给表情加入身体,又或者突破圆形加强部分五官表现。
然而,因使用场景较多,当混排在文字中时,表情较小,很多细节模糊。我们需要规整的图形,也需要更具灵魂的表情,所以最终选取最能承载的圆脸,把重点聚焦在具体五官的设计上。
我们还通过对质感进行多个层级的尝试,从弱到强。
最终,结合竞品调研和趋势分析,我们选用有质感的一种,并加了一层描边的效果,使得表情保留精致的同时又可以多场景的清晰展示。在表情底板上加了一层投影,加强质感和层级感。
2)表情表意
在表情的设计上,我们加大了五官的比例和更多细节,表情更夸张、含义更明晰、更有代入感。尤其对于一些使用量较低和较重复的表情,重新设计,如此可以挖掘冷门表情的潜力。
把表情融入场景感,强化表意。结合漫画的设计语言,增加用户熟悉感。
3)新增流行语表情
另外根据流行语,我们还增加了一些新的表情,与时俱进,更满足用户对于社交自我表达情感的需要。
4)节日表情
节假日期间新增节日表情,增强互动区氛围。从2019年开始新增节日表情设计,共计覆盖全年10个节假日。
Emoji 五官组件制作
经验沉淀 组件的制作与复用
Emoji design
180+的表情设计,效率和统一性尤为重要,因此我们对表情进行归纳和整理成组件:以五官和附加元素为划分维度。
五官:以眼睛、眉毛、嘴、牙、舌头等元素分类。
比如眼睛又可分为14类,根据是否有眼珠、眼白、高光、眼睛形状(月牙眼、平眼、斜眼和星星眼等)为标准,进行归纳与组件复用。
PS:图片是高清的,可以点击下方图片,放大查看。
附加元素:分为三大类,情绪、氛围和道具。
情绪元素,对眼泪、汗、口水、弱眼泪/口水、红晕等进行归纳,统一设计表现,如眼泪和口水都采用哑光的形式,与底板设计语言统一。
这样组件化的方式,即保证了设计语言一致性又高效的完成大批表情的铺设。
PS:图片是高清的,可以点击下方图片,放大查看。
Emoji的排序设定
180+的表情,为了便于用户更快的找到想要的表情,减轻压力。我们对表情进行了排序,按照表情情绪(喜怒哀乐)和手势聚类。
为增强用户记忆点,更容易定位表情。我们利用视觉锚点,在长列表情中排入深色系、红色系的聚类。
设计小结
表情设计注重的不仅仅是好看的皮囊,更重要的是Ta的内在、Ta的灵魂,这才是触达用户的点。设计表情其实是一个讲故事的过程,每个表情就像抓拍到的最美瞬间,背后都有自己的专属live,等待你来续写。
相关阅读推荐:
原文来自:百度MEUX微信公众号
全站高品质素材免费下载!