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ù)大部分的頁面,同時下面搭配不同的推薦課程,使用起來方便快捷。
悅動圈、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)系我們修改。)
本文名稱:不同類型APP產(chǎn)品分割方式設(shè)計趨勢
網(wǎng)站路徑:http://www.rwnh.cn/news19/115519.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供響應(yīng)式網(wǎng)站、Google、商城網(wǎng)站、小程序開發(fā)、網(wǎng)站收錄、網(wǎng)站建設(shè)
廣告
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源:
創(chuàng)新互聯(lián)