主题 : 谷歌发布安卓折叠屏手机应用设计规范
千山同一月 万户尽皆春 千江有水千江月 万里无云万里天
级别: 总版主

UID: 998
精华: 0
发帖: 605080
威望: 530158 点
无痕币: 0 WHB
贡献值: 0 点
在线时间: 62879(时)
注册时间: 2008-12-25
最后登录: 2024-06-02

谷歌发布安卓折叠屏手机应用设计规范

Android 的覆盖范围在递增,体验也在变得越来越好,现已有超过 2.5 亿台大屏设备搭载了 Android 系统,包括平板电脑、可折叠设备以及 Chrome OS 设备。如何适配不同的屏幕尺寸并保障良好的体验,一直以来都是开发者的一大难题。尤其随着可折叠设备等新兴产品的涌现,适配工作也愈发迫切。

谷歌官方发文,将重点介绍 Material Design 指南中更新的相关内容,并提供一些建议来帮助开发者按照自适应界面的原则来构建应用,从而解决在平板电脑和可折叠设备上的适配问题。
如果您更喜欢通过视频了解本文内容,请点击下方:

△ 折叠屏上应用设计规范
Compose
https://developer.android.google.cn/jetpack/compose/nav-adaptive
设计指南
2021 年年初,我们在 Material Design 网站上发布了针对大屏设备的指南文档。Android 开发者峰会期间我们更新了一些内容,以帮助开发者为可折叠设备等更多其他类型的设备做好准备。
https://m3.material.io/foundations/adaptive-design/overview
深入理解布局
深入理解布局指南介绍了布局容器的相关概念,它提供了一个整体框架,可帮助开发者思考如何在屏幕上排列导航栏、工具栏和内容等界面元素。
https://material.io/design/layout/understanding-layout.html#principles

△ 布局的三个主要区域
指南中的组合部分带您了解如何充分利用屏幕空间以保障可读性,并且以尊重用户心智模型的方式在不同的场景下合理排布重要内容和操作选项。包括适当缩放以展示更多内容,如示例中的副标题和日期,以及较小的组合技术,例如在紧凑型的布局中对内容进行视觉分组并保持其相关性等。
https://material.io/design/layout/understanding-layout.html#composition

△ 组合指南中涉及的部分布局方式
以 Fortnightly 示例应用为例,它在平板电脑上的界面布局十分均衡,这得益于它遵从了指南里对容器的建议。而且可以看到,Fortnightly 使用了视觉分隔线 (Visual Divider) 用于分隔最新新闻,在屏幕的另一边,则利用留白和排版对不同类别的新闻报道进行分组。

△ Fortnightly 遵循指南对内容进行分隔和分组
级别: 七朵秋菊

UID: 219073
精华: 0
发帖: 26839
威望: 22960 点
无痕币: 109 WHB
贡献值: 0 点
在线时间: 1538(时)
注册时间: 2013-09-06
最后登录: 2024-06-02

谢楼主辛苦分享!
Total 0.039695(s) query 5, Time now is:06-02 23:16, Gzip enabled 粤ICP备07514325号-1
Powered by PHPWind v7.3.2 Certificate Code © 2003-13 秋无痕论坛