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

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

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

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


b0593abe9f649baa888a3d3a0e281074c68689cd

当字符间的空间产生视觉的不均衡感时,称为视觉干扰(Optical Interruption),在「窗口」→「控制」中,选择字偶间距调整图像说明文字或字符间距调整图像说明文字,进行视觉的修正


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

选择A和L两个字符,将字偶间距调整设置为-50,将L和U的字偶间距调整也设置为-75


screenshow?key=1506956ad8d97e2692ea

两个0之间的视觉间距最大,将字偶间距调整设置为-50,其余字母除了L和B之间外,其他都将字偶间距调整设置为-25或-10等

文字——需被读、被看、被听见

被感觉及被体会。

文字——不只是文字

而是点、线、面的元素!
图像说明文字字偶间距调整
缩短字符间距分为三种:Tight(紧)、Touch(衔接)和Lap(重叠)。适当地使用字偶间距调整来拉近字符间距,以便达到文字的均衡感。但衔接和重叠效果易降低文字的辨识度,仅适用于美感需求,而不是文字阅读。


screenshow?key=1506cbefa28cdb1ecaa6


c7e4ad24d0f26fff0d24c7b3384e0fde065bd4ac

应用字体大小、字符间距和羽化等变化,让单纯的文字元素变得具有丰富的感情。

缩减字符间距或行距,可能会降低视觉辨识度,不过,也是排版设计时的一种变化方式。利用字符间距或行距的紧密或疏松关系,让文字之间产生空间上的关联性。

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

相关文章
|
Cloud Native Go 开发工具
如何让CSDN学习成就个人能力六边形全是100分:解析个人能力雷达图的窍门
如何让CSDN学习成就个人能力六边形全是100分:解析个人能力雷达图的窍门
320 0
|
机器学习/深度学习
大模型也有好玩的数学? 从麦克斯韦的最低势能问题到人机对齐
大模型也有好玩的数学? 从麦克斯韦的最低势能问题到人机对齐
|
机器学习/深度学习 算法
深度之眼(七)——矩阵的初等变换(附:数模一些模型的解释)
深度之眼(七)——矩阵的初等变换(附:数模一些模型的解释)
152 0
深度之眼(七)——矩阵的初等变换(附:数模一些模型的解释)
|
存储 传感器 iOS开发
从宝丽来到数字电影——图像与视频色彩的科学
本文来自Netflix技术博客,讲述了相机和电影行业如何通过技术手段还原图像与视频的原始色彩的。在现代电影制作过程中,这些技术被数字化了。感谢快手视频和图像算法团队的翻译与技术审校。
411 0
从宝丽来到数字电影——图像与视频色彩的科学
|
机器学习/深度学习 人工智能 编解码
448亿像素,荷兰国宝级名画高清重生!AI两个月扫描拼合,裂缝笔触清晰到令人发指
448亿像素,荷兰国宝级名画高清重生!AI两个月扫描拼合,裂缝笔触清晰到令人发指
218 0
|
机器学习/深度学习 PyTorch 算法框架/工具
北大图灵班本科生带来动画CG福音,「最懂骨骼的卷积网络」,无需配对样本实现动作迁移 | SIGGRAPH
云栖号资讯:【点击查看更多行业资讯】在这里您可以找到不同行业的第一手的上云资讯,还在等什么,快来! 我有一个动画形象,我有一套人体动作,可想要把它们组合成真正的动画,可不是 1+1 这么简单。 别看这体型迥异的三位动作整齐划一,支撑动画的骨架却差异甚大。
北大图灵班本科生带来动画CG福音,「最懂骨骼的卷积网络」,无需配对样本实现动作迁移 | SIGGRAPH
《设计的品格 探索×呈现×进化的InDesign美学》—第1课1.7节段落
<span style='letter-spacing:1px'>本节书摘来自异步社区《设计的品格 探索×呈现×进化的InDesign美学》一书中的第1课1.7节段落,作者【澳】Daphne Shao , Recto , Verso Studio,更多章节内容可以访问云栖社区“异步社区”公众号查看。
1196 0
|
API
《设计的品格 探索×呈现×进化的InDesign美学》—第1课1.1节文字初步
<span style='letter-spacing:1px'>本节书摘来自异步社区《设计的品格 探索×呈现×进化的InDesign美学》一书中的第1课1.1节文字初步,作者【澳】Daphne Shao , Recto , Verso Studio,更多章节内容可以访问云栖社区“异步社区”公众号查看。
1299 0
|
API
《设计的品格 探索×呈现×进化的InDesign美学》—第1课1.6节 字体
<span style='letter-spacing:1px'>本节书摘来自异步社区《设计的品格 探索×呈现×进化的InDesign美学》一书中的第1课1.6节 字体,作者【澳】Daphne Shao , Recto , Verso Studio,更多章节内容可以访问云栖社区“异步社区”公众号查看。
1386 0
下一篇
DataWorks