从网页设计案例中体会线性图标的合理用法

发布时间:2015-09-02编辑发布:迪麦互动

  随着扁平化和现代设计风格在网页设计中的逐步流行和不断沉淀后,线性图标也迎来了它的黄金时期。现在你会在越来越多的地方发现它的身影,从传统的控制面板、导航栏和社交媒体插件,到功能性的列表界面,它无处不在。

  从以下案例中就可以感受到不同的视觉元素是如何同线性图标完美的融合到一块,这种表达方式会成为我们的借鉴对象。

    

  由于页面中只使用了四个线性图标,作为重要的视觉支撑,设计师使用了双股线来提升图标的信息量和丰富度,简单而不单调,加上色彩对比,同整个主题很好地融合为一体。

Uniqlo Airism

  Uniqlo Airism 的首页通过线性图标动效,赋予页面以动感,加上柔和的色彩和细密的栅格,整个页面虽然内容不多但一点也不单调,反而给人以饱满的感觉。

UXB

  由于设计师采用了大量的留白,UXB 的页面看起来干净而清爽。用极细的线条绘制的大图标柔和而直观,确保了美观性又保持了一致的设计,相互呼应的设计元素令页面的浏览体验可以称得上优秀。

Brianza Chenutre

  Brianza Chenutre 页面中,每一个分类都拥有一个超大的线性图标作为内容和信息的标识,各不相同但是平易近人。这种生动的表达方式让内容更容易被用户理解,图标背景采用色彩柔和的几何形状来衬托,更加富有魅力。

Social Blue

  Social Blue 的网页在精致细腻的线性图标衬托之下显得尤为突出。左侧一列菱形的标识采用的是单页设计中典型的滚动导航方式,而页面中的线性图标无疑也是用来标识不同类别的信息。

o2Source

  o2Source 用一套略显古怪粗粝的线性图标来作为导航菜单,彩色插画作为背景,消减了页面整体的单调性。

Fineocar

 

 

  这个页面的设计挺大胆的,色调饱和度低,相对其他更加沉稳,线性图标和幽灵按钮组合到一起之后,让整个页面风格更加一致。大胆的版式和独特的色调,让用户更加专注于内容。

  综上可以看出,线性图标的形态是多样的。从简约而微妙的小巧图标,到复杂大胆的响应式的版本,线性图标为设计师提供了从直观简单到繁复华丽的全方位的解决方案,可以说它们是丰富多态设计美学的重要呈现形式。线性图标还是界面信息传达和用户体验优化的重要组成部分,其细腻而自然的设计、强大的个性化空间,开始成为网站从普通走上卓越的必备品。

本文由广州网站设计、网页设计公司迪麦互动整理学习!


分享至: