UI設計技巧：UI介面設計中的秩序感！

相對於視覺傳達設計而言，互動介面更加註重使用者與介面的互動，使用者對介面的理解將直接關係到使用者能否順利操作並達到自己的目的。透過對秩序感理論的闡述，說明秩序感對互動介面設計非常重要，並以例項總結常見的互動介面佈局，分析其中的秩序感及其作用。

為秩序感？

秩序感不是人為的規定，它從本質上是一種規律性，是事物存在、運動、發展、變化的有序性。它不僅表現是一種自然形態，也是一種規律性和條理性，因此人們往往可以透過秩序感來預測事物發展的趨勢。設計為多數使用者服務，更加強調秩序感和規律性。互動介面設計的秩序感體現在視知覺的建構過程中對視覺經驗和運動規律的適應、感知和選擇，因此，探究秩序感在互動介面設計中應用的過程也是感知互動介面視覺秩序和審美心理秩序同構的過程。

介面設計秩序

互動介面設計同平面版式設計有很多共同之處，需要按照一定的科學與藝術的原理進行文字、圖形的佈局設計，在有限的螢幕空間上將使用者所需要的服務和資訊綜合呈現出來，將理性思維透過個性化的方式表現出來。秩序感就是在這些元素的排列組合中產生了，不但要符合人眼視覺的一系列規律，還要符合形式美的法則。但因為互動介面設計更加側重人機互動，所以遠不如平面版式設計那樣自由，所以根據一般互動介面設計中的秩序感可以大致分為以下幾種：點陣式、左上式、右下式、居中式和總體式等。

點陣式

這種形式將裝置的主要功能圖示如點陣般排布在頁面上，當圖示較多時，使用者大多可以建立資料夾，將功能用途相近的圖示放在一起，這一形式的靈活性較大，可以讓使用者按照自己的需要排版介面，不僅使用者自由度高，而且有強烈的秩序感，極易識別和使用。這類秩序感的介面常用於手機、掌上電腦等移動裝置

左上式

這種形式重點突出有層次，上方一般是標題，十分醒目；左側是操作工具欄，自上而下排序，直觀且富有條理；重要資訊在右側的較大區域內顯示，可以吸引使用者的注意。其優點是側邊欄與頂部顯示導航資訊，結構緊湊、安排科學合理，著重引導使用者理性的選擇所需操作，從左向右，先導航再瀏覽具體資訊。這一形式的介面比較適合網頁、音樂播放等軟體作業系統介面。

右下式

這種形式與“左上式”很相似，但是右下式更加強調具體資訊，全域性資訊引導功能較弱，所以比較適用於類似自助售票系統的自助化公共服務裝置和區域性系統互動介面設計等。因為大部分人都習慣右手操作，所以主要功能鍵安排在右邊更符合使用者的使用習慣，可以提高使用者的操作績效，如區域性監控系統介面設計。

居中式

居中佈局方式的優點是展示的資訊內容量大，資訊結構屬於寬而淺型別，儘可能將資訊呈現到主頁，一覽無餘的供使用者選擇，所以比較適用於公共服務系統介面和區域性系統互動介面等。但是這樣的資訊多而密，易產生視覺疲勞和接收錯誤；尤其是介面左右兩邊都有操作鍵時，使用者反而會感到有些混亂。

整體式

整體佈局更加的隨意，相比較前幾種形式而已，其秩序感相對較弱，反而更加強調個性化的表現，所以適合於資訊展示型介面。這一類的互動介面常用精緻的背景、藝術化的圖案裝飾等元素，這些元素的排布非常自由，因而顯得比較活潑靈動，畫面也會比較均衡協調，可以一下子吸引使用者的眼球。但是這一形式的缺點在於操作性介面功能區塊劃分不夠清晰，易引起資訊混亂，所以使用者要花上一些時間才能夠學會並記憶操作方式

互動介面的流程

①視覺吸引。接觸到互動介面時首先映入眼簾的肯定是整體的用色和佈局，類似於服務的宣傳。獨特的知覺形式能吸引使用者眼球，併產生深入瞭解的意願，於無形中與使用者建立信任可靠的關係。②尋找資訊。當一個使用者使用某個互動介面時，首先是想找到與自己期待的服務相關的資訊。這就要求互動介面的設計可以有個性化元素，但也必須有內在的秩序感，如音樂播放軟體，使用者最需要的歌曲搜尋、播放、暫停等一定要出現在適當位置，讓使用者把注意力集中在重要的地方。

③分別辨識。這要求互動介面的資訊要適量，資訊佈局有其秩序性和規律性，減少使用者識別的負擔。此外，資訊描述和內容佈局也極為重要，資訊量過大、資訊分佈不合理等都會對使用者注意力產生影響。④匹配和執行。即使用者操作過程中發現裝置顯示的資訊與與其目標一致，便會根據提示進行下一步操作。這就要求輔助資訊在適當時刻呈現出來，如使用者在點選按鈕的時候，按鈕應該透過色彩的變化和聲音提示等方式給予使用者反饋。

互動介面設計的目的在於給使用者視覺衝擊力的同時，也能給予使用者良好的操作體驗和服務享受，所以一個優秀的互動介面設計，不僅要仔細思考介面上功能按鈕、程式跳轉等基本要素，更要從視知覺的構成方面去考慮使用者的視覺辨析和記憶，透過不同的秩序編排形式，達到減輕使用者負擔的目的。

秩序感在一定程度上決定了互動介面的總體格調是簡潔有序還是豐富多變，通常不同型別的互動介面會選擇不同的秩序感，來滿足不同使用者的視覺心理需要。利用人們與生俱來的對“秩序感”的認同和欣賞以及適應和選擇進行互動介面設計，不失為一條發展互動介面設計的有效途徑。在未來的互動介面設計發展中，只有做到內容與形式、視知覺經驗與心理定向的統一，才能促進人與裝置的情感交流，進而獲得更好的使用者體驗

注意：以上內容整理來源於網際網路，僅供學習參考，不做商用，如有侵權請聯絡刪除！