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