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

简介: <span style='letter-spacing:1px'>本节书摘来自异步社区《设计的品格 探索×呈现×进化的InDesign美学》一书中的第1课1.3节文字游戏,作者【澳】Daphne Shao , Recto , Verso Studio,更多章节内容可以访问云栖社区“异步社区”公众号查看。

本节书摘来自异步社区《设计的品格 探索×呈现×进化的InDesign美学》一书中的第1课1.3节文字游戏,作者【澳】Daphne Shao , Recto , Verso Studio,更多章节内容可以访问云栖社区“异步社区”公众号查看。

lesson 1.3 ——文字游戏
设计的品格 探索×呈现×进化的InDesign美学
1.3.1——文字的情感表达
文字是可以表达感情的,利用一些单字,按照其字面上的意思,应用简单的元素去表达其含义。比如,利用空间感(2D/3D)、切割、揉 捏、破坏后再重组。通过这样的练习对大标题的应用很有帮助。

根据文字的字面意思,无论是重新编排还是采用立体化的方式,都能产生文字趣味。


<a href=http://write.epubit.com.cn/api/storage/getbykey/screenshow?key=15067a081e7a1e3083b0" >

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


<a href=http://write.epubit.com.cn/api/storage/getbykey/screenshow?key=15061c3671460c23b0e1" >

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


<a href=http://write.epubit.com.cn/api/storage/getbykey/screenshow?key=1506c31c6064f3d4b5eb" >

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


<a href=http://write.epubit.com.cn/api/storage/getbykey/screenshow?key=150608712505dda444e5" >

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


<a href=http://write.epubit.com.cn/api/storage/getbykey/screenshow?key=1506fefe183bfcf19d4c" >

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


<a href=http://write.epubit.com.cn/api/storage/getbykey/screenshow?key=15060fd10802a22c2add" >

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


<a href=http://write.epubit.com.cn/api/storage/getbykey/screenshow?key=1506b8e25f3a12a447ab" >


screenshow?key=1506cac9cd009df057c5

Balance(平衡)
将写有Balance的纸片,中间对折,产生左右平衡的效果。Kneel中文意思为「跪」,将纸张尾部折叠,让它立体化,达到字面「跪」的效果。另一个Kneel「跪」的表现方法,是直接将这个字以跪姿呈现。

1.3.2——创意字体应用
利用基本的英文造字原理来开发自己的字体,并将其应用于标题及广告媒体上。通过我们曾介绍的英文造字原则进行训练,类似的设计理念,对中文造字也有帮助。我们也曾经与华康字体配合开发中文书写字。

字体在标题及广告媒体上的使用范例


<a href=http://write.epubit.com.cn/api/storage/getbykey/screenshow?key=1506cb3d52874a5d96e7" >

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


<a href=http://write.epubit.com.cn/api/storage/getbykey/screenshow?key=1506ae0a6f64909d4d5c" >

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


<a href=http://write.epubit.com.cn/api/storage/getbykey/screenshow?key=15069566a12e215b0e7b" >

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


<a href=http://write.epubit.com.cn/api/storage/getbykey/screenshow?key=1506819fb93d781a99a3" >


screenshow?key=15063a0fc911db58ac3f

这套复杂的结构图,应用了垂直、水平及45度斜面的设计,并设置了X-height的位置,是专为英文小写字体设计的

1.3.4——字体设计流程
以下所介绍的范例,为大学一年级文字造型与排版课程中的一个练习。我们将造字的基本流程,分为5个主要步骤,说明如下:

创建辅助架构图形

即设置字体比例架构,可以用标准的上下缘线和中线进行设置,或设计特殊的结构。

基础笔画分析与设计

即笔画设置,主要是做基础笔画分析,然后做笔画的设计。

应用设置(字母A–Z)

将设计好的笔画应用到辅助架构图形。

字体设计在标题上的应用

从设计的字母中组合成所需的标题,调整字符间距到适当大小,并由此延伸至另外两组标题变体的设计。

字体设计在媒体上的应用

根据上面组合的标题字,选择符合内容的图文,应用于平面、立体或多媒体设计。

图像说明文字创建辅助架构图形
辅助线设计


screenshow?key=1506826c63f693f64a16

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

图像说明文字基础笔画分析与设计
基础笔画


<a href=http://write.epubit.com.cn/api/storage/getbykey/screenshow?key=1506568d826c50e13156" >

笔画设计


screenshow?key=150632d16b9cffd53eed

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


screenshow?key=1506f87a5af957c3cf11

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

图像说明文字字体设计在标题上的应用


