【簡介:】界面布局的簡潔簡潔的設(shè)計理念在手機軟件界面的設(shè)計中尤為重要。簡潔有度的排版布局設(shè)計能為用戶思想的融入留出空間,有效提高人機交互的效率。當下是一個大規(guī)模生產(chǎn)以及信息
界面布局的簡潔
簡潔的設(shè)計理念在手機軟件界面的設(shè)計中尤為重要。簡潔有度的排版布局設(shè)計能為用戶思想的融入留出空間,有效提高人機交互的效率。當下是一個大規(guī)模生產(chǎn)以及信息過剩的時代,處在激烈競爭、事物繁忙狀態(tài)中的人們,生活步調(diào)在不停地加快,根本無暇顧及過多的裝飾細節(jié)。簡潔干凈的設(shè)計,不僅可以留給人們片刻的清新與安寧,而且可以有效地幫助用戶集中精力完成正在著手的工作。
文章圖片3
手機界面排版布局的簡潔可以從屏幕顯示量精練、顯示一致性和即看即所得這三個角度來體現(xiàn)。
首先來看屏幕顯示量的適度精練,它是指適度地安排手機軟件界面中的各要素例如選項標識等,既不能過于擁擠,亦不可過于稀疏??茖W(xué)證明,屏幕總體覆蓋率不應(yīng)該超過40%,而分組覆蓋度不應(yīng)超過62%,否則就容易造成用戶的不安和心理負擔(dān)。信息過度會使用戶有目不暇接的繁雜感,手機界面本來就有面積小的特征,如果顯示項目過多真的會使使用者不愿意繼續(xù)操作下去。而稀疏和空洞的屏幕覆蓋率又會分散注意力,使用戶打不起精神。所以手機軟件界面的顯示項目數(shù)量要適度,依據(jù)科學(xué)行事。
文章圖片4
再來說顯示的一致性,在手機軟件界面中它一方面是指設(shè)計語言在表達上的一致性,例如圖標、色調(diào),布局、文字字體及大小,表達術(shù)語等的統(tǒng)一性;另一方面是指手機界面在任務(wù)信息的表達、界面控制等方面與用戶熟悉的理解模式相一致。一致性本來就是設(shè)計簡潔的表現(xiàn),它是設(shè)計師最大限度利用資源的手段。要求設(shè)計盡可能達到簡約的同時,設(shè)計師不可以以犧牲準確性為代價,因為這樣會使用戶的理解產(chǎn)生歧義,增添不必要的麻煩。
文章圖片5
即看即所得要求在設(shè)計手機軟件界面時設(shè)計師要把所設(shè)計內(nèi)容清晰地外化出來,保證用戶隨時都清楚什么是可行的操作,應(yīng)該怎樣繼續(xù),在使用者意圖和操作之間建立自然的匹配以達到美的人機交互體驗的目的。這些都考驗了設(shè)計師的把控能力。因此即看即所得是手機排版布局得以簡潔的更深層的可行性支持。
文章圖片6
利用最佳視域設(shè)計符合邏輯的界面布局
在手機軟件界面設(shè)計中,視覺注意十分重要,是人們與手機進行交互的起點,只有先在視覺上引起人們的注意,信息才能成功地傳達。在我們觀察事物的時候,總有信息會被我們接收,也總有信息會被我們忽略,這是選擇注意的表現(xiàn)。人的注意力是有限的,它與意識的強弱程度有著很密切的關(guān)系,當外界信息超出了我們能處理的范圍時,我們就會把注意力集中在與目的相關(guān)的信息上,或者是引起我們興趣、愛好的事物上。當下,要想引起人們的注意,產(chǎn)品一定要在視覺和功能上能夠體現(xiàn)用戶具體的目標核心價值觀,只有這樣才能吸引人們的注意力。
文章圖片7
手機軟件界面的合理布局有法可依――最佳視域。視域指的是人們能看得見的區(qū)域,這個區(qū)域包括了從一個駐足點上所能看到的一切。“形式的接受是一種新的心理格式塔的形成過程。格式塔不單是指圖形樣式,重要是指組織整體。”軟件界面設(shè)計的邏輯性可以幫助這種心理格式塔的快速形成和建立。人因工程學(xué)證明,人在頭部靜止且眼睛正?;顒訝顟B(tài)下,水平方向的左25度為最佳視域;垂直方向則是0度到下30度為最佳視域。
文章圖片8
人們的眼睛習(xí)慣從左到右,由上至下地掃視,適應(yīng)順時針方向的搜索,在偏離中間位置相同距離的視域范圍中,眼睛的觀察效率在屏幕各象限中按照左上,右上,左下、右下的順序遞減。因此,在手機軟件界面設(shè)計中重要的信息應(yīng)該落在人們的最佳視域范圍內(nèi),并且在設(shè)計中利用信息板塊之間良好邏輯關(guān)系對視覺要素位置進行合理布局,保證使用者對手機信息有高效的視覺認讀效率。
文章圖片9
界面的美感的整合(視覺平衡)
人類的情感、情緒和認知是一個相互補充和相互形象的有機體,設(shè)計美觀的物品使人情緒良好,這種感覺反過來可以激發(fā)他們更具創(chuàng)造性地思考,這對用有機界面的易用性起到了很大的作用,研究表明愉快的人較善于發(fā)現(xiàn)解決問題的其他方法,因此能夠容忍較小的難度。極具美感的設(shè)計能夠使用戶與產(chǎn)品間的互動進入一個良性循環(huán)中。
文章圖片10
正因如此,當我們滿足了手機軟件的實用性和科學(xué)性時,美感就是我們?yōu)闈M足用戶需求的重要考慮的內(nèi)容了。我們前面提到過美感的經(jīng)驗是多維度的,在追求美的過程中人們都希望自己的五感都能得到滿足。在手機界面設(shè)計中,我們現(xiàn)在的科技只能達到視、聽、觸三感的滿足。我們的可視界面是滿足視覺美感的重要途徑,要得到足夠的重視。掌控手機軟件界面的美感應(yīng)從整體入手,對各個界面布局中的視覺元素進行合理搭配以達到視覺上整體的平衡與和諧。
文章圖片11
我們必須謹慎入微地考慮設(shè)計中色彩、質(zhì)地、圖像造型和整體版面的設(shè)計,讓各要素充分擔(dān)當視覺傳達為它們指定表現(xiàn)的責(zé)任內(nèi)容,為用戶提供更加愉悅的操作環(huán)境與心境,提高它們對手機視覺界面的整體印象和使用興趣。我們知道色彩的明暗與純度,形狀的長寬高矮,肌理平滑與粗糙都會在我們視覺中產(chǎn)生力的作用,對觀看者有著明顯心理影響。
文章圖片12
版面布局的平衡感對界面整體形象十分關(guān)鍵,正所謂毫厘之差,微妙所在,絕對不能因為視覺形式反差的大小影響用戶感官的舒適程度。我們可以通過適度把握文本與空白的顯示比例、圖形樣式的繁簡度、背景色彩與軟件主體圖標的明暗對比等控制視知覺中力的平衡。這樣就能夠使手機軟件界面