2.1 网页界面的小装饰_网页配色与实战（艺术设计与实践）-QQ阅读男频轻小说网

书名：网页配色与实战（艺术设计与实践）
作者名：安雪梅编著
本章字数：2201字
更新时间：2021-04-02 22:20:11

2.1 网页界面的小装饰

网页设计中会用到形形色色的小装饰，比如说一个图形、一个花边，就像我们穿衣打扮总喜欢用些首饰来装点一下。虽然这些装饰看起来可有可无，但是如果使用得当，可以更好地衬托出主体页面的个性与独特性。下面简单介绍几个界面中常用的小装饰。

2.1.1 小图标

图标是具有功能的图形，在网页界面中图标分为抽象图标与具象图标（如图2-1～图2-3所示）。

图2-1 简单的手绘图形

图2-2 装饰框的使用

图2-3 具象图标的网页设计

1．抽象图标

这些通常称之为ICO，是图标文件格式。系统包括PC、手机与电脑等系统。这类图标通常是对功能的一种概括表达，表达的形式较为抽象。但还是具有一定的可识别性与可读性，加上现在已经广泛地使用这类图标，所以用户还是可以快速掌握与识别。

2．具象图标

具象图标是指将一些物品的具体模样转化为图形，风格的表现会多样化，但相对于抽象图标来说更容易识别。

3．图标的好处

在界面中图标可以更加快速直接地传达出信息，同时便于用户快速浏览。图标的使用可以简化文字说明，在排版上会更加随意自由，不会因为文字太多而产生压迫感，还可以增强板块节奏感与舒适感，图文搭配的画面会显得更大方简洁（如图2-4和图2-5所示）。

图2-4 企业宣传界面

图2-5 酒店宣传网页设计

2.1.2 序号

序号是指顺序的编码，就是我们常见的“1.2.3.4.5.6……”，或者是大写的“一、二、三……”，由于字体和功能的特殊性，无论序号在哪个位置，都可以增强版面的节奏感。加上它具有的独特功能性，在界面设计中不仅仅是文字，也可以当作一个小图标来看待。序号的表现形式也是多种多样的，它的使用不仅可以为整体增添设计感，同时也可以给界面带来趣味性。序号的作用在页面中是不可小觑的（如图2-6和图2-7所示）。

图2-6 利用序号的创意网页设计

图2-7 利用序号与图形的网页设计

1．引导视觉流程

序列号具有引导视觉流程的作用，当我们看到数字“1”自然会联想到数字“2”，在它的牵引下，会下意识地在界面中寻找下一个数字。另外，它的使用在版面中具有一定的灵活性，在不同的环境中，可以理顺文字的先后顺序（如图2-8～图2-11所示）。

图2-8 以数字为主的网页设计

图2-9 序号引导视觉流程

图2-10 序号可以使人快速阅读

图2-11 序号可以增强界面节奏感

无规律的排版可以为界面增添视觉上的美感，当然保证其功能性是不可或缺的，所以序列号可以为此起到引导视觉阅读和段落标记的作用。在这样顺序不明确的排版上，如果没有序列号的使用，我们在阅读上会很费力。添加上序号便可以很清楚地知道从哪开始、从哪结束。

2．快速阅读

序列号的使用可以帮助人们快速阅读，提高阅读效率。“1.2.3……”如同地图上的坐标一样，能够很轻松地让人们确定内容所在的位置。在阅读中，用户可以在大量文字和信息浏览的过程中稍有停顿，增强用户的记忆力。另外在面对很多文字带来的压抑感时，数字可以减弱阅读信息的恐惧感。序列号能够让读者有条理地选择重点进行阅读。

3．增强界面节奏感

序列号本身就可以起到一种装饰作用，在对它进行美化与放大时，会增强人们的视觉感。序列号可以与正文有明显的大小对比，这样可以为页面增强节奏感。

4．可做装饰图片

我们可以逐个对序列号进行图片处理，根据不同的主题对其进行不同的设计，以不同的设计形式展现给用户，从而为界面带来装饰效果，同时还可以让页面内容变得精致、有条理。