方正字库黄学钧:字体,为用而设计经验/观点

本文由UI中国第九届用户体验设计大会上,方正字库产品市场部总经理黄学钧先生现场演讲整理而成。

汉字是记录语言的工具,它的主要功能是传递信息。字体是以视觉的方式去辅助文字传递信息的。中国几千年历史的汉字文化,赋予了字体文化的属性,甚至让字体有了精神的属性。字体跟人一样是有生命的,需要一个不断成长的过程。它是文字的表情,也是文字的衣裳,它是有性格、有气质、有生命力的。

实际上,字体也面临着跟人类一样的终极问题,字体到底是做什么用的,它是从哪儿来的,未来的发展是什么样的,它有怎样一个生命和成长的过程。

方正字体与我们的生活密不可分

从去年开始,方正字库启用了一个新的宣传语,叫“中国人,方正字”。今年我们在同济大学开会时,有个老师说了一句话令我印象深刻,“其实现在中国人,周围的很多东西已经不是中国的,我们身上穿的衣服、家居用品很多都是西方过来的,中国人真正有的现在只剩下中餐和汉字。”我们用这个宣传语有两层含义,一是中国人都用方方正正的汉字,第二层意思是我们希望有中国人的地方、有华人的地方就有方正的字体。实际上,方正字体跟每个人的日常生活都密不可分。

小学课本上的楷体,就是方正的楷体,这个字体的作用是让小学生可以非常方便的识字、认字、写字。

还有《人民日报》上的字体也都是方正的,在中国95%的报纸杂志上的字体也都是方正的。同时,方正也开发了除汉字之外的蒙、藏、维、哈、柯、彝等民族文字体。

我们每天看到的中央电视台的字幕字体也是方正提供的,这个字体可以在屏幕上清晰的显示。

除了传统的报纸,还有一些时尚类的杂志的字体也是方正提供的,上图用到的字体名称是风雅宋,能够体现出时尚感。

小米手机的米UI系统使用的是由方正为他们定制的专用字体:小米兰亭,简称“米兰”。

我们现在经常出国去玩,因为中国游客多,国外很多机场的导视牌上都会出现汉字,上图是韩国仁川机场,他们用的汉字是方正大黑体,但是“航”字里少了两个点,可能是因为他们不太了解字体,不懂汉字。但实际上在1938年的韩国,那时所有小学课本都是汉字,以前韩国的城市招牌也都是汉字,大概是五六十年代的时候才废除汉字。韩国的宪法里60%都是汉字,因为如果不用汉字,有些法规律条文的意思解释不清楚。

这是世界互联网大会,使用的也是方正字体:兰亭黑。

还有辽宁号航母,使用的也是方正设计的舷号专用字体,这个字体体现了我国现代军队的力量。

可以说,大家的生活中时时刻刻都在跟方正字体打交道,可能你们觉察不到,去年我们新定了一个口号叫“中国人,方正字”,希望有中国人的地方就有方正字体。

字体设计传承着汉字文明

书法时代

首先从历史的角度回顾一下,其实我们的字体跟书法有非常密切的关系。最早的字体是刀刻在甲骨上,后来是毛笔写在纸上,在这个过程中,纸由于会破会烂的性质,不容易流传,而石碑更加坚固,可以流传下来。这些都是古代的字体设计,因为工具跟载体的变化产生了新的字体。随着工具的变化,书法变成了墙上的艺术,书法的实用性、功能性被计算机字体继承了。

早期的书法家写在纸上的字(左)和碑上的字(右)

上图右边是我们今年最新推出的一个字体,爨宝子风格的黑变体,这个风格在历史上是属于非常经典的。

在历史上有很多非常经典优秀的碑帖,我们在不断的挖掘古人的优秀字体,然后用现代的计算机技术把它们做成计算机字库产品,最终让我们的设计师在现代的环境下,可以非常方便的去应用字体。

方正海藏楷体

这是郑孝胥的,“交通银行”那四个字是他的题字。左边是原始的碑帖,右边是字库里的字体。

这是我们用方正黄楷体模拟的现代应用,可以作为一个店的招牌,非常合适。

方正明行体

方正板桥体

方正板桥体模拟的包装袋应用

方正苍石行书

汪曾祺《字的灾难》节选

在日常生活中,我们随时随地都可以感受到各种各样的字体,然而现在整个字体应用环境并不是很好,存在大量的问题,用着很烂的书法字体,很差很陈旧的美术字体。看看以前的街边上的牌匾招牌,光看字就会是一种享受。为此方正的设计师汪文开发了方正榜书楷和方正榜书行。

