旗下產業(yè): A產業(yè)/?A實習/?A計劃
全國統(tǒng)一咨詢熱線:010-5367 2995
首頁 > 熱門文章 > UI設計 > UI設計秩序感怎么做

UI設計秩序感怎么做

時間:2020-11-27來源:mwtacok.cn點擊量:作者:Gella
時間:2020-11-27點擊量:作者:Gella
相對于視覺傳達設計而言,交互界面更加注重用戶與界面的互動,用戶對界面的理解將直接關系到用戶能否順利操作并達到自己的目的。通過對秩序感理論的闡述,說明秩序感對交互界面設計非常重要,并以實例總結常見的交互界面布局,分析其中的秩序感及其作用。

UI設計秩序感怎么做
 
 
什么是秩序感

UI設計秩序感怎么做
 
秩序感不是人為的規(guī)定,它從本質上是一種規(guī)律性,是事物存在、運動、發(fā)展、變化的有序性。它不僅表現(xiàn)是一種自然形態(tài),也是一種規(guī)律性和條理性,因此人們往往可以通過秩序感來預測事物發(fā)展的趨勢。設計為多數(shù)用戶服務,更加強調秩序感和規(guī)律性。交互界面設計的秩序感體現(xiàn)在視知覺的建構過程中對視覺經驗和運動規(guī)律的適應、感知和選擇,因此,探究秩序感在交互界面設計中應用的過程也是感知交互界面視覺秩序和審美心理秩序同構的過程。

UI設計秩序感怎么做
 
交互界面設計同平面版式設計有很多共同之處,需要按照一定的科學與藝術的原理進行文字、圖形的布局設計,在有限的屏幕空間上將用戶所需要的服務和信息綜合呈現(xiàn)出來,將理性思維通過個性化的方式表現(xiàn)出來。秩序感就是在這些元素的排列組合中產生了,不但要符合人眼視覺的一系列規(guī)律,還要符合形式美的法則。但因為交互界面設計更加側重人機交互,所以遠不如平面版式設計那樣自由,所以根據(jù)一般交互界面設計中的秩序感可以大致分為以下幾種:點陣式、左上式、右下式、居中式和總體式等。

UI設計秩序感怎么做
 
點陣式秩序感

UI設計秩序感怎么做
 
  這種形式將設備的主要功能圖標如點陣般排布在頁面上,當圖標較多時,用戶大多可以創(chuàng)建文件夾,將功能用途相近的圖標放在一起,這一形式的靈活性較大,可以讓用戶按照自己的需要排版界面,不僅用戶自由度高,而且有強烈的秩序感,極易識別和使用。這類秩序感的界面常用于手機、掌上電腦等移動設備。

 
左上式秩序感

UI設計秩序感怎么做
 
  這種形式重點突出有層次,上方一般是標題,十分醒目;左側是操作工具欄,自上而下排序,直觀且富有條理;重要信息在右側的較大區(qū)域內顯示,可以吸引用戶的注意。其優(yōu)點是側邊欄與頂部顯示導航信息,結構緊湊、安排科學合理,著重引導用戶理性的選擇所需操作,從左向右,先導航再瀏覽具體信息。這一形式的界面比較適合網(wǎng)頁、音樂播放等軟件操作系統(tǒng)界面。

右下式

UI設計秩序感怎么做
 
  這種形式與“左上式”很相似,但是右下式更加強調具體信息,全局信息引導功能較弱,所以比較適用于類似自助售票系統(tǒng)的自助化公共服務設備和局部系統(tǒng)交互界面設計等。因為大部分人都習慣右手操作,所以主要功能鍵安排在右邊更符合用戶的使用習慣,可以提高用戶的操作績效,如局部監(jiān)控系統(tǒng)界面設計。
居中式

UI設計秩序感怎么做
 
  居中布局方式的優(yōu)點是展示的信息內容量大,信息結構屬于寬而淺類型,盡可能將信息呈現(xiàn)到主頁,一覽無余的供用戶選擇,所以比較適用于公共服務系統(tǒng)界面和局部系統(tǒng)交互界面等。但是這樣的信息多而密,易產生視覺疲勞和接收錯誤;尤其是界面左右兩邊都有操作鍵時,用戶反而會感到有些混亂。

整體式

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

交互界面的流程

 
  視覺吸引。接觸到交互界面時首先映入眼簾的肯定是整體的用色和布局,類似于服務的宣傳。獨特的知覺形式能吸引用戶眼球,并產生深入了解的意愿,于無形中與用戶建立信任可靠的關系。②尋找信息。當一個用戶使用某個交互界面時,首先是想找到與自己期待的服務相關的信息。這就要求交互界面的設計可以有個性化元素,但也必須有內在的秩序感,如音樂播放軟件,用戶最需要的歌曲搜索、播放、暫停等一定要出現(xiàn)在適當位置,讓用戶把注意力集中在重要的地方。

  分別辨識。這要求交互界面的信息要適量,信息布局有其秩序性和規(guī)律性,減少用戶識別的負擔。此外,信息描述和內容布局也極為重要,信息量過大、信息分布不合理等都會對用戶注意力產生影響。④匹配和執(zhí)行。即用戶操作過程中發(fā)現(xiàn)設備顯示的信息與與其目標一致,便會根據(jù)提示進行下一步操作。這就要求輔助信息在適當時刻呈現(xiàn)出來,如用戶在點擊按鈕的時候,按鈕應該通過色彩的變化和聲音提示等方式給予用戶反饋。

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

預約申請免費試聽課

填寫下面表單即可預約申請免費試聽!怕錢不夠?可先就業(yè)掙錢后再付學費! 怕學不會?助教全程陪讀,隨時解惑!擔心就業(yè)?一地學習,可推薦就業(yè)!

?2007-2021/北京漫動者教育科技有限公司版權所有
備案號:京ICP備12034770號

?2007-2022/ mwtacok.cn 北京漫動者數(shù)字科技有限公司 備案號: 京ICP備12034770號 監(jiān)督電話:010-53672995 郵箱:bjaaa@aaaedu.cc

京公網(wǎng)安備 11010802035704號

網(wǎng)站地圖