相关文章推荐
有胆有识的键盘  ·  RealFlow中文版|独立模拟软件·  2 月前    · 
冷静的鞭炮  ·  “背叛宅圈”的敖厂长,直接被骂上了热搜第一·  2 月前    · 
痴情的帽子  ·  抖音信息流广告全方位介绍| 人人都是产品经理·  2 月前    · 
会开车的烈马  ·  我做了一个有灵魂的营销号文案生成器__bil ...·  4 天前    · 
会开车的烈马  ·  那些营销号用烂的配音,原来是这样做的__bi ...·  4 天前    · 
小百科  ›  【案例解析】Keep里有哪些值得UI设计师学习的亮点?开发者社区
软件
英姿勃勃的山羊
4 月前
用户5009027

【案例解析】Keep里有哪些值得UI设计师学习的亮点?

前往小程序,Get 更优 阅读体验!
立即前往
腾讯云
开发者社区
文档 建议反馈 控制台
首页
学习
活动
专区
工具
TVP
腾讯云架构师技术同盟
文章/答案/技术大牛
发布
首页
学习
活动
专区
工具
TVP 腾讯云架构师技术同盟
返回腾讯云官网
用户5009027
首页
学习
活动
专区
工具
TVP 腾讯云架构师技术同盟
返回腾讯云官网
社区首页 > 专栏 > 【案例解析】Keep里有哪些值得UI设计师学习的亮点?

【案例解析】Keep里有哪些值得UI设计师学习的亮点?

作者头像
用户5009027
发布 于 2022-05-23 11:40:12
发布 于 2022-05-23 11:40:12
3.9K 0
举报
文章被收录于专栏: 静Design

静电说:这周的案例赏析栏目,我们来看看KEEP!作为一款健身类应用,KEEP算得上是大家几乎都知道的一款应用了。疫情在家,缺少运动,确实会让人心情不太好,静电所在城市的运动场馆都关门了,不能游泳不能健身真的很难受。于是我就打开了很久没用到的Keep。里边的内容确实会让人挺燃的,emmmm。貌似又找回来了一点点的活力。

今天咱们就来看看Keep这款应用为我们带来哪些设计灵感吧?如果你还在为无法设计好自己的应用和产品而苦恼,不妨持续关注这个专栏,通过每一次的赏析来积累更多的灵感和思路,相信你会越来越棒的。

更多案例解析请点击这里查看

在赏析前,我们需要形成一个思路,这个应用是给谁用的,他可以用这款应用完成怎么的任务和诉求。把握这两点,再去做设计。

001.启动界面

keep的启动界面一直是我印象很深刻的。用文字即可营造出品牌感,你看,这里边有多少的纯图形内容呢?没有!只有文字,使用艺术字体进行创作并一直将slogan进行沿用,形成了自己的视觉锤和钉子。

002.定制页面

启动后,如果是新用户就会出现定制页面,身高体重性别年龄这些是必须的,设计师采用更大更便捷的操作设计让用户更容易选择,比如上图的身高和性别内容,同时采用更贴切的话术告诉用户,我们为什么需要这些信息。

设置完成后会产生定制的计划。大家注意,keep所采用的的是渐变背景设计+卡片内容呈现。Title放在了卡片内容,各位小伙伴如果在设计过程中不知道你的卡片标题如何放,可以试试这样的方式。

003.弹层

弹层设计也是各位小伙伴要关注的内容,适当的弹层可以提升用户的转化率,在适合的场景中弹层并不会过分破坏用户体验,但是我们要考虑清楚弹层的设计规则,对用户进行需要“转化”的引导,比如上图中的“立即升级”和“立即查看”按钮则被强化,而关闭则放在了比较弱的位置,但是需要注意,必须要让用户可以方便点击而不是造成点击困难。

 
推荐文章
有胆有识的键盘  ·  RealFlow中文版|独立模拟软件
2 月前
冷静的鞭炮  ·  “背叛宅圈”的敖厂长,直接被骂上了热搜第一
2 月前
痴情的帽子  ·  抖音信息流广告全方位介绍| 人人都是产品经理
2 月前
会开车的烈马  ·  我做了一个有灵魂的营销号文案生成器__bilibili
4 天前
会开车的烈马  ·  那些营销号用烂的配音,原来是这样做的__bilibili
4 天前
今天看啥   ·   Py中国   ·   codingpro   ·   小百科   ·   link之家   ·   卧龙AI搜索
删除内容请联系邮箱 2879853325@qq.com
小百科 - 百科知识指南
© 2024 ~ 沪ICP备11025650号