如何在网页设计中选择正确的字体?

字体的选择不仅要讲究科学,还要讲究美观。这里提供一些简单的建议以供参考……

 

在数字媒体的设计中,排版起到重要的作用,所以了解字体是如何在特定项目中运作的,是现代设计师必不可少的基本功。这意味着在设计时,必须考虑字体的选择和组合等复杂的问题。

在这篇文章中,我们会讨论选择字体时应该考虑的哪些要素。有些要素是普遍需要考虑的,而有些是网页排版时需要额外考虑的。了解这些知识只是一个起点,你需要做的只是避开你排版工作的舒适区,学会一种分析方法,而不是一味重复某种排版方法,那只会带来低效而无聊的工作。

 

形态和功能

70512910 - design, sharing - 如何在网页设计中选择正确的字体?

(字体的形态决定了它们在排版中的角色,包含古典风格数字的字体适合用于正文,而包含等高数字的字体用于标题会更好)

你需要考虑的第一个问题,是字体的形态结构和它传达内容的关系。文本会被如何渲染和阅读,会给设计师的字体选择提供指导。其中的关键是给定的模块需要文字的数量。根据经验,开放式笔画和形状鲜明的字体,作为正文字体会有比较好的效果,可读性也会比较好(上图展示了这个字体的结构特点)。另外,如果字体中包含古典风格的数字,可以让文本的“纹理”更加均匀,避免对阅读造成干扰。

另一方面,标题或许需要被压缩,以保证更多字符可以呈现在单行文本中。这种情况下,需要避免使用上下浮动较大的文字。这里还要考虑数字和大写字母的作用。

大多数印刷设计人员和编辑都认同,应该使用较少的字体种类。事实上,一个拥有斜体、小写字母的字体,可以满足大多数情况下的需要。然而在复杂的项目中,你可能需要更多字体,它们可能属于不同的类型,可以区分文字的功能——技术信息、引用、导航元素、脚注等。

76261044 - design, sharing - 如何在网页设计中选择正确的字体?

(一个复杂的设计,比如这里的新闻页面,如果想要清晰地表达信息的层次结构,就需要用到多种字体和样式)

另一个需要考虑的问题是,读者和应用程序的关系。比如,他们会长时间阅读吗?亦或是只会浏览小段信息?不同的场景需要选择不同的排版。在长时间阅读的情况下,需要考虑阅读疲劳的问题,所以需要选择空隙较大的衬线体字,并选择良好的颜色和较低的对比度。而在后面的情况下,由于用户不会长期关注文本,所以疲劳并不是主要问题,相反需要采用有特色的文本来辅助导航,提供页面的结构指南,方便读者快速找到相应信息。

41932561 - design, sharing - 如何在网页设计中选择正确的字体?

(浏览器将决定文本在屏幕上的具体呈现方式,这对让设计者的工作更为复杂)

另一个至关重要的问题是,一个字体是否完整,是否包含工作中需要的字形?很多设计师和开发人员发现,在说服客户选择“正确的字体”后,很可能发现它们缺少一些字形(比如音标符号、分数等)。现在的常见字体Mac OS Roman 256字符集可以满足一般需要。即便是在英文环境下使用字体,也有需要引用外国人名称的地方,或者需要特殊的字符。因此,在选择具体项目字体之前,需要尽可能熟悉字体是否表现良好,有些情况下甚至需要向字体公司索要特殊字体测试许可。

 

技术问题

数字印刷技术带来的最显著变化是,将字体的字形存储与最终呈现方式分离开来。现代印刷可以用多种方式输出字体,从印刷到投影,从移动设备到胶印机……这种巨大的灵活性意味着你在选择字体时应该有更多的考虑。

其中一个问题就是,字体在载体间切换的时候带来的质量问题。与印刷相比,电脑屏幕的分辨率非常优先。比如,普通的胶印板可以做到2400DPI(关于DPI),而计算机屏幕只能呈现120到3—DPI。这种差异会对打印产生明显影响,实际字体越小时,这种影响就越明显。

31934766 - design, sharing - 如何在网页设计中选择正确的字体?

(左侧是字体的形状,右侧是机器还原的字体)

一些字体在屏幕上可以获得更好的渲染效果,这个技术叫做Hinting(暗示)。Hinting是一个专业术语,用于标识字体被屏幕采样后,如何在显示上保持更好的效果。Hinting有助于避免字体被错误采样,保证字体的主干线条即使在较粗的分辨率网格下,也能显示一致的宽度。

