网站UI设计案例教程第5章网站图标和按钮设计PPT课件

图标分为广义和狭义两种。广义上的图标是指具有指代意义的图形符号。它的应用范围很广,软硬件、网页、社交场所、公共场合等均有应用,如各种交通标志就属于广义上的图标。一件商品的图标是其注册商标;军队的图标是军旗;学校的图标是校徽等。 狭义上的图标是指计算机软件方面的应用,包括程序标识、数据标识、命令选择、模式信号、切换开关、状态指示等。下图所示为常见的计算机系统图标。 一个图标是一组图像,它由各种不同的格式(大小和颜色)组成。此外,每个图标可以包含透明的区域,使其可以在不同背景中应用。 图标在网页中占据的面积很小,不会阻碍网页信息的展示，设计精美的图标还可以为网页增添亮点。由于图标本身具备的种种优势,几乎每一个网页都会使用图标来为浏览者指路,从而大大提高浏览者浏览网站的速度和效率,也会极大地提升网页的美观程度。 网站图标是用图像的方式来标识一个栏目、功能或命令等。例如在网页中看到一个日记本图标,很容易就能辨别出这个栏目与日记或留言有关,这时就不需要再标注一长串说明文字了,也避免了各个国家之间因文字的不同而辨识困难。 在网站UI设计中,设计师会根据不同的需要设计不同类型的图标,最常见的是用于导航菜单的导航图标以及用于链接其他网站的友情链接图标。 当网站中的信息过多,而又需要将重要的信息显示在网站首页时，除了以导航菜单的形式显示外,还可以以内容主题的方式显示。网站首页的内容主题既可以是链接文字,也可以是相关的图标,使用图标式可以更好地突出主题内容。