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