本节书摘来自异步社区《设计的品格 探索×呈现×进化的InDesign美学》一书中的第1课1.3节文字游戏,作者【澳】Daphne Shao , Recto , Verso Studio,更多章节内容可以访问云栖社区“异步社区”公众号查看。
lesson 1.3 ——文字游戏
设计的品格 探索×呈现×进化的InDesign美学
1.3.1——文字的情感表达
文字是可以表达感情的,利用一些单字,按照其字面上的意思,应用简单的元素去表达其含义。比如,利用空间感(2D/3D)、切割、揉 捏、破坏后再重组。通过这样的练习对大标题的应用很有帮助。
根据文字的字面意思,无论是重新编排还是采用立体化的方式,都能产生文字趣味。

Throw意为「抛掷」,将纸张捏皱,表达被丢弃的感觉

Knit意为「编织」,将纸张尾部以编织的方式处理

Radiation是「辐射」的意思,用切割的方式,将Radiation重新组合成放射状

Reverse(颠倒/翻转):将Reverse做水平切割,再把上方的一半,上下颠倒衔接下半部,与字面意思吻合

Undo(还原):运用立体纸片,将Un(否定)和do(执行)分开,利用翻页的效果,呈现do和 Undo两种状态

Fall(掉落):将文字最后的两个L字母,以不规则方式切割,再以掉落状排列组合。如秋天的落叶般缤纷,其实Fall这个字,也有秋天的意思


Balance(平衡)
将写有Balance的纸片,中间对折,产生左右平衡的效果。Kneel中文意思为「跪」,将纸张尾部折叠,让它立体化,达到字面「跪」的效果。另一个Kneel「跪」的表现方法,是直接将这个字以跪姿呈现。
1.3.2——创意字体应用
利用基本的英文造字原理来开发自己的字体,并将其应用于标题及广告媒体上。通过我们曾介绍的英文造字原则进行训练,类似的设计理念,对中文造字也有帮助。我们也曾经与华康字体配合开发中文书写字。
字体在标题及广告媒体上的使用范例

1.3.3——字体概念延伸
如上所述的基本英文造字原理,并非造字的唯一原则。利用辅助线,比如,使用格子、点或复杂的结构线,同样可以设计和开发出所需要的字体。了解了以上整体文字结构的概念,就能轻松为自己设计标题了。

利用菱形格子,设计如织物状的字体

将圆形点以垂直水平线排列,设计如网点般的字体


这套复杂的结构图,应用了垂直、水平及45度斜面的设计,并设置了X-height的位置,是专为英文小写字体设计的
1.3.4——字体设计流程
以下所介绍的范例,为大学一年级文字造型与排版课程中的一个练习。我们将造字的基本流程,分为5个主要步骤,说明如下:
创建辅助架构图形
即设置字体比例架构,可以用标准的上下缘线和中线进行设置,或设计特殊的结构。
基础笔画分析与设计
即笔画设置,主要是做基础笔画分析,然后做笔画的设计。
应用设置(字母A–Z)
将设计好的笔画应用到辅助架构图形。
字体设计在标题上的应用
从设计的字母中组合成所需的标题,调整字符间距到适当大小,并由此延伸至另外两组标题变体的设计。
字体设计在媒体上的应用
根据上面组合的标题字,选择符合内容的图文,应用于平面、立体或多媒体设计。
图像说明文字创建辅助架构图形
辅助线设计

设计理念——伊朗设计师Reza Abedin的作品,运用阿拉伯文字作为元素进行设计,非常特别且让人感动。独具匠心地将英文与阿拉伯文相结合,把英文字变得具有异国情调,辅助线的设计取自中文字的米字格概念,试图创建较方正平衡的字体结构。
图像说明文字基础笔画分析与设计
基础笔画

笔画设计

图像说明文字应用设置(字母A~Z)

设计理念——决定使用墨水笔来表现阿拉伯文文字神秘浪漫的气氛。墨水笔绘制的笔画,所呈现出的粗细自由 感,正好适合所设计的阿拉伯文字的笔画特性。利用基础笔画,在之前设计的辅助架构图形中进行设计,字母就能轻易组合完成。
图像说明文字字体设计在标题上的应用

变体设计——羽化

「效果」→「基本羽化」:羽化宽度:1mm;角点:扩散
变体设计——轮廓

设计理念——因为字体设计线条笔画十分自由随意,加上过多的装饰反而容易使字体过于复杂且不易阅读。所以,变体的部分仅做单纯的羽化及轮廓效果。羽化让字体更具手写字效果;轮廓则让字体看起来像云纹般的图案。
图像说明文字字体设计在媒体上的应用

※Design by 刘怡静
设计理念——将字体仿真应用于公益海 报,阿拉伯人民因长期处于战乱的恐惧 中,急需世界外援肋。红色标题代表战 争的创伤,羽化的文字也象征着阿拉伯 文化和生命的脆弱性,大面积的绿色背 景则象征对和平的渴望。
本文仅用于学习和交流目的,不代表异步社区观点。非商业转载请注明作译者、出处,并保留本文的原始链接。