017e9c5e85bf80a8012165188cdcfd.jpg

因此线性图标表达力最好的是在2px和3px，同时减少一些图标细节，能够更大的提升图标的表达力，但是同样的图形，面性的图标直观表现力要优于线性图标，因此面性图标属于更易上手。 描边怎么选？ 以sketch来画图标举例，首先我们需要遵循像素网格，点击sketch顶部右上角，选择显示像素，你会发现你的界面从矢量变成了像素，这么做的好处是能够保证我们的图标在画的时候能看出来有没有虚边。

010b125e85bfbca801216518d9b9be.jpg

01udjuhxsod0865iiczqaz3731.jpg

UI设计作品

01ec216138ce5311013f47208c2103.jpg

2018-2019作品集

01d5765ec0b111a80120720058c01b.png

2019作品集

今天跟大家说一下绘制线性图标的一些技巧，我将这些这些技巧分成了一下几点： 一、线性图标的特征 二、描边怎么选？ 三、选择钢笔还是布尔运算？ 四、断点图标怎么处理？ 五、线性图标的注意事项 六、划重点 线性图标的特征 目前市面上的线性图标以2px、3px最为主流，如下图： 为什么大部分的产品会使用2px和3px的线性图标呢？因为图标线条的宽度越大，可展示的细节就越少。 但是图标的表现力却能够得到极大的提升，这也是为什么面性图标的直观表现力一直都比线性要好的原因。如下图最右面性和线性图标的对比图：

01bf3c5e85bd1ca80120a895579a9c.jpg

01699261e668db11013e8cd004057f.png

01nzumt147ceouvreky1nd3635.png

作品集

01lrhqxkdgsvijbjsemnru3734.png

UI设计/作品集

01e2c25d47df6fa80120695caa88b1.png

2017-2019UI作品集

美术宝一对一APP改版 ｜#设计接单｜小程序｜APP改版

01hsn8agui19lpnzuvbazv3736.png

01aee1621744d511013f01cd3dc988.png

李梦思作品

01978c5c75fabba801213f26e72df6.png

满易金APP1.1版本设计

01d11e5cd3dee2a801208f8b86317e.png

交互作品整理

01vocndannmh3930tghn0o3438.png

大咖说小程序1.0调整

01a9f95d4d3682a8012187f4955a23.png

01c3985e78ad31a80120a895c355c7.gif

01064c5d1b3e46a801213763030c70.png

01aeb45fbe6de711013fdcc75ec02e.jpg

ui作品集

01a0855dc2db99a801209e1f1c68e4.gif

一款能陪伴你享瘦的APP

014e6f5e472d70a8012165188e5835.png

个人作品

011b225f99003811013fdcc7aa0a72.png

2018-2020作品集

01vayqcseo3pbf7qgozm1x3531.gif

UI设计作品集

0135ee6210e94111013f01cdf89a2d.png

UI作品集

01500b5ded06a2a80121385357fd93.gif

01cde45e047a89a801216518bc1485.png

减肥小秘书--优化

下厨房REDESIGN-唯有美食与爱不可辜负。

0181d15c0dd84aa80121ab5dbdf040.gif