当前位置: 代码网 > it编程>平面设计>平面其他 > 英文设计中字体的选择和排版技巧(附字体搭配建议)

英文设计中字体的选择和排版技巧(附字体搭配建议)

2017年04月19日 平面其他 我要评论
英文设计中字体的选择和排版技巧(附字体搭配建议)每个人、每天、在各种场合都会接触到字体。字体设计与排版,其实已经超出了设计师的范畴,无论是写商务邮件,做展示报告,还是发布博客,我们每个人其实都或多或少会接触到字体设计,... 17-04-19

字体应用建议

为了传达不同的情感,在使用字体的时候,有一些建议可以参考。

1. 选择基准字体

一般同一个场合,不一定会只使用一种字体。比如标题和正文可能就是两种字体。但是,一定要先选好正文部分的字体,再根据正文的字体选择合适的其他字体风格进行搭配。就好比穿搭,一般来说是先选好了穿哪件衣服,再决定搭配什么配饰。

而一般来说,字体主要分为以下四种:

带衬线字体: 也就是在笔触边角有小短线的字体。这种字体一般被认为更正式,也更加传统。并且更适合于印刷体。

无衬线字体:与带衬线字体相对,无衬线字体就是没有笔触边角的小短线字体。相应地,也被认为传达了更加欢乐、不那么正式的感觉。

手写体:模仿手写,往往用在正式的邀请函当中。不适合用在大量文章主体部分。

装饰体:独特的非正式字体。适合用在表达个性的标题上面,为整体设计添彩,但绝不要用在正文里面。

总之,在有大量文字出现的时候,用带衬线或无衬线体字是最合适的。因为这个时候你需要阅读者把注意力放在内容,而不是字体上面。

过去,鉴于屏幕分辨率的问题,会有人建议在网络上面最好使用无衬线字体。不过随着屏幕分辨率的提高,在适当的地方使用带衬线字体也没问题。在一些重内容的博客网站,甚至直接选用带衬线的 times new roman 作为主体文字。

总之,大部分情况下,清晰易读,一定是主体文字部分的第一要务。

这里有个检验字体的小技巧 (来自于 jessica hische)测试你的西文 i,小写的l 和1 是否具有辨识度。

用这个标准一测试,显然很多字体都经不起考验……

2. 选择大于 12 磅的字号

这里,科学家又做过一个实验。实验过程*&……%。好总之结论是,随着我们电子设备屏幕越来越大,12 磅字体是个更合适的选择。而在一定范围内,大一点的字体会容易让人产生更强的情感联系。所以也有人提出 16 磅是新时代的 12 磅。看看其他网站的字号给大家做个参考:

medium — 22px 37signals: signal vs. noise — 22px zen habits — 21px

当然,这个字号大小也有一个范围。要是主体文字超过了 30 磅,那也没什么意义了。不过,你可以尝试把字体调大一点试试。要是你用的是 12 磅,尝试一下 16 磅,要是用的是 18 磅,不妨尝试一下 22 磅。也许会有惊喜发现。

3. 注意文字长度

文字长度指的是文字在屏幕上延伸多长。一般来说,西文 50 – 75 个字符比较合适。当然越大的屏幕有越宽的范围。

zenhabits 的一行有 78 个字符,约 16.5 厘米。这个长度根据他们的轨迹测试被证明是最有效帮助读者阅读的长度。

过长或过短的文字长度都会扰乱读者的阅读节奏。所以要对文字长度给出重视。这里有一些网站文字长度参考:

知乎文章:43 个中文字符 (约 86个西文字符)

medium — 75 个西文字符

37signals: signal vs. noise — 76 个西文字符

4. 注意间距

如果字体排列太过紧凑,会让读者难以辨认文字;字体排列太宽松,又会降低阅读效率。

这里是 jessica 给出的一个对比例子。她会更推荐 avenir,因为该字体的间距更加让人舒服。读起来更轻松。

这张是 crew 团队邮件字体重新排版前和排版后:

改变字体,并且增加字间距之后,显然邮件可读性高多了。

再给个懒人福利。五种字体搭配建议

1. roboto slab and roboto

2. raleway and merriweather

3. lustria and lato

4. ubuntu and lora

5. quattrocento and quattrocento sans

下次在选择字体的时候,不要总是拘泥于默认字体,或是随意搭配啦。用字体传达出你对读者的爱吧。正如某个不知名的伟人所说过的:

人们会原谅你犯的错误,如果你向他们传递出了积极的情感。

good luck ~

感谢阅读。

(0)

相关文章:

  • 在保险这个垂直领域 电商产品主图的设计思路分享

    在保险这个垂直领域 电商产品主图的设计思路分享近年,金融保险类商品在淘宝商城逐渐火热,这种服务类虚拟商品,并没有漂亮的实物商品照片用来展示,设计师要如何设计产品主图才能吸引顾客,…

    2017年04月21日 平面设计
  • 值得收藏!100款最全的免费可商用字体分享

    值得收藏!100款最全的免费可商用字体分享我们习惯于在网上搜刮各种字体,以为可以随便用在自己的设计图、网页(比如H5广告)上时,可能一直无意间伤害着创作者、版权人。以下整合出可能…

    2017年04月14日 平面设计
  • 网页设计中图片设计技巧和选择图片选择原则

    网页设计中图片设计技巧和选择图片选择原则现在人们对于高清图片需求逐渐增加,网站建设如果图片使用不当,很容易让网站出现瑕疵。因此,在网站中运用技巧设计网站选择图片就需要谨慎。那么,…

    2017年04月24日 平面设计
  • 一个APP标志的设计思路和流程

    一个APP标志的设计思路和流程APP图标,就是放置在主屏幕上的应用图标,用户通过点击图标来启动应用,这篇教程是向脚本之家的朋友分享一个APP标志的设计思路和流程,来看看吧... …

    2017年04月13日 平面设计
  • 干货:电商品牌LOGO设计过程分享

    干货:电商品牌LOGO设计过程分享了解各自到属性感是在保证企业稳重高识别的要求下又具备一定的互联网化延伸孵化的品牌基因,一个好的品牌设计绝对不是为了只追求一惊一乍的刺激,而是需要…

    2017年04月25日 平面设计
  • 电商海报的模仿和延展的制作过程

    电商海报的模仿和延展的制作过程时间就是金钱,如何快速制作一张高质量海报,给店铺创造最大价值才是关键。这篇教程是向脚本之家的朋友介绍电商海报的模仿和延展的制作过程,教程真的很不错,…

    2017年04月13日 平面设计

版权声明:本文内容由互联网用户贡献,该文观点仅代表作者本人。本站仅提供信息存储服务,不拥有所有权,不承担相关法律责任。 如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 2386932994@qq.com 举报,一经查实将立刻删除。

发表评论

验证码:
Copyright © 2017-2025  代码网 保留所有权利. 粤ICP备2024248653号
站长QQ:2386932994 | 联系邮箱:2386932994@qq.com