路可-WEB前端开发

镜像：[使用图标来支持内容 ]

              [网页设计图标使用指南]

1.为什么使用icon

网页设计中在适当位置中使用图表可以在一定程度上加强页面表现力，合适的图标配合少许文字说明对页面上的操作提示、引导、说明都有视觉引导的效果，所以在设计用应该注意ICON图标的使用。

2.怎么选择图标

在页面加载过多图片会减慢页面加载速度，所以小图标不宜选择JPG格式大文件，同时在制作按钮时必须考虑到mouseout、mouseover效果，所以用于按钮的图标应尽量选择透明图标，目前最显示效果较为理想的为png格式图标(IE6对PNG图支持极为不友好，具体实现可参考[百度] [google]),gif图标虽然文件小但是因为像素小时边缘毛糙显示效果不是很理想。

PNG 转GIF工具ImageConvert.zip

3.使用技巧

         避免直接把图标作为一个按钮，在按钮旁边添加简介的说明文字，并附上按钮激活时的效果。

         在页面上需要引导用户视线的地方放置颜色与背景差别较大的图标。

         细节上减少制作粗糙的图标，选择立体感好的图标，整体上要跟网页协调，不能让图标显得突兀。

   更多示例和最佳使用方式请参考文首给出的链接。

4.资源

这里提供一些16*16px icon，个人感觉这些比较适合在应用系统中使用。

箭头系列 [纳米盘arrow.rar]

表格系列[table.rar]

评论小泡[commont.rar]

Feed图标[table.rar]

文档图标[page.rar]

其他精选[other.rar]

转载请注明出处： www.jsssc.cn

No related posts.