網頁欄目

網頁欄目是指網站建設的主要板塊內容，一般指網站導航欄目、二級欄目、三級欄目等等，主要是為了方便用戶快速找到自己想了解的東西，增強用戶體驗。

基本介紹

• 中文名：網頁欄目
• 所屬類別：網頁設計

編輯本段關於軟體界面設計

軟體用戶界面（Software User Interface）是指軟體用於和用戶交流的外觀、部件和程式等等。如果你經常上網的話，會看到很多軟體設計很樸素，看起來給人一種很舒服的感覺；有點軟體很有創意，能給人帶來意外的驚喜和視覺的衝擊；而相當多的軟體頁面上充斥著怪異的字型，花哨的色彩和圖片，給人網頁製作粗劣的感覺。軟體界面的設計，既要從外觀上進行創意以到達吸引眼球的目的，還要結合圖形和版面設計的相關原理，從而使得軟體設計變成了一門獨特的藝術。通常的講，企業軟體用戶界面的設計應遵循以下幾個基本原則：

用戶導向（User oriented）原則

設計網頁首先要明確到底誰是使用者，要站在用戶的觀點和立場上來考慮設計軟體。要作到這一點，必須要和用戶來溝通，了解他們的需求、目標、期望和偏好等。網頁的設計者要清楚，用戶之間差別很大，他們的能力各有不同。比如有的用戶可能會在視覺方面有欠缺（如色盲），對很多的顏色分辨不清；有的用戶的聽覺也會有障礙，對於軟體的語音提示反映遲鈍；而且相當一部分用戶的計算機使用經驗很初級，對於複雜一點的操作會感覺到很費力。另外，用戶使用的計算機機器配置也是千差萬別，包括顯示卡、音效卡、記憶體、網速、作業系統以及瀏覽器等都會有不同。設計者如果忽視了這些差別，設計出的網頁在不同的機器上顯示就會造成混亂。

KISS（Keep It Simple And Stupid）原則

KISS原則就是"Keep It Simple And Stupid"的縮寫，簡潔和易於操作是網頁設計的最重要的原則。畢竟，軟體建設出來是用於普通網民來查閱信息和使用網路服務。沒有必要在網頁上設定過多的操作，堆集上很多複雜和花哨的圖片。該原則一般的要求，網頁的下載不要超過10秒鐘（普通的撥號用戶56 Kbps網速）；儘量使用文本連結，而減少大幅圖片和動畫的使用；操作設計儘量簡單，並且有明確的操作提示；軟體所有的內容和服務都在顯眼處向用戶予以說明等。

布局控制

關於網頁排版布局方面，很多網頁設計者重視不夠，網頁排版設計的過於死板，甚至照抄他人。如果網頁的布局凌亂，僅僅把大量的信息堆集在頁面上，會干擾瀏覽者的閱讀。一般在網頁設計上所要遵循的原理有：

（1）Miller公式。根據心理學家George A.Miller的研究表明，人一次性接受的信息量在7個比特左右為宜。總結一個公式為：一個人一次所接受的信息量為 7±2 比特。這一原理被廣泛套用於軟體建設中，一般網頁上面的欄目選擇最佳在5～9個之間，如果軟體所提供給瀏覽者選擇的內容連結超過這個區間，人在心理上就會煩躁，壓抑，會讓人感覺到信息太密集，看不過來，很累。例如Aol點com的欄目設定：Main、MyAol、Mail、People、Search、Shop、Channels和Devices共八個分類。Msn點com的欄目設定：MSN Home、My MSN、Hotmail、Search、Shopping、Money和People & Chat共七項。然而很多國內的軟體在欄目的設定遠遠超出這個區間。

（2）分組處理。上面提到，對於信息的分類，不能超過9個欄目。但如果你的內容實在是多，超出了9個，需要進行分組處理。如果，你的網頁上提供幾十篇文章的連結，需要每隔7篇加一個空行或平行線做以分組。如果你的軟體內容欄目超出9個，如微軟公司的軟體，共有11個欄目，超過了9個。

視覺平衡

網頁設計時，也要各種元素（如圖形、文字、空白）都會有視覺作用。根據視覺原理，圖形與一塊文字相比較，圖形的視覺作用要大一些。所以，為了達到視覺平衡，在設計網頁時需要以更多的文字來平衡一幅圖片。另外，按照中國人的閱讀習慣是從左到右，從上到下，因此視覺平衡也要遵循這個這個道理。例如，你的很多的文字是採用左對齊〈Align=left〉，需要在網頁的右面加一些圖片或一些較明亮、較醒目的顏色。一般情況下，每張網頁都會設定一個頁眉部分和一個頁腳部分，頁眉部分常放置一些Banner廣告或導航條，而頁腳部分通常放置聯繫方式和版權資訊等，頁眉和頁腳在設計上也要注重視覺平衡。同時，也決不能低估空白的價值。如果你的網頁上所顯示的信息非常密集，這樣不但不利於讀者閱讀，甚至會引起讀者反感，破壞該軟體的形象。在網頁設計上，適當增加一些空白，精煉你的網頁，使得頁面變的簡潔。

色彩的搭配和文字的可閱讀性

顏色是影響網頁的重要因素，不同的顏色對人的感覺有不同的影響，例如：紅色和橙色使人興奮並使得心跳加速；黃色使人聯想到陽光，是一種快活的顏色；黑顏色顯得比較莊重，考慮到你希望對瀏覽者產生什麼影響，為網頁設計選擇合適的顏色（包括背景色、元素顏色、文字顏色、鏈節顏色等）。

