项目案例｜企鹅电竞品牌字体设计之路
共 2806字，需浏览 6分钟
·
2021-06-22 19:44
一. 字体设计的背景
平台定位的转变
企鹅电竞初期的定位是移动电竞内容平台，为玩家提供移动电竞的一站式体验，包括有赛事、直播、视频等内容。而随着业务的壮大，企鹅电竞已经发展为以游戏直播内容为主，泛娱乐多元化发展为辅，游戏兴趣同好的聚集地和优质内容提供平台。平台在字体的运用上也随之需要做品牌的升级和转变。
IP 形象的诞生
而基于产品定位，建立了以 IP 形象为核心的具有情感化的品牌印象，提升用户的认知和品牌的传播力，丰富了平台多元化内容的情感化传达。配合 IP 形象，急需一套规范的字体帮助 IP 的语言、情感与行为的表达。
杂乱的字体运用
总结线上各处字体的运用发现如下几个问题：
1 .字体风格杂乱，没有一个统一的字体，未能形成一个主导的字体方向；
2 .在相同场景下，例如平台的功能模块，字体的风格没有扩展性；
3 .品牌感知弱，没有形成风格。除此之外，没有统一的字体指导下，极大的降低了审核合作方设计输出的审核效率。
不难发现平台在玩法、运营活动、线下推广等的字体运用杂乱没有统一的标准。而字体设计的规范运用，其最大优点在于更好地辅助整合平台品牌系统，并满足不同的场景需求，使所有玩法及运营活动在文字素材的运用达到统一；并且可有效提高设计效率，减少审核时间，避免出现盲目设计情况出现。
二. 字体设计的方向
根据平台定位的转变、 IP 形象的建立、杂乱的字体运用三个背景下，推导出符合平台字体设计的指导方向，分别为 独特性 -- 符合平台定位与 IP 形象的特征，统一性 -- 统一字体的规范运用，适用性 -- 适用于平台所有玩法及运营活动。
以品牌定位及 IP 形象的特征，结合字形的重心、字重、中宫、字怀、字面和细节 6 个维度来来确立字形的基本风格。重心平稳的字体重心；笔画较粗的字重特点；中宫偏紧的中宫特点；留白少的字怀；正方形的字面；笔画特点为断线、斜切。
三. 字体设计的执行
设计元素
在执行之前找到与字体设计方向相符的参考字体和搭建好基础的框架，让字体设计达到事半功倍的效果。分析字体库里的各种类型的字体发现锐字锐线怒放黑简，字形方正，中宫饱满，笔画较粗有力度，正符合平台字体设计的方向。
划定一个由 100 : 100 (宽 : 高) 为基本单位的网格，助于安排间架及笔画位置的米字框和辅助控制空间比例以及收笔的井字框来组成一个字形设计的基础框架。
笔画特征
在确定好参考字体和划定网格之后，在参考字体基础上添加具有平台特征的笔画特征，并延展到各种笔画表现上。
这里分成了基础笔画以及特殊笔画，基础笔画里的横、竖绝对的水平跟垂直，点、撇、捺则根据倾斜度选择横、竖粗细和笔画始末水平、垂直切平。根据笔画的书写习惯，撇的笔画单独增加了微弯曲的样式选择。遇到复杂字体时 (看、删等) ，根据参考字体分析主干和次干决定粗细。
特殊笔画里根据笔画的结构特征，统一规范好笔画角度及特征。把竖提的 “提” 角度保持在 12 度，竖钩的 “钩” 垂直转折，斜钩和竖弯钩的 “钩” 角度保持在 75 度，横折弯 (横折提) 则简化了 “弯 (提) ” 笔画，改成垂直转折。
除此之外，为了减弱笔画的这种硬朗、尖锐的感觉，在笔画的始末与外转折处增加 2 单位的圆角。
设计步骤
明确了设计元素与笔画特征之后，在参考字体的字形基础上和划定的基础字框中调整字形骨架，水平缩放约 92% 至饱满状态，让字形能合适的放置在字框中。以梳理的笔画粗细和笔画特征，进行字体基础骨架搭建。一般情况下，每个字体的 “竖” 都会比 “横” 略粗 1 pt。
字形骨架调整好之后，在适当的笔画接缝处增加 3pt 的间距和笔画的始末处增加 2 pt 的圆角，以增加与 IP 形象相符的特点。
添加完笔画细节后再整体调整字体重心、笔画空间和粗细。
字体库
创建企鹅电竞字体库，累积尽可能多的字，减少在字体设计上的工作量。
为了满足更多场景的运用，在普通版本的基础上，增加识别性更强，更具适用性的细体版本，适用于正文、说明文等次级的辅助场景。
四. 字体设计的表现
平台玩法运用
那么有了这个字体设计的规范，在平台玩法上怎么去运用？首先，按照规范输出字体的基础形，然后根据玩法的风格提取图形、颜色等元素，结合基础形输出字体设计。既有玩法的属性，也有属于平台的的品牌感。
以这个方式，我们运用在平台里所有的玩法及功能标题，形成一套有规范的字体设计，不但提高了输出效率，而且增加了平台品牌系列感。
节日活动运用
在节日的闪屏中增加品牌字的运用，一方面辅助品牌形象小方鹅的情感表达，另一方面形成一套具有小方鹅品牌感的推广素材。
线下周边运用
除了线上玩法及运营活动外，线下的活动中也运用了品牌字体，使企鹅电竞在运营和线下推广等维度上具有品牌字体的统一性。
小结
平台字体设计与一般字体设计不同，不但要替品牌说话，传达品牌特征，还需要根据不同的功能、场景、用途等做适应性的设计，也就是说平台字体设计更像一个具有品牌特征的基础字体包，为品牌的表达打好基础。
平台字体设计不是一蹴而就的，而是会根据使用功能、场景、对象、用途等，不断磨合、优化，最终达到最优解。
超值课程推荐
原创好文推荐
Web Vitals —— 谷歌的新一代 Web 性能体验和质量指标
想要引导用户行为转化，设计师必须深刻理解这 4 个认知心理学理论
让设计圈一片哗然的 Google 新 logo 到底出了什么问题？国外的设计专家这么说
如何系统的增强用户粘性，提升产品转化率？你要懂得“行为设计学”
设计新趋势「玻璃拟态」到底是什么？这里有一份实现效果的详细教程
如何将设计系统快速的从 Sketch 切换到 Figma？这里有 6 个需要注意的关键点
欢迎大家关注三分设，每天分享优质设计、创意灵感、新知新识，定期大咖老师直播分享，零距离连麦，答疑解惑。
