字体的价值
在界⾯设计中,字体应该是最被忽略的⼀个点,我们有图标规范,设计规范,表单,颜⾊规范等等,但是对于字体规范少之又少,除了规范苹果和安卓设计默 认那些字体,关于字体研究少之又少,很多⼈会说UI 中⽤的字体就那么几个,我们又不是做运营活动,和营销不需要了解那么多字体,早期⼯作时候,我也是这么想的,但是后⾯我发现我错了
但是字体在设计中重要程度却是越来越高,⽂字不仅是阅读形式一种,不同的字体不仅能影响排版,同时也能反应出产品的性格! 越来越多的品牌把字体设计融于品牌DNA中,在⽹易考拉改版设计中,针对中英⽂字体和整体品牌的融合。
韩国知名电商11st的视觉升级中,对于中英⽂,韩⽂国际话语言进⾏明确的规范
UBER的设计规范中,同样也对字体有着明确的要 求,英⽂字体,印刷字体,以及详细使⽤规则
越来越多的公司开始对字体在设计中运⽤进⾏规范, 今天我们一起来聊聊界⾯设计中我们如何去定义我们的字体,今天我们只聚焦UI中字体⼀些运⽤规则
字体的情感
字体是影响品牌很关键的元素,如果了解⾊彩⼼理学的同学应该知道不同的颜⾊其实有对应的⾊彩情感, 那么同样的不同字形,笔画等都也是有品牌情感的。
比如我们常⽤的⻄文常⻅字体之一,Helvetica 作为⼀ 种⽆衬线字体,整体字体笔画安全,专业,严谨广泛 适⽤于各种场合,尤其受品牌商标的偏爱, 包括 3M, 宝⻢,雀巢, 曾经的苹果等等。另外,该字体很受政府的青睐,美国税单上⽤的字体就是 Helvetica。
Roboto是为Android操作系统设计的一个⽆衬线字体 家族。该字型特点为“现代的、平易近⼈”也⼀直是安卓系统默认英⽂字体。
《机械姬》这个电影⼤家应该很熟悉,作者使⽤⼏何版型衬线字体,整体呈现科技感
《钢铁侠》电影中,整套设计来源Territorystudio团队设计的虚拟界⾯面。⾥⾯一整套虚拟界⾯,包括图 形,字体等,整体⻛格⾼度⼀致,整体字体呈现未来和科技感。
所以⼀套字体⼀定是和整个品牌DNA是相延续的,他们之前有整体品牌调性,⽽不是单独存在,就像我内⾐,看不见但是很重要,字体也是如此
中文字体
iOS和安卓都有官⽅方推荐默认字体,⻅上图,但是很多时候我们的品牌,整体设计语⾔都有⾃己独特个性化,所以有时候也需要去重新制定⼀套新的字体,那么对于这些字体,我们要如何去选择呢?
所以我们在选择字体时候,一定要根据整体品牌调性去选择最合适的字体,下⾯是一些界⾯中常⽤的中文字体,⽽且版权也⽐较容易买到
思源⿊体视觉感受:由adobe和Google 联合推出的开源字体。字体家族庞⼤,涵盖了了中⽇日韩⽤字。由⽇本设计师主导,与⼩冢⿊体⻛格上一脉相承,字体坚固稳定,字符空间均匀,整体给⼈专业,硬朗感受
微软雅黑视觉感受:是⽅正第⼀代屏显字体,也开创了中⽂屏显字体设计先河,字形略呈扁⽅方而饱满,笔画简洁⽽舒展,易于阅读,视觉感受清新和优美
冬青黑体视觉感受:字的结构是⽇本的印刷字设计与 中国用字习惯有诸多不一致的地⽅,尽管冬⻘黑体简体针对中国⼤陆⽽设计,却保留了原设计的风格,这反倒让字体显得别具风味,有个性,锤⼦系统貌似运⽤用的此款字体
⿊体-简视觉感受:⿊体字是现代汉字体系中最重要的 字体之⼀,特点:⾮常突出,⽅正、粗犷、朴素、简洁、⽆装饰、横竖笔形粗细视觉相等、笔形⽅头⽅尾、⿊白均匀,因此⾮常醒⽬,运用⼴泛。
苹⽅-简视觉感受:苹⽅是苹果新⼀代主题字,整体字体特点:专业,便捷,排版严谨,⽐比较容易识别,是苹果官⽅中⽂字体,也是⼤多数app⾸选字体
方正兰亭⿊感受:⽅正兰亭⿊系列列是微软雅⿊的延续 设计,字⾯略为缩小,字重梯度多,获得了更广泛的适用性,其中用在品牌营销中很多,它的特点:灵活多变,个性化营销字体,排版严谨,识别性高,⽐比如天猫淘宝很多营销banner规范都是运⽤的兰亭⿊,在 app中优酷的⼤标题也是运⽤兰亭⿊,属于我个⼈⽐较喜欢的⼀款字体
关于字重
字重:中文字体中字重是重要的一个概念,不同字重传递出来视觉感受完全不一样
轻字重:传递出轻盈,放松视觉感受,常配合粗的字 重使⽤,在⼀些引导⻚面,阅读⻚⾯面,说明⽂案时候使用
重字重:视觉感受庄重,严谨,很重要,常⽤在重点强调的文字,数字,引导⾏动操作点上,或者⻚面中大的标题,banner主标题等。
最后
正如前⾯开头所说,字体是设计中体现品牌很重要⼀点,字体选择⾮常重要,字体也是设计中最大量的内容,所以我们⼀定要掌握起来!