為方便閱讀軟體上的信息，可以參考報紙的編排方式將網頁的內容分欄設計，甚至兩欄也要比一滿頁的視覺效果要好。另一種能夠提高文字可讀性的因素是所選擇的字型，通用的字型（Arial，Courier New，Garamond，Times New Roman，中文宋體）最易閱讀，特殊字型用於標題效果較好，但是不適合正文。如果在整個頁面使用一些特殊字型（如Cloister，Gothic，Script，Westminster，華文彩雲，華文行楷），這樣讀者閱讀起來感覺一定很糟糕。該類特殊字型如果在頁面上大量使用，會使得閱讀頗為費力，瀏覽者的眼睛很快就會疲勞，不得不轉移到其他頁面。

和諧與一致性

通過對軟體的各種元素（顏色、字型、圖形、空白等）使用一定的規格，使得設計良好的網頁看起來應該是和諧的。或者說，軟體的眾多單獨網頁應該看起來像一個整體。軟體設計上要保持一致性，這又是很重要的一點。一致的結構設計，可以讓瀏覽者對軟體的形象有深刻的記憶；一致的導航設計，可以讓瀏覽者迅速而又有效的進入在軟體中自己所需要的部分；一致的操作設計，可以讓瀏覽者快速學會在整個軟體的各種功能操作。破壞這一原則，會誤導瀏覽者，並且讓整個軟體顯的雜亂無章，給人留下不良的印象。當然，軟體設計的一致性並不意味著刻板和一成不變，有的軟體在不同欄目使用不同的風格，或者隨著時間的推移不斷的改版軟體，會給瀏覽者帶來新鮮的感覺。

個性化

（1）符合網路文化

企業軟體不同於傳統的企業商務活動，要符合Internet網路文化的要求。首先，網路最早是非正式性、非商業化的，只是科研人員用來交流信息。其次，網路信息是只在計算機螢幕上顯示而沒有列印出來閱讀，網路上的交流具有隱蔽性，誰也不知道對方的真實身份。另外，許多人在上網的時候是在家中或網咖等一些比較休閒，比較隨意的環境下。此時網路用戶的使用環境所蘊涵的思維模式與坐在辦公室里西裝革履的時候大相逕庭。因此，整個網際網路的文化是一種休閒的、非正式性的、輕鬆活潑的文化。在軟體上使用幽默的網路語言，創造一種休閒的、輕鬆愉快、非正式的氛圍會使軟體的訪問量大增。

（2）塑造軟體個性

另外，軟體的整體風格和整體氣氛表達要同企業形象相符合併應該很好的體現企業CI。在這方面比較經典的案例有：可口可樂個性鮮明的前衛軟體"Life Tastes Good"；工整、全面、細緻的通用電氣公司軟體"We bring good things to life（GE帶來美好的生活）"；崇尚科技創新文化的3M公司軟體"Creating solutions for business、industry and home"；刻意扮演一個數字電子娛樂之集大成者的角色，要成為新時代夢想實現者的索尼軟體；平易近人、親情濃郁的通用汽車公司軟體體現了"以人為本"的企業定位和行銷策略；服務全面、細緻、方便，處處體現"賓至如歸"服務理念的希爾頓大酒店軟體。

用戶界面設計原則

1.簡易性

界面的簡潔是要讓用戶便於使用、便於了解、並能減少用戶發生錯誤選擇的可能性。

2.用戶語言

界面中要使用能反套用戶本身的語言，而不是遊戲設計者的語言。

3.記憶負擔最小化

人腦不是電腦，在設計界面時必須要考慮人類大腦處理信息的限度。人類的短期記憶極不穩定、有限，24小時記憶體在25%的遺忘率。所以對用戶來說，瀏覽信息要比記憶更容易。

4.一致性

是每一個優秀界面都具備的特點。界面的結構必須清晰且一致，風格必須與遊戲內容相一致。

5.清楚

在視覺效果上便於理解和使用。

6.用戶的熟悉程度

用戶可通過已掌握的知識來使用界面，但不應超出一般常識。

7.從用戶的觀點考慮

想用戶所想，做用戶所做。用戶總是按照他們自己的方法理解和使用。

通過比較兩個不同世界(真實與虛擬)的事物，完成更好的設計。如：書籍對比竹簡。

8.排列

一個有序的界面能讓用戶輕鬆的使用。

9.安全性

用戶能自由的作出選擇，且所有選擇都是可逆的。在用戶作出危險的選擇時有信息介入系統的提示。

10.靈活性

簡單來說就是要讓用戶方便的使用，但不同於上述。即互動多重性，不局限於單一的工具(包括滑鼠、鍵盤或手柄)。

11.人性化

高效率和用戶滿意度是人性化的體現。應具備專家級和初級玩家系統，即用戶可依據自己的習慣定製界面，並

能保存設定。

編輯本段關於網頁界面設計

網頁界面設計不同於一般的平面設計,擁有自身的設計特徵。網頁界面設計應時刻圍繞“信息傳達”這一主題來進行。網頁界面傳達的信息主要是視覺信息。因此從設計類型上來看,網頁界面設計屬於視覺傳達的領域,故而網頁界面設計的主要視覺元素和設計指導原則都要遵循視覺傳達的一般規律。網頁界面設計師在視覺傳達的工作,就是通過有效吸引視線的藝術形式使信息得以清晰、準確、有力地傳達。