解析門(mén)戶網(wǎng)站的設(shè)計(jì)

陳雯娟 （湖南工業(yè)大學(xué)包裝設(shè)計(jì)藝術(shù)學(xué)院 湖南株洲 412008）

解析門(mén)戶網(wǎng)站的設(shè)計(jì)

陳雯娟 （湖南工業(yè)大學(xué)包裝設(shè)計(jì)藝術(shù)學(xué)院 湖南株洲 412008）

門(mén)戶網(wǎng)站的建設(shè)是一項(xiàng)復(fù)雜的工程，需要企業(yè)或相關(guān)部門(mén)的重視，也需要建設(shè)和管理部門(mén)認(rèn)真負(fù)責(zé)、不斷創(chuàng)新。門(mén)戶網(wǎng)設(shè)計(jì)的過(guò)程向技術(shù)更加接近，它的頁(yè)面設(shè)計(jì)不同于很多不符合瀏覽者審美習(xí)慣的網(wǎng)站，相反，門(mén)戶網(wǎng)的簡(jiǎn)潔、大方、專(zhuān)業(yè)正是很多瀏覽者的慣性審美需求，隨著網(wǎng)頁(yè)設(shè)計(jì)競(jìng)爭(zhēng)的愈加激烈，設(shè)計(jì)師在這樣的慣性里慢慢尋找出了新的創(chuàng)新點(diǎn)，使門(mén)戶網(wǎng)在符合大眾審美需求的同時(shí)，也與最新最近的設(shè)計(jì)思潮接軌。

門(mén)戶網(wǎng)站；頁(yè)面設(shè)計(jì)；程序語(yǔ)言

一、門(mén)戶網(wǎng)及其服務(wù)條件

1.何為門(mén)戶網(wǎng)

簡(jiǎn)單的來(lái)說(shuō)，門(mén)戶網(wǎng)就是一個(gè)大門(mén)，一個(gè)進(jìn)入以后聚集了信息、數(shù)據(jù)、新聞等多方位資源的大門(mén)。也就是說(shuō)，它是一個(gè)給用戶提供綜合性資源的平臺(tái)，提供信息服務(wù)的應(yīng)用系統(tǒng)。早期的門(mén)戶網(wǎng)只是一個(gè)搜索引擎，由大量的信息文字堆砌而成，沒(méi)有設(shè)計(jì)可言；而今，由于市場(chǎng)競(jìng)爭(zhēng)日益激烈，門(mén)戶網(wǎng)不得不拓展范圍，由一個(gè)搜索引擎發(fā)射型拓展，逐漸占領(lǐng)提供免費(fèi)郵箱、新聞、免費(fèi)網(wǎng)頁(yè)空間、聊天室、公告牌、影音資訊、電子商務(wù)、網(wǎng)絡(luò)社區(qū)、網(wǎng)絡(luò)游戲，等等。典型的門(mén)戶網(wǎng)站如新浪網(wǎng)、網(wǎng)易和搜狐網(wǎng)等。

2.門(mén)戶網(wǎng)的服務(wù)對(duì)象

普通的門(mén)戶網(wǎng)服務(wù)的是網(wǎng)民大眾，網(wǎng)民可以根據(jù)個(gè)人的興趣愛(ài)好去選擇。企業(yè)門(mén)戶網(wǎng)以供應(yīng)商、合作商、客戶和企業(yè)員工為服務(wù)對(duì)象。政府門(mén)戶網(wǎng)的服務(wù)對(duì)象是全體公民。

3.門(mén)戶網(wǎng)的優(yōu)勢(shì)

門(mén)戶網(wǎng)使用戶獲得信息和服務(wù)的方式更加方便、迅速，從而加強(qiáng)客戶與企業(yè)之間的密切交流，統(tǒng)一的信息渠道不會(huì)導(dǎo)致信息的混亂和丟失，管理上也方便很多。信息技術(shù)硬軟件的投入減少，使企業(yè)的成本大大降低，用戶只需要使用WEB瀏覽器就可以獲得自己需要的信息。這樣單一的途徑和運(yùn)用加快了企業(yè)的運(yùn)作，使商業(yè)活動(dòng)進(jìn)展的更為順利，從來(lái)帶來(lái)更新更多的商機(jī)。

4.國(guó)內(nèi)三大門(mén)戶網(wǎng)的比較

(1) 搜狐網(wǎng)

搜狐網(wǎng)于1996年8月成立，早期是一個(gè)分類(lèi)查詢搜索引擎，經(jīng)過(guò)十幾年的發(fā)展，搜狐推出了新聞、體育、工商財(cái)經(jīng)、手機(jī)短信、汽車(chē)、房產(chǎn)家居、娛樂(lè)、生活、健康、教育、求職、IT、女人、游戲等內(nèi)容頻道，還推出了購(gòu)物、免費(fèi)郵件、聊天室、留言板和搜狐商場(chǎng)等服務(wù)項(xiàng)目，為廣大網(wǎng)民提供了信息源和網(wǎng)上交流的場(chǎng)所。

