上海UI交互設(shè)計(jì)培訓(xùn)-怎樣從零開(kāi)始完成一個(gè)圖標(biāo)設(shè)計(jì)？

作為一個(gè)初學(xué)者，在被要求或者想要做一個(gè)icon之前，（上海UI交互設(shè)計(jì)培訓(xùn)）看到那些大牛們的icon總是驚訝不已，熱血沸騰地要立即開(kāi)始。但是"不已"過(guò)后確不知道如何下手，導(dǎo)致時(shí)間在各種無(wú)意義的雜亂思考和"尋找素材"中被消耗掉。結(jié)合大牛指導(dǎo)和自己的經(jīng)歷，總結(jié)一套流程和大家討論分享：初學(xué)者怎么完成一個(gè)icon設(shè)計(jì)。

設(shè)計(jì)一個(gè)icon的過(guò)程大致區(qū)分需要三個(gè)階段：
1.確定icon的題材，就是表現(xiàn)內(nèi)容。
2.確定表現(xiàn)風(fēng)格，寫(xiě)實(shí)？單一物體？還是小場(chǎng)景？
3.再構(gòu)思具體怎么實(shí)現(xiàn)，突出亮點(diǎn)。

確定題材（上海平面設(shè)計(jì)培訓(xùn)）
這時(shí)要從大的方面來(lái)考慮icon的制作，可以先想想一些必要問(wèn)題的答案：為什么要設(shè)計(jì)這個(gè)icon？這個(gè)設(shè)計(jì)的需求是什么？什么題材可以滿足這些需求？這個(gè)題材能做到很好的表達(dá)么？...... 問(wèn)題可能一時(shí)半會(huì)兒沒(méi)有答案，沒(méi)關(guān)系，帶著問(wèn)題去看作品，看*的作品，就會(huì)在別人的成果中得到啟示，隨手畫(huà)草圖也是激發(fā)靈感的好方法。
想過(guò)之后在腦海中確定要畫(huà)什么，*限定一些客觀條件（比如做一套圖標(biāo)時(shí)間是不是允許，某個(gè)題材細(xì)節(jié)是不是太復(fù)雜導(dǎo)致無(wú)法完成），選擇幾個(gè)題材作為備選方案。如果并不是商業(yè)需求，那么可以從感興趣的題材入手，這更能激發(fā)自己的創(chuàng)作欲望。



確定表現(xiàn)風(fēng)格（UI交互設(shè)計(jì)培訓(xùn)）
用一些主觀客觀的條件來(lái)挑選表現(xiàn)風(fēng)格，比如根據(jù)現(xiàn)在icon設(shè)計(jì)的流行趨勢(shì)來(lái)選擇寫(xiě)實(shí)風(fēng)格；根據(jù)所要表達(dá)的主題選擇材質(zhì)等等。物體的展現(xiàn)形式是什么？單個(gè)物體還是物體組合？色彩搭配怎么用才能突出主題？趣味性怎么樣展現(xiàn)？



以上確定題材和確定風(fēng)格的過(guò)程絕對(duì)不是獨(dú)立存在的，他們會(huì)互相影響，交織著進(jìn)行。（平面設(shè)計(jì)師培訓(xùn)）伴隨這個(gè)兩個(gè)過(guò)程的是大量地看好的icon設(shè)計(jì)作品和打草稿，從他人的設(shè)計(jì)中吸收什么是好的作品，了解好的作品是怎么組成的。
可能在某些情況下根本不需要問(wèn)問(wèn)題，直接上手開(kāi)始做icon就可以。但是我相信前期的思考和權(quán)衡是完成一個(gè)優(yōu)質(zhì)icon設(shè)計(jì)必經(jīng)的過(guò)程。

具體實(shí)現(xiàn)
之后就進(jìn)入了實(shí)戰(zhàn)操作部分了，具體怎么實(shí)現(xiàn)題材和風(fēng)格是現(xiàn)在所要思考的問(wèn)題，要去選擇技巧工具和方法。再具體一點(diǎn)說(shuō)，像我一樣的初學(xué)者也許并不知道怎么實(shí)現(xiàn)某種材質(zhì)，怎么制作某種高光，但是有幾個(gè)快速上手方案供大家嘗試：
這是性價(jià)比很高的的一條路，但是要記住要選擇*作品之一來(lái)臨摹，雖然開(kāi)始可能有些難度，但是堅(jiān)持臨摹好作品出來(lái)的效果要比臨摹水平一般的作品好很多。臨摹之前要仔細(xì)觀察分析，觀察光源的位置，觀察顏色分布，觀察icon的層次。（上海UI交互設(shè)計(jì)培訓(xùn)）想好了再動(dòng)手要比直接上手效率高得多。

2.找到PSD學(xué)習(xí)分析大牛的PSD文件，看他們?cè)趺从脠D層樣式來(lái)實(shí)現(xiàn)金屬質(zhì)感或者制作高光。



3.耐心的堆疊細(xì)節(jié)PS1：
補(bǔ)充制作icon過(guò)程中需要注意的細(xì)節(jié)（UI交互設(shè)計(jì)師培訓(xùn)）
1.越是精細(xì)的圖標(biāo)就越是要注意路徑對(duì)像素的影響
2.icon因?yàn)橄鄬?duì)來(lái)說(shuō)尺寸較小，就要求色彩飽滿，突出對(duì)比度，有豐富的色階層次。
3.注意縮放圖標(biāo)時(shí)的相應(yīng)調(diào)整PS2：*提交到iconfans的icon成品



欲知更多的UI交互設(shè)計(jì)培訓(xùn)歡迎及時(shí)關(guān)注上海非凡實(shí)時(shí)更新的平面設(shè)計(jì)資訊！