自由自在

自由自在的字体设计的空间,关于字体设计,平面设计..............
2008-04-29

规则限制下的自由 - [字体设计]

规则限制下的自由
                                               ----网格系统下的字体设计

 

摘要:

 本文主要论述了一种新的理论—或者说,网格系统理论的新的应用—网格系统下的设计,特别是在汉字字体设计中的应用。在平面设计中,字体是非常重要的一个元素。在现代字体设计中,用于种种原因,我国的字体设计落后与其他发达国家。其主原因是汉字量多,造型度杂,设计难度大。在现代排版理论中,网格系统给版式设计提供了一个理性的参考,使版式设计呈现出一种全新的面貌。在中国传统书法系统中,本身也有九宫格等网格系统的前身,另外汉字的造字方法也很特殊。网格系统在字体设计中的提供了数学和几何学的理论支撑,汉字的模件化以及汉字平面构成的特点也为网格系统下的汉字设计提供了可能性。
把网格系统在版式设计系统中的理论援引字体设计中来,为字体设计特别是汉字的字体设计提供了一种参考,开辟了一个新的途径。通过分析网格系统特征、汉字的构成形式与字体本身的结构特点,在应用上对汉字进行网格化的重新拆分和布局,按照各种网格系统所提供的无限的可能性,通过构成的要素,比例、空间等各种字体设计的要求贯穿于整个设计始终。从具体实践的步骤、过程、成果,展现网格系统下的字体设计理论的应用的可操作性和可应用的前景。


关键词:网格系统 字体设计   汉字   限制与自由

 目录第一部分:问题分析1.字体设计的现状。
2.汉字设计相对落后的原因(英汉两文的比较)。

 第二部分:理论基础1、九宫格和米字格的渊源和延伸。2、网格排版的理论以及扩展延伸。3、网格的可能性。
4、汉字的模件系统和本身构造的优越性。

 第三部分:具体案例和制作过程。1.如何选则和应用2.具体实施方案的过程。3.制作过程中的收获。
4.具体作品的展示。

 第四部分:网格系统理论应用前景。网格系统下字体设计理论的潜力和未来。 


 
一:问题分析

