关注每日深度好文分享,正能量经典好文分享!

当前位置:主页 > 好文分享 >

一个全新的UI设计实战:帮你改善睡眠的APP,是这样设计出来的

  • 原创
  • 好文分享
  • 2022-06-26 02:50:02
  • 本文有473个文字,大小约为3KB,预计阅读时间2分钟

主界面将会包含最新的助眠音轨和最流行的播放列表。底部的标签栏会将用户导向到 APP 的核心功能区域,也就是主页、资源库和个人页面。由于这款 APP 的目标受众非常广泛,其中许多用户不乏技术素养相对比较低的普通用户,因此设计师需要将应用的易用性和可理解性提升到一个非常高的层面,通过明确的导航和简单的界面让每个用户都能够轻松使用。

另外一个颇为有吸引力的设计,是可以自定义的封面图,以及预加载好的动画,这使得 APP 的界面不会显得乏味或者缺乏吸引力。

资源库

APP 中包含了大量的用来促眠的音频素材,用户可以在资源库中寻找自己觉得不错的音轨。

简约而清晰的过滤系统能够帮助用户找到最舒适的声音组合,帮助用户进行冥想或者睡眠。用户可以通过调整背景音效来寻求个性化的组合,找到最适合自己的。背景图片将会始终显示,并不会在调整过程中消失,确保整个流程不会断掉。

微妙的动效将会在用户的整个交互过程中提升体验的愉悦度,又不会影响操作。选择了可读性优良的字体,结合清晰的层次结构,用户可以在短时间内快速获取屏幕中的信息。

高质量的图片是素材库中内容的重要支撑,它们确保整个视觉足够优秀,并且让用户在视觉上享受到了良好的氛围支撑。

个人页面

个人页面中包含了用户自身相关的关键信息,以及一些相关的交互,比如睡前提醒,

一个全新的UI设计实战:帮你改善睡眠的APP,是这样设计出来的

耳机模式以及相关的一些设置。用户还可以选择包含更多功能和服务的进阶模式。同样的,个人页面也采用了深色系设计,沉稳优雅。

这个项目是个有趣的挑战,相对独特的需求和小众的主题需要设计师在设计过程中仔细衡量,作出更加深思熟虑的设计决策。

原文作者 : Tubik Studio

译者/编辑 : 陈子木

译文地址:https://www.uisdc.com/case-study-slumber-ui-design

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容,请发送邮件至1450188540@qq.com举报,一经查实,本站将立刻删除。

猜你喜欢

微信公众号