美文网首页设计程序员@IT·互联网
选择合适字体的5条建议

选择合适字体的5条建议

作者: 点融黑帮 | 来源:发表于2017-04-17 10:38 被阅读256次

时下一种流行的设计方式:在页面顶部使用配有简洁文字的大幅图片或者视频,以此吸引用户进入网站。这种设计方式最头疼的就是如何为这些文字选择合适的字体。

如何从样式繁多的字体库中找到一个合适的字体?这往往让设计师感到举步维艰。也许运用如下这些小技巧能够帮助我们找到需要的字体。让我们通过下面几个精彩的案例,来分享这5条建议吧。

特排字体(Display Type)

我们先来了解下什么是特排字体(Display Type)?

(walkwest.com)

特排字体通常指是字号偏大,特别引人注目的文字,通常用于标题或需要放大显示的文字。特排字体并不只是在网页设计中使用,它源自于印刷设计师的一个术语。(译者:预知更多详见 Display_type In Wiki)

特排字体主要应用于以下两个方面:

用于首页展示的网站名称,例如:WalkWest

用于每个页面的大标题,或者横幅页头的标题。作为标题使用的字体虽然不如首页名称的字体那样巨大醒目,但却更广泛的被使用在网站中各个页面上

1、具备可读性

为了确保信息传递的有效性,特排字体需要有良好的可读性。这听起来像是一句废话,但实际上你会发现有很多大标题阅读困难的网    站这是因为现在有太多各式各样的字体可以选择。

(madebyaugust.com)

如何选择字体,目前并没有一种通用规则可言。衬线和无衬线表现能力同样好, 新奇的字体也能表现出理想的效果。

使用够大的字体,足够的留白,使其与别的设计元素有一种鲜明的对比,文字恍如跃然纸上。想象一下,如果这些文字蹦起来对用户尖叫到"READ ME"是怎样一种感觉,这正是特排字体需要传达出来的效果。

2、字体和单词匹配

若不是亲眼见证,你可能很难理解为什么字体需要匹配单词。

(godaytrip.com)

关于这一点,我是这样理解的。有些单词在某种特定的字体下会显得很难看,这个很难去解释。比如:'s' 在一个单词里面出现多次,整个字形就显得不太好看。这种情况同时还会发生在一些特殊字符上,比如:%、$ 或 &。或者你选用的字体中 I、l、1 区别不大,而又同时出现在页面上,这时候你就得换个字体了。

文字能够吸引人的眼球,这些单词会让人产生某种感受,或浑然天成或装饰过度。如果你觉得字符的组合方式比较奇怪,同样用户也会有相同的感觉。

3、设计更灵活

思考一下在你的项目中,你会怎么使用特排字体?是否使用不同的层次和风格来建立正确的总体方案?选择的字体在辅助文字和主标题是否都表现出很好的效果?

(nordhouse.com.au)

你需要思考所有可能的使用场景,让你选择的字体拥有足够的灵活度去适应不同使用方式。有些字体用在只有一两个单词的标题上可以放大到超级大,这产生了很棒的效果。但如果你还想把同样的字体用在小标题或辅助文字上,就比较困难。

如果选择的字体能适应不同的场景,你就能较为轻松的完成设计,并且保持设计的一致性。如果你的设计需要更多的灵活性并且兼顾一致性,那么可以考虑使用一个字体族,并对主标题使用粗体,次一级使用细体(也可以考虑用颜色来区别)。

4、谨慎使用细体

有一个大家经常讨论的问题:特排字体使用细体很难表现出需要的效果。

(dunlopbuilders.co.nz)

细小的字体有时候可以表现的很惊艳,也有设计师能把它设计的很漂亮,但是大部分情况下都不能展现出那么好的效果。

想象一下,你在一台27英寸的显示器上设计一段细体文字(也许你正在做。。。),接着在平板或者手机上来看,你觉得效果会是什么样?是否还是具备可读性?

