时间:2023-01-19 | 标签: | 作者:Q8 | 来源:网络
小提示:您能找到这篇{案例研究:一款助眠APP的UI设计分析}绝对不是偶然,我们能帮您找到潜在客户,解决您的困扰。如果您对本页介绍的案例研究:一款助眠APP的UI设计分析内容感兴趣,有相关需求意向欢迎拨打我们的服务热线,或留言咨询,我们将第一时间联系您! |
现在,我们发现健康类APP越来越多了:健身应用程序、跟踪器、卡路里计算器、水和食物日记、活动提醒等等,这些APP的确对我们保持日常健康提供了帮助。 今天我们就来分享一款助眠APP——Slumber的UI 设计案例,该项目由UI / UX设计师Ernest Asanov主导。 项目一款助眠APP的UI 设计。 目标Slumber是为有睡眠问题的人设计的,里面包含故事和冥想的内容。通过这些内容,Slumber希望能够让用户放松,从而睡个好觉。 界面设计的主要任务是:
整个APP非常简洁,一共有三个Tab,分别是首页、睡眠库、我的,下面分别来看一下具体的设计思路。 首页至于颜色和背景的选择,移动用户的界面是根据APP的功能来设计的。Slumber采用的是深色调,传递灯光柔和的夜晚氛围。屏幕上还有一些相应的图形,整体看起来时尚、深沉。 首页上有新剧集和热门播放列表,标签栏将用户链接到APP的核心功能区域:主页、睡眠库和我的。鉴于Slumber的目标用户群体十分广泛,一些用户可能不太熟悉技术,因此设计师采用了标签+图标的方式,以便为每内衣的营销方案 公司 联个人提供清晰的导航。 屏幕上另一个漂亮而引人注目的点是自定义插图,它与预加载器一起制作成动画,使得等待的过程不但不乏味,还充满了美的吸引力。 睡眠库睡眠库中有大量轻松的内容可供选择,为了能够让用户快速的进行略读,每个选项都配了相应的主题图片。 简单明了的过滤器系统,使得用户可以选择最舒适的设置和声音组合,以完善冥想或睡眠的体验。用户可以自己调整背景效果,创建个性化的声音。在用户调整和聆听音乐的过程中,背景图片一直存在,不会消失,整个体验很完整。 Slumber上的动画并不引人注目,但是在过渡的过程中为界面添加了风格和自然外观。选择的字体可读性很高,排版层次结构非常清晰,用户可以在短时间内浏览屏幕。 睡眠库中的配图质量都非常高深圳b2b网络推广多少钱,不但让用户在视觉上看起来非常舒服,也创造了很好的使用氛围。 我的“我的”类目下面有用户所有的关键性信息,用户可以自己设置就寝时间提醒,获取睡眠耳机,定价屏幕显示用户如何达到高级模式。在这个模块里,UI设计也是采用的深色背景和鲜艳的图案,容易吸引用户的注意力。 这个项目是一个有趣的挑战,在整个设计过程中,既要考虑与“健康睡眠这个主题的对应性,也要注意视觉元素的时尚型,要在二者之间取得平衡。
作者:Tubik Studio 原文地址:https://uxplanet.org/case-study-slumber-mobile-app-design-for-healthy-sleeping-83b0acb454b0 翻译:熊小熊 本文由 @熊小熊 翻译发布于。, 题图来自 Pexels,基于 CC0 协议 |
上一篇:对网页设计师而言,是选择单页面还是多页面的
下一篇:从“曹冲称象”看设计如何量化
一、标题规则:标题关键词分开的店铺,关键词排名和权重会排在前面。所以店主...
作为一个淘宝卖家,关注自己的店铺权重,是十分重要的,因为这对自己的销量、...
一般的消费者在淘宝买东西的时候都会先输入一个他理解这个产品的词组,顾客的...
淘宝直通车收费方式还是挺好的,所以对于一些资金比较少的淘宝店家来说,推广...
第一步:登录到淘宝卖家中心,点击左侧菜单中的『物流管理-电子面单平台-我的...
推广当然都希望立竿见影,最好来一个点你广告的,就做一笔生意,所以要选择你...
现在开淘宝网店只要交一些保证金就可以完成了,可以说是投资最低的创业成本了...
宝贝滞销,也就是说宝贝长期没有销量,上架之后90天依然没有销量,那么淘宝方...
直通车坑位指的是大家在使用直通车做店铺推广的时候,官方平台给予宝贝的展示...
线下活动对很多网站来说不容易,对于一些静态网站来说更加无从着手。比如技术...
小提示:您应该对本页介绍的“案例研究:一款助眠APP的UI设计分析”相关内容感兴趣,若您有相关需求欢迎拨打我们的服务热线或留言咨询,我们尽快与您联系沟通案例研究:一款助眠APP的UI设计分析的相关事宜。
关键词:1年, 初级, 案例研究,