前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >【案例分析】薄荷健康APP设计思路深入解析

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

作者头像
用户5009027
发布2022-04-07 09:17:58
1.6K0
发布2022-04-07 09:17:58
举报
文章被收录于专栏:静Design

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

001.品牌与主题色

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

002.菜单设置

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

003.首页设计

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

004.发现栏目设计

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

005.记录栏目设计

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

006.“我的”模块设计

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

007.品牌塑造

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

本文参与 腾讯云自媒体同步曝光计划,分享自微信公众号。
原始发表:2022-02-17,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 静Design 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档