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