【转载于腾讯大讲堂】如何进行字体结构设计

2024-05-10 16:18

本文主要是介绍【转载于腾讯大讲堂】如何进行字体结构设计,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

原文来自:djt.qq.com/article/view/860(参看原文地址)
【转载】字体设计结构调整方法

daisy  发表于 2013.10.8     107浏览    4讨论

   作者:Teven,腾讯安全产品部设计师,字体研究爱好者。

 

  我们在进行字体设计时往往是凭借着往日的一些汉字的经验来评估着一些字体设计是否合理是否好看,但是我们常常也会遇到一些问题。比如这个字体设计出来后怎么看怎么不舒服,但是又说不出哪里不好。其实这类问题的原因通常是因为结构上的布局没有统一或是形旁声旁的比例不对。那下面接介绍一种方法,能够或多或少的帮你来解决这类困难。这个方法就是利用汉字的第二中心线理论来调整结构。


 

一、第二中心线理论产生的背景和作用

 

  在新中国的六七十年代,中国的第一批字体设计人进行字体的设计时都还是徒手进行绘制的。一套需要设计六千多字,一个人平均每天只能设计四个字。一个人最少要设计几年才能完成。问题来了,第一天设计的和第一千天的,不统一了。而且后面设计的肯定要比之前做的好,还不能总是推翻前面做的,这样一套字体就永远也做不完了。最重要的是在多人合作时候也需要有个规范来进行统一。于是【第二中心线】这个理论应运而生了。它是用来解决字体重心,大小和结构问题的。


  为了使大家可以更好的理解汉字的第二中心线的概念以及作用,在这里我先引入与之相关的汉字的基本知识。


二、汉字的基础知识


1.汉字字形的种类及其结构


  汉字的字形可分为独体字和合体字两大类。


  合体字:两个或两个以上偏旁组成的字,偏旁是合体字的结构单位


  独体字:一个偏旁单独构成的字


  以下将汉字字形的种类用用线框表示出来,能够清晰的看清楚他们之间的结构

 


 
(图1)


  由图1这些字形可以看的出:汉字在空间结构里主要分为上中下和左中右两类。汉字最少笔画是一笔,最多有三十多笔画,那么他们同时出现在一套字体设计中怎样才能做到视觉上的统一的。下面引入一个重要的概念。


2.第一中心线
 


(图2)

  我们在进行字体设计时通常是在25x25的方格内进行设计,把竖线称作经线,把横线称作纬线,在经线13和纬线13上的两根粗黑线,称为第一中心线。红色的点就是重心点(见图2)。


  在这里有两个重要的结论需要记住的是首先第一中心线和重心点的位置是永恒不变的,其次,每一个字都是受第一中心线所控制的(见图3)。

 


 
(图3)

  其实,每个字不光受到第一中心线所控制,每一个合体字的形声部分也都会受到各自的中心线所控制(见图4)
 


(图4)


  图4可以看到,每个声旁和行旁会被被一条中线所划分。图4所示划分字体形声的中心线就是第二中心线。

三、第二中心线的相关理论


1.第二中心线之间的距离不变

 


 
(图5)


  图5琨字的行旁“王”被一条中心经线所划分,声旁“昆”被一条中心线经所划分,1和2产生了 第二中心经线,同理3和4产生了 第二中心纬线。


  这里需记住的结论是:第二中心线之间的距离一旦确定就要求这套字体内的距离不变。

2.第二中心线在视觉上是杠杆原理


  下面举个例子来说明为什么第二中心线在视觉上是杠杆原理


例一:用第二中心线分析字体结构


 
(图6)


  例一:假设在视觉上第一中心线作为支点,第二中心线作为第一中心线左右的二个力点, 右边的力点用横线表示,左边的力点用竖线表示。右边的第二中心线要靠近第一中心线,相反左边的第二中心线远离第一中心线。于是他们在视觉上就达到了一种平衡(见图6)

3.第二中心线移动的情况

 


 
(图7)


  图7将同一套字体黑体字的“琨”换成“如"字,可以发现行旁所占的视觉重量明显变大了,而此时第二中心线也明显的向右移动了,但是他们在视觉上依旧是平衡的。


  此时我们可以得出关于第二中心线的第三个结论:第二中心线是一个游移的中心。

4.第二中心线的杠杆原理公式

 

 (图8)

  事实上,关于第二中心线的理论,我们可以直接明了的用一个杠杆原理的公式来总结。


  图8的黑色第一中心经线就是杠杆原理的支点,因为第一中心线的位置是永恒不变的。


  上文提到过每个字必须以第一中心线设计成左右在视觉上平衡的要求,图8的横线就是表示每个字在框中所占的视觉重量

 

 (图9)


   (图10)


  这里再以黑体字"提"字来举例,图10 F1负担了“提”的声旁 “是”的视觉重量;F2负担了“提”的形旁 “才”的视觉重量。F1>F2,D线是表明第二中心线“距离不变”的结论的杠杆。我们可以发现负担重量大的会靠近支点,负担重量小的会远离支点,这样在视觉上也就达到了重量平衡,也就符合我们熟悉的杠杆原理。那我们就可以用一个公式来说明这个问题即:F1D1=F2D2。

三.做个实验
 

  我拿腾讯游戏这四个字来做下实验,因为我认为这四个字做的很舒服也很好看。我想他们在设计之初应该是利用现有的字体来进行变化创作的,而且也应该是符合第二中心线这个理论的,至少不会偏差太多,否则字的结构就会看起来很不舒服了。

 
