Keep的UI设计分析

　　Keep的UI设计风格跟其他的运动类风格有很明显的差异，整体比较宁静淡雅，Keep为什么会选择这种风格？这种风格的优势又在哪里？
　　前几天，Keep宣布用户数破2亿了。从0到2亿，Keep花了近4年半时间。
　　据《2018中国健身行业数据报告》显示，中国有4327万健身房人口，在总人口中占比3。1。也就是说，在中国，每100个人当中，有3个人去健身房；每7个人当中，有1个人用Keep。
　　上线于2015年2月的Keep，以黑马的姿态后来居上，成为明星产品；在健身类App中长期霸屏第一，受到苹果CEO库克以及很多用户的喜爱，时不时的出没于朋友圈，同时也是腾讯、高盛等热门资本的宠儿。
　　作为Keep用户，我简单的研究过Keep，结论是Keep是一个综合发展的优等生价值观、产品、设计、运营、品牌建设等方面都值得好好学习。
　　另外Keep和诸如腾讯、阿里、网易等传统互联网公司旗下的产品比较时，又有很不一样的地方，因为Keep身上有耐克、可口可乐这些非互联网产品的影子，这也是很有意思的地方。同时，Keep在某些方面也存在一定提升空间，比如交互设计，这个后面我也会单独写篇文章。
　　今天主要和大家分享一下，我对KeepUI设计（纯视觉方面，基于iOSv6。21）的研究与思考，偏宏观，欢迎大家留言交流。
　　01Keep的UI是什么样的风格？
　　简单来讲，和大部分运动类App比，不太一样；具体来讲，Keep的“运动感”比较轻，同时又给人一种淡雅宁静的感觉，这种感觉会让我想起星巴克的设计。
　　（Keep主要界面）
　　大部分运动类App，UI方面，通常都是“运动感”比较强：他们通常会大面积运用醒目的黑色，彩色方面，通常会用比较亮、比较有活力的颜色，整体上突出的是力量感和活力感；配图方面，也往往突出力量感和活力感，喜欢用一些充满较强活力或者爆发力的图片、或者是一些肌肉较凶的图片，配上偏暗偏黑的深色背景、或者鲜艳有活力的彩色背景。
　　耐克就是很典型的例子，而且一直沿用着这种风格。另外，耐克还有一点很不错，就是除了这些，耐克还通过一些充满笑容的图片传递出了一种运动时的愉悦感。
　　（一些运动类App）
　　而Keep的UI，配图里面也经常会用到健身图片，但极少有那种荷尔蒙四射的力量感。运动感倒是有一些，比如主色里的灰色，眼睛告诉我它似乎是蓝灰色，但放到Sketch或PS里面以后，会发现其实是紫灰色，紫色介于冷色和暖色之间，另外这个颜色本身也比较深比较暗，整体来看是有一定的力量感在里面的，淡淡契合运动的主题。如果是蓝色，给人的感觉会是冷或者清凉清爽，力量感就会弱一些。
　　图标方面，最主要的底部导航图标，用的是面型，非常简洁的几何块状，配上微弱的圆角，用拟人的说法，仿佛有一种结实有肌肉的感觉。比如“我”那个图标，肩很宽，显得肩和背上是有肌肉的，还有主色里面用来表示点击和突出显示的绿色，虽较为成熟稳重，也是有一定活力的。关于KeepUI方面的“运动感”，就简单分享这些例子。
　　（Keep主要界面元素）
　　除了“运动感”，Keep的UI还有一种淡雅宁静的感觉，这个也主要能从颜色里面感受到：主色里的灰色，没有特别暗，也有一定的宁静之感；主色里的绿色，有一定活力，但没有大面积使用，不躁动，能和整体的淡雅宁静和谐共处。
　　其它大面积用到色彩的地方，比如大圆按钮和一些课程模块的大面积背景色，Keep选择了淡雅的类似瑜伽、冥想产品的那种配色。还有字体，最黑的字体也没有用纯黑，粗体也用的少，这些都能让人感受到一种淡雅宁静。
　　02Keep的UI为什么选择这种风格？
　　1。受产品定位影响
　　一款运动类App，自然需要一定的“运动感”。
　　2。受用户特征影响
　　不管是以迎合用户的审美为主导，还是以决策者的审美偏好为主导，还是两者结合，通常都要满足一个共同的条件：需要符合主流用户的审美。
　　根据易观千象数据显示，Keep用户主要集中在一二线大中型城市，占比超过34；用户年龄主要集中在35岁以下，占比约75；男女比例接近1：2。Keep的这种UI风格，是能够为其主流用户所接受的。
　　3。受创始人的审美偏好影响
　　关于Keep创始人王宁的性格，媒体报道的说法是“谨小慎微”。简洁、淡雅宁静这种低调的轻运动风格，想必也是王宁所喜欢和推崇的。
　　（Keep创始人王宁）
　　4。强“运动感”的UI风格能否带来运动类App数据的增长？
　　现在很多人对UI设计的认知和期待主要集中在三个方面：首先要好看、舒服；其次要体验好，比如阅读体验、浏览体验等；最后要能带来数据的增长（商业价值），这一点在电商类公司尤为明显。
　　那么，以运动类App为例，强“运动感”的UI风格和数据增长之间，是否存在必然的因果关系？我的答案是：未必。
　　举例来说，产品方是希望用户第一次看到这款App的时候，能够尝试使用，之后能够持续不断的使用。关于第一次的尝试使用，UI会起到不小的作用，当用户觉得这个产品好看有品质的时候，极有可能会尝试使用。但是，不同的风格都可以被设计的好看有品质，所以这里的核心是设计本身，而不是风格本身。
　　另外，现实生活中，用户通常都是先做了一个要运动的决定，比如要去去跑步或者练腹肌，然后才会打开一款运动App来用。而不是先打开一款运动App，然后受其强“运动感”的UI风格的影响，从而决定去跑步或者练腹肌。当然也不排除强“运动感”的UI界面，会让人产生想要运动的冲动，我自己看NikeRunClub的界面，就会产生这种冲动。
　　（NikeRunClub界面及图片）
　　归根结底，这里涉及的问题是，用户决定运动并付诸实践的源动力究竟来自哪里？有两点最为核心：第一，内心深处提升自己健康与健美程度的渴望；第二，来自外界成功例子的激励，主要是来自朋友、熟人、名人甚至陌生人，比如关于彭于晏健身的各种报道，会影响和激励很多人。
　　这两点的力量要远大于UI风格方面的强“运动感”，运动类App完全可以在这两方面做文章，效果会更好。实际上，Keep就这样做了：“自律给我自由”的品牌口号就是在唤醒用户内心深处的渴望，社区里面大量坚持健身以及健身成功的例子，也是在激励和鼓励用户。
　　总的来说，强“运动感”的UI风格，在促进一款运动App的数据增长方面，效果有限。Keep选择了更为有效的其他方法，这里面的助力元素还包括：比较专业的健身课程、务实且互动性强的运营等。
　　03这种UI风格对Keep有哪些好处？
　　1。低强度的积极情绪更容易带来细水长流的效果
　　一个比较极端的例子是，玩王者荣耀时的拿人头、得MVP、升段位、拿三杀五杀会让我们爽。如果玩的时间过长，这种对神经高强度的刺激，既会让我们爽，也会让我们累，甚至不堪重负。
　　同理，如果大脑神经长时间受这种强“运动感”UI风格的刺激，用户也会感到疲累，只是程度不同而已。
　　反而Keep这种淡雅宁静的风格，带给用户的是一种放松的感觉，是一种强度很低的积极情绪。这种润物细无声的低强度积极情绪，即使用户每天都打开Keep来用，也不会因为UI界面而产生疲累等负面情绪。
　　另外，根据王宁2016年在混沌研习社的分享，在中国，很多人每周运动，但每天运动的人很少；在美国，每天运动和每周运动的人占总人口的90左右。Keep希望更多中国人能够每天运动，这种淡雅宁静的风格，一定程度上有利于这个愿望的实现。
　　2。带有一定的高级感，容易受人追随
　　减少设计对用户神经和欲望的刺激，同时让用户感觉到放松，某种意义来讲，这是一种做减法的设计。星巴克没有像肯德基一样，用红色的店铺装修来激发顾客的食欲，而是用深色的装修、原木材质的桌椅和舒缓的音乐，让顾客感到放松和安静，某种程度上也是一种做减法的设计。
　　像极简的、黑白的、独特的设计一样，Keep这种做减法的、克制的设计也很容易给人一种高级感（当然，这里我觉得还有设计美感和品牌精神的助力）的感觉。
　　带有高级感的事物，会让人感觉良好，所以很容易受到人们的追随。就像很多人喜欢在星巴克里拍照一样，很多用户也喜欢把自己的Keep动态分享到朋友圈，包括我自己。
　　3。形成差异化，有利于品牌认知和传播
　　在包括耐克在内的一众运动类App都追求强“运动感”的大环境下，Keep这种轻“运动感”搭配淡雅宁静的UI风格，就显得很独特，一定程度上有利于品牌的认知和传播。
　　04结语
　　最近的《明日之子》第3季，复古女孩洪一诺凭老歌《风中有朵雨做的云》和《无声的雨》唱醉六位评委，首夺六星，带大家集体穿越回90年代。孙燕姿在评价她时这样说到：“大家可能到了一个时代是，砰砰砰砰砰什么都在你面前的时候，大家其实是想要退一步。洪一诺，她就是刚好让人退一步，看到的那颗星。”
　　同样，在这样一个高速发展的时代，什么都砰砰砰砰砰的出现在我们面前的时代，大家会想要安静和放松一下。Keep的UI，就是静谧夜空中，能让人安静和放松的那颗星。
　　以上。