TikTok是全球领先的短视频平台,拥有超过十亿的用户。TikTok鼓励用户们通过短视频和直播来展现最真实的自己,因此需要一种品牌定制字体,以帮助App界面更好地承载用户创造的独特内容。
2022年,瑞士独立字体工作室Grillitype开始与TikTok合作,打造一套可在所有媒介中运行的字体系统——既适用于App内部,也用于品牌和市场传播。
新字体将作为品牌的整体解决方案,体现TikTok致力于成为发现与自我表达之地的愿景。![]()
打造TikTok的新字体
在一个新术语不断诞生的App应用中,最自然的设计起点就是品牌自己的语言。Grillitype与TikTok共同制定了项目简报,确立了具有鲜明个性的字体识别系统,核心在于创意的自我表达。这也意味着从App原有字体中脱离出来,与创作者的能量更加一致。![]()
从总体概念出发,Grillitype确立了几项关键设计元素,并贯穿于整个字体的开发过程:锐利的设计线条与个性鲜明的细节,共同构成了全新字体“TikTok Sans”。![]()
![]()
![]()
可变字体轴
TikTok Sans分为两个子系列:品牌版本(Brand)用于品牌与营销需求,文本版本(Text)则针对用户界面进行优化。作为可变字体,TikTok Sans包含四个轴:字重、光学尺寸、正斜体轴,以及“深色模式”轴。![]()
TikTok Sans的字重涵盖从Light到Black,表现力极广。光学尺寸轴能根据字级自动调整,小字更实用,大字更有表现力。正体与斜体之间可无缝过渡,非常适合动画或广告应用。而“深色模式”轴则针对暗色背景下的视觉优化进行了细调,避免文字在夜晚浏览时显得过重或模糊。![]()
从标题字体开始
再进入正文字体
所有的定制字体项目都从标题字体(Display)开始。这个阶段重在概念驱动,强化品牌表达并引领未来方向。一旦确定品牌调性,就可以继续优化小字号的实用性。https://wxa.wxs.qq.com/tmpl/mo/base_tmpl.html
TikTok Sans的设计充满活力,贴合用户特性,也呼应App不断变化的使用场景。其Display与Text两个子系列,共同维系了应用内外一致的品牌字体系统。
![]()
独特细节
TikTok Sans的怪趣细节赋予字体一种前卫的科技气息。字形中包含一些传统字体设计中不常见的处理方式:比如小写字母“a”的右下角是直线收尾,“j”有锐利的下行笔画,“Q”的尾巴也不走寻常路;斜笔画字母(如VW)的交汇处为扁平的宽角,并在字怀(counter)中做了切割。![]()
简化字形
多数字母采取更亲和的造型:比如“G”省去了右下角的小钩(spur),“u”没有加上字干(stem)。这种简化轮廓的方式,传递出轻松随和、不多余的功能感。![]()
百万级的浏览计数
数字是TikTok界面的重要组成部分。TikTok Sans的数字也采用了简化结构,舒展的开口与宽大的字怀,确保极佳的可读性。![]()
面向全球用户
TikTok Sans支持拉丁语、斯拉夫语(西里尔字母)和希腊语三大文字系统,共576种语言。每款字体共包含1,152个字符,涵盖重音符号、标点和特殊字符,其中西里尔与希腊语版本由母语字体设计专家协助开发,确保精准而自然。最终,一套能真正服务全球创作者与用户的字体系统诞生了。![]()
评论区见
TikTok是一个移动优先的平台,这一点在设计方向上必须高度重视。TikTok Sans的文本版本在字母宽度上偏窄,同时字距充裕,这样能在不占用过多横向空间的前提下,保持小字号的可读性,非常适合移动设备窄屏环境。
文本版本采用了较高的x字高,并配合一系列光学调整,使App内文字更加易读、易互动。光学轴尤其关键,它提升了字体在界面上的功能表现力,又不牺牲可读性。![]()
就像重新摆了家具
用户每天花数小时使用App,哪怕是细微的视觉变化也可能引起注意——就像家里的家具被稍微移动了一点点,总会让人觉得“哪里不一样了”。不过时间一久就会适应。
字体是构建品牌识别与性格的核心元素。从富表现力的品牌字体,到精致功能性的界面字体,字体能为整个品牌系统注入一致的个性。我们早已习惯平淡无奇的UI字体,但那其实并不必要,也不一定是最好的。TikTok的这套字体告诉大家,大型App也完全可以通过字体风格展现自我,从而塑造与众不同的视觉形象。![]()
![]()
下载地址
英文版
https://www.uied.cn/95889.html
中文版
https://www.uied.cn/38434.html
