在實際的app設(shè)計中，要考慮信息優(yōu)先級和各種布局方式的契合度，采用最合適的布局設(shè)計方案，來提高移動產(chǎn)品的易用性和交互體驗。

今天25學(xué)堂的小編給大家分享的8種常見移動端的基礎(chǔ)布局方案，算是給大家溫故而知新吧！

常見的APP布局干貨：

1、?APP細(xì)節(jié)考量的四個方面：導(dǎo)航、字體、布局和配色

2、四種常見的APP分類界面布局設(shè)計案例學(xué)習(xí)

3、APP設(shè)計進階教程：善用圖標(biāo)風(fēng)格設(shè)計宮格布局

1、 list 列表布局

優(yōu)點

list列表縱向長度沒有限制，上下滑動可以查看無限內(nèi)容；

list列表在視覺上整齊美觀，用戶接受度很高；

list列表可以展示內(nèi)容長和次級文字的標(biāo)題。

缺點

頁面跳轉(zhuǎn)后總是從頭開始；

一頁展示內(nèi)容過多，用戶疲勞度增加；

頁面重點內(nèi)容不突出。

場景

常用于并列元素的展示，包括目錄、分類、內(nèi)容等。

2、網(wǎng)格布局，在移動app上主要是講宮格布局

優(yōu)點

各入口展示清晰，方便快速查找。

缺點

擴展性不如list列表；

標(biāo)題不易過長。

場景

適合展示較多入口，且各模塊相對獨立。

3、儀表布局,也是一種數(shù)據(jù)展示結(jié)構(gòu)布局

優(yōu)點

展示更加直觀。

缺點

信息展示量少，過于單一。

場景

適合表現(xiàn)趨勢走向的展示。

4、卡片布局

優(yōu)點

每個卡片信息承載量大，轉(zhuǎn)化率高；

每張卡片的操作互相獨立，互不干擾。

缺點

每個卡片頁面空間的消耗大，一屏可展示信息少，用戶操作負(fù)荷高。

場景

適合以圖片為主單一內(nèi)容瀏覽型的展示。

5、 gallery布局

優(yōu)點

單頁面內(nèi)容整體性強，聚焦度高；

線性的瀏覽方式有順暢感、方向感。

缺點

可顯示的數(shù)量有限，需要用戶探索；

不具有指向性查看頁面，必須按順序查看頁面。

場景

適合數(shù)量少，聚焦度高，視覺沖擊力強的圖片展示。

6. 瀑布流布局

優(yōu)點

瀑布流圖片展現(xiàn)具有吸引力；

瀑布流里的加載模式能獲得更多的內(nèi)容，容易沉浸其中；

瀑布流錯落有致的設(shè)計巧妙利用視覺層級，同時視線任意流動緩解視覺疲勞。

缺點

頁面跳轉(zhuǎn)后需要從頭開始，加載量不固定，理論上是無限延展；

用戶返回查找信息困難很大。

場景

適用于實時內(nèi)容頻繁更新的情況。

7. 手風(fēng)琴布局