/你的安卓手机升级了吗

你的安卓手机升级了吗


Android在过去的更新中,虽然会进行一些细微的更改,但其中一些功能最终也未被使用过。同时,大多数制造商都忽略了Google的设计美学,一致地使用他们的自定义皮肤主题。
但是,就在前段时间,Google正式推出了最新版本Android 12,并引入了Google历史上最大的视觉设计,且提供了详尽的新功能列表。
今天,我们就为大家隆重介绍一下Android 12及其突出亮点和功能体验。





01

Material You

安卓最新用户界面


在Google I/O开发者大会上,Google高调发布了其最新的系统——Android 12。同时,它也引入了七年来的第一次重大设计改革:推出了其设计语言系统Material You

Material You可以说是Android最新的用户界面,它使得Material Design (材料设计)为其让路,同时又延续了"Material"这个概念,希望在如今这个扁平化设计时代,更加彰显人们对于材质的感知。

Google重新设计了Android界面,使其更具有可定制性和个性化。而对于UI的更改与新的小部件设计,也促使了Android 12与之前的版本大不相同。除此之外,它也设计了许多新的功能体验。





02

Spotlights

交互界面中的新变化

Google表示,Material You遵循“人性化的方法”进行设计,提供“各种风格、满足各种需求、生动且适应每个屏幕”的设计。其设计美学旨在满足用户对更多“表现力和控制力”的需求,以此获得更加个性化的体验。

▍Color System (色彩系统)

颜色可以表达界面风格并传达一定的意义。在Material You中,产出了一个新的色彩变化——Dynamic Color (动态颜色)。凭借动态色彩,它将个人的颜色偏好和个性化需求置于系统色彩应用的首位。



同时,Material You在色彩搭配上也有着很明显的变化。与之前相比,此次的界面颜色更加显示出一种温和和安静的氛围,给我们一种舒服和自由的感觉。

值得我们注意的是,Material You的颜色系统支持用户偏好设置,并可以与应用程序的界面颜色进行交互。动态颜色专门描述了用户设置与系统UI和应用程序内颜色体验的融合。


因此,从Android 12开始,我们可以通过壁纸选择和其他自定义配置生成个性化方案,进而更改整个系统主题。同时,其生成的颜色可以与应用程序的颜色共存,进而提供一系列可定制的视觉体验。

此外,Google也允许用户从图像中挑选出两种主色且将其用作主题的基础色调。如果我们不想使用背景中的颜色,也可以从"Basics colors"中进行选择,并将其用作整个UI中的默认颜色。


从颜色提取到配色方案,色调被引入到材质组件的特定颜色之中。而我们所定制的方案可以生成浅色和深色主题,而这也将会在应用程序所需的色调范围之内。

由红色花卉壁纸生成的浅色主题颜色选择示例

由红色花卉壁纸生成的深色主题颜色选择示例

▍Large screen layouts  (大屏幕布局)

屏幕的自适应布局对来自用户、设备和屏幕元素的输入做出了反映。如今,越来越多不同种类的智能设备涌出,导致界面对于不同尺寸的屏幕有着不同的适配度。这也促使屏幕的自定义布局变得越来越重要。为了使屏幕更加适配设备尺寸,Material You进行了强大的适应性设计,以确保“适应每个屏幕”。



其中,大屏幕布局有助于横向和纵向的设备的方向设计。此外,在为更大的屏幕调整布局网络时,将内容和元素划分为列,可以使得跨设备尺寸使用符合人体工程学。



例如,移动设备上的水平方向卡片在更大的屏幕上的形状可能会变得更加方正,以此更加突出图像或为更大的字体样式留出空间,以提高可读性。

除此之外,布局中组件的排列也可以随着屏幕尺寸的变化而调整这种适应通过重新定位组件或基于可用屏幕空间隐藏/显示信息来发生的。而在适应较大断点的额外空间时,可以显示隐藏在较小屏幕上的部分UI;而UI及其组成组件可以进行复位或重新定位,以利用更大屏幕上的额外空间。

设备1的导航抽屉已折叠;
设备2的导航抽屉打开以显示更多的操作和功能

单列格式的元素可以重新恢复以填充更大屏幕上的内容区域

▍Buttons  (按钮)

Material You包含了八种类型的按钮组件,其中有五种类型为常用按钮,即:Elevated (升高)、Filled (填充)、Tonal (填充色调)、Outlined (轮廓)以及Text (文本)。按钮有助于传达我们可以采取的行动,它们通常被放置在整个UI中,例如对话框、模态窗口、工具栏等地方。

