lesson1.2 —— 造字原则
设计的品格 探索×呈现×进化的InDesign美学
1.2.1——比例架构│Step1:Structure of Letter│
中英文字的字体架构需先规划结构(骨架),最后再加上笔画。早期的学字课程,我们练习过米字结构及中文永字八法的笔画。在今天完全计算机化的设计产业中,本章仍依循旧法,帮助读者了解基本的英文字体的架构和笔画原理,并创造个人专用的英文字体。
图像说明文字大写的比例架构
http://write.epubit.com.cn/api/storage/getbykey/screenshow?key=15066062a90973f9f5c8" >
※字体:DIN Alternate Medium
分别由大写上缘线CL1、大写中线(腰线)CL2,以及大写 下缘线CL3切割成两部分,大 写中线的位置可以调整
※字体:Eccentric Std
如左图的Eccentric Std字体属于中线偏高的字体
图像说明文字小写的比例架构
http://write.epubit.com.cn/api/storage/getbykey/screenshow?key=150684b475095da8ca88" >
※ 字体:Arial Black
位于小写X-height上下基线之间的小写字母
http://write.epubit.com.cn/api/storage/getbykey/screenshow?key=150686e6365df8644cb2" >
使用小写上升线的小写字母(Ascenders)
使用小写下降线的小写字母(Descenders)
海岸线
红色的线条称为海岸线(Coastline),当小写上升线的字母遇到小写下降线的字母时,其行距会产生较拥挤的感觉。因此,行距之间就产生如海岸线般、弯弯曲曲的留白空间。若留白空间太不均匀,在阅读段落时会产生视觉干扰。因此,可以应用字符间距微调,以免行距过于拥挤。
http://write.epubit.com.cn/api/storage/getbykey/screenshow?key=1506441f37939012eb40" >
X-height
X-height相同的小写字母,在视觉上容易被判断成同字号的字。其实字体大小并不是以X-height的大小区分,而是以文字的上下下划线间的距离来计算。
在小的版面空间里,字体大小运用容易受到限制,X-height较长的字体,在小字号的应用上,有较好的阅读效果。当字体大小的选择无法拥有太大弹性时,选择X-height较大的英文字体,可以让文字有放大感,又不至于影响可读性。X-height较长的字体,也适用于交通指标或广告标示上的英文字体应用,在远距离时仍具较好的可读性。
反之,X-height较小的英文字体,可以让版面具细腻感,对喜欢运用小号英文字体的设计师来说,当遇到坚持大号字体的客户时,除了可以把大号的英文字体做一些水平缩放外,选择X-height较小的英文字体,也是一种折衷的方法。
1112.pngX-height相同的字体,虽字号不相同,字体大小看起来却十分相似
X-height相同,字号大http://write.epubit.com.cn/api/storage/getbykey/screenshow?key=15068f50ae4613d8e878X-height相同,字号小
1120.png反之,X-height相差较明显的字体,即使字号完全一样,X-height较长的字体,看起来比X-height较短的字体,具有放大膨胀的感觉
X-height小, 字号相同http://write.epubit.com.cn/api/storage/getbykey/screenshow?key=1506bac1a21ca5052a54X-height大,字号相同
1.2.2——笔画设置│Step2:Strokes of Letter│
文字结构如同人体的骨架,是决定文字高矮比例的先决条件。第二个重要的造字因素是「笔画」,它如同人体的肌肉一样,可以决定字体的胖瘦。同样的字体家族,结构比例相同,但笔画粗细则有细体(Light)、中等(Medium或Regular)、粗体(Bold)或特粗(Extra Bold或Black)等。
图像说明文字华康明体家族
图像说明文字英文笔画分析
中文的永字八法说明了中文字的基础笔画,英文的笔画也可分为几种基础笔画,大致分为:
垂直线
水平线
斜线
弧线
连接线
A~Z的字母笔画分析
不同笔画设计的字体练习
https://yqfile.alicdn.com/df6c188f9af5f005128265ed1b4eccfb3d0e5849.png" >
应用以上分析的基本笔画,可尝试有趣的 笔画设计。在初步的练习中,只需要发挥 创意,而无需拘泥于笔画的精确性
1.打开「库」
http://write.epubit.com.cn/api/storage/getbykey/screenshow?key=1506cc2cc9b440769200" >
2.组合所需的字母
3.存储
制作属于自己的矢量笔画
将矢量绘制的基本笔画存入InDesign「文件」→「新建」→「库(Library)」的文件中,这个功能如同Illustrator的图库,再将创建的笔画用拖曳的方式,组成需要的字母。依此类推,再打开另一个库,将组合好的字母存储起来。
1.2.3——衬线设计│Step3:Serifs or San Serifs│
衬线设计是字体设计的另一个元素,分为衬线(Serifs)和无衬线(San Serifs)两 种。常见的衬线字,如华康明体或英文字体Times New Roman等,这种字体在小字号时有较好的可读性,大多用于报纸或杂志内容的编辑;无衬线字,如华康黑体或英 文字体Arial等,这些字体较具现代感,适合用作文章标题。
无衬线的字体,具有简单的现代感
有衬线的字体,比较具有装饰性,给人较严肃的感觉
衬线的设计有如身上的装饰品,可十分醒目或很低调。可以是很均匀利落的现代线条,或具有圆弧的古典线条
http://write.epubit.com.cn/api/storage/getbykey/screenshow?key=15065e66d7bab09480c7" >
1.2.4——曲线轴角度│Step4:Axis of Loop│
曲线轴的角度(Loop)大多设置为垂直90度,有些字体则会设计为水平轴或倾斜。虽然轴线的变化只影响有弧线的字母,例如,C、D、G或O等,但是,运用轴线和粗细的变化,可增加字体设计的变化。
1.2.5——装饰设计│Step5:Swashes│
除了字体集提供的装饰字体外,还可以运用现改造的字体,执行「文字」→「创建轮廓」把文字转换成矢量图形,再移动和修改其锚点或加入图案,以产生丰富的变化。此外,使用材质或立体化的效果,也是延伸文字情感的一种方式。
• Arial Bold
http://write.epubit.com.cn/api/storage/getbykey/screenshow?key=150679a4cd94210ac590" >
• 创建轮廓后,运用工具栏的剪刀工具切割,移动之后即产生切断效果
http://write.epubit.com.cn/api/storage/getbykey/screenshow?key=1506092c9ecf63500360" >
• 创建轮廓后,破坏锚点而产生的锐利效果
http://write.epubit.com.cn/api/storage/getbykey/screenshow?key=15060326e184e0c0972e" >
• 文字的纸片有如被折过的三维效果
• 以剪刀工具纵向切割,移动之后即产生切断效果
• 点阵化效果的文字
• 利用Photoshop的效果产生爆破感的文字
• Rosewood
• Giddyup Std
• Mesquite Std
http://write.epubit.com.cn/api/storage/getbykey/screenshow?key=1506202f2f47c845ff18" >
• Bickham Script Pro 加上白色波纹
• Franklin Gothic Medium
创建轮廓后,改变笔画的尾部锚点,再加上花草图案搭配
本文仅用于学习和交流目的,不代表异步社区观点。非商业转载请注明作译者、出处,并保留本文的原始链接。