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