【案例分析】薄荷健康APP设计思路深入解析

2022-04-07 09:17:58 浏览数 (2)

静电说:又到了APP案例复盘栏目的时间了,今天我们为大家解析的是薄荷健康这款应用。这款应用是一款健康管理应用,可以搜索食材卡路里,奶茶,食谱等等,也可通过分析个人的健康记录,如喝水,体重,睡眠等等,给出使用者合理的健康建议。另一方面,这款应用设计风格独特美观。那么,来一起看看吧!

001.品牌与主题色

薄荷健康的Logo文字,是精心设计过的,静电也反复强调,Logo和文字都一定要经过精心设计,不能直接搞个字体打字打出来放那就完事儿,这会让你的设计完完全全的没有品牌感。而应用的Logo也是直接沿用“薄荷”两个字来展示。页面的主色调也沿用这样清爽的薄荷绿色,给人以健康的感觉。

002.菜单设置

静电说过,菜单设置并不是随意的,而是基于产品的功能和场景的考量,薄荷健康的菜单如下“首页”,“发现”,“记录”,“商店”,“我的”,除了我的这个基本所有应用都必备的栏目外,菜单布置兼顾推荐>个性化>变现(商店) 会员,这样一个顺序,也符合用户使用APP的场景化需求。

003.首页设计

如果想凸显品牌,应用左上角放一个Logo效果很不错,也可以让你的应用更加具有品牌和设计感。薄荷健康的首页就是这样设计的。首页采用低饱和度更清爽的颜色构建了金刚区图标,将常用功能用按钮形式展示出来,这也是这款应用的特色功能,所以必须放在更显著的位置。另外薄荷健康没有采用传统的轮播图 金刚区的形式,而是全部用卡片方式来展示信息,独树一帜。

004.发现栏目设计

发现栏目的主要功能是提供更多内容,帮助提升用户存留,让用户花更多的时间呆在应用中,所以互动就至关重要,也是app运营的必争之地。薄荷健康的发现页面采用Tab 轮播图 话题 动态的设计方式,并加入了一些蓝色圆点的点缀,更有设计感。下方版块均采用灰色背景加上白色卡片的设计,区分度更好。

005.记录栏目设计

静电首先发现的就是右下角的FAB按钮,同样的设计和位置,让用户形成使用习惯。在这个栏目中,将不同的模块使用瓷片区的方式进行区分,让用户更好的操作和理解,简单直观。

006.“我的”模块设计

我的模块的重要内容是用户的个人信息以及一些常用的工具入口,设计师在这里采用了更宽松的排版,卡片也更加圆润,另外更高更宽的列表,方便用户点击和查看,同时辅以薄荷绿色的icon,点睛色分布在应用的所有页面中,让页面更有特色。

007.品牌塑造

薄荷健康的设计紧贴薄荷这样的植物,页面中充分营造出简单清爽健康的生活方式,让用户刨除多余的无用信息干扰,更专注于页面功能本身。而LOGO文字也是充分设计过的,这是很多初级设计师最容易忽视的设计点,重页面排版不重品牌塑造,这样就造成页面风格薄弱,就像一个没有名字的孩子一样,在别人眼中缺少足够的印象。

0 人点赞