|
2. 漸變
技術(shù)的發(fā)展為所有想使用漸變的人提供了各種創(chuàng)造漸變的工具。但漸變真的很好么？
Media Temple 網(wǎng)站的每一個(gè)頁(yè)面都使用了漸變，不過(guò)其漸變使用的節(jié)制和精妙才是設(shè)計(jì)成功的關(guān)鍵。logo，大標(biāo)題，按鈕和背景都有細(xì)微的或者鏡像的漸變，以強(qiáng)調(diào)內(nèi)容。最復(fù)雜的漸變用在了那些簡(jiǎn)單的120像素寬的按鈕(子頁(yè)面中的“ACTIVATE”和“LEARN MORE”)上，因?yàn)樗鼈兪切枰L客注意的重點(diǎn)。
Commission Junction的漸變運(yùn)用遠(yuǎn)沒(méi)有Media Temple的細(xì)致，而且采用了過(guò)于豐富的漸變類(lèi)型：
- 從黑色到灰色的水平線性漸變，位于頁(yè)面頂部
- 頁(yè)眉處的綠色徑向漸變
- 登陸框背景的“CJ” 標(biāo)志上方模糊的斜向漸變
- 輸入框背景中淡淡的垂直線性漸變
- 導(dǎo)航條背景的垂直漸變
- Webinar廣告中明亮的線性漸變
- 另一個(gè)垂直線性減弱，用在了大標(biāo)題處
這種設(shè)計(jì)有點(diǎn)冒險(xiǎn)，大部分漸變式有用的，但還是存在一些問(wèn)題。最突出的一點(diǎn)是，設(shè)計(jì)喪失了一致性。同選擇可辨性強(qiáng)的色彩組合一樣的道理，設(shè)計(jì)師也需要為每個(gè)項(xiàng)目選擇合適的漸變組合。
例如，大的水平漸變(1)引導(dǎo)眼睛橫向注視頁(yè)面。這本沒(méi)有什么問(wèn)題，但就在此漸變的正下方又出現(xiàn)了把視線吸引到中心的徑向漸變(2)和把視線引導(dǎo)到右下角的斜向漸變(3)。這會(huì)給訪客造成困擾，起伏變化的視覺(jué)流（visual flow）也削弱了可讀性。
使用漸變時(shí)，保證好的視覺(jué)流很重要：請(qǐng)保守而精致地使用漸變。最重要的一點(diǎn)，僅當(dāng)對(duì)整體設(shè)計(jì)有幫助時(shí)才使用漸變。
出處：藍(lán)色理想
責(zé)任編輯：bluehearts
上一頁(yè) 十個(gè)簡(jiǎn)單好用的設(shè)計(jì)技巧 [1] 下一頁(yè) 十個(gè)簡(jiǎn)單好用的設(shè)計(jì)技巧 [3]
|
第 1 頁(yè) 
第 2 頁(yè) 十個(gè)簡(jiǎn)單好用的設(shè)計(jì)技巧 [2]
