很多人说设计是力求细节的,在网页设计里表达出的细节就是图标。图标在一个设计里带来了额外的注解并且使设计里的对象和元素引起用户的留心。
请观看网页教程网揭晓的Photoshop教程 :建立有创新力的站点导航
以下介绍的是一个用图标描述的更优要领。当运用图标时,图标的描述包含了一系列的隐喻。这也是在站点导航广泛运用图标和一系列图标组的原由。
隐喻:
图标是文字的隐喻,也让人很好地知道隐喻,对于可用性来说,在站点之间有效地执行 交流是至关主要的,图标应该是代替文字,更能充分传送信息。用户须要高速地知道图标所表达信息。
运用大家认知的元素和基本的隐喻---用户应该会高速地知道图标所表达信息。作图标时,用一些共同的元素是很主要的,就好像一个屋子(表达“家”)。以下是一些例子:
气泡——评论
信封——E-mail和联系
箭头和硬盘——下载
问号——帮助和多见解答疑问
文件夹——文件
号角——论坛
两个环绕的箭头——更新
显示器——视频
放大镜——搜索
字母表——按字母排列
锁——**
星号——主要标记
鼠标——表示链接还有很多很多。。。
图标附加标签---如果图标还不能明确地表达意思,加上一个小小的标签是非常不错的选择。对于用户来说,文字很清楚表达它的意思,所以可以提高图标的可用性。一般来说,尽量只用多个字来做图标的标签,还有文字用一行。用可以易明的文字和简洁的颜色。
Pixelmator 在它们的帮助导航栏里,很精彩地做到这一点了。
当运用图标时:
作为一个按钮---图标的功能很类似按钮。用艳丽色彩的元素来代替文字。很多设计都是采用这种要领,而且还可以用很多种其他要领完成。
在按钮上附加文字---按钮上采用图标和文字,这也是一个不错的选择。这样更能够吸引用户的眼球。
另外在Pixelmator 的作品中也有一个很好的例子。这些按钮采用图标和文字。另外,这些按钮激活时的效果也很棒。当用户移过这些按钮时,这些图标会由无色变成多彩的。这体现了相当好的可用性。
支持和提示信息---图标代替了文字。运用图标能代替了写出来的麻烦,运用图标也可以支持文字和信息。图标成为了支持文字注释一种非常好的要领。并且成为**站点一种魅力。
使用在标题和页眉上---图标的运用引起用户的留心,这是一个主要的原理,图标也是很普遍地使用在标题和页眉上。很直观地把用户的眼球带到文字的开头。
以下是一个图标使用在文字开头的好例子。
网页设计中图标描述的更优要领,与大家多多交流。
查看更多宁波网站制作公司网页设计要领更优