• 
• 
• 
• 
• 
• 
• 

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

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

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

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

《設(shè)計師談網(wǎng)頁設(shè)計思維》節(jié)選：沖破傳統(tǒng)相關(guān)標(biāo)簽：企業(yè)網(wǎng)站建設(shè)，企業(yè)做網(wǎng)站，網(wǎng)站建設(shè)，網(wǎng)站制作

相關(guān)熱點推薦

網(wǎng)頁設(shè)計中的版式原理- 做網(wǎng)站的一些定律 為什么網(wǎng)站制作價格越來 網(wǎng)頁配色密碼 響應(yīng)式網(wǎng)頁你了解嗎？ 如何創(chuàng)建一個用戶體驗良 店鋪推廣之SEO入門 寫給在職設(shè)計師們 哪家英文網(wǎng)站建設(shè)做得比 分類目錄 一個好的網(wǎng)站應(yīng)該同時具 網(wǎng)頁設(shè)計制作應(yīng)注意的問 網(wǎng)頁界面設(shè)計教程四：色 化妝品的網(wǎng)站策劃分析 網(wǎng)站設(shè)計如何做好風(fēng)格統(tǒng) 網(wǎng)站重建怎么保護已有的 頻繁改版引發(fā)的合意性思 迅速提高網(wǎng)站流量的方法 企業(yè)建站誤區(qū) 防止IE主頁被修改的辦 WEB設(shè)計經(jīng)驗 網(wǎng)站推廣技巧之鏈接策略 如何做出創(chuàng)意設(shè)計的網(wǎng)站 網(wǎng)頁的版式設(shè)計—文字的 平度網(wǎng)站設(shè)計公司哪家好 搜索引擎的算法 一個網(wǎng)站，5個目標(biāo) 軟件與網(wǎng)站設(shè)計的區(qū)別 如何挑選專業(yè)的網(wǎng)站建設(shè) 個人主頁作用 生動的設(shè)計 如何處理和把握網(wǎng)頁設(shè)計 有趣且相當(dāng)實用的Pho 中國中小企業(yè)網(wǎng)站建設(shè)規(guī) 網(wǎng)站建設(shè)時，設(shè)計首頁時 專業(yè)網(wǎng)站建設(shè)準(zhǔn)則 企業(yè)網(wǎng)站需要做哪些內(nèi)容 添加新網(wǎng)頁速度不要太快

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

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