首页 | 建站资讯 | 建站问答 | 建站帮助 | 服务电话:021-61984272
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在其网站上使用俏皮的图标,设置为插图和重复使用常见的元素一遍又一遍。为了进一步提高一致性,线的厚度保持不变。

文章标签: 网站图标 
文章评论:
客服图标
咨询电话
021-61984272

欢迎您给我们来电,已有13835人通过电话进行免费业务咨询,您也可以