UI設(shè)計(jì)秩序感怎么做
時(shí)間：2020-11-27來源：m.lb577.com點(diǎn)擊量：次作者：Gella
時(shí)間：2020-11-27點(diǎn)擊量：次作者：Gella
相對于視覺傳達(dá)設(shè)計(jì)而言，交互界面更加注重用戶與界面的互動(dòng)，用戶對界面的理解將直接關(guān)系到用戶能否順利操作并達(dá)到自己的目的。通過對秩序感理論的闡述，說明秩序感對交互界面設(shè)計(jì)非常重要，并以實(shí)例總結(jié)常見的交互界面布局，分析其中的秩序感及其作用。
什么是秩序感
秩序感不是人為的規(guī)定，它從本質(zhì)上是一種規(guī)律性，是事物存在、運(yùn)動(dòng)、發(fā)展、變化的有序性。它不僅表現(xiàn)是一種自然形態(tài)，也是一種規(guī)律性和條理性，因此人們往往可以通過秩序感來預(yù)測事物發(fā)展的趨勢。設(shè)計(jì)為多數(shù)用戶服務(wù)，更加強(qiáng)調(diào)秩序感和規(guī)律性。交互界面設(shè)計(jì)的秩序感體現(xiàn)在視知覺的建構(gòu)過程中對視覺經(jīng)驗(yàn)和運(yùn)動(dòng)規(guī)律的適應(yīng)、感知和選擇，因此，探究秩序感在交互界面設(shè)計(jì)中應(yīng)用的過程也是感知交互界面視覺秩序和審美心理秩序同構(gòu)的過程。
交互界面設(shè)計(jì)同平面版式設(shè)計(jì)有很多共同之處，需要按照一定的科學(xué)與藝術(shù)的原理進(jìn)行文字、圖形的布局設(shè)計(jì)，在有限的屏幕空間上將用戶所需要的服務(wù)和信息綜合呈現(xiàn)出來，將理性思維通過個(gè)性化的方式表現(xiàn)出來。秩序感就是在這些元素的排列組合中產(chǎn)生了，不但要符合人眼視覺的一系列規(guī)律，還要符合形式美的法則。但因?yàn)榻换ソ缑嬖O(shè)計(jì)更加側(cè)重人機(jī)交互，所以遠(yuǎn)不如平面版式設(shè)計(jì)那樣自由，所以根據(jù)一般交互界面設(shè)計(jì)中的秩序感可以大致分為以下幾種：點(diǎn)陣式、左上式、右下式、居中式和總體式等。
點(diǎn)陣式秩序感
這種形式將設(shè)備的主要功能圖標(biāo)如點(diǎn)陣般排布在頁面上，當(dāng)圖標(biāo)較多時(shí)，用戶大多可以創(chuàng)建文件夾，將功能用途相近的圖標(biāo)放在一起，這一形式的靈活性較大，可以讓用戶按照自己的需要排版界面，不僅用戶自由度高，而且有強(qiáng)烈的秩序感，極易識別和使用。這類秩序感的界面常用于手機(jī)、掌上電腦等移動(dòng)設(shè)備。
左上式秩序感
這種形式重點(diǎn)突出有層次，上方一般是標(biāo)題，十分醒目;左側(cè)是操作工具欄，自上而下排序，直觀且富有條理;重要信息在右側(cè)的較大區(qū)域內(nèi)顯示，可以吸引用戶的注意。其優(yōu)點(diǎn)是側(cè)邊欄與頂部顯示導(dǎo)航信息，結(jié)構(gòu)緊湊、安排科學(xué)合理，著重引導(dǎo)用戶理性的選擇所需操作，從左向右，先導(dǎo)航再瀏覽具體信息。這一形式的界面比較適合網(wǎng)頁、音樂播放等軟件操作系統(tǒng)界面。
右下式
這種形式與“左上式”很相似，但是右下式更加強(qiáng)調(diào)具體信息，全局信息引導(dǎo)功能較弱，所以比較適用于類似自助售票系統(tǒng)的自助化公共服務(wù)設(shè)備和局部系統(tǒng)交互界面設(shè)計(jì)等。因?yàn)榇蟛糠秩硕剂?xí)慣右手操作，所以主要功能鍵安排在右邊更符合用戶的使用習(xí)慣，可以提高用戶的操作績效，如局部監(jiān)控系統(tǒng)界面設(shè)計(jì)。
居中式
居中布局方式的優(yōu)點(diǎn)是展示的信息內(nèi)容量大，信息結(jié)構(gòu)屬于寬而淺類型，盡可能將信息呈現(xiàn)到主頁，一覽無余的供用戶選擇，所以比較適用于公共服務(wù)系統(tǒng)界面和局部系統(tǒng)交互界面等。但是這樣的信息多而密，易產(chǎn)生視覺疲勞和接收錯(cuò)誤;尤其是界面左右兩邊都有操作鍵時(shí)，用戶反而會(huì)感到有些混亂。
整體式
整體布局更加的隨意，相比較前幾種形式而已，其秩序感相對較弱，反而更加強(qiáng)調(diào)個(gè)性化的表現(xiàn)，所以適合于信息展示型界面。這一類的交互界面常用精致的背景、藝術(shù)化的圖案裝飾等元素，這些元素的排布非常自由，因而顯得比較活潑靈動(dòng)，畫面也會(huì)比較均衡協(xié)調(diào)，可以一下子吸引用戶的眼球。但是這一形式的缺點(diǎn)在于操作性界面功能區(qū)塊劃分不夠清晰，易引起信息混亂，所以用戶要花上一些時(shí)間才能夠?qū)W會(huì)并記憶操作方式。
交互界面的流程
視覺吸引。接觸到交互界面時(shí)首先映入眼簾的肯定是整體的用色和布局，類似于服務(wù)的宣傳。獨(dú)特的知覺形式能吸引用戶眼球，并產(chǎn)生深入了解的意愿，于無形中與用戶建立信任可靠的關(guān)系。②尋找信息。當(dāng)一個(gè)用戶使用某個(gè)交互界面時(shí)，首先是想找到與自己期待的服務(wù)相關(guān)的信息。這就要求交互界面的設(shè)計(jì)可以有個(gè)性化元素，但也必須有內(nèi)在的秩序感，如音樂播放軟件，用戶最需要的歌曲搜索、播放、暫停等一定要出現(xiàn)在適當(dāng)位置，讓用戶把注意力集中在重要的地方。
分別辨識。這要求交互界面的信息要適量，信息布局有其秩序性和規(guī)律性，減少用戶識別的負(fù)擔(dān)。此外，信息描述和內(nèi)容布局也極為重要，信息量過大、信息分布不合理等都會(huì)對用戶注意力產(chǎn)生影響。④匹配和執(zhí)行。即用戶操作過程中發(fā)現(xiàn)設(shè)備顯示的信息與與其目標(biāo)一致，便會(huì)根據(jù)提示進(jìn)行下一步操作。這就要求輔助信息在適當(dāng)時(shí)刻呈現(xiàn)出來，如用戶在點(diǎn)擊按鈕的時(shí)候，按鈕應(yīng)該通過色彩的變化和聲音提示等方式給予用戶反饋。
交互界面設(shè)計(jì)的目的在于給用戶視覺沖擊力的同時(shí)，也能給予用戶良好的操作體驗(yàn)和服務(wù)享受，所以一個(gè)優(yōu)秀的交互界面設(shè)計(jì)，不僅要仔細(xì)思考界面上功能按鈕、程序跳轉(zhuǎn)等基本要素，更要從視知覺的構(gòu)成方面去考慮用戶的視覺辨析和記憶，通過不同的秩序編排形式，達(dá)到減輕用戶負(fù)擔(dān)的目的。
熱門推薦
UI設(shè)計(jì)
產(chǎn)品經(jīng)理
大數(shù)據(jù)分析
原畫設(shè)計(jì)
平面設(shè)計(jì)
新媒體運(yùn)營 
