PS用的很溜?但你的设计可能还没入门!

@设计便利店:有多年经验的设计师,往往具备一项牛X的技能,叫做“像素眼”。只要有不居中,不对齐,不对称的地方,我们一眼就能发现。因为电脑的对齐和人的视觉平衡之间经常出现误差,需要肉眼去调整,这眼力是靠多次实战经验累积下来的能力,而这能力,正是现在的人工智能所无法取代的。今天先来说说如何手动调到合适的字距。

现在很多设计师在排版的时候已经完完全全离不开电脑软件了,电脑软件的便携性确实让我们无限提高效率,然而,弊端也是显然易见,导致设计师的基本功不扎实,又太过于信任电脑,这是一个恶性循环。例如,设置字距和行距这种基本问题,正是设计师常犯错误的地方。那怎么破,方法很简单,懂得基本理论,就能发现电脑不合理的地方,电脑自带的调整功能都取代不了一位经验丰富的设计师敏锐的眼睛。

1. 字距大小调试

PS用的很溜?但你的设计可能还没入门!

△ 字距不宜过紧或过大

当你在软件中输入一个文本时,电脑会默认设置该文本的间距,包括字距和行距。电脑并不会像设计师一样必须根据文本进行调整。如果你的文本显得太过紧凑,字与字几乎挨在一起,那就需要自行做出调整。同样的,字与字之间相隔太远,可读性也就会降低,设计新手经常会犯的错误是,要么把文本字距设置的过大,要么直接采用电脑设置的默认值。听说一些设计师说,字距大显得有设计感,这就是典型为了设计而设计。

2. 避免“孤行”

PS用的很溜?但你的设计可能还没入门!

△ 避免“孤行”的出现

额外增加或缩小字与字的间距可用于确定或特别强调某种观念,但这些是例外,使用还需谨慎。为了达到良好的视觉效果,软件程序的字体设计师会精心设置字号大小不同的字之间的间距。但是,字与字之间的组合何止千百,并不是每次都是合理的。比如,调整字距的设置需要谨慎,因为稍微加大字体或缩小字距,就可能影响页面的平稳,或者使某行最后的字掉到下一行,避免“孤行”的出现(段落末尾的字或单词落在一栏文字的开头或结尾)。

3. 注意字与字的搭配

PS用的很溜?但你的设计可能还没入门!

△ 大写字母组合情况复杂多变

再举个例子,大写英文字母中,大写字母本身的形状差异,它们组合在一起的情况就会复杂多变。相比圆形字母“O” “Q”,或者“A” “V” “Y” “W”等由对角线笔画组成的字母,当我们把“I” “J” “E” “F”等带有主干的字母放在一起时,这些单个字母之间需要更大的字距。又如“A” “V”放在一起,需要调整字距以弥补之间较大的负形空间,因为这两个字母占据各自相反的空间,宽度也不同。

PS用的很溜?但你的设计可能还没入门!

△ 手动调整字间距(AI中可按住alt键+左右方向键)

字母间距调整允许手动减少或增加字母间距,要密切注意调整后字间距的增加或缩减。总之一句话,别完全信任电脑,多相信自己的经验和眼睛。

4. “i”字检测法

PS用的很溜?但你的设计可能还没入门!

△ 字母“i”检测字距

另外还有一个办法来衡量字距,就是用小写字母“i”,但这取决于对设计的敏感度。在一些英文字体中,超过小写字母“i”的空间会造成阅读困难,不过还是那句话,设计不像数学,没有标准答案,只有合适与不合适,积累经验自然能提高敏锐度。

5. 两种版式设置风格

PS用的很溜?但你的设计可能还没入门!

PS用的很溜?但你的设计可能还没入门!

△ 由于两端对齐,导致字距大小不一,杂乱无章

纯文本中的字距也需要仔细检查,而且排版风格起着重要作用。对于连续式阅读,一般有两种设置风格,一是两端对齐,二是居左。两端对齐后,不同行的字距会有所不同,因为单词会被拉长以满足对齐要求。字距可能变得过大(如上图),尤其在行长过小或者字体过大时。可以使用连字符进行调整,以尽可能平衡字体,但是在一段之中最好不要多先过多连字符,一般只有1-2个。这样做的优点是能很规矩排一段文字,缺点就是刚说的,字距会变长,影响阅读。

PS用的很溜?但你的设计可能还没入门!

PS用的很溜?但你的设计可能还没入门!

PS用的很溜?但你的设计可能还没入门!

PS用的很溜?但你的设计可能还没入门!

△ 自行断行,居左后字距一致,阅读流畅

把文本设置成居左后,可以保证字距的一致性。这样设置的弊端是会造成行末严重参差不齐。你可以先对过长的一行进行断行,然后再对字距进行不断微调,这样做有个优点——可以避免两端对齐文本会出现的问题。很多设计师都会比较喜欢用这种方式。

今天用了一短篇幅来讲字距的问题,实质是抛砖引玉,希望设计师们不要完全信任软件,多实战,接触越多的项目,经验值高了,自然能提高自己的设计出品。

「专业科班训练方法」

  1. 《专业科班的方法!设计师在工作中通过哪些方式获取灵感?》
  2. 《专业科班的方法!设计一个LOGO 的常规思路和流程是怎样的?》
  3. 《专业训练方法!如何设计一张高品位高水准的海报?(大量实例)》
  4. 《专业科班方法!平面设计里怎样提高作品的视觉冲击力?》
  5. 《专业科班方法!一套完整的中文字体是如何开发出来的?》
  6. 《专业科班方法!写给视觉设计师的印刷基本知识和技巧》
  7. 《专业科班方法!平面设计中如何把握比例?》

欢迎关注作者的微信公众号:「设计便利店」

PS用的很溜?但你的设计可能还没入门!

【优设网 原创文章 投稿邮箱:yuan@uisdc.com】

================明星栏目推荐================

优优教程网 UiiiUiii.com 是优设旗下优质中文教程网站,分享了大量PS、AE、AI、C4D等中文教程,为零基础设计爱好者也准备了贴心的知识树专栏。开启免费自学新篇章,按照我们的专栏一步步学习,一定可以迅速上手并制作出酷炫的视觉效果。

设计导航:国内人气最高的设计网址导航,设计师必备:http://hao.uisdc.com

收藏 13
点赞

复制本文链接 文章为作者独立观点不代表优设网立场,未经允许不得转载。