2024年6月11日发(作者：利晓曼)
Keep 的 UI 设计分析
Keep的UI设计风格跟其他的运动类风格有很明显的差异，整体比较宁静淡雅，Keep
为什么会选择这种风格？这种风格的优势又在哪里？
前几天，Keep 宣布用户数破 2 亿了。从 0 到 2 亿，Keep 花了近 4 年半时间。
据《2022中国健身行业数据报告》显示，中国有 4327万健身房人口，在总人口中
占比 3.1%。也就是说，在中国，每 100 个人当中，有3个人去健身房；每7个人当中，
有1个人用 Keep。
上线于2022年2月的 Keep，以黑马的姿态后来居上，成为明星产品；在健身类 App
中长期霸屏第一，受到苹果 CEO 库克以及很多用户的喜爱，时不时的出没于朋友圈，同
时也是腾讯、高盛等热门资本的宠儿。
作为 Keep 用户，我简单的研究过 Keep，结论是 Keep 是一个综合发展的优等生
——价值观、产品、设计、运营、品牌建设等方面都值得好好学习。
另外 Keep 和诸如腾讯、阿里、网易等传统互联网公司旗下的产品比较时，又有很不
一样的地方，因为 Keep 身上有耐克、可口可乐这些非互联网产品的影子，这也是很有意
思的地方。同时，Keep 在某些方面也存在一定提升空间，比如交互设计，这个后面我也
会单独写篇文章。
今天主要和大家分享一下，我对 Keep UI 设计（纯视觉方面，基于 iOS v6.21）的
研究与思考，偏宏观，欢迎大家留言交流。
1 / 7
01 Keep的UI是什么样的风格？
简单来讲，和大部分运动类 App 比，不太一样；具体来讲，Keep 的“运动感”比
较轻，同时又给人一种淡雅宁静的感觉，这种感觉会让我想起星巴克的设计。
（Keep 主要界面）
大部分运动类 App，UI 方面，通常都是“运动感”比较强：他们通常会大面积运用
醒目的黑色，彩色方面，通常会用比较亮、比较有活力的颜色，整体上突出的是力量感和
活力感；配图方面，也往往突出力量感和活力感，喜欢用一些充满较强活力或者爆发力的
图片、或者是一些肌肉较凶的图片，配上偏暗偏黑的深色背景、或者鲜艳有活力的彩色背
景。
耐克就是很典型的例子，而且一直沿用着这种风格。另外，耐克还有一点很不错，就
是除了这些，耐克还通过一些充满笑容的图片传递出了一种运动时的愉悦感。
（一些运动类 App）
而 Keep 的 UI，配图里面也经常会用到健身图片，但极少有那种荷尔蒙四射的力量
感。运动感倒是有一些，比如主色里的灰色，眼睛告诉我它似乎是蓝灰色，但放到 Sketch
或 PS 里面以后，会发现其实是紫灰色，紫色介于冷色和暖色之间，另外这个颜色本身也
比较深比较暗，整体来看是有一定的力量感在里面的，淡淡契合运动的主题。如果是蓝色，
给人的感觉会是冷或者清凉清爽，力量感就会弱一些。
图标方面，最主要的底部导航图标，用的是面型，非常简洁的几何块状，配上微弱的
2 / 7
2024年6月11日发(作者：利晓曼)
Keep 的 UI 设计分析
Keep的UI设计风格跟其他的运动类风格有很明显的差异，整体比较宁静淡雅，Keep
为什么会选择这种风格？这种风格的优势又在哪里？
前几天，Keep 宣布用户数破 2 亿了。从 0 到 2 亿，Keep 花了近 4 年半时间。
据《2022中国健身行业数据报告》显示，中国有 4327万健身房人口，在总人口中
占比 3.1%。也就是说，在中国，每 100 个人当中，有3个人去健身房；每7个人当中，
有1个人用 Keep。
上线于2022年2月的 Keep，以黑马的姿态后来居上，成为明星产品；在健身类 App
中长期霸屏第一，受到苹果 CEO 库克以及很多用户的喜爱，时不时的出没于朋友圈，同
时也是腾讯、高盛等热门资本的宠儿。
作为 Keep 用户，我简单的研究过 Keep，结论是 Keep 是一个综合发展的优等生
——价值观、产品、设计、运营、品牌建设等方面都值得好好学习。
另外 Keep 和诸如腾讯、阿里、网易等传统互联网公司旗下的产品比较时，又有很不
一样的地方，因为 Keep 身上有耐克、可口可乐这些非互联网产品的影子，这也是很有意
思的地方。同时，Keep 在某些方面也存在一定提升空间，比如交互设计，这个后面我也
会单独写篇文章。
今天主要和大家分享一下，我对 Keep UI 设计（纯视觉方面，基于 iOS v6.21）的
研究与思考，偏宏观，欢迎大家留言交流。
1 / 7
01 Keep的UI是什么样的风格？
简单来讲，和大部分运动类 App 比，不太一样；具体来讲，Keep 的“运动感”比
较轻，同时又给人一种淡雅宁静的感觉，这种感觉会让我想起星巴克的设计。
（Keep 主要界面）
大部分运动类 App，UI 方面，通常都是“运动感”比较强：他们通常会大面积运用
醒目的黑色，彩色方面，通常会用比较亮、比较有活力的颜色，整体上突出的是力量感和
活力感；配图方面，也往往突出力量感和活力感，喜欢用一些充满较强活力或者爆发力的
图片、或者是一些肌肉较凶的图片，配上偏暗偏黑的深色背景、或者鲜艳有活力的彩色背
景。
耐克就是很典型的例子，而且一直沿用着这种风格。另外，耐克还有一点很不错，就
是除了这些，耐克还通过一些充满笑容的图片传递出了一种运动时的愉悦感。
（一些运动类 App）
而 Keep 的 UI，配图里面也经常会用到健身图片，但极少有那种荷尔蒙四射的力量
感。运动感倒是有一些，比如主色里的灰色，眼睛告诉我它似乎是蓝灰色，但放到 Sketch
或 PS 里面以后，会发现其实是紫灰色，紫色介于冷色和暖色之间，另外这个颜色本身也
比较深比较暗，整体来看是有一定的力量感在里面的，淡淡契合运动的主题。如果是蓝色，
给人的感觉会是冷或者清凉清爽，力量感就会弱一些。
图标方面，最主要的底部导航图标，用的是面型，非常简洁的几何块状，配上微弱的
2 / 7