欢迎回来。字体和配色是排版中非常重要的步骤,所以在进入排版相关内容之前,我们要打好扎实的基础。第二章和第三章已经讲解了中英文字体的基础知识。在本章中,我们将讨论如何选择字体。
“合适的字体”可能是设计成败的关键。我见过很多人喜欢换手机系统的字体,不是可爱就是帅气。例如:
默认字体和可爱字体的比较
其实这些可爱帅气的字体在一定程度上影响了文字的可读性,让看文字更累。那么,对于手机系统来说,什么样的字体才是“正确”的呢?看app呢?就从这些问题开始今天的学习吧。
要知道这些关于字体选择的知识,除了字体设计本身,一些常见的属性也会影响排版的美观。让我们一起来了解一下这些属性。
字体大小(大小)
用于指定序列号的字符和数字
是字体大小的大小,排版领域使用的字体大小单位有很多:
点或点(pt): pt是最常见的单位。你几乎可以在任何设计软件中使用pt作为字体大小单位,我们对此非常熟悉。是我最推荐的字号单位。8pt以下的字体很难看清楚,所以正文的字体大小通常控制在8pt到16pt之间。另外,72磅=1英寸,这也是为什么一般字体大小选择菜单中的最大数字是72。
十二点活字:专业排字用的单位。1 Pica=1/6英寸=12磅。无论是日常生活还是专业排版,送卡的机会很少,也没必要用。
中文字号:首数、一级等。中文字号是中文环境中一个特殊的存在,正在被人们遗忘,但在文档排版中却经常使用。涵盖了从6.5pt到42pt的十四种字体大小,几乎是我们日常写作需要用到的所有字体大小。中文字号与磅的对应关系如下:
中文字号的特点是分级少,名字容易记忆。虽然覆盖的字号范围有点小,但是用起来很快。通常文字字体是小四或者四。
Pixel (px): px常用于网页/程序开发领域。它的特点是像素的绝对单位,不会因为屏幕变化而出现大的视觉误差。
Rem,em:这是网页前端开发中经常用到的两种单元。它是一个相对的字体大小。1em是“正常文本大小”,2.2em代表正常文本大小的2.2倍。而rem的意思是“根em”,也就是em会有继承关系,而rem在整个世界都是一致的。这种表达方式使得字体大小成为一个“变量”,对于网页开发来说非常方便,但在设计软件中却无法使用。
为开发设置更多的字体单位:为了方便应用程序界面的设计和开发,一些操作系统单独设置字体单位。比如Android的开发环境有dp,sp等。这些字体单位只在特定环境下使用,需要时可以学习转换。
重量
重量,也就是一个字的粗细。从最薄的超轻到普通的普通到最厚的加粗,可以有多种级别的字重。名字分级没有统一标准。有些字体喜欢用形容词(如轻、细、粗),有些喜欢用数字来区分字重,如40、50、60.
单词权重
通常我们会用正常的字重作为正文字体,在能看清楚的情况下也会用较细的字重。为了强调,标题、章节标题和粗体字将采用较粗的字重。
跟踪、字距调整和行距。
单词间距,单词间距,行间距
跟踪是指一组单词之间的距离,它影响一行或一段中单词的密度。通常字距已经自动调整好了,不需要自己调整。缩小字距可以让你在同样大小的区域里装下更多的内容,而加大字距可以让段落看起来更轻松,更有仪式感。
单词间距对段落的影响
你可能会发现单词间距没有单位。实际上,字间距调整的计量单位是1/1000 em,这是一个相对的计量单位,以当前全角字为参考单位。在6磅字体中,1 em(即1个全角字)等于6磅;在10磅字体中,1 em等于10磅。这样的度量单位有助于与当前文本大小严格成比例。所以在调整大字号字间距的时候,可能会出现一个非常大的数字,比如200,不要惊讶。
字距是特定单词之间的距离,调整字距只会影响光标左右的字距。由于汉字的特点,在中文排版中几乎不需要调整字距。在英文排版中,如果字体大小较大(如LOGO、Banner title等)就需要调整字距。).
字距调整前后的比较
行距是指一种字体的连续行的基线之间的距离,通常大于字号,如8pt字,行距10pt。行距可以很大程度上影响一个段落的文字密度,进而影响阅读体验。减小行距会让段落看起来更密,可以装下更多的东西,相应增加阅读压力;增加行距会让每行都拉长,减轻阅读压力,同时段落的高度也要增加,会让段落读起来感觉更长。
对段落间距的影响
另外,因为汉字是方形的,英文字母有升、降部分,所以在同样的行距下,汉字的公会会更近,所以中英文混排的时候要注意这一点。
保证金(保证金)
边距是页面周围的空白区域,决定了页面中内容的起点和终点。理论上,上边距之外不应该有文字。标准页边距为1英寸,约2.5cm,较大的页边距可以使页面看起来更庄重,视觉焦点更集中;较小的页边距可以为内容腾出更多空间,承载更多内容。
边缘
段落对齐
段落通常以下列方式对齐:
几种段落对齐方法
你应该熟悉这些排列。在从左向右的阅读环境中,我们通常习惯于文本左对齐。定心一般是用来写诗之类的,但是现在很多微信微信官方账号的文章也在用定心。
需要特别说明的是“两端对齐”的对齐方式。两端对齐是指强行将行长度与文本框对齐,其余两种是“两端对齐”的折中版本,允许文本最后一行的行长度与文本框的宽度不同,从而给整个段落更多的自由度。这两种对齐方式的好处是文字可以像豆腐块一样排列在纸上,看起来比较整齐。同时需要注意的是,由于强行对齐,为了照顾行宽,行内的字间距很可能会被弄乱。更可怕的是出现了所谓的“洞”和“河”(即单个连续异常大的字符间距),极大地影响了阅读。
对齐对段落的影响
这时候就需要手动调整乱字距了。由于英文字母的宽度和间距不同,如果在英文排版中选择“左右对齐”和“两端对齐”的间距,难免会变得凌乱,会增加很多工作量。
显示字体和正文字体(段落字体)
显示字体和正文字体
字体也可以分为两种:适合标题的和适合正文的。适合做标题的字体通常更华丽、醒目,但作为长段落出现时可读性较差;文字字体看起来更简单普通,更注重长段落的表现,适合文字字体。
有些字体本身可以分为标题字体和正文字体。例如,苹果正在使用的旧金山有旧金山显示和旧金山文本。旧金山显示器更适合做头条,专门针对大字号进行了优化;旧金山文本适合在长段落中显示为大量字体,并针对小字体大小进行了优化。可以看出,文字版的带字更大(复习第二章内容:带字是指字母的全包围或半包围区域。),避免字体小的时候字体消失,而且不仅字体设计不一样,默认字距也变了。
同样的字号,同样的字,旧金山显示和旧金山文字都是重点。
除了显示字体和正文字体,虽然没有“脚注字体”这样的字体,但也应该给我们启发:既然标题和正文会有字体差异,就应该区别对待脚注、页码等元素,自己优化字体。
字体(字样),字体(字体),字体(字形)
无论是在英文世界还是中文世界,字体、字形、字体这三个概念经常被人们混淆。为了不给以后的讨论和学习添麻烦,现在就要搞清楚两者的区别,其实很简单。
字体,字形,字体
首先,“字体”含义最广,层次最高。例如,“Helvetica”是一种字体。其次是“字体”,一套字体可以包含多种字体。例如,“Helvetica浓缩”是一个字形,“Helvetica大胆”是另一个字形。在活字印刷时代,如果一家印刷厂从一家字体厂购买了“Helvetica浓缩”字体,就会收到一个装有许多字母的小盒子,其中仅包括“Helvetica浓缩”字母和符号。在数字时代,一个字形就是一个文档。最后是“字体”,字形字体的每一个字母,中文字体的每一个字,每一个拉丁数字,每一个特殊符号都是一个字体,一个字体是无数个字体的集合。
好的字体会尽量包含多种字体,尤其是中文字体。字体越多,能打的字就越多,这样就不会有生僻字的字体了。《信息交换用汉字编码字符集基本集》中规定,GB 2312标准包含6763个汉字,覆盖了中国大陆99.75%的使用频率。GBK标准共包含21,886个汉字和图形符号;GB 18030包含70,244个汉字。
你可能在很多美剧和综艺节目的字幕中看到过这种尴尬的情况。这是字体覆盖不完整的一个例子:
数字和符号。
数字风格
如果数字和符号经常出现在您的内容中,您可能需要考虑数字和符号的样式。有两种数字:旧式数字和衬字数字。旧式图形的上升和下降部分与大小写字母相同,适合大小写字母的协调;内衬高度统一,找到了一个格协调的中间值,比较适合中文。一般来说,我们看到的数字样式是内衬图形,但旧式图形也很有用。它们更时尚,也可以非常古典,当用作页码等小元素时,它们可以更安静地呆在角落里,而不影响文字的内容。
以此类推,除了数字之外,当内容中包含特殊符号时,请确保所选字体包含您要使用的特殊符号。
学了这么多四步选字体,终于可以选字体了!字体选择的重要性就不用说了,如果内容是菜,字体就是菜,一个正确的字体选择可以让好的内容读起来更舒服,更有表现力;一个错误的字体选择,会给人“驴唇不对马嘴”的感觉,甚至让人难以读懂。
其实选择字体也是有套路的。只要这个套路一直走下去,你就很容易得到一个“正确”的字体。接下来,作为中国风音乐的专业制作人,你将受到Apple Store的邀请,发表“如何用iPad制作中国风音乐”的演讲。让我们想象一下伴随演讲的幻灯片应该使用什么字体。
1.根据内容
首先排版是为内容服务的,所以选择字体的第一步就是要考虑内容的主题、调性、价值观。
不管你是不是作者,是不是专业的设计师,都要确保你确切知道内容是什么,感觉是什么样的。如果是排版,就要通读文章。如果你在做报告,你应该知道报告在报告什么。如果你是为一个组织或公司做设计,那就要和他们的品牌形象和视觉规范保持一致。
对于我们的情况,可以得出这样的结论:
IPad相关内容,属于科技行业,要有科技感;与中国风音乐有关,要有古典或民族的感觉;经验分享相关内容要感觉亲近,容易接触。基于以上分析,思考我们对字体的了解:
黑体、宋体和楷体表达的关键词
看来宋体和黑体都是合理的选择。过于抒情和民族化的常规字体可以排除。宋体更“中国风”,黑体更“科技”。有了字体选择的雏形,我们进入下一步。
考虑媒体
你的设计是呈现在纸上还是屏幕上?屏幕有多大?这张纸有多大?是拿在手里仔细观察还是贴在墙上做广告?纸是什么样的纸?所有关于“媒体”的问题都应该在你的考虑范围之内。它们会影响你的设计。
对于我们的情况,可以得出这样的结论:
投影仪将被用来放映幻灯片。为了保证字体不会粘在一起,要避免30人左右的粗字体和小字体,字体大小不能太小。基于以上分析,我们在字体较大的情况下,需要一种粗细正常,效果较好的字体,字体不宜过大。面对这种需求,很多粗体字可以满足,但是一些夸张的衬线宋体字体已经可以淘汰了。
排除一些超大夸张的衬线字体。
3.语境
和内容媒体是否正确。下一步是什么?遇到问题的时候,永远记住排版是为内容服务的。当你把设计放在特定的语境中,可能会产生不同的效果。比如英文排版行业,人们对漫画Sans已经厌烦到就算漫画Sans用对了也会很烦;Arial被很多设计师认为是Helvetica的低质量山寨版,所以使用Arial可能会引起设计师的不适等等。
让我们考虑一下播放幻灯片的背景。
它是辅助演讲的工具,所以不应该分散太多注意力;只属于我,只属于这次演讲,所以这可能是一次个人品牌推广的机会;是在苹果店吗?苹果经常用黑体。是应该保持统一,还是应该更加独特?基于以上分析,特别是由于这是我的个人发言,而且是在一个几乎完全使用黑体的Apple store中进行,我更倾向于选择一种宋体,既有“中国风”,又能使我的个人形象独立于苹果,即我与苹果合作但不属于苹果。
粗体和宋体的对比。
综上所述,我分三步应用通式选择了一种字体:宋体,正常字体粗细,较大字体大小,显示效果好,字体不能太小。我们只需要按照这些规则找到合适的字体,但是离最终确定还有一步。
4.回顾
选好字体后,还要检查。一方面检查稿件和字体的质量。
如果稿件内容有错误,你的设计自然得不到应有的重视。请确保标点和语法没有错误,没有错别字。虽然严格来说这不是设计师的工作,但你肯定不希望手稿中的错别字毁了你的设计。
更重要的是字体检查,可以保证设计即将完成时字体不会被改动,到时候修改成本太高。要检查的内容有:
字体质量:一个字体可能中文很好看,但是它匹配的英文可能很差。这时候你就要考虑是放弃这个字体,还是用另一套英文字体来补位。另外还有数字好看不好看,符号(字体)够不够,字重够不够等等。版权问题:商业字体必须经过字体授权(尤其是中文字体,设计周期很长,被告支付的赔偿金额也很大);非商业字体请确保您的使用与商业无关;免费字体可以放心使用。你可以回到第三章和Q & amp了解字体版权的摘要01。哇,通用字体!不要相信上面这句话。
世界上有通用的字体吗?或许,Helvetica这种著名的无衬线字体,有着你想象不到的广泛应用。首先,它是一些排版软件的默认字体;以Helvetica为标志字体的大公司不计其数,包括无印良品、3M、贝贝、奥林巴斯等40多个大品牌。Helvetica曾经是iOS系统的默认字体;Helvetica;也用于伦敦地铁地图;美国政府也使用Helvetica作为政府表格的字体。
Helvetica各处
这么多好的设计都在用Helvetica,我应该用吗?
我的回答是:不要盲目使用。Helvetica的字体设计很优秀,但是因为Helvetica用得太多,变成了“空气般”的字体,没有什么特别的味道。但它无处不在,不可或缺。这种“空气般”的感觉似乎符合无印良品和3M的感觉,这是合理的。
所以对于字体的选择,没有不好的字体,只有不合适的。我还是会一步一步的经历选择字体的四个步骤。四步做完,很可能最后的答案不是“通用字体”,但如果是这样,也是合理的。
又到了做练习的时间了。试着用字体选择的四个步骤为下面的题目选择显示字体和正文字体。建议先拿出自己的答案,再看答案。我的字体选择仅供参考,不是最正确唯一的解决方案。欢迎大家一起探讨。
1.少数族裔地铁出入口广告牌
总有一天,小众会在地铁出入口设计一个广告牌。需要展示的内容有:“利用阿尔弗雷德让你最近使用的文档触手可及”,小众LOGO和“sspai.com”。请分别选择显示字体和正文字体作为标题和附属文本。
解决方案:
我们先检查一下内容,分为三个部分。唯一需要我们设计的部分是“高品质数字消费指南”和“sspai.com”,LOGO可以直接应用。考虑到小众是科技媒体,应该选择无衬线字体,所以英文字体也应该是无衬线字体。
接下来,考虑媒体。由于地铁出入口的广告牌距离观者较远,我打算用一种粗暴而巨大的字体来呈现“阿尔弗雷德的巧妙运用,让你最近使用的文件触手可及”。我应该选择大字号表现更好的字体,同时可能会使用更粗的字重,所以要考虑字体的字重是否足够。
结合语境,我发现少数民族有固定的视觉风格,如红白黑配色,以及文悦新青年体的运用。我们完全可以把它应用到这个广告牌上。因此,我的字体选择发生了很大的变化,从以前的更粗更大的字体变成了文悦新青年风格。
在审核过程中,可以确认文悦新青年体的版权许可(有少数购买了文悦新青年体的版权)。
最终效果图
2.校园歌唱比赛海报
位于三线城市的牟城二中为了在素质教育上有所突破,尝试举办校园歌唱比赛,我们要为其设计海报。需要显示的有:标题“第二届歌王大赛”,以及地点、时间、赞助商等信息。
解决方案:
我们先来看看内容。“二中歌王大赛”的名头那么高,活动本身竞争激烈。我们可以选择一种夸张有力的标题字体。我的选择是“黑体字造字工坊”。对于正文字体,使用衬线字体会显得过于正式,所以选择稍显沉稳的黑体。你可能会问,为什么不再用“打字机粗体”呢?这是因为如果同一个字体太多,会削弱这个字体的独特性,标题就很难突出。
第二步是考虑媒体。作为海报,观者可远可近。标题可以用大一点的字体打印,保证在远处也能看到,而时间地点等信息可以用小一点的字体打印,因为这些信息不是你第一次需要知道的。远处看不清楚的东西,能带来好奇心,驱使人们去看。
第三步是考虑上下文。比赛的主持人是学校。要考虑学校的形象,选择合适的字体。作为比赛,我们不需要完全套用学校的视觉风格,采用学校使用的字体。但是,为了完整地显示原来的校徽,可以在深色背景上使用反白技术。
最后一步是复习。核对内容,尤其是有时间、地点等信息时,一定要避免出现“2月30日”等错误。作为一个非商业活动,我们可以选择更多的非商业字体。如果有赞助商和冠名广告,就需要考虑字体的非商业许可范围。作坊里的粗体字只是一种非商业用途的自由字体,适合现在的情况。
最终效果图
字体的简单应用,虽然还有很多要改的地方,但是主要感觉是对的。顺带一提,你可能会发现上面两张海报和广告都是在《生活》里展示的。事实上,并不是我真的去了那里,而是他们应用了样机模板文件。mockup可以更好地展示你的设计在现实生活中的效果,我们将在以后的章节中解释如何使用mockup。
阅读和思考——艾伦勒普顿
艾伦勒普顿是著名的平面设计师、作家和教育家。她对排版有非常深刻的研究,《Thinking With Type》清晰的讲解了平面设计中的各种排版知识,简单易懂。适用于所有和文字打交道的人。据说Kindle版的阅读体验很差。建议看实体书。
用类型思考
两个系列的文章类型是美丽的
在前一章中,我们已经介绍了类型是美丽的网站。教程介绍完字体相关知识后,推荐同学们看一下这个书单和字体基础文章的总结很漂亮,都是很优秀的入门文章,可以作为知识的巩固。
类型是美丽的
同时,他们还拥有一个名为《字谈字畅》的播客专栏,是目前唯一一个专注于字体的中文播客。《字谈字畅》是了解字体知识和背后故事的好渠道。可以在播客应用中搜索“Word Talk和Word Talk”或者访问Word Talk和Word Talk官网进行收听。
标签
本章我们讲解了字体选择的知识:首先我们学习了字体选择的基础知识。然后我们在“如何用iPad制作中国风音乐幻灯”的情境中介绍了字体的四个步骤,用这四个步骤进行练习。希望你掌握了选择字体的方法。
我们将在下一章进入配色相关的内容,这是我们进入最终排版内容之前需要学习的最后一个知识点。谢谢你的研究。
文章转自小众,侵删。希望分享给大家!
暂无讨论,说说你的看法吧