網(wǎng)站設(shè)計(jì)要注意色彩的層次感
2011-09-03 文章來(lái)源: 建站學(xué)
這段時(shí)間我一直在說(shuō)設(shè)計(jì)需要有層次感，這種層次感可能有很多類型，比如色彩的層次感，或是元素的層次感。當(dāng)一個(gè)設(shè)計(jì)缺乏層次感的時(shí)候頁(yè)面所表現(xiàn)出來(lái)的無(wú)非是兩種可能，一種是單調(diào)，一種是花哨。在設(shè)計(jì)中我們常常陷于對(duì)于某一種色彩或是某一種效果的偏愛(ài)，而這種情況會(huì)使我們的設(shè)計(jì)缺乏長(zhǎng)久的生命力。并且我們自己在審美上會(huì)局限于對(duì)這種偏愛(ài)的執(zhí)著從而影響我們的進(jìn)步。而這種偏執(zhí)也常會(huì)導(dǎo)致我們的設(shè)計(jì)缺乏層次感。
那么層次感通常表現(xiàn)在什么地方呢？在以前寫的《色彩解答》系列中第一篇就講過(guò)關(guān)于色彩的層次，在那篇文中有講到用“黑、白、灰”去分析色彩的層次。我們?cè)谠O(shè)計(jì)的時(shí)候可能會(huì)使用一種色彩把整個(gè)網(wǎng)站做出來(lái)，結(jié)果發(fā)現(xiàn)這單一的色彩做出來(lái)的效果讓我們的網(wǎng)站變得很單調(diào)，很土氣。有時(shí)就算是多用了色彩也一樣的土氣，網(wǎng)站使用的色彩并沒(méi)有層次感，也沒(méi)有對(duì)比。都處在相似的灰度上，所以網(wǎng)站看起來(lái)就灰頭土臉的。當(dāng)然我們還可以使用高對(duì)比純色塊來(lái)做設(shè)計(jì)，（韓國(guó)的網(wǎng)站有很多都是這種手法）這種手法有討巧的地方，因?yàn)橄鄬?duì)來(lái)說(shuō)比較簡(jiǎn)單，但是同樣也比較容易被抄襲。但這樣的設(shè)計(jì)缺乏生命力，作為一種風(fēng)潮，也有點(diǎn)像是快餐，誰(shuí)都能復(fù)制得了。不需要任何的文化作為基墊。當(dāng)然并不是說(shuō)這種手法就真的一無(wú)是處，這種只能作為一種手法來(lái)應(yīng)用，不能當(dāng)作是萬(wàn)用靈藥到處使。
光用文字來(lái)說(shuō)必然是感覺(jué)不到的。那么我們來(lái)看看這張圖：
網(wǎng)站設(shè)計(jì)要注意色彩的層次感
我們看到IBM的設(shè)計(jì)色彩并不多，但是層次感就卻是有了。他這里有黑色、淡藍(lán)色、白色、其中黑色與淡藍(lán)色之間的對(duì)比較為吸引眼球。并且我們發(fā)現(xiàn)黑色是純黑、而淺藍(lán)色卻是屬于高亮的那種。這種強(qiáng)對(duì)比對(duì)人的視覺(jué)是有一定吸引力的。并且黑白灰三者都有了。加上三者之間的比例并非均等的。而我們?cè)谠O(shè)計(jì)的時(shí)候通常會(huì)使用一些灰度相近的色彩放在一起，并且飽和度也不高，所以最后出來(lái)的作品只能是灰頭土臉。這樣的網(wǎng)站我就不找例子了，找誰(shuí)的來(lái)說(shuō)誰(shuí)也不開(kāi)心。當(dāng)然也包括我自己。呵呵，大家可以去我的作品集去找找，一定有那種灰頭土臉的東西。
另外我們還可以看到IBM這次新的設(shè)計(jì)比原來(lái)的設(shè)計(jì)更有立體感，這就是我上面所說(shuō)的元素層次。這種層次感拉開(kāi)了瀏覽者的視覺(jué)深度，使得我們的網(wǎng)頁(yè)不再平面。雖然也不是3D的效果，但是我相信2D的效果必然會(huì)成為網(wǎng)頁(yè)設(shè)計(jì)的一個(gè)新的趨勢(shì)。通過(guò)2D模擬出視覺(jué)立體感，會(huì)使得網(wǎng)頁(yè)設(shè)計(jì)更有張力，內(nèi)容也更為豐富。
而在純色塊的布局之中色彩鮮艷的圖片更加顯得醒目。這又是一種視覺(jué)層次，也可以說(shuō)是復(fù)雜與簡(jiǎn)單的對(duì)比！設(shè)計(jì)沒(méi)有什么一定的規(guī)律，這里包含的因素有很多。設(shè)計(jì)得好與不好，重要的是在于設(shè)計(jì)師對(duì)于這個(gè)世界的理解有多寬廣。所以設(shè)計(jì)師不能只光顧著加強(qiáng)自己的制作技巧，更要不斷的積累自己的文化知識(shí)。不斷的增加自己的厚度，那樣才能設(shè)計(jì)出更多精彩的作品。我愿于大家一起努力！
