很多時(shí)候,我們放棄使用一個(gè)app,不是因?yàn)橛貌坏剿墓δ?,而是被其不盡人意的界面所影響,轉(zhuǎn)而去使用那些界面更優(yōu)秀的同類型APP,可見(jiàn)APP的界面設(shè)計(jì)有多重要。那么手機(jī)APP界面設(shè)計(jì)時(shí)應(yīng)該如何進(jìn)行布局?faceui這就為大家答疑。
手機(jī)APP界面設(shè)計(jì)的基本內(nèi)容
手機(jī)軟件界面的構(gòu)成在其界面所轄范圍往往會(huì)被分為幾個(gè)標(biāo)準(zhǔn)的信息區(qū)域:
標(biāo)題區(qū)、主信息操作區(qū)、公共導(dǎo)航區(qū)、
標(biāo)題區(qū):主要是軟件LOGO、軟件版本、以及相關(guān)圖文信息。
功能操作區(qū):它是軟件的核心部分,也是版面上面積最寬的部分。
公共導(dǎo)航區(qū):它是對(duì)軟件操作進(jìn)行宏觀操控的區(qū)域,隨時(shí)可見(jiàn),在這里它可以保存當(dāng)前操作結(jié)果、切換當(dāng)前操作模塊、退出軟件系統(tǒng),實(shí)現(xiàn)對(duì)軟件的靈活操控。
手機(jī)界面的設(shè)計(jì),很大程度上都需要借鑒手機(jī)系統(tǒng)界面的設(shè)計(jì)進(jìn)行創(chuàng)作,只有在此基礎(chǔ)上,才能確保整個(gè)手機(jī)界面的統(tǒng)一性。
手機(jī)APP界面設(shè)計(jì)(圖片來(lái)自網(wǎng)絡(luò))
手機(jī)APP界面設(shè)計(jì)如何布局
頁(yè)面布局是對(duì)頁(yè)面的文字、圖形或表格進(jìn)行合理的排布與設(shè)計(jì)。信息是否能有效的傳達(dá),離不開(kāi)良好的頁(yè)面組織及布局,在對(duì)頁(yè)面布局時(shí)我們需要考慮用戶需求與用戶行為,明確信息的層級(jí)關(guān)系,讓信息傳遞效率最大化。
?、貺ogo放置每頁(yè)相同位置,數(shù)據(jù)內(nèi)容按主次先后有序排列,重要信息放置主頁(yè)及界面中等偏上的位置,遵循人們從上到下,從左到右的閱讀習(xí)慣,主頁(yè)長(zhǎng)度適度,其他頁(yè)面也不宜過(guò)長(zhǎng),頁(yè)面盡量采用分頁(yè)。
?、诿鞔_每個(gè)頁(yè)面需突出的重要信息,可以通過(guò)色彩顏色、圖形、文字大小、間距、留白等進(jìn)行對(duì)比區(qū)別,拉開(kāi)層次,突出顯示重要信息。
?、蹖?dǎo)航盡量采用底部導(dǎo)航或一側(cè)導(dǎo)航有利于用戶引導(dǎo)和了解頁(yè)面布局,不占左右空間。設(shè)計(jì)師在對(duì)APP布局前,對(duì)應(yīng)用的功能需求有清晰的把握,在每一級(jí)別的頁(yè)面,應(yīng)該清楚知道整個(gè)應(yīng)用的界面跳轉(zhuǎn)和層級(jí)關(guān)系,明確每個(gè)頁(yè)面的凸現(xiàn)信息。
手機(jī)APP界面設(shè)計(jì)(圖片來(lái)自網(wǎng)絡(luò))
手機(jī)APP界面設(shè)計(jì)應(yīng)該遵守的原則
?、俦WC功能性和實(shí)用性。我們?cè)趯?duì)手機(jī)APP 界面進(jìn)行設(shè)計(jì)時(shí),需要考慮APP本身的使用特點(diǎn),保證大多數(shù)用戶都能獲得使用體驗(yàn),界面中應(yīng)盡量減少按鍵數(shù)量,保證APP功能的合理性,這樣的界面會(huì)使得用戶操作更加方便流暢,也能相應(yīng)地減少手機(jī)的運(yùn)算負(fù)擔(dān)。
②內(nèi)涵豐富,寓意明確。設(shè)計(jì)時(shí)應(yīng)在有限的二維空間中調(diào)整圖形、文字、按鍵、符號(hào)等元素的位置關(guān)系和比例大小,增加對(duì)界面內(nèi)容表達(dá)的準(zhǔn)確性和界面操控的靈活性。
?、蹐D形簡(jiǎn)潔,易識(shí)別。設(shè)計(jì)師應(yīng)考慮界面中的點(diǎn)、線、面的構(gòu)成,界面既要做到簡(jiǎn)潔并具有概括性,使用戶能更容易理解和接受;又要做到內(nèi)容豐富,不讓人感覺(jué)單調(diào)乏味。設(shè)計(jì)圖形要遵循一種秩序美,讓視覺(jué)上的感受更加平衡,增加界面操控的舒適感。
手機(jī)APP界面設(shè)計(jì)可并不是一項(xiàng)輕松的工作,只有不斷的學(xué)習(xí)與嘗試,我們才能設(shè)計(jì)出讓更多人滿意的APP。如果各位還有其他相關(guān)的疑惑或需求,可以隨時(shí)聯(lián)系faceui咨詢。