圖標(biāo)制作過(guò)程

1、在網(wǎng)上看過(guò)很多設(shè)計(jì)師的圖標(biāo)制作過(guò)程基本都是偏向技法的介紹.其實(shí)在圖標(biāo)設(shè)計(jì)過(guò)程中除了技法之外最重要的就是圖標(biāo)創(chuàng)意了但這方面的系統(tǒng)介紹網(wǎng)上倒是很少.借這次實(shí)際的界面設(shè)計(jì)項(xiàng)目來(lái)分享下我自己對(duì)界面圖標(biāo)制作創(chuàng)意階段的方法的理解.并以豐富的圖例來(lái)闡釋自己的想法!以次作為圖形界面設(shè)計(jì)師交流的引子!歡迎大家進(jìn)來(lái)交流!這個(gè)過(guò)程比較長(zhǎng)自己只能分階段的準(zhǔn)備好發(fā)上來(lái)!快畢業(yè)了事情很多多多諒解!今天把部分草圖放上來(lái)!創(chuàng)意說(shuō)明后續(xù)準(zhǔn)備。第一部分：圖標(biāo)創(chuàng)意階段第一部

2、分：圖標(biāo)創(chuàng)意階段其實(shí)這個(gè)階段之前還有個(gè)重要的步驟就是創(chuàng)意準(zhǔn)備。根據(jù)項(xiàng)目需求確定圖標(biāo)的風(fēng)格這在界面設(shè)計(jì)過(guò)程中有風(fēng)格評(píng)測(cè)的方法來(lái)確定項(xiàng)目是走什么風(fēng)格路線.這也是項(xiàng)目前期用戶研究的內(nèi)容有潛力的公司會(huì)制定“用戶角色“用來(lái)指導(dǎo)界面視覺(jué)風(fēng)格方向、界面內(nèi)容建構(gòu)和交互設(shè)計(jì)等！當(dāng)我們接到設(shè)計(jì)任務(wù)后，我們?cè)趺撮_(kāi)始設(shè)計(jì)圖標(biāo)呢？首先我們要看懂界面需求，對(duì)每個(gè)功能圖標(biāo)的定義要非常清楚，否則我們?cè)O(shè)計(jì)的結(jié)果將導(dǎo)致用戶難以理解，這個(gè)也是圖標(biāo)設(shè)計(jì)所關(guān)心的可用性問(wèn)題！這在

3、我博課里引用了JakobNielsensWebsite里面的文章“IconUsability”，大家可以去看看。差的圖標(biāo)設(shè)計(jì)最終導(dǎo)致用戶界面的操作失敗的體驗(yàn)。但視覺(jué)審美和可用性有時(shí)候存在矛盾的方面，我們不能走極端，只顧及可用性但忽視設(shè)計(jì)美觀的一面，也不能追求設(shè)計(jì)上的美的需求而忘了這是功能性很強(qiáng)的界面圖標(biāo)，最好是能在兩者之間取得平衡！理解功能需求后，我們要收集很多關(guān)于“詞語(yǔ)——圖形”之間能轉(zhuǎn)化的元素，用生活中的物或其他視覺(jué)產(chǎn)品來(lái)代替所要表

4、達(dá)的功能信息、或操作提示。例如音樂(lè)：我們會(huì)想到，音符、光盤(pán)、音樂(lè)播放機(jī)、耳機(jī)等等。但到底選擇什么來(lái)表達(dá)呢？原則上是越貼近用戶的心理模型最好，用大家常見(jiàn)的視覺(jué)元素?zé)o來(lái)表達(dá)所要傳達(dá)的信息。隱喻是在圖標(biāo)設(shè)計(jì)中是必要的思維方法！找出物與所指之間的內(nèi)在含義，這就要求設(shè)計(jì)師對(duì)生活的細(xì)微觀察，豐富的聯(lián)想能力。當(dāng)然這也就是設(shè)計(jì)的困難點(diǎn)，做好一個(gè)圖標(biāo)設(shè)計(jì)不亞于好的產(chǎn)品創(chuàng)意設(shè)計(jì)，包括最終的圖標(biāo)制作也是體現(xiàn)設(shè)計(jì)師能力之處，特別是現(xiàn)在高分辨率的顯示設(shè)備大量應(yīng)用

5、，好的界面要得到用戶的認(rèn)可，高質(zhì)量的圖標(biāo)設(shè)計(jì)比不可少！（難啊！現(xiàn)在對(duì)GUI設(shè)計(jì)的理解還只限于平面美工，管理者的意識(shí)往往關(guān)系到一個(gè)行業(yè)是否正常發(fā)展。我們的工作要得到認(rèn)可，需要大家的共同努力?。┑诙糠郑翰輬D繪制階段第二部分：草圖繪制階段這個(gè)階段就是把我們的創(chuàng)意繪制出來(lái)，檢驗(yàn)下視覺(jué)關(guān)系，也就是在視覺(jué)方面多在草圖上推敲，這樣效率高些，避免在渲染完后來(lái)后悔。（后悔啥！那就是重來(lái)了?。┦紫纫_定我們圖標(biāo)透視，這是關(guān)系到一套方案中的每個(gè)圖標(biāo)的透視方