相信各位對于APP設(shè)計，已經(jīng)很熟練啦。如何在熟練的基礎(chǔ)上提高我們界面的優(yōu)美度，或者是進行APP界面的迭代設(shè)計。

重構(gòu)APP設(shè)計布局是我們必須要經(jīng)歷的一個過程。

在之前，學(xué)習(xí)UI設(shè)計的時候，經(jīng)常要接觸到頁面的布局，布局的方式會直接影響一個APP的視覺效果，好的布局方式，往往能帶來舒服的視覺效果，更能得到用戶的接受與好評。

今天，25學(xué)堂跟大家來看下四種常見的APP分類界面布局。

第一種APP分類界面布局：宮格式分類界面布局

宮格式布局也算是移動APP上最常見的布局方式，也是用戶體驗最佳的一種方式。不然錘子手機的界面就是宮格的布局。

上面這個分類界面的設(shè)計的圖標(biāo)非常漂亮、精致。有點MBE風(fēng)格的味道。

第二種APP分類界面布局：左右對稱平等分的分類布局

這類分類界面設(shè)計的公式：左邊是分類名稱 + 分類說明 +分類圖片

這類布局方式在電商、旅游、新聞等APP分類界面當(dāng)中最常見。也適合分類特別多的APP布局。

這類對設(shè)計的要求比較高，需要設(shè)計師把握好設(shè)計的尺度。比如左邊和大小和右邊實物圖的比例要是黃金比例才行。

第三種APP分類界面布局：列表式分類界面布局設(shè)計

這類最簡單，也是最經(jīng)典的分類界面設(shè)計，但是可以融合一些宮格式布局來搭配。比如下面的分類界面設(shè)計非常不錯。

列表式布局的優(yōu)點：這種方式的在APP用戶體驗改進了很多，尤其在連續(xù)切換時其操作方式的連續(xù)性比較強，主體頁面的過渡也更加平滑，會產(chǎn)生更加流暢的體驗。

列表式布局的缺點：不適合類別分類目錄過多的界面。而且這樣連續(xù)性的滑動容易導(dǎo)致定位不準?；蛘呷菀子|發(fā)別的欄目的類目。

第四種APP分類界面布局：分模塊布局設(shè)計

這類的布局設(shè)計，適合分類種類比較多，而且擴展性強。同時也可以給設(shè)計師提供更廣的設(shè)計空間。

比如下圖這樣的設(shè)計：

分模塊的分類界面設(shè)計布局的優(yōu)點就是非常清晰明了。

缺點：操作點擊區(qū)域多了，對于有選擇困難癥的人來說，就會出現(xiàn)不舒服的現(xiàn)象。所以，對于設(shè)計師來說，就要對留白技巧掌握非常準確。通過色塊和留白消除這樣的現(xiàn)象。

如果你想獲取更多APP設(shè)計知識，可以繼續(xù)閱讀：

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

2、手機網(wǎng)站常用的六種布局方案優(yōu)缺點分析

3、APP界面設(shè)計之頁面布局的22條基本原則

4、移動端的webapp頁面布局教程和webapp實戰(zhàn)分析