网页设计图标元素 第1篇
粗细不同，图标的力度和重量感就会有差异。粗线的图标，视觉关注力来说会更加突出，但较于细线的图标也会却显得粗壮、厚重；细线的图标，精致、透气、秀美。
但在设计时需要依据 “整体的UI风格”来决定线的粗细，而并非单纯的考虑图标的关注度，反而更需要考虑图标与界面整体的平衡感。
网页设计图标元素 第2篇
在双色图标的基础上，线和面按照统一的 “百分比” 进行缩放，并进行透视和位移的设计，整体呈现出来的是一种交错叠加的视觉效果，相比普通的线面双色更丰富了层级。
实际案例-闲鱼底部tab、脸球底部tab
网页设计图标元素 第3篇
除了简洁程度，也需要考虑图标该有的特征。例如下图“评论”图标的案例，当我把图标中的“三个点”去掉时，图标依旧具有 “对话/评论”的表意，而当我把下面的“箭头”去掉保留“三个点”时，则会出现歧义。它可以被表意为“更多”的意思，因此在设计图标时需要对于表意做精准把握，避免歧义出现。