本文對移動端APP常見架構(gòu)與設(shè)計進行了小結(jié)，實際工作中拖吼，還是要根據(jù)APP定位鳞上、目標用戶这吻、功能特點等進行架構(gòu)與設(shè)計選擇吊档。
PS：有不足之處，歡迎指正~~也歡迎繼續(xù)補充APP常見架構(gòu)與設(shè)計呀~
一唾糯、整體架構(gòu)
1. 底部Tab標簽
通過點擊底部Tab標簽切換不同頁面怠硼，可以說是如今眾多APP的標配了。
典型的如：微信移怯，微信底部4個Tab分別是微信香璃、通訊錄、發(fā)現(xiàn)舟误、我葡秒，更新迭代這么多年，一直很穩(wěn)定嵌溢，即使增加了很多功能眯牧，但微信的整體架構(gòu)依然很簡潔、穩(wěn)定赖草，佩服龍哥学少。
一般底部Tab標簽為2-5個，超過5個通常會折疊秧骑。個人感覺過多的Tab標簽會影響用戶對APP主要功能模塊的認知版确。
2. 底部Tab+頂部文字標簽
有些Tab標簽對應(yīng)的頁面有不同類型的內(nèi)容，此時可在頁面上方同時設(shè)置頂部文字標簽乎折，使該Tab標簽下的內(nèi)容能夠更清晰绒疗、有條理的分類。
如：抖音首頁底部Tab標簽上方有關(guān)注骂澄、推薦兩個文字標簽吓蘑。
3. 其他
底部Tab的形式適用于APP有多個主要功能模塊，每個模塊可單獨成頁酗洒。
而有些APP核心功能很突出士修，且各個功能模塊均依附于該核心功能枷遂；或是核心功能非常重要，其他功能相對弱一些棋嘲。這樣可能不太適合以底部Tab形式設(shè)計APP酒唉。
對于核心功能很突出、且各個功能模塊均依附于該核心功能的情況沸移，可以考慮用卡片形式痪伦，如：faceU，它的核心功能是打開攝像頭拍照雹锣，主要功能有貼紙网沾、濾鏡等，這些主要功能是依附于拍照這個核心功能的蕊爵，因此比較適合卡片形式的架構(gòu)辉哥。
對于核心功能非常重要、其他功能相對弱一些的情況攒射，可以考慮打開APP后醋旦，開門見山直接顯示核心功能，其他功能隱藏在次級頁面会放，如：滴滴饲齐，打開APP后直接進入打車頁面，凸顯核心功能咧最，其他功能如：訂單捂人、客服、消息等矢沿，均折疊隱藏在次級頁面滥搭。
二、局部設(shè)計
1. 列表布局
列表布局即通過一行行列表的形式展示每項內(nèi)容咨察。這種方式擴展性好论熙，可上下滑動展示更多內(nèi)容，適用于并列摄狱、平行內(nèi)容的展示脓诡。
常見的如設(shè)置頁面：以列表形式展現(xiàn)每項可設(shè)置功能，右側(cè)顯示“>”媒役，表示有更多操作祝谚；或者右側(cè)直接顯示開關(guān)按鈕、默認選項等酣衷。常見的列表布局還有對話列表交惯、歌曲播放列表等等。
同時如果展示內(nèi)容有分類，則可以通過增加行間距的方式席爽，將不同類別的內(nèi)容聚合在一起意荤。
2. 宮格布局
宮格布局即以宮格平鋪的方式呈現(xiàn)各個功能入口，這種方式使用戶能夠直觀只锻、清晰看到各個功能入口玖像，比較適合提供服務(wù)/功能較多，且各服務(wù)/功能相對獨立的APP齐饮。
每個宮格區(qū)域一般是以圖標+標題的方式展示捐寥，標題不易過長。
如：支付寶以宮格展示各項應(yīng)用入口，微信以宮格展示可提供的第三方服務(wù)入口。
3. 瀑布流布局
以瀑布流方式展示圖文內(nèi)容熬粗，所展示內(nèi)容錯落有致，可通過滑動的方式查看更多內(nèi)容抓半，沉浸感、流暢感好。
常見的如：旅游類APP，圖文信息比較多且更新頻繁的APP就珠。
4. 抽屜式菜單
抽屜式菜單寇壳，即點擊導(dǎo)航按鈕醒颖，將二級菜單像拉抽屜一樣拉出來。
這種形式能極大程度保持頁面簡潔壳炎，節(jié)省空間泞歉，但由于功能隱藏在子菜單中，比較適合不太重要的功能匿辩。
常見的如：個人中心腰耙、設(shè)置等，會比較多的隱藏于抽屜式二級菜單中铲球。
5. 手風琴菜單
手風琴菜單表現(xiàn)形式為挺庞，通過點擊一級菜單按鈕，能夠?qū)崿F(xiàn)在子菜單展示與收回之間的來回切換稼病。
常見的如：QQ好友分組列表选侨，相信大家都不陌生了。
這種形式的菜單能夠在保持界面簡潔的情況下然走，實現(xiàn)信息擴展援制，比較適用于兩級結(jié)構(gòu)的分組信息展示。
