圖標(biāo)的基本認(rèn)識(shí)
圖標(biāo)是具有指代意義的具有標(biāo)識(shí)性質(zhì)的圖形,它不僅是一種圖形,更是一種標(biāo)識(shí),它具有高度濃縮并快捷傳達(dá)信息、便于記憶的特性。
圖標(biāo)的分類(lèi)
圖標(biāo)主要分為工具類(lèi)和裝飾類(lèi)。
工具類(lèi)圖標(biāo),具有明確的含義、可以提示用戶(hù)的圖標(biāo),是工作中比較常用的圖標(biāo)。
裝飾類(lèi)圖標(biāo),可能沒(méi)有具體的含義,會(huì)帶有活動(dòng)、節(jié)日的運(yùn)營(yíng)目的。
我這次主要講一下工具類(lèi)的圖標(biāo)。
圖標(biāo)的類(lèi)型
1、線性圖標(biāo)(單色、多粗細(xì)、多色、斷點(diǎn)、漸變、疊加)
2、面性圖標(biāo)(單色、多色、漸變、疊加)
3、混合圖標(biāo)(面線混合)
圖標(biāo)的性格
線條越細(xì)越感覺(jué)精致,線條越粗越感覺(jué)踏實(shí);圓角越小越感覺(jué)硬朗,圓角越大越感覺(jué)可愛(ài);顏色的使用就是顏色本身的感覺(jué)。
如何畫(huà)一個(gè)圖標(biāo)
了解了那么多的基礎(chǔ)知識(shí)之后,該如何畫(huà)一個(gè)圖標(biāo)呢?
下面告訴大家我畫(huà)圖標(biāo)的“獨(dú)家秘籍”,以畫(huà)一個(gè)「外賣(mài)」的圖標(biāo)為例。
第一步:確認(rèn)風(fēng)格
如果是在已經(jīng)有的一套圖標(biāo)中增加幾個(gè)圖標(biāo),那風(fēng)格和之前的保持一致就行;
如果是要自己從零開(kāi)始畫(huà)一套新圖標(biāo),那么可以依據(jù)產(chǎn)品的調(diào)性去確定圖標(biāo)的風(fēng)格。
我這次的例子是要在一套圖標(biāo)中增加一個(gè)圖標(biāo),所以風(fēng)格直接統(tǒng)一就行。
第二步:羅列關(guān)鍵詞、聯(lián)想詞
外賣(mài)聯(lián)想:吃飯、美食、米飯、面條、盒飯、碗、餐具、吃
這一步要發(fā)散思維,相關(guān)的詞匯都可以列出來(lái),不斷的去發(fā)散。
第三步:查找參考
接下來(lái)就是按照上面幾個(gè)關(guān)鍵詞去網(wǎng)上瘋狂的找參考,我一般會(huì)去「Iconfont」「花瓣」看直接相關(guān)的圖標(biāo)參考,有時(shí)候會(huì)用「度娘」看一些實(shí)物的參考,但是基礎(chǔ)不夠的話,看實(shí)物提煉會(huì)有點(diǎn)困難,還是直接看圖形參考會(huì)更直觀。

- 大小統(tǒng)一
這里的大小統(tǒng)一不是指的物理尺寸的統(tǒng)一,因?yàn)槿说难劬?huì)有視覺(jué)偏差,所以一般的大小統(tǒng)一是指視覺(jué)上的大小統(tǒng)一,說(shuō)人話就是用你眼睛看起來(lái)是大小統(tǒng)一的。
我一般會(huì)使用同一個(gè)尺寸的底板來(lái)控制圖標(biāo)的大小,例如都用一套圖標(biāo)都用48×48的底板,在繪制圖標(biāo)的時(shí)候不要整個(gè)填充,要留有一定的間隔,那么圖標(biāo)在繪制的時(shí)候可以依據(jù)視覺(jué)進(jìn)行調(diào)整,從而達(dá)到視覺(jué)統(tǒng)一。(網(wǎng)上也有很多推薦使用圖標(biāo)柵格的,如果是想走技術(shù)流的可以自行百度“圖標(biāo)柵格”)
- 圓角、描邊粗細(xì)統(tǒng)一
圓角要使用的統(tǒng)一的圓角,描邊的粗細(xì)也要統(tǒng)一
- 復(fù)雜程度統(tǒng)一
復(fù)雜程度就是一個(gè)圖標(biāo)是簡(jiǎn)約的還是復(fù)雜的,基本的線條多少,或者色塊的多少,要大致統(tǒng)一,這樣看起來(lái)才是一套的圖標(biāo)。
- 不同顏色占比統(tǒng)一
使用顏色要統(tǒng)一,每個(gè)顏色在圖標(biāo)中的占比要大致一樣。
承擔(dān)因您的行為而導(dǎo)致的法律責(zé)任,
本站有權(quán)保留或刪除有爭(zhēng)議評(píng)論。
參與本評(píng)論即表明您已經(jīng)閱讀并接受
上述條款。