进入新世纪以来,随着人民生活水平的提高,个人电脑的普及,电子商务的发展,以及在社会生活的各个方面需要,使得网络以及各种传播媒介的普及速度和程度均达到了前所未有的程度,海量信息以爆炸式的方式向我们扑面而来。
这就促使信息的主要载体——文字的迫切需要。不管是出版、印刷、包装、网页等等以及各行各业都离不文字这个载体。这就给设计界提供了巨大的发展空间。在西方发达国家,为了更好的传播信息,字体设计已经成为一种潮流。在这方面我们不得不说,我们的字体设计方面和他们有着相当大的差距。不要说在包装标志等广告领域的单独的字体设计作品,仅从字库字体的种类上来说,中文的字库字体数量上仅有百余种,然而西方字库字体至少也有一万种之多。
这其中的原因是多方面的,第一:汉字的数量多。汉字系统的数量之多是非常惊人的。从古到今,汉字数量的首次统计是汉朝许慎在《说文解字》中进行的,共收录9353字。,现在汉字的总字数已达到8万多个,据资料统计,现代汉语用字在1万左右,国家公布的《现代汉语通用字表》收录汉字7千个,《现代汉语常用字表》收录汉字3千5百个。这还不包括异体字,韩国、日本等其他海外汉字。而拉丁字母的的大小写加上标点符号等,一套能够满足基本需要的字库所需要的不超过200个字模,最多不或超过500个 。
第二:汉字的字形结构也非常复杂。
1,汉字笔画很多,以7千个通用汉字为例,笔画在7画至15画的多达5千以上,最多的一个汉字笔画多达36画;
2,汉字的结构单位笔画和部件,在组合成子是不是按照统一的方向排列组合的,而是上下左右全方位展开,多向行进,具有平面型特点,而且结构单位的组合模式也是多种多样的,笔画组合有相离、相接、相交几种,部件组合有左右结构、上下结构、包围结构、框架结构等,而且很多子往往是几种方式的总和,结构就更复杂了。汉字不像拼音文字那样是按一个方向行进的。
既然汉字的字体设计如此多的困难,然而在日本当代字体设计或者研究中,对汉字和中国书法的深入研究和利用可以说领先我们很多。从中我们感受到了汉文化的魅力和汉字对世界平面设计领域独特的影响力。
当代中国设计师也从各个视角,领域,层次上来对汉字进行设计和探索。泱泱华夏三千年的文字史上,一代代的书法家孜孜不倦的上下求索中,给我们留下了无比宝贵的财富,我们是不是可以从中得到一些启发那?
对书法或者说字体的设计是在小时候学写毛笔字。每当放了寒假家里都要一本正经的准备上笔墨纸砚让我开始描红,在打好红的九宫格或者米字格的毛边纸上写大字。为的是在春节的时候写春联。记得一笔一划的临摹书写,在极难掌握的毛笔下写出一个个汉字,在开始的时候全靠米字格和九宫格的定位,否则真的有无处下笔的感觉。在大学里开字体设计课程的时候,总是觉得有点手足无措,就把原先写毛笔字的九宫格搬了出来,放在字体下面,衡量字体的左右平衡,高低。发现九宫格设计真是精妙,写起汉字来真的有种不可替代作用。
仔细查一下资料, 九宫格得名于唐代的“九成宫”,相传为唐代书法家欧阳询所创制。为方便习字者练字,欧阳询根据汉字字形的特点,创制了“九宫格”的界格形式。九宫格,中间一小格称为“中宫”,上面三格称为“上三宫”,下面三格称为“下三宫”,左右两格分别称为“左宫”和“右宫”,用以在练字时对照碑帖的字形和点画安排适当的部位,拟或用作字体的缩小与放大。后来“九宫格”是我国书法史上临帖仿写的一种界格,以便对照法帖范字的笔画部位进行练字。
至元代,书法家陈绎曾进一步发展了九宫结构。他在《翰林要诀》中说,为适应临字时点画疏密、各有停分、界画匀布,改横竖三宫为横竖九宫,成九九八十一宫,这样更便于精确临摹。后人又改进了两种简明实用的习字格:一为田字格,一为米字格。田字格是在方框中画一“十”字,分成四格,按此格习字,便于安排字的间架结构、重心和笔画的斜正疏密。米字格是在田字格的基础上再画两条对角线,形如米字,此种方格类同蛛网,习字时便于判断全字和各单笔的位置。
在做字体设计的时候就做了一套英文的字体,用九宫格做成的,现在我结合米字格把他们重新设计出来给大家看一下,完全把英文字母用九宫格和米字格的边框做出来。


 

二:理论基础

这次毕业设计,我做的课题是把网格排版的理论援引到字体设计中形成新的体系,重点在于理论的创建和推敲。网格系统下的字体设计,简单说就是直接利用网格来设计字体。倒是学了网格系统排版之后,才真正认识到网格的魅力。网格排版的最主要的功能就是:将构成和秩序引入到版式设计之中。
 “有选择性的去掉网格中法所得视觉元素和附加信息,可以产生紧凑、易懂、明确的节奏感,韵律感,也可以体现出这是一个规划整洁有序的设计。把设计辅助网格看作是一个秩序系统,是一种理性设计的表现,说明设计师是有规划、有明确定位地来设计其作品的。”
