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

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

相关文章

使用Jackson进行JSON生成与解析的新手指南

《使用Jackson进行JSON生成与解析的新手指南》这篇文章主要为大家详细介绍了如何使用Jackson进行JSON生成与解析处理,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下... 目录1. 核心依赖2. 基础用法2.1 对象转 jsON(序列化)2.2 JSON 转对象(反序列化)3.

C#使用SQLite进行大数据量高效处理的代码示例

《C#使用SQLite进行大数据量高效处理的代码示例》在软件开发中,高效处理大数据量是一个常见且具有挑战性的任务,SQLite因其零配置、嵌入式、跨平台的特性,成为许多开发者的首选数据库,本文将深入探... 目录前言准备工作数据实体核心技术批量插入:从乌龟到猎豹的蜕变分页查询:加载百万数据异步处理:拒绝界面

Python使用自带的base64库进行base64编码和解码

《Python使用自带的base64库进行base64编码和解码》在Python中,处理数据的编码和解码是数据传输和存储中非常普遍的需求,其中,Base64是一种常用的编码方案,本文我将详细介绍如何使... 目录引言使用python的base64库进行编码和解码编码函数解码函数Base64编码的应用场景注意

Java进行文件格式校验的方案详解

《Java进行文件格式校验的方案详解》这篇文章主要为大家详细介绍了Java中进行文件格式校验的相关方案,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下... 目录一、背景异常现象原因排查用户的无心之过二、解决方案Magandroidic Number判断主流检测库对比Tika的使用区分zip

Java使用Curator进行ZooKeeper操作的详细教程

《Java使用Curator进行ZooKeeper操作的详细教程》ApacheCurator是一个基于ZooKeeper的Java客户端库,它极大地简化了使用ZooKeeper的开发工作,在分布式系统... 目录1、简述2、核心功能2.1 CuratorFramework2.2 Recipes3、示例实践3

基于Flask框架添加多个AI模型的API并进行交互

《基于Flask框架添加多个AI模型的API并进行交互》:本文主要介绍如何基于Flask框架开发AI模型API管理系统,允许用户添加、删除不同AI模型的API密钥,感兴趣的可以了解下... 目录1. 概述2. 后端代码说明2.1 依赖库导入2.2 应用初始化2.3 API 存储字典2.4 路由函数2.5 应

Python使用date模块进行日期处理的终极指南

《Python使用date模块进行日期处理的终极指南》在处理与时间相关的数据时,Python的date模块是开发者最趁手的工具之一,本文将用通俗的语言,结合真实案例,带您掌握date模块的六大核心功能... 目录引言一、date模块的核心功能1.1 日期表示1.2 日期计算1.3 日期比较二、六大常用方法详

Python使用DrissionPage中ChromiumPage进行自动化网页操作

《Python使用DrissionPage中ChromiumPage进行自动化网页操作》DrissionPage作为一款轻量级且功能强大的浏览器自动化库,为开发者提供了丰富的功能支持,本文将使用Dri... 目录前言一、ChromiumPage基础操作1.初始化Drission 和 ChromiumPage

Jackson库进行JSON 序列化时遇到了无限递归(Infinite Recursion)的问题及解决方案

《Jackson库进行JSON序列化时遇到了无限递归(InfiniteRecursion)的问题及解决方案》使用Jackson库进行JSON序列化时遇到了无限递归(InfiniteRecursi... 目录解决方案‌1. 使用 @jsonIgnore 忽略一个方向的引用2. 使用 @JsonManagedR

使用Folium在Python中进行地图可视化的操作指南

《使用Folium在Python中进行地图可视化的操作指南》在数据分析和可视化领域,地图可视化是一项非常重要的技能,它能够帮助我们更直观地理解和展示地理空间数据,Folium是一个基于Python的地... 目录引言一、Folium简介与安装1. Folium简介2. 安装Folium二、基础使用1. 创建