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

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

2017/07/28 11803评论区

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

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

1. 字距大小调试

△ 字距不宜过紧或过大

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

2. 避免“孤行”

△ 避免“孤行”的出现

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

3. 注意字与字的搭配

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

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

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

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

4. “i”字检测法

△ 字母“i”检测字距

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

5. 两种版式设置风格

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

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

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

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

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

「专业科班训练方法」

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

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

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

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

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

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

优设大课堂

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:https://www.uisdc.com/5-basic-design-knowledge

发表评论 加载中....

评论加载中....

uisdc

评论区都快饿瘪了,看看我期盼的小眼神...

转场动效 设计师 扁平化设计 优设专访 交互设计师 界面设计 优设大课堂 排版布局 职场 配色 视觉设计 素材下载 web前端开发 设计流程 AI教程 设计理论 设计师专访 神器下载 字体下载 平面设计 设计趋势 psd下载 用户体验设计 海报设计 设计规范 动效设计 图标设计 logo设计 产品设计 ICON 神器推荐 App设计 职场规划 字体设计 酷站推荐 交互设计 ui设计 设计师职场 优秀网页设计 ps技巧 酷站 用户体验 PS教程 网页设计 经验分享

您还没有登录

优设启用更安全省心的 微信扫码登录

微信扫码

300万设计师聚集地!优设网是极具人气的设计师平台
2012年成立至今,一直专注于设计师的学习成长交流

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里