湖南競網科技有限公司網站建設及平臺發展中心定制組于2013年2月12日展開了一次關于網站內頁設計的研討會。研討會上氣氛輕松活躍，設計師們紛紛發表自己的看法。下面是整理的研討會全部干貨。

 一、內頁規劃布局設計----我們網站設計的時候經常把主要精力都放在了首頁的設計上，而內頁應該如何設計呢？

         二、通過首頁升華內頁----有外必有內。一旦你設計好一個漂亮的首頁時，你希望接著的內頁也有著與首頁相似的漂亮面孔。

         三、確保網站風格一致----雖然內頁相比首頁的設計要簡單的多，但是內頁設計也要遵循一些定律，從而提高整體網站的運行和美觀度。

從專業的網站建設角度來講，內頁一般分為： 內容頁面；頻道列表頁面和單頁。

單頁規劃布局：網站的單頁也有很多人把它稱為專題頁面，專題頁面不難想象，就是圍繞一個活動或者相關產品介紹等等來策劃的。騰訊專題頁面設計、新浪官網專題設計、淘寶專題設計，通過這些較大的企業，可以看出單頁在目前市場越來越受到大家的關注，在這里我們想說的是網站單頁設計一定要靜態化，因為這是符合搜索引擎的，很多時候我們會單獨的優化專題頁面，所以靜態化是十分有必要的。

內容頁規劃布局：說到內容頁面你想到了什么，首先想到的可能就是收錄。我們都知道內容頁闡述的是網站的新聞，如果網站的內容頁能夠有很好的收錄，那么你的網站排名就會非常的不錯，所以網站的權重和流量很多都是來自于內容頁面的，所以這里我們想說的是我們的文章是不是應該在這里多突出一些關聯性強的關鍵詞，然后加入一些鏈接優化，引入更多的流量，還有一點，要留意網站的內容原創性！

頻道列表頁布局: 根據眾多網頁設計師的經驗建議，最好的布局就是常規列表。我們可以在左側或者右側建立一個大頻道導航。什么是大頻道的導航？簡單舉個例子，比如這個頻道列表是公司新聞列表，那么右側就應該存在其他頻道列表頁的導航，例如，行業新聞列表頁的鏈接。右邊還可以固定的有著，最新資訊，最熱新聞等等。在這些新聞列表中，可以隨心所欲的設置網站建設者想要的關鍵詞。

十六種常見布局形式：第一排是四個基本型，后三排是簡單混合十二種 。

重復首頁的焦點 : 將首頁的元素復制到內頁，你可以獲得一種延續的視覺效果，包括形狀、顏色及圖案，同時又能突出某個焦點對象。

發掘首頁的內涵 : 如果首頁所表達的主題很大，那內頁所選擇的圖案就要小。這種處理方法可以產生另外一種對比：主題的大和小，視覺的遠和近。為了使內外能夠產生協調一致的視覺效果，我們首先可以將首頁的字體照搬進來，內頁與首頁在排版上是對應的，都應具有相同的水平中心線。

重點提取 : 我們可以在首頁上隱藏我們所要傳達的信息，而在內頁揭開答案，這種設計屬于一種“講故事”的手法。

         創造新的元素: 內外元素形成漂亮的對比

內頁與主頁的結構要一致 : 我們知道，網站的統一性在網站營銷中占重要地位，而網站結構是網站風格統一的重要手段，包括網站布局、文字排版、裝飾性元素出現的位置，導航的統一，圖片的位置等等。到國外著名的電子商務網站瀏覽，你會發現這些網站結構驚奇的一致性，所不同的是色彩或內容，在結構的一致性中，我們要強調網站標志性元素的一致性，即網站或公司名稱、網站或企業標志、導航及輔助導航的形式及位置、公司聯系信息等，這種方式是目前網站普遍采用的結構，一方面減少設計、開發的工作量，同時更有利于以后的網站維護與更新。

內頁與主頁色彩要一致 : 這種方式是保持站點主體色彩的一致，只改變局部色塊，優點是一個獨特色彩的網站會給人留下很深刻的印象，因為人的視覺對色彩要比布局更敏感，更容易在大腦中形成記憶符號。在色彩的一致性中，我們強調的是如果企業有自身的CI形象，最好在互聯網中沿襲這個形象，給觀眾網上網下一致的感覺，更有利于企業形象的樹立。一個建議是選取一兩種主要色彩，幾種輔助色彩。

    利用導航取得統一：導航是網站的一項重要組成部分，一個出色的富有企業特性的導航將會給人留下深刻的印象，比如將標志的形態寓于導航之中，或將導航設計在整個網站布局之中等等，花點力氣在導航上，有助于我們設計出一個出色的站點。

個別具有特色的元素貫穿全部網頁 ：在網站設計中，個別具有特色的元素(如標志、象征圖形、局部設計等)重復出現，也會給訪問者留下深刻印象。比如網站結構在某一點上的變化，由直線變為圓弧、暗色點綴的亮色、色彩中的補色等等。

利用圖像取得統一頁規劃布局設計 ：網頁中的圖像在使用上一定要甚之又甚，尤其是一些動畫，網頁中充斥著各種可有可無的動畫，而這些動畫根本與本企業內容無關!認真檢查網頁中的動畫，將沒用的刪掉!這里我們所說的利用圖像取得統一，決不是在每頁中放置幾個動畫!而是作為網站結構一部分的局部圖像，根據網頁內容的不同，配以相應的圖像或動畫，從而給瀏覽者形成頁面的連續性。

         內頁與主頁背景要統一 ：從技術上而言，網頁背景包括背景色和背景圖像兩種，一般來說，我們并不提倡使用背景圖像，而使用背景色或色塊。原因很明顯，第一，下載速度，背景色的下載速度忽略不計，而背景圖像就得根據圖像字節大小下載了，這里需要說明的是，如果你的背景圖像比較深，那么最好將背景色置為深色調(默認的背景色是白色)，這樣在等待瀏覽器下載背景圖片的時候前面的淺色文字可以很容易閱讀，因為如果有背景色，瀏覽器先將其下載，然后下載背景圖片;第二，顯示效果，經常看到國內一些        網站設有背景圖像，或者是公司的廠房、辦公大樓，或者是產品圖片，甚至是某某人物的照片，使得前面的文字很難辨認!給人一種很不舒服的感覺，讓人無法停留。在此，提醒您注意：有效利用背景取得網站統一和專業化的方法有以下幾種：

         (1)認識到并不是所有的圖片都可以作為背景，在考慮設置網站背景圖像的時請您注意;

         (2)加強與前景的明暗對比，即要么淡化背景，隱隱約約可以看到即可；要么加深背景，而將前面的文字亮化。

那么什么適合網頁背景呢?

一個好的建議是將公司的標志、象征性的簡單圖片作為背景，并將其淡化，使瀏覽者在閱讀網站內容的同時不經意記下公司的標志。曾經一個網站的背景設計給我留下深刻的印象：單色背景中一個網站標志的居中放大淡化，前面元素中也不斷重復這個標志：如提交按紐形狀刻意設計成標志的形式等等，在整個頁面中形成特有元素在大小、明暗及位置的呼應，很好地塑造了網站的特有形象。

         在大量的案例分享與總結后，本期研討會圓滿的結束了。