首页 > 科技 >

案例研究|一款助眠APP的UI设计分析

2018-07-13 05:37:41 网络整理 阅读:106 评论:0

现在,我们发现健康类APP越来越多了:健身应用程序、跟踪器、卡路里计算器、水和食物日记、活动提醒等等,这些APP的确对我们保持日常健康提供了帮助。今天我们就来分享一款助眠APP--Slumber的UI 设计案例。该项目由UI / UX设计师Ernest Asanov主导。

案例研究|一款助眠APP的UI设计分析

项目

一款助眠APP的UI 设计

Slumber是为有睡眠问题的人设计的,里面包含故事和冥想的内容。通过这些内容,Slumber希望能够让用户放松,从而睡个好觉。界面设计的主要任务是:

1、清晰直观的导航,用户使用这个APP主要是为了放松,而不是花几个小时获取信息;

2、时尚的视觉图形,为产品营造适当的氛围;

3、高可读性和引人入胜的动画,以支持轻松的交互。

整个APP非常简洁,一共有三个Tab,分别是首页、睡眠库、我的,下面分别来看一下具体的设计思路。

至于颜色和背景的选择,移动用户的界面是根据APP的功能来设计的。Slumber采用的是深色调,传递灯光柔和的夜晚氛围。屏幕上还有一些相应的图形,整体看起来时尚、深沉。

案例研究|一款助眠APP的UI设计分析

首页上有新剧集和热门播放列表,标签栏将用户链接到APP的核心功能区域:主页、睡眠库和我的。鉴于Slumber的目标用户群体十分广泛,一些用户可能不太熟悉技术,因此设计师采用了标签+图标的方式,以便为每个人提供清晰的导航。

相关文章