Hinting技术可以让字体在屏幕上有更好的表现,然而对于读者来说最终的显示效果会出现差异。例如,大多浏览器是依赖操作系统的栅格化效果来呈现字体的,它们甚至可以为不同字体使用不同的栅格引擎。另外,浏览器拥有自己的格式支持选项呢,例如字距或连字,这也会改变原本设计的外观。所以在设计时,建议在多种浏览器和操作系统中检查效果,以确保外观的一致性。

字体的细节多少会提示你在什么情况下,可以安全地使用什么尺寸的字体。比如印刷字体Maiola或Sabon,拥有较多的细节,表明需要相当大的尺寸才能完美的显示,否则一些细节就无法呈现。为报刊或荧幕专门设计的字体在这方面表现良好。例如Georiga或Abril字体,尽管看起来比较粗,但在低分辨率的印刷或渲染下有非常的不错的表现。

68154667 - design, sharing - 如何在网页设计中选择正确的字体?

(一种字体的相对比例,决定了是否适合作为正文字体)

系统兼容性也是设计师应该考虑的问题。现在的字体是软件的一部分,可能无法在某些操作系统或网络环境下正常工作。而且字体也可能会像其他程序那样,导致操作系统崩溃。

对技术和功能方面来说,另一个问题是OpenType。多年来,字体设计这门使用OpenType格式创建字体,以提供更好的语言支持和其他附属功能。在这情况下,音标符号和小写字母 可能共存于同一个文件,以方便排版的进行。然而,这些功能是否可用取决于DTP应用程序的支持。这导致了你购买的某个字体可能不能正常使用音标符号。

 

美学的考虑

在考虑到技术和功能之后,还要考虑美学问题。美学问题为字体的选择提供了框架,当然由于有个人品味的问题,所以也不存在绝对的规则。但需要考虑以下几点:

70486611 - design, sharing - 如何在网页设计中选择正确的字体?

(只使用Organic或Mechanic等字体,有助于印刷版面的和谐)

首先,要注意时下的趋势。时尚的字形或构图风格可以立即唤起某种情绪,这种字体可以用于广告或某种短期使用的载体。然而,时尚的变化是很快的,很多设计可能会很快过时。所以在创造需要长久使用的作品(如品牌或出版物)时,需要考虑时下的趋势。

其次,考虑到字体传达的情感,以及设计的整体氛围。让字体传达出跟设计一致的信息是很重要的,科学文章、新闻和学术作品需要情感比较薄弱的字体,而诗集等可能刚好相反。

有趣的是,字体不仅和内有有所联系,和读者也有。字体的可见性可以控制文字和读者之间交流的“音量”大小。

标题的字体往往较大,设计师可以使用一些更加个性的字体,或者加入特殊的点缀,让它看起来更加独一无二。另一方面,正文需要更细微的调整,在字符重复率、识别性和可读性等方面综合思考。

 

预算问题

最终选择什么字体还要考虑到经济因素。这是最容易掌握的一点,但在某些时候可能也是最大的制约因素。

有限的预算可能会迫使设计师使用开眼字体,或者使用某些软件的打包授权字体(如系统字体)进行排版。或者可能意味着字体的选择范围是给定的(客户购买了某些字体的许可证),所以选择十分有限。在进行字体选择的时候,先问清楚这类限制因素是不是存在。

choose the right fonts for website - design, sharing - 如何在网页设计中选择正确的字体?

(上述灰色是标题的字体,而黑色边框是正文的字体,他们的结构有区别)

我们还建议你研究以下字体许可证对字体做出的限制。比如,部分字体如果在网上使用、在应用程序中使用或在主流媒体中使用,可能需要额外的许可证,往往更加昂贵。询问字体的出品方,你将得到这方面的解释。

 

分析问题,而不是循规蹈矩

以上对字体选择注意事项的描述也只是冰山一角,我们希望通过这里讨论的问题引发读者的思考。不论您做怎样的设计,都应该先了解和思考设计的目的,在此基础上选择字体。字体的选择不存在公式,但也不可盲目。

有意识地选择字体,并考虑其装饰之外的作用以及可能产生的问题,可以帮助设计者更好地认识字体本身,并促使作品更加优秀。正确的字体选择,让你的设计更上一层楼。

微信打赏支付宝打赏

感谢您的支持!

文章来源:卡米雷特的小站www.kamilet.cn)转载请注明出处。

卡米雷特

视觉控&技术控,不断学习中!


您可能还喜欢...

发表评论

电子邮件地址不会被公开。 必填项已用*标注