干APP設計久了，或者你是干APP產品的，又或者是干APP運營的。大家肯定都知道 一個成熟的APP設計師在做APP內容布局設計時，考慮的因素有很多，商業(yè)目標，內容的數量和優(yōu)先級，美觀，易讀性，運營方的KPI，運營的難易程度等等。

所以，不要以為現在從你視覺的角度完成了整套APP的UI界面設計，就覺得就好了。其實，供我們完善和迭代的最重要的部分就是 APP合理布局，內容精細設計。

對于移動端來說，手機屏幕空間寸土寸金，一塊小小的角落都是兵家必爭之地。

下面25學堂也從最近蘑菇街團隊分享的一篇《時尚導購，品質設計——蘑菇街App改版設計總結》當中，學習一下如何進行APP內容精細化設計。

作為APP設計師，可以從以下三個方面來入手。

1、在APP內容的設計上

APP在設計之初，就應該有了確切的定位，所有的功能開發(fā)、內容填充，都以定位為出發(fā)點。做到精準的內容布局和設計，必須牢牢跟隨著APP的定位，不偏不倚。

當然，也可以跟隨APP運營來進行調整。比如運營方的KPI和內容的多少、優(yōu)先級決定了內容的排版。

但我們必須清楚APP里面，每個一級頁面作為所有內容分發(fā)流轉的“出口”都需要精心設計，做到“處處珠璣”。比如APP首頁、APP欄目頁、APP分類頁、APP專題頁等等。如上圖所示。

我們考慮根據針對不同的運營內容和用戶任務，去分發(fā)和提煉盡可能豐富的內容信息，保證頁面上每一個存在的元素都是必不可缺的。

另一方面，在保證界面美觀的前提下，考慮所有模塊的閱讀效率，盡量多曝光信息內容，使主頁面看起來緊湊，信息量豐富。用“壓力下的優(yōu)雅”來形容一級頁的設計，恰當不過。

還有就是同一頁面中，穿插不同的排布方式，能豐富用戶逛的過程，增加頁面的停留時間。提高用戶的轉化率。

2、在APP交互形式上

蘑菇街移動團隊設計人員采用了橫向拓展的設計形式——在屏幕中故意截斷部分內容，支持橫劃瀏覽更多信息?？梢猿浞掷糜邢薜钠聊豢臻g，使同一層級的內容盡可能多的外顯，減少頁面間的跳轉，提高用戶獲取信息的效率。如下圖：

擴展閱讀：APP產品交互設計八項原則以及交互設計干貨分享

3、在APP?UI設計上

針對每個具體模塊，去剖析每個業(yè)務的運營策略，深度理解需要傳達的信息和傳遞的氛圍等，根據不同的內容設計不同的承載樣式，最終形成完整統一的內容流。

同一個頁面不同的內容模塊之間，主要考慮：

（1）、不同的業(yè)務模塊通過不同樣式的組合設計，準確地傳達信息內容，同時使頁面豐富動感，擺脫單調；

（2）、突出重點運營的優(yōu)質內容：如目前的“紅人穿搭”，“精選專題”等模塊，在設計手法上，通過圖片內容、布局、面積、位置等各種因素的綜合設計，最終呈現出的結果使用戶能快速有效地捕捉到最重要的信息點。

（3）、不同的內容采用不同的圖片尺寸和排版，有利于用戶快速區(qū)分和記憶。

（4）、善用圖片來區(qū)分內容、提高用戶對內容的瀏覽效率

以上就是摘錄自蘑菇街APP改版的總結干貨，其實結合25學堂的個人經驗來告訴大家如何來進行APP內容精細化設計。希望對大家有所幫助。