解析門戶網(wǎng)站的設(shè)計

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

解析門戶網(wǎng)站的設(shè)計

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

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

門戶網(wǎng)站；頁面設(shè)計；程序語言

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

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

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

2.門戶網(wǎng)的服務(wù)對象

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

3.門戶網(wǎng)的優(yōu)勢

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

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

(1) 搜狐網(wǎng)

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

(2) 網(wǎng)易

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

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

(3) 新浪

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

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

二、門戶網(wǎng)的設(shè)計流程

1.整體定位

(1) 主題定位

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

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

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

(2) 色彩定位

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

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

(1) 版面布局

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

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

(2) 色彩搭配

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

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

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

3.添加程序

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

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

小結(jié)

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

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

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

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

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