(2) 網(wǎng)易

網(wǎng)易公司于1997年6月創(chuàng)成立，原先的網(wǎng)易論壇共有電腦技術(shù)、編程世界、軟件下載、情感世界、休閑時(shí)尚、游戲人生等十余個(gè)版塊，是當(dāng)時(shí)國(guó)內(nèi)人氣最興旺的社區(qū)論壇。

目前網(wǎng)易具有18個(gè)網(wǎng)上內(nèi)容頻道，為用戶提供國(guó)內(nèi)國(guó)際時(shí)事、財(cái)經(jīng)報(bào)道、生活資訊、流行時(shí)尚、影視動(dòng)態(tài)、環(huán)保話題、體壇賽事等信息，此外還有42種免費(fèi)電子雜志和個(gè)人主頁(yè)空間以及個(gè)人域名服務(wù)。

(3) 新浪

新浪網(wǎng)公司于1998年12月成立，現(xiàn)共有北美新浪、北京新浪、臺(tái)北新浪、香港新浪4個(gè)中文分站和一個(gè)英文分站。

北京新浪網(wǎng)分新聞中心、搜索引擎、財(cái)經(jīng)縱橫、網(wǎng)上交流、生活空間、競(jìng)技風(fēng)暴、游戲世界、科技時(shí)代等多個(gè)欄目，是國(guó)內(nèi)最知名的門(mén)戶型網(wǎng)站之一，在北京賽迪網(wǎng)信息技術(shù)有限公司和蓋洛普咨詢有限公司聯(lián)合發(fā)布的中國(guó)互聯(lián)網(wǎng)用戶行為和態(tài)度研究中的調(diào)查顯示，新浪、搜狐、網(wǎng)易3大網(wǎng)站在總體排名中占據(jù)著前幾名的位置。其中，新浪的“第一提及”知名度最高，達(dá)到25%。

二、門(mén)戶網(wǎng)的設(shè)計(jì)流程

1.整體定位

(1) 主題定位

門(mén)戶網(wǎng)站的設(shè)計(jì)，看似簡(jiǎn)單的頁(yè)面卻很難設(shè)計(jì)，要注意的內(nèi)容很多，也很講究。比如整體不能太花哨，顏色要統(tǒng)一但不能單板，很多內(nèi)容的標(biāo)題都是程序動(dòng)態(tài)的，不能用圖片去處理，因此，在表現(xiàn)細(xì)節(jié)的方面，較難設(shè)計(jì)。

門(mén)戶網(wǎng)站的設(shè)計(jì)絕大多數(shù)都是在色彩搭配上處理的較為仔細(xì)，板式的設(shè)計(jì)不能太夸張，也不能沒(méi)有變化給人死板的感覺(jué)。因此要在整體統(tǒng)一中有一些小的變化，這樣就會(huì)使頁(yè)面活潑起來(lái)。

主題一定要明確，找尋出自己的特色所在，主題確定后才能決定板式和顏色，并按照設(shè)計(jì)心理學(xué)將主題傳達(dá)給客戶，使主題恰如其分地被客戶理解和接受。

(2) 色彩定位

色彩是網(wǎng)站對(duì)客戶的第一視覺(jué)沖擊，因此確定網(wǎng)站的標(biāo)準(zhǔn)色彩是最重要的一個(gè)環(huán)節(jié)。不同的色彩搭配會(huì)產(chǎn)生不同的效果。標(biāo)準(zhǔn)色彩是指用于網(wǎng)站的LOGO、標(biāo)題、主導(dǎo)航和主色塊的顏色。例如新浪的橙色，搜狐的黃色和藍(lán)色，網(wǎng)易的淺藍(lán)色，和百度的深藍(lán)色，都讓我們感覺(jué)非常的貼切、和諧。其它色彩作為點(diǎn)綴和襯托來(lái)使用，不可喧賓奪主。

2.首頁(yè)的頁(yè)面設(shè)計(jì)

(1) 版面布局

門(mén)戶網(wǎng)的布局就像給雜志排版一樣，我們可以把新建的頁(yè)面看作一張白紙。再明確主題后，設(shè)計(jì)師要根據(jù)主題定好主導(dǎo)航，并且要確定呈現(xiàn)在首頁(yè)上的區(qū)塊內(nèi)容。用繪圖軟件勾畫(huà)出創(chuàng)意的輪廓，可以不必細(xì)膩工整、考慮細(xì)節(jié)功能，只以簡(jiǎn)單的線條即可。

