恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
PS用的很溜?但你的设计可能还没有达到厉害的境地
0.0°
2018-01-23 好文转载 教程 原作者: 优设 举报 2800 9 10 0

有多年经验的设计师,往往具备一项牛X的技能,叫做“像素眼”。只要有不居中,不对齐,不对称的地方,我们一眼就能发现。




因为电脑的对齐和人的视觉平衡之间经常出现误差,需要肉眼去调整,这眼力是靠多次实战经验累积下来的能力,而这能力,正是现在的人工智能所无法取代的。今天先来说说如何手动调到合适的字距。

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

1. 字距大小调试


△ 字距不宜过紧或过大

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

2. 避免“孤行”


△ 避免“孤行”的出现

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

3. 注意字与字的搭配


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

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

Image title

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

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

4. “i”字检测法


△ 字母“i”检测字距

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

5. 两种版式设置风格


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

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




Image title

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

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

希望设计师们不要完全信任软件,多实战,接触越多的项目,经验值高了,自然能提高自己的设计出品。



更新:2018-01-23

收藏

9人已收藏

梦梦_喵喵星人

小白领取资源,咨询设计问题都可以加我qQUN:652137396

  • 175

    作品

  • 748

    粉丝

  • 4

    关注

  • PS鼠绘章鱼角图标教程
  • PS鼠绘邮件图标教程
  • AI绘制扁平化快餐图标教程
  • PS绘制简约风格沙滩插画教程

    猜你喜欢

      2018-01-23 好文转载 教程 原作者: 优设 举报 2800 9 10 0

      PS用的很溜?但你的设计可能还没有达到厉害的境地

      0.0°

      你确定要举报 PS用的很溜?但你的设计可能还没有达到厉害的境地

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2017年09月16日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      10
      9
      0

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录