App+软件+游戏+网站界面设计教程
上QQ阅读APP看本书,新人免费读10天
设备和账号都新为新人

1.3 UI界面设计中的文字

在UI界面设计中,文字和图片是构成UI界面的两大基础要素。这就表明在UI界面设计中,文字设计也是至关重要的。因此,文字的排版设计好坏将直接影响UI界面的美观程度。下面讲解的知识可以帮助大家在UI界面设计中更好地使用文字。

1.3.1 简化文字内容

简化文字内容在UI界面设计中,每一个界面都不宜放置过多的内容,否则会让用户难以理解。同时,也会让界面内的操作显得复杂和烦琐。

在特定的环境中,简洁的文字和图片搭配会使得UI界面显得更加美观和舒适。例如:QQ音乐软件的播放界面,如图1-17所示,使用了半透明的图片作为背景图,这就突出了界面中的封面和文字。

img

图1-17

1.3.2 字体设计合理

在UI界面设计中,文字不仅是传达信息的载体,同时也是UI界面设计中的构成元素。这就要求文字内容在拥有可读性的情况下,也要保证其在界面中的美观程度。

随着互联网的发展,人们在智能设备上阅读与浏览信息的时间越来越长,这使得UI界面的阅读体验也越来越重要。因为文字是影响浏览者阅读体验的关键因素,所以,在设计UI界面时,必须让界面中的文字可以准确地被浏览者识别。

如图1-18所示为360的“优化加速”界面,界面中心的文字设计可以让使用者快速识别界面信息并使用其功能。

img

图1-18

知识链接

文字设计还要避免使用不常见的字体,这样浏览者才能容易地识别文字信息。同时,也要尽量使用大众熟悉的词语进行信息内容的展示,方便浏览者对于文字信息的接收。

1.3.3 安排文字层次

在设计制作大量文字信息时,设计者可以巧用文字的字体、字号以及位置的变化来丰富页面形式,这样也可以使界面中的文字具有层次感,使文字信息在造型上富有情趣,同时给用户的视觉带来一定舒适感,使用户更加容易地接收界面中的文字信息,如图1-19所示。

img

图1-19

1.3.4 信息表达准确

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

“信息传递”是指人们通过声音、文字、图像或者动作相互沟通消息。信息传递研究的是什么人,向谁说什么,用什么方式说,通过什么途径说,达到什么目的。

通过对比可以发现,不同字号的文字组合在一起,可以更清晰地表达文字信息,也方便用户快速抓住文字的重点。不同字号的文字表示如图1-20所示。

img

图1-20

1.3.5 文字画面美感设计

在设计制作UI界面时,页面美观是设计工作的首要要求,设计者可以通过适当的图形组合与色彩搭配来修饰界面中的文字元素,增加UI界面的观赏性,为用户带来更好的视觉感受,如图1-21所示。

img

图1-21