苹果在 iOS7 上就犯过这个错,当时很多用户抱怨 iOS7 上的字体太细,以至于很多文字都难以阅读。在接收到用户的这些反馈后,苹果在后续的版本中就采用了粗一点的字体。

5、考虑下图片内容

知道在什么样的图片或视频上使用这些文字也是一个非常重要的环节。如果图片或视频的内容和后续设计传达的信息不一致,就算使用了世界上最美的字体整天呈现上也会显得怪异。

(iluvmagpie.com)

对比度也是一个很重要的因素,特别是在视频中深色和浅色的部分是会移动的。文字就需要设计在易识别的背景遮罩层上。

越来越多的设计师开始选择纯色作为背景,将文字突出成为了页面上最主要的元素。这是一个很有趣的趋势,也让我们见识了很多亮眼又大胆的网页设计。如果你对你的文字设计很满意,不妨就用纯色背景来突显它们。

在纯色背景上我们使用粗体的特排字体,能非常有效的让用户关注到文字本身,颜色能将用户的注意力吸引到你想描述的内容上。这样一组综合了多种字体样式的文字,几乎可以适应从高亮颜色到极简黑白的任何配色方案。最重要的事情是你需要选择一种非常迷人的字体!

小结

特排字体将决定网站带给用户的第一印象,它影响用户是继续浏览你的网站还是离开。

为了能完成这关键的一步,你要确保你的每一个词易于阅读,并配以合适的色调,同时避免你的设计干扰到用户,这样才能取得成功。

本文作者:曾真(点融黑帮),现就职于点融网工程部 DDC 团队,爱猫的设计师一枚。

原文地址:https://designshack.net/articles/graphics/choosing-the-right-display-typeface-5-tips-for-success/

相关文章

  • 选择合适字体的5条建议

    时下一种流行的设计方式:在页面顶部使用配有简洁文字的大幅图片或者视频,以此吸引用户进入网站。这种设计方式最头疼的就...

  • 如何选择合适的字体

    一.字体选择与字体组合方式 以案例说话: 首先我挑选了一些我个人觉得不错的设计作品,根据这些作品的设计目的和最终效...

  • 简历字体选择的建议

    (1)中文简历用什么字体会比较好? 电子版简历:主要是在电脑、手机等电子屏幕上显示。推荐用黑体,考虑到适配问题,首...

  • PPT如何选择合适的字体?

    壹 / 字体有哪些 字体分类——宋体 刚正指数:★★★★★ 潇洒指数:★★ 简洁指数:★★ 我们都知道,有一种字叫...

  • 如何选择合适的PPT字体

    文章来源 http://www.sohu.com/a/210383151_500693 举个简单例子,在下面这个...

  • 字相丨古法新鉴

    甲方要求: 1、logo已确定,需要品牌的字体搭配。 2、字体选择传统书法楷书为基本字形,建议选择柳体书法字形。 ...

  • 如何选择合适的字体:宋体篇

    我相信很多初入行的设计师都曾有过这样的困扰:面对大量的字体库不知如何下手?我在刚踏入设计行业时也曾因为不知道使用什...

  • 排版——选择字体

    选择字体可能很棘手,因为要考虑的选项和因素太多。幸运的是,您可以应用一些原则来选择合适的字体。 最重要的是心中有一...

  • [PS教程] 巧用笔刷,制作油漆涂抹效果字体

    话不多说,赶紧上车! 老规矩,创建合适大小的画布。填充好喜欢的颜色 选择文字工具。每个字体单独输出,方便对字体进行...

  • [PS教程] 巧用笔刷,制作油漆涂抹效果字体

    话不多说,赶紧上车! 老规矩,创建合适大小的画布。填充好喜欢的颜色 选择文字工具。每个字体单独输出,方便对字体进行...

网友评论

    本文标题:选择合适字体的5条建议

    本文链接:https://www.haomeiwen.com/subject/coxtzttx.html