• 
• 
• 
• 
• 
• 
• 

知識普及 ? 《設(shè)計(jì)師談網(wǎng)頁設(shè)計(jì)思維》節(jié)選：沖破傳統(tǒng)

《設(shè)計(jì)師談網(wǎng)頁設(shè)計(jì)思維》節(jié)選：沖破傳統(tǒng)

網(wǎng)頁設(shè)計(jì)師 于2020-04-27 11:33發(fā)表 閱讀次數(shù) 2204次

本文節(jié)選自――《WebDesignerIdea――設(shè)計(jì)師談網(wǎng)頁設(shè)計(jì)思維》一書，未經(jīng)許可，請勿轉(zhuǎn)載！ 　　作者：梁景紅(Relen) 　　想要沖破傳統(tǒng)，首先需要知道什么是傳統(tǒng) 　　某天，Relen收到一個(gè)初學(xué)攝影的朋友的來電。朋友顯得十分興奮，說她可以和當(dāng)?shù)氐臄z影協(xié)會的成員一起出游，他們中不乏一些常在雜志發(fā)表作品的人。朋友看那些攝影前輩在哪里取景，她也會照著做。與此同時(shí)，她提到，先拍一些保守而傳統(tǒng)的作品，等自己的基礎(chǔ)更加扎實(shí)以后，再去做一些自由的創(chuàng)作…… 　　說到這里，也要進(jìn)入我們的正題了。從網(wǎng)頁設(shè)計(jì)的行業(yè)發(fā)展來看，大致都是從欄式結(jié)構(gòu)開始的。最為典型的就是那些信息資源豐富的門戶網(wǎng)站，幾年過去，他們的頁面由于各種原因改動甚少。欄式結(jié)構(gòu)簡潔而直接，即大氣又傳統(tǒng)，一直是網(wǎng)頁排版時(shí)選擇的基礎(chǔ)結(jié)構(gòu)。 　　欄式結(jié)構(gòu)中，三欄結(jié)構(gòu)最有優(yōu)勢也最常用，把它定位為最傳統(tǒng)的網(wǎng)頁格局，一點(diǎn)也不為過。不論是初學(xué)者和有經(jīng)驗(yàn)的設(shè)計(jì)師，常常都是從這個(gè)地方開始的。 　　那到底要怎樣才能沖破“傳統(tǒng)”呢？我們看看下列三個(gè)網(wǎng)站是怎么做的。 　　首先是DesignedToHelp網(wǎng)站，十分明確的三欄結(jié)構(gòu)。為了能夠突出自己的風(fēng)格，設(shè)計(jì)師除了在頁面上部用了兩條結(jié)構(gòu)線外，其他地方均是采用自然劃分的方式，也的確形成了獨(dú)特的魅力。中欄放置的作品圖片是網(wǎng)站最重要也最出彩的內(nèi)容。設(shè)計(jì)師把它們放在頁面總部也是頁面設(shè)計(jì)之所以有特色的主要原因之一。右欄點(diǎn)睛之筆是天藍(lán)和品紅的小色塊，以及背景為白色的文字裝飾。完全不能小看這些細(xì)節(jié)設(shè)計(jì)，越是小的地方越能體現(xiàn)出設(shè)計(jì)師的細(xì)致用心。同時(shí)，不論多小，如果達(dá)到了一定的數(shù)量，其魅力也能席卷整個(gè)網(wǎng)站。 　　點(diǎn)評的結(jié)果是，DesignedToHelp運(yùn)用的是看似漫不經(jīng)心的細(xì)節(jié)處理，突破了傳統(tǒng)的局限，使作品變得不一般。 　　試讀章節(jié)： 　　引言--網(wǎng)頁設(shè)計(jì)從哪里開始 　　想要沖破傳統(tǒng)，首先需要知道什么是傳統(tǒng) 　　參照物－－固定與變化 　　真的是“視覺疲勞”嗎？ 　　后記--可能是你關(guān)心的幾個(gè)問題 　　網(wǎng)站yuhou.cn有五個(gè)導(dǎo)航項(xiàng)目，按照常規(guī)，一般的設(shè)計(jì)者一定會把五個(gè)導(dǎo)航項(xiàng)目排成一個(gè)導(dǎo)航條。然而，XITI的設(shè)計(jì)者出奇異表的把五個(gè)導(dǎo)航分成兩排，上排三個(gè)，下排兩個(gè)。空出的位置，就空放在那里。 　　yuhou.cn的首頁就已經(jīng)展現(xiàn)出來了這種奇妙的想法。設(shè)計(jì)者把五個(gè)欄目導(dǎo)航項(xiàng)目及內(nèi)容摘要用格子排放在首頁，并沒有力求對稱，第六個(gè)格子里放置一些和導(dǎo)航無關(guān)的信息。內(nèi)頁的排版直接繼承了首頁的風(fēng)格。而插圖出現(xiàn)在左欄的最上部分，這個(gè)構(gòu)想也相當(dāng)意外。 　　簡言之，yuhou.cn通過不規(guī)則與不規(guī)律展現(xiàn)出他與眾不同的魅力，也給無數(shù)的采用三欄結(jié)構(gòu)的商業(yè)類型的網(wǎng)站，帶來一個(gè)創(chuàng)新的思路。 　　最后是韓國網(wǎng)站ColorAhenna，網(wǎng)站有趣的地方在于靈活的中欄，還有非常窄的左欄，以及標(biāo)志的位置也很特殊。 　　不論是極具現(xiàn)代感的DesignedToHelp還是商業(yè)高效的Xiti，或者是濃郁色調(diào)的ColorAhenna，三個(gè)網(wǎng)站的創(chuàng)作思路均不同，但都通過在傳統(tǒng)的三欄基礎(chǔ)上尋找到了突破口，并延展出獨(dú)特的風(fēng)格。這是否能給你一些啟示，幫助你從傳統(tǒng)大眾化的一端走向獨(dú)創(chuàng)魅力的反傳統(tǒng)一端呢？ 　　引言--網(wǎng)頁設(shè)計(jì)從哪里開始 　　想要沖破傳統(tǒng)，首先需要知道什么是傳統(tǒng) 　　參照物－－固定與變化 　　真的是“視覺疲勞”嗎？ 　　后記--可能是你關(guān)心的幾個(gè)問題

