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

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

mini-icon图标的使用

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

文字版的登录框,虽然中规中矩,但是感觉有些许单调与欠缺,所以我们通过mini-icon图标的引入,丰富了登陆模块,一目了然。

除了登录框之外,之前所提到的模块中也可以加入这些mini-icon,从而换取更好的视觉效果。

抽象化icon图标的使用

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

文字版的业务介绍,虽然也很简洁,但是没有一个图形的概念,单一的文字展示苍白无力,在用户体验上十分不友好。

而采用精心制作的icon图标,使得用户能够直观了解到业务的具象,再通过选择性阅读下面的详细解读,就可以完成业务的内容获取。

写在文章最后

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

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