线条之美！20个优秀网页告诉你如何善用线性图标

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

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

今天搜集的案例中，你可以仔细体会不同的视觉元素是如何同线性图标有机地组合到一起的，这些优雅的表现方式会成为你的借鉴对象。

       Anchour

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

       Uniqlo Airism

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

       UXB

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

       Brianza Chenutre

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

       Sponge

Sponge 的服务分类是通过精心设计的精致图标来展现的，黑色调背景的衬托之下，图标的细节被衬托得极为突出，个性与魅力在这种对比下得到了明显的强化，也使得高水准的设计被用户捕捉到。

       RDT54

不同于其他的设计，这个案例中，设计师将线性图标应用到导航菜单上来，并且让这个导航菜单占据了整个页面。等宽的分割之下，整个页面呈现出均匀对称的美感，深色系的背景同样让线性图标的纤细优雅之感得到了极大的强化。

       Pixelneat

Pixelneat 对于线性图标的运用也有独到之处。线性图标被放大加粗，并施加以不同的色彩，提升了信息层次也达到了信息分类引导的作用，用户可以更好地获取信息了。

       Postbox Inc.

Postbox 公司在线性图标的运用上更加独到。为了更好的浏览体验，设计师采用多种色彩来绘制线性图标，或者说线性图标风格的插画，其中额外的弧度和转折赋予了整个图标以拙稚的美感。

       Social Blue

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

       Oubly

Oubly 试图省略同用户沟通中过多的文字表述，转而采用标识性极强的线性图标。页面中嵌入的5个线性图标清晰地对应着不同的环节和阶段，圆润的边框和协调的设计令轻松搞明白其中内容，不会有突兀感。

（编辑：三明站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!