(图11)


  第一步,我将倾斜的“腾讯游戏”四个字扶正,这样的话便于测量。


  第二步,用辅助线把每个字的形声部分划分好


  既然第二中心之间距离不变这个结论成立的话,那随便先划出一个字的第二中心线,那这个中心也一定适用其它的字。

  第三,我将“腾”字的中心划分出来后依次套用到另外三个字,开始是测量(见图11)


  可以发现除了“游”这个字在声旁上有些偏差以外,其它的几个字都是非常准确的。我想这里出现偏差的原因是因为在设计它们相连的笔画时,将偏旁略微加宽了的原因,但是总体不是偏差很多,所以看起来也是舒服的。


结语


  第二中心线是针对汉字共性方面锁提出来的,至于表达汉字的个性问题,还会涉及到黑白反光,线条分割等理论。一套字体的好看与否我认为结构是最重要的,任何字体的设计只有把结构搭准确了,才能把个性的问题发挥好。

 

四.最后总结上面提到的结论


1.第一中心线和重心点的位置是永恒不变的,


2.每一个字都是受第一中心线所控制的


3.第二中心线之间的距离一旦确定就要求这套字体内的距离不变。


4.第二中心线是服从于第一中心线的,它们是一种视觉上的杠杆原理。


5.第二中心线是一个游移的中心。

**********************************************************************************************************************************************************

永葆一颗纯洁、宽容平和、仁慈谦卑和意气风发的心!

这篇关于【转载于腾讯大讲堂】如何进行字体结构设计的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/976942

相关文章

电脑没有仿宋GB2312字体怎么办? 仿宋GB2312字体下载安装及调出来的教程

《电脑没有仿宋GB2312字体怎么办?仿宋GB2312字体下载安装及调出来的教程》仿宋字体gb2312作为一种经典且常用的字体,广泛应用于各种场合,如何在计算机中调出仿宋字体gb2312?本文将为您... 仿宋_GB2312是公文标准字体之一,仿China编程宋是字体名称,GB2312是字php符编码标准名称(简

使用MongoDB进行数据存储的操作流程

《使用MongoDB进行数据存储的操作流程》在现代应用开发中,数据存储是一个至关重要的部分,随着数据量的增大和复杂性的增加,传统的关系型数据库有时难以应对高并发和大数据量的处理需求,MongoDB作为... 目录什么是MongoDB?MongoDB的优势使用MongoDB进行数据存储1. 安装MongoDB

Linux使用fdisk进行磁盘的相关操作

《Linux使用fdisk进行磁盘的相关操作》fdisk命令是Linux中用于管理磁盘分区的强大文本实用程序,这篇文章主要为大家详细介绍了如何使用fdisk进行磁盘的相关操作,需要的可以了解下... 目录简介基本语法示例用法列出所有分区查看指定磁盘的区分管理指定的磁盘进入交互式模式创建一个新的分区删除一个存

C#使用HttpClient进行Post请求出现超时问题的解决及优化

《C#使用HttpClient进行Post请求出现超时问题的解决及优化》最近我的控制台程序发现有时候总是出现请求超时等问题,通常好几分钟最多只有3-4个请求,在使用apipost发现并发10个5分钟也... 目录优化结论单例HttpClient连接池耗尽和并发并发异步最终优化后优化结论我直接上优化结论吧,

使用Python进行文件读写操作的基本方法

《使用Python进行文件读写操作的基本方法》今天的内容来介绍Python中进行文件读写操作的方法,这在学习Python时是必不可少的技术点,希望可以帮助到正在学习python的小伙伴,以下是Pyth... 目录一、文件读取:二、文件写入:三、文件追加:四、文件读写的二进制模式:五、使用 json 模块读写

使用zabbix进行监控网络设备流量

《使用zabbix进行监控网络设备流量》这篇文章主要为大家详细介绍了如何使用zabbix进行监控网络设备流量,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下... 目录安装zabbix配置ENSP环境配置zabbix实行监控交换机测试一台liunx服务器,这里使用的为Ubuntu22.04(

通过C#获取PDF中指定文本或所有文本的字体信息

《通过C#获取PDF中指定文本或所有文本的字体信息》在设计和出版行业中,字体的选择和使用对最终作品的质量有着重要影响,然而,有时我们可能会遇到包含未知字体的PDF文件,这使得我们无法准确地复制或修改文... 目录引言C# 获取PDF中指定文本的字体信息C# 获取PDF文档中用到的所有字体信息引言在设计和出

在Pandas中进行数据重命名的方法示例

《在Pandas中进行数据重命名的方法示例》Pandas作为Python中最流行的数据处理库,提供了强大的数据操作功能,其中数据重命名是常见且基础的操作之一,本文将通过简洁明了的讲解和丰富的代码示例,... 目录一、引言二、Pandas rename方法简介三、列名重命名3.1 使用字典进行列名重命名3.编

python安装完成后可以进行的后续步骤和注意事项小结

《python安装完成后可以进行的后续步骤和注意事项小结》本文详细介绍了安装Python3后的后续步骤,包括验证安装、配置环境、安装包、创建和运行脚本,以及使用虚拟环境,还强调了注意事项,如系统更新、... 目录验证安装配置环境(可选)安装python包创建和运行Python脚本虚拟环境(可选)注意事项安装

如何使用celery进行异步处理和定时任务(django)

《如何使用celery进行异步处理和定时任务(django)》文章介绍了Celery的基本概念、安装方法、如何使用Celery进行异步任务处理以及如何设置定时任务,通过Celery,可以在Web应用中... 目录一、celery的作用二、安装celery三、使用celery 异步执行任务四、使用celery