Loading [MathJax]/jax/output/CommonHTML/config.js
前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >【案例分析】薄荷健康APP设计思路深入解析

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

作者头像
用户5009027
发布于 2022-04-07 01:17:58
发布于 2022-04-07 01:17:58
2K0
举报
文章被收录于专栏:静Design静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 删除。

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

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
【案例解析】Keep里有哪些值得UI设计师学习的亮点?
静电说:这周的案例赏析栏目,我们来看看KEEP!作为一款健身类应用,KEEP算得上是大家几乎都知道的一款应用了。疫情在家,缺少运动,确实会让人心情不太好,静电所在城市的运动场馆都关门了,不能游泳不能健身真的很难受。于是我就打开了很久没用到的Keep。里边的内容确实会让人挺燃的,emmmm。貌似又找回来了一点点的活力。
用户5009027
2022/05/23
4.1K0
【案例解析】Keep里有哪些值得UI设计师学习的亮点?
【案例复盘】淘票票APP设计思路深入解析
静电说:又到了APP案例复盘栏目的时间了,今天我们为大家解析的是淘票票这款应用。这是一款可以查看影讯,买电影票和演出票的应用。虽然疫情冲击导致电影行业普遍低迷,但是淘票票这款应用却通过自己的不断改善来满足用户在不同环境和使用场景下的需求。
用户5009027
2022/02/10
1.2K0
【案例复盘】淘票票APP设计思路深入解析
场景化设计-瑞幸咖啡APP设计案例详细解析
静电:今天我们来解析瑞幸咖啡的APP设计案例。瑞幸是我最近才开始喝开始用的,突然发现他家的丝绒生椰拿铁还真挺好喝,而且价格也不贵,相对于我这种一天一杯咖啡的人来说是再合适不过了。在之前一直都是使用的小程序来下单,这次下载了他家的APP,感觉还是可圈可点的。
用户5009027
2021/12/05
6.7K0
场景化设计-瑞幸咖啡APP设计案例详细解析
【案例解析】美食类APP“懒饭”设计思路深入解析
静电说:今天的案例解析栏目我们推出的是美食类应用“懒饭”设计思路的解析。懒饭是一款设计舒适优雅,易用性强的美食类应用,目前已经获得了APP Store的推荐。静电也是抱着试试看的心态下载来用的,没想到用起来还是很爽的,今天就跟大家来一起进行这个应用的解析。
用户5009027
2022/04/07
1.1K0
【案例解析】美食类APP“懒饭”设计思路深入解析
电商类应用界面如何做?京东七鲜应用设计案例解析
静电说:连续几期的优秀案例解析栏目推出后,收到小伙伴的热烈反馈,大家都说亟需这样的栏目帮助大家分析设计过程中的思考要素。其实总的要点和原则是一致的,就是在设计过程中融入产品设计思路与用户心理的思考。任何时候都是。
用户5009027
2021/12/21
8060
电商类应用界面如何做?京东七鲜应用设计案例解析
Repo【案例解析】爱彼迎Airbnb设计细节解析-细节与核心功能至上
静电说:这一期的案例赏析栏目,为大家解析一直都非常具有设计感的爱彼迎,就是Airbnb!爱彼迎是一款民宿类型的应用,它的设计和良好的应用体验一直被使用者称道。虽然爱彼迎已经退出中国市场,但是依然有很多细节在吸引我们,今天我们就一起来看看爱彼迎的设计有哪些值得学习的地方。
用户5009027
2022/10/27
7210
Repo【案例解析】爱彼迎Airbnb设计细节解析-细节与核心功能至上
【案例解析】超有设计感的喜茶GO应用,优秀应用UI界面赏析-
静电说:Hello各位小伙伴,新一期的案例赏析栏目又又又又来啦!今天我们要赏析的应用是啥捏? 对!就是喜茶GO了!虽然静电喝喜茶很少,虽然上一次喝喜茶让我将近等了一个小时,虽然等的时候看店员一直在擦杯子一遍遍的擦就是不给你,虽然那之后就没有然后了,但是!不妨碍我赏析喜茶这款应用啊~哈哈哈。
用户5009027
2022/05/23
1.4K0
【案例解析】超有设计感的喜茶GO应用,优秀应用UI界面赏析-
【案例解析】“看理想”-别致的人文阅读类应用UI设计鉴赏
静电说:emmm,看来咱们的案例解析栏目也要成为常规每周栏目啦。通过鉴赏设计出色的优秀APP,让各位同学有更好的观察能力和审美能力,从而促进大家设计水平的提升。
用户5009027
2022/04/07
6130
【案例解析】“看理想”-别致的人文阅读类应用UI设计鉴赏
【案例赏析】i茅台APP,有点分裂的失败年轻化设计作品
静电说:今天的案例赏析栏目咱们来介绍一款不太一样的应用,这款应用叫做i茅台。小伙伴可能会问,妈呀,静电你都开始喝茅台了吗?突然感觉你的皮肤有一丢丢油腻啊哈哈哈。
用户5009027
2022/10/27
4680
【案例赏析】i茅台APP,有点分裂的失败年轻化设计作品
【案例赏析】百词斩APP,这些设计细节大家要学起来~
据静电说:今天的案例赏析栏目咱们为大家介绍的是-百!词!斩!百词斩是一款外语学习工具,看到“斩”这个字就让我们感觉是像水果忍者在切水果一样。
用户5009027
2022/10/27
8320
【案例赏析】百词斩APP,这些设计细节大家要学起来~
【案例解析】国外的音乐软件如何设计?看看Spotify和Youtube Music吧!
静电说:新一期的案例赏析栏目来啦!今天给大家分享两款不太一样的音乐软件,他们是国外的Spotify和Youtube Music。大家是不是已经看腻了国内软件的各种设计“套路”,那么今天来感受一下这两款国外音乐软件给大家带来怎样不一样的思考吧!
用户5009027
2022/10/27
2.2K0
【案例解析】国外的音乐软件如何设计?看看Spotify和Youtube Music吧!
【案例复盘】顺丰速运UI界面设计细节深入解析
静电说:顺丰一直都是静电非常喜欢的快递公司,服务好,门到门服务,快递员素质高态度好。当然,还有更重要的因素,顺丰也很注意自身形象的建设,不管是统一的logo标志,服装,还是客户端的使用体验,都远超竞争对手。
用户5009027
2021/09/06
1.2K0
【案例复盘】顺丰速运UI界面设计细节深入解析
轮播图失宠!无轮播图设计开始成为趋势?原因在哪里?
我们发现金刚区接替轮播图成为了首页头部最重要的位置,而京东在二级菜单下方塞了一个小的banner活动条,估计常规状态下也是没有的。
用户5009027
2022/05/23
6830
轮播图失宠!无轮播图设计开始成为趋势?原因在哪里?
本周精选优秀UI作品赏析-No.71(配色,展示诀窍和灵感)
静电说:大家久等了,新一期的优秀UI界面赏析栏目又来啦!这期能给大家带来怎么样的设计灵感捏?一起来看图吧!PS. 需要说明,Dribbble设计还是主要看展示为主,里边的很多设计小细节也经不起推敲,这一点务必注意哈。
用户5009027
2022/10/27
7710
本周精选优秀UI作品赏析-No.71(配色,展示诀窍和灵感)
运营专题高效设计法(下)
腾讯ISUX isux.tencent.com 社交用户体验设计 在运营专题高效设计法(上)中,我们一起探讨了项目分析的四个步骤,从项目目标到用户人群,进行分析洞察得出设计执行方向的策略。在设计执行版块中介绍了【高效构图】、【高效色彩】的方法与技巧,接下来继续跟随我探讨【字体】与【延展】的高效设计方法。 字体设计是在创作运营设计中重要的组成部分,也是互联网行业从事设计所最重要的基础要素。运用装饰手法来美化文字,增强视觉效果,提高作品的诉求和赋予版面的审美价值。但创作一款字体需要花费较大的
腾讯ISUX
2019/12/24
7490
运营专题高效设计法(下)
本周精选优秀UI作品赏析-No.60(Dribbble页面篇)
静电说:本期我们继续来看看Dribbble上有哪些灵感可以汲取吧!我们也可以把这个栏目当作每周灵感的闪光时间哦~ 马上就要五一假期了,祝大家假期愉快~
用户5009027
2022/05/23
7030
本周精选优秀UI作品赏析-No.60(Dribbble页面篇)
2019年最实用的导航栏设计实践和案例分析全解
我们都知道,用户的浏览习惯是从左到右,从上到下。所以一个网站的导航栏至关重要,用户进入你的网站,首先查找的信息就是从导航栏开始。一个用户体验好的导航栏,会增加网站的转化率和回访率。反之,用户会离开你的网站,寻找替代品。
奔跑的小鹿
2019/06/14
4.2K0
2019年最实用的导航栏设计实践和案例分析全解
干货!让人一见钟情的网站header设计攻略
网站header是网站页面的核心部分,因为该部位是用户第一眼看到的地方,因此网站的header设计在吸引用户注意力并进一步留住用户方面发挥着至关重要的作用。如何才能设计出让人眼前一亮的网站header
奔跑的小鹿
2022/01/17
1.9K0
干货!让人一见钟情的网站header设计攻略
灵感专题-蓝色系创意网页设计欣赏
当我们在浏览Facebook、知乎、Twitter等网站时,大家一定发现了这些网站的共同点,就是在页面元素的设计上都以蓝色调为主。为什么在网页设计中,蓝色会这么受欢迎呢?
奔跑的小鹿
2020/04/17
1.6K0
App启动页设计技巧
App启动页,也称闪屏页,最初是为缓解用户等待Web/iOS/Android App数据加载的焦虑情绪而出现,后被设计师巧妙用于品牌文化展示,服务特色介绍以及功能界面熟悉等平台进行设计,被赋予了更加丰富而实际的作用。
奔跑的小鹿
2019/01/24
1.8K0
推荐阅读
相关推荐
【案例解析】Keep里有哪些值得UI设计师学习的亮点?
更多 >
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档