其實(shí)圖標(biāo)創(chuàng)意階段前還有一個(gè)重要的步驟 -創(chuàng)意準(zhǔn)備。根據(jù)設(shè)計(jì)師所要做的項(xiàng)目需求，確定ICON圖標(biāo)的風(fēng)格樣式，這一步驟在界面設(shè)計(jì)過程中，可用圖標(biāo)風(fēng)格評測的方法來確定所繪制的圖標(biāo)是什么樣的風(fēng)格路線，這也是項(xiàng)目前期對用戶研究的內(nèi)容，有潛力的公司會(huì)制訂“用戶角色”，用來指導(dǎo)界面視覺風(fēng)格方向、界面內(nèi)容建構(gòu)和交互設(shè)計(jì)等。
當(dāng)設(shè)計(jì)師從客戶那里接到設(shè)計(jì)任務(wù)后，應(yīng)怎樣開始設(shè)計(jì)圖標(biāo)呢？首先要看懂界面的需求，并對每個(gè)功能圖標(biāo)的定義要非常清楚，否則設(shè)計(jì)的結(jié)果將導(dǎo)致用戶難以理解，這個(gè)也是圖標(biāo)設(shè)計(jì)所關(guān)心的可用性問題。
但視覺審美和可用性有時(shí)候存在著矛盾，設(shè)計(jì)師們不能走極端，只顧及可用性而忽視設(shè)計(jì)美觀的一面，也不能太追求設(shè)計(jì)上美的需求而忽略了這是一個(gè)功能性很強(qiáng)的界面圖標(biāo)，最好是能在這兩者之間取得平衡。
理解功能需求后，設(shè)計(jì)師要收集很多關(guān)于“關(guān)鍵詞語—聯(lián)想圖形”之間能轉(zhuǎn)化的元素，用生活中的物或其他視覺產(chǎn)品來代替所要表達(dá)的功能信息或操作提示。例如：音樂，我們會(huì)想到音符、光盤、音樂播放機(jī)、耳機(jī)等。但到底選擇什么來表達(dá)呢？原則上是越貼近用戶的心理模型最好，用大家常見的視覺元素來表達(dá)所要傳達(dá)的信息。
草圖繪制階段就是將設(shè)計(jì)師的創(chuàng)意繪制出來，檢驗(yàn)視覺關(guān)系，也就是在視覺方面多在草圖上推敲，以提高效率，避免在渲染完成后再來修改而造成不必要的浪費(fèi)。首先要確定圖標(biāo)透視，即關(guān)系到一套方案中的每個(gè)圖標(biāo)的透視方向，這是在圖標(biāo)設(shè)計(jì)一致性方面的基本要求，透視統(tǒng)一，然后一步步地進(jìn)行細(xì)節(jié)添加。
圖標(biāo)要表達(dá)一定的含義就往往須組合不同的形態(tài)，借助單個(gè)形態(tài)所傳達(dá)的內(nèi)在信息，拼合在一起去傳達(dá)另外一種信息。例如：在設(shè)計(jì)“導(dǎo)航”功能圖標(biāo)時(shí)，設(shè)計(jì)師第一反應(yīng)是與衛(wèi)星有關(guān)，但就以單個(gè)衛(wèi)星的外形來傳達(dá)導(dǎo)航的含義恐怕不夠，于是再聯(lián)想與導(dǎo)航有關(guān)的信息圖示，如“坐標(biāo)”“旗幟”“陸地”等。再經(jīng)過設(shè)計(jì)師以視覺平衡原理合理地布置它們之間的主次、空間關(guān)系。
需要注意的是，不可隨便使用其與要表達(dá)功能相關(guān)的圖形或物體，要經(jīng)過精心的挑選，最好是大家熟悉、易記的物或形，畢竟目的是要幫助用戶更形象地理解程序的內(nèi)在功能含義，以易記、易懂為前提。也不能借助過多的圖形來表達(dá)圖標(biāo)含義，因?yàn)檫^于復(fù)雜反而影響用戶的理解。
在前面的流程完成后，設(shè)計(jì)師設(shè)計(jì)的草圖已經(jīng)很清楚地表達(dá)了自己的想法，并且也能與功能信息密切地吻合，那就需要使用 PS、 AI等軟件進(jìn)行繪制，這要看個(gè)人的習(xí)慣,以及對軟件的熟悉程度。
http://www.xmpg.org.cn/
