Windows7界面元素 windows7界面_生活百科

icon 中的隐喻元素很重要，它可以让我们一看到这个 icon 就知道是什么意思。比如，一个房子代表首页，一个叉叉代表出错或关闭。当我缩小一个 icon 时，我都会保留隐喻元素，来保证 icon 仍然可以准确传达信息。
（3）工具图标
【Windows7界面元素 windows7界面】主要以行业类别为分类，使用范围广泛，大众或行内人士识别度高，且被长期使用。比如：建筑行业，医疗行业，化工行业等等。

文章插图

文章插图
八、图标可用性测试图标可用性测试是基本规则是根据图标验证推导的
1. 识别度用户是否能够理解图标的含义？是否是用户熟悉的图标？是否与其他图标含义冲突？是否能通过5秒原则？图标的可扩展性怎么样？是否需要增加文字标签？
2. 设计是否统一视觉语言是否统一？图标的设计复杂程度是否统一？整体设计是否协调、统一、视觉体系高度集中？图标整体配色是否统一？
3. 品牌信息九、图标的交付一般情况下有JPG、PNG、GIF、SVG四种交付格式（jpg比较少用），其中JPG、PNG、GIF为位图，受图片本身的分辨率大小限制，无法灵活的修改尺寸。而SVG为矢量格式，支撑无损缩放。
在没有SVG前因为要考虑到适配高清设备，需要切各种倍数的图标进行适配。不过现在的开发软件及插件都自带切多倍图的功能，比如蓝湖。另外交付方式是将SVG格式时，图标上传至类似iconfont的网站后，完成图标的交付。需要注意的是：
SVG不支持渐变颜色填充SVG不支持描边，需要将描边转化为闭合图像图标的大小相同时，需要在图标下方增加一个相同尺寸的透明方形，同图标一起导出上传而iconfont对于图标制作要求严格，上传时需要注意查看自己的图标是否符合要求。
资料来源：
图像学的简要历史主流界面设计语言的变革《Icon Design Guide》《Icon Utopia》《the Ultimate Guide to an Interface Icon Set》《svg图标库以及与icon font对比》Icon Grids Keylines Demystified本文由 @见贤原创发布于人人都是产品经理，未经许可，禁止转载。