网奇CMS - 成熟易用的.NET网站管理系统
旧版官网 | 客服论坛 | 彩虹服务 | 加入收藏 | TEL:400-600-2788

CMS模板中Icon图标的设计步骤

  
  笔者认为CMS模板中icon设计遵循上面的一个规则,在做icon的前提要先构思好整个icon的风格,有了构思可以开始造型设计接着就是上色,然后对整体的icon进行细节修改。


  Icon的要点从学会批评别人开始


  批评别人的作品比自己制作一个优秀的作品要容易得多。但如果使用系统的方式去批判,这才是个成熟的分析!


  尤其小图标的时候辨识性差了。如果你不注意说明,你会很容易把这些图标混在一起。图标还是要有差异性,在保全风格统一的前提下要有很好的识别性,可以在颜色上或者造型上做差异的改变。

图标应该是轻松被识别的,构建它的元素要越少越好。而上面的插画和图形明显的告诉我们图标的相关性不该是复杂的,可以省略掉相同的对象,凸显出重要的信息。


  怎么样处理不柔和的圆角?


  边沿移到位:小icon的边缘移位主要靠移动像素点来实现,或者增加像素点。


  在由大icon到小icon的过程中你要重视一些细节的处理,对于这个我创了一句口诀:去多稳造型,边沿移到位。


  去多稳造型:CMS模板中大icon到小icon的过程是由细节的减少开始变化,大icon比较注重质感和光泽等,小icon除了保证质感还要清晰可见。在做16像素icon时可以减少一些必要的元素用像素点去代替,去掉多余的阴影与高光。

0 顶一下 打印 阅读:
界面制作中最有帮助的文章