1. 首頁 > 云知道 > >

網頁UI設計應遵循哪些原則

云知道標簽


網頁UI設計應遵循哪些原則


今日的網站已經不單單只是人們查詢資料的工具，它已糅合了多種功能于一身，在網站為人們的學習、生活、工作、娛樂提供越來越重要的信息時，人們都它的要求也與日俱增，對界面的要求也不僅僅是停留在美觀上 。就此，本文簡單的談一談網頁UI設計 。

一、認識UI

（一）用戶研究

用戶研究包含兩個方面：一是可用性研究，研究如何提高產品的可用性，使得網站界面的設計更容易被人接受、使用和記憶；二是通過可用性的研究，發掘用戶的潛在需求，為技術創新提供另外一條思路和方法 。
【網頁UI設計應遵循哪些原則】
（二）交互設計

這部分指人與機之間的交互工程，在過去交互設計也由程序員來做，其實程序員擅長編碼，而不善于與最終用戶交互 。在使用網站的過程中最能給瀏覽者留下深刻印象的一定是網站的視覺因素，也就是我們所談論的網站界面 。

（三）界面設計

在漫長的軟件發展中，界面設計工作一直沒有被重視起來 。做界面設計的人也被貶義的稱為“美工” 。其實網站界面設計就像工業產品中的工業造型設計一樣，是產品的重要買點 。一個友好美觀的界面會給人帶來舒適的視覺享受，拉近人與電腦的距離，為網站創造賣點 。檢驗一個界面的標準即不是某個項目開發組領導的意見也不是項目成員投票的結果，而是最終用戶的感受 。

二、界面設計的構成元素

（一）文字

從網頁最初的純文字界面發展至今，文字元素作為網站內容傳達的主體，文字有著其他任何元素無法取代的重要作用 。首先是文字信息符合人類的閱讀習慣，其次因為文字所占存取空間小，節省了下載和瀏覽時間 。網頁中的文字主要包括標題、信息、文字鏈接等形式 。文字作為占據頁面重要比率的元素，同時又是信息重要載體，它的大小、字體、顏色和排布對頁面整體設計影響極大 。

（二）圖形

在大多數網頁中，圖形占據了重要的位置，有的甚至是全部頁面 。圖形往往能引起人們的注意，并激發閱讀興趣，合理的運用圖形，可以生動直觀、形象地表現設計主題 。網頁中常用的圖形格式包括JPG、GIF和BMW 。圖形元素包括標題、背景、主圖、鏈接圖標四種 。以圖像作為標題和鏈接可以使網頁具有更好的視覺效果，配合文字增強生動和形象性 。

（三）色彩

一個網站不可能單一的運用一種顏色，讓人感覺單調，乏味；但是也不可能將所有的顏色都運用到網站中，讓人感覺輕浮，花俏 。一個網站必須有一種或兩種主題色，不至于讓客戶迷失方向，也不到于單調，乏味 。所以確定網站的主題色也是設計者必須考慮的問題 。

三、UI界面布局

（一）視覺順序

視覺流程的形成是由人類的視覺特性所決定的 。心理學的研究表明，在一個平面上，上半部讓人輕松和自在，下半部則讓人穩定和壓抑 。同樣，平面的左半部讓人輕松和自在，右半部讓人穩定和壓抑 。所以平面的視覺影響力上方強于下方，左側強于右側 。這樣平面的上部和中上部被稱為“最佳視域”，也就是最優選的地方 。

在網頁的編輯設計中，視覺導向是一個要點，網頁的設計是一種創造，首先要立足信息的傳達，但又要符合人們較為普遍的思維習慣，做到視覺流程自然、合理、暢快 。成功的視覺流程安排，能使網頁上的各種信息要素在一定空間內合理分布，能使頁面上各信息要素的位置、間隙、大小保持一定的節奏感和美感 。

推薦閱讀