<a href=http://write.epubit.com.cn/api/storage/getbykey/screenshow?key=1506349901e2a5cd6ca5" >

变体设计——羽化


screenshow?key=1506c9c732766c6cd04c

「效果」→「基本羽化」:羽化宽度:1mm;角点:扩散

变体设计——轮廓


screenshow?key=15062098173c5ab5ea30

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

图像说明文字字体设计在媒体上的应用


screenshow?key=1506dc59dd62e9f1fa47

※Design by 刘怡静

设计理念——将字体仿真应用于公益海 报,阿拉伯人民因长期处于战乱的恐惧 中,急需世界外援肋。红色标题代表战 争的创伤,羽化的文字也象征着阿拉伯 文化和生命的脆弱性,大面积的绿色背 景则象征对和平的渴望。

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

相关文章
|
2月前
|
算法 数据可视化 vr&ar
【图形学】探秘图形学奥秘:图形变换的解密与实战
【图形学】探秘图形学奥秘:图形变换的解密与实战
32 0
|
9月前
|
机器学习/深度学习 数据采集 人工智能
强化学习打泡泡超人整体框架
强化学习打泡泡超人整体框架,泡泡超人是一款手机端炸弹超人游戏,本文设计了一款AI智能体操作手机触屏完成游戏的框架,涵盖了手机屏幕控制,智能体训练,电脑同步手机画面,电脑控制手机等功能点
52 0
|
4月前
|
人工智能 vr&ar 图形学
次世代建模纹理贴图怎么做?
高端的引擎技术、材质贴图技术、渲染技术,使得次世代模型有着比肩电影画面的视觉效果,且是实时渲染。而且次世代模型有着面数高、贴图精度高、运用法线贴图描绘物体表面凹凸变化、高光贴图表现物体材质反光、实时光影等特点。
65 2
|
11月前
|
编解码 算法 数据库
你知道数字图像处理的经典Lenna图背后的故事吗
你知道数字图像处理的经典Lenna图背后的故事吗
|
分布式计算 数据安全/隐私保护
2021-07-21训练日记upc联通数(思维)|赛博朋克(唯一分解)
A. 联通数 题目描述 数学高手小G最近发现了一种新型的数! 他首先在草稿纸写下任意长度的数字串kkkkkkkkkkk…(1≤k≤9)并在其中间添加加号,且相邻两个加号之间至少含有两个数字k (默认数字串第一个数字前与最后一个数字后也有两个加号),然后对其进行求和得出一个新的数。像这样得出的数他将其定义为 “k联通数 ” 。 小G对于他的发现感到非常的自豪, 像数字854就能表示为77+777,因此854是7联通数。 小G现在非常好奇, 究竟有哪些数可以是k联通数呢?他想考验一下你。 询问T次,每次给定两个数n,k,判断 n是否为k联通数, 如果是,输出 YES,否则出 NO。
146 0
2021-07-21训练日记upc联通数(思维)|赛博朋克(唯一分解)
《游戏设计师修炼之道:数据驱动的游戏设计》一2.7校正系数
本节书摘来华章计算机《游戏设计师修炼之道:数据驱动的游戏设计》一书中的第2章 ,第2.7节,(美)Michael E Moore著 傅鑫陈征戴锋等译更多章节内容可以访问云栖社区“华章计算机”公众号查看。
1731 0
《设计的品格 探索×呈现×进化的InDesign美学》—第1课1.2节 造字原则
<span style='letter-spacing:1px'>本节书摘来自异步社区《设计的品格 探索×呈现×进化的InDesign美学》一书中的第1课1.2节 造字原则,作者【澳】Daphne Shao , Recto , Verso Studio,更多章节内容可以访问云栖社区“异步社区”公众号查看。
1836 0
|
API
《设计的品格 探索×呈现×进化的InDesign美学》—第1课1.1节文字初步
<span style='letter-spacing:1px'>本节书摘来自异步社区《设计的品格 探索×呈现×进化的InDesign美学》一书中的第1课1.1节文字初步,作者【澳】Daphne Shao , Recto , Verso Studio,更多章节内容可以访问云栖社区“异步社区”公众号查看。
1270 0
|
API
《设计的品格 探索×呈现×进化的InDesign美学》—第1课1.5节字符
<span style='letter-spacing:1px'>本节书摘来自异步社区《设计的品格 探索×呈现×进化的InDesign美学》一书中的第1课1.5节字符,作者【澳】Daphne Shao , Recto , Verso Studio,更多章节内容可以访问云栖社区“异步社区”公众号查看。
1299 0