智能手機(jī)的使用使得移動APP的應(yīng)用也越來越廣泛，但是具備相似功能的APP也不為少見，要想用戶鐘情于一款A(yù)PP，除了要確保該APP的用戶體驗(yàn)，再者就是要設(shè)計好APP界面的布局。優(yōu)質(zhì)的APP界面設(shè)計能給用戶留下美好的第一印象，為自身培養(yǎng)更多的忠實(shí)用戶。那么，設(shè)計APP界面時該如何布局界面呢？

一個app的好與不好，很大部分取決于移動APP頁面布局的合理性。下圖為APP最原始的布局模型。

移動APP經(jīng)典布局界面欣賞，以首頁為例展示：

頁面布局顧名思義就是對頁面的文字、圖形或表格進(jìn)行排布、設(shè)計。

優(yōu)秀的布局，需要對頁面信息進(jìn)行完整的考慮。即要考慮用戶需求、用戶行為，也要考慮信息發(fā)布者的目的、目標(biāo)。

手機(jī)APP設(shè)計干貨：常見的APP信息布局方式

3種iPad端常見的界面設(shè)計布局模式和交互解析

對用戶行為的迎合和引導(dǎo)，有一些既有原則和方法，比如下面的22條基本原則：

1、公司/組織的圖標(biāo)（Logo）在所有頁面都處于同一位置。

2、用戶所需的所有數(shù)據(jù)內(nèi)容均按先后次序合理顯示。

3、所有的重要選項都要在主頁顯示。

4、重要條目要始終顯示。

5、重要條目要顯示在頁面的頂端中間位置。

6、必要的信息要一直顯示。

7、消息、提示、通知等信息均出現(xiàn)在屏幕上目光容易找到的地方。

8、確保主頁看起來像主頁（使主頁有別于其它二三級頁面）。

9、主頁的長度不宜過長。

10、APP的導(dǎo)航盡量采用底部導(dǎo)航的方式。菜單數(shù)目4-5個好。

小白自學(xué)APP界面設(shè)計：APP導(dǎo)航交互設(shè)計全解

11、每個APP頁面長度要適當(dāng)。

12、在長網(wǎng)頁上使用可點(diǎn)擊的“內(nèi)容列表”。

13、專門的導(dǎo)航頁面要短?。ū苊鉂L屏，以便用戶一眼能瀏覽到所有的導(dǎo)航信息，有全局觀）。

14、優(yōu)先使用分頁（而非滾屏）。

15、滾屏不宜太多（最長4個整屏）。

16、需要仔細(xì)閱讀理解文字時，應(yīng)使用滾屏（而非分頁）。

17、為框架提供標(biāo)題。

18、注意主頁中面板塊的寬度。

19、將一級導(dǎo)航放置在左側(cè)面板。

20、避免水平滾屏。

21、文本區(qū)域的周圍是否有足夠的間隔。

22、各條目是否合理分類于各邏輯區(qū)，并運(yùn)用標(biāo)題將各區(qū)域進(jìn)行清晰劃分。

這些APP界面布局原則可以保證頁面在布局方面最基本的可用性。是非常適合app設(shè)計新手來掌握。

以上22條頁面布局的原則是與用戶的眼動軌跡研究有關(guān)系的，可以說是依據(jù)來源。企業(yè)在設(shè)計APP是嚴(yán)格把握好以上22條，必能設(shè)計出令用戶眼前一亮的界面，為企業(yè)創(chuàng)造出更大的效益。

分享名稱：設(shè)計APP界面時該如何布局頁面？
網(wǎng)站路徑：http://aaarwkj.com/news45/214145.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供小程序開發(fā)、外貿(mào)網(wǎng)站建設(shè)、網(wǎng)站維護(hù)、App開發(fā)、靜態(tài)網(wǎng)站、品牌網(wǎng)站建設(shè)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)