杭州网站建设
2810月

icon图标,网站设计点睛之笔

小icon,大视界。

说到icon图标,我们在网站页面设计中都会或多或少地使用到,这些元素虽然占据的篇幅不多,但是它们的作用却不容小觑。
不管是在页面中作为突出的业务说明,抑或是在登录框等重要模块中作为表单的标识,icon图标都能给你带来意想不到的效果,让我们一起来看看,小小的icon图标到底能够为我们带来怎样的惊喜吧。


mini-icon图标的使用

导航栏、登录框、按钮、用户面板……这些模块就是mini-icon图标的用武之地了,为了使得这些模块更加丰富,我们往往采用mini-icon图标代替一些文本的方式来进行。

文字版的登录框,虽然中规中矩,但是感觉有些许单调与欠缺,所以我们通过mini-icon图标的引入,丰富了登陆模块,一目了然。
除了登录框之外,之前所提到的模块中也可以加入这些mini-icon,从而换取更好的视觉效果。

抽象化icon图标的使用

在一些企业网站建设中,我们往往要采用一些icon图标来代表某项业务或者领域,那么通过图标的巧妙使用来代替复杂的业务领域概念就是非常不错的选择。
比如我们佚站互联的主要业务是网站建设网站设计,我们便可以通过icon图标来抽象化这样的业务概念。

文字版的业务介绍,虽然也很简洁,但是没有一个图形的概念,单一的文字展示苍白无力,在用户体验上十分不友好。
而采用精心制作的icon图标,使得用户能够直观了解到业务的具象,再通过选择性阅读下面的详细解读,就可以完成业务的内容获取。

写在文章最后

除了以上两种使用方式之外,icon图标还能用来作为文字的点缀修饰、海报的美化等等,或者结合响应式布局技术以及华丽的CSS3技术,一个小小的icon图标可以为你带来意想不到的效果。

在之后的博文中我们会分享一些相当不错的icon图标,尽请期待。


版权属于:佚站互联 - 杭州网站建设

原文地址:http://www.yeahzan.com/blog/item/42-79.html

转载时必须以链接形式注明原始出处及本声明。

文章作者: Benz , 文章分类: 网站设计

关于作者

Benz

评论 (5)

  • 有点蓝

    有点蓝

    2013-10-29 14:15:56 |
    想找一套完整的、顺眼的、体积够小的图标,多年不可得呀。
    • Benz

      Benz

      2013-10-30 00:04:16 |
      其实我认为FontAwesome是相当齐全且强大的icon集合了。
  • 网虫之家

    网虫之家

    2013-10-30 14:45:25 |
    对我来说网站设计里面最吃力的就是小细节的处理,图标要精细,还要和网页风格相匹配,着实不容易
    • Benz

      Benz

      2013-11-02 13:41:01 |
      图标的使用确实对于一个网页来说非常重要,在精细、工作量、以及实用性之间需要找一个平衡点。
  • mmaoc

    mmaoc

    2014-01-15 14:39:31 |
    留下脚印!

发表评论

请登陆后发表评论。