如何设计吸引眼球的网站?
2020/7/27 13:15:37
时下一种流行的设计方式是在页面顶部使用配有简洁文字的大幅图片或者视频,以此吸引用户进入网站。这种设计方式头疼的就是如何为这些文字选择合适的字体。
从样式繁多的字体库中找到一个合适的字体,往往会让设计师感到举步维艰。但是我们可以使用一些小技巧,就能找到我们需要的字体。让我们通过下面几个精彩的案列来分享这5条建议。
什么是特排字体(Display Type)
在开始之前,我们来了解下什么是特排字体?(如果已知晓请直接跳到建议1)
特排字体通常指是字号偏大,特别引人注目的文字,通常用于标题或需要放大显示的文字。特排字体并不只是在网页设计中使用,它源自于印刷设计师的一个术语。(译者:更多说明参见Display_type In Wiki)
特排字体主要应用于以下两个方面:
1、用于页展示的网站名称,例如WalkWest(上图)
2、用于每个页面的大标题,或者横幅页头的标题。虽然作为标题使用的字体不如页名称的字体那样巨大醒目,但却更广泛的被使用在网站中各个页面上。
1、具备可读性
为了确保信息传递的有效性,特排字体需要有良好的可读性。这听起来像是一句废话,但实际上你会发现很多大标题阅读困难的网站,这是因为现在有太多各式各样的字体可以选择。
关于如何选择字体,没有通用规则可言。衬线和无衬线表现能力同样好,新奇的字体也能表现出理想的效果。
使用足够大的字体,并有足够多的留白,同时和其他的设计元素形成鲜明的对比,这样文字就能跃然纸上。想象一下,如果这些文字蹦起来对用户尖叫到"READ ME"是怎样一种感觉,这正是特排字体需要传达出来的效果。
2、字体和单词匹配
若不是亲眼见证,你可能很难理解为什么字体需要匹配单词。
我是这样理解的。有些单词在某种特定的字体下会显得很难看。这个很难去解释。比如's'在一个单词里面出现多次,整个字形就不太好看。这样的情况还会发生在一些特殊字符上,比如%,$或&。或者你选用的字体中I,l,1看起来是一样的,而这三个字符又同时出现在页面上,那么这时候你得换个字体了。
文字需要能吸引人的眼球。这些单词会让人产生某种感受,或浑然天成或装饰过度。如果你觉得一些字符的组合比较奇怪,那用户也会感觉到。
3.设计更灵活
思考一下在你的项目中,你会怎么使用特排字体。是否使用不同的层次和风格来建立正确的总体方案?你选择的字体在辅助文字和主标题是否都表现出很好的效果?
你需要思考所有可能的使用场景,让你选择的字体拥有足够的灵活度去适应不同使用方式。有些字体可以放大到超级大,用在只有一两个单词的标题上,效果是非常棒的,但如果你还想把同样的字体用在小标题或辅助文字上,就比较困难。
如果选择的字体能适应不同的场景,你就能较为轻松的完成设计,并且保持设计的一致性。如果你的设计需要更多的灵活性并且兼顾一致性,那么可以考虑使用一个字体族。对于主标题使用粗体,次一级使用细一点的(也可以考虑用颜色来区别)。
特排字体将决定你带给用户的印象。它影响用户是继续浏览你的网站还是离开。
为了能完成这关键的一步,你要确保你的每一个词易于阅读,并配以合适的色调,同时避免你的设计干扰到用户,这样才能取得成功。
标签
上一篇:网页设计中流行一种极简风格
下一篇:网站设计须知的小技巧