|
圖標(biāo)，圖標(biāo)，還是圖標(biāo)
視頻游戲和網(wǎng)站的最大不同在于，使用在復(fù)雜游戲菜單中的圖標(biāo)要比使用在網(wǎng)站導(dǎo)航中的多的多，沒錯，就是這樣。用戶通常在游戲上花費(fèi)的時間都比瀏覽網(wǎng)站要多。但圖標(biāo)也一直被網(wǎng)站所用，而且網(wǎng)站跟Web應(yīng)用之間的界線也越來越模糊。
那么，如何有效地在游戲?qū)Ш街惺褂脠D標(biāo)呢？它們必須易讀，并且與環(huán)境相符。在上面《Halo Reach》的例子中，用戶依賴圖標(biāo)進(jìn)行導(dǎo)航和武器選擇，但菜單類似于一個“平視智能顯示”（HUD），就像在現(xiàn)實世界里透過車窗看東西一樣。在《上古卷軸》中，圖標(biāo)裝飾了“滾動條”。網(wǎng)站的圖標(biāo)同樣應(yīng)當(dāng)容易被理解。添加文字標(biāo)簽以獲得更好的可用性。
圖標(biāo)可以大大加快復(fù)雜的菜單的通過速度，前提是它們都經(jīng)過精心的選擇，對需要花費(fèi)長時間瀏覽網(wǎng)站的用戶來說尤為有效。使用固定顏色、高對比度的輪廓并且形狀簡單的圖標(biāo)，更容易辨認(rèn)，也更容易理解。
游戲說白了就是你在一堆復(fù)雜的圖片里穿梭，如《Halo Reach》和《使命召喚》，同時大圖也都具有形狀鮮明的輪廓，就像下面這張。即使你沒仔細(xì)看細(xì)節(jié)，也能認(rèn)出手、圓圈和臉的輪廓。用相似的顏色，減少視覺干擾，讓它們更容易被識別。越多的去使用圖標(biāo)，就越要注意它們的簡單易識別。
你還可以利用圖標(biāo)作為線索，來吸引對主題的注意力。在內(nèi)容框和重復(fù)的主題中使用“頭”圖，而不是按鈕，以加強(qiáng)概念的快速認(rèn)知。讓復(fù)雜的圖更大些，并保持一致。使用圖標(biāo)把興趣添加到清單里，并分解成易消化的內(nèi)容，突出需要注意的重要部分，Treemo就是這樣做的。使用與導(dǎo)航和分組有聯(lián)系的圖標(biāo)。你也可以使用與標(biāo)題一致的形狀，或用引號表明哪些內(nèi)容具有相關(guān)性。利用圖標(biāo)使內(nèi)容易于掃描，突出興趣點(diǎn)，這樣用戶就能很快的找到想要的內(nèi)容了。
圖標(biāo)不必非得是靜態(tài)的。Pattern Tap 上雖然使用的是傳統(tǒng)的縮略圖，但它們的形狀看起來像是圖標(biāo)一樣，能突出興趣點(diǎn)不說，還可以加強(qiáng)品牌效應(yīng)：
用你自己的產(chǎn)品做圖標(biāo)如何？就像DonQ那樣，菜單設(shè)計很聰明，就是用產(chǎn)品本身當(dāng)圖標(biāo)，對哪個感興趣就直接點(diǎn)哪個。更妙的方法是，菜單出現(xiàn)時其余內(nèi)容變暗，讓你的選擇脫穎而出。
出處：藍(lán)色理想
責(zé)任編輯：moby
上一頁 Web設(shè)計師能從游戲中學(xué)到些什么 [4] 下一頁 Web設(shè)計師能從游戲中學(xué)到些什么 [6]
|
第 1 頁 
第 5 頁 Web設(shè)計師能從游戲中學(xué)到些什么 [5]
