超赞!每个设计师都该知道的10条字体设置秘籍 - 优设-UISDC

超赞!每个设计师都该知道的10条字体设置秘籍

2015/04/22 26161评论区

10-designer-font-setting-skill-1

公布秘籍前,先让大家Get一个小技能,(如果已经知道的,请低调地直奔正文吧~):在Illustrator、Indesign以及Photoshop中,将文字工具置于两个字母之间,按住Alt / Opt键的同时,按键盘的左右键,即可快捷调整字偶间距噢 >>>

01. 上下颠倒检查字偶间距

01

经验证,将字母上下颠倒摆放是有效检查字偶间距的方式。

为何要将字母上下颠倒摆放来查看字偶间距呢?因为这样可以避免你先入为主地阅读单词,有助将字母作为图形来看待,从而更好地审视它们之间的位置关系。当然,如果需要根据词意来对字母进行特殊处理,那么这个方法自然就不适用了。就常规单词而言,这个方法久经验证,是用来检查字偶间距的良方。

02. 模糊处理

02

模糊处理后,可以将视觉注意力集中在字体的对比度和留白空间上。

另一个实用技巧就是模糊处理了(或者截屏在PS里做模糊效果,或者微微眯起双眼)。一如 Brian Hoff 在他的文章中所提到过:“我喜欢眯起眼或作斗鸡眼来模糊我的视线,这样可以避免我被单词的含义所影响,将注意力集中在字体的对比度和留白空间上。”这实为一个非常实用的技巧。

03. 用气球填充字偶间距

03

在字母间留出距离,来置入大小合适的气球。

这个方式听起来有些抽象(该想法由设计师 Tom Sewell 提出),就是想象每个字母之间都有个相同尺寸和体积的气球,从而保持字母间的距离。Tom 说到:“要确保气球上下不被挤压,恰好适合字母间所留出的空间。”这个技法很有趣,也很实用。

04. 利用字母“o”来控制间距

另一个小技巧就是靠你的双眸了,确保每个字母前后的空间在视觉上看起来是合理的。一条黄金法则就是想象每个字母间,都端坐着一个“o”(该想法也由 Tom Sewell 提出)。

05. 设置标题间距

05

如果你手中在做的是非衬线体标题,那么确保先大致设置字间距,后调整字偶间距。

字间距和字偶间距在标题中最易见,也最好调整。在非衬线字体中,间距问题也暴露得尤为明显。

如果你手中在做的是非衬线标题,那么确保先大致设置字间距,后调整字偶间距。如果几乎每个字母的字偶间距都需要在-10,可先将字间距统一调整为-10后,再进行逐一调整。

这个方法同样也适用于数字。好比数字“1”以及其前后的数字,或是空格关系,例如:’213’,1和前后两个数字的字偶间距相对需要紧一些。如果是“11”,那么字偶间距就要十分紧凑了。

06. 切勿缩放大写字母

06

千万不要缩放大写字母后,称其为“小写”。

John D Berry 是多本有关字形与字体书籍的作者,要问他最有用的诀窍是什么?回答是:除非你清楚真假小型大写字母间的区别,最好别用设计软件里的那个选项。千万不要缩放大写字母后,称其为“小写”,因为它们并不是。如果你非要自寻烦恼地选择使用小型大写字母,那么确保正确设置字间距,它们通常需要比小写字母的间距宽松一些。

07. 勿用过多字体

07

控制选用的字体种类,可以使版面清晰简洁。

要将字体视为设计项目整体中的一部分,这点很重要。当使用的字体超过三种时——也许同时有粗衬线体、非衬线体以及展示体,这样很可能造成内容不易读或不被易理解,从而导致项目缺乏秩序感。每款字体通常都有不同粗细供选用,将其正确组合使用,便可以在打造简洁设计的同时,不失层次感,呈现清晰锐利的视觉效果。所以,好好考虑,是非要很多种字体呢?还是选用一种字体,用不同的粗细来打造一个有效的设计?要感谢 Hey Studio 提供的这个建议。

08. 革命性字体租赁服务

08

Skyfonts 实现了让用户先体验后购买的服务。

现在有了一种新型字体租赁服务——它解决了一个长久以来的困扰,实现了让用户先试用体验后,再进行购买。它就是来自 Monotype 的 Skyfonts,用户可以五分钟免费试用字体库中的任意字体。

你也可以购买点数,根据需求按日或按月租赁。当然,很多字体服务商都在网站上提供免费测试体验,但是这和在你常用的设计软件中体验还是有着天壤之别。总而言之,只有在真正开始文字的编辑工作之后,才能知道这个字体适用与否。

09. 不要令字体变形(除非你有意为之)

09

如果要将字体变形,确保你有充足的理由要这么做。

除非是要制造特殊效果(或进行插画制作),不要随意拉伸、扭曲或在转曲线后窜改字体外形比例。想象一下,你应该不会扭曲一张照片或矢量图,因为这很有可能造成极不美观且不专业的后果。如果要编辑一个字体外形,确保有充足的理由,肯定自己不会毁了字体设计师日以继夜的辛勤成果。

10. 字体是一种声音

该有趣的概念来自 Hoon Kim (Why Not Smile),他提到:“对字体的把握就好比对声线的掌控:对字体的取舍就如同对音质的选择;字母之间的关系就好比音色的大小、数量和不同音阶;字体的排版犹如声音之于时间和空间。排版设计视听兼备,如果你有一个好故事,那么,是时候选用好演员了。”

备注:

字偶间距(Kerning)是根据相邻字母的关系来调整间距,也就是“审美间距调整”。

字间距(tracking)是无视具体字母的“字符间距调整”。

【免费字体下载排行榜】

Top 1:人气超高的35款英文字体免费下!
《字体排行榜!2014年最受欢迎的35款字体素材打包下载》

Top 2:春节期间的特供中文字体,年味十足!
《春节特供中文字体!10款年味十足的书法字体打包免费下载》

Top 3:字体肿么用?来恶补基础先!
《老外教你学汉字!超全面的中文字体新手指南》

原文地址:creativebloq
译文地址:doo-plus

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

================关于优设网================
“优设网uisdc.com“是国内人气最高的网页设计师学习平台,专注分享网页设计、无线端设计以及PS教程。
【特色推荐】
设计师需要读的100本书:史上最全的设计师图书导航:http://hao.uisdc.com/book/
设计微博:拥有粉丝量94万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com
———————————————————–
想在手机上、被窝里获取设计教程、经验分享和各种意想不到的”福利”吗?
添加 优秀网页设计 微信号:【youshege】优设哥的全拼
您也可以通过扫描下方二维码快速添加:

sdcweixin

优设大课堂

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:https://www.uisdc.com/10-designer-font-setting-skill

发表评论 加载中....

评论加载中....

uisdc

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

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

优设官方微信

50万设计师关注

微信号:youshege

把好文章收藏到微信

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