APP ui設計或是APP 視覺設計這些都是大家現有的Ui設計基礎可以做到的。然而一些好的APP設計布局思維和排版技巧，是25學堂一直傳授給大家的真正的干貨。

這節(jié)講的重點是：如何設計手機APP圖片列表或者是手機APP圖文列表。

下面幾個參考圖是25學堂的老譚童鞋，從目前國內比較大的旅游APP當中的截圖。截圖的內容就是各個APP圖片列表或者是APP圖文列表。

第一種手機APP圖文列表設計效果：同程旅游網APP圖文列表設計

手機APP圖文列表設計分析：

這是一種大圖一行一個布局。優(yōu)點：視覺沖擊力很強，很適合旅游、電商類的APP。

而且文字放居中，文字有大有小，錯落有致。文字即代表了圖片的主題內容。

第二種手機APP圖文列表設計效果：途牛旅游網APP圖文列表設計

手機APP圖文列表設計分析：

同樣采用大圖的背景設計，把圖片的主題和出發(fā)信息放置在左上角。價格信息放置在右下角。這樣的設計比較難的設計。目前途牛的這個APP列表設計頁面不能說是很美觀，只能說一般。 有點打補丁的視覺效果。

第三種手機APP圖文列表設計效果：國外經常采用的APP圖文列表設計

上面這2個案例國外優(yōu)秀的APP列表設計。有點偏社交元素的APP圖文列表。APP設計也是非常精美。文字區(qū)域是有半透明的浮層背景。更顯得文字的表達 更有空間感。圓角的合理運用使得整個界面非常的有逼格。

第四種手機APP圖文列表設計效果：阿里去啊app列表設計

我們一看到這樣的APP列表設計風格，就知道是電商APP。必要的元素都排列的很條理。也是國內電商界最常用的一種圖文列表排版。規(guī)規(guī)矩矩。25學堂也希望大家結合自己的產品特性來設計一些有個性的app圖文列表界面。如下圖：

國外的一個類似于支付寶錢包的app界面設計-生活-灰色-列表，搜索，個人信息，詳細內容-App設計分享。

第五種手機APP圖文列表設計效果：圖片和文字區(qū)域是相等的布局設計

這一類APP圖文設計采用了1:1的對稱區(qū)域設計原則。 同時留白技巧使用合理。更像APP卡片化設計布局。扁平化的設計風格更具時尚感和小清晰感。

以上五個手機APP圖文列表設計【大圖一列】案例的欣賞和學習。希望各位看完有比較清楚的怎么去設計自己APP的圖文大圖一列的布局排版設計。

下一節(jié)課程。我們將一行多列的APP圖文列表設計。 不知道大家有沒有發(fā)現，APP列表就是一張張卡片堆積而成的。這就是谷歌公司所倡導的移動卡片化設計的潮流。