網(wǎng)站平臺的風格和樣式設(shè)計

曹艷琴

摘 要：在培訓(xùn)學(xué)院學(xué)習(xí)時，為參與一個網(wǎng)站平臺項目開發(fā)而撰寫的，主要從平臺定位、整體風格、平臺內(nèi)容、網(wǎng)頁布局圖4個方面對網(wǎng)站項目進行規(guī)劃分析。并告訴大家一個項目在網(wǎng)站設(shè)計前，沒有做好充分的設(shè)計規(guī)劃準備工作，不但會嚴重損壞企業(yè)形象，而且不便于網(wǎng)絡(luò)運營和推廣，在操作起來會打亂戰(zhàn)，思路也不清晰。

關(guān)鍵詞：網(wǎng)站平臺;平臺定位;風格設(shè)計;網(wǎng)頁布局;網(wǎng)絡(luò)營銷

在信息高速發(fā)展的今天，網(wǎng)站設(shè)計在平臺規(guī)劃中占據(jù)著重要的地位，企業(yè)想通過該平臺塑造自己的形象，發(fā)布最新的信息，展示自己的產(chǎn)品，為以后創(chuàng)造更多合作的機會。所以，一個網(wǎng)站平臺的設(shè)計好壞直接影響到企業(yè)各方面的運營，做好網(wǎng)站設(shè)計前的風格和樣式分析是很有必要的。以下就從四個方面進行規(guī)劃分析。

一、平臺定位

搭建一個教學(xué)知識、技術(shù)交流、專業(yè)技術(shù)相結(jié)合的溝通互動平臺，同時建設(shè)成為教育與商業(yè)整合運營的網(wǎng)絡(luò)營銷商務(wù)平臺。

二、整體風格

1.網(wǎng)站的風格

應(yīng)該盡量做到網(wǎng)站結(jié)構(gòu)簡單明了，條理清晰，頁面精美、功能實用;大幅圖片則應(yīng)該設(shè)計構(gòu)思力求精巧，整體布局要求簡潔合理網(wǎng)站整體設(shè)計風格統(tǒng)一，界面設(shè)計精美、友好，信息化設(shè)計，體現(xiàn)用戶相互之間交流互動的應(yīng)用特色;更快的信息訪問速度、更加省時和智能化的用戶界面，網(wǎng)絡(luò)響應(yīng)速度應(yīng)該盡量快;更簡便、智能化程度更高的瀏覽查詢流程;后臺管理功能強大、錄入效率高;易于查看網(wǎng)民的建議和評論，以及后臺信息;提供給用戶的書籍信息盡可能詳細。

2.色彩的搭配

網(wǎng)站的主色為藍色，輔色為金色和藍色同色系且弱對比色。

3.文字的排布

一般放在最顯著的地方，如整個顯示的中央稍微偏右下;文本的排布整體性好，瀏覽起來通暢、沒有絲毫阻礙;文字的大小適中（12～14px），在不同的分辨率下都不會有太大的影響;文字的顏色不要太多，主要有黑色、深灰色、白色;鏈接變化色以藍色為主。

4.圖片的排布

圖片的面積不要太大，同時又要使圖片盡量清楚，直觀，最大限度的發(fā)揮它的作用;圖片與圖片之間要聯(lián)系凸現(xiàn)，同時又要融為一個整體，使看起來有條理。

5.按鈕類單元的排布

頁面上的按鈕，鏈接，復(fù)選框，單選框，同類單元應(yīng)該盡量保持大小一樣，左右對齊;按鈕的大小要與界面的大小和空間要協(xié)調(diào)，避免空曠的界面上放置很大的按鈕;忌用太長的名稱，免得占用過多的界面位置;字體的大小要與界面的大小比例協(xié)調(diào)，通常使用的字體中宋體、微軟雅黑較為美觀。

6.表格的排布

表格大小要和界面相適應(yīng)，不能在表格之外有很大空余，或者表格過大緊貼整個頁面;表格的顏色要與界面風格符合，搭配合理協(xié)調(diào)，反差不宜太大，堅決杜絕刺目的顏色。

7.文本框類單元的排布

同一列的文本框應(yīng)該盡量保持對齊。

三、平臺內(nèi)容

1.分析要點

（1）平臺特點（展示主體與實現(xiàn)的效果）

①教學(xué)知識、技術(shù)交流、溝通、互動平臺;②專業(yè)知識技術(shù)平臺;③教育與商業(yè)整合的網(wǎng)絡(luò)營銷商務(wù)平臺。

（2）欄目設(shè)置（展示內(nèi)容）

①針對第一、第二這兩個方面展示主體，可以建立分享交流區(qū)，展示與網(wǎng)絡(luò)營銷相關(guān)的內(nèi)容;針對學(xué)生群體，還可以設(shè)置菜鳥訓(xùn)練營、高手集中營，從互助問答、網(wǎng)站診斷、自助課堂、視頻課堂、專家解惑等這些方面實現(xiàn)專業(yè)知識、技術(shù)的展示、交流，輔助教學(xué)與師生之間互動溝通。②針對第三個方面展示主體，我們可以以建立一個專門進行業(yè)務(wù)交易的版塊，實現(xiàn)與企業(yè)之間的商務(wù)合作、與學(xué)員或者興趣愛好者之前的青鳥任務(wù)、以及與廣義上的企業(yè)進行的廣告合作。

