發(fā)布時(shí)間:2024-03-22 14:36:28 瀏覽量:240次
手機(jī)作為現(xiàn)代社會(huì)信息傳播的主流媒介已經(jīng)融入人們生活的方方面面。手機(jī)軟件界面為我們提供了一個(gè)超越實(shí)體的物質(zhì)的虛擬視覺環(huán)境。如何利用有限的設(shè)計(jì)空間和視覺元素來進(jìn)行手機(jī)軟件界面設(shè)計(jì)成為設(shè)計(jì)師們面臨的一個(gè)重要課題。
眾所周知,手機(jī)誕生在數(shù)字時(shí)代。它的歷史還非常短暫,但由于與人們的日常生活關(guān)系密切,在世界范圍內(nèi)它擁有海量的使用者,并已經(jīng)成為各種信息傳播的主流媒介。隨著數(shù)字技術(shù)的發(fā)展,手機(jī)在功能上不斷的全面與智能化。這就給手機(jī)軟件界面的設(shè)計(jì)提供了廣闊的展示平臺(tái)。因此,對(duì)于界面設(shè)計(jì)師來說領(lǐng)悟軟件界面特性和設(shè)計(jì)規(guī)則至關(guān)重要。
界面布局的簡潔
簡潔的設(shè)計(jì)理念在手機(jī)軟件界面的設(shè)計(jì)中尤為重要。簡潔有度的排版布局設(shè)計(jì)能為用戶思想的融入留出空間,有效提高人機(jī)交互的效率。當(dāng)下是一個(gè)大規(guī)模生產(chǎn)以及信息過剩的時(shí)代,處在激烈競爭、事物繁忙狀態(tài)中的人們,生活步調(diào)在不停地加快,根本無暇顧及過多的裝飾細(xì)節(jié)。簡潔干凈的設(shè)計(jì),不僅可以留給人們片刻的清新與安寧,而且可以有效地幫助用戶集中精力完成正在著手的工作。
手機(jī)界面排版布局的簡潔可以從屏幕顯示量精練、顯示一致性和即看即所得這三個(gè)角度來體現(xiàn)。
首先來看屏幕顯示量的適度精練,它是指適度地安排手機(jī)軟件界面中的各要素例如選項(xiàng)標(biāo)識(shí)等,既不能過于擁擠,亦不可過于稀疏??茖W(xué)證明,屏幕總體覆蓋率不應(yīng)該超過40%,而分組覆蓋度不應(yīng)超過62%,否則就容易造成用戶的不安和心理負(fù)擔(dān)。信息過度會(huì)使用戶有目不暇接的繁雜感,手機(jī)界面本來就有面積小的特征,如果顯示項(xiàng)目過多真的會(huì)使使用者不愿意繼續(xù)操作下去。而稀疏和空洞的屏幕覆蓋率又會(huì)分散注意力,使用戶打不起精神。所以手機(jī)軟件界面的顯示項(xiàng)目數(shù)量要適度,依據(jù)科學(xué)行事。
再來說顯示的一致性,在手機(jī)軟件界面中它一方面是指設(shè)計(jì)語言在表達(dá)上的一致性,例如圖標(biāo)、色調(diào),布局、文字字體及大小,表達(dá)術(shù)語等的統(tǒng)一性;另一方面是指手機(jī)界面在任務(wù)信息的表達(dá)、界面控制等方面與用戶熟悉的理解模式相一致。一致性本來就是設(shè)計(jì)簡潔的表現(xiàn),它是設(shè)計(jì)師最大限度利用資源的手段。要求設(shè)計(jì)盡可能達(dá)到簡約的同時(shí),設(shè)計(jì)師不可以以犧牲準(zhǔn)確性為代價(jià),因?yàn)檫@樣會(huì)使用戶的理解產(chǎn)生歧義,增添不必要的麻煩。
即看即所得要求在設(shè)計(jì)手機(jī)軟件界面時(shí)設(shè)計(jì)師要把所設(shè)計(jì)內(nèi)容清晰地外化出來,保證用戶隨時(shí)都清楚什么是可行的操作,應(yīng)該怎樣繼續(xù),在使用者意圖和操作之間建立自然的匹配以達(dá)到美的人機(jī)交互體驗(yàn)的目的。這些都考驗(yàn)了設(shè)計(jì)師的把控能力。因此即看即所得是手機(jī)排版布局得以簡潔的更深層的可行性支持。
利用最佳視域設(shè)計(jì)符合邏輯的界面布局
在手機(jī)軟件界面設(shè)計(jì)中,視覺注意十分重要,是人們與手機(jī)進(jìn)行交互的起點(diǎn),只有先在視覺上引起人們的注意,信息才能成功地傳達(dá)。在我們觀察事物的時(shí)候,總有信息會(huì)被我們接收,也總有信息會(huì)被我們忽略,這是選擇注意的表現(xiàn)。人的注意力是有限的,它與意識(shí)的強(qiáng)弱程度有著很密切的關(guān)系,當(dāng)外界信息超出了我們能處理的范圍時(shí),我們就會(huì)把注意力集中在與目的相關(guān)的信息上,或者是引起我們興趣、愛好的事物上。當(dāng)下,要想引起人們的注意,產(chǎn)品一定要在視覺和功能上能夠體現(xiàn)用戶具體的目標(biāo)核心價(jià)值觀,只有這樣才能吸引人們的注意力。
手機(jī)軟件界面的合理布局有法可依――最佳視域。視域指的是人們能看得見的區(qū)域,這個(gè)區(qū)域包括了從一個(gè)駐足點(diǎn)上所能看到的一切?!靶问降慕邮苁且环N新的心理格式塔的形成過程。格式塔不單是指圖形樣式,重要是指組織整體?!避浖缑嬖O(shè)計(jì)的邏輯性可以幫助這種心理格式塔的快速形成和建立。人因工程學(xué)證明,人在頭部靜止且眼睛正?;顒?dòng)狀態(tài)下,水平方向的左25度為最佳視域;垂直方向則是0度到下30度為最佳視域。
人們的眼睛習(xí)慣從左到右,由上至下地掃視,適應(yīng)順時(shí)針方向的搜索,在偏離中間位置相同距離的視域范圍中,眼睛的觀察效率在屏幕各象限中按照左上,右上,左下、右下的順序遞減。因此,在手機(jī)軟件界面設(shè)計(jì)中重要的信息應(yīng)該落在人們的最佳視域范圍內(nèi),并且在設(shè)計(jì)中利用信息板塊之間良好邏輯關(guān)系對(duì)視覺要素位置進(jìn)行合理布局,保證使用者對(duì)手機(jī)信息有高效的視覺認(rèn)讀效率。
界面的美感的整合(視覺平衡)
人類的情感、情緒和認(rèn)知是一個(gè)相互補(bǔ)充和相互形象的有機(jī)體,設(shè)計(jì)美觀的物品使人情緒良好,這種感覺反過來可以激發(fā)他們更具創(chuàng)造性地思考,這對(duì)用有機(jī)界面的易用性起到了很大的作用,研究表明愉快的人較善于發(fā)現(xiàn)解決問題的其他方法,因此能夠容忍較小的難度。極具美感的設(shè)計(jì)能夠使用戶與產(chǎn)品間的互動(dòng)進(jìn)入一個(gè)良性循環(huán)中。
正因如此,當(dāng)我們滿足了手機(jī)軟件的實(shí)用性和科學(xué)性時(shí),美感就是我們?yōu)闈M足用戶需求的重要考慮的內(nèi)容了。我們前面提到過美感的經(jīng)驗(yàn)是多維度的,在追求美的過程中人們都希望自己的五感都能得到滿足。在手機(jī)界面設(shè)計(jì)中,我們現(xiàn)在的科技只能達(dá)到視、聽、觸三感的滿足。我們的可視界面是滿足視覺美感的重要途徑,要得到足夠的重視。掌控手機(jī)軟件界面的美感應(yīng)從整體入手,對(duì)各個(gè)界面布局中的視覺元素進(jìn)行合理搭配以達(dá)到視覺上整體的平衡與和諧。
我們必須謹(jǐn)慎入微地考慮設(shè)計(jì)中色彩、質(zhì)地、圖像造型和整體版面的設(shè)計(jì),讓各要素充分擔(dān)當(dāng)視覺傳達(dá)為它們指定表現(xiàn)的責(zé)任內(nèi)容,為用戶提供更加愉悅的操作環(huán)境與心境,提高它們對(duì)手機(jī)視覺界面的整體印象和使用興趣。我們知道色彩的明暗與純度,形狀的長寬高矮,肌理平滑與粗糙都會(huì)在我們視覺中產(chǎn)生力的作用,對(duì)觀看者有著明顯心理影響。
版面布局的平衡感對(duì)界面整體形象十分關(guān)鍵,正所謂毫厘之差,微妙所在,絕對(duì)不能因?yàn)橐曈X形式反差的大小影響用戶感官的舒適程度。我們可以通過適度把握文本與空白的顯示比例、圖形樣式的繁簡度、背景色彩與軟件主體圖標(biāo)的明暗對(duì)比等控制視知覺中力的平衡。這樣就能夠使手機(jī)軟件界面的布局更加整體,更加平衡與協(xié)調(diào),以滿足用戶在審美方面的需求。
完美的手機(jī)界面設(shè)計(jì)是見于實(shí)用、科學(xué)、美感的均衡發(fā)展,雖然這三個(gè)性質(zhì)是可以以抽象的思維形式區(qū)分開來的,可在實(shí)際的應(yīng)用中它們是融合的不可分割的統(tǒng)一體。美本身是事物的最有價(jià)值的一面,美感體驗(yàn)是人們生活中最有價(jià)值的經(jīng)歷。設(shè)計(jì)師正是要賦予這用美感經(jīng)歷以實(shí)際的經(jīng)濟(jì)價(jià)值,滿足不同層次用戶的消費(fèi)需求。
熱門資訊
1. iPhone6的UI設(shè)計(jì)尺寸規(guī)范,原來如此重要!
想要了解iPhone6界面設(shè)計(jì)的尺寸規(guī)范嗎?這里為您詳細(xì)介紹iPhone6的UI設(shè)計(jì)尺寸規(guī)范,包括界面尺寸、圖標(biāo)尺寸、可點(diǎn)擊高度規(guī)范、搜索欄高度規(guī)范以及界面元素之間的距離規(guī)范。
2. 12個(gè)絕佳的UI設(shè)計(jì)網(wǎng)站,助力你的創(chuàng)作之旅!
將為大家介紹12個(gè)絕佳的UI設(shè)計(jì)網(wǎng)站,這些網(wǎng)站不僅可以為你提供靈感,還可以幫助你學(xué)習(xí)新的技巧,助力你的創(chuàng)意之旅!dribbbleDribbble 是一個(gè)面向設(shè)計(jì)師的...
3. 移動(dòng)端UI設(shè)計(jì)中常見的5種APP界面類型,你get到了嗎?
通過介紹移動(dòng)端UI設(shè)計(jì)中的閃屏頁、引導(dǎo)頁、浮層引導(dǎo)頁、空白頁和首頁等5種APP界面類型,幫助大家更好地了解UI設(shè)計(jì)的基本知識(shí)
4. 10個(gè)免費(fèi)學(xué)習(xí)UI設(shè)計(jì)的網(wǎng)站 提升你的設(shè)計(jì)能力
怎樣可以提升你的UI設(shè)計(jì)能力!第一個(gè):站酷站酷想必是設(shè)計(jì)師都知道的一個(gè)網(wǎng)站,里面不止有UI設(shè)計(jì)的資源,還有其他設(shè)計(jì)的,不如:平面設(shè)計(jì)、網(wǎng)頁設(shè)計(jì)、字體...
5. 移動(dòng)端列表頁和表單頁設(shè)計(jì)秘訣:讓你的APP點(diǎn)擊率翻倍
在移動(dòng)端設(shè)計(jì)中,列表頁和表單頁是不可或缺的部分。一個(gè)好的列表頁和表單頁設(shè)計(jì)能夠讓用戶輕松地獲取信息并產(chǎn)生點(diǎn)擊欲望,從而提高點(diǎn)擊率。本文將為你...
6. 推薦10本適合UI設(shè)計(jì)師看的書籍,輕松掌握技能!
對(duì)于想要提高自己的設(shè)計(jì)能力和創(chuàng)造力的小白和UI設(shè)計(jì)師來說,這本書是一個(gè)很好的選擇。4.《設(shè)計(jì)的覺醒》(IKKO TANAKA)推薦理由: 這本書是日本現(xiàn)代平面...
7. 零基礎(chǔ)學(xué)UI設(shè)計(jì)要多久?培訓(xùn)完能拿多少工資?
探索零基礎(chǔ)UI設(shè)計(jì)培訓(xùn)的時(shí)長與薪資前景。了解數(shù)字藝術(shù)教育領(lǐng)域的專業(yè)課程,以及培訓(xùn)后的職業(yè)發(fā)展機(jī)會(huì)。
8. 設(shè)計(jì)中的色彩心理學(xué):淺析中西方色彩的歷史演變與設(shè)計(jì)應(yīng)用
摘要:本文探討了色彩的歷史演變和設(shè)計(jì)應(yīng)用。通過對(duì)色彩在早期文明社會(huì)中的實(shí)用運(yùn)用、不同文化背景下色彩觀念的差異、色彩在設(shè)計(jì)中的重要性以及新興技...
9. 物聯(lián)網(wǎng)APP UI設(shè)計(jì):創(chuàng)造智能硬件領(lǐng)域的沉浸式體驗(yàn)
ui設(shè)計(jì)應(yīng)該讓用戶一目了然,能夠快速找到所需的信息和功能。在設(shè)計(jì)過程中,應(yīng)盡量使用簡潔的圖標(biāo)、文字和色彩,避免過多的視覺干擾。符合用戶習(xí)慣:ui設(shè)...
10. 武漢UI設(shè)計(jì)培訓(xùn)班費(fèi)用怎么樣?想學(xué)UI設(shè)計(jì)要多少錢?
想了解武漢UI設(shè)計(jì)培訓(xùn)班的費(fèi)用是多少嗎?不知道學(xué)UI設(shè)計(jì)要花多少錢?不妨看看這篇文章,了解UI設(shè)計(jì)培訓(xùn)班的學(xué)費(fèi)價(jià)格以及學(xué)習(xí)內(nèi)容。
最新文章
同學(xué)您好!