--约瑟夫-穆勒-博洛克曼Josef  Miiller Brockmann
让我们来看什么是网格系统:把一个正方形分割为尺寸相等的若干小正方性可以创造出一种基本的结构韵律,这种格子本身是没有动感是完全消极的。
但是,完全相同的格子会组合成大小不一样的格子,便会随之产生不同节奏的结构体系。诸如点对称或者镜像对称结构,有四个对称轴的对称结构,这些不同的格子都各自具备自己独特的表达方式和符号语言。方格子的网格几乎没有动感可言,但是它们相互组合以后所能提供给设计者的空间是相当惊人的。另外在网格的种类中,最灵活的莫过于两个以上的网格重叠排列了。
网格能够创造出一种秩序性和清晰感,同时也使传递整体设计的意图更为简单。网格模式的优先性似乎妨碍了设计中灵活自由的需要,但为数众多的设计师却在其中如鱼得水乐此不疲。
网格在轮轮上来说,在可能性的数量上和几何学上的比例都是无限的。划分精细的网格或者两个以上的网格系统重合,能够使字体的横画、竖画,撇捺勾点提等笔画在页面得到合理的安排。这个事实可以被系统化的研究阐明:4×的格子可以提供比例为1:1和1:2的四个不同的尺寸,然而一个9×格子可以提供的比例为1:1,1:2,1:3和2:3的9个不同图片尺寸。将两个网格系统相重合至少可以获得7个不同比例的25个不同图片尺寸。如果把9×格子和16×格子重叠结合,可以提供不同图片尺寸的数量就是64,比例的数量恐怕就不计其数了。
   如果把网格系统运用到字体设计中,直接用网格中的单元格相互组合,来设计字体的话,则是一种对网格功能的一种新的探索。