2.頁面布局（展示形式）

（1）首頁（一級頁面）

主要是展示所有版塊的設(shè)置，及其的特色、特點和參加流程;以及本版塊最新加入的會員和帖子數(shù)量。

（2）列表頁（二級頁面）

主要是展示該版塊最新的帖子標題。為了方便網(wǎng)民在眾多的文字標題中一下子抓住自己感興趣的點，這級頁面的布局除了與首頁保持協(xié)調(diào)一致以外，將通過標題+圖片+文字的展示形式，用圖文并茂的展示形式吸引眼球，將瀏覽引入更深一層，即引導(dǎo)網(wǎng)民進行三級頁面的閱讀。

（3）三級頁面

是吸引用戶認真閱讀并產(chǎn)生有效點擊與咨詢，增加用戶對平臺的認同、信任的關(guān)鍵頁面。這一級頁面除了在布局上要順應(yīng)用戶的瀏覽習(xí)慣以外，最關(guān)鍵的是內(nèi)容的質(zhì)量，是不是能打動用戶。因此，這一級頁面的展示形式，我們要注意字體大小、間距、圖文混排等方面，同時還要增加互動分享、交流這些功能。

另外，為了順應(yīng)用戶的瀏覽、點擊習(xí)慣，方便用戶的隨機點擊，增加輻射的點擊流量，在二級、三級頁面的右側(cè)設(shè)置版塊副導(dǎo)航和最熱點擊這些內(nèi)容。

四、網(wǎng)頁布局圖

關(guān)于平臺的用戶群體、這些群體的特點和到平臺來想獲取的服務(wù)內(nèi)容，我們完成了整個平臺的功能的規(guī)劃。因此，對于平臺首頁的布局，我們按此思維模式導(dǎo)圖進行分析整理，并根據(jù)此分析結(jié)果，畫出平臺首頁、二級頁面、三級頁面的布局圖。

1.主要版塊設(shè)置

一級版塊：分享交流區(qū)、菜鳥訓(xùn)練營、高手集中營、青鳥網(wǎng)絡(luò)營銷學(xué)院、休閑娛樂、業(yè)務(wù)交易。其中，各子版塊分別對應(yīng)新手試煉、推廣雜談、干貨分享、百度競價、微營銷;互助問答、網(wǎng)站診斷、自助課堂、視頻課堂;青鳥專家解惑、青鳥學(xué)習(xí)精英、青鳥就業(yè)精英、網(wǎng)絡(luò)營銷經(jīng)紀人;學(xué)校公共區(qū)、班級教室區(qū)、內(nèi)部優(yōu)質(zhì)資源、學(xué)校交流大區(qū)、VIP資源區(qū)、VIP問答區(qū)、愛心公益;青鳥俱樂部、活動專區(qū)、照片集錦、精彩視頻、我與青鳥;青鳥交易區(qū)、友情鏈接、IDC信息、商務(wù)合作、青鳥任務(wù)、廣告區(qū)。

2.第一階段主推廣版塊

分享交流區(qū)：推廣雜談和干貨分享（學(xué)校學(xué)生真實企業(yè)項目參與過程與技術(shù)指導(dǎo)實況、學(xué)習(xí)成果匯報）。菜鳥訓(xùn)練營：自助課堂、互助問答。高手集中營：學(xué)習(xí)精英和就業(yè)精英，收集本校學(xué)習(xí)方法好、學(xué)習(xí)成果突出的學(xué)員，以及就業(yè)情況好的學(xué)員故事，并請他們來負責相應(yīng)的版塊，與其他學(xué)生互動。青鳥網(wǎng)絡(luò)營銷學(xué)院：班級教室區(qū)、內(nèi)部資源區(qū)。休閑娛樂：相當于灌水區(qū)，全版塊開通，主要用來積聚人氣。

3.論壇門戶首頁布局圖

綜上所述，一個項目在網(wǎng)站設(shè)計前，最好從平臺定位、整體風格、平臺內(nèi)容、網(wǎng)頁布局圖4個方面對網(wǎng)站項目進行規(guī)劃分析，如果沒有做好充分的設(shè)計規(guī)劃準備工作，不僅會嚴重損壞企業(yè)形象，而且不便于網(wǎng)絡(luò)運營和推廣，在操作起來會比較亂，思路也不清晰。

參考文獻：

[1]黃紅燕.基于用戶體驗的WEB界面色彩設(shè)計研究[D].廣東工業(yè)大學(xué)，2014.

[2]孟俊仙.淺談網(wǎng)站建設(shè)課程開發(fā)與實踐[J].計算機光盤軟件與應(yīng)用，2014（07）.

[3]廖玲.淺談網(wǎng)頁設(shè)計中色彩的應(yīng)用[J].網(wǎng)友世界，2014（07）.

[4]華磊，許長安.淺談網(wǎng)站設(shè)計分析與網(wǎng)頁制作[J].無線互聯(lián)科技，2014（08）.

？誗編輯 李 姣