干貨分享如何創(chuàng)造一個吸引人的圖標(biāo)tar.03如何創(chuàng)造一個吸引人的圖標(biāo)?
今天黑熊分享一些小經(jīng)驗，干貨分享第一章，如何創(chuàng)造一個吸引人的圖標(biāo)?
圖標(biāo)分為三類分別是/扁平圖標(biāo)又稱2d圖標(biāo)/微質(zhì)感圖標(biāo)又稱2.5d圖標(biāo)/寫實圖標(biāo)又稱
3d圖標(biāo)，了解之后大家在畫圖標(biāo)的時候針對主題再去選擇圖標(biāo)類型。
圖標(biāo)的設(shè)計感取決于造型(這個需要我們多看，多累積經(jīng)驗，畫多了自然在造型上能有新突破)圖標(biāo)吸不吸引人取決于細(xì)節(jié)，細(xì)節(jié)到位有內(nèi)容可看，就能吸引人。
案例分析(比如搜狗瀏覽器)首先需要給它定位
1：是一個瀏覽器，互聯(lián)網(wǎng)2：與科技相關(guān)3：全球覆蓋4：首字母s/g給主題定位后就可以開始制作了，首先需要畫出符合定位的造型(取首字母s為圖標(biāo)主視覺)如下圖如果用直角矩形和圓角矩形都會讓人感覺是一個封閉的空間。更像是一個和文學(xué)相關(guān)的圖標(biāo)造型且無法直觀聯(lián)想到互聯(lián)網(wǎng)，瀏覽器。我們再來看圓形，圓形即是地球的形狀，也可代表互聯(lián)網(wǎng)的全面覆蓋。
三個造型放在一起，哪一個更加符合瀏覽器的定位?
明顯是第三個，圓形的圖標(biāo)且還有一個小細(xì)節(jié)，正負(fù)關(guān)系類似中國的八卦圖，意為無限更新，循環(huán)，也恰恰符合瀏覽器的定位。我們畫好造型后，接下來就是開始上色，合理的顏色運(yùn)用非常重要，看下圖
第一個相近色，不夠直觀，與想表達(dá)的s區(qū)分不夠明顯。第二個外圍藍(lán)色，內(nèi)部白色，會造成視覺的引導(dǎo)錯誤，我們首先會注意到白色區(qū)域，這不是我們想表達(dá)的。第三個外圍白色，內(nèi)部藍(lán)色，可以很直觀的看三s字母，可以準(zhǔn)確傳達(dá)出搜狗瀏覽器這幾個字的信息。
圖標(biāo)做好了之后我們就可以開始上細(xì)節(jié)
細(xì)節(jié)的做法無非就是顏色的漸變，高光，陰影，讓圖標(biāo)看起來更加生動，有層次感。
如下圖，我們在已經(jīng)畫好的造型上加入一些細(xì)節(jié)。
我們常常剛畫好的圖標(biāo)，過一個小時或過一天再看，是不是常常會覺得哪里有問題，或突然就覺的不好看了。知道為什么嗎?其實就是因為我們沒有去做一些細(xì)節(jié)，或細(xì)節(jié)沒做到位。
你想象一下，你是一個三維生物，你畫的圖標(biāo)就是二維平面的東西，你一眼望穿，沒有任何隱藏的東西。所以你就會覺得這個東西沒什么特點，也就會記不住。你再想象一下，你還是一個三維生物，你給畫的圖標(biāo)添加一些細(xì)節(jié)，把它帶到了你三維的世界，這個時候你看不穿它了，你左看右看上看下看，就是看不穿，你需要花點時間去看它那些細(xì)微的美，這樣你就會對這個圖標(biāo)有了記憶點。
當(dāng)然這個圖標(biāo)還可以添加一些細(xì)節(jié)進(jìn)去，這里就不闡述了，大家知道方法就好。
最近一直在畫圖標(biāo)，才知道即使那么小的一個區(qū)域，也是可以發(fā)揮出很多東西來的，面積雖小但我們可以讓它變得精致，分享大家一些最近畫的幾套的部分圖標(biāo)。
今天的干貨分享就到這里了，希望對你們有所幫助
設(shè)計即創(chuàng)造，我是黑熊，一個有態(tài)度的設(shè)計師，一起加油