2022-11-16 分類: 網(wǎng)站建設(shè)
智能手機(jī)的使用使得移動(dòng)APP的應(yīng)用也越來(lái)越廣泛,但是具備相似功能的APP也不為少見(jiàn),要想用戶鐘情于一款A(yù)PP,除了要確保該APP的用戶體驗(yàn),再者就是要設(shè)計(jì)好APP界面的布局。優(yōu)質(zhì)的APP界面設(shè)計(jì)能給用戶留下美好的第一印象,為自身培養(yǎng)更多的忠實(shí)用戶。那么,設(shè)計(jì)APP界面時(shí)該如何布局界面呢?
一個(gè)app的好與不好,很大部分取決于移動(dòng)APP頁(yè)面布局的合理性。下圖為APP最原始的布局模型。
移動(dòng)APP經(jīng)典布局界面欣賞,以首頁(yè)為例展示:
頁(yè)面布局顧名思義就是對(duì)頁(yè)面的文字、圖形或表格進(jìn)行排布、設(shè)計(jì)。
優(yōu)秀的布局,需要對(duì)頁(yè)面信息進(jìn)行完整的考慮。即要考慮用戶需求、用戶行為,也要考慮信息發(fā)布者的目的、目標(biāo)。
手機(jī)APP設(shè)計(jì)干貨:常見(jiàn)的APP信息布局方式
3種iPad端常見(jiàn)的界面設(shè)計(jì)布局模式和交互解析
對(duì)用戶行為的迎合和引導(dǎo),有一些既有原則和方法,比如下面的22條基本原則:
1、公司/組織的圖標(biāo)(Logo)在所有頁(yè)面都處于同一位置。
2、用戶所需的所有數(shù)據(jù)內(nèi)容均按先后次序合理顯示。
3、所有的重要選項(xiàng)都要在主頁(yè)顯示。
4、重要條目要始終顯示。
5、重要條目要顯示在頁(yè)面的頂端中間位置。
6、必要的信息要一直顯示。
7、消息、提示、通知等信息均出現(xiàn)在屏幕上目光容易找到的地方。
8、確保主頁(yè)看起來(lái)像主頁(yè)(使主頁(yè)有別于其它二三級(jí)頁(yè)面)。
9、主頁(yè)的長(zhǎng)度不宜過(guò)長(zhǎng)。
10、APP的導(dǎo)航盡量采用底部導(dǎo)航的方式。菜單數(shù)目4-5個(gè)好。
小白自學(xué)APP界面設(shè)計(jì):APP導(dǎo)航交互設(shè)計(jì)全解
11、每個(gè)APP頁(yè)面長(zhǎng)度要適當(dāng)。
12、在長(zhǎng)網(wǎng)頁(yè)上使用可點(diǎn)擊的“內(nèi)容列表”。
13、專門(mén)的導(dǎo)航頁(yè)面要短?。ū苊鉂L屏,以便用戶一眼能瀏覽到所有的導(dǎo)航信息,有全局觀)。
14、優(yōu)先使用分頁(yè)(而非滾屏)。
15、滾屏不宜太多(最長(zhǎng)4個(gè)整屏)。
16、需要仔細(xì)閱讀理解文字時(shí),應(yīng)使用滾屏(而非分頁(yè))。
17、為框架提供標(biāo)題。
18、注意主頁(yè)中面板塊的寬度。
19、將一級(jí)導(dǎo)航放置在左側(cè)面板。
20、避免水平滾屏。
21、文本區(qū)域的周圍是否有足夠的間隔。
22、各條目是否合理分類于各邏輯區(qū),并運(yùn)用標(biāo)題將各區(qū)域進(jìn)行清晰劃分。
這些APP界面布局原則可以保證頁(yè)面在布局方面最基本的可用性。是非常適合app設(shè)計(jì)新手來(lái)掌握。
以上22條頁(yè)面布局的原則是與用戶的眼動(dòng)軌跡研究有關(guān)系的,可以說(shuō)是依據(jù)來(lái)源。企業(yè)在設(shè)計(jì)APP是嚴(yán)格把握好以上22條,必能設(shè)計(jì)出令用戶眼前一亮的界面,為企業(yè)創(chuàng)造出更大的效益。
分享名稱:設(shè)計(jì)APP界面時(shí)該如何布局頁(yè)面?
網(wǎng)站路徑:http://www.rwnh.cn/news45/214145.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供小程序開(kāi)發(fā)、外貿(mào)網(wǎng)站建設(shè)、網(wǎng)站維護(hù)、App開(kāi)發(fā)、靜態(tài)網(wǎng)站、品牌網(wǎng)站建設(shè)
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容