《設(shè)計(jì)師談網(wǎng)頁設(shè)計(jì)思維》節(jié)選：沖破傳統(tǒng)相關(guān)標(biāo)簽：申請網(wǎng)站，建設(shè)網(wǎng)站，做網(wǎng)站，網(wǎng)站推廣

相關(guān)熱點(diǎn)推薦

TDK是什么？有什么作 微信為什么這么人在用 網(wǎng)站排名第三頁不到首頁 青島網(wǎng)站設(shè)計(jì)中關(guān)于al 好設(shè)計(jì)應(yīng)該是平凡的設(shè)計(jì) 網(wǎng)站LOGO簡論 網(wǎng)頁布局設(shè)計(jì)基礎(chǔ) 優(yōu)秀網(wǎng)站的五大特點(diǎn) 新站快速推廣經(jīng)驗(yàn)，百度 為中文而設(shè)計(jì)的文本框 關(guān)于網(wǎng)站優(yōu)化五大技巧 如何進(jìn)行網(wǎng)站首頁改版 web設(shè)計(jì)師可以走得更 專業(yè)設(shè)計(jì)網(wǎng)站的公司哪里 青島網(wǎng)站設(shè)計(jì)的幾點(diǎn)知識 青島網(wǎng)站制作哪家強(qiáng) 交互設(shè)計(jì)的8項(xiàng)黃金法則 設(shè)計(jì)良好網(wǎng)頁的4項(xiàng)原則 公司網(wǎng)站制作需要注意的 如何讓你的網(wǎng)站更有吸引 泛泛而談界面中的斑馬紋 網(wǎng)絡(luò)營銷的五個(gè)階段 青島網(wǎng)站設(shè)計(jì)成功要素 小型企業(yè)網(wǎng)站維護(hù) 奈薇建站網(wǎng)科技2016 國內(nèi)網(wǎng)頁設(shè)計(jì)經(jīng)驗(yàn)談 微信營銷推廣的特性-奈 什么是自助建站？ 如何從營銷的角度策劃建 建網(wǎng)站必備六步 基本搜索引擎優(yōu)化策略 新人做站之網(wǎng)站定位與網(wǎng) Web頁面設(shè)計(jì)原則 個(gè)人網(wǎng)站站長看過來網(wǎng)站 網(wǎng)站設(shè)計(jì)中的簡潔與簡單 以“產(chǎn)品”思維搭建網(wǎng)站 關(guān)于VIP用戶研究與產(chǎn) 營銷型網(wǎng)站優(yōu)化需要注意 如何制作友情連接？做友

奈薇建站網(wǎng)青島網(wǎng)站建設(shè)公司/青島網(wǎng)站制作公司，專業(yè)提供"氣質(zhì)"型網(wǎng)站建設(shè)及精美網(wǎng)站制作服務(wù)，同時(shí)歡迎各地網(wǎng)站建設(shè)公司、網(wǎng)站制作公司代理我們的奈薇建站系統(tǒng)共同發(fā)展

熱點(diǎn)地區(qū)：青島網(wǎng)站建設(shè)價(jià)格 青島即墨網(wǎng)站制作公司 開發(fā)區(qū)信息港 山東在線門戶