春节时淘宝和天猫也大量运用了这款具有中国特色的字体去做宣传。

雕版时代

字体到了雕版时代,书匠写在纸上再到木板上,再人工把字刻出来。按照原来的楷体,刻起来会很难,为了提高效率,刻工把横由原来的很多曲线变成直线,原来顿笔的部分逐步变成了三角,慢慢成了现在宋体的样子,所以说宋体字是匠人发明的,为了提高刻字效率,快速、方便的刻字,他们把楷体逐渐演变成了现在的宋体。但是这个过程中,由于不同的刻工,参照不同的楷体风格,不同的时代,最终产生了很多风格的雕版字体,这对字体本身就是一个创新。

现在我们也在不断地用计算机技术从好的版本里挑好的字体,把它复刻成现在的字体。

我们和日本设计师今田欣一合作的几款字体:

方正润扁宋,有着明显的刀刻痕迹

这是方正宋刻本秀楷在时尚杂志上的应用,古老的雕版字体,用在现代的杂志上,字体的气质跟图片的气质是非常吻合的。

此外,设计师们还在不断的把书法雕版的字体和现代设计结合起来,设计出新的字体,应用到现代的排版中。

方正字库和华思品牌设计机构创始人刘永清共同开发的风雅楷宋

方正风雅楷宋在店面招牌的运用

现在还有一个传统的工艺,在毛笔上刻字。我们合作开发了一个字体,这个字体可以应用在毛笔刻字上,现在用机器刻字时可以用这个字体。

铅字时代

到了铅字时代,遇到缺字的时候都是老师傅亲自去刻。

金属活字时代的一款非常经典的字体——聚珍仿宋,这款字体具有中国传统的文人精神。

这款字体适合应用于一些古籍,比如家谱等,同时也可以在很现代的地方做一些品牌名称的应用。

什么样的字体适合屏幕使用?

字体的设计与技术的演进

到了计算机屏幕的时代,由于最早期的屏幕分辨率很低,就像上图所示,只能用11、12、13、14点描述汉字,这时候只能用点阵的方式。随着计算机屏幕分辨率越来越高,设计师能够有充分的空间来表现,字体可以产生变化了。

为适应高清屏幕的时代,我们开发了方正悠黑字体。从笔形上看,这个字体更强调书写的精神、人文的精神,每一个笔画不仅仅是传统黑体的标准,还增加一些书法的韵味。结构上,它不像微软雅黑有很强的工业感,悠黑有了腰身,增强了字体的气质。

再以“田”字为例,它最终横竖笔画跟里面的十字笔画的粗细、空间的大小都不一样,这都是为了弥补视错觉,使读者在阅读的过程中保证字体有良好的视觉和黑白的平衡。遵照这个规则,我们要设计27000多个字,有的字笔画少,有的字笔画非常多,这是一个非常巨大的工程。

去年小米的兰亭黑

现在很多手机系统都定制专用的字体,小米想保持机械现代工业感的风格,我们同小米的UI设计师一起为小米开发了小米专用字体。

这个字体设计主要体现在:字面适当缩小,同时根据手机分辨率,对粗细重新进行了设计,也对符号和数字进行了重新设计,最终打造出了现在小米系统的专用字体——小米兰亭黑。

我们可以通过字距、行距微妙的变化,用阅读的方式去感受通过字体的笔形、结构、粗细的设计变化,所带来的在阅读过程中的微妙变化,这种微妙的变化目的又是为了让读者更舒适地阅读。

这是悠黑,可以看到通过字面缩小、字距加大,让这个字在排版的过程中更透气,更有节奏感,也更适合阅读。我们在阅读的过程中并不会看每一个字,而是扫读,即使它的顺序是颠倒的,通常对阅读也没有影响。所以在阅读的过程中,单字的可识别性,和排版后的可读性,是字体设计中必须要考虑的。

现在大部分的APP用的都是黑体,刚才说到由于最初的屏幕分辨率非常低,只能给这么大的一个像素空间,这时候只能选择黑体,没有给宋体表现的空间,所以几乎系统字体都是黑体。

方正悠黑家族

麻省理工学院对字体与阅读质量的测试报告

这是国外的一个实验,通过改变字体,将流量提高了38%。实验采用心理学测试法,同样的内容用三个不同的字体体现,用衬线字体的点击率高29.1%。另外也测试了文字大小,14px可能是个很好的选择。

