李鳳麗　吳姍

摘要：網(wǎng)站首頁形象設(shè)計不僅僅是合理排版、添加漂亮顏色那么簡單，這是一項包含了網(wǎng)站定位、欄目策劃、版式設(shè)計、LOGO設(shè)計、色彩風格設(shè)計、平面廣告設(shè)計等的綜合類系統(tǒng)設(shè)計，首頁整體要具備較高的藝術(shù)審美，板塊設(shè)計主次分明，菜單欄目要值得推敲，時刻以客戶需求為主，美觀性永遠要與功能性相統(tǒng)一。網(wǎng)站首頁形象設(shè)計對于整個網(wǎng)站建設(shè)起到非常重要的作用，重視首頁才能抓用戶，領(lǐng)航網(wǎng)站設(shè)計的未來。關(guān)鍵詞： 網(wǎng)站首頁形象設(shè)計；策劃；網(wǎng)站定位；LOGO設(shè)計；廣告條設(shè)計

中圖分類號：TP37 文獻標識碼：A 文章編號：1009-3044（2015）15-0049-02

互聯(lián)網(wǎng)的發(fā)展速度超出了我們的想象，從1969年互聯(lián)網(wǎng)在美國暫露頭角到1986年登陸中國，再到今天互聯(lián)網(wǎng)已經(jīng)滲透到我們生活的各個角落，不到三十年的時間，中國經(jīng)已成為網(wǎng)絡(luò)大國，擁有世界上最多的網(wǎng)民。

今天的我們享受著網(wǎng)絡(luò)帶來的高效、便捷、優(yōu)惠等諸多好處：你可以輕敲鍵盤就搜索到任何你需要的信息；隨時隨地看你喜歡的電視節(jié)目；足不出戶便可買到任何你想買的東西；輕松交到各行各業(yè)的朋友；遠在千萬里之外也可以和家人面對面聊天；爸媽可以和任意人一桌打麻將；外出前再也不用排長龍隊買票；連出門打車都可以預訂等等。我們的衣食住行每一樣都在逐步淘汰舊的方式，不斷適應(yīng)著新的網(wǎng)絡(luò)模式。

隨著互聯(lián)網(wǎng)的飛速發(fā)展，網(wǎng)頁設(shè)計成了熱門行業(yè)，在競爭激烈的今天，擁有一技之長是安身立命的根本，很多學校為了適應(yīng)社會崗位需求逐步開設(shè)網(wǎng)頁設(shè)計與制作等專業(yè)，由于網(wǎng)絡(luò)信息量越來越多，網(wǎng)民的審美不斷提升，對網(wǎng)站美工要求越來越高，逐漸促使網(wǎng)站建設(shè)前臺美工和后臺程序的分家，使網(wǎng)站建設(shè)更加專業(yè)化、系統(tǒng)化。在網(wǎng)站建設(shè)逐漸細分的大趨勢下，探討網(wǎng)站首頁形象設(shè)計是非常有必要的。

關(guān)于網(wǎng)站首頁形象設(shè)計我將從網(wǎng)站定位，LOGO設(shè)計，首頁整體形式、色調(diào)、風格設(shè)計，廣告條設(shè)計等方面，逐步分析、介紹網(wǎng)站首頁策劃、創(chuàng)意、設(shè)計整個過程：

1 網(wǎng)站定位

作為一名專業(yè)的網(wǎng)頁設(shè)計師，會接觸到各行各業(yè)的網(wǎng)站案例，設(shè)計師不可能對每種行業(yè)都了解，有的甚至分不清兩款看似相同的產(chǎn)品之間究竟有什么區(qū)別，所以在做網(wǎng)頁設(shè)計以前首先我們要了解客戶，通過與客戶溝通交流、市場調(diào)研等手段掌握客戶的訴求，了解消費者或者受眾的年齡、地區(qū)、需求等，給網(wǎng)站做出準確定位。最大程度的甚至是超出客戶想象的呈現(xiàn)出針對性的設(shè)計方案。

1）與客戶溝通交流：與客戶及時的溝通，很好的交流，可以最快地了解客戶的訴求，例如：客戶想做一個什么樣的網(wǎng)站；網(wǎng)站的主要賣點在哪里；網(wǎng)站欄目包含哪些；審美風格有無意向參考；網(wǎng)站功能基本需求是什么；有無特殊要求或禁忌等都可第一時間了解。通過交流也可以解決隔行如隔山的難題，了解主推產(chǎn)品性能及特點。

