01
Material You
安卓最新用户界面
在Google I/O开发者大会上,Google高调发布了其最新的系统——Android 12。同时,它也引入了七年来的第一次重大设计改革:推出了其设计语言系统Material You。
Google重新设计了Android界面,使其更具有可定制性和个性化。而对于UI的更改与新的小部件设计,也促使了Android 12与之前的版本大不相同。除此之外,它也设计了许多新的功能体验。
02
Spotlights
交互界面中的新变化
Google表示,Material You遵循“人性化的方法”进行设计,提供“各种风格、满足各种需求、生动且适应每个屏幕”的设计。其设计美学旨在满足用户对更多“表现力和控制力”的需求,以此获得更加个性化的体验。
▍Color System (色彩系统)
颜色可以表达界面风格并传达一定的意义。在Material You中,产出了一个新的色彩变化——Dynamic Color (动态颜色)。凭借动态色彩,它将个人的颜色偏好和个性化需求置于系统色彩应用的首位。
同时,Material You在色彩搭配上也有着很明显的变化。与之前相比,此次的界面颜色更加显示出一种温和和安静的氛围,给我们一种舒服和自由的感觉。
因此,从Android 12开始,我们可以通过壁纸选择和其他自定义配置生成个性化方案,进而更改整个系统主题。同时,其生成的颜色可以与应用程序的颜色共存,进而提供一系列可定制的视觉体验。
此外,Google也允许用户从图像中挑选出两种主色且将其用作主题的基础色调。如果我们不想使用背景中的颜色,也可以从"Basics colors"中进行选择,并将其用作整个UI中的默认颜色。
由红色花卉壁纸生成的浅色主题颜色选择示例
由红色花卉壁纸生成的深色主题颜色选择示例
▍Large screen layouts (大屏幕布局)
屏幕的自适应布局对来自用户、设备和屏幕元素的输入做出了反映。如今,越来越多不同种类的智能设备涌出,导致界面对于不同尺寸的屏幕有着不同的适配度。这也促使屏幕的自定义布局变得越来越重要。为了使屏幕更加适配设备尺寸,Material You进行了强大的适应性设计,以确保“适应每个屏幕”。
其中,大屏幕布局有助于横向和纵向的设备的方向设计。此外,在为更大的屏幕调整布局网络时,将内容和元素划分为列,可以使得跨设备尺寸使用符合人体工程学。
例如,移动设备上的水平方向卡片在更大的屏幕上的形状可能会变得更加方正,以此更加突出图像或为更大的字体样式留出空间,以提高可读性。
单列格式的元素可以重新恢复以填充更大屏幕上的内容区域
▍Buttons (按钮)
带有两个按钮的视频通话界面
一个按钮的设计需要包含以下三个元素:Container (内容框)、Lable text (标签文字)以及Icon (图标)。
Container:
按钮的完全圆角
动态设置按钮的宽度以包含标签文本
此外,文本按钮取决于标签文本的颜色和样式,以便从其他文本和元素中识别出来。因此,在文本按钮中,标签文本应使用与其他文本不同的颜色、样式和布局。
若语言文本从左到右,则将图标放在标签左侧
-
Color (颜色):新的颜色映射以及动态颜色的兼容性,同时图标和标签现在可以共享相同的颜色
-
Icons (图标):前导和尾随图标的尺寸现在为18dp
-
Typography (形状):完全圆角半径、更高的高度和全新的最小宽度
-
Types (类型):三种新的按钮类型——提升按钮、填充按钮和填充色调按钮,它们取代了之前的包含按钮
升高按钮
填充按钮,在用于重要操作时具有很高的视觉冲击力
填充色调按钮,具有相对较低的强调度
03
Experience
更流畅的界面体验
除了更加个性化的交互界面变化外,Android 12在功能体验上也进行了一些全新升级。
▍Notification design (通知设计)
Android 12将通知设计进行了重新设计,使其变得更加实用。对于以Android 12为目标平台的应用,包含自定义内容的视图将不再使用完整通知区域;相反,系统会应用标准模板。此模板可确保自定义通知在所有状态下与其他通知保持一致。
例如,在收起状态下的通知图标与展开功能,以及在展开状态下的通知图标、应用名称和收起功能。
通过这种方式,Android 12通过为用户提供可看到且熟悉的通知展开功能,使所有通知保持外观一致且易于浏览。
收起状态下的自定义通知
04
Future
Android的未来展望
Android 12的更新以及Material You的推出,使得移动端的体验变得更加舒适。而在如今这个信息化时代,随着越来越多移动设备的出现,计算技术也在不断地更新迭代,这也促使我们对于电子设备的各个功能和体验需求也随之变高。
其实,我们不难发现,Google在此次Android的升级中,将用户的情感化共鸣放在了核心位置。也许未来推出的各种系统或设计,都将具有丰富的功能体验,以唤起我们的共情能力。
编辑:YAN
图文信息源于网络,侵权告知即删
本文来自微信公众号“交互设计小站”(ID:racjiaohu)。大作社经授权转载,该文观点仅代表作者本人,大作社平台仅提供信息存储空间服务。