各類APP根據(jù)自身產(chǎn)品調(diào)性不同，首頁設(shè)計也不盡相同。編輯類App怎么設(shè)計一個還不錯的首頁？本文作者結(jié)合11個案例對此進(jìn)行了分析探究，與大家分享。

最近看編輯類的App比較多，發(fā)現(xiàn)這類App的首頁各不相同。有簡潔的，只有相機(jī)和相冊的入口；也有比較復(fù)雜的，展示模版的瀑布流；也有的是組合型的，既有功能入口也有模板瀑布流。

產(chǎn)品類型、產(chǎn)品的核心功能、產(chǎn)品調(diào)性、產(chǎn)品版本不同，編輯類的App的首頁也有所不同。

想要設(shè)計一個還不錯的編輯類App的首頁，可以參考下面的11個案例。

01 功能眾多，可以采用圖標(biāo)型或者卡片型

天天P圖是采用的圖標(biāo)型。首頁結(jié)構(gòu)非常簡單，Banner+圖標(biāo)+相機(jī)入口，商店和設(shè)置放置底部兩側(cè)。

美圖和天天P圖的結(jié)構(gòu)比較類似：Banner+卡片+相機(jī)入口。底部兩側(cè)是美圖DIY和社區(qū)。右側(cè)頂部是商店和個人中心。

這種布局和結(jié)構(gòu)的特點(diǎn)是高度剛好一屏，優(yōu)點(diǎn)是：比較簡潔、功能可以一覽無余。

02 功能特別多的，也可以采用卡片宮格形式。

FaceFun和Selfie Tune功能特別多，所以采用了卡片宮格的方式。

這種卡片宮格，帶有配圖，所以比圖標(biāo)更加直觀。特別是Selfie Tune的配圖還是動態(tài)的，直接演示了產(chǎn)品功能，讓人有點(diǎn)擊欲望。

03 資源羅列型

編輯類的App一般會有比較多的素材資源，比如濾鏡、貼紙、特效等。如果資源比較特別和豐富，就可以像下面幾個App一樣，把資源羅列到首頁。

illus和Amaze Cam是中間tab分類的方式，羅列素材資源。

除了這種tab羅列資源的形式，還有一種上下羅列資源分類的形式。

所有的資源中，模版是一種比較特別的資源。

因為模版一般是幾種資源的集合，這些資源組合成為一個比較成熟的作品。用戶只要替換圖片和文字，就可以形成自己的作品，非常簡單。有些App的核心就是模版，所以首頁通常是模板和分類的羅列。

分類：有上下羅列分類的，也有頂部或者底部tab的方式。

模板：羅列方式有的是瀑布流，也有的是大圖卡片。

具體可以見下面的Story類型的App：

04 作品羅列型

有的App是把作品精選放到首頁，這類App的作品有些是編輯自己制作的，比如VOUN；也有些是用戶提交，編輯精選的，比如SuperFX；也有些是用戶自己發(fā)布的，比如美拍。

這個類型的App因為制作好看的作品集的成本比較低，操作比較簡單，所以放作品集。一方面讓用戶覺得自己也是可以把作品做的這么有趣和好看的，增強(qiáng)用戶的信心。另外一方面，用戶的作品展示出來被看到被點(diǎn)贊，也讓用戶有成就感，形成良性循環(huán)。

05 「我的作品」即歷史記錄，作為首頁。

比如Unfold，就是用歷史記錄作為首頁。如果沒有制作過，那么首頁有占位圖或者是有提示，讓用戶去創(chuàng)作。

06 首頁只有相機(jī)和相冊的入口

首頁只有相機(jī)和相冊兩個入口。這類App特別的簡潔，只有相機(jī)和相冊兩個入口，聚焦在導(dǎo)入圖片上面。

07 相冊作為首頁

相冊作為首頁。這類App的首頁就是自定義的相冊。選擇圖片和視頻，就進(jìn)入到下一步。

08 相機(jī)作為首頁

這類App的首頁是相機(jī)。相機(jī)頁面有很多的功能。

09 首頁只有一個按鈕入口

這類App在首頁只有一個按鈕作為入口，點(diǎn)擊后進(jìn)入到相冊頁面。

10 文章列表作為首頁

炫影的首頁比較特別，是以文章列表作為首頁。這些文章點(diǎn)擊進(jìn)去是圖文結(jié)合，介紹具體素材的。

列表是用大卡的形式羅列，布局有些像蘋果的App Store。

不過這是迭代后的版本，之前的版本不是這個樣式。不過目前的樣式看起來也比較簡單舒適，比較適合炫影的風(fēng)格。同時承載了素材介紹，活動運(yùn)營多種功能，也是比較實用的。

11 首頁只有選擇尺寸的入口

Story Swag是用尺寸作為入口。可以選擇Story尺寸也可以選擇Square尺寸。這個不是特別的主流，大家也可以稍微看下。

以上的這11個案例，介紹了市場上，比較主流的編輯類App的首頁設(shè)計方式。沒有最好的首頁，只有最適合的首頁。大家可以根據(jù)自身的產(chǎn)品類型、產(chǎn)品的核心功能、產(chǎn)品調(diào)性、產(chǎn)品版本等選擇性的參考。

#專欄作家#

熊不知；公眾號：熊不知（ID：xiongbuzhia），人人都是產(chǎn)品經(jīng)理專欄作家。5年產(chǎn)品經(jīng)理經(jīng)驗，專注海外社交APP和編輯工具類APP的產(chǎn)品設(shè)計。

本文原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)作者許可，禁止轉(zhuǎn)載。

題圖來自Unsplash，基于CC0協(xié)議。