乾貨:一套仿健身APP Keep的視覺界面設計和產品結構圖

2021-02-19 UI巴巴

  近兩年,隨著人們的健康意識的提高,越來越多的人會選擇去健身,去運動。一時間很多公司平臺都在往這個方向發展。

  在短短的2年裡面,獲得了App Store 2015年度精選和App Store 官方推薦的移動健身工具。

  所以,很多愛好健身的APP設計師和APP產品都會去研究和欣賞這款APP。

  於是,今天分享一套仿keep的一套APP視覺設計。來自廈門的 UI設計師 oooone.

  算是臨摹keep APP不錯的一個案例。當然,也有很多臨摹keep 的健身APP案例。如果你防的keep比這個好,記得分享出來!讓大家一起交流。

  如果你還不知道keep 是神馬?下面可以了解下keep這款APP的介紹:

  Keep是你的移動健身教練,隨時隨地練就完美身材。

  Keep不只是一個提供教程和用戶互動的平臺,還有內容,比如說專題、話題(具有一定論壇屬性)。

  小編使用了keep APP的原因很簡單,比較中意的是KEEP的自定課程,它可以讓我鍛鍊到更多的身體部位,而不是單方面的退,臂,胸!

  如果你也對keep APP感興趣,可以看下keep 產品結構圖:

  小編認為 keep APP 除了課程做的特棒以外, 做的最好的算是分享頁面:也是讓keep在短時間內爆發的一個重要的節點。

  Keep吸引用戶下載可以總結為以下幾個點:(按照吸引力大小排序)

  a、通過用戶活躍度、用戶在keep內的熱度

  b、成套的課程內容

  c、訓練成果

  d、專題內容(類似論壇屬性)

  e、精華文章(內容吸引)

  當然,網上也有很多對keep APP的詳細分析和產品解構等文章。每個人對自己喜愛的APP,都會有屬於自己獨特的見解。

