在网站中,我们使用图示来传达想法,动作或意图。图示在网络上执行良好,因为它们是非语言交流的理想选择; 他们打破了语言障碍。这就是为什么音乐播放器有倒带,快进和播放图示的原因; 为什么机场海关总是包括一个军官图示; 以及为什么三条线被称为 “汉堡选单” 。 WordPress 做网站专业服务:建立有效的图示来提升多用户体验。

  建立图示

  当涉及到为 web 设计图示时,对线条,形状和空间的处理与图示如何单独地和作为一个组如何站立有关。线条的厚度和端部应相似(上盖,斜面等)。只要有可能,重复类似的形状,角度和负空格。例如,如果图示集包括所有角落上的 4px 半径,则将其传递到其余图示 – 无论是使用 Illustrator 或 Sketch,还是通过 “名词专案” 排序。

  在代码中的图示

  SVG 和 CSS 动画使得包括精心制作的图示(这不是效能消耗图示字型档案)到任何网站很容易。考虑如何使用 SVG 来分离路径,以构建动态,俏皮的动画或在悬停时更改 CSS 中的颜色。 SVG 最好的部分是没有必要为响应式网站重复汇出基于画素的影像档案,所以可以真正地扩充套件它们的能力和互动性。跨飞独立站,专业 WordPress 外贸独立站网站建设、 WordPress 站群网站优化、 logo 设计、品牌设计、印刷、营销推广、 WordPress APP/WordPress 微信开发等产品服务,新上线企业 VI 设计套餐和 WordPress 站群网站营销推广系统(强),欢迎新老顾客前来咨询!

  这里有两个有著伟大图示的网站:

  01. 圣路易斯动乱节

  The St. Louis Murmuration Festival 的令人愉快的网站受益于图示,这里的图示特点为薄、低调,并具有极其高的可识别性。

  02. Grosse Laterne

  另一个节日,这一次在蒙特利尔,Grosse Laterne 在其网站上使用俏皮的图示,设置为插图和重复使用常见的元素一遍又一遍。为了进一步提高一致性,线的厚度保持不变。