热门频道

10字体设置及10个排版技巧教你搞定设计!    

10条字体设置技巧

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

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

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

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

  02.模糊处理

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

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

  03.用气球填充字偶间距

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

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

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

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

  05.设置标题间距

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

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

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

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

  06.切勿缩放大写字母

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

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

  07.勿用过多字体

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

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

  08.革命性字体租赁服务

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

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

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

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

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

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

  10.字体是一种声音

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

  备注:

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

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

  来源:字体设计

  原文:http://www.creativebloq.com/typography/tricks-every-designer-should-know-12121561

  译文:http://www.doo-plus.com/zh-cn/blog/2015/04/21/10-type-tricks/

10个排版秘诀搞定你的设计!

  文字排版(Typography)不只是从下拉选单选择字型和点数而已,文字排版是一项流传数世纪的技艺,自木制和金属的活版印刷便开始,而且它不只历史悠久,还很实用,大部分的人只要掌握一些实用的诀窍,就可以将之活用在诸如履历表、电子报或名片等日常设计项目上。

  资深视觉设计师Janie Kliever在Design School发表了一篇文章,列出10个能帮你增进文字排版的诀窍和密技,虽然介绍的是英文字型,不过还是相当实用,让我们一起来看看吧!

  1.将要表达的讯息配上适当的感觉

  用了两种差不多的字型?或是你总是用最喜欢的那一种字型?以上都是没有妥善选择字型的情形。

  每种字型都散发独特的情感或个性,也许是友善、新潮、严肃或傻里傻气,但大部分的字型并不是万用的,所以你要判断一个字型对你来说是怎么样的感觉,还有它适不适合放在这个设计里面。方法之一就是列出你希望设计呈现哪些特质,如果能先确定内容更好,这样就能直接挑选字型来配合建立好的内文调性。

  字型设计师Eben Sorkin曾经说过:每种字体都有自己的声音,这种声音将影响我们阅读文字的感受,也影响我们吸收和处理信息的过程。

  它的力量强大,能让任何形式的文字沟通更加有效且更有说服力。当文字符合字型的个性,大家阅读起来会更快更容易;若两者不合,文字就会变得混乱,拖慢读者的速度。访客读起来越容易,就越容易找到他们要的内容并点击购买或返回(或达成其它设计的目的)。

  让我们快速看几个范例:

  一个遵循「传统配方」的护发产品,融合了复古和现代的字型。

(Designby Device Creative Collaborative)

  主打回到本质的产品,包装走极简瑞士风设计美学和字型搭配。

(Design by Salih Kucukaga)

  传达历史和工艺精神的字型选择,字型和整体事业的品牌形象相当搭配。

(Mike Casebolt and Sergey Grigoryan)

  古典的衬线字体,看起来相当适合1925年就开幕的出版商的部落格,不过这个字型易读、简明而且平易近人,带来一种现代感,而且更适合用在网页上。

(Random House Books)

  2.配合读者的心情

  现在你已经替你的设计配了完美的字型,但有个小问题,并非所有人对同一种字型都有一样的感觉,选择了适合的字型后,你也要确定它适合你的观众。

  可能有一群人觉得这字型很新潮,另一群就觉得它过时,因为我们看字型的方式受到文化连结的影响,而文化又和年龄及地区有相当大的关系,所以要对你的目标群众有敏感度,如果你对选择的字型有所迟疑,问问那个团体的人,征询他们的意见,能让你的文字排版效果更好。

(Designs by Peetie Design and Kelly Schmidt)

  如果你的观众范围很广,并非特定族群呢?那你可能就得选择较为中性的字体,不强调鲜明特色而能融入其他对象。这种字型经常称为「Workhorse」字体,通常是基本的衬线或无衬线字型,而且因为不引人注意而用途广泛。

▲Google字型中一些多用途字型。

  最有用的多用途字型通常还会提供各种粗细和类型。

  3.让字型的尺寸搭配设计内容

  选择和安排设计的字型时,阅读难易度应该是首要考虑之一。字太小难以阅读,字太大又很烦人,因此一般而言,印刷用段落文字应该落在10—12点之间,而网页则是15—20之间,大部分的浏览器默认值是16点。

  你可以用Type Scale这个免费工具来检查Google字型库的字型,各个尺寸在网页上看起来如何。

▲Type Scale

  若不是用在长文的字呢?你可以参酌设计本身,包括整个版面的大小或呈现方式,加上一点基本常识帮助判断。

  一些像名片之类的小型项目或是长段文章会需要小一点的字,但这些字也要清晰易读,而非充满装饰。

  大型项目如海报,因为空间更多而且大家通常会从远一点的距离观看,就可以容纳大字,若选择相对小的字体,则有更多空间发挥创意和选择更有型的文字

  4.安排层次

  如果一个设计层次分得好,看起来就整齐,容易定位,可以更容易找到你要的信息。文字排版的层次对于像是电子报、杂志、书和其他传统印刷物,及某些网站等文字很多的设计特别重要。

  基本的层次设计,可以利用以下几点:

  用字的大小来依重要性排序信息。

  用充足的空间来创造一个容易检视的架构

  把相关的对象分成一组

  在适当的情况下,用标题、副标等清楚地分类

  5.别忽略了留白和对齐方式

  设计成也细节,败也细节,其中留白和对齐影响很大,这两者可以让版面又挤又混乱,也可以带来干净和秩序。

  让我们一起来看看几种常见的留白:

  字距(Tracking):文字间距,又称字间,这是在一段或一句文字中,每个文字的固定间距,调整这选项会让整体文字看起来更挤或更松,缩小间距常用来节省空间,但太过紧密会让文字难以阅读,配合所选字型,找到适合的文字间距,是让文章好读的最佳方法之一。

  行距(Leading):每行间距,这是行与行间的垂直距离,就像字距一样,过多过少都会让文字难以阅读或格格不入。

  边界:这是设计周边的空白空间,除非有特殊需求,不然通常你不会想让内容看起来像要掉出页面一样,在页面周围大方地留点空间,读起来会更舒服。

  留白:用来指设计中所有空白、白色、空无一物的空间,如果你要放很多内容,留白看似很浪费,但要让画面平衡、有条理,这是不可或缺的。他让观众的视线在画面中移动,同时让眼睛有地方可以休息。

  至于对齐方式,「保持一致」是增进文字排版最好的方法,在同一设计中无意义地切换各种对齐方式(靠左、靠右、置中、分散),只会看起来很随便。

  一些小诀窍:

  少用两端对齐。这几乎每次都会产生一堆不规则的空间和随机分布的大量空白,看起来很乱而且很难阅读。

  在段落文字选择一种对齐方式(通常是靠左),并保持一致。

