1、電子商務(wù)類
以上圖中我們可以發(fā)現(xiàn)使用的都是背景分割，而且每個卡片都是不同的維度，相對獨立，通過背景欄的分割，以及不同模塊的標(biāo)題，提高了視覺效率。
目前電商類的首頁都是以獨立小卡片式形成獨立區(qū)域，圖片大小統(tǒng)一且規(guī)整，風(fēng)格都是圖片配合白色或有點底色的卡片來進(jìn)行不同內(nèi)容的劃分，將用戶的視線集中在卡片上，因此就算是功能多且信息比較龐大的電商，也能做到視覺上的規(guī)整。
2、音頻類
由于目前音頻類的首頁大多都是以歌單占據(jù)頁面的中心位置，而用戶對于不了解的歌單多數(shù)都是被封面和歌單名稱吸引點擊，因此界面都是用的留白分割。
同時利用好看且統(tǒng)一的圖片做分割，并且不同版塊的內(nèi)容也是統(tǒng)一和重復(fù)的，運(yùn)用合理的標(biāo)題將每個版塊清晰的劃分出來鄭州大華，所以能夠營造出比較整體簡潔的感覺。
3、電影類
除了電影網(wǎng)使用的是分割線以外，其他四個APP使用的都是背景欄分割，由于電影類的APP用戶對于文字的閱讀需求相對于圖片比較高，所以相對于電商類的背景欄分割，電影類的使用的就是最典型的背景欄分割。
這種分割形式我們經(jīng)常會在個人中心里會見到，將每個獨立的模塊放在不同的卡片里，視覺分割感很強(qiáng)，模塊的劃分存在感比較突出，也有利于用戶專注于閱讀自己感興趣的模塊里。
4、運(yùn)動類
首頁都是用運(yùn)用記錄及開始運(yùn)動的大按鈕占據(jù)大部分的頁面，同時下面搭配不同的推薦課程谷歌因壟斷再遭歐盟調(diào)查，使用起來方便快捷。
悅動圈、Keep、咕咚和樂動力使用的是卡片投影，同時配色大多使用的是綠色，清新、放松，能讓用戶感到平衡和鼓舞搜狗，更符合健身鍛煉的理念，而使用卡片投影則能讓用戶更一眼就能看到自己關(guān)心的內(nèi)容，讓頁面保持簡約的同時，還能保持內(nèi)容的純粹性和直觀性。
5、有聲聽書類
由于是聽書類的APP，因此播放是這些產(chǎn)品的核心，所以播放按鈕成為底部icon的中心，或者以浮標(biāo)的形式存在每個頁面中。
聽書類型由于內(nèi)容信息比較繁雜，界面分割以背景欄分割為主，大標(biāo)題作為信息歸納，這樣會能快速讓用戶在復(fù)雜的內(nèi)容里找到自己想要的，少數(shù)如企鵝FM和荔枝FM則是將分類做成了頂部tab的形式，因此界面內(nèi)容屬于同一模塊，沒有分割線且以feed的形式來展示內(nèi)容。
（鄭重聲明：本文版權(quán)歸原作者海鹽社潘團(tuán)子所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如有侵權(quán)，請聯(lián)系我們刪除；如作者信息標(biāo)記有誤，請聯(lián)系我們修改。）
，