方正字库联合北京师范大学进行的字体阅读测试报告

我们与北师大心理系也做了测试,结果显示悠黑是最适合阅读的字体,最合适的大小是14px,因为字大的时候人容易盯着看,反而小到一定程度的时候人会进行浏览扫读。

《纽约时报》也发现了衬线字体是最可靠的。

日本在五六十年代的纸介质时代做了研究,字体的易读顺序也是宋体、楷体、黑体、圆黑体的顺序。

现在大部分屏幕用的是黑体,原因是由于最初像素和技术的限制,点阵字体采用了黑体,沿袭到现在依然是黑体。宋体是不是更好的选择呢?我个人认为下一个为屏幕显示设计的宋体,有可能取代黑体成为主流的字体。

其实每一款宋体的设计都有一个非常明确的指向。

宋一是为辞海正文设计

宋二是为《毛泽东选集》正文设计

报宋是为《人民日报》正文设计

在现在的高清屏幕上,技术已经不是限制,有没有可能设计出一款适合屏幕阅读的宋体字呢?下面这个就是我们的设计师仇寅老师最新的尝试,这个字体正在开发中,就是屏显宋体——方正悠宋。

正在设计研发中的方正悠宋系列

这个字体跟原来字体的横细竖粗有着非常明显的不同:

此外,还需要考虑到同一个字在不同词组中的应用,不同的搭配应用的效果是否合适,竖排时重心是否在一条垂直线上。

字体设计的延伸

这是字体在品牌上的应用,通过字体设计的改变,可以让品牌更年轻化。

可口可乐的竞争对手字体很年轻化,所以可口可乐也需要进行字体的改变。

同时,百事可乐英文由大写改成了小写,因为大写觉得很严肃,小写更亲切,能拉近品牌跟消费者之间的关系,也会让这个品牌年轻化,这是百事可乐的变化。

同样的,这是去年可口可乐用方正正黑在瓶罐上的应用,加入一些年轻时尚的元素,让这个品牌更贴近消费者。

方正现在有一个业务,为个人开发字体。

这是今年我们新推出的一款字体,来自一个清华美院向帆老师的父亲向际纯先生。向先生年轻的时候是刻蜡纸的,现在想把自己刻的字留下来,就找到了方正。他写了一套钢板字体,我们把它开发成字库,老先生的女儿向帆告诉我们,当她在计算机上用上父亲的字体时,眼泪都流下来了,因为她可以把她父亲年轻时候的好东西留下来。把一个人的字做成字库,可以永恒的流传下来。

这是我们与一个漫画家喵呜合作的方正有猫在,这款字体在手机平台上非常受欢迎,去年这个作者的两款字体(方正喵呜体和方正有猫在),给她带来了50多万的个人收入。

