《设计的品格 探索×呈现×进化的InDesign美学》—第1课1.2节 造字原则

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

创建轮廓后,改变笔画的尾部锚点,再加上花草图案搭配

本文仅用于学习和交流目的,不代表异步社区观点。非商业转载请注明作译者、出处,并保留本文的原始链接。

时间: 2024-09-21 11:30:21

《设计的品格 探索×呈现×进化的InDesign美学》—第1课1.2节 造字原则的相关文章

《设计的品格 探索×呈现×进化的InDesign美学》—第1课1.3节文字游戏

lesson 1.3 --文字游戏 设计的品格 探索×呈现×进化的InDesign美学1.3.1--文字的情感表达 文字是可以表达感情的,利用一些单字,按照其字面上的意思,应用简单的元素去表达其含义.比如,利用空间感(2D/3D).切割.揉 捏.破坏后再重组.通过这样的练习对大标题的应用很有帮助. 根据文字的字面意思,无论是重新编排还是采用立体化的方式,都能产生文字趣味. Throw意为「抛掷」,将纸张捏皱,表达被丢弃的感觉 Knit意为「编织」,将纸张尾部以编织的方式处理 Radiation是

《设计的品格 探索×呈现×进化的InDesign美学》—第1课1.5节字符

lesson 1.5 -- 字符 设计的品格 探索×呈现×进化的InDesign美学 字符间距 计算机的文字并不会自动将每个字母按其所产生的视觉空间作适当调整,所以需要设计人员自行调整字符间距(Letter Space).可试着观察下列几组字,因字母的形状而产生的空间差异感.当字母缺口遇到另一个缺口(例如E和V)时,在视觉上会产生亮感,有字符之间分离的感觉.反之,若是封闭图形的字母并排时(例如H和D),则让字符之间变得拥挤,而产生视觉的暗感.请观察哪一组字母间产生太大或太小的空间. 当字符间的空

《设计的品格 探索×呈现×进化的InDesign美学》—第1课1.4节单位和度量

lesson 1.4 -- 单位和度量设计的品格 探索×呈现×进化的InDesign美学文字单位常见的文字单位有点(美规.Point/Pt)或级(日规).其实,文字的度量系统除了美规(Point)外还有欧规(The Didot System)及公规(The Metric System),共三大系统.在「编辑」→「首选项」→「单位和增量」中,除了可以对文件的单位进行修改,文字的单位也在此设置. http://write.epubit.com.cn/api/storage/getbykey/scre

《设计的品格 探索×呈现×进化的InDesign美学》—第1课1.6节 字体

lesson 1.6 -- 字体设计的品格 探索×呈现×进化的InDesign美学字体字体(Typography)的应用容易让人产生联想,以电影<黑客帝国>的英文名Metrix为例,若使用Jokerman字体时,会让人对这部电影产生幽默喜剧的印象.反之,若使用Broadway字体,则容易让人联想到20世纪50年代百老汇的华丽歌舞剧. 在<Lesson 1.1--文字初步>单元中,介绍了字体主要分为Serifs(无衬线字)和San Serifs(衬线字)两类.大多数的衬线字除了给人较

《设计的品格 探索×呈现×进化的InDesign美学》目录—导读

http://file.epubit.com.cn/LargeCover/1501a5f6a7c5593b8fa3" > 内容提要设计的品格 探索×呈现×进化的InDesign美学本书作者多年致力于艺术.设计的教学,并在自学软件的过程中获得启示,每个单元均以美学角色切入,再引导实际操作,通过作品来呈现美感,进而熟悉InDesign的操作.本书分为3部分,通过对生活细致的观察与感受,以充满温度的视觉图像及优美的文字来掌握恰到好处的设计方法,让设计不只是设计,更重要的是培养企划能力与想法,具体

《设计的品格 探索×呈现×进化的InDesign美学》—第1课1.1节文字初步

第1篇 探索设计╳初探InDesign﹝文字和排版﹞ o1.设计的品格 探索×呈现×进化的InDesign美学lesson 1.1 文字初步 lesson 1.2 造字原则 比例架构 笔画设置 衬线设计 曲线轴角度 装饰设计 lesson 1.3 文字游戏 文字的情感表达 创意字体应用 字体概念延伸 字体设计流程 lesson 1.4 单位和度量 lesson 1.5 字符 lesson 1.6 字体 lesson 1.7 段落 行距 段落排列 lesson 1.1 --文字初步设计的品格 探索

《设计的品格 探索×呈现×进化的InDesign美学》—第1课1.7节段落

lesson 1.7 -- 段落设计的品格 探索×呈现×进化的InDesign美学图像说明文字 1.7.1--行距行距=字体大小+行间距行距是指段落中行与行之间的距离,行距的数值是字体大小(Size)加上行间距(Leading)的总和,所以,计算机默认的行距都比字号大.一般行距的设置,大约在字号的基础上再加上1-4pt的行间距.阅读性较强的排版则必须行间距大于字符间距,这样才不会混淆行和列的关系. http://write.epubit.com.cn/api/storage/getbykey/s

设计理论:内容呈现建议十条

围绕文字.符号.链接三个方面,主要是中文,草拟的个人行文经验: 文字避免写错.应付挑剔的读者是一个方面,某些关键词的错误,有可能就避过了搜索引擎抓取. 文字密度节奏的控制.段落在四行左右比较合适,宜少不宜多,同时避免文字量大的段落连续堆积,段落之间最好的节奏不是一一二二三三,而是类似一三二三一二的无序结构,纵横道理类似. 词语避免在同行断开.比如行末一个"搜",下行头一个"狐",用户读起来比较费劲.注意英文的默认段落内,一个单词不会断开,原因也是如此. HTML结构

《ADOBE INDESIGN CC标准培训教材》—第1课1.2节工作区和首选项

1.2 工作区和首选项 ADOBE INDESIGN CC标准培训教材 首次运行Adobe InDesign,看到的是InDesign基本工作区:菜单.控制面板.单列靠左的工具面板.三组停放在右侧泊槽的面板,如图1-2-1所示(如果出现界面与图1-2-1不同,可执行菜单命令"窗口>工作区>基本功能") .Adobe InDesign的菜单.各种面板以及窗口的大小和排列方式称为工作区.可以看到在菜单后还有几个控制按钮(如果显示器像素数不大于1024,就会分两行显示).设计师可