健康类睡眠app的设计方案研究

越来越多的人开始关注自己的健康问题，前几年也是一大波的健康类app涌现出来，其中包括了健身、卡路里计算、食物日记、活动提醒等等。这些应用对很多来说还是非常有用的，可以帮助他们锻炼出完美身材，同时也能保持身体健康。

今天，25学堂跟大家分享一款睡眠app的设计方案，由tubikstudio设计，应用名叫：Slumber。

设计过程：

Slumber睡眠app是为那些有睡眠障碍或者过渡紧张的人群设计的，包括了故事和沉思两个主要功能，睡眠的轨迹可以让用户整晚都能放松并睡得安稳。APP界面设计的主要任务有：

1，清晰直观的导航。睡眠APP的功能主要是让用户放松，而不是花很多的时间从一个屏幕浏览到另外一个屏幕。

2，视觉设计的图形能够匹配展现的氛围。

3，可读性和引人入胜的动效，支持简单的互动。

一、主屏设计

主屏幕的颜色和背景色应根据APP的具体功能来选择。因为这款app是为睡眠用户设计的，所以背景色选择深色，给人夜晚的氛围，晚上看这样的屏幕也会显得柔和。画风加入了插画，看起来更沉稳和时尚。

主屏幕包含新的故事情节和流行的播放列表。标签栏只展示APP的三个核心功能：主页，资料库和用户中心。由于该应用程序的目标受众人群非常广泛，从普通老百姓到高管，因此设计师在导航图标下标示出文字说明，以便所有人都能理解。

主屏幕上另一个吸引眼球的设计是一个插图设计，下拉加载内容时有动画效果，使等待的过程不会乏味。

二、睡眠资料库

APP的资料库提供了大量可供选择的放松专辑。为了让用户能够快速浏览列表并识别每个专辑的内容，每个专辑都用了精心挑选的图片。

简单而清晰筛选系统允许用户选择最舒适的设置和声音组合，让冥想和睡眠体验更完美。在设置过程中，背景一直存在不会消失。

不是特别明显的过渡动画为界面增添了时尚和自然的外观。选​​择了高可读性和清晰的印刷层次结构的字体，以便用户可以在短时间内扫描屏幕找到信息。

睡眠资料库中使用的图片都是高清具有美感的图片，创造出优雅的视觉，每张图片都能匹配用户看到的和听到的内容。

三、用户中心

用户中心除了展示了所有的正常的关键信息，还可以设置睡前提醒，匹配耳机。还展示了高级付费页面。

这个睡眠app的设计方案项目，需要在明确的使用功能场景与时尚的视觉效果中找到一个平衡。

如果您对健康类的APP设计感兴趣，不妨下载这个设计模板-Keira iOS UI 练练手。