豌豆荚

豌豆荚设计奖第 213 期

Nova Launcher

一键开启 Android 原生桌面

用微信扫描二维码,就可以分享到好友或朋友圈了

Nova Launcher

重新定制原生桌面

现在,你与 Android 原生桌面,只差一个 Nova Launcher。

第 213 期豌豆荚设计奖,我们颁给了一个最受欢迎的第三方桌面应用——Nova Launcher。它无限大的自由度让你能将自己的手机桌面重新定制成任何样子。

在今年六月的 4.0 版本更新中,它使用了 Android 5.0 的设计风格,很好地实现了 Google Material Design 规范。

本期豌豆荚设计奖请来了三位使用 Nova Launcher 的 Android 资深用户,并公开了他们为自己量身打造的手机桌面——

王俊煜的手机桌面

选择 Moonshine 图标包,灵活搭配文件夹与 widget,工作和信息应用分屏展示。

第一屏
放置五个文件夹,基本是 Google 的原生配置,加了一个 Google Now widget。

第二屏
三个工作用的 Widget:Asana、Google Keep、Google Tasks。

第三屏
两个常用的信息源:Flipboard、Press。

第四屏
无聊的时候摆的一屏 PPPPP...

王俊煜,豌豆荚联合创始人

NovaDNG 的手机桌面

Widget 可以满足从拍照到查看天气的所有需求,常用的应用分门别类放置在不同文件夹中。

第一屏
留空,用来看壁纸。

第二屏
索尼相机的 widget,TrackID 的 Widget,用来阅读、看新闻、听博客的应用放在 Lorem 文件夹里,一些工具类的应用放在 Ipsum 文件夹里。

第三屏
主屏,放置时钟和社交类应用文件夹。

第四屏
Play Newsstand widget、Play Sound Search widget、记账软件 Financius 和相册文件夹。

第五屏
天气应用 Weather Timeline 的两个 widget。

NovaDNG,设计师

马力的手机桌面

阅读和工作文件夹占据了首屏的主要位置,只保留搜索和电量控制的 widget,让桌面保持简单清晰。

第一屏

放置一些常用的应用,在「读」文件夹中放置平时常阅读 App。

第二屏

Google Search 的搜索框,结合 Google Now 的搜索功能非常强大。下面的电量控制,方便迅速管理各项功能减少耗电。

马力,最美应用 CEO

动画

Material Design - Animation

接下来,我们会通过对 Nova Launcher 4.0 的分析,告诉你如何判断一个产品是否采用了 Material Design 的设计规范。

动画:让用户知道每一个元素从哪里来,到哪里去。

Nova Launcher 的「菜单」按钮逐渐放大,直到占领整个屏幕。

在这个过程中,按钮本身即为整个动画的起点。

在 Nova Launcher 的设置界面,你手指的点击会唤出「涟漪」,从「涟漪」为中心,开启一个新界面。

在这两个案例中,唤出菜单、退出菜单与按钮的因果关系,被叙述得非常清楚。

Material Design 中的动画效果,需要承载「引导用户」的功能。
通过单个元素和矩形面之间的转化,动画带领用户去了解每一个元素的因果关系和时间关系。

透明栏

Material Design - Translucent Bars

透明栏(Translucent Bars):让通知栏和页面融为一体

Nova Launcher 的顶部导航栏,使用了比页面主色调 #D84315 更深一个色号的橙色。

为了让手机屏幕被充分利用,Material Design 提供了四种顶部导航栏形态。

它们分别是半透明、黑色、从页面中提取的颜色,以及比应用栏深一个色号的颜色。

系统图标

Material Design - System icons
系统图标:拒绝「空间感」的色块和线条

重新设计了一系列简洁明快的系统图标。

「界面外观」以调色盘表示,「文件夹」则使用圆形、方形和线条,简化了「正在运行」的应用界面。

Material Design 中的系统图标必须清晰、扁平,传统的「空间感」是被禁止的。

所有的矩形色块必须使用圆角,线条和笔画则用尖角展现凹凸感。

滑块与开关

Material Design - Switches & Sliders

操作按钮:让页面设置和开关灯一样容易


在 Nova Launcher 中,你可以使用滑动条自由调整透明度和图标字体大小。

单选按钮不只更节省空间,还通过动画表达「聚焦」和「按下」的状态。

开关按钮的设计,以颜色和动画营造出 On/Off 的视觉效果。

不管是单选、多选、自由划动或是开关,Material Design 的原则是,在最节省空间的同时,以最直观的方式引导用户操作。

Design Tips-Material Design

在Google 发布 Android 5.0 系统以后,大家都开始谈论 Material Design。「Material」代表着什么?究竟什么才是 Material Design?它有什么样的设计特征?

Google 的 Material Design 是一套统一的设计语言。它在手机、平板、甚至电脑的不同平台和不同尺寸的屏幕上,都保持着一致的体验。

Material Design 中的魔法材料「Material」,拥有纸张的特性、物理世界的特性和反馈能力。

除此之外,它还具有伸缩、变形、自由拼接和分裂的能力,Material Design 的页面中任何一个元素都由它衍生而来。

只有一张白纸的变换未免显得单薄。因此,Material Design 将材料打上光线,以阴影表现不同的高度和层级关系,赋予页面丰富的视觉想象。

除了基本的特性介绍,对于颜色、动画和字体,Material Design 也有详细的设计规范。

你可以通过搜索 Google Material Design 进行更深度的了解。

Nova Launcher
6.16M · 166 万人安装 · 5月7日更新

遵循 MD 设计,在不同手机上体验安卓原生桌面的最好方式。

随便看看