界面设计中的字体-中文字体

字体的价值


在界⾯设计中,字体应该是最被忽略的⼀个点,我们有图标规范,设计规范,表单,颜⾊规范等等,但是对于字体规范少之又少,除了规范苹果和安卓设计默 认那些字体,关于字体研究少之又少,很多⼈会说UI 中⽤的字体就那么几个,我们又不是做运营活动,和营销不需要了解那么多字体,早期⼯作时候,我也是这么想的,但是后⾯我发现我错了

网易易考拉品牌升级明确规定了中英⽂文字体运⽤范围

但是字体在设计中重要程度却是越来越高,⽂字不仅是阅读形式一种,不同的字体不仅能影响排版,同时也能反应出产品的性格! 越来越多的品牌把字体设计融于品牌DNA中,在⽹易考拉改版设计中,针对中英⽂字体和整体品牌的融合。

韩国知名电商11st的视觉升级中,对于中英⽂,韩⽂国际话语言进⾏明确的规范

11st视觉更新规范

UBER的设计规范中,同样也对字体有着明确的要 求,英⽂字体,印刷字体,以及详细使⽤规则


越来越多的公司开始对字体在设计中运⽤进⾏规范, 今天我们一起来聊聊界⾯设计中我们如何去定义我们的字体,今天我们只聚焦UI中字体⼀些运⽤规则

字体的情感

字体是影响品牌很关键的元素,如果了解⾊彩⼼理学的同学应该知道不同的颜⾊其实有对应的⾊彩情感, 那么同样的不同字形,笔画等都也是有品牌情感的。


  比如我们常⽤的⻄文常⻅字体之一,Helvetica 作为⼀ 种⽆衬线字体,整体字体笔画安全,专业,严谨广泛 适⽤于各种场合,尤其受品牌商标的偏爱, 包括 3M, 宝⻢,雀巢, 曾经的苹果等等。另外,该字体很受政府的青睐,美国税单上⽤的字体就是 Helvetica。

Helvetica被视作现代主义在字体设计界的典型代表


用 Helvetica 字体设计的 LOGO 不计其数

Roboto是为Android操作系统设计的一个⽆衬线字体 家族。该字型特点为“现代的、平易近⼈”也⼀直是安卓系统默认英⽂字体。

《机械姬》这个电影⼤家应该很熟悉,作者使⽤⼏何版型衬线字体,整体呈现科技感

《钢铁侠》电影中,整套设计来源Territorystudio团队设计的虚拟界⾯面。⾥⾯一整套虚拟界⾯,包括图 形,字体等,整体⻛格⾼度⼀致,整体字体呈现未来和科技感。



所以⼀套字体⼀定是和整个品牌DNA是相延续的,他们之前有整体品牌调性,⽽不是单独存在,就像我内⾐,看不见但是很重要,字体也是如此

中文字体

iOS和安卓都有官⽅方推荐默认字体,⻅上图,但是很多时候我们的品牌,整体设计语⾔都有⾃己独特个性化,所以有时候也需要去重新制定⼀套新的字体,那么对于这些字体,我们要如何去选择呢?

所以我们在选择字体时候,一定要根据整体品牌调性去选择最合适的字体,下⾯是一些界⾯中常⽤的中文字体,⽽且版权也⽐较容易买到

思源⿊体

思源⿊体视觉感受:由adobe和Google 联合推出的开源字体。字体家族庞⼤,涵盖了了中⽇日韩⽤字。由⽇本设计师主导,与⼩冢⿊体⻛格上一脉相承,字体坚固稳定,字符空间均匀,整体给⼈专业,硬朗感受


微软雅黑视觉感受:是⽅正第⼀代屏显字体,也开创了中⽂屏显字体设计先河,字形略呈扁⽅方而饱满,笔画简洁⽽舒展,易于阅读,视觉感受清新和优美


冬青黑体视觉感受:字的结构是⽇本的印刷字设计与 中国用字习惯有诸多不一致的地⽅,尽管冬⻘黑体简体针对中国⼤陆⽽设计,却保留了原设计的风格,这反倒让字体显得别具风味,有个性,锤⼦系统貌似运⽤用的此款字体


⿊体-简

⿊体-简视觉感受:⿊体字是现代汉字体系中最重要的 字体之⼀,特点:⾮常突出,⽅正、粗犷、朴素、简洁、⽆装饰、横竖笔形粗细视觉相等、笔形⽅头⽅尾、⿊白均匀,因此⾮常醒⽬,运用⼴泛。


苹⽅-简

苹⽅-简视觉感受:苹⽅是苹果新⼀代主题字,整体字体特点:专业,便捷,排版严谨,⽐比较容易识别,是苹果官⽅中⽂字体,也是⼤多数app⾸选字体


方正兰亭⿊

方正兰亭⿊感受:⽅正兰亭⿊系列列是微软雅⿊的延续 设计,字⾯略为缩小,字重梯度多,获得了更广泛的适用性,其中用在品牌营销中很多,它的特点:灵活多变,个性化营销字体,排版严谨,识别性高,⽐比如天猫淘宝很多营销banner规范都是运⽤的兰亭⿊,在 app中优酷的⼤标题也是运⽤兰亭⿊,属于我个⼈⽐较喜欢的⼀款字体

关于字重


字重:中文字体中字重是重要的一个概念,不同字重传递出来视觉感受完全不一样

轻字重:传递出轻盈,放松视觉感受,常配合粗的字 重使⽤,在⼀些引导⻚面,阅读⻚⾯面,说明⽂案时候使用

重字重:视觉感受庄重,严谨,很重要,常⽤在重点强调的文字,数字,引导⾏动操作点上,或者⻚面中大的标题,banner主标题等。

最后

正如前⾯开头所说,字体是设计中体现品牌很重要⼀点,字体选择⾮常重要,字体也是设计中最大量的内容,所以我们⼀定要掌握起来!

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 203,456评论 5 477
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,370评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 150,337评论 0 337
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,583评论 1 273
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,596评论 5 365
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,572评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,936评论 3 395
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,595评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,850评论 1 297
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,601评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,685评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,371评论 4 318
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,951评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,934评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,167评论 1 259
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 43,636评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,411评论 2 342

推荐阅读更多精彩内容