网格系统运用到字体设计设计,特别是汉字设计中的难题。
版面的特点更容易使用网格系统辅助设计,因为版面设计只需要将版面的空间,构成,平衡比例等要素处理好可以像下棋一样安排图片、文字等设计要素。但是运用到字体设计时有个难题排在面前,那就是字和图片、版式等有个很大的不同之处,那就是字形的定型,这是不可以随便改变的。英文还好说一点,基本字母仅有五十二个,基本结构也只有三角形,圆形和方形三种。但是在汉字个体众多,笔画繁多,结构复杂,每个字体的结构都不相同的汉字中。特别是在字体可识别性的制约中,网格能不胜任汉字的设计?
这要从汉字本身的特点分析。汉字,和英文最大的不同之处是:汉字是表意文字(象形已经不准却),英文是表音的字母文字。
首先:在字体结构上来说汉字本身就有二维平面的特征。
汉字由一个或以上的字根以二维方式(欧语系是一维文字)在特定的空间、配置在一个正方块内而组成,因此有方块字的别称。汉字乃由四百多个表意象形字母为基本字根,如金、木、水、火、土等,像积木一样组合而成。汉字组成的字根空间配置对字义有影响:如同样是“心跟亡”的合体,左右排是“忙”,上下排是“忘”,排列不同,导致不同含义。
字体结构的不同也会导致汉字在方块内的空间分割不同。
这个空间分割也可医用网格来表现出来。
品字形结构:品、森 各部分相等;
上下结构:思、华上下相等;霜、花,上小下大;基、想,上大下小;
上中下结构:意、上中下相等;褒、裹,上中下不等;
左右结构:村、联,左右相等;伟、搞,左窄右宽;刚、郭,左宽右窄。
左中右结构:街、坳,左中右相等;滩、傲,左中右不等。
全包围结构 圆、国,全包围。
半包围结构 医、叵,
左包右;庆、尾,左上包右下;匀、句;右上包左下;遍、建,左下包右上。
闻、闲,上包下。


 
由于汉字这种结构本身对空间的平面分割的特征,王受之先生甚至认为,甲骨文和商周两代的青铜文(金文),都是中国最早的平面设计作品了。汉字本身的版面特征,用版面辅助设计的网格系统来重新设计汉字的“版面”,本身也就没有什么说不通的地方了。
其次:汉字的本身的造字法中,就包含着图象设计的意象概括性特征。
汉字作为一种特殊形式的设计图象符号,汉字是人类信息传播中人工信息的代表,即"符号信息",是人类有意识地创造、吸收、利用能引起人们相对固定的思维和反应的各种信息形式。剥离了汉字语言文字的性质,它又近乎于一种非语言符号。当图画、符号与语言形式之间出现了约定俗成的或默契的固定联系时,那么它们就完成了向文字的过渡,汉字也经历了这种过渡。但是如果把汉字从汉语中剥离出来,哪么单个汉字也具有图画、符号的意义,反而获得了更大的自由。


 
另外,汉字模件化的特征也使得网格设计汉字成为一种可能。
在字体中,模件是可以互换的构件,用以在不同的组合中形成书写的文字。模件是组成汉字的部件。可以说所有的汉字都可以被分解为模件。对于汉字系统中模件的解释可以说它们是可以置换的构件,按照规则和惯例组合成单字。汉字的这一形式系统,就是汉字的构造的基本原理,广为人知的是多数汉字是由偏旁部首组成的,而在往下划分的话偏旁部首又是由笔画所组成的。在传统书法中笔画是最小的构成元素,我们称之为模件,而部首是由模件所构成的我们称之为单元,单元和单元组成了一个又一个的汉字。
在网格系统中,网格的单元格可以为作为最小的元素。单元格可组合成了何种各样的单个笔画,使得汉字可以继续向下分解。在实际应用中可以得到更多的可能,这个可能性是呈几何倍级的。
《万物》中称:11世纪中国的两位先哲阐明了他们关于创造原理的某些基本假设,创造通过部分的组合而实现,(以八卦为代表),并借助既定单元类型的再生、变化和转换,以至无穷无尽。而在自然造化中:“万物生生,而变化无穷焉。”这是周敦颐在《太极图说》中所述,当古人以模件系统创造事物时所奉行的正是如此。和八卦诞生较迟一点的的汉字,正是继承或者把这种模件化的方式应用到实际生活中的汉字,公元前13至12世纪,模件体系就可在中国的文字中被辨识出来,虽然这些文字的笔画类型尚未达到标准化,字形的情况也一样,但已有三分之二的单字包括了模件的成分。
在网格系统设计字体时,直接设计出汉字的笔画,再由笔画设计成单元,单元可以重新分布来组成汉字。字体设计的速度就会提高很多。
网格达到多少数量才能满足汉字字体设计的需要?
当然,网格的密度越高越好,这样就像印刷中网目的疏密一样,300dpi的分辨率肯定比72dpi的精度要高。但是,在一个网格中增加一行来设计字体,那么工作量和可选择性都会呈几何倍级增长。


 
在数学上来讲,一定数量的单元个组合起来的可能性是相当惊人的。
拿一个魔方来说,三阶立方体魔方由26个小方块和一个三维十字连接轴组成,小方块有6个在面中心,8个在角上,12个在棱上,物理结构非常巧妙。通过层的转动改变小方块在立方体上的位置,没有两个小块是完全相同的。据专家精确计算所有可能的图案构成约为4.3×10^19。换句话说就是魔方的不同组合可能魔方上全部可转动方块可以形成43,252,003,274,
489,856,000种的不同组合方式。那魔方一共有多少个方格面那?三阶魔方一共有二十六块,但是有六个不动,仅有20个可以转动!如果我们设置一个9×9的网格,他们所分割生成的单个网格的个数就是81,他们相互排列组合所能提供的可能性是可行而知的。
即便是网格数目不够的话,由于汉字的造字特点,汉字的可识别性也是相当惊人的。
据统计,平时人们手写的汉字,严格说来,大约百分之三十都是错别字,因为人们各自随意的增减笔画、连笔、行草等可种情况都有,但是并不影响人们的交流。这就是因为汉字的整体性,象形性共同决定的。像诺基亚1110中就有很多错字,像懂、辙、戴、黛等,但并不影响人们的可识别性。
综上所述,汉字的本身特点有利于设计,而网格本身也能够提供数学支持,让我们看一下,网格系统具体的构建与设计工作。

三:具体案例和制作过程。

就定义来说,版面设计的网格只要需要X轴和Y轴共同划分出的四个格子域构成。网格的构建,最重要的标准是比例的协调,能够形成连续的几何纹理以利于文字的设计。让我们看一下其中一种网格的构建。
当然最基本是经纬的垂直九十度的网格,这种网格很像分辨显示器等方格网格,在电梯手机显示屏显示器等等各方面有很多的应用,也是最简便的的一种网格。这种网格的目前最大功能就是显示字体的时候模仿其他字体来显示。


 
可以看出网格的显示效果。这种点阵式的像素化的屏显也是一种网格化的显示,和网格字体设计的最大区别就是:屏幕上的像素、分辨率的显示是为了模仿字体,图像等具象的事物。而网格系统用来设计、衡量字体,为的创造出新的字体。
我们新建另一种网格。下面是我的具体制作过程:
由一个等边直角三角形,直角边设为1,复制,并组成一个小正方形,再复制四次组成一个大正方形。根据需要,设置大正方形个数即可。这样一个由等边直角三角形所创建的网格系统就构建成功了。他们最主要的比例关系就是1:1.414的平方根比。(如图)


