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

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

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

一直觉得每种字体都带有自己的性格和情感。所以在实际的应用中,选择哪种字体的重要性比想象中重要得多。字体传达的信息,甚至可以影响人们的购买决策,影响到客户是否对你说「yes」。这里我参考了一些文章,总结了一些对字体的情感和应用研究。

阅读时间:10 分钟

本文将介绍

字体与阅读体验 字体与文化联系 几种常见字体的故事与情感表达 字体应用建议 (附五种字体搭配建议)字体与阅读体验

每个人、每天、在各种场合都会接触到字体。字体设计与排版,其实已经超出了设计师的范畴,无论是写商务邮件,做展示报告,还是发布博客,我们每个人其实都或多或少会接触到字体设计。

字体及排版的重要性从下面这个实验就可以看出来。20 位志愿者,一半男生一半女生被分成了两组,每组被展示了同样内容不同排版的纽约客:一组的排版、字体和图片都经过设计,另一组则是随意排布了一下。

研究者发现,用户对排版很糟的那一篇文章印象很差,甚至在生理上通过禁皱眉头反映了出来。

而皱眉肌是与人脑海马体旁的杏仁核这种负责情绪管理的部位紧密联系在一起的。

而阅读排版良好的那一组人员,则拥有更强的认知注意力,更强的分析状态和更清晰的思路。

研究人员因而得出的结论是,良好的排版不一定能帮助你更好地理解文章,但确实会让你阅读感觉更好,从而能更加积极地对于阅读做出响应。

好吧,也许你会说,这不是废话吗,我当然知道好的排版比差的排版对阅读更有帮助。但是这里想要强调的是,字体与排版是密不可分的两个部分,都属于英文中「typograhpy」的范畴。英文的「typograhpy」还包含了字体艺术,版式艺术等内涵。

字体与文化联系

字体之所以会给你带来这样那样的感觉,原因之一就在于它与文化的深刻联系。

比如 courrier (法语里是信件的意思)字体,就特意设计成怀旧的、让人回想起老式打字机打出来的字体。

许多人把 helvetica 与美国政府联系在一起,也是因为美国税单上用的字体就是这个。

而如果你不生活在美国,或对西方打字机没什么概念,可能看到这两种字体就会无动于衷。因为这种文化联系的缺乏。

所以,这里的建议是在使用字体的时候,一定要注意其文化联系。看看美国银行的例子。这是原始网页:

这是改进后的网页 (与报纸新闻标题联系在了一起)

当美国银行网页的字体改成了 impact 之后,看起来反而没那么可靠了。

字体是人设计的。它的背后一定有某种文化意义。所以在选择字体的时候,要考虑到字体的文化背景,我相信你不会想选一个一下就让人联想到某些文化里面努力避免的字体。

几种常见字体及其情感表达1. times new roman

在西文中,最常见的字体莫属 times new roman 。这个带衬线字体来源于英国《时代》杂志。1929 年,字体专家 stanley morison 批评了《时代》杂志的字体难读又难看。杂志社的人接受了他的批评,并请他设计出了一款新的、适合杂志阅读的字体。于是 morison 和杂志社内部的 victor lardent 合作设计了这款著名的 times new roman。

morison 一开始是建议在 plantin 的基础上进行改进设计,但为了兼容可读性以及对于空间的节省,最终做出了字体的重大改动:笔触之间的对比做了加强,从而营造出一种干脆的感觉。

roman 代指的是传统有衬线的一种规矩的字体。但 times new roman 的字体设计与名为 roman 或 romas 的源于意大利的字体没有关系。

风格:受早期现代化和一些巴洛克印刷影响,结构庄重,清晰。适宜正式场合。

2. helvetica

同样作为西文常见字体之一,helvetica 作为一种无衬线字体,其来源名字显得没有那么动听一点:neue haas grotesk。(neue = 新的,haas = 很man的,粗鲁的,grotesk = 怪诞的)。max miedinger 和 eduard hoffman 在 1957 年瑞士创建了这个字体, 这个字体的中性化设计让它迅速在各种应用中走红。但字体名字就没那么有吸引力了,当 d. stempel ag 公司一年后打算开始推广这种字体的时候,他们决定换一个更加国际化的新鲜名称。最终他们选用了一个让人注意到瑞士根基的名字:confederatio helvetica 是瑞士的拉丁名。

风格特征:高 x基准;紧凑的字母间距;窄 t 和 f。广泛适用于各种场合,尤其受品牌商标的偏爱, 包括 3m,宝马,雀巢, 曾经的苹果等等。另外,该字体很受政府青睐。正如上文所说,美国税单上用的字体就是 helvetica。

对应的中文字体,应该是各种黑体比较适合。

3. verdana

verdana 是 matthew carter 为微软公司设计的一款无衬线字体。最初是微软的字体小组里的virginia howlett 提出的要求。verdana 的名称是来源于 verdant (绿色的东西)和 ana (howlett 姐姐的名字)。

跟人性的字体 frutiger 一样, verdana 设计理念是适应那时低分辨率的电脑屏幕。其风格特征是高 x基准,字母间宽松的间距,以及很宽的字母空心(比如 a 和 p 闭合部分的距离),以便在小字号上也能易于辨认。

宜家从2010 年起抛弃了使用多年的 futura, 转而投向了 verdana 的怀抱。据宜家的解释,这种转变的原因是为了保证字体能适应各种国家的文字(之前的宜家字体不能兼容亚洲文字),从而保证宜家设计风格的一致性。可见 verdana 在国际化适应范围上是比较广的。

4. calibri

被称为「温暖又温柔的一款字体 」,calibri 从 2007 年开始,逐渐成为了微软旗下几乎所有产品的默认字体。该字体属于 windows vista 推出的 cleartype 字体系列之一,用于适应 lcd 显示屏。同系列的字体还包括 cambria, candara, consolas, constantia and corbel 。

在大字号尺寸下,字体圆润的边角清晰可见。而它的意大利斜体则包含了书法字体的影响,这种影响在现代系字体里面都可以见到。虽然对于 calibri 字体在设计界有些争议,但得益于它有些弯曲的线条和笔触收尾初的轻微卷曲,该字体在幻灯片展示大字号的时候还是挺好看的。

5. san francisco

san francisco 是苹果特意为其产品设计的一款无衬线字体。根据苹果官方介绍文档,该字体也是高 x基准,数字高度与大写字母高度一致的。

相比之前苹果使用过的 helvetica, 该字体在小字号上的显示表现优秀很多。对该字体的积极评价主要是以下几个方面:

字体颜色的均匀程度。缩小文字字号,眯起眼睛感受一下:

字体的灵活性

san francisco 是一整个字体家族。设计师在设计的时候,不用操心使用具体哪一种 san francisco(比如只需要把系统调成 uilabel),系统会自动选择合适的字体适应屏幕和字体大小。

尤其需要指出的是该字体的冒号。一般字体冒号会比底部基准线高一点点,但 sf 的冒号位于两个数字中间的时候,可以刚好居于数字高度居中的位置。

总的来说,sf 是一款适应了数码时代的字体。

(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