THE END
1.超全面!这可能是最完整的字体设计基础知识!优设网@钱浩Hawking:近些年,字体设计越来越火热,很多小伙伴急于求成跳过了汉字基础知识的学习,直接上手做起了字体设计,很多基础性的错误越来越常见。这也是我写这篇文章的初衷,希望对初学者有所帮助。 文章目录 汉字的发展简史 字体基本笔划 字体基本常识 永字八法 https://www.uisdc.com/basic-knowledge-of-font-design
2.字体设计看过来字体助力UI设计,看这一篇就够了但做任何事终归逃不了一个练字,且字体设计会有更多的个人理解及风格在里面,更像是一种的绘画方式千变万化,同软件学习完全不同,所以这个技能并没有什么三五分钟速成的技巧,不然字体设计网站的优秀作品一定会成倍增加。那我接下来就给大家推荐一些学习路径,让你们师出有门,练习不盲目,骚年,接好我这发安利啊https://baijiahao.baidu.com/s?id=1584643291944405078&wfr=spider&for=pc
3.字体设计是什么?带你探寻字体设计的奥秘四、字体设计的方法 确定字体类型和设计需求:首先需要确定字体的应用场景和需求,选择合适的字体类型和风格。 设计字型和字形:通过手绘或计算机设计软件,创造出具有个性、美感、易读性和可扩展性的字型和字形。 设计字重和字距:根据字体风格和应用场景,调整字重和字距,以达到最佳的视觉效果。 https://www.yutu.cn/news_52062.html
4.什么是字体设计?什么是字体设计呢?字体设计是以文字作为视觉传达符号的平面设计。它以文字作为一种造型的艺术形式,组合其中的字体,创造出新的字形,探索字体的变化,从而应用于设计活动之中。 文字本身具有一定的符号学特征再加上创新发展的字体形态变化,这便为这一视觉传达要素提供了丰富的设计空间。字体设计通常作为其他平面设计中的要http://www.bjfhry.com/fhweb/post/388.html
5.什么是字体设计?字体的作用是什么?字体的作用是什么? 文章摘要:字体设计其实是为了创造文字信息的视觉效果,是对字体造型美的一种探索与追求,它追求一定的寓意,创造出具有视觉美感的图形文字。字体设计是为了增强平面视觉传达效果,美化版面,加强对读者视觉心理的震撼力,是一种严肃严格的创作过程,也是一种解决字体面貌、姿态、意境的表现。https://www.koidesign.cn/4323.html
6.什么是字体设计,名词解释定义是?参考答案:所谓“字体设计”,就是对文字的外形、比例、笔型特征进行整体设计和创新,使这套字体的视觉特征能鲜明 点击查看答案进入题库练习 查答案就用赞题库小程序 还有拍照搜题 语音搜题 快来试试吧 无需下载 立即使用 你可能喜欢 名词解释 视觉传达设计 参考答案: 视觉传达设计是利用一定的视觉设计要素https://m.ppkao.com/mip/tiku/shiti/6552941.html
7.字体设计的概念意义原则是什么?在字体设计中,首先是将字体定位,对收集到的相关资料进行分析。先考虑要设计的字体所传递的内容。给人留下什么样的印象,然后再用草图记录下来,之后考虑应该使用什么样的颜色、形态和样式,以及要表现的风格。最后提炼综合,设计出良好的字体。 字体设计也是平面设计的主要内容之一,是平面设计的基本构成元素,其功能性已经https://www.17font.com/news/b05f9380236d447cbc5519629ba44d39.html
8.你应该知道的65个设计术语什么是字体设计中的等宽字体? 等宽字体具有固定宽度,这意味着每个字符占用相同数量的水平空间。您往往会在打字机或设置计算机代码时看到这一点。 字距调整和跟踪之间有什么区别? 在平面设计词汇中,字距是两个特定字符之间的空间。某些字母对可能会产生尴尬的空间,通过调整它们的字距,您可以调整它们之间的空间。通过调整https://www.szfangwei.cn/news/6524.html
9.淘宝标题是什么字体?怎样设计标题?淘宝标题是什么字体?怎样设计标题? 淘宝店铺字体就如同模特的一张脸,它代表着一种风格,如果你要确定淘宝字体要独特一点的。那么七格格女装/茵曼/韩都衣舍/裂帛/天使之城/阿芙/御泥坊都有很多特别及个性的字体,当然很多字体是比较难找的。就是为了保证唯一性和独特性。 由于https://www.maijia.com/article/513212
10.广告设计一般都用什么字体广告设计常用字体主要分为三种精致黑体字型、优美宋体字型、现代美术字型,其中有汉仪旗黑、方正书宋简体、文悦新青年体等。以下是关于广告设计一般都用什么字体的具体介绍。 广告设计常用字体 一、精致黑体字型 1.汉仪旗黑。汉仪旗黑是由三个系列字体(长、方、扁)组成的一个庞大而完整的家族字体,可以满足企业多渠https://www.766it.com/news/76483.html
11.网页字体设计的原则是什么?怎么设置字体的大小学前端最基础的任务就是进行网页制作,在网页中包含有字体,图片等最基础的内容。网页字体设计的原则是什么?怎么设置字体的大小? 最好是使用大多数人的机器上可能有的常见的truetype字体。Arial、Times Roman、Courier、Verdana和Century Gothic是常见的字体,中文里面Windows自带宋体、黑体及楷体。 https://www.zhiliaotang.com/technology/00293.html
12.Logo字体设计的神奇效果是什么?图形字体创意logo设计案例文字是人类沟通的重要载体。在设计领域,文字早已成为视觉传达的媒介之一。Logo字体设计以其简单、美观、概括性高等特点,受到了许多品牌的青睐。 字体设计的概念 字体设计是为了达到某种特殊的需要,经设计者深入分析品牌特点后,再融入企划者的思想情感所设计出的字体。Logo是Logotype一词的缩写,它指的是一个完整的、不可https://www.wandongli.com/news_detail.html?id=28592
13.什么是字体通过上图,可以看到我们通过typeface=“sans-serif-meduim” 设置的实际字体是normal 状态下,weight为500的Robot-Medium字体库。其保存的文件为Robot_Medium.ttf文件。 字体设计规则 说了那么多, 字体的规则导致是怎么样的呢? 我们随意找个字体,简单看下 https://blog.csdn.net/fuhanghang/article/details/124403160
14.字体的字重是什么?关于设计中的字重这些事你需要知道!就像开头小伙伴疑惑的,一种字体为什么要设计这么多字重?很多软件甚至word都有加粗功能,那还有必要把一种字体弄这么多粗细不同的字型吗? 真的有必要,字重的存在增强了字体的适用性。 一种字体可能用在标题、段落甚至海报,单一的字重可能并不会很好的适应这些场景。 https://www.gtn9.com/perspectives_show.aspx?id=16800
15.设计理论:字体设计的基本知识心得技巧网页制作系统中文包括Windows自带的字体、方正兰亭(即GB编码的字体)、GBK字体(书版9或10带有46款,飞腾只有9款)、其它厂商的字体(如汉仪、文鼎、长城、经典等)。系统中文的特点是:所见即所得,几乎所有的平面设计软件及排版软件都支持系统中文。 #p# 问:方正字库为什么分有前端字库和后端字库,它们各起的作用是什么?https://www.jb51.net/web/7100_all.html
16.设计字体需要什么软件?5款好用的字体软件推荐你只需点击「团队」面板的「导入文件」,打开「团队字体库」面板,点击中间的窗口,从本地上传字体,将字体添加到团队字体库中,之后团队即可共享字体。 2. RoboFont RoboFont是Mac上的一款非常优秀的字体软件,该字体设计软件简单易用,采用了UFO的格式,使用Python编写,拥有很强的扩展性。 https://pixso.cn/designskills/zitiruanjian/
17.找字网提供中英文免费字体下载、手写字体下载、书法字体下载、艺术字体下载、手机字体下载预览服务!字体商用在线全自动授权!老牌专业字体市场、字体网站。https://www.zhaozi.cn/
18.了解字体的基础知识以上便是我们所介绍的九个英文字体特征,虽然这些并不是字体设计用到的全部特征,但足够我们区分字体了。如果你有兴趣继续了解,可以查看这份由 Typography Deconstructed 制作的英文字体结构表(点击下载)。 拓展阅读 如果你想深度了解西文字体,可以阅读这本《西文字体:字体的背景知识和使用方法》。 https://sspai.com/post/71957
19.字体安装与使用攻略!一站解决小白设计师关于字体安装和使用问题设计三要素是什么?是颜色、图片、文字。UI 设计也好、Bannner 设计也好、海报设计也好、广告招贴也好,只要跟视觉有关的设计,都必须以这三要素为基础去发散灵感从而形成作品。 而这三者中,最能为受众传达信息的,为文字;文字则需要字体去承载不同的意形。为什么字体很重要?对人类来说,我们用声音、面部表情、手势和姿https://uiiiuiii.com/other/1212465047.html
20.设计字体必备的字体软件,认准这6个!有什么好用的设计字体软件吗?有!认准这 6 个就对了,他们分别是即时设计、Font Meme、Brandmark、FontCreator、FontLab、Calligraphr。字体设计是大部分设计中最必不可少的元素,尤其是在一些海报、Logo、标签、名片中的字体设计,如果设计的平平无奇,没什么亮点能够一下子抓住读者或用户的心,那就相当于是白做设计了https://js.design/special/article/software-for-use-with-fonts.html
21.字体设计第一课,从这里开始Hello,大家好,我们在做设计的时候总离不开字体,可是多如牛毛的字库字体里,免费的只有那么几个,难以满足我们的工作需求。铤而走险的话又会容易招到律师函警告,那么怎么办呢?最直接粗暴的方式就是学会字体设计,需要用什么字体就做什么字体,自己动手,丰衣足食。那么学习字体设计应该从哪里开始学呢?今天的这节课,我https://www.hellofont.cn/newsdetail?id=229698
22.UI设计师,字体你会用吗?字体是排版中最重要的的元素之一,也是最直接的传达信息的方式。 字体有很多种,但是很多初级UI设计师不知道这些字体应该用于什么场合,也不清楚这些字体的特点。 今天就和大家说说关于字体的知识,虽然字体有成千上万,但是可以根据它们的属性来进行相对应的分类。 https://www.hxsd.com/information/7395/
23.找商家设计的logo字体说是涉及侵权了怎么办免费法律咨询三、哪些字体可以使用 当然,各位也不用过于紧张。并不是不经过设计就没有字体可用了。企业在申请商标时https://www.66law.cn/question/38127696.aspx