零基础学网页UI设计
上QQ阅读APP看书,第一时间看更新

2.1.1 文字在网页中的应用

文字排版设计主要包括字体的选择和文字在网页中排版的艺术规律。文字的排版设计,已经成为网页设计中的一种艺术手段和方法,它不仅给浏览者美的感受,而且可以影响浏览者的情绪、态度及看法,从而起到传递信息、树立形象和表达情感等作用。

☆ 小技巧:文字在传达信息时具有高度的明确性

图形和文字是平面设计构成要素中的两大基本元素。在传达信息时,如果仅通过图形来传达信息,往往不能达到最佳的传达效果,只有借助文字才能达到最有效的信息说明。在网页设计中也不例外,在图形图像、布局版式和配色设计等众多构成要素中,文字具有最佳的直观传达作用以及高度的明确性。

文字不仅是语言信息的载体,而且是一种具有视觉识别特征的符号。通过对文字进行图形化的艺术处理,不仅可以表达语言本身的含义,还可以以视觉形象的方式传达语言之外的信息。在网页设计中,文字的字体、规格以及编排形式就相当于文字的辅助表达手段。

通过图形化处理的文字是对文字本身含义的一种延伸性的阐发。与语言交流时的语气强弱、语速的缓急、面部表情及姿态一样,文字的视觉形态的大小、曲直、排列的疏密整齐或凌乱都会给浏览者不同的感受。图2-1所示为网页UI中的文字设计表现。

☆ 提示

文字可以有效地避免信息传达不明确或歧义等现象的发生,从而使浏览者能够方便、顺利和愉快地接受信息所要传达的主题内容。

1.字体的表现力

从视觉效果来讲,文字本身是一种特殊的图形,不同的字体具有不同的性格和表现力。笔画粗壮并且棱角分明的字体,会给浏览者一种男性化、庄重、严肃、醒目和有力的感觉;笔画纤细并且字型圆润的字体,则会带给浏览者一种女性化、清新、精密和柔弱的感觉;而手写体带给浏览者的就是随性、有个性和设计感强烈等印象,如图2-2所示。

图2-1 网页UI中的文字设计

图2-2 网页中字体的表现力

2.字体种类的选择

同一网页UI中,使用的字体种类较少、差异性较小的话,可以使网页具有文静、雅致的特点,这种字体搭配方式常用来表现精细和高格调的网页。

使用的字体种类多且差异性大,会让网页显得喧闹,给浏览者一种信息量巨大的感觉,所以通常并不建议使用。一般来讲,除非特别需要的情况,同一个网页中,使用的字体不宜超过4种,如图2-3所示。

图2-3 网页中使用字体的数量

3.尽量使用标准字体

不是每位浏览者都可以在终端上看到同一个字体,这意味着设计师选择的特殊字体,用户有可能看不到,因此应尽可能选择标准字体。

·用户更熟悉标准字体,因此他们可以更快地阅读。

·特殊的并且少量的字体可以制作成广告素材嵌入网页中使用。

·良好的排版会使用户更加关注内容本身,而不是字体的类型。

4.限制一行文字的长度

保证每一行文字的字符数量是文本可读的关键。在网页中不是设计师来定义文本的宽度,而应根据用户的可读性来定义。

如果一行文字太长,会使用户在阅读时容易串行,在大段的文本中很难找到正确的行。这样会导致用户的眼睛难于专注文字。

如果一行文字太短,会使用户的眼睛经常移到下一行文本,打破用户的阅读节奏。而一行文字太短也会向用户发出一种信号,使用户没有读完当前行就自动跳转到下一行,这样的话用户可能会忽略潜在的重要词句,导致信息误判。

☆ 提示

设计移动端UI时,应该每行30~40个字符,具体显示多少个字数,与不同分辨率的屏幕、文本宽度和字体大小都会有关系。设计的原则是:保证用户可以流畅地阅读文本,文字不宜太小或太大。以iOS操作系统的网页UI为例,正文文本最小字号不能小于24px,太小了用户会难以阅读。

5.避免在界面中大段地使用大写字母

不要所有文本都使用大写字母。如果想要用户阅读大写字母,设计师可以将首字母大写,或者将具有特殊含义的缩写以大写字母表示。与小写字母相比,大量地使用大写字母会严重降低用户的阅读效率和愉悦感,如图2-4所示。

图2-4 网页中字母的大小写