Godzilla. 2016-11-30
网站建设
做网站专业服务:创建有效的图标来提升用户体验
在网站中,我们使用图标来传达想法,动作或意图。图标在网络上运行良好,因为它们是非语言交流的理想选择;他们打破了语言障碍。这就是为什么音乐播放器有倒带,快进和播放图标的原因;为什么机场海关总是包括一个军官图标;以及为什么三条线被称为“汉堡菜单”。做网站专业服务:创建有效的图标来提升用户体验。
创建图标
当涉及到为web设计图标时,对线条,形状和空间的处理与图标如何单独地和作为一个组如何站立有关。线条的厚度和端部应相似(上盖,斜面等)。只要有可能,重复类似的形状,角度和负空格。例如,如果图标集包括所有角落上的4px半径,则将其传递到其余图标 - 无论是使用Illustrator或Sketch,还是通过“名词项目”排序。
在代码中的图标
SVG和CSS动画使得包括精心制作的图标(这不是性能消耗图标字体文件)到任何网站很容易。考虑如何使用SVG来分离路径,以构建动态,俏皮的动画或在悬停时更改CSS中的颜色。 SVG最好的部分是没有必要为响应式网站重复导出基于像素的图像文件,所以可以真正地扩展它们的能力和交互性。摩恩网络,专业网站建设、网站优化、logo设计、品牌设计、印刷、营销推广、APP/微信开发等产品服务,新上线企业VI设计套餐和网站营销推广系统(强),欢迎新老顾客前来咨询!
这里有两个有着伟大图标的网站:
01.圣路易斯动乱节
The St. Louis Murmuration Festival的令人愉快的网站受益于图标,这里的图标特点为薄、低调,并具有极其高的可识别性。
02. Grosse Laterne
另一个节日,这一次在蒙特利尔,Grosse Laterne在其网站上使用俏皮的图标,设置为插图和重复使用常见的元素一遍又一遍。为了进一步提高一致性,线的厚度保持不变。
文章标签:
网站图标
浏览次数: 1338 次
文章评论: