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

001.品牌與主題色

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

002.菜單設(shè)置

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

003.首頁設(shè)計

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

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

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

005.記錄欄目設(shè)計

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

006.“我的”模塊設(shè)計

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

007.品牌塑造

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

2022開春新一期UI全鏈路就業(yè)特訓(xùn)課程開始報名啦

↓↓長按二維碼加靜電老師咨詢↓↓?