4.精簡(jiǎn)視覺(jué)元素
很遺憾,在我們展示的大多數(shù)案例中都存在一個(gè)同樣的缺點(diǎn):他們過(guò)于頻繁和不恰當(dāng)?shù)氖褂眠^(guò)分鮮艷的視覺(jué)元素。設(shè)計(jì)師希望價(jià)目表盡可能的吸引人一些,看起來(lái),大量綠勾勾和紅叉叉似乎有一些幫助。
可一旦這些圖標(biāo)布滿(mǎn)整個(gè)列表,就很容易將用戶(hù)的目光吸引到圖標(biāo)上來(lái),從而阻礙用戶(hù)閱讀商品之間的具體差異。Beanstalk 在避開(kāi)視覺(jué)元素干擾的情況下有效地傳達(dá)了他們的信息。用淺色的圓點(diǎn)表示這一產(chǎn)品支持某項(xiàng)特性,不過(guò)分搶眼又能傳達(dá)好信息。
Planhq.com 只用了綠色的勾選框而沒(méi)用紅叉號(hào)。實(shí)際上,紅叉號(hào)的確不是必須的,既然如此,就該果斷的將它排除在外。
Goodbarry.com 用顏色來(lái)強(qiáng)調(diào)列表中的關(guān)鍵細(xì)節(jié)。同時(shí),請(qǐng)注意他們是如何運(yùn)用字號(hào)大小來(lái)凸顯推薦商品的。此外他們還很好的應(yīng)用了綠色按鈕來(lái)吸引用戶(hù)體驗(yàn)他們的產(chǎn)品。
精簡(jiǎn)視覺(jué)元素,避免視覺(jué)噪音。如果你確信那些圖標(biāo)不至于太過(guò)花哨,而且的確能給用戶(hù)傳達(dá)出有用的信息,那么就盡管使用它們。如果它只是個(gè)擺設(shè)那你還是不用為妙。
每一個(gè)圖標(biāo)或縮略圖的存在都必須有其明確的理由。例如,價(jià)目表比對(duì)的是一些實(shí)物產(chǎn)品,那么就有理由將它們的縮略圖展示出來(lái)。
Almost all of the pricing tables we’ve examined use different background colors to differentiate pricing plans. Designers use color theory and vivid colors to keep the visitor’s focus on the specific plan that the company wants the most sales on.
我們列舉的所有價(jià)目表幾乎都利用了不用的背景色來(lái)區(qū)分各個(gè)商品。設(shè)計(jì)者遵循色彩理論借助鮮亮的色彩將用戶(hù)視線(xiàn)吸引到商家期望其熱銷(xiāo)的商品上。
出處:蓮子
責(zé)任編輯:moby
上一頁(yè) 價(jià)目表:實(shí)例和最佳策略 [2] 下一頁(yè) 價(jià)目表:實(shí)例和最佳策略 [4]
|