《设计的品格 探索×呈现×进化的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 刘怡静

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

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

相关文章
|
8月前
看张手绘草图就能合成图形程序,加州伯克利让扩散模型掌握新技能
【7月更文挑战第12天】加州伯克利研究团队利用神经扩散模型创新程序合成,通过在语法树上反向消除“噪声”实现迭代编辑,改善了传统LLMs自回归生成的局限性。这种方法能看手绘草图生成图形程序,结合搜索进行调试,适用于逆图形任务,性能优越,但目前仅支持有限的程序结构。[[arxiv:2405.20519](https://arxiv.org/pdf/2405.20519)]
55 2
|
9月前
支持合成一分钟高清视频,华科等提出人类跳舞视频生成新框架UniAnimate
【6月更文挑战第14天】华科等机构推出 UniAnimate 框架,能生成逼真的人类跳舞视频,尤其适合动画、虚拟偶像和游戏领域。该框架采用视频扩散模型,减少优化难度,确保时间一致性,且支持生成长达一分钟的高清视频。虽然存在动作不自然和计算成本高的问题,但已在实验中展现出优于现有技术的表现。[链接](https://arxiv.org/abs/2406.01188)
145 4
|
10月前
|
人工智能 计算机视觉
CVPR 2024:跳舞时飞扬的裙摆,AI也能高度还原了,南洋理工提出动态人体渲染新范式
【5月更文挑战第6天】南洋理工大学研究团队在CVPR 2024会议上提出SurMo,一种动态人体渲染新方法,能高度还原视频中的人物动作和细节,如飞扬的裙摆。SurMo通过4D运动建模,结合表面运动编码、物理运动解码和4D外观解码,实现动态图像的精确合成。尽管面临复杂动作捕捉和计算资源需求的挑战,SurMo在动态人体渲染任务上表现出色,展现了表面基运动三角平面的强大表达能力。[论文链接](https://arxiv.org/pdf/2404.01225.pdf)
196 1
|
机器学习/深度学习 数据采集 人工智能
强化学习打泡泡超人整体框架
强化学习打泡泡超人整体框架,泡泡超人是一款手机端炸弹超人游戏,本文设计了一款AI智能体操作手机触屏完成游戏的框架,涵盖了手机屏幕控制,智能体训练,电脑同步手机画面,电脑控制手机等功能点
120 0
|
机器学习/深度学习 人工智能 自然语言处理
相比优秀的服装设计师,AIGC 可以如何突破设计灵感的界限?是纯粹的机械语言还是一点点的灵光乍现?
这些日子学的那些 AIGC生图本领,这回用上啦!阿里云携手国民服装品牌森马推出 AIGC T 恤设计大赛,无论您是开发者、设计师、还是AI绘画爱好者,都可以使用阿里云函数计算快速部署 Stable Diffusion,以“宇宙漫游”为主题,进行AI 创作并投递作品即可参赛。所有作品均有机会被森马选中并购买版权成为下一季服装图案主题。
相比优秀的服装设计师,AIGC 可以如何突破设计灵感的界限?是纯粹的机械语言还是一点点的灵光乍现?
|
机器学习/深度学习 人工智能 编解码
448亿像素,荷兰国宝级名画高清重生!AI两个月扫描拼合,裂缝笔触清晰到令人发指
448亿像素,荷兰国宝级名画高清重生!AI两个月扫描拼合,裂缝笔触清晰到令人发指
223 0
刘慈欣对话卡梅隆:《三体》的深度和广度,需要至少六部电影才能完美呈现
科幻电影适合原创剧本,而不适合改编。但当前国内科幻编剧太少了。
614 0
《设计的品格 探索×呈现×进化的InDesign美学》—第1课1.2节 造字原则
<span style='letter-spacing:1px'>本节书摘来自异步社区《设计的品格 探索×呈现×进化的InDesign美学》一书中的第1课1.2节 造字原则,作者【澳】Daphne Shao , Recto , Verso Studio,更多章节内容可以访问云栖社区“异步社区”公众号查看。
1929 0

热门文章

最新文章