各類APP根據(jù)自身產(chǎn)品調(diào)性不同，首頁(yè)設(shè)計(jì)也不盡相同。編輯類App怎么設(shè)計(jì)一個(gè)還不錯(cuò)的首頁(yè)？本文作者結(jié)合11個(gè)案例對(duì)此進(jìn)行了分析探究，與大家分享。
各類APP根據(jù)自身產(chǎn)品調(diào)性不同，首頁(yè)設(shè)計(jì)也不盡相同。編輯類App怎么設(shè)計(jì)一個(gè)還不錯(cuò)的首頁(yè)？本文作者結(jié)合11個(gè)案例對(duì)此進(jìn)行了分析探究，與大家分享。
最近看編輯類的App比較多，發(fā)現(xiàn)這類App的首頁(yè)各不相同。有簡(jiǎn)潔的，只有相機(jī)和相冊(cè)的入口；也有比較復(fù)雜的，展示模版的瀑布流；也有的是組合型的，既有功能入口也有模板瀑布流。
產(chǎn)品類型、產(chǎn)品的核心功能、產(chǎn)品調(diào)性、產(chǎn)品版本不同，編輯類的App的首頁(yè)也有所不同。
想要設(shè)計(jì)一個(gè)還不錯(cuò)的編輯類App的首頁(yè)，可以參考下面的11個(gè)案例。
01 功能眾多，可以采用圖標(biāo)型或者卡片型
天天P圖是采用的圖標(biāo)型。首頁(yè)結(jié)構(gòu)非常簡(jiǎn)單，Banner+圖標(biāo)+相機(jī)入口，商店和設(shè)置放置底部?jī)蓚?cè)。
美圖和天天P圖的結(jié)構(gòu)比較類似：Banner+卡片+相機(jī)入口。底部?jī)蓚?cè)是美圖DIY和社區(qū)。右側(cè)頂部是商店和個(gè)人中心。
這種布局和結(jié)構(gòu)的特點(diǎn)是高度剛好一屏，優(yōu)點(diǎn)是：比較簡(jiǎn)潔、功能可以一覽無(wú)余。
02 功能特別多的，也可以采用卡片宮格形式。
FaceFun和Selfie Tune功能特別多，所以采用了卡片宮格的方式。
這種卡片宮格，帶有配圖，所以比圖標(biāo)更加直觀。特別是Selfie Tune的配圖還是動(dòng)態(tài)的，直接演示了產(chǎn)品功能，讓人有點(diǎn)擊欲望。
03 資源羅列型
編輯類的App一般會(huì)有比較多的素材資源，比如濾鏡、貼紙、特效等。如果資源比較特別和豐富，就可以像下面幾個(gè)App一樣，把資源羅列到首頁(yè)。
illus和Amaze Cam是中間tab分類的方式，羅列素材資源。
除了這種tab羅列資源的形式，還有一種上下羅列資源分類的形式。
所有的資源中，模版是一種比較特別的資源。
因?yàn)槟０嬉话闶菐追N資源的集合，這些資源組合成為一個(gè)比較成熟的作品。用戶只要替換圖片和文字，就可以形成自己的作品，非常簡(jiǎn)單。有些App的核心就是模版，所以首頁(yè)通常是模板和分類的羅列。
分類：有上下羅列分類的，也有頂部或者底部tab的方式。
模板：羅列方式有的是瀑布流，也有的是大圖卡片。
具體可以見(jiàn)下面的Story類型的App：
04 作品羅列型
有的App是把作品精選放到首頁(yè)，這類App的作品有些是編輯自己制作的，比如VOUN；也有些是用戶提交，編輯精選的，比如SuperFX；也有些是用戶自己發(fā)布的，比如美拍。
這個(gè)類型的App因?yàn)橹谱骱每吹淖髌芳某杀颈容^低，操作比較簡(jiǎn)單，所以放作品集。一方面讓用戶覺(jué)得自己也是可以把作品做的這么有趣和好看的，增強(qiáng)用戶的信心。另外一方面，用戶的作品展示出來(lái)被看到被點(diǎn)贊，也讓用戶有成就感，形成良性循環(huán)。
05 「我的作品」即歷史記錄，作為首頁(yè)。
比如Unfold，就是用歷史記錄作為首頁(yè)。如果沒(méi)有制作過(guò)，那么首頁(yè)有占位圖或者是有提示，讓用戶去創(chuàng)作。
06 首頁(yè)只有相機(jī)和相冊(cè)的入口
首頁(yè)只有相機(jī)和相冊(cè)兩個(gè)入口。這類App特別的簡(jiǎn)潔，只有相機(jī)和相冊(cè)兩個(gè)入口，聚焦在導(dǎo)入圖片上面。
07 相冊(cè)作為首頁(yè)
相冊(cè)作為首頁(yè)。這類App的首頁(yè)就是自定義的相冊(cè)。選擇圖片和視頻，就進(jìn)入到下一步。
08 相機(jī)作為首頁(yè)
這類App的首頁(yè)是相機(jī)。相機(jī)頁(yè)面有很多的功能。
09 首頁(yè)只有一個(gè)按鈕入口
這類App在首頁(yè)只有一個(gè)按鈕作為入口，點(diǎn)擊后進(jìn)入到相冊(cè)頁(yè)面。
10 文章列表作為首頁(yè)
炫影的首頁(yè)比較特別，是以文章列表作為首頁(yè)。這些文章點(diǎn)擊進(jìn)去是圖文結(jié)合，介紹具體素材的。
列表是用大卡的形式羅列，布局有些像蘋(píng)果的App Store。
不過(guò)這是迭代后的版本，之前的版本不是這個(gè)樣式。不過(guò)目前的樣式看起來(lái)也比較簡(jiǎn)單舒適，比較適合炫影的風(fēng)格。同時(shí)承載了素材介紹，活動(dòng)運(yùn)營(yíng)多種功能，也是比較實(shí)用的。
11 首頁(yè)只有選擇尺寸的入口
Story Swag是用尺寸作為入口。可以選擇Story尺寸也可以選擇Square尺寸。這個(gè)不是特別的主流，大家也可以稍微看下。
以上的這11個(gè)案例，介紹了市場(chǎng)上，比較主流的編輯類App的首頁(yè)設(shè)計(jì)方式。沒(méi)有最好的首頁(yè)，只有最適合的首頁(yè)。大家可以根據(jù)自身的產(chǎn)品類型、產(chǎn)品的核心功能、產(chǎn)品調(diào)性、產(chǎn)品版本等選擇性的參考。
#專欄作家#
熊不知；公眾號(hào)：熊不知（ID：xiongbuzhia），人人都是產(chǎn)品經(jīng)理專欄作家。5年產(chǎn)品經(jīng)理經(jīng)驗(yàn)，專注海外社交APP和編輯工具類APP的產(chǎn)品設(shè)計(jì)。
題圖來(lái)自Unsplash，基于CC0協(xié)議。
