腾讯设计师揭秘!QQ默认表情优化背后的设计故事
对于风格的整体优化,我们最初尝试过各种不同的可能性,比如给表情加入身体,比如去掉脸的轮廓让五官内容更突显,又或者突破尺寸的限制加强整体的表现力。希望使情绪表达更加明确和清晰。 然而,QQ默认表情具有其特殊性,它需要体积尽量小,又要保证清晰的情绪表达,并能够承载在图文混排的气泡中。因此,具有外轮廓线,省略身体的小圆脸,依然是最为合适的表现方式。而细节表达,可以在原来的基础上,加入年轻人群更易于接受的漫画式手法。 结合使用场景,延续品牌感 正式设计的过程中,需要更详尽地考虑表情的线上使用问题。比如默认表情和文字穿插排版的需求,以及表情的实际体积对视觉表达的影响。还有多种气泡的颜色适配。 此外,为了保证品牌感的延续性,我们延续了旧版本的基本色调,并结合扁平轻质感的潮流趋势重新调整了色彩和表情质感。 最终我们选择使用对比更为清晰的线条和更加明亮柔和的色彩,以求在各种不同的背景色中,都能保证表情内容的清晰。 化繁为简,组件化的设计思路 表情的设计量非常繁重和巨大,一百多个表情动态重制,保证设计的效率和统一性极其重要。 在表情设计中,我们选择了组件化的思路进行设计。针对各种面部元素,一一进行了归纳和整理: 不同类的眼部,重新整理了眼间距的整体一致性 不同类的眉部,调整了粗细的一致性 嘴部内外,牙齿,牙缝线,舌头表现的一致性 面部的表达要素,如脸颊,害羞线,手样式,黑线,水滴,青脸,进行了整合 组件化让整套表情的设计细节更加具有整体感和一致性,同时也提高了大批量设计的工作效率。同时,在许多表情的优化过程中,也可以通过替换组件尝试更多的可能性,找到最佳的方案。 设立通用规范,完善物品表情 除去黄脸部分的表情优化。由于旧版本表情缺乏完整和系统的设计规范,随着历史更替和沉淀,不可避免地在物品表情中产生了一些不太一致的细节风格。因此,在优化设计过程中,也需要重新进行风格的统一。 我们将所有物品表情统一调整成微俯视视角,规范线条粗细规则,并延续小黄脸部分的色彩基调,以保证整套表情的一致性。 写在最后 看似简单的设计,往往有更多需要挖掘的内涵。默认表情不仅需要注重视觉风格的美观和时尚,更需要深入了解每个表情的语境和时代内涵。如果只是用做图标的思路去优化表情,很容易脱离表情本身的情绪和场景。而默认表情对比于商城表情,它又需要更具有人群和场景的普适性,避免过分的夸张和个性化。 为了在多种要素中找到一个平衡,我们在设计过程中做了多次不同范围和目标用户群的市场调研,这也是默认表情设计非常重要的一环。 表情优化改版奠定了后续功能的风格基础,之后我们也将会继续完善新版本表情的体验和玩法,欢迎大家持续关注我们的设计优化,提出宝贵的意见0v0~ (编辑:云计算网_泰州站长网) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |