介面設計原則與技巧!


文/劉幼民 ①一致性原則。在介面設計中,一致性原則通常包含窗體大小、形狀、色彩的一致性,文字框、命令按鈕等介面元素外觀的一致性,介面中出現術語的一致性等。一致性原則在設計中最容易違背,同時也最容易修改和避免。

缺乏一致性使得介面混亂而無序,這樣的介面會使應用程式看起來混亂而不嚴密,會給使用者的使用帶來不便,甚至使使用者覺得應用程式不夠安全可靠。

②易用性原則。 提供常用操作的快捷方式,根據常用操作的使用頻度大小,減少操作序列的長度。對於相對獨立的操作序列,一般應提供回退、中途放棄等功能,讓使用者感覺到操作合理,具有親切感。

③容錯原則。 介面要有容錯能力。當用戶出現錄入錯誤或命令錯誤時,系統應儘量準確地檢測出錯誤發生的位置,報告出錯誤發生的性質 ,提供簡單和容易理解的錯誤處理結果或提示給使用者一個修正參考,保證使用者操作的連續性。


① 控制元件的位置拖放安排。在絕大多數的程式介面設計中,並不是所有的元素都具有相同的重要性,所以應抓住重點,將較重要的元素定位在一日瞭然的位置,重要的和需要經常訪問的元素應當處於顯著的位置,次要的元素則應當處於次要的位置。習慣的閱讀順序一般是從左到右,從上到下。

將控制元件和元素適當分組也是非常重要的,可以嘗試根據“功能”和“關係”來組成一個邏輯資訊組。根據控制元件的功能或關係,將它們放在不同的螢幕區域,在視覺效果上也要比將它們分散在螢幕的各處要好得多。

②控制元件的大小與一致性編排。控制元件的大小設定是設計時經常遇到的問題,雖然操作非常簡單,但在決定控制元件大小時卻很讓人頭疼。在控制元件中使用相同的顏色作為背景色 ,如果沒有特別需要 ,儘量不使用鮮豔的顏色。如果兩種控制元件選擇了不同的顏色和顯示效果,那麼應用程式將會顯得十分不協調。所以在確定設計思路時,一定要堅持用同一種風格貫穿整個應用程式的想法,用這個思路來完成整個程式的設計。

③合理利用空間、保持介面的簡潔。 在介面的空間使用上,應當形成一種簡潔明瞭的佈局。在使用者介面中合理使用窗體控制元件及其四周的空白區域有助於突出元素和改善可用性。在設計中需要留出一些空白區域來突出設計元素。各控制元件之間一致的間隔以及垂直與水平方向各元素的對齊也可以使設計更為明瞭,行列整齊、行距一致的介面安排也會使其容易閱讀。

④合理利用顏色、影象和動畫效果。 在介面上使用顏色可以增加視覺上的感染力,但每個人對顏色的喜愛有很大的不同,使用者的品味也會各不相同。顏色能夠引發強烈的情感,如果是設計針對普遍使用者的程式,那一般說來,最好保守傳統,採用一些柔和的、更中性化的顏色。 當然,對特定的使用者就要依據使用者自己的選擇了。

另外,圖片與圖示的使用也可以增加應用程式視覺上的影響,所以細心的設計也是必不可少的。在某些時候不用文字而利用影象就可以更形象地傳達資訊 ,但常常不同的人對影象的理解也不一樣。帶有表示各 種功能圖示的工具欄 ,是一種很有用的介面組成 ,但如果不能很容易地識別圖示所表示的功能,反而會事與願違。在設計工具欄圖示時,應檢視一下其它的應用程式,以瞭解已經建立了的大眾認可的標準。

使用者介面也廣泛使用各種動畫顯示效果。合理的使用能表達特定的設計意圖,給使用者更加生動、易於理解的資訊。動感的顯示是物件功能的可見線索,雖然使用者可能對某個術語還不熟悉,但動態的例項可體會設計者的意圖。按下按鈕、旋轉旋鈕和點亮開關等都能進行動感表示。

好的應用程式不僅要有強大的功能,還要有美觀實用的使用者介面。介面設計不僅僅是程式設計的問題,也需要美學修養。使用者介面是應用程式的一個重要組成部分,一個應用程式的介面往往決定了該程式的 易用性與可操作性。快捷方便的操作,不僅會提高使用者的工作效率,還使得介面在功能實現上變得簡潔而高效。
