当前位置: 主页 > 建站知识 > APP开发

原生app-原生app和混合app区别

发布时间:2023-05-29 11:09   浏览次数:次   作者:佚名

重新定制原生桌面

Nova Launcher - 一键开启 Android 原生桌面 1

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

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

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

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

王俊煜的手机桌面

Nova Launcher - 一键开启 Android 原生桌面 2

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

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

NovaDNG 的手机桌面

Nova Launcher - 一键开启 Android 原生桌面 3

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

*NovaDNG,设计师

马力的手机桌面

Nova Launcher - 一键开启 Android 原生桌面 4

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

*马力,最美应用 CEO

动画

Material Design – Animation

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

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

Nova Launcher - 一键开启 Android 原生桌面 5

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

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

Nova Launcher - 一键开启 Android 原生桌面 6

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

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

Nova Launcher - 一键开启 Android 原生桌面 7

Material Design 中的动画效果,需要承载“引导用户”的功能。

通过单个元素和矩形面之间的转化,动画带领用户去了解每一个元素的因果关系和时间关系。

透明栏

Material Design – Translucent Bars

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

Nova Launcher - 一键开启 Android 原生桌面 8

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

Nova Launcher - 一键开启 Android 原生桌面 9

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

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

系统图标

Material Design – System icons

系统图标:拒绝“空间感”的色块和线条

Nova Launcher - 一键开启 Android 原生桌面 10

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

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

Nova Launcher - 一键开启 Android 原生桌面 11

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

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

滑块与开关

Material Design – Switches & Sliders

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

Nova Launcher - 一键开启 Android 原生桌面 12

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

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

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

Nova Launcher - 一键开启 Android 原生桌面 13

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

Design Tips-Material Design

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

Nova Launcher - 一键开启 Android 原生桌面 14

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

Nova Launcher - 一键开启 Android 原生桌面 15

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

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

Nova Launcher - 一键开启 Android 原生桌面 16

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

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

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

曾经,青小蛙为了购买 Nova Launcher Prime 而去折腾 Google Play 的付费,折腾那个坑爹的 Play 商店。如今,虽然青小蛙测试过无数款桌面 Launcher,但至始至终,都是 Nova Launcher 在桌面。

相关链接: