商業(yè)產(chǎn)品有這樣幾個(gè)特點(diǎn):1.信息量大;2.功能模塊繁多;3.用戶角色多樣化;4.操作者水平參差不齊。
通常情況下,圖形及色彩是引導(dǎo)用戶的第一要素。在商業(yè)系統(tǒng)中,圖形不可濫用。
那么如何用色彩引導(dǎo)用戶獲取信息是系統(tǒng)設(shè)計(jì)中的一個(gè)重點(diǎn)。
這里舉個(gè)例子:導(dǎo)視系統(tǒng)會(huì)告訴你在哪里,你想去的地方怎么走,那里有什么?
合理的色彩應(yīng)用亦有這樣的效果:
– 你在哪里
– 哪些是可操作的
– 哪些是重要的信息
– 哪些是對(duì)你有幫助的信息
– 信息之間的關(guān)系是什么
那么我們可以將整體色彩劃分成兩大類,主體色系和提示色系
主體色系
1.主視覺色:決定你的整體視覺風(fēng)格。通常情況下,一種冷色,其它都為灰度輔助色。這樣的好處是降低色彩對(duì)信息主體的影響,同時(shí)灰色系的應(yīng)用將很好襯托圖表的呈現(xiàn)及信息層次表達(dá);
2.可操作色:讓可操作的項(xiàng)顯而易見,這點(diǎn)非常重要。有鏈接、按鈕和區(qū)域幾種形式,我們將所有的操作項(xiàng)或區(qū)域都定義為藍(lán)色,包括按鈕也是偏冷色調(diào),鏈接擺脫掉討厭的下劃線,使信息識(shí)別更為清晰;
3.激活色:也可叫當(dāng)前色,用來申明當(dāng)前信息與其相關(guān)信息的關(guān)系,通常應(yīng)用在tab標(biāo)簽、導(dǎo)航、樹形菜單,這里我們沒有進(jìn)行嚴(yán)格的色彩定義(如果能統(tǒng)一則更好),遵從色彩一致性原則就好。
提示色系
這個(gè)色彩應(yīng)用比較趨向標(biāo)準(zhǔn),按信息程度來區(qū)分就好,這類色系通常情況下跟狀態(tài)色一同應(yīng)用,比如廣告系統(tǒng)中常用的物料狀態(tài)
成功提示:這個(gè)比較簡(jiǎn)單,給予用戶操作的正常反饋及激勵(lì);
功能、操作及幫助提示:也叫幫助色,使用戶形成統(tǒng)一的認(rèn)知,快速定位或識(shí)別該信息;
警示色:我們定義了兩級(jí)警示色,一類屬于警告或出錯(cuò),另一類屬于警示,需要關(guān)注和修正
合理的色彩體系能降低用戶的學(xué)習(xí)成本,完成簡(jiǎn)單有效的信息指引!