網頁制作學習：關于門戶網站設計－yybm的部落格

http://www.inspirr.com

核心提示：門戶網站有很多種。最為國人熟知的是象新浪搜狐那種信息類門戶。主要以廣告收入為主。現在也有博客門戶等。象當當、淘寶那樣的購物平臺，其實也是一種門戶，只不過陳列的是商品信息，贏利方式是依靠出售商品。

門戶網站有很多種。最為國人熟知的是象新浪搜狐那種信息類門戶。主要以廣告收入為主。現在也有博客門戶等。象當當、淘寶那樣的購物平臺，其實也是一種門戶，只不過陳列的是商品信息，贏利方式是依靠出售商品。不同的門戶，有不同的需求，都應該根據這些需求出發去設計網站，這是眾所周知的，但是它們之間也有共性，那就是都要求提高瀏覽效率！促使網站達成贏利目標。

信息類門戶：

1.網頁的體積最小

2.分類明確，多方向引導

3.信息量最大

4.風格一致，易于管理

5.以適當的方式提供多種多樣的廣告位

6.分欄目設計突出主題風格

購物類門戶：

1.網頁體積盡量小

2.分類明確，多方向引導

3.信息根據重要程度疏密有秩

4.每一個頁面信息都是一種廣告方式

5.突出商品本身

6.分欄目設計突出主題風格

一、網站風格/創意

“風格是抽象的。是指站點的整體形象給瀏覽者的綜合感受。整體形象包括站點的版面布局，色彩，字體，瀏覽方式等…。如：我們覺得迪斯尼是生動活潑的而IBM則是專業嚴肅的。每一個網站都會給人們留下的不同感受。這里我們需要做到的是根據網站的定位做出網站特有的風格。除此我們還需要在風格同一上需要把握一下，其實這個風格的統一和傳統的印刷出版物沒什么區別。你網頁上所有的圖像、文字，包括像背景顏色、區分線、字體、標題、注腳什么的，都要統一風格，貫穿全站。這樣子用戶看起來舒服、順暢，會對你的網站留下一個“很專業”的印象，有一個全局感受。

創意，所謂創意就是不拘一格？某些設計師在做創意的時候大費周章，做出來確實不可否認很有創意、很別致，但往往對于行業網站的客戶為什么不能接受呢？此時不要太責怪客戶的不識貨，應該反思，抓住客戶的需求。其實做行業網站不需要很多大的創意，也不要浪費過多的時間去追求如何個性、如何好看，我們只需要一點小小的創意貫穿全站，也許會使網站更生動更具有吸引力、更有思想。”

不要在頁頭用大面積的裝飾圖片來體現整個網站的風格

門戶網站構成很復雜，通常會兼并、嵌套很多小網站。網站的經營方當然希望讓這些小的網站套用整個門戶的VI。所以，在使用最頻繁的頁頭部分，應該是能夠很明確的標識網站風格的地方。但是，不要用大副的裝飾圖片來體現，LOGO？LOGO是干什么用的？設計時的出發點是什么？不就是標識企業突出門戶風格嗎？如果LOGO不能起到這樣的作用，那還要它做甚？所以為了瀏覽速度快，最好頁頭只有LOGO、文字導航、簡單色彩裝飾。我建議頁頭最好是可以寵滿頁面的，沒有寬度限制，這樣就能夠適應各種寬度的網頁了。

不要制作過多過大的圖片鑲嵌在網頁中，如大片的沒有意義的裝飾圖片，別忘了你是在做一個門戶！！有商業目的的門戶！這是在做生意！如果你做生意老板會批給你很多錢去做些對銷售沒有幫助的事嗎？也許他會批給你錢組織員工去旅游，用于提高士氣，但是他絕對不會批給你錢帶所有員工去冰島，并蓋一個希爾頓飯店！

二、網站LOGO

Logo顧名思義就是站點的標志圖案，logo最重要的就是用圖形化的方式傳遞網站的定位和經營理念、同時便于人們識別。網站logo的設計過程中一般有以下三種思路：1.直接以網站網址作為logo。2.根據網站提供的產品/服務特點展開logo設計。3.以傳遞網站運營商的經營理念為特色。我個人建議門戶網站的LOGO中最好包含：網址中文標識輔助圖形標識。輔助圖形標識能夠最好的體現網站風格，變化多樣。網址和中文標識的設置要清晰易用。最好獨立創建一套字體，但最好跟常見字體相差不太大。便于應用在子欄目中。

三、視覺流程

“人們在閱讀某種信息時，視覺總有一種自然的流動習慣，先看什么，后看什么，再看什么。在心理學的研究表明，一般的瀏覽習慣是從上到下、從左到右，在一個平面上，上松下穩而壓抑。同樣，平面的左松右穩。所以平面的視覺影響力上方強于下方，左側強于右側。這樣平面的上部和中上部被稱為“最佳視域”，也就是最優選的地方。在網頁設計中一些突出或推薦的信息通常都放在這個位置。左側為常規信息，右側為推薦信息。當然這種視覺流程只是一種感覺并非一種固定的公式，只要符合人們的心理順序和邏輯順序，就可以更為靈活地運用，在網頁設計中，靈活而合理地運用直接影響到傳達信息的準確與有效性。”