不同類型APP產(chǎn)品分割方式設(shè)計(jì)趨勢(shì)

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

網(wǎng)頁名稱：不同類型APP產(chǎn)品分割方式設(shè)計(jì)趨勢(shì)
文章出自：http://muchs.cn/news/115519.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站導(dǎo)航、網(wǎng)站建設(shè)、ChatGPT、云服務(wù)器、網(wǎng)站改版、網(wǎng)站設(shè)計(jì)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)