靜電說：又到了APP案例復盤欄目的時間了，今天我們?yōu)榇蠹医馕龅氖潜『山】颠@款應用。這款應用是一款健康管理應用，可以搜索食材卡路里，奶茶，食譜等等，也可通過分析個人的健康記錄，如喝水，體重，睡眠等等，給出使用者合理的健康建議。另一方面，這款應用設計風格獨特美觀。那么，來一起看看吧！

001.品牌與主題色

薄荷健康的Logo文字，是精心設計過的，靜電也反復強調(diào)，Logo和文字都一定要經(jīng)過精心設計，不能直接搞個字體打字打出來放那就完事兒，這會讓你的設計完完全全的沒有品牌感。而應用的Logo也是直接沿用“薄荷”兩個字來展示。頁面的主色調(diào)也沿用這樣清爽的薄荷綠色，給人以健康的感覺。

002.菜單設置

靜電說過，菜單設置并不是隨意的，而是基于產(chǎn)品的功能和場景的考量，薄荷健康的菜單如下“首頁”，“發(fā)現(xiàn)”，“記錄”，“商店”，“我的”，除了我的這個基本所有應用都必備的欄目外，菜單布置兼顧推薦>個性化>變現(xiàn)（商店）+會員，這樣一個順序，也符合用戶使用APP的場景化需求。

003.首頁設計

如果想凸顯品牌，應用左上角放一個Logo效果很不錯，也可以讓你的應用更加具有品牌和設計感。薄荷健康的首頁就是這樣設計的。首頁采用低飽和度更清爽的顏色構(gòu)建了金剛區(qū)圖標，將常用功能用按鈕形式展示出來，這也是這款應用的特色功能，所以必須放在更顯著的位置。另外薄荷健康沒有采用傳統(tǒng)的輪播圖+金剛區(qū)的形式，而是全部用卡片方式來展示信息，獨樹一幟。

004.發(fā)現(xiàn)欄目設計

發(fā)現(xiàn)欄目的主要功能是提供更多內(nèi)容，幫助提升用戶存留，讓用戶花更多的時間呆在應用中，所以互動就至關(guān)重要，也是app運營的必爭之地。薄荷健康的發(fā)現(xiàn)頁面采用Tab+輪播圖+話題+動態(tài)的設計方式，并加入了一些藍色圓點的點綴，更有設計感。下方版塊均采用灰色背景加上白色卡片的設計，區(qū)分度更好。

005.記錄欄目設計

靜電首先發(fā)現(xiàn)的就是右下角的FAB按鈕，同樣的設計和位置，讓用戶形成使用習慣。在這個欄目中，將不同的模塊使用瓷片區(qū)的方式進行區(qū)分，讓用戶更好的操作和理解，簡單直觀。

006.“我的”模塊設計

我的模塊的重要內(nèi)容是用戶的個人信息以及一些常用的工具入口，設計師在這里采用了更寬松的排版，卡片也更加圓潤，另外更高更寬的列表，方便用戶點擊和查看，同時輔以薄荷綠色的icon，點睛色分布在應用的所有頁面中，讓頁面更有特色。

007.品牌塑造

薄荷健康的設計緊貼薄荷這樣的植物，頁面中充分營造出簡單清爽健康的生活方式，讓用戶刨除多余的無用信息干擾，更專注于頁面功能本身。而LOGO文字也是充分設計過的，這是很多初級設計師最容易忽視的設計點，重頁面排版不重品牌塑造，這樣就造成頁面風格薄弱，就像一個沒有名字的孩子一樣，在別人眼中缺少足夠的印象。

本文參與 騰訊云自媒體同步曝光計劃，分享自微信公眾號。

原始發(fā)表：2022-02-17

，如有侵權(quán)請聯(lián)系 cloudcommunity@tencent.com 刪除

相關(guān)知識

薄荷健康APP深度解析
打造健康生活：揭秘UI設計在健康App中的實用案例解析
薄荷健康app分析
分析薄荷健康用戶運營體系：以案例為例
健康飲食APP藍海市場｜薄荷健康競品分析
健康飲食APP藍海市場 薄荷健康競品分析
薄荷健康App深度評測
【案例分析】21本 何依霖 薄荷健康：減脂工具的發(fā)展與困境
薄荷健康app優(yōu)缺點分析
健康減肥APP——薄荷健康VS輕加減肥競品分析報告.pdf

網(wǎng)址: 【案例分析】薄荷健康APP設計思路深入解析 http://m.u1s5d6.cn/newsview1345277.html