馬亮

摘要：網站應用是互聯網最重要的應用之一，它的出現讓信息的遠距離展示和交互變得極其容易，并且實時；現在，網站系統(tǒng)也是很多電子商務系統(tǒng)的重要載體。由于網站具有這么重要的作用，進而導致網站的界面設計尤其重要，良好的界面設計不僅能讓人產生美感，也會引導用戶快速完成功能任務。該文對網站的界面設計進行了初步的研究。

關鍵詞：網站設計；網站界面設計；界面設計；設計

中圖分類號：TP393 文獻標識碼：A 文章編號：1009-3044（2015）035-0046-02

Abstract：Web application is one of the most important applications of the Internet，its appearance makes it extremely easy to display and interact with information，And real time.Now，Website system is also an important carrier of many electronic commerce system. Because the site has such an important role， and then lead to the interface design of the site is particularly important， good interface design can not only make people produce beauty， but also guide the user to complete the functional tasks quickly. This paper makes a preliminary research on the interface design of the website.

Key words：Website design； website interface design； interface design；design

1 概述

互聯網由美國國防部高級研究計劃管理局最先研發(fā)。網站是互聯網中最流行的應用之一，其是基于B/S架構的程序，由客戶端技術（html、js、css等）與服務端技術（jsp、asp.net、php等）共同協作完成功能。網站是一種個人或組織機構向外界展示信息，或者與外面互相溝通的極佳的手段。個人或組織可以通過網站來發(fā)布自己想要公開的資訊，或者利用網站來提供相關的網絡服務。人們可以通過域名，訪問網站，獲取自己需要的資訊或者享受網絡服務。

通過域名訪問網站，最終展示在用戶面前的是一個可視化的界面，人們通過這個可視化的界面中的文字、圖片、視頻等多媒體元素接收信息。所以這些可視化元素如何組織才能讓用戶更容易更直接更醒目的接受信息，并且能讓用戶在瀏覽網站中感受到網站界面設計的美，將是網站建設中一個非常重要的一個環(huán)節(jié)。

2 設計研究

用戶界面（英文，User Interface；簡稱UI）。用戶界面設計是指對軟件的操作邏輯、交互方式、界面美觀的整體設計。好的用戶界面設計會讓軟件的使用變得自由、簡單、舒適，充分體現軟件的定位和特點，變得有品味有個性。很顯然，網站界面設計是用戶界面設計的一部分，網站界面設計必須遵守一般界面設計的原則，但網站界面設計由于其具有自身的特殊性，也必然有一定的設計理念的不同。通過對界面設計不同需求進行的分類，以及界面設計元素對用戶行為的影響，來研究用戶在界面設計中所體現的重要性。

設計是為了滿足可用性及審美需求，全面的了解用戶特征及多元化要求是十分必要的。交互已經成為網站界面設計中重要的環(huán)節(jié)和側重點。界面是物體與人互動的媒介，界面設計可以作如下分類：

1）以環(huán)境為主導的設計。環(huán)境對設計主題的內容傳遞有著重要的影響，設計主題無法脫離環(huán)境而存在，因此注重界面的環(huán)境表達是不能忽略的設計元素；2）以感情傳達為側重的設計。這是設計界面非常重要的一面，通過設計的界面向使用者進行情感傳達，使用者在接觸作品時，產生情感共鳴共振，反應出使用者和設計主題間的情感關系；3）以實現功能為目標的設計。界面設計最基本的原則是實現功能性，通過設計界面，讓用戶明白功能及操作流程，將設計主題本身的功能信息明確地傳遞給用戶，使用者是界面存在的核心坐標和基礎。由于用戶的文化水平、文化背景與知識結構具有很大差異，促使設計者在進行界面設計時應以國際化通用的設計元素為主體，避免過度的使用標新立異的設計元素。

由上述界面設計的一般規(guī)則，我們把討論的范圍縮小到基于網站的界面設計，首先對于網站UI的設計也可以綜合考慮上述三大設計的分類和設計側重；但由于網站是一種動態(tài)的信息呈見方式，它既可以提供多媒體信息的展示，又可以通過javascript和服務端技術對用戶需求進行動態(tài)響應、實時反饋，而正是這些網站多媒體信息的特性和實時的響應交互是其它平面媒體所不具備的，這就要求網站界面設計者不僅要考慮靜態(tài)的界面設計元素，還要考慮實時響應時的界面設計和溝通方式，可以說網站界面設計的責任非常重大，他所設計的界面不僅會影響到用戶的審美，而且會嚴重影響到網站交互的友好性、易用性、功能性。

由于互聯網技術的迅猛發(fā)展，計算機軟硬件技術、有線無線網速、智能手機近年來都有了飛速的進步，近而導致基于互聯網的web應用中多媒體的使用、交互的豐富性都幾乎達到了極其自由的程度，可以說為了達到網站功能和審美效果，能自由運用絕大部分多媒體素材及交互方式的時代幾乎已經來臨，這也導致現在網站出現了如下的特點：1）多媒體元素在網站上的大量使用，視頻、圖片在很多網站中占了相當大的比例，而且這些視頻和圖片很多已經采用較高清晰度和分辨，當然為手機開發(fā)的網站會對圖片和視頻進一步的優(yōu)化，以免過度耗費用戶的流量；2）基于客戶端腳本與服務端技術支持的實時交互；3）大量js腳本和css驅動的動畫效果，動畫效果已經可以與flash動畫媲美；4）由于flash的安全性以及難以支持搜索，flash動畫已經不再作為網站動畫展示形式，除了有些廣告展示需要外，已經漸漸被js腳本、CSS3、html5取代。