相關焦點

  • 韓劇中的APP都長這個樣子?|最受喜愛的韓國清新簡約APP設計
    另外這個App還能進行會員積分或使用其他折扣優惠券,利用在該app中的一種簡單的條形碼。與傳統的天氣符號和說明相比,這個App的天氣信息功能詼諧的評論和說明,豐富多彩的界面設計,更加引人注目。此外,用戶也可以創建個性化的用戶界面,包括會員優惠,節目時間表和推薦產品。該App可與行動裝置上現有的各種視頻格式播放器兼容。
  • 設計靈感:12款資訊博客類App界面設計
    Blog reading app concept 📚 by Mohamad RasouliNews app design by Rocket ScienceMedium App Redesign 😊 by Razy Hassan關注『UI設計達人』看UI設計精選文章 . 案例靈感 .
  • 設計靈感:12 組天氣預報界面設計靈感
    這12組天氣預報界面設計從客戶體驗考量上都非常值得借鑑,不一樣的版面設計,不一樣的畫面風格,一起來看看吧!Daily Weather Predictionby Anam WpWeather app ⛅️by Sepide Moqadasi
  • 特邀專欄:遊戲圖標的設計跟其它應用的圖標設計有何不同?
    從產品的角度來說,一個完整的軟體產品設計,不僅僅包含了應用程式入口圖標的設計,更有非常多的圖形交互界面圖標(控制項)設計。同時,它們的所被賦予的「使命」是不同的。它們既要遵循既定的設計規範(美學程度上的和開發環境規範上的),還要符合產品本身的價值所在。
  • 完整版:iPhone X 界面設計尺寸和適配
    標題寫著「iPhone X 適配、指南、設計稿」 內容卻是發布會回顧和手機介紹。索性自己去官網找素材寫一篇只針對iPhone X適配的貼子,與設計圖無關的內容通通不提右上圖可以看到為了迴避「劉海」和圓角,iPhone X的頂部狀態欄和底部菜單欄都進行了增高。
  • 遊戲界面設計大公開!
    超級開心又和大家見面了呢!上一期日誌呢!我們給大家介紹了遊戲內的場景設計,也收到了大家的期待,總監大人第二天就向我說:「反響這麼好!那你趕快去碼字!把遊戲界面的內容也和大家說說!」(꒪Д꒪)ノ啊啊....總監大人,我已經要被美術虐得體無完膚好不啦!還要叫我寫....好吧..為了能給大家帶來更多遊戲的實料內容!不管啦!衝鴨!
  • 2016年給大家的第一波設計圈乾貨大合集
    新年新氣象,做設計自然也要有新的素材和好的資源。
  • 周一狂想曲 視覺設計竟能影響美國選舉結果?!
    我們除了關注到大選結果以外,各位候選人所運用的視覺設計,其實都在潛移默化地影響著選舉的結果。希拉蕊保守派的極簡主義柯林頓·希拉蕊的選舉視覺總監是邁克·貝魯特(Michael Beirut),前段時間為萬事達卡重新設計視覺並引起巨大反響。標誌「H」取自希拉蕊(Hillary)名字開頭第一個字母。
  • 視覺呈現:華晨宇歌曲《與火星的孩子對話》MV字體設計策劃
    布爾維克視覺設計有幸擔任了該MV的字體視覺呈現設計團隊。傳統的字體設計通常是形式的統一,但對於本次項目來說,形式感極強的設計則會背離歌手華晨宇所要表達的創作初衷。最好是去掉形式的設計,就像寫給歌迷的親筆字,那才是MV的所需要的氛圍。
  • 福利:免費的 Novation Launchpad for iOS app 支持中文界面啦
    Novation除了發布Launchpad系列的硬體以外,一直都手機端app的支持。而且現在已經更新支持中文界面了。什麼?!有中文版了!還不趕快去下載玩玩?免費下載地址:https://itunes.apple.com/app/novation-launchpad/id584362474?mt=8對!玩Launchpad就是這麼容易!
  • 模特:一套分體健身裝,凸顯大波浪長發美女勁爆好身材
    健身大會上,拍到了一位留著一頭大波浪長發的美女模特,她身穿一套黑橙色分體健身裝,凸顯她凹凸有致的勁爆好身材。健身大會上,拍到了一位留著一頭大波浪長發的美女模特,她身穿一套黑橙色分體健身裝,凸顯她凹凸有致的勁爆好身材。
  • 設計靈感:12 款醫療類網頁界面設計
    (給前端大全加星標,提升前端技能)一款醫療健康類界面除了數據清晰外,還需有一定的關懷感。
  • 設計靈感:12 組簡潔大氣的家具 APP 設計
    簡約主義的設計一直走在時尚前沿,它簡潔並不簡單,輕易就能提升網頁質感,且不會奪走用戶的目光,這對於以家具展示為主體的APP設計再好不過了!
  • {首發}2016 亞洲音樂大獎 Mnet Asian Music Awards (MAMA) 視覺設計
    logo、主視覺設計15年的視覺效果是用黑色離子爆炸圖💥表現,尖銳的稜角和放射的光束,關鍵詞張揚、個性,又帶有一絲電影《星球大戰》的影子。相對於「暗黑系風格」,今年的MAMA比較含蓄、神秘和進步,好像一個更加成熟的少年,低調的散發著光芒卻又暗藏著強大的力量。
  • 乾貨錦集:面向開發者和設計師的軟體錦集
    Spf13 - 一套全方位的配置項目。Vimr - Vim客戶端,升級Vim體驗。 EditorConfig - 幫助開發者在不同的編輯器和IDE之間定義和維護一致的代碼風格。Material Theme UI - Google為React開發的主題。Deco IDE - React Native IDE 支持控制項拖拽界面實時變更。
  • 設計靈感:博客類 App 如何設計?
    (給前端大全加星標,提升前端技能)博客類App設計中對於排版的要求格外嚴苛,字體選擇、字符間距、圖片大小等條件無不影響用戶的閱讀體驗
  • 視頻教程:流行的全屏式網頁是怎樣設計的?
    ,對於追求視覺效果的網站來說,首頁採用全屏式設計是最吸引用戶眼球了。在國外的設計社區Dribbble和Behance也常常看到這樣的作品,那麼這種全屏式網頁是怎樣設計的呢?設計師@Harshil Acharya做了一個視頻演示,從找素材到最終設計稿,只花了很少的時間就能完成,同學們來一起學習吧。這是一個不需要解說也能看懂的網頁設計視頻教程,只需花費你1分鐘時間觀看!
  • 全球包裝與設計:產品包裝上的互動設計到底有什麼樣的好處? 095期
    通常在包裝設計中,文字和圖形能準確傳遞信息,但是有時難免給人以生硬冰冷之感,而情趣化的表現方式,可以使消費者在接受信息時處於一種常輕鬆愉快的狀態。這種交互式設計是通過包裝材料與包裝手段的實施使產品與消費者之間建立起一種更加緊密的聯繫,形成一種互動的關係,打破過去包裝單向傳遞信息的格局,使單的包裝設計增添了趣味性。
  • 不照搬 GOOGLE: 教你設計 MATERIAL 風頁面
    但是我們也意識到,很多 app 的設計遵循了 Google 的設計規範,然而他們看起來,好吧,很像 Google。聰明的品牌借用一部分 Google 的元素和理念,但是仍然緊緊跟隨最新設計潮流趨勢又保持自己的品牌優勢。設計我們的新郵件 app 時,我們認為這是個深刻的問題。