在草圖的基礎(chǔ)上，設(shè)計(jì)師遵循平衡和諧、突出重點(diǎn)的原則，將網(wǎng)站標(biāo)志，主導(dǎo)航，區(qū)塊內(nèi)容，友情鏈接，廣告條，版權(quán)信息等模塊安排到頁(yè)面上。如網(wǎng)站標(biāo)志和主導(dǎo)航等最重要的模塊放在最顯眼、突出的位置，然后在考慮次要模塊的排放。一般來(lái)說(shuō)，門(mén)戶網(wǎng)都會(huì)采用頂部放置最重要的信息，有的也會(huì)將主導(dǎo)航放在左側(cè)，正文放在右側(cè)。將粗略布局再進(jìn)行加工，使其更加精細(xì)、具體。

(2) 色彩搭配

色彩是網(wǎng)站視覺(jué)形象的重要元素之一，如何正確使用網(wǎng)頁(yè)背景、標(biāo)志、文字、邊框、鏈接的顏色，使頁(yè)面看起來(lái)整體和諧統(tǒng)一而又不呆板，需要使用一些小技巧，如使用同一個(gè)色系，在確定好主色調(diào)之后，根據(jù)主色調(diào)進(jìn)行篩選；或者使用同一個(gè)色彩，使用圖像處理軟件調(diào)成不同飽和度、亮度、透明度，也不失為一種色彩搭配的方法。

不同的色彩會(huì)給人不同的心理感受。紅色系是一種激奮活潑的色彩，有刺激效果，能使人產(chǎn)生沖動(dòng)，歡欣，熱情，活力，輕快的感覺(jué)。綠色系是介于冷暖兩種色彩間，有健康、安全的感覺(jué)，一般用于與環(huán)保相關(guān)的主題，如藍(lán)色系是最具科技，清新、專(zhuān)業(yè)的色彩，塑造專(zhuān)業(yè)和正式氛圍。

色彩是具有聯(lián)想性的，正確使用色彩，搭配出和諧的顏色，才能使網(wǎng)站更加精美，從而帶來(lái)更多商機(jī)。

3.添加程序

要使頁(yè)面可以呈現(xiàn)出服務(wù)器上的資源，就必須要添加程序，對(duì)數(shù)據(jù)庫(kù)進(jìn)行操作。如果制作靜態(tài)網(wǎng)站，只需要用到html、JavaScript即可，動(dòng)態(tài)頁(yè)面則需要使用ASP程序、PHP程序語(yǔ)言。數(shù)據(jù)庫(kù)的選擇則是以網(wǎng)站的大小和數(shù)據(jù)的多少為標(biāo)準(zhǔn)，最常用的是Accese、Sql和Oracle。

Accese適合用于一般的企業(yè)網(wǎng)站，它的優(yōu)點(diǎn)在于開(kāi)發(fā)技術(shù)簡(jiǎn)單，而且在數(shù)據(jù)量不是很大的網(wǎng)站上，檢索速度很快。但它的安全性不高，很容易被黑客攻擊。Sql的安全性要高于Accese，它可以提高海量數(shù)據(jù)檢索的速度，因此大型政府、門(mén)戶網(wǎng)站選用Sql數(shù)據(jù)庫(kù)。而Oracle獲得最高認(rèn)證級(jí)別的ISO標(biāo)準(zhǔn)認(rèn)證，性能很高，因?yàn)殚_(kāi)發(fā)了較長(zhǎng)時(shí)間，兼容性強(qiáng)，沒(méi)有任何風(fēng)險(xiǎn)，但操作較為復(fù)雜。

小結(jié)

在這個(gè)日異月新的網(wǎng)絡(luò)世界里，每天都有一種新的設(shè)計(jì)思潮產(chǎn)生，客戶已經(jīng)習(xí)慣于發(fā)現(xiàn)一些與自己的審美習(xí)慣大不相同的網(wǎng)頁(yè)。在這個(gè)沒(méi)有權(quán)威的空間里，每個(gè)人都可以充分表現(xiàn)自己的思想，我們不再膚淺地用好和壞，對(duì)和錯(cuò)來(lái)評(píng)價(jià)看到的網(wǎng)頁(yè)。在信息容量呈現(xiàn)幾何級(jí)數(shù)增長(zhǎng)的同時(shí)，網(wǎng)頁(yè)設(shè)計(jì)的風(fēng)格也在以令人吃驚的速度不斷創(chuàng)新。

門(mén)戶網(wǎng)被視為企業(yè)或相關(guān)部門(mén)在網(wǎng)上的“臉”，使用戶可以有條理的對(duì)自己所需要了解的商業(yè)信息進(jìn)行瀏覽，是一種全新的電子商務(wù)窗口。作為一個(gè)商業(yè)型的網(wǎng)站，它的目標(biāo)是盈利，快速方便地給客戶提供資訊，加強(qiáng)合作。

[1]潘基凱，江泓.大視覺(jué)創(chuàng)意寶典——網(wǎng)頁(yè)設(shè)計(jì)[M].江蘇美術(shù)出版社.2008年08月.

[2]姚國(guó)章.中國(guó)電子政務(wù)案例[M].北京大學(xué)出版社，2007年01月.

[3]陳德人.中國(guó)電子商務(wù)案例精選 [M].高等教育出版社，2007年04月.