表情设计｜创造元宇宙，像素游戏化表情包设计-技术圈

▲点击"三分设"关注，回复"社群"加入我们

欢迎来到专业设计师学习交流社区

三分设｜连接知识，帮助全球 1 亿设计师成长

作者：腾讯GLDesign

编辑：张梦如

共 2108 字 22 图预计阅读 6 分钟

“像素是一场与时空美丽的邂逅，跨越年代依旧经典。”

小时候的街机、掌机是否让你回味无穷。接下来带你一起回忆童年乐趣，感受 80、90 年代。

前期分析

几个月前企鹅电竞迎来了一年一度的大型主播竞赛活动-宠粉节，本次宠粉节的主视觉“像素风”深入人心，我们决定基于宠粉节像素游戏化的基调衍生出一套新的表情包，用像素诠释有趣，满足平台的游戏化定位，承载用户的更多情绪表达。

设计关键词提炼

目前表情包素材的使用场景主要在微信平台和官方微博的宣发，以及平台直播间的守护表情及直播框装修图等地方，所以大部分是平台内 15-28 岁的年轻用户层，他们影响着表情包的内容和情感偏向。那么，什么样的表情是用户最想要表达的呢？

我们通过调研发现，用户对于情绪的表达会很夸张，甚至会有一些微表情，相比用户有意识的表情反馈，微表情更能体现用户真实的感受和动机，他是一种情理之中却又意料之外的反馈；而企鹅电竞平台以男性用户为主，多为游戏控，内心都有着一个“电竞梦”，偏游戏化的直播话题梗以及黑话会更让人引起共鸣。

表情内容定位

通过以上的分析提炼出的关键要点我们开始多维度发散出更多的表情内容偏向，包括情绪正负向、平台特色、游戏梗、网络流行等，同时也会借鉴一些具有热度的表情图进行 redesign 尝试；

然后通过四象限图（表情的情感偏向、表情活力度）平衡出整套表情包的内容情感占比，以满足用户的完整情感表达需要，最终确认表情包的内容走向。

像素表情包制作

1.像素表现

像素，不仅仅是简单的矢量绘图，它需要在原有图形的基础上加以提炼，重塑，进而产生新的视觉。通过尝试多种像素格下的造型方案，根据小方鹅造型弧度的特点（稍扁一点的圆角弧度），将像素格呈现 12121 的规律排列，就能从视觉上模拟出相似的弧度造型，最终我们确定了还原度高且质感适中的像素方案。

2.统一视觉设定

在确定像素造型统一基调后，基于表情包主要在微信端呈现，整体的颜色识别上做了统一；

因为小方鹅的整体颜色偏黑白灰一点，在表情动态呈现上会不那么出彩，为使画面变得更加生动有趣，我们决定在设计中统一加入彩色粒子方块去丰富画面，粒子的配合使表情有了更丰富的情绪，画面效果才会显得活泼。

3.动态创意表达

以“造作呀”表情为例，这是一种趣味化的尝试，灵感来自于长鹅（谐音嫦娥），通过左右摇摆的变形姿态表现出魔性的感觉，增加吞吐的细节和彩色方块粒子飘带使整个动态更加和谐以及趣味性拉满。

YYDS 是游戏直播出圈的热词，在动态创意表达的时候需要结合当下情景表现出钦佩和称赞的感觉，从最开始的文字出场形式过于陈旧，到结合 ip 小方鹅竖起大拇指的动态，反复优化过程其实不太明显，经过反复思考之后打破了之前的固有想法，以一种偏潮流的环形文字展现，弱化文字部分，突出了“ yyds ”的表达状态，形式上也会眼前一亮。

我们会发现整套表情中能够连接起一个游戏的过程场景，爱打游戏的嘴强王者小方鹅进入到游戏的世界里，运用游戏道具，发动技能，获得胜利，直到游戏的结束，这是表情游戏化的体现。

当然在设计表情动态过程中，每一个动态会想得很细致，比如“嗨到起飞”，从出场到飞上天的完整过程，最后整体对比斟酌后会发现丢失掉表情整体的统一性，以及画面留白效果；“老虎机”的三连心效果会因为时长问题而显得表情过慢。所以说做出一套整体统一性强且精细的表情包是一个需要不断打磨优化的过程。

彩蛋：那些设计没有选中的表情包

基于整体统一性、画面和谐度、惊喜感以及趣味性等方面考量，飞机过一些有意思的表情包，放出来一起感受一下；

下面是整套表情包的精选方案：

‍

总结

本次像素表情包设计在像素游戏化的基调上诞生了很多有趣的表情，其中“造作呀”最受周边同学的喜欢，特别魔性且应用性广，还包括“嗨到飞起”“ BOOM ”“ YYDS ”等，获得了大家的一致好评。当然这次项目最重要的收获还是对小方鹅IP游戏化场景的定位探索获得了进步，用像素概念诠释了出来，效果还是不错的，作为设计师我们还需要持续深耕小方鹅 IP 品牌建设，为产品赋能提升更大的品牌影响力。

— The end —

📚 原创文章精选📚

看 Apple CarPlay 如何提升驾驶安全和驾驶体验

游戏新手指导怎么做？一起看看《对马岛之魂》如何打造初次对抗体验

制定 “小目标”，了解产品管理中的结构化思维

35+ 的 Windows 系统到底有什么了不起？细数系统界面设计的演变

导师与学员的高效交流 APP 设计 —— Lightship

🙋 我们一起聊设计 🙋‍♂️