对于网站,我们使用图标来表达思想、行为和意图。这些符号很好地运用于网络,因为它们非常适合非语言沟通;它们打破了语言障碍。正因为如此,音乐播放器有倒带、快进和播放图标;机场海关总是包含一个官员图标;三条线为什么叫做“汉堡菜单”?专业从事网站服务:创造有效的图标,提升用户体验。
创造图标。
在为web设计图标时,线条、形状和空间的处理都与图标如何独立存在以及作为一个群体如何站立有关。上海做网站公司线的厚度和端部部分(上盖、斜面等)应该相似。尽可能重复相似的形状、角度和负空格。举例来说,如果一个图标集包含了所有角上的4个半径,那么它就会被传递给其余的图标——不管是使用Illustrator或Sketch,还是使用“名词项”。
图标在代码中。
SVG和CSS动画可以轻松地将精心制作的图标(而非性能消耗的图标字体文件)包含到任何网站上。想想如何使用SVG分离路径来构建动态的、俏皮的动画,或者在悬停的时候改变CSS的颜色。最棒的地方在于SVG不需要为响应站点重复输出基于像素的图像文件,因此它的功能和交互性可以得到很大的扩展。穹拓Network,专业网站建设,网站优化,logo设计,品牌设计,印刷,市场推广,APP/微信开发等产品服务,新上线的企业VI设计套餐及网站营销推广系统(强),欢迎新老客户前来咨询!
下面是两个图标很棒的网站:
01.动荡的圣路易斯节。
这个令人愉快的网站从图标中获益良多,它的特点是轻薄、低调,并且非常容易识别。
02.格rosseLaterne
这一次,在蒙特利尔,GrosseLaterne在其网站上使用了俏皮的图标,设置为插图,并反复使用了常用元素。为进一步提高一致性,线材厚度不变。