正确选择强调性文字字体的5个建议

所属分类: 平面设计 / 平面其它 阅读数: 1430
收藏 0 赞 0 分享

对于网页设计来说,最大的趋势之一就是在页面顶部放置一张超级醒目的Banner主视觉图或视频,然后通过用几个文字作为辅助来向用户展示近期网站的最新消息或主推信息,以此来指引用户再进一步的浏览网站。不过这种设计在给用户带来美感和满足的同时,也给网站设计师带来了不小的压力,他们必须想出正确的字体来烘托整个场景,以此推动整体设计。

尽管现如今有了这么多的字体可供选择,但是这恰恰也成了干扰设计师的一个阻碍,使得任务更加艰巨。 不过不用过于当心,相信你可以通过有目的的规划加上一点点运气找到一个刚好能匹配你的设计的字体。 通过一些成功使用文字排版的例子,我们将在下面的文章中提供5个小提示,希望在网页设计上能够给你带来灵感。

用于大字号的字体到底是什么?

在我们进入的本条提示之前,你愿意谈谈你对修饰文字的认识或看法吗?

顾名思义,用于大字号的字体往往是大的,醒目的字体,他们最常被使用的位置在标题或者是那些在设计中需要被强调的位置。它不是网页设计的“专利”,也是打印设备使用的术语。

用于大字号的字体在网页设计上主要有两种形式:

· 作为主页上的标题,如Walk West(上图);

· 在整个网站设计中,每一页的主标题或标题。虽然通常不会像主页上的主标题那样大或者吸引人,但是它却可以成为每个独立页面的共同元素,这也是我们经常强调的,尽量要保持元素的统一性,一致性。

1.它必须具有可读性

用于大字号的字体必须具有可读性才能有效。你不难找到一些反面的网站,这些网站上面使用了很多很酷而且新奇的字体,但是作为他们的主标题却很难被用户理解,几乎是不可阅读的,这样的网页设计又能有什么用呢?

当然,我们并没有说需要局限他们的类型,或者说用某种既定的规则限制住他们。Serifs和sans serifs工作同样好。甚至一些新颖的字体有时就是我们做设计时理想的匹配。

我们强调的最重要的事情是:强调性文字应该足够大,他们之间的间隔也需要保持足够的距离,使得他们与页面上的其他设计元素对比起来,能足以在屏幕上凸显出他们。想象一下,这些词会是什么样子如果他们尖叫着“快来读我,读我!”。这才是用户在一开始被这些强调文字吸引的心里感受。

2.字体需要匹配对应的单词

这可能是世界上最难理解的一个概念,直到你在实际的行动或案例中看到他:字体需要匹配对应的单词。

有一种理解是,有些单词通过某些字体的表现以后,看起来特别糟糕,导致用户很难理解文字究竟要表达的内容和信息。也许这个单词里面反复出现了几次s,刚好这个字体在字符集里面看起来并不是太好。同样的情况也可能发生在一些原来就比较奇怪的字形和标点符号上,比如%,$和&。又或者,你选择了一款字体,但是这个字体导致在单词中I、L和1看起来都一样,而且最糟糕的是,他们刚好同时出现在同一个文本中。

字体应该通过“眼球”的测试,这意味着它应该看起来吸引人。通过字体的展现,单词缩组成的文字或内容对用户来说应该是易懂和舒适的。如果连你都觉得在一些设计上面存在怪异的字符组合,用户也会这么觉得的。

3.给文字以灵活性

想想在整个项目中如何使用强调性字体?你选择的字体是否适用于那些辅助显示空间或者主标题?

你需要考虑所有的这些用法,并给自己选择的字体以足够的灵活性。

如果所选的字体在多种情况下都能很好的适应,并能发挥你预期的效果,通过恰到好处的设计,这将很容易给你的设计创建一致性,这是很重要的。为了额外的灵活性和设计一致性,你要尽可能全面的考虑整个字体系列是否能用于整体。

4.小心提防那些细的笔画

以下语句有争议:在显示类型方面,薄行程难以有效使用。

是的,用细笔画的字母可以看起来惊人。 是的,一些设计师把它漂亮地。 但大多数不。

回到提示号1.这一切都回到了可读性。

想象一下,你在主显示器上使用了超薄笔触的字体,它在27英寸的桌面显示器上看起来不错(也许像你正在设计的那样)。 现在看看它在你的平板电脑或手机。 你现在怎么样? 它仍然只是可读性? (可能不会。)

如果你需要更多的说服力,记得苹果试图这与IOS 7.用户抱怨说,用于操作系统的字体太薄,很难阅读。 他们把这些投诉心脏,随后的版本包括一个更粗的字体。

