画一枚Dribbble风格的线形ICON

成都/设计爱好者/9年前/1730浏览
画一枚Dribbble风格的线形ICON
TerryUX

经常上 Dribbble 的同学应该注意到,今年 Dribbble 上特别流行一种线型的 ICON 作品。这类 ICON 作品造型和颜色搭配虽然简单,但是风格却很强烈,很活泼很柔和,表现力很强,关键是「很洋气很好看」。

下面这组 ICON 作品就是典型的例子,各位先随意欣赏一下,作品均来自Dribbble。






下面我将会就如何画一枚 Dribbble 风格的线形 ICON,写一个简单的教程。 


这里我想顺便强调一下日常自学设计的方法,无外乎观察和总结,最好能亲自动手做做。不知道你刚才在欣赏的时候,有没有留意观察它们的特点?


如果你刚才没有总结,那我来替你总结一下。 首先这组作品的主体均为风格强烈的粗线条 ICON,其次在选用颜色的时候均选择了饱和度较低的类比色进行搭配。 


总结完它们的特点,我们就可以就这些特点进行 ICON 设计了,下面是具体操作环节。我使用的工具为 Sketch,如果没有的话用 Ai 也很方便。

 

2c4157be81500000018c1b594fc9.jpg

为了说明问题,我选择了上面这只苹果婊,并准备就这个造型画一个 Dribbble 风格的线型图标。 


STEP 1 


观察苹果婊的造型,并将它的主体结构用粗线条画一个 ICON。不要求细节,仅保留最最重要的线条,能交代清楚造型即可。

f46f57be81680000018c1b806e84.jpg 


STEP 2


在不影响 ICON 主体造型结构的前提下,将部分线条打断,没其他什么要求,你高兴就好,就是这么任性。

eda957be81760000012e7e77fa19.jpg


是不是已经有点不太一样了?随意断开的线条,居然让 ICON 的整体造型活泼了起来。


STEP 3


紧接着就是着色。这里我选择了同色系的三种绿色为 ICON 上色,要注意的是,当填充完色块以后,记得将色块向右下方随意地移动几像素。这样不仅可以交代一部分明暗关系,更会为画面加入活泼的元素。

772057be81870000018c1b96c0dd.jpg

画到这里,其实就算基本完成了。当然我们还可以为画面增加一些点缀的元素,让画面更饱满丰富。


STEP 4


画一些小圈圈,小星星什么的,随意地点缀在周围。注意不要过度,零星的几个就好,画面马上就会 BLING BLING 闪耀起来~ 

500a57be81940000012e7e8f8abb.jpg



大功告成。怎么样,这图标看起来是不是「很 Dribbble」? 


da9d57bea1630000012e7e1e26cb.jpg

看完不算,快去动手试试吧~ :)


38
Report
|
27
Share
评论
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
You may like
IP设计合集 DGS FRIENDS
Homepage recommendation
大家都在看
Log in