2）市場調(diào)研：在和客戶有了初步交流以后，我們開始做市場調(diào)研，主要是參考國內(nèi)優(yōu)秀同類行業(yè)網(wǎng)站及地區(qū)優(yōu)秀同類行業(yè)網(wǎng)站，通過多個網(wǎng)站參考和對比，綜合優(yōu)點剔除缺點，可以策劃出我們的網(wǎng)站導航菜單內(nèi)容，及首頁內(nèi)容板塊。

3）消費人群：消費人群就是你的產(chǎn)品要賣給誰？網(wǎng)站給誰看？掌握受眾群體的年齡、地區(qū)范圍、需求等，才能設(shè)計出有針對性的網(wǎng)站首頁，所以了解受眾是非常必要的。

4）定位：定位對于整個首頁設(shè)計來說起到?jīng)Q定性作用，所以定位一定要內(nèi)容準確、條理清晰、針對性強、優(yōu)勢明顯。結(jié)合以上工作對網(wǎng)站首頁從以下幾個方面進行定位：確定導航菜單欄目內(nèi)容及下拉子菜單內(nèi)容；確定首頁放置哪些板塊，包括板塊內(nèi)容、前后位置、占用空間等；網(wǎng)站風格定位：目前常用的網(wǎng)站風格有歐美風、日韓風、中東風。

歐美風格網(wǎng)站簡潔大氣、內(nèi)容明了，比較適合做門戶類網(wǎng)站或者企業(yè)集團性質(zhì)網(wǎng)站，近年來比較流行；日韓風是一種比較親民可愛或者炫酷的個性化風格，比較適合做兒童教育、女性、個人、游戲等個性類的網(wǎng)站；中東風是一般是外貿(mào)性質(zhì)的網(wǎng)站。

2 網(wǎng)站LOGO設(shè)計

根據(jù)定位我們要設(shè)計一個適合的網(wǎng)站LOGO，網(wǎng)站LOGO設(shè)計屬于標志設(shè)計的范疇，但又不同于普通標志設(shè)計，主要分以下兩種設(shè)計形式：

1）圖文LOGO設(shè)計

圖文LOGO就是圖形標志與網(wǎng)站名稱相結(jié)合的設(shè)計，從門戶網(wǎng)站到企業(yè)網(wǎng)站應(yīng)用性較為廣泛。企業(yè)網(wǎng)站主要是圖文LOGO，因為網(wǎng)站設(shè)計從屬于企業(yè)品牌推廣設(shè)計，尤其是一些比較大的企業(yè)，企業(yè)品牌推廣設(shè)計是一個套系，設(shè)計分類很全面，小到手提袋、名片等，中到員工服裝、指示系統(tǒng)，大到車體設(shè)計、大門設(shè)計、樓體設(shè)計等都得體現(xiàn)標志設(shè)計的統(tǒng)一性，網(wǎng)站設(shè)計也不例外，例如：中糧集團、肯德基、可口可樂、貝因美等企業(yè)均是采用圖文LOGO，無論在任何時間或地點看到企業(yè)有關(guān)信息，圖形標志和企業(yè)名稱標準字體永遠都是規(guī)范組合。

門戶網(wǎng)站也常用圖文LOGO，像一些名稱特別或比較容易產(chǎn)生形象聯(lián)想的門戶網(wǎng)站用得較多，例如：途牛旅游網(wǎng)、去哪兒旅游網(wǎng)、阿里巴巴等門戶網(wǎng)站均是采用圖文LOGO。

2）字體LOGO設(shè)計

字體LOGO設(shè)計主要是指以網(wǎng)站名稱或域名為主的字體設(shè)計，在名稱字體基礎(chǔ)之上，根據(jù)其字形特點、字面含義、象征聯(lián)想等做出相應(yīng)適合的設(shè)計，舉一些我們常見的實例，比如：hao123、百度、淘寶、天貓、新浪、搜狐等門戶網(wǎng)站LOGO均屬于字體設(shè)計，字體設(shè)計的優(yōu)點是識別性高、功用性強、個性獨特，形式有中文、英文、數(shù)字，混合設(shè)計等多種組合，并且可根據(jù)節(jié)日的變化而添加不同的圖形元素，可塑性強，現(xiàn)在一般用于門戶網(wǎng)站，也是未來LOGO發(fā)展的新趨勢。