5.综合考虑一下图像

单词和字母如何与它们配对的图像或视频一起工作?这是一个需要谨慎考虑的问题。世界上最美丽的字体如果和设计的其余部分的音调不匹配的话,可能会使得整体设计显得很尴尬。

对比度也是一个促成因素,特别是对于视频,由于在视频中,图像的暗部和亮部几乎是随时都在变化的,所以你要保证的是,你所使用的这些强调性用词总是需要在背景上是可识别的。

就目前来说,更多的设计师更喜欢选择纯色背景(这是一个很有趣的趋势,那些明亮,大胆的网站设计), 这样做的好处在于,通过干净的背景,使得文本成为主要的焦点。如果你对你选择的字体有足够的自信,这可能是一个不错的选择。

在实体背景中,被设置为粗体的强调性字体能够真正让用户专注于单词本身。

总结

显示类型是用户心目中的第一个想法。 第一印象可以确定用户是否坚持您的网站或移动到其他地方。

为了充分利用这一关键互动,确保每个词都容易阅读,设置正确的语调,并帮助用户移动通过设计,以给您最大的成功机会。

更多精彩内容其他人还在看

八种很漂亮的排版方法和技巧分享

这一篇教程的版式设计主要针对的是画册设计中的版式排版设计,作者一共总结了八种很漂亮的排版方法和技巧给大家分享出来,希望这篇教程能对大家有所帮助
收藏 0 赞 0 分享

怎样才能恰如其分地运用对比提升设计品质呢?

对比实际上是每一项设计都应体现的重要原则,因为对比能够组织设计并构建设计的层次,也就是说它能够告诉观众什么才是最重要的部分。恰当地运用对比不仅能强调焦点,还可以增添视觉趣味性。那么怎样才能恰如其分地运用对比提升设计品质呢?我们来看看吧
收藏 0 赞 0 分享

如何努力成为一名复合型设计师?UI设计师需要其他技能盘点

复合型人才应该是在各个方面都有一定能力,在某一个具体的方面要能出类拔萃的人,那么也就是说作为一名“单纯”的UI界面设计师,理应具备其他技能,这样才能更具竞争力。那么UI设计师可以有哪些其他技能呢?来看看吧
收藏 0 赞 0 分享

实用:40个标志设计的心得技巧

好的标志设计不仅需要让你的作品显得富及创意及好看,它还需要能够与受众产生品牌信息的沟通。今天就为大家分享40个标志设计的心得技巧,对于初学者来说非常值得学习,好了,下面我们来学习吧
收藏 0 赞 0 分享

连续法法则 连续性在平面设计中的应用

利用连续性的心理法则,我们可以在设计中创造一种张力——从而形成一种吸引力,今天为大家分享连续性在平面设计中的应用,很实用,值得大家学习,推荐过来,希望能对大家有所帮助
收藏 0 赞 0 分享

电商banner和海报文字排版的几个实用小技巧

今天为大家分享电商banner和海报文字排版的几个实用小技巧,教程真的很实用,非常适合初学者来学习,值得大家来学习,推荐到脚本之家,来看看吧
收藏 0 赞 0 分享

两个实战案例帮你一窥专业设计师才会的设计思维

我们平时评判一个设计的好与坏,很多时候都是从色彩好不好看、使用时有没有可用性的问题等等角度来做出判断,今天为大家分享通过两个实战案例帮你一窥专业设计师才会的设计思维技巧,一起来看看吧
收藏 0 赞 0 分享

5个维度来说说视觉设计师的设计风格

想要把设计风格讲清楚,的确不是一件容易的事。但绝对要避免从感性的角度来阐述事实的这种习惯,毕竟现在的移动产品从视觉表现力方面正在逐步降低要求,这种环境的变化也是要求视觉设计师应该主动去加强设计思路的原因,下面从5个维度来说说视觉设计师的设计风格
收藏 0 赞 0 分享

电商设计师究竟该如何正确认知自己的价值呢?

要想知道电商设计师的价值是什么,就先要知道电商设计师是谁是做什么的,那么电商设计师是做什么的呢?今天为大家分享电商设计师究竟该如何正确认知自己的价值,一起来看看吧
收藏 0 赞 0 分享

超实用:字体设计之笔体笔划知识全攻略

汉字的基本笔划有点、横、竖、撇、捺、挑、折、勾8种,每种在此基础上又细分出很多同类笔划,今天为大家分享字体设计之笔体笔划知识全攻略,非常实用,值得大家学习,一起来看看吧
收藏 0 赞 0 分享
查看更多