sumaart

web site / mobile & h5 / brand design
less is more, art is freedom…

设计观点

Back

网站设计中如何选择字体(也适用于任何设计)

Share

Time:

2020-05-07 11:12:14

Author:

limo

为一个新网站设计项目选择合适的字体是令人兴奋的,但这也可能是一个重大挑战。幸运的是,在决定如何选择字体时,您可以遵循一些永恒的规则。无论您是想要一个超细微和简单的网站设计,还是一个明亮和大胆的布局与影响,您总是需要考虑一些类似的权衡与排版。


如何选择字体与具体步骤无关,而与为网站设计项目创建正确的感觉有关。这里是您如何做到这一点(与一些可爱的字体选择的例子)。


1-思考的个性




虽然在网站设计项目中选择字体有很多重要的考虑因素,但是没有什么比个性更重要的了。


您选择的字体将为用户创建项目的心情和印象。说到字体,您有两个选择:


选择一个适合您想要的设计基调的字体。(我们这里有相关指南。)


选择一个中立的字体,让其余的设计来设定项目的个性。


记住那些字体的变化,比如大写字母、粗体、斜体,甚至字母的形状(sharp和flowy)都有助于形成字体的个性。


2-计划一套字体




用一种字体完成一个设计项目是不常见的。大多数有两种字体,一种是大的元素,比如标题,另一种是主体文本。


您需要选择一对可以很好地协同工作的字体,以创建项目的正确感觉。一般来说,这包括一种带有很多个性的字体和另一种更中性的字体。


您不想要的是两种看起来“表达”不同东西的字体。一个好的字体搭配包括具有互补形状的字体,这样它们可以将注意力吸引到信息上,但又不会相互竞争。


3-看看可读性




您最喜欢的字体容易读吗?


如果字体很小,这个答案是否成立?大吗?如果您需要在远处阅读?


如果您不得不花时间思考一个设计中的单词来理解它的意思,因为字母的样子,那么它的可读性不是很强。


在某些情况下,使用装饰性的字体是可以接受的——比如在一个简短的标题中——但是如果人们很难读懂文章,您真的能传达出您想要传达的信息吗?


4-小心那些狂野或时髦的选择




除非您是在设计一个一次性的元素,比如海报或活动邀请,否则从长远来看,时髦或狂野的字体选项可能会带来更多的麻烦。


大多数设计项目都需要一定的寿命,所以您希望字体能够随着时间的推移而保持不变。时髦的选项可以很快地确定一个项目的日期,而狂野的选项可以适用于一个设计元素,但在活动中转换成另一个设计时就会变得平淡无奇。


如果您想设计出更时尚的风格,可以考虑用现代的方式来配对字体。


5-选择高功能




这不是最有趣的提示,但它是非常实用的:选择一种您计划使用它的所有功能的字体。


这意味着您的字体需要在您想使用它们的任何地方都能正常工作,包括在打印项目、网络项目或数字出版中。


字体必须得到许可,用于所有适当的用途,并在任何计算机上工作,您将使用的设计。


有时,这种技术考虑会导致选择多套字体—一套用于打印,一套用于web—具有相似的外观和感觉。但是有这么多的选择,有这么多的通用性,这就变得不那么常见了。


6-与您的品牌和语气相匹配




如果您有一个品牌或风格指南,您在任何类型的设计项目中使用的字体都应该符合这些指南。


这包括与品牌的风格和个性相匹配。您可能还会发现品牌指南规定了哪些字体和/或样式您可以使用,哪些不能使用。


或者您可能会发现,您可以灵活地为某些用途添加字体,只要它与主品牌字体匹配即可。


这里的主要教训是,在您深入到字体选择游戏之前,检查一下您的品牌指南,以确保您不会违反任何组织规则。(从长远来看,这只会让这个过程变得容易得多。)


7-多才多艺大有帮助




一个高度通用的系列可以使选择字体更加容易。没有什么比“超级家庭”更适合您的钱了。这些集合在单一的字体中包含了大量的选项和样式。


谷歌字体解释道:“superfamily是一组字体,例如sans和serif字体,或者是规则字体、平板字体和圆角字体,它们被精心设计成紧密协调的字体。”“与来自不同字体家族的配对字体相比,超家族通常在需要更多视觉凝聚力的时候使用。UX设计师可能会部署一个超家族来描述UI文本(菜单、工具提示)和编辑内容(标题、正文),并在整个应用程序或网站上创建具有清晰层次结构的一致基调。”


在查看类型家族时,请考虑设计项目的层次结构。您需要多个重量-从薄到厚-斜体和粗体的选择?如果答案是否定的,您可能不需要像superfamily这样内容广泛的东西,但是大多数设计都需要具有完整字符和字形集的字体的灵活性,以及规则、斜体和粗体样式。


8-考虑预算




在选择项目字体时,预算是一个主要的考虑因素。您愿意在字体上花多少钱?


对于较小的预算,您可能想要选择一些字体,然后寻找相似的选项(与较小的家庭),以获得最佳的成本效益。


如果您经常使用很多不同的字体,图书馆是个不错的选择。(如果您是创意云用户,Adobe字体是您订阅的一部分,谷歌字体是免费的。)库的惟一缺点是字体只授权给您,不能打包用于客户端。


9-创建高对比度




有效使用字体的窍门是专注于高对比度选项。不要选择相似的字体。选择那些明显不同的字体,比如衬线字体和无衬线字体的组合,或者是think weight字体和slab字体。


还要考虑字体选择和设计画布之间的对比。字体选择是否足够健壮,可以在背景中看到?它是否能在图像或视频元素中脱颖而出?这对您的颜色选择有用吗?


所有这些元素都有助于建立足够的对比度,以确保字体是可读的,并为您的项目设置正确的基调。将它们放在一起,然后决定增加字体权重,以确保足够的对比度,这并不罕见。


在真实的环境中使用选项和测试可以帮助您确定对比度是否足够高,以创建最佳的可读性和设计的正确氛围。


10-打破常规(偶尔)




如果您不能时不时地打破一个设计规则,那它还有什么用呢?有时您会看到一个字体组合看起来很神奇,但却打破了所有的设计规则。


如果使用得少,也没关系。时不时地去尝试一下。只要项目是为客户和受众服务的,非常规的字体选择是有效的。


结论


学习如何选择字体最好的部分是它提供的创意机会。混合和匹配字体可以带来很多乐趣,并有助于为项目带来活力。选择合适的字体很像给一个黑白轮廓的项目添加颜色,—个性和风格最终会脱颖而出。