- 相關(guān)推薦
網(wǎng)頁(yè)設(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)看看這張圖：
我們看到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ì)出更多精彩的作品。
如果你有網(wǎng)頁(yè)設(shè)計(jì)的需要，你可以到一品威客網(wǎng)發(fā)布任務(wù)，小編提供網(wǎng)頁(yè)美工,網(wǎng)頁(yè)美工設(shè)計(jì),網(wǎng)站美工設(shè)計(jì),網(wǎng)站美工,淘寶美工設(shè)計(jì),美工外包等服務(wù)。
【網(wǎng)頁(yè)設(shè)計(jì)中的層次感】相關(guān)文章：
HTML網(wǎng)頁(yè)設(shè)計(jì)中的字體設(shè)計(jì)10-19
平面設(shè)計(jì)在網(wǎng)頁(yè)設(shè)計(jì)中的應(yīng)用07-23
Flash在網(wǎng)頁(yè)設(shè)計(jì)中的應(yīng)用方式05-11
響應(yīng)式網(wǎng)頁(yè)中的圖片設(shè)計(jì)技巧10-23
網(wǎng)頁(yè)程序設(shè)計(jì)中如何配色10-29
網(wǎng)頁(yè)美工設(shè)計(jì)中色彩搭配技巧07-08
網(wǎng)頁(yè)設(shè)計(jì)中圖片格式的選擇技巧10-19
網(wǎng)頁(yè)設(shè)計(jì)基礎(chǔ)06-20