本文節(jié)選自――《Web Designer Idea ――設(shè)計(jì)師談網(wǎng)頁(yè)設(shè)計(jì)思維》一書(shū)，未經(jīng)許可，請(qǐng)勿轉(zhuǎn)載！

　　作者：梁景紅(Relen) 

　　想要沖破傳統(tǒng)，首先需要知道什么是傳統(tǒng)

　　某天，Relen收到一個(gè)初學(xué)攝影的朋友的來(lái)電。朋友顯得十分興奮，說(shuō)她可以和當(dāng)?shù)氐臄z影協(xié)會(huì)的成員一起出游，他們中不乏一些常在雜志發(fā)表作品的人。朋友看那些攝影前輩在哪里取景，她也會(huì)照著做。與此同時(shí)，她提到，先拍一些保守而傳統(tǒng)的作品，等自己的基礎(chǔ)更加扎實(shí)以后，再去做一些自由的創(chuàng)作……

　　說(shuō)到這里，也要進(jìn)入我們的正題了。從網(wǎng)頁(yè)設(shè)計(jì)的行業(yè)發(fā)展來(lái)看，大致都是從欄式結(jié)構(gòu)開(kāi)始的。最為典型的就是那些信息資源豐富的門戶網(wǎng)站，幾年過(guò)去，他們的頁(yè)面由于各種原因改動(dòng)甚少。欄式結(jié)構(gòu)簡(jiǎn)潔而直接，即大氣又傳統(tǒng)，一直是網(wǎng)頁(yè)排版時(shí)選擇的基礎(chǔ)結(jié)構(gòu)。

　　欄式結(jié)構(gòu)中，三欄結(jié)構(gòu)最有優(yōu)勢(shì)也最常用，把它定位為最傳統(tǒng)的網(wǎng)頁(yè)格局，一點(diǎn)也不為過(guò)。不論是初學(xué)者和有經(jīng)驗(yàn)的設(shè)計(jì)師，常常都是從這個(gè)地方開(kāi)始的。

　　那到底要怎樣才能沖破“傳統(tǒng)”呢？我們看看下列三個(gè)網(wǎng)站是怎么做的。

　　首先是Designed To Help網(wǎng)站，十分明確的三欄結(jié)構(gòu)。為了能夠突出自己的風(fēng)格，設(shè)計(jì)師除了在頁(yè)面上部用了兩條結(jié)構(gòu)線外，其他地方均是采用自然劃分的方式，也的確形成了獨(dú)特的魅力。中欄放置的作品圖片是網(wǎng)站最重要也最出彩的內(nèi)容。設(shè)計(jì)師把它們放在頁(yè)面總部也是頁(yè)面設(shè)計(jì)之所以有特色的主要原因之一。右欄點(diǎn)睛之筆是天藍(lán)和品紅的小色塊，以及背景為白色的文字裝飾。完全不能小看這些細(xì)節(jié)設(shè)計(jì)，越是小的地方越能體現(xiàn)出設(shè)計(jì)師的細(xì)致用心。同時(shí)，不論多小，如果達(dá)到了一定的數(shù)量，其魅力也能席卷整個(gè)網(wǎng)站。

　　點(diǎn)評(píng)的結(jié)果是，Designed To Help運(yùn)用的是看似漫不經(jīng)心的細(xì)節(jié)處理，突破了傳統(tǒng)的局限，使作品變得不一般。

　　試讀章節(jié)：

• 引言--網(wǎng)頁(yè)設(shè)計(jì)從哪里開(kāi)始 
• 想要沖破傳統(tǒng)，首先需要知道什么是傳統(tǒng)
• 參照物－－固定與變化 
• 真的是“視覺(jué)疲勞”嗎？ 
• 后記--可能是你關(guān)心的幾個(gè)問(wèn)題

　　網(wǎng)站xiti.com有五個(gè)導(dǎo)航項(xiàng)目，按照常規(guī)，一般的設(shè)計(jì)者一定會(huì)把五個(gè)導(dǎo)航項(xiàng)目排成一個(gè)導(dǎo)航條。然而，XITI的設(shè)計(jì)者出奇異表的把五個(gè)導(dǎo)航分成兩排，上排三個(gè)，下排兩個(gè)。空出的位置，就空放在那里。

　　Xiti.com的首頁(yè)就已經(jīng)展現(xiàn)出來(lái)了這種奇妙的想法。設(shè)計(jì)者把五個(gè)欄目導(dǎo)航項(xiàng)目及內(nèi)容摘要用格子排放在首頁(yè)，并沒(méi)有力求對(duì)稱，第六個(gè)格子里放置一些和導(dǎo)航無(wú)關(guān)的信息。內(nèi)頁(yè)的排版直接繼承了首頁(yè)的風(fēng)格。而插圖出現(xiàn)在左欄的最上部分，這個(gè)構(gòu)想也相當(dāng)意外。

　　簡(jiǎn)言之，Xiti.com通過(guò)不規(guī)則與不規(guī)律展現(xiàn)出他與眾不同的魅力，也給無(wú)數(shù)的采用三欄結(jié)構(gòu)的商業(yè)類型的網(wǎng)站，帶來(lái)一個(gè)創(chuàng)新的思路。

　　最后是韓國(guó)網(wǎng)站Color Ahenna，網(wǎng)站有趣的地方在于靈活的中欄，還有非常窄的左欄，以及標(biāo)志的位置也很特殊。

　　不論是極具現(xiàn)代感的Designed To Help還是商業(yè)高效的Xiti，或者是濃郁色調(diào)的Color Ahenna，三個(gè)網(wǎng)站的創(chuàng)作思路均不同，但都通過(guò)在傳統(tǒng)的三欄基礎(chǔ)上尋找到了突破口，并延展出獨(dú)特的風(fēng)格。這是否能給你一些啟示，幫助你從傳統(tǒng)大眾化的一端走向獨(dú)創(chuàng)魅力的反傳統(tǒng)一端呢？

• 引言--網(wǎng)頁(yè)設(shè)計(jì)從哪里開(kāi)始 
• 想要沖破傳統(tǒng)，首先需要知道什么是傳統(tǒng)
• 參照物－－固定與變化 
• 真的是“視覺(jué)疲勞”嗎？ 
• 后記--可能是你關(guān)心的幾個(gè)問(wèn)題