(Design by Bryan Kidd)

  6.学会字距微调

  有一种留白是大家常常忽略的:字距微调(字间)。字句微调常和字距搞混,但两者是不同的,字句微调是单指两个文字间的距离。

  字句微调通常是用来检查文字排版是不是完美且专业的最后一个步骤,每种字型都有默认的字句微调,但有些文字组合起来间距就是不理想,尤其又大又显眼的文字排版,比如说标题,最好多检查一下有没有哪两字间隔过大或过小,必要的话再手动调整。

  7.限制你的字体、粗细和样式数量

  我们热爱各种字型,但好东西太多也不好,一个设计用过多不同的字体看起来会混乱又不专业。

  基本上,一份设计别用超过三种字体,如果是好的设计搭配对的内容,也是可以打破这项规则,制造电子、复古的效果,比如以下这份设计。

  如果你刚开始混合使用字型,基本的衬线搭配无衬线字体,几乎都能搭配,或者找一种有各种粗细和样式的字体或字体系列来搭配,这样你的文字排版看起来就互相呼应,同时还保留一些变化空间。

▲免费字体系列Alegreya Sans

  粗细和样式很容易被滥用,这些样式可以强调文字的重要性,在视觉上更突出,或是模拟说话语气,但别在一段文章内用上一堆样式,这样会看起来强调得太用力,而且会让读者感到不礼貌。实际上,就算只用超过一种以上样式的机会都不多。

  8.避免常见的「排版病」

  设计程序当着我们完成很多了不起的事,但若不够小心,有时候也让人容易犯下一些显而易见的错误。〈Thinking with Type〉的作者Ellen Lupton在书的官方网站上,举了几个坏习惯作为例子:不要为了填满版面任意拉长文字,若你只拉长一个方向,会让文字及间距严重变形,如果要重设大小,请固定长宽比例。

  别用错误的引号。在英文字句中有的人会用直线引号代替逗号型引号,或者在中文使用英文引号,大部分的程序可以设定自动取代功能,或是打字的时候善用快捷键。

  不要使用假斜体。如果字型本身没有提供斜体,在设计程序里还是可以简单地把它倾斜,做成斜体,但这种技术会让字体变形,而且通常看起来很糟糕。真的斜体是另外设计来补充原本字型的不足,而且通常是比较好的选择。

  9.避免冲突的颜色或背景

  文字排版很少独立存在,它通常会和其他元素搭配,尤其是背景。文字和其他部分间有足够的对比,可以让文字更易读,但有些小技巧可以帮忙调降一下对比:

  颜色的冲突:如果要帮文字挑颜色,你可能会想要挑个能和其他元素搭配的颜色,包括背景,如果颜色太格格不入,像是很丑的弹出式广告窗口,背景是红色,字是鲜绿色,或者颜色太相近,像是白色的字搭浅色背景,眼睛负担都很大,视觉效果很差。

  试试用现有的色系组合,来创造和谐的画面:

  图案或复杂的背景:一样地,太复杂的背景也会让字难以阅读,而你应该不想观众找不到信息。

  试试看把复杂的图案放在边框,或是不会干扰阅读的地方:

(Design by Szende Brassai/Adline)

  特殊效果:透明、环绕,还有许多文字特效这些都很好玩,在某些情形下也很实用,不过也很容易用错。我们有时候会陷入「这个设计很好看,但一点都不实用」的陷阱里。

  试试在可以增进设计效果的时候才用特效,而不是看到特效就乱用。

(Design by David M.Smith)

  总而言之,当你尝试发挥创意的同时,记得保持文字排版的清晰易读。

  10.观察与练习

  增进文字排版技巧的最佳方式之一,就是观察其他设计师的作品是如何运用文字排版,这需要不断地练习并培判断的眼光。所以请时时注意优秀的文字排版,它可能是捷运告示,也有可能是杂货的标签。

  所以现在就靠你自己了,请妥善利用这些诀窍增进你的文字排版技能吧!


  来源:uisdc

  原文:designschool.canva

  译文:inside.com.tw


编辑声明:本网站所收集的部分公开资料来源于互联网,转载的目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。本站部分作品是由网友自主投稿和发布、编辑整理上传,对此类作品本站仅提供交流平台,不为其版权负责。如果您发现网站上有侵犯您的知识产权的作品,请与我们取得联系,我们会及时修改或删除。联系方式:020-38814986
最新评论