欢迎您访问南京安优网络官方网站,本公司专注于:网站制作、小程序开发、网站推广。 24小时服务热线:400-8793-956
当前位置:南京网站制作公司 > 资讯中心 > 安优观点
Google 的 Material Design 3 和 Android 12 用户
来源:南京网站制作 时间:2022-08-08 08:13:09

材料设计不需要介绍。它对增强用户体验的无价贡献被透明地记录在案。这种面向 Android 的设计语言和 Google 支持的 protege 通过自然运动展示了其对功能丰富的屏幕触摸体验的贡献。Material Design 的最终目的一直是反映真实世界的对象,这些对象归因于拟产生吸引人的 3D 效果的逼真动画和照明功能。

 
Material Design 3 新功能
Google 的 Material Design 3 (M3) 在 2021 年 Android 开发者峰会上获得了相当多的关注。通过材料你;谷歌更新的 Material Design 语言版本,Android 12 用户率先上线体验这款设计系统的自适应用户界面。Google 的 Material Design 3 的表现力展示了几个更新的库、组件和指南。
 
动态色彩实现
M3 配色方案负责 Android 12 设备的动态颜色范围。通过壁纸生成等自定义设置,Android 12 用户可以使用个性化的配色方案。在这种情况下,用户可以灵活地定制他们的视觉体验,使应用颜色和用户生成的颜色可以相互共存。
 
动态颜色实现可以分为三个部分:
 
1. 用户生成的方案(UGS)
当用户在其个人壁纸选择下启用动态颜色时,他们将在单个设备级别上启动用户生成的方案。内置应用程序(例如时钟和计算器)和设置是可以反映用户生成的颜色偏好的系统 UI 组件的示例。
 
2. M3 基线颜色和标记
喜欢他们的应用程序在深色或浅色主题下运行的用户将受益于基线配色方案提供的默认颜色。由于定义了基线方案结构的色调关系和颜色角色属性, Android 系统应用程序可以无缝地接受用户生成的配色方案。因此,应用程序可以忽略基线颜色值并使用用户生成的颜色方案。
 
3.自定义颜色
虽然动态颜色有利于应用程序的主题生命周期,但自定义颜色可确保这些应用程序不会通过保留特定的附加颜色角色而失去其主题意义。由于已经存在动态颜色和基线方案,自定义/语义颜色为界面设计增加了一些灵活性。
 
可折叠设备设计
具有柔性屏幕的设备可以从此功能中获益良多。目标是让柔性屏幕的折叠和展开动作保留急需的屏幕空间,而不是使其不可用。一个应用程序要适应可折叠屏幕设计,它需要通过一些相当大的条件和约束。
 
1. 尺寸
折叠的智能设备描绘了智能手机的外观,而展开的智能设备描绘了平板电脑的外观。此前景比较与屏幕空间有关,智能手机的预期条件为 4-6 英寸,平板电脑的预期条件为 8-10 英寸。
 
2.内容观看距离
无论智能设备的姿势如何(折叠或展开),可扩展的内容都应在 12-20 英寸的舒适且可适应的观看距离下。
 
3.屏幕方向
在任何屏幕折叠或展开动作时都应启动自适应和自动化的横向或纵向屏幕方向。它有助于缩放显示的内容以获得舒适的视角。
 
4. 人体工程学
由于诸如打字之类的用户交互在展开的屏幕上可能会令人沮丧,而在折叠的屏幕上会令人鼓舞,因此用户可以灵活地将其屏幕操作限制为单手或双手交互。
 
5.可达性
大多数用户往往无法访问 25% 的展开屏幕显示区域。有几个因素会造成这种用户限制,包括用户的手或手指的大小。因此,这 25% 的屏幕上部区域应该容纳有限的用户交互动作。此外,屏幕的底部边缘应该只容纳非必要的交互元素。通过这样的实现,用户应该能够舒适地到达他们设备屏幕的目标区域而不会感到紧张。
 
6. 中心铰链
由于智能设备的这个区域会启动屏幕的折叠动作,因此展开屏幕的 UI 设计不应在中心铰链(48dp)旁边有必要的元素或信息。
 
设计代币
字体和颜色等样式值需要在可用平台、设计、工具和代码中轻松且一致地实现。通过存储此类样式值,令牌有助于实现此目标。硬编码值的使用被排除在外,以确保设计系统的产品以流线型的方式构建、缩放和维护。Material Design 中的颜色和排版值现在包含系统和参考标记的使用。
 
使用令牌,不再需要颜色的十六进制代码静态值。设计令牌使您能够通过不言自明的术语识别和引用您希望实现的设计颜色。此外,由于设计令牌的类似存储库的功能,实现的样式选择和更改很容易记录和跟踪。整个产品始终受益于实施的样式更新。
 
最后说明
Google 的 Material Design 3 (M3) 旨在通过其无可挑剔的 UI(用户界面)设计足迹来解决问题 UX(用户体验)的得分。M3 是想要达到新高度的Android 12 开发人员的 UI 设计天堂。

本文地址:http://www.njanyou.cn/news/5973.html
Tag:
专业服务:南京网站制作,南京网站制作公司,南京网站建设公司
联系电话:025-65016872
上一篇: Web 3.0 如何改变设计格局
下一篇: 如何为老年人设计在线服务
最新案例
永银
永银
珠海跨境电商
珠海跨境电商
五颗星商城
五颗星商城
上海万客生鲜超市
上海万客生鲜超市
一九在线商城
一九在线商城
你可能感兴趣
使用选择轮使网站导航变得有趣的便捷指南
在您的网站上使用不寻常和醒目的颜色的 6 种方法
花店的基本数字营销策略
SEO的内部链接最佳实践
捕捉自信:摄影在男士时尚品牌中的作用
2024年房地产网站的创新网页设计趋势
南京网站制作说说哪些关键因素使商业网站成功?
南京网站制作公司分享使用 iPhone 拍摄更好网站照片的 7 个技巧
最后更新
南京网页制作开发在 SEO 中的作用 南京网站设计的几个技巧帮助你的论文更有趣和吸引人 南京网站建设是如何在 Photoshop 中创建网站横幅 南京网站制作公司如何为您的企业选择最佳的电子邮件营销软件 南京网站制作:您需要聘请网站设计公司的 10 个理由 南京网站设计:2024 个流行的网站设计趋势 如果需要改造在线商店南京网站建设认为需要考虑的 8 件事 南京网站制作公司分享使用 iPhone 拍摄更好网站照片的 7 个技巧
服务项目
南京网站制作 营销型网站 微信营销 IDC网站 精品案例