这一个网格能创造出多少种字体那?能创造出多少可能性?我们往下就是按照字体结构直接来填充小的方格。
第一种:先设定规则要求:
背后设置九宫格,以利于考察左右平衡。
1.横画、竖画宽度为2。大写字母上三宫皆为尖角,仿哥特式手写体,小写字母的X高为17。
2 .左右斜线斜度为45度,长度不得超过左右二宫。左斜线宽度为二分之一根二,右斜线宽度为二倍根二。
3. 左右两边竖划的底脚加修饰。
设计后效果如图:


 
第二种:先设定规则要求:
 
背后设置九宫格,以利于考察左右平衡。
规则要求:
1.横画、竖画宽度不限制。
2.一般占据两宫的位置,小写字母的X高为两宫。
3.最重要的规则——最大占据字体空白空间造成实体量感最大化。


这种要求也可以设计汉字字体:
规则要求:
1.     整个字体局限于方框之内。
2.     尽量占据空白空间。
3.     具体字体的横竖钩点提自行设计,斜线均为根二倍级。
 


用斜线格还可以设计另一种汉字字体:
规则要求:
1.字体中,竖画为2,横画为1.斜线为根二。
2.具体字体的横竖钩点提自行设计,字体中心尽量居于中宫偏上。
 


加粗和圆角:

于立体字:
规则设定:横线以45度倾斜,左右部分以45度为对齐线。
 


规则可以不断的更改,但是要把握的就是:
按照美的视觉效果,力学的原理,进行编排和组合,以理性和逻辑推理来创造字体的形象,并研究形象与形象之间的排列的方法。运用网格中的单元方格,排列与组合。是在实际设计运用之前必须要设置好规则要求,并且要严格的遵守和应用。在根二方格中,我们可以看到比例为理数√2的数列1,1.4,1.41,1.414,1.4142,...在其中的所有的笔画都遵循这个数列中的数值。尽管这个比例看起来比较时尚,比一致推崇的黄金分割比还要现代。但是,在这里仍有很多问题难以解决,就拿汉字来说,撇捺的角度都被处理成45度,但是事实上他们接近30度60度的都有,虽然字体的可识别性都能得到照顾,而且还有很无限种规则可以设计,这种网格的局限性仍然是不可忽视的。
让我们来看一下叠加其他网格后,网格系统的功能性的提高。
这是由垂直90度的网格20行,单位网格为1,分别旋转60度、45度、30度。另外构建一个同心圆,后一个圆的半径为前一个的距离为1。


 
组合方式:中心对称
规则设定:圆弧作为自由元素存在。

 汉字设计;
规则要求:
1.倾斜笔画分别为30°、45°、60°,圆弧半径为1,直线宽度都为1.
2.圆弧作为自由元素存在,但是允许自由切割,不能倾斜旋转。
3.注重结构平衡和对称,中心位于中宫。整体放松中宫,使得虚空间增加。
4.整体风格要求:大方中正,平和可亲。


  
 这些网格的可能性中,我没有再往下一一列举了。网格系统在设计字体的时候按照预选确定好的格子分配笔画,比例、秩序、连续感、清晰、准确与严密在这理一览无余。
