工具应用如何做

静电说：潮汐是我非常喜欢的一个催眠，冥想和专注类的应用。我喜欢它的简洁易用，温柔舒缓的配色和风格以及优质的音频内容。对于工具类的应用，我们也需要有场景化设计的意识。

用户具体会在怎样的场景下使用你的产品，这一点非常重要。

使用场景分析

潮汐的使用场景主要为：1. 需要专注学习或者工作，拒绝手机繁杂信息的干扰的时候 2.失眠，需要放松和引导睡眠 3. 劳累状态，需要专注冥想，拒绝打扰。

因此，总结出的场景和功能如下

场景状态分析

场景确定后，我们需要思考，这样的场景下，会出现怎样的情景。比如，冥想状态，舒缓温柔的音乐，白噪音，纯净的雨声，风声，海浪声等等。就像我们独自坐在一片安静的森林中，或者独自做在微风吹过的海边。

而睡眠状态，则需要温柔的灯光，耳边传来的轻声低语，舒适的床和被褥。

专注状态则需要避免不必要的各类信息来打扰我们，让我们分心。

首页设计

潮汐的首页会根据当前的时间适配不同的场景内容，比如现在时间是早上，则为你匹配早上可能做的内容，早上你可能会进行工作等等，这个时候首页会推送如何提升效能，让你自身专注的声音。而首页设计采用大背景（视频）与卡片按钮相结合的形式进行。

左右滑动可以切换不同风格的虚拟场景的音乐

首页定制模块

像潮汐这类应用，定制化个性化非常重要，我们可以直接在首页点击定制自己需要的模块，潮汐会针对我们的诉求进行个性化的推送。

请注意，潮汐的定制模块的图标，均采用低饱和度的颜色，更简单的风格来塑造，图标避免复杂，因为过于复杂的图标会带来人脑的信息过载。这一点需要特别注意。另外，大卡片的选择框，减少定制的时候多步骤给用户的困扰，都需要设计师特别进行考量。

探索模块-配图及其重要

探索模块是潮汐的重头戏，也是我最喜欢的界面。在探索模块中，潮汐采用异常简洁的设计风格，没有过多的修饰。要说大家都是这么简洁的风格，为什么潮汐的反而更别致，更舒服呢？

潮汐的设计师对于每一张配图都进行了特别的选择和处理。大家可以注意这些图片的内容，普遍内容沟通简单，背景素净，同时，饱和度尽量压低，不用艳丽的彩色去表现，这样符合用户的诉求：舒缓，不刺激，催眠，安稳。同时，简单的图片不会让用户的大脑信息过载，引起烦躁情绪。静电将这些图片全部摘出来给大家：

我们发现，这些图片大部分都采用抽象的设计，比如嫉妒，焦虑这些，它不会使用一些人物的，特别直观的来表现，而是使用及其抽象的图形去展现，给人极度的视觉统一感。

我的模块-会员变现

我的模块是几乎所有应用的标配，它承载了跟个人有关的应用的全部功能。设计风格上，从截图看，我们会觉得有点发灰，但是手机端却表现良好。这种加有一些灰度的背景，颜色确实是很难去调的，一旦调不好就会发灰，显得脏。潮汐其实也是希望去降低饱和度，所以才这么去做。这是它整个应用的风格，这需要设计师良好的配色基本功。

从上到下，它分为“用户名与头像区域”，“会员区”，“目标统计”，“个人功能栏”四块。

我们发现，潮汐这样的工具类应用，吸引用户的一个重要的点就是它优质的内容，这也是此类人群非常关注的要点，一旦没有优质的音视频内容，不管再好看的设计，对用户的吸引程度也就不存在了。

而潮汐则需要一个点去变现，通过优质的，量较少的免费内容吸引用户，进而通过更多的优质付费内容对用户进行转化。所以，它专门设计了会员页面。而入口，则放在“我的”页面，通过一个黑色的卡片来吸引用户点击，毕竟，黑色与黄色代表尊贵，与众不同。

而这里又涉及到会员卡页面的设计啦。在会员卡页面，有几个点是非常重要的，必须的：1. 一个类似于实体的卡片，同时带有用户名 头像和开通状态。2.会员有哪些权益，你需要给用户展示出来 3. 会员价格，这里一般采用上图的形式，通过列举出多个方案引导用户购买你期望的方案。4. 大的购买按钮。当然，如果是更复杂的应用，也可以加入吸引用户购买的内容模块，来促成用户更强列的购买意愿。

潮汐-官网设计

潮汐官网依然延续大留白，低饱和度的颜色，每张配图都进行精心设计。这才是潮汐特别吸引人的特色。

潮汐-设计思路总结

1. 工具类应用，一个特立独行的吸引用户的设计风格非常重要。2.通过分析用户使用场景，在设计过程中采用降低配色饱和度等方式营造用户喜欢的场景。

3.配图！配图！配图！配图绝对是潮汐这款应用的一个重要的特点，简约，抽象，低饱和度不刺激的配图降低用户大脑的信息饱和程度，营造舒适感。4.大留白，卡片化的设计5.通过免费内容与独特设计吸引用户，进而通过更多的优质内容将用户转化变现。