論網站界面設計

摘要：互聯網正在全世界進行著越來越深刻的革命。互聯網代表著一種嶄新的信息交流方式，它使信息的傳播突破了傳統的政治，經濟、地域及文化的阻隔，使信息傳達的范圍，速度與效率都產生了質的飛躍，本文在這里主要探討了，界面設計對網絡信息傳播的影響。

這篇文章里主要談的是網站的人機界面設計，與傳統媒體不同，網頁除了文字和圖像以外，還包含聲音、視頻和動畫等新興多媒體元素，更借助由代碼語言所實現各種交互效果，使得網頁設計者需要考慮更多頁面元素的排布、優化。網站界面設計是一門新興的設計和網絡的交叉學科，它本身以網絡為載體，要把各種信息以最快捷、方便，美觀的方式傳達給網站的瀏覽者。這就需要結合使用方便的要求，制作出清晰、整體性好的頁面。這樣接收信息也會更加容易，同時提升網站的形象。

關鍵詞：網絡；信息傳達；界面；信息結構；媒體

網站界面的特性

1、頁面尺寸

頁面尺寸和顯示器大小以及分辨率有關系，瀏覽器也將占去不少空間，留下給你的頁面范圍變得越來越小。一般分辨率在800×600的情況下，頁面的顯示尺寸為：780×428個像素；分辨率在640×480的情況下，頁面的顯示尺寸為：620×311個像素。可以看出，分辨率越高頁面尺寸越大。

瀏覽器的工具欄也是影響頁面尺寸的原因。一般目前的瀏覽器的工具欄都可以取消或者增加，當顯示全部的工具欄時，和關閉全部工具欄時，頁面的尺寸是不一樣的。

網站設計和傳統印刷品的設計在尺寸控制上是有很大區別的，傳統印刷品設計師可以控制印刷品的尺寸，材料，保持設計出來的作品的完全一致性。界面設計師的屏幕也許是17寸的，分辨率甚至做到1280×960都是可以接受的。但是如果用戶用的是14寸顯示器，分辨率只能達到640×480，界面布局看起來會有很大的區別。做網站界面設計應該放棄對界面的完全控制，留一部分讓瀏覽者和他電腦的軟件、硬件來控制。

2、設備的多樣性

訪問互聯網的人們可能通過一臺計算機訪問網站，也可能在用一個WebTV、可用筆點擊的手持式設備或者是移動電話，可能他們汽車的一部分就可以連接互聯網。在傳統設計里，筆記本電腦和高端工作站屏幕的區別可能只有六種。在網上，我們必須應付的設備可能有上百種，用貓撥號上網和寬帶專線之間對網站的數據要求差別很大。而瀏覽者所用的軟件更是種類繁多。任何一個網站設計在不同的瀏覽者那里看起來都大不一樣，看上去不同成了網站界面設計的一個特點。

3、用戶控制導航

在傳統的界面設計中，設計師可以控制用戶什么時候可以去哪兒。不想讓某個部件工作，可以讓它無法操作。在網上，瀏覽者控制了大部分使用網頁的行為。他可以通過他自己的方式獲取信息而不受設計師的影響。比如，用戶可以從搜索引擎直接進入網站內部，而不必經過首頁。用戶還可以控制他們自己的收藏夾，給自己搞一套自己感興趣的頁面都收藏在一起。大部分人在網上，都在不同的網站之間跑來跑去，有很大的流動性。瀏覽者經常通過超鏈接從這個站跳到那個站。這樣對于瀏覽者的感覺，所有的網站是一個整體，而不是一個一個的網站。用戶這樣的上網習慣需要每一個網站的使用習慣都是近似的，都是對整個網絡使用習慣的一部分。有些網站的信息顯示方式設計的太奇怪，對瀏覽者來說是不好使用的。網絡已經變成了一個整體，每一個網站都是這個整體的一部分。

設計網站界面的原則

1、網站的設計形式與網站的要統一。

