網(wǎng)站設(shè)計要注意色彩的層次感

2024-08-30 08:33:53

字體：大中小

供稿：網(wǎng)友

　　這段時間我一直在說設(shè)計需要有層次感，這種層次感可能有很多類型，比如色彩的層次感，或是元素的層次感。當(dāng)一個設(shè)計缺乏層次感的時候頁面所表現(xiàn)出來的無非是兩種可能，一種是單調(diào)，一種是花哨。在設(shè)計中我們常常陷于對于某一種色彩或是某一種效果的偏愛，而這種情況會使我們的設(shè)計缺乏長久的生命力。并且我們自己在審美上會局限于對這種偏愛的執(zhí)著從而影響我們的進步。而這種偏執(zhí)也常會導(dǎo)致我們的設(shè)計缺乏層次感。
　　那么層次感通常表現(xiàn)在什么地方呢？在以前寫的《色彩解答》系列中第一篇就講過關(guān)于色彩的層次，在那篇文中有講到用“黑、白、灰”去分析色彩的層次。我們在設(shè)計的時候可能會使用一種色彩把整個網(wǎng)站做出來，結(jié)果發(fā)現(xiàn)這單一的色彩做出來的效果讓我們的網(wǎng)站變得很單調(diào)，很土氣。有時就算是多用了色彩也一樣的土氣，網(wǎng)站使用的色彩并沒有層次感，也沒有對比。都處在相似的灰度上，所以網(wǎng)站看起來就灰頭土臉的。當(dāng)然我們還可以使用高對比純色塊來做設(shè)計，（韓國的網(wǎng)站有很多都是這種手法）這種手法有討巧的地方，因為相對來說比較簡單，但是同樣也比較容易被抄襲。但這樣的設(shè)計缺乏生命力，作為一種風(fēng)潮，也有點像是快餐，誰都能復(fù)制得了。不需要任何的文化作為基墊。當(dāng)然并不是說這種手法就真的一無是處，這種只能作為一種手法來應(yīng)用，不能當(dāng)作是萬用靈藥到處使。
　　光用文字來說必然是感覺不到的。那么我們來看看這張圖：
網(wǎng)站設(shè)計要注意色彩的層次感

　　我們看到IBM的設(shè)計色彩并不多，但是層次感就卻是有了。他這里有黑色、淡藍色、白色、其中黑色與淡藍色之間的對比較為吸引眼球。并且我們發(fā)現(xiàn)黑色是純黑、而淺藍色卻是屬于高亮的那種。這種強對比對人的視覺是有一定吸引力的。并且黑白灰三者都有了。加上三者之間的比例并非均等的。而我們在設(shè)計的時候通常會使用一些灰度相近的色彩放在一起，并且飽和度也不高，所以最后出來的作品只能是灰頭土臉。這樣的網(wǎng)站我就不找例子了，找誰的來說誰也不開心。當(dāng)然也包括我自己。呵呵，大家可以去我的作品集去找找，一定有那種灰頭土臉的東西。
　　另外我們還可以看到IBM這次新的設(shè)計比原來的設(shè)計更有立體感，這就是我上面所說的元素層次。這種層次感拉開了瀏覽者的視覺深度，使得我們的網(wǎng)頁不再平面。雖然也不是3D的效果，但是我相信2D的效果必然會成為網(wǎng)頁設(shè)計的一個新的趨勢。通過2D模擬出視覺立體感，會使得網(wǎng)頁設(shè)計更有張力，內(nèi)容也更為豐富。
　　而在純色塊的布局之中色彩鮮艷的圖片更加顯得醒目。這又是一種視覺層次，也可以說是復(fù)雜與簡單的對比！設(shè)計沒有什么一定的規(guī)律，這里包含的因素有很多。設(shè)計得好與不好，重要的是在于設(shè)計師對于這個世界的理解有多寬廣。所以設(shè)計師不能只光顧著加強自己的制作技巧，更要不斷的積累自己的文化知識。不斷的增加自己的厚度，那樣才能設(shè)計出更多精彩的作品。我愿于大家一起努力！

上一篇：Tudou.com首頁網(wǎng)頁設(shè)計的制作方法

下一篇：設(shè)計網(wǎng)頁前端界面必備的技能