但是無論網站制作技術、計算機軟硬件如何發(fā)展，由于網站本身展示的特殊性，進而導致為其進行界面設計有自身的規(guī)律可遵循，由于網站的功能和界面設計有更緊密的聯系，界面設計本身就傳達了很多功能，對用戶的使用體驗有著極其重要的作用，所以必須慎重的進行設計。一個網站的界面設計，一般要按照如下的順序執(zhí)行：1）和用戶溝通，了解用戶對網站功能的需求；了解用戶對網站界面顏色布局的偏好；2）使用專業(yè)設計軟件（如photoshop）設計網站效果圖；3）將網站效果圖交給用戶，根據用戶，進行溝通修改；4）定稿。

無論設計任何類型的網站，有一些基本的設計原則是一定要遵守的：

1）網站導航清晰。一個網站最終是要給用戶瀏覽并使用，如果網站的導航不清晰，意味著用戶不能流暢地使用網站提供的功能，進而不能很好完成建設網站的初衷，導航清晰一定是網站界面設計首要考慮的因素，不能本末倒置、因噎廢食，有的網站為了追求可視化效果，導致整個網站過于不同尋常，用戶找不到網站提供的功能，最終導致用戶厭煩，進而棄用網站。

2）根據網站類型不同選擇不同的設計風格。網站可以有如下不完全分類：新聞門戶類，品牌宣傳類，政府學校事業(yè)單位門戶類，企業(yè)門戶類，辦公類，在線電子商務類等等。上述這些網站由于功能定位不同，導致界面設計和交互會有所不同，如是新聞門戶類網站由于是基于內容的網站，主要是向用戶推介內容，所以這種網站并不要求過于炫麗的效果，過于炫麗的設計效果不僅分散用戶的注意力，也會影響有效內容的展示，此種網站以結構嚴謹為主，所有內容版塊均明顯的展示于網頁上；而政府學校事業(yè)單位門戶類網站和新聞門戶類網站有些類似，更傾向于內容展示，但與新聞門戶類網站又有所不同，政府學校事業(yè)單位門戶類網站不僅有內容展示的作用，但往往也有對本單位進行宣傳的需要，所以這種類型的網站往往在界面設計中既注重內容的展示，也注重通過網站的界面設計向外界展示自己組織機構的文化和理念；企業(yè)門戶網站，由于具有產品推介的功能，往往也是功能和宣傳的統(tǒng)一的界面設計；品牌宣傳類網站往往以大圖和視頻為主，界面設計和交互往往比較新穎；而辦公類網站基本上是最保持的網站，一般比較嚴謹和低調，界面設計以實用易用為主，內容為王，但良好的配色及良好的交互也可以是其的亮點；在線電子商網站傾向于在導航清楚的情況下，運用大圖吸引用戶的眼球，一般會提供極其方便的交互方式。

3）遵守多年形成的網站界面操作文化、規(guī)范和潛規(guī)則，在交互和導航方面進行創(chuàng)新，一定要考慮到用戶的接受能力。設計網站的界面和交互效果，一定要遵守已經形成的計算機文化和大家共同遵守的使用特征，比如大家都知道ctrl+c是復制而ctrl+v是粘貼，這種計算機文化和操作習慣，不宜改變。網站的頂部一般會有異航菜單，主要的功能分類也會在用戶打開首頁的時候，在網站首頁的上半部分給出。

除去上述多年來形成和共同遵守的網站界面設計規(guī)范外，網站界面的設計也在跟隨世界設計潮流而發(fā)展，出現了如下的新的設計特點：

1）垂直滑屏。垂直滑屏相當于一個幻燈片將它全屏化，并且以垂直滑動動畫形式展示出來，這對于訪客來說是個新鮮友好的瀏覽體驗。特別適用于產品描述、情景營銷的單頁面網站；2）卡片式。像卡片、瓷磚的排版設計在2016會繼續(xù)流行，Pinterest是這種設計潮流的領導者，我們將看到更多博客和電子商務網站使用這具設計技術；3）固定塊（Fixed Blocks）。固定塊像css 的fixed屬性，我們常見有導航菜單用這個技術，而在2014年，有些網頁上一些小部件也使用這個技術，但多用于邊欄上的內容；4）自然攝影。在2015年已有很多網站使用高品質的照片作為設計元素，優(yōu)秀的照片視覺是非常有吸引力的，所以2016將會繼續(xù)這個趨勢走下去。而這趨勢特別適用于全屏網頁設計；5）獨特的導航菜單。網站導航不再那么死板，將出現更多創(chuàng)意的方案，向下滑動、向上滑動、彈出、動態(tài)動畫、二次信息展示等有助于創(chuàng)造令人難忘的瀏覽體驗；6）單色網站。網站設計元素的背景、文本顏色、圖像等都使用同一色系，這樣的單色網頁也許會更有吸引力，并讓訪客對你的品牌網站有著深刻的印象；7）視頻背景網站。通過加入視頻背景到網站上，在視覺上比純圖像更有吸引力，2015年已經有不少這樣案例，相信明年會繼續(xù)增加。

3 結束語

網站的設計潮流既追隨整個設計界的風向，又有自己的特點，這兩者的結合讓網站的設計越來越人性化、互動的親和性越來越強。無論設計的潮流如何變遷，所有的設計應該以人為中心，從審美和功能兩方面綜合考慮。既能給用戶清晰的導航和功能提示，又能帶來美感和良好的交互體驗的網站，才是優(yōu)質網站。

參考文獻：

[1] 閆寶華，葉根軍.淺談網站界面設計中的設計原則[J].中國新技術產品，2011（4）.

[2] 洪陽.電子商務網站界面的視覺設計及信息傳達研究[D]. 合肥：合肥工業(yè)大學，2014.

[3] 牛曉銳.網頁界面設計中視覺體驗的研究[D]. 上海：上海師范大學，2013.