网格的构建样式也是可以是无限的。我只列举了垂直的网格、等边直角三角形构建的网格和一个综合网格。我们可以设置各种各样形状和比例的网格来设计字体。
网格系统下字体设计的定义就是:网格系统是事先设置好几何比例的,一定数量的网格,利用构成的比例、秩序、清晰、准确与严密,用科学、精密的空间分割来设计字体,也可作为字体设计时的参照和考察考察字体的一个标准。
四:网格系统理论应用前景
当我们做字体设计的时候,可以有多种选择。特别是参考几何学中的比例。几何学有着它本身的规矩,几何构成也有它独特的美,但读者只有自己进行创造性的互动和个人方法的开发,才能真正认识这种美。通过设计的网格来设计字体,最终却能将创造出传统意义上的美感。网格是构成主义理念的延续。它来源于直觉。网格和比例是为各部分之间或者部分与整体之间的关系而设定的,这些设定的目的就是和谐统一。但不协调作为和谐统一的某种延伸形式依然存在。网格的尺寸和比例自身是不能产生美感的,只有通过所有的视觉元素的结合才能产生审美欣赏的对象。
大家通常认为网格体系的规则束缚性太强,很少有自由创作的空间。但是卡尔•格斯特纳坦率的诠释了网格体系的局限性和可能性:
“版面设计的网格……真正的困难在于如何在最大限度的公式化和最大限度的自由化之间寻找平衡。换句话说就是在最大量的不变因素与可变因素之间寻找平衡,我们已经发展了“动感”格子。当网格设置的过于严格公式化的时候确实会限制设计师的自由。但是从另一个方面来说,复杂的网格也允许大量变化的存在,也能包容更多、更自由的理念。”
在此,我觉得用中国的围棋和象棋再做网格系统的比喻是再合适不过的了。围棋的棋盘有纵横各十九条等距离、垂直交叉的平行线,共构成361个交点。规则十分简单,却拥有十分广大的空间可以落子,使得围棋变化多端,比中国象棋更为复杂。这就是围棋的魅力所在。棋盘上仅用黑白二子相互杀伐然,棋的规则是死的人的选择却是无限的。而多种网格系统的并行叠加就像象棋中“马走日,象走田,车走直路炮翻三”的规则一样在,他们在各自的规则下运行,并行而不悖。可见规则是不变的,但是如何运用,靠的是我们的选择。
《易经》有云:“形而上者谓之道,形而下者谓之器”。本文主要在于理论系统的构建,没有必要再三强调像平衡、空间、字体间距、可读性和易读性等字体设计的具体内容。主要论述了网格系统的构建和可行性。在网格系统设计中,意外、偶然都是错误概念,它的最主要的特点就是对设计理性的指导。在一套合理的网格系统下,从“最佳的清晰可读性、最大的实用性”到“纯粹的视觉表现、纯粹的偶然形式”两个极端之间存在着无数种字体的形式变化。在它的理性规则的限制下,我们却获得了一个意料之外的自由¬。
“天下同归而殊途,一致而百虑”。 怎样设计出节奏和比例优美的的字体,可能有无数种方式。我不过是提出了字体设计的一种设想与可能,还十分幼稚和不足,希望导师们多多斧正。
 
 
 
 
 
 
 
                                                                
  王玉生 

    2008年3月
应用设计学院印刷一班
 
 
 
 
 
参考网站:
http://baike.baidu.com/view/1712.htm
http://pizhhuan.home.sunbo.net/
参考书目:
《版面设计网格构成》 瑞士 Niggli出版社编著郑微译 北京 中国青年出版社 2004 ISBN 7-5006-5688-2
《国际平面设计基础教程—版式设计》 英 安布罗斯 编著 詹凯 张匡匡 译 北京 中国青年出版社 2006  ISBN 7-5006-6984-4
《万物——中国艺术中的模件化和规模化生产》德国  雷德侯  著 生活 读书 新知三联书店出版社 2005年12月北京第一版
《亚洲的书籍文字与设计》日本 杉浦康平著  杨晶 李建华 译生活 读书 新知三联书店出版社
《设计中模件化系统的应用》中央美术学院 第七工作室 刘炳麟   2007年5月
 
感谢:
本文的写作与完成感谢毕业论文指导老师任仲泉教授的支持和指导。同时感谢惠岩老师一直以来影响和教导;还有于老师对我的毕业的前期指导。感谢同学们的无私帮助。
 
 
 

 

 





评论

发表评论