根據(jù)網(wǎng)站性質(zhì)、LOGO設(shè)計形狀的不同選擇適合的色調(diào)及特效表現(xiàn)形式。

3 首頁整體形式、色調(diào)、風格設(shè)計

1）版式設(shè)計

首頁板塊眾多，版式設(shè)計要分清主次，調(diào)理清晰。版式設(shè)計首要考慮板塊功能性，按重要程度確定其在首頁中的具體位置，一般遵循重要內(nèi)容靠前靠左，次要內(nèi)容靠后靠右的原則，比如LOGO、導航菜單要放在最上方，符合人的閱讀習慣。主要的內(nèi)容板塊占用空間要大，比如企業(yè)形象廣告條、企業(yè)產(chǎn)品等。次要的內(nèi)容占用空間小，可以采用平行展示、縮進隱藏式導航節(jié)省首頁空間。

設(shè)計美觀性要輔助功能性，實現(xiàn)整體形象完美統(tǒng)一，根據(jù)美觀需要，在設(shè)計的時候我們在板塊設(shè)計形式上要產(chǎn)生變化，常用表現(xiàn)形式包括：純圖片、視頻、圖片切換、純文本、圖文結(jié)合、圖表等，在版式設(shè)計中要運用自如。

2）色調(diào)、風格設(shè)計

網(wǎng)站首頁形象設(shè)計要與網(wǎng)站LOGO設(shè)計風格及色調(diào)相統(tǒng)一。首先選定首頁主色2-3種，一般以LOGO主色做主要參考；其次輔助色2-3種，輔助色要選用和主色同一色調(diào)的顏色，只是在明度、純度上發(fā)生一些變化；再次，選用對比色1-2種，讓畫面在視覺上有節(jié)奏和韻律。風格設(shè)計的原則就是：色調(diào)大的統(tǒng)一，小的變化，既嚴謹、規(guī)范又不失創(chuàng)意。

4 廣告條設(shè)計

廣告條大體分為網(wǎng)站形象廣告條設(shè)計和商業(yè)廣告條設(shè)計兩種，網(wǎng)站形象廣告條非常重要，位置僅次于LOGO及菜單導航。一般為通欄設(shè)計，占用面積較廣。一個網(wǎng)站除了LOGO以外，形象廣告給人留下的印象最為深刻，好的設(shè)計可以緊緊抓住用戶的眼球，增加用戶在網(wǎng)頁停留時間，提高點擊率，并且吸引用戶繼續(xù)瀏覽。廣告條設(shè)計屬于平面廣告設(shè)計的范疇，我們主要考慮以下幾種因素：

1）圖片選用要清晰美觀，構(gòu)圖合理，體現(xiàn)網(wǎng)站主要賣點；

2）文案要精心策劃，朗朗上口，與圖片內(nèi)容相符合；

3）圖文版式大膽創(chuàng)新，顏色搭配新鮮獨特，整體具有強烈的形式美感。

最后，我們還要補充細節(jié)，尋找不足，然后將頁面遠近對比進行整體調(diào)整，直到首頁完美統(tǒng)一。

5 結(jié)束語

綜上所述，好的網(wǎng)站首頁形象設(shè)計不僅僅是合理排版、添加漂亮顏色那么簡單，這是一項包含了網(wǎng)站定位、欄目策劃、版式設(shè)計、LOGO設(shè)計、色彩風格設(shè)計、平面廣告設(shè)計等的綜合類系統(tǒng)設(shè)計，首頁整體要具備較高的藝術(shù)審美，板塊設(shè)計主次分明，菜單欄目要值得推敲，時刻以客戶需求為主，美觀性永遠要與功能性相統(tǒng)一，網(wǎng)站首頁設(shè)計做到這些才稱之為形象設(shè)計。網(wǎng)站首頁形象設(shè)計對于整個網(wǎng)站建設(shè)起到非常重要的作用，重視首頁才能抓用戶，領(lǐng)航網(wǎng)站設(shè)計的未來。