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

设计师在设计这组线性图标的时候，采用了双色搭配粗细对比，呈现出丰富的细节。粗线与字体色调一致确保了整个视觉设计的重量，作为提亮的红色用的是细线，起到了点缀的作用，但又不会喧宾夺主。

       DWP

DWP的网站设计优秀之处在于它的功能实现和用户体验，而非它的美学特征。干练的结构，细腻的图标起到了导航的作用，加上留白，整个页面的视觉设计也非常突出。

       GoodPatch

赏心悦目的配色和充满呼吸感的版面设计，令GoodPatch整个网站显得非常的实在。蓝色的线性图标提亮了页面，灰色的圆形边框划分出图标的边界，显得整饬而富有条理。

       Praktiker

Praktiker 用密集的内容构建出复杂而富有冲击力的视觉效果。也正是在这种高信息量的布局中，设计师让图标和文字结合起来设计导航，强化了它的存在感。

       Your Farm

Your Farm 网页中充满生机和活力的色彩来展现它的性格，虽然细腻的线性图标被淹没在相对复杂的布局当中，但是当你使用或者仔细查看，会注意到它们的优秀之处。

       MotoCMS

MotoCMS 橙色的线性图标让用户浏览页面的时候一眼就会注意到。

       Fineocar

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

       结语

线性图标其实非常能够呈现网页细腻优雅的一面，细腻的线条轨迹让页面更加鲜活，也更值得回味。当然，线性图标的使用对于风格是有一定要求的，也正是目前扁平化2.0的时代能将这种设计元素的优势发挥出来，但是如果换成拟物化的设计，情况可能就没那么理想了。

延伸阅读：

• 图标制作！如何从零开始绘制一枚线性图标（实战篇）
• UI设计中线性图标的画法指南

（编辑：三明站长网）

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