表情设计|创造元宇宙,像素游戏化表情包设计三分设共 2407字,需浏览 5分钟 ·2021-12-17 14:05 ▲点击"三分设"关注,回复"社群"加入我们欢迎来到专业设计师学习交流社区三分设|连接知识,帮助全球 1 亿设计师成长作者:腾讯GLDesign编辑:张梦如共 2108 字 22 图 预计阅读 6 分钟“像素是一场与时空美丽的邂逅,跨越年代依旧经典。”小时候的街机、掌机是否让你回味无穷。接下来带你一起回忆童年乐趣,感受 80、90 年代。前期分析 几个月前企鹅电竞迎来了一年一度的大型主播竞赛活动-宠粉节,本次宠粉节的主视觉“像素风”深入人心,我们决定基于宠粉节像素游戏化的基调衍生出一套新的表情包,用像素诠释有趣,满足平台的游戏化定位,承载用户的更多情绪表达。设计关键词提炼目前表情包素材的使用场景主要在微信平台和官方微博的宣发,以及平台直播间的守护表情及直播框装修图等地方,所以大部分是平台内 15-28 岁的年轻用户层,他们影响着表情包的内容和情感偏向。那么,什么样的表情是用户最想要表达的呢?我们通过调研发现,用户对于情绪的表达会很夸张,甚至会有一些微表情,相比用户有意识的表情反馈,微表情更能体现用户真实的感受和动机,他是一种情理之中却又意料之外的反馈;而企鹅电竞平台以男性用户为主,多为游戏控,内心都有着一个“电竞梦”,偏游戏化的直播话题梗以及黑话会更让人引起共鸣。表情内容定位 通过以上的分析提炼出的关键要点我们开始多维度发散出更多的表情内容偏向,包括情绪正负向、平台特色、游戏梗、网络流行等,同时也会借鉴一些具有热度的表情图进行 redesign 尝试;然后通过四象限图(表情的情感偏向、表情活力度)平衡出整套表情包的内容情感占比,以满足用户的完整情感表达需要,最终确认表情包的内容走向。像素表情包制作 1.像素表现像素,不仅仅是简单的矢量绘图,它需要在原有图形的基础上加以提炼,重塑,进而产生新的视觉。通过尝试多种像素格下的造型方案,根据小方鹅造型弧度的特点(稍扁一点的圆角弧度),将像素格呈现 12121 的规律排列,就能从视觉上模拟出相似的弧度造型,最终我们确定了还原度高且质感适中的像素方案。 2.统一视觉设定在确定像素造型统一基调后,基于表情包主要在微信端呈现,整体的颜色识别上做了统一;因为小方鹅的整体颜色偏黑白灰一点,在表情动态呈现上会不那么出彩,为使画面变得更加生动有趣,我们决定在设计中统一加入彩色粒子方块去丰富画面,粒子的配合使表情有了更丰富的情绪,画面效果才会显得活泼。3.动态创意表达以“造作呀”表情为例,这是一种趣味化的尝试,灵感来自于长鹅(谐音嫦娥),通过左右摇摆的变形姿态表现出魔性的感觉,增加吞吐的细节和彩色方块粒子飘带使整个动态更加和谐以及趣味性拉满。YYDS 是游戏直播出圈的热词,在动态创意表达的时候需要结合当下情景表现出钦佩和称赞的感觉,从最开始的文字出场形式过于陈旧,到结合 ip 小方鹅竖起大拇指的动态,反复优化过程其实不太明显,经过反复思考之后打破了之前的固有想法,以一种偏潮流的环形文字展现,弱化文字部分,突出了“ yyds ”的表达状态,形式上也会眼前一亮。我们会发现整套表情中能够连接起一个游戏的过程场景,爱打游戏的嘴强王者小方鹅进入到游戏的世界里,运用游戏道具 ,发动技能,获得胜利,直到游戏的结束,这是表情游戏化的体现。当然在设计表情动态过程中,每一个动态会想得很细致,比如“嗨到起飞”,从出场到飞上天的完整过程,最后整体对比斟酌后会发现丢失掉表情整体的统一性,以及画面留白效果;“老虎机”的三连心效果会因为时长问题而显得表情过慢。所以说做出一套整体统一性强且精细的表情包是一个需要不断打磨优化的过程。彩蛋:那些设计没有选中的表情包基于整体统一性、画面和谐度、惊喜感以及趣味性等方面考量,飞机过一些有意思的表情包,放出来一起感受一下;下面是整套表情包的精选方案:总结 本次像素表情包设计在像素游戏化的基调上诞生了很多有趣的表情,其中“造作呀”最受周边同学的喜欢,特别魔性且应用性广,还包括“嗨到飞起”“ BOOM ”“ YYDS ”等,获得了大家的一致好评。当然这次项目最重要的收获还是对小方鹅IP游戏化场景的定位探索获得了进步,用像素概念诠释了出来,效果还是不错的,作为设计师我们还需要持续深耕小方鹅 IP 品牌建设,为产品赋能提升更大的品牌影响力。— The end —📚 原创文章精选📚告别加班!使用设计系统方法更快地构建产品如何评估设计质量,提升设计技能你常常忽略的 7 个具有破坏性的体验鸿沟一篇文章告诉你服务设计到底能做什么?看 Apple CarPlay 如何提升驾驶安全和驾驶体验游戏新手指导怎么做?一起看看《对马岛之魂》如何打造初次对抗体验制定 “小目标”,了解产品管理中的结构化思维35+ 的 Windows 系统到底有什么了不起?细数系统界面设计的演变导师与学员的高效交流 APP 设计 —— Lightship🙋 我们一起聊设计 🙋♂️高质量,学设计行交流微信群期待与更多优秀用户体验设计师一起成长PS:欢迎大家关注三分设,每天早上9点,准时充电。分享优质设计、创意灵感、新知新识,定期大咖老师直播分享,零距离连麦,答疑解惑。 添加小小虫微信号【 Lil_Bug 】,备注【 三分设 】加入!(只面向星标了公众号三分设的粉丝) 浏览 139点赞 评论 收藏 分享 手机扫一扫分享分享 举报 评论图片表情视频评价全部评论推荐 动画角色设计 : 造型 表情 姿动画角色设计 : 造型 表情 姿0金馆长表情包金馆长表情包0创造游戏宇宙创造游戏宇宙0创造游戏宇宙创造游戏宇宙0表情表情0元宇宙·设计科学·趋势Mix Lab味知实验室0ChineseBQB中国表情包大集合ChineseBQB 是一个表情包目录(共收录3982张表情包)。Howtogetanstickerpackage?/如何获取表情包?GetthesectionwiththeChromeextensiChineseBQB中国表情包大集合0ChineseBQB中国表情包大集合ChineseBQB 是一个表情包目录(共收录 3982 张表情包)。How to get an sChineseBQB中国表情包大集合0游戏设计游戏设计0杀死表情包重制版杀死表情包重制版0点赞 评论 收藏 分享 手机扫一扫分享分享 举报