李鳳麗　吳姍

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

中圖分類號(hào)：TP37 文獻(xiàn)標(biāo)識(shí)碼：A 文章編號(hào)：1009-3044（2015）15-0049-02

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

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

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

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

1 網(wǎng)站定位

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

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

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

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

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

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

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

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

1）圖文LOGO設(shè)計(jì)

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

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

2）字體LOGO設(shè)計(jì)

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

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

3 首頁(yè)整體形式、色調(diào)、風(fēng)格設(shè)計(jì)

1）版式設(shè)計(jì)

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

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

2）色調(diào)、風(fēng)格設(shè)計(jì)

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

4 廣告條設(shè)計(jì)

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

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

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

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

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

5 結(jié)束語(yǔ)

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