带有两个按钮的视频通话界面

一个按钮的设计需要包含以下三个元素:Container (内容框)、Lable text (标签文字)以及Icon (图标)。

Container:

按钮内容框包含标签文本和可选图标。文本按钮只有在悬停、聚焦或按下时才会显示可见的容器。此外,在Material You中,所有容器形状都发生了全新的变化:完全圆角

按钮的完全圆角

动态设置按钮的宽度以包含标签文本

Lable text:
标签文本是按钮最重要的元素,它描述了用户点击按钮时将发生的操作。将按钮标签文本中的首个单词和专有名词的首字母大写,就可以区分文本的专有名词。例如:Book with Flights 与 BOOK WITH FLIGHTS。


此外,文本按钮取决于标签文本的颜色和样式,以便从其他文本和元素中识别出来。因此,在文本按钮中,标签文本应使用与其他文本不同的颜色、样式和布局。

使用句子大小写,将首个单词和专有名词大写

在填充按钮中保留操作以突出显示
Icon:
图标可以直观地传达按钮的操作,并有助于引起我们的注意。它们应该被放置在按钮的前导侧/标签文本之前

若语言文本从左到右,则将图标放在标签左侧

若语言文本从右到左,则将图标放在标签右侧
Takeaways:
在Material You中,以下四个元素发生了新的变化:
  • Color (颜色):新的颜色映射以及动态颜色的兼容性,同时图标和标签现在可以共享相同的颜色
  • Icons (图标):前导和尾随图标的尺寸现在为18dp
  • Typography (形状):完全圆角半径、更高的高度和全新的最小宽度
  • Types (类型):三种新的按钮类型——提升按钮、填充按钮和填充色调按钮,它们取代了之前的包含按钮

按钮设在40dp处高,并具有完全圆角

升高按钮

填充按钮,在用于重要操作时具有很高的视觉冲击力

填充色调按钮,具有相对较低的强调度

03

Experience

更流畅的界面体验

除了更加个性化的交互界面变化外,Android 12在功能体验上也进行了一些全新升级。

▍Notification design (通知设计)

Android 12将通知设计进行了重新设计,使其变得更加实用。对于以Android 12为目标平台的应用,包含自定义内容的视图将不再使用完整通知区域;相反,系统会应用标准模板。此模板可确保自定义通知在所有状态下与其他通知保持一致。



例如,在收起状态下的通知图标与展开功能,以及在展开状态下的通知图标、应用名称和收起功能。



通过这种方式,Android 12通过为用户提供可看到且熟悉的通知展开功能,使所有通知保持外观一致且易于浏览。

收起状态下的自定义通知

展开状态下的自定义通知

标准模板中的自定义通知
▍Scrolling design (滚动设计)
为了让内容的滚动更加流畅,在Android 12中,如果发生屏幕拖动行为,视觉元素会拉伸和反弹;在发生快速滑动行为时,它们会快速滑动和反弹。此外,视觉效果对垂直滚动和水平滚动都适用。由于它默认应用于未停用滚动的所有应用程序,因此可以提供更一致的界面体验。

▍Splash screen (启动画面)
Android 12为所有应用程序设计了最新的启动画面。这包括启动时的进入应用动画、显示应用图标的启动画面,以及向应用本身的过渡。这个设计可以让程序在每次启动时都呈现标准设计元素,同时它也可以自定义,以便我们的应用可以保持其独特的品牌。


此外,这些动画的元素是由Android清单中的XML资源文件定义的。每个元素都有浅色模式和深色模式版本。它们由窗口背景、动画形式的应用图标和图标背景组成。

启动画面

启动画面的可自定义元素

04

Future

Android的未来展望

Android 12的更新以及Material You的推出,使得移动端的体验变得更加舒适。而在如今这个信息化时代,随着越来越多移动设备的出现,计算技术也在不断地更新迭代,这也促使我们对于电子设备的各个功能和体验需求也随之变高。

其实,我们不难发现,Google在此次Android的升级中,将用户的情感化共鸣放在了核心位置。也许未来推出的各种系统或设计,都将具有丰富的功能体验,以唤起我们的共情能力。


以上,就是有关Android 12及Material You的相关介绍,感兴趣的同学可以点击下方链接进一步了解。


Material You官网:
https://m3.material.io/
Android 12开发者网站:https://developer.android.google.cn/about/versions/12



编辑:YAN

图文信息源于网络,侵权告知即删



本文来自微信公众号“交互设计小站”(ID:racjiaohu)。大作社经授权转载,该文观点仅代表作者本人,大作社平台仅提供信息存储空间服务。