11個案例告訴你,編輯類App首頁設計怎麼做

6699 人參與      分類 : 科技  

各類APP根據自身產品調性不同,首頁設計也不盡相同。編輯類App怎麼設計一個還不錯的首頁?本文作者結合11個案例對此進行了分析探究,與大家分享。

11個案例告訴你,編輯類App首頁設計怎麼做

最近看編輯類的App比較多,發現這類App的首頁各不相同。有簡潔的,只有相機和相冊的入口;也有比較複雜的,展示模版的瀑布流;也有的是組合型的,既有功能入口也有模板瀑布流。

產品類型、產品的核心功能、產品調性、產品版本不同,編輯類的App的首頁也有所不同。

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

01 功能眾多,可以採用圖標型或者卡片型

天天P圖是採用的圖標型。首頁結構非常簡單,Banner+圖標+相機入口,商店和設置放置底部兩側。

美圖和天天P圖的結構比較類似:Banner+卡片+相機入口。底部兩側是美圖DIY和社區。右側頂部是商店和個人中心。

這種布局和結構的特點是高度剛好一屏,優點是:比較簡潔、功能可以一覽無餘。

11個案例告訴你,編輯類App首頁設計怎麼做

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

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

這種卡片宮格,帶有配圖,所以比圖標更加直觀。特別是Selfie Tune的配圖還是動態的,直接演示了產品功能,讓人有點擊慾望。

11個案例告訴你,編輯類App首頁設計怎麼做

03 資源羅列型

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

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

11個案例告訴你,編輯類App首頁設計怎麼做

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

11個案例告訴你,編輯類App首頁設計怎麼做

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

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

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

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

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

11個案例告訴你,編輯類App首頁設計怎麼做

04 作品羅列型

有的App是把作品精選放到首頁,這類App的作品有些是編輯自己製作的,比如VOUN;也有些是用戶提交,編輯精選的,比如SuperFX;也有些是用戶自己發布的,比如美拍。

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

11個案例告訴你,編輯類App首頁設計怎麼做

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

比如Unfold,就是用歷史記錄作為首頁。如果沒有製作過,那麼首頁有占點陣圖或者是有提示,讓用戶去創作。

11個案例告訴你,編輯類App首頁設計怎麼做

06 首頁只有相機和相冊的入口

首頁只有相機和相冊兩個入口。這類App特別的簡潔,只有相機和相冊兩個入口,聚焦在導入圖片上面。

11個案例告訴你,編輯類App首頁設計怎麼做

07 相冊作為首頁

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

11個案例告訴你,編輯類App首頁設計怎麼做

08 相機作為首頁

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

11個案例告訴你,編輯類App首頁設計怎麼做

09 首頁只有一個按鈕入口

這類App在首頁只有一個按鈕作為入口,點擊後進入到相冊頁面。

11個案例告訴你,編輯類App首頁設計怎麼做

10 文章列表作為首頁

炫影的首頁比較特別,是以文章列表作為首頁。這些文章點擊進去是圖文結合,介紹具體素材的。

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

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

11個案例告訴你,編輯類App首頁設計怎麼做

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

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

11個案例告訴你,編輯類App首頁設計怎麼做

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

#專欄作家#

熊不知;公眾號:熊不知(ID:xiongbuzhia),人人都是產品經理專欄作家。5年產品經理經驗,專註海外社交APP和編輯工具類APP的產品設計。

本文原創發佈於人人都是產品經理,未經作者許可,禁止轉載。

題圖來自Unsplash,基於CC0協議。