手機(jī)APPUi界面設(shè)計(jì)是如何進(jìn)行布局設(shè)計(jì)的？

在許多情況下，我們放棄使用app，并不是因?yàn)樗荒馨l(fā)揮它的功能，而是被它們令人不滿意的界面所影響，轉(zhuǎn)而轉(zhuǎn)向其他類(lèi)似的APP,APP的界面設(shè)計(jì)是多么的重要。那在設(shè)計(jì)手機(jī)APP界面的時(shí)候應(yīng)該怎樣布局？

根據(jù)其界面所轄范圍，手機(jī)軟件界面的組成通?？梢苑譃閹讉€(gè)標(biāo)準(zhǔn)的信息區(qū)域：

標(biāo)題區(qū)、主要信息操作區(qū)、通用導(dǎo)航區(qū)

標(biāo)題區(qū)：主要是軟件LOGO、軟件版本、以及相關(guān)圖文資料。

函數(shù)操作區(qū)：它是軟件的核心部分，也是布局中面積最大的部分。

公用導(dǎo)航區(qū)：這是一個(gè)對(duì)軟件操作進(jìn)行宏觀操作的區(qū)域，在這里可以隨時(shí)查看當(dāng)前操作結(jié)果，切換當(dāng)前操作模塊，退出軟件系統(tǒng)，實(shí)現(xiàn)對(duì)軟件的靈活操作。

移動(dòng)電話的界面設(shè)計(jì)，很大程度上需要借鑒手機(jī)系統(tǒng)界面的設(shè)計(jì)來(lái)進(jìn)行創(chuàng)作，只有這樣，才能保證整個(gè)手機(jī)界面的統(tǒng)一。

如何設(shè)計(jì)手機(jī)APP界面布局。

網(wǎng)頁(yè)布局就是對(duì)網(wǎng)頁(yè)中的文字、圖形或表格進(jìn)行合理排列和設(shè)計(jì)。如果沒(méi)有一個(gè)好的頁(yè)面組織和布局，信息能否有效地傳達(dá)，那么在對(duì)頁(yè)面的布局時(shí)要考慮到用戶的需求和行為，明確信息的層次關(guān)系，使信息傳遞的效率最大化。

①將日志放置在每一頁(yè)的同一位置，數(shù)據(jù)內(nèi)容按主次順序排列，將重要信息放置在中上的位置，遵循人們從上到下、從左到右的閱讀習(xí)慣，主頁(yè)長(zhǎng)度不宜過(guò)長(zhǎng)，頁(yè)面盡量采用分頁(yè)。

②清楚每一頁(yè)需要突出的重要信息，可通過(guò)色彩顏色、圖形、字體大小、空格、留白等進(jìn)行對(duì)比區(qū)分，拉開(kāi)層次，突出重要信息。

③導(dǎo)航盡量采用單側(cè)導(dǎo)航或底部導(dǎo)航，有利于用戶了解頁(yè)面布局，不占左右空間。設(shè)計(jì)者在進(jìn)行APP布局之前，對(duì)應(yīng)用的功能需求有清晰的把握，每一層頁(yè)面，都要清楚地了解整個(gè)應(yīng)用的界面跳躍和層次關(guān)系，明確每個(gè)頁(yè)面的突出信息。

應(yīng)遵循手機(jī)APP界面設(shè)計(jì)原則：

①確保功能和實(shí)用性。因此在設(shè)計(jì)手機(jī)APP界面時(shí)，要考慮到APP本身的使用特點(diǎn)，確保用戶最大限度地獲取使用體驗(yàn)，界面上應(yīng)盡量減少按鍵數(shù)量，保證APP功能的合理性，這樣的界面會(huì)使用戶操作更加方便，也可以減少手機(jī)的操作負(fù)擔(dān)。

②內(nèi)涵豐富，寓意明確。要在有限的2D空間內(nèi)調(diào)整圖形、文字、按鍵、符號(hào)等元素的位置關(guān)系和比例，增加界面內(nèi)容表達(dá)的準(zhǔn)確性和界面操作的靈活性。

③圖形簡(jiǎn)明，易于識(shí)別。設(shè)計(jì)者要考慮界面中點(diǎn)、線、面的構(gòu)成，界面既要簡(jiǎn)潔且具有一般性，使用戶更容易理解和接受；又要做到內(nèi)容豐富而不覺(jué)得單調(diào)。圖案設(shè)計(jì)遵循一種秩序美，讓視覺(jué)感受更加平衡，增加界面操作舒適。