什么樣的網站，應該有什么樣的設計，設計是為網站的主題服務的。設計的內容就是指它的主題、形象、題材等要素的總和，形式就是它的結構、風格或設計語言等表現方式。內容決定形式，形式反作用于內容。網站設計所追求的形式美，必須適合網站主題的需要，這是基本的前提。例如，百度作為一個搜索引擎，首先要實現“搜索”的“功能”。它的主題即是它的“功能”。而一個個人網站，可以只體現作者的設計思想，或者僅僅以設計出“美”的“個性化”網頁為目的，它的主題就是——“美與個性”。深入領會網站主題的精髓，再融合自己的思想感情，找到一個完美的表現形式，才能體現出網站設計獨具的分量和特有的價值。只有通過認真設計和充分的考慮來實現全面的功能并體現美感才能實現網站設計形式與網站內容的統一。

2、交互性和可持續性的體現。

網站它不是一個被動的媒體。網站具備大多數媒體所不具備的特殊性：用戶的選擇和主動性。訪問網站和看電視的最大區別是訪問網站需要根據用戶的主動選擇，瀏覽網站的內容根據用戶的個人喜好，在眾多的連接和下拉菜單中選擇用戶自己喜歡或者關心的內容或者連接到另外一個站點。因此，現在很多的網站有著非常漂亮的圖形界面，豐富的媒體格式和在線游戲等。同時網頁設計人員必須根據網站各個階段的經營目標，配合網站不同時期的經營策略，以及用戶的反饋信息，經常地對網頁進行調整和修改。例如，為了保持瀏覽者對網站的新鮮感，很多大型網站總是定期或不定期的進行改版，這就需要設計者在保持網站視覺形象一貫性的基礎上，不斷創作出新的網頁設計作品。

視覺設計

在上面提到的基礎上，根據網站信息的類型來進行視覺上的設計。包括字體、圖形、頁面等。

1、文字

文字元素是信息傳達的主體部分，從網頁最初的純文字界面發展至今，文字仍是其他任何元素無法取代的重要構成。這首先是文字信息符合人類的閱讀習慣，其次因為文字所占存取空間小，節省了下載和瀏覽時間。網頁中的文字主要包括標題、信息、文字鏈接，幾種主要形式。標題和傳統媒體中信息傳達的基本作用相同，是內容的簡概說明一般比較醒目、優先編排。文字作為占據頁面重要比率的元素，同時又是信息重要載體，它的字體、大小、顏色和排布對頁面整體設計影響極大，應精心處理。

2、圖形

圖形在網頁界面中具有重要作用。圖形的出現，打破了網頁初期單純的文字界面，也帶來了新的直觀表現形式。很多網頁中，圖形占據了重要頁面，有的甚至是全部頁面。圖形往往能引起人們的注意，激發閱讀興趣，圖形給人的視覺印象要優于文字，合理的運用圖形。可以生動直觀、形象地表現設計主題。網頁中常用的圖形格式包括jpg和gif，這兩科格式壓縮比高，得到了規范瀏覽器的支持，下載速度快，不需要瀏覽器安裝插件即可直接閱覽。以圖像作為標題和鏈接可以使網頁具有更好的視覺效果，配合文字增強生動和形象性。需要特別注意的是背景和主圖的作用。以圖形為背景能襯托主題的表現，增加網頁的層次感，使網頁不再但點枯燥，融入設計者的風格。主圖與背景和裝飾性小土不同，背景是襯托主題，主圖則是突出表現主題。主圖是整個網頁的視覺中心，它具有直觀性強的特點，可以為單調的文字信息增強活力，能給人強烈的視覺信息。

3、頁面版式

版式是網頁界面設計的重要組成部分，它將文字、圖形等視覺元素進行組合配置，使頁面整體視覺效果美觀和諧，便于閱讀，實現信息傳達的最佳效果。

4、多媒體

利用屏幕顯示的優勢，運用多媒體元素(主要包括音頻、視頻和動畫)，網絡傳播可以說是多媒體的傳播，網絡傳播實際上是三大媒體的綜合體，網上音頻、視頻，節目，等于開辦了網上電臺、電視臺、這些構成了網絡信息最吸引人的元素。