我的联盟 作品 招聘 外包 人才  酷站加油 国内 国外 CSS  资源图库 图库 模板 矢量 图标  设计欣赏 界面 LOGO 插画 艺术  网页 平面  专访 名站 竞赛 社区
当前位置:首页 > 网页教程 > 网页理论 > 正文
网页设计图标使用指南
来源:maxdison兜 作者:maxdison 2009年03月11日 16:18 网友评论:0条 点击:

很多人说设计是力求细节的,在网页设计里表达出的细节就是图标。图标在一个设计里带来了额外的注解并且使设计里的对象和元素引起用户的注意。

以下介绍的是一个用图标描述的最优方法。当使用图标时,图标的描述包含了一系列的隐喻。这也是在网站导航广泛使用图标和一系列图标组的原因。

隐喻

图标是文字的隐喻,也让人很好地知道隐喻,对于可用性来说,在网站之间有效地进行交流是至关重要的,图标应该是代替文字,最能充分传送信息。用户需要快速地知道图标所表达信息。

使用大家认知的元素和简单的隐喻---用户应该会快速地知道图标所表达信息。作图标时,用一些共同的元素是很重要的,就好像一个屋子(表达“家”)。以下是一些例子:

  • 气泡——评论
  • 信封——E-mail和联系
  • 箭头和硬盘——下载
  • 问号——帮助和常见解答问题
  • 文件夹——文件
  • 号角——论坛
  • 两个环绕的箭头——更新
  • 显示器——视频
  • 放大镜——搜索
  • 字母表——按字母排列
  • 锁——安全
  • 星号——重要标记
  • 鼠标——表示链接还有很多很多。。。

图标附加标签---如果图标还不能明确地表达意思,加上一个小小的标签是非常不错的选择。对于用户来说,文字很清楚表达它的意思,所以可以提高图标的可用性。一般来说,尽量只用几个字来做图标的标签,还有文字用一行。用可以易明的文字和简洁的颜色。

Pixelmator 在它们的帮助导航栏里,很出色地做到这一点了。

当使用图标时

作为一个按钮---图标的功能很类似按钮。用艳丽色彩的元素来代替文字。很多设计都是采用这种方法,而且还可以用很多种其他方法完成。

在按钮上附加文字---按钮上采用图标和文字,这也是一个不错的选择。这样更能够吸引用户的眼球。

另外在Pixelmator 的作品中也有一个很好的例子。这些按钮采用图标和文字。另外,这些按钮激活时的效果也很棒。当用户移过这些按钮时,这些图标会由无色变成彩色的。这体现了相当好的可用性。

首页 上一页 [1] [2] [3] 下一页 尾页
上一篇:交互设计文档-4:Axure交互实例   下一篇:交互设计师应该具备哪些素质
收藏此页】【打印】【关闭
 相关文章  我要点评
·图标设计的那些事
·Photoshop制作一个金色立体元宝图标
·PS制作逼真富士X100相机图标
·Photoshop制作质感HTC手机icon图标
·土耳其grafiket网页设计作品(六)
·罗磊
·分享: 2012年网页设计10大趋势
·土耳其berfsoft网页设计欣赏(三)

免责声明:本站刊载此文不代表同意其说法或描述,仅为提供更多信息,也不构成任何建议。对本文有任何异议,请联络:68design#163.com
转载要求:作者及来源信息必需保留。转载之图片、文件,链接请不要盗链到本站,且不准打上各自站点的水印。



关于我们 | 设计服务 | 广告服务 | 常见问题 | 网站地图 | 法律声明 | 联系我们
Copyright © 2003-2012 68design.net, All Rights Reserve 【找网页设计师,当然上网页设计师联盟】