1.2 了解用戶界面設計

用戶界面（User Interface, UI）設計是指對軟件的人機交互、操作邏輯、界面美觀的整體設計。UI設計分為實體UI和虛擬UI，因特網中所說的UI設計是虛擬UI。

好的UI設計不僅讓軟件變得有個性、有品位，還能讓軟件的操作變得舒適、簡單。

1.2.1 網頁用戶界面設計原則

UI設計是針對用戶的設計，一切活動的目的都是為了完成與用戶的溝通。因此UI設計就必須遵循一些原則，從而實現目標。下面是網頁UI設計常用的一些原則。

1．用戶導向原則

設計網頁前首先要明確到底誰是用戶，要站在用戶的角度和立場上來考慮。要做到這一點，就必須要和用戶溝通，了解他們的需求、目標、期望和偏好等。

2．KISS原則

KISS是Keep It Sample and Stupid的英文縮寫，中文意思就是簡潔易操作，畢竟網頁設計出來是便于用戶查閱信息和使用網絡服務的，沒有必要設置過多的操作，堆積很多復雜和花哨的圖片。該原則一般要求，網頁的下載時間不要超過10s；盡量使用文本鏈接，減少大尺寸圖片和動畫的使用；操作設計盡量簡單，并且有明確的操作提示；網站所有內容和服務都在顯眼處向用戶予以說明等。

3．布局控制

如果網頁的布局凌亂，僅僅把大量的信息堆砌在頁面上，會使瀏覽者的閱讀體驗很差。

一般網頁上面的欄目設置在5～9個最佳，如果所提供的內容過于密集，就會使人感到煩躁、壓抑。

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

4．視覺平衡

根據視覺原理，圖形與文字相比較，圖形的視覺作用要大一些。所以，為了達到視覺平衡，在設計網頁時需要以更多的文字來平衡一幅圖片。另外，按照國人的閱讀習慣是從左到右，從上到下，因此視覺平衡也要遵循這個道理。

5．色彩搭配

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

6．和諧與一致性

通過對網站的各種元素（顏色、字體、圖形、空白等）使用一定的規格，使得設計良好的網頁看起來應該是和諧的。或者說，網站的眾多單獨網頁應該看起來像一個整體。網站設計上要保持一致性，這又是很重要的一點。

1.2.2 網頁用戶界面設計尺寸

1）在顯示器分辨率為800×600像素的條件下，網頁寬度保持在778像素以內，就不會出現水平滾動條，高度則視版面和內容決定。

2）在顯示器分辨率為1024×768像素的條件下，網頁寬度保持在1002像素以內，如果滿框顯示的話，高度為612～615像素，此時就不會出現水平滾動條和垂直滾動條。

3）頁面長度原則上不超過3屏，寬度不超過1屏。

4）全尺寸橫幅廣告（banner）為468×60像素，半尺寸橫幅廣告為234×60像素，小橫幅廣告為88×31像素。

5）小圖標的標準尺寸為120×90像素或120×60像素。

6）每個非首頁靜態頁面所含圖片文件大小不超過60KB，全尺寸橫幅廣告文件大小不超過14KB。