多语言展示
当前在线:1355今日阅读:58今日分享:42

【icon图标设计】如何设计扁平化图标

如今,在UI界,扁平化风格的icon图标大行其道,其势头之强,几乎无人能挡,隐隐似是要一统UI界,把其它风格打压得毫无反抗之力。那么,这么厉害的扁平化风格icon图标是怎么被设计出来的呢?本文将通过一个例子,向大家展示其设计过程。
工具/原料
1

白纸

2

彩铅

方法/步骤
1

本文以挂锁为例,来将其设计成一个扁平化的图标。首先,根据挂锁的外在形态,将它的造型绘制出来,提取它的形态特征。经过对比,我们发现正视图比透视图要更美观,更容易表现挂锁的造型美感。

2

当然,大家千万不要忘记挂锁的钥匙孔,这个也是挂锁的重要造型元素之一。

3

在icon绘图模板上绘制出挂锁的两种造型元素。事实上,钥匙孔通常是在挂锁的底部的,但由于我们选择的视图是正视图,所以就把钥匙孔的位置放到锁的中间,这样既美观,又能强调挂锁的特征。

4

把上图得到的挂锁形态稍加修饰,统一圆角处理。

5

当线稿方案确定下来后,再用橡皮把线稿擦干净,换成彩铅上色。注意图形最好不要有黑色的轮廓线。

6

把彩铅涂匀,把图形的轮廓精修一番。

7

最后根据设计的具体情况,加上从左上角45度照进来的光线所形成的阴影。如此,一个扁平化风格的icon图标就设计好了。

注意事项
1

上色的时候要把黑色铅笔的轮廓线擦掉,否则效果图会跟电子文档产生巨大差异。

2

作者码字不易,如果这篇经验帮到了您,麻烦您投个票或者点个赞吧,谢谢了!

推荐信息