畫一枚Dribbble風(fēng)格的線形ICON
經(jīng)常上 Dribbble 的同學(xué)應(yīng)該注意到，今年 Dribbble 上特別流行一種線型的 ICON 作品。這類 ICON 作品造型和顏色搭配雖然簡單，但是風(fēng)格卻很強(qiáng)烈，很活潑很柔和，表現(xiàn)力很強(qiáng)，關(guān)鍵是「很洋氣很好看」。
下面這組 ICON 作品就是典型的例子，各位先隨意欣賞一下，作品均來自Dribbble。
下面我將會就如何畫一枚 Dribbble 風(fēng)格的線形 ICON，寫一個(gè)簡單的教程。
這里我想順便強(qiáng)調(diào)一下日常自學(xué)設(shè)計(jì)的方法，無外乎觀察和總結(jié)，最好能親自動手做做。不知道你剛才在欣賞的時(shí)候，有沒有留意觀察它們的特點(diǎn)？
如果你剛才沒有總結(jié)，那我來替你總結(jié)一下。 首先這組作品的主體均為風(fēng)格強(qiáng)烈的粗線條 ICON，其次在選用顏色的時(shí)候均選擇了飽和度較低的類比色進(jìn)行搭配。
總結(jié)完它們的特點(diǎn)，我們就可以就這些特點(diǎn)進(jìn)行 ICON 設(shè)計(jì)了，下面是具體操作環(huán)節(jié)。我使用的工具為 Sketch，如果沒有的話用 Ai 也很方便。
為了說明問題，我選擇了上面這只蘋果婊，并準(zhǔn)備就這個(gè)造型畫一個(gè) Dribbble 風(fēng)格的線型圖標(biāo)。
STEP 1
觀察蘋果婊的造型，并將它的主體結(jié)構(gòu)用粗線條畫一個(gè) ICON。不要求細(xì)節(jié)，僅保留最最重要的線條，能交代清楚造型即可。
STEP 2
在不影響 ICON 主體造型結(jié)構(gòu)的前提下，將部分線條打斷，沒其他什么要求，你高興就好，就是這么任性。
是不是已經(jīng)有點(diǎn)不太一樣了？隨意斷開的線條，居然讓 ICON 的整體造型活潑了起來。
STEP 3
緊接著就是著色。這里我選擇了同色系的三種綠色為 ICON 上色，要注意的是，當(dāng)填充完色塊以后，記得將色塊向右下方隨意地移動幾像素。這樣不僅可以交代一部分明暗關(guān)系，更會為畫面加入活潑的元素。
畫到這里，其實(shí)就算基本完成了。當(dāng)然我們還可以為畫面增加一些點(diǎn)綴的元素，讓畫面更飽滿豐富。
STEP 4
畫一些小圈圈，小星星什么的，隨意地點(diǎn)綴在周圍。注意不要過度，零星的幾個(gè)就好，畫面馬上就會 BLING BLING 閃耀起來~
大功告成。怎么樣，這圖標(biāo)看起來是不是「很 Dribbble」？
看完不算，快去動手試試吧~ ：）
