新媒体美工设计全攻略:小程序+公众号+朋友圈+H5界面+微商+微博+直播
上QQ阅读APP看书,第一时间看更新

1.3 字体赋予界面竞争力

在新媒体设计中,文字的表现也是很重要的,它可以对商品、活动、服务等信息进行及时的说明和指引,并且通过合理的设计和编排,让信息的传递更加准确。本节将对新媒体设计中的文字设计和处理进行详细的讲解。

1.3.1 文字要易于识别

在设计新媒体界面中的文字时,要谨记文字不但是设计者传达信息的载体,也是新媒体设计中的重要元素,必须保证文字的可读性,以严谨的设计态度实现新的突破。通常,经过艺术设计的字体,可以使新媒体界面中的信息更形象、更具美感,让用户印象深刻。

随着智能手机的兴起,人们在智能手机上进行操作、阅读与信息浏览的时间越来越长,也促使用户的阅读体验变得越来越重要。在新媒体界面中,文字是影响用户阅读体验的关键元素,因此设计者必须让界面中的文字可以被用户准确识别。

图1-11 不同大小写的字母O与0

如图1-11所示,左图为没有大小写的字母O与阿拉伯数字0,从图中基本上看不出区别;而右图则区分了大小写的字母,使信息更清楚明了。

专家指点

在进行新媒体界面的设计与文字编排时,应该多使用一些用户比较熟悉与常见的词汇进行搭配,这样不仅可以避免用户去思考其含义,还可以防止对文字产生歧义,让用户更加轻松地对界面进行操作。

另外,还要注意避免使用不常见的字体,这些缺乏识别度的字体可能会让用户难以理解其中的文字信息,如图1-12所示。

图1-12 避免使用不常见的字体

另外,新媒体界面中的文字应尽量使用熟悉的词汇与搭配,这样可以方便用户对界面的理解与操作,如图1-13所示。

图1-13 尽量使用熟悉的词汇与搭配

1.3.2 文字的层次感要强

在设计以英文文字为主的新媒体界面时,设计者可以巧用字母的大小写变化,不但可以使界面中的文字更加具有层次感,而且可以使文字信息在造型上富有趣味性,同时给用户带来一定的视觉舒适感,让用户更加快捷地接受界面中的文字信息。

如图1-14所示,这三幅界面图像对比可以发现,第一、二幅界面中的英文全部为大写或小写字母,这时界面文字整体上显得十分呆板,用户的阅读体验也较差;而采用传统首字母大写的文字组合穿插方式,可以让新媒体界面中的文字信息变得更加灵活,且突出重点,更便于用户阅读。

图1-14 采用不同方式书写的界面文字

另外,设计新媒体界面中的文字效果时,还可以通过不同粗细或不同类型的字体,打造出不同的视觉效果,如图1-15所示。

图1-15 不同粗细的字体

1.3.3 清晰地表达文字信息

在设计新媒体界面中的文字效果时,除了要注意英文字母的大小写外,字体以及字体大小的设置也是影响效果表达的一个重要因素。

如图1-16所示,通过比较可以发现,字号较大的文字可以更清晰地表达文字信息,有助于用户快速抓住文字的重点,吸引用户眼球。

图1-16 不同大小和字体的文字

如图1-17所示,经过对比可以发现,右图中的文字阅读起来更加方便,这就是因为该界面中的文字尺寸大小更符合用户阅读的习惯。

图1-17 不同尺寸大小的文字

当然,对于一般阅读类小程序界面中的文字尺寸,根据小程序的定制特性,都是可以通过相关设置或者手势进行调整的,以方便用户阅读。

1.3.4 掌握好文字之间的间距

在人们观看新媒体界面中的文字时,不同的文字间距也会带来不一样的阅读感受。例如,文字之间过于紧密的间距可能会带给读者带来紧迫感,而过于稀疏的文字间距则会使文字显得断断续续,缺少连贯性。

因此,在进行新媒体界面的文字设计时,一定要把握好文字之间的间距,这样才能给用户带来流畅的阅读体验。如图1-18所示,原本界面中的正文十分拥挤,用户在浏览这些文字时容易会产生疲劳感,因此需要对行距和字符间距进行适当的调整;调整字符间距后,可以减轻用户的阅读负担,而且更能让用户提起阅读的兴趣。

图1-18 不同间距的文字效果

1.3.5 适当设置文字的颜色

适当地设置新媒体界面中文字的颜色,也可以提高文字的可读性。通常的手法是给文字内容穿插不同的颜色或者增强文字与背景色彩之间的对比,使界面中的文字信息突出,帮助用户更快地理解文字信息,同时也方便用户对其进行浏览和操作。

如图1-19所示,原图中的文字虽然有大小和间距的区别,但色彩比较单一,用户无法快速获取其中的重点信息,此时可以尝试转换文字的色彩。

从图1-19中可以发现,通过改变不同区域的文字色彩,可以使这两个部分的文字区别更加明显。其中,可以明显发现红色部分的文字比黑色部分的文字更加明显,设计者可以利用此方法来重点突出新媒体界面中的重要信息。

图1-19 不同色彩的文字效果

另外,还可以通过调整文字色彩与背景色彩的对比关系来改变用户的阅读体验。如图1-20所示,图片中文字颜色与背景颜色对比过弱,这样会使用户不易识别背景上的文字内容,无法获得良好的阅读体验。如图1-21所示,图片中的文字颜色与背景颜色对比过强,不适合需要长时间阅读的大段文字,非常容易使用户产生疲倦的阅读体验。

如图1-22所示,采用适当的颜色对比,不仅可以清晰地呈现文字,而且适合长时间阅读,可以让用户阅读起来视觉上更加流畅与舒适。

图1-20 文字与背景对比太弱

图1-21 文字与背景对比太强

图1-22 恰当的文字色彩与背景色彩的对比