Android 设计中心 | 助您为各种设备类型轻松打造精彩界面

news2024/12/25 9:32:54

2f9453f5113ae2dcaca7759960f14adf.gif

作者 / Android 开发者体验部设计负责人 Adhithya Ramakumar 和 Android 高级开发者关系工程师 Rebecca Gutteridge

我们推出了 Android 设计中心,帮助开发者更轻松地针对各种类型的设备构建引人注目的界面。

  • Android 设计中心
    https://developer.android.google.cn/design/ui

02361b13cdafde0a24e942c39ed56fa8.png

什么是 Android 界面设计中心?

Android 界面设计中心是一个综合性资源平台,可提供有针对性的指导,旨在帮助您和其他设计师和开发者为 Android 应用创建出色且用户友好的界面。您可在这里找到心得分享、示例和注意事项、Figma 入门套件、界面代码示例和设计参考。我们希望您以此为起点,加入我们的旅程。

7179a46955cdf5c7778b23f8a72508e9.png

为什么要推出 

Android 界面设计中心?

精心设计的用户界面对一款应用的成功至关重要,这就是我们要创建一站式服务的原因所在,我们希望帮助开发者针对以下所有类型的 Android 设备创建出色的用户界面:

  • 移动设备

    https://developer.android.google.cn/design/ui/mobile/guides/foundations/system-bars

  • Wear OS 设备

    https://developer.android.google.cn/design/ui/wear/guides/foundations/getting-started

  • 大屏设备

    https://developer.android.google.cn/design/ui/large-screens

  • 电视

    https://developer.android.google.cn/design/ui/tv/guides/foundations/design-for-tv

设计中心深入探讨了针对 Android 设计应用的意义,同时补充和扩展了 Material Design 开源设计系统。随着 Android 生态系统中的设备类型越来越多,为您的用户创造顺畅、适应性强的体验现在愈加重要。Android 界面设计中心可为您提供综合性资源,无论是智能手机、平板电脑、可折叠设备、可穿戴设备还是电视,您都能轻松掌握在不同设备上设计和实现界面的技巧。

欢迎您抢先一睹设计中心的内容:

643006f74009d1f76087f22656dfc434.png

各设备类型的分类资源

您可以查看针对每种设备类型量身定制的库,包括指南、设计模板和示例项目。这些触手可及的资源,帮助您为每种设备创建卓越的界面体验。

1e2ede9475399864179b42d7b72ecaab.gif

45ee08c3e4d8737b3dec5296d54850f3.png

图库涵盖不同设备类型,

激发您的界面设计灵感

您可以通过探索我们的 Android 应用设计作品集来激发创造力,这些应用设计适用于各种热门的应用类别,例如社交应用、效率应用、健康与健身应用、购物应用等。欢迎您从我们精心挑选的示例中获得灵感并探索设计模式,以应对以下不同类型设备中的常见设计挑战:

  • 大屏设备

    https://developer.android.google.cn/large-screens/gallery

  • Wear OS 设备

    https://developer.android.google.cn/wear/gallery

44ad684981c507f4298c4e1d2f9e16ca.gif

015c8ff29005d727a25dc5033a42158e.png

设计指南

您还可以深入了解 Android 设计原则的细枝末节,学习如何实现高质量的 Android 设计,并了解 Android 系统栏、导航模式、主题等的应用布局。欢迎您借助我们的综合性文档确保应用设计符合最高标准,并查看最新的 Material Design 指南。

  • 移动设备

    https://developer.android.google.cn/design/ui/mobile/guides/foundations/system-bars

  • Wear OS 设备

    https://developer.android.google.cn/design/ui/wear/guides/foundations/getting-started

  • 大屏设备

    https://developer.android.google.cn/design/ui/large-screens

  • 电视

    https://developer.android.google.cn/design/ui/tv/guides/foundations/design-for-tv

d2c77d55da24d54201ff9bdd4ecde6d7.png

设计工具和资源

779be3e2e47b76d2b40954678efc4dc3.png

您可以获取大量专为 Android 开发量身定制的精选设计工具、模板和资源。简化设计工作流程并更高效地实现应用创意:

  • Wear OS Figma 套件

    https://developer.android.google.cn/training/wearables/design/download

  • Android 移动版 Figma 套件

    https://www.figma.com/community/file/1237551184114564748/Android-UI-Kit

  • 电视 Figma 套件

    https://www.figma.com/community/file/1235253029449067033/TV-Design-Kit

欢迎查看下方代码示例以及对应的 Figma 套件:

  • Now in Android 案例研究

    https://www.figma.com/community/file/1164313362327941158/Now-In-Android-Case-Study

  • 电视示例

    https://developer.android.google.cn/design/ui/tv/samples/overview

无论您是经验丰富的设计师还是希望提高设计技能的开发者,Android 设计中心都可以在您的整个开发之旅中为您提供支持和指导。

现在就行动起来吧!立即访问 Android 界面设计中心,开始创建出色的用户界面,吸引受众并给他们留下难忘的印象。祝您拥有愉快的设计体验!🚀也欢迎您持续关注我们,及时了解更多开发技术和产品更新等资讯动态。

25fd595dce41a468f5bd10045d95f5a7.gif

推荐阅读

如页面未加载,请刷新重试

33e56da3c9fc6cc3843e896db30686a9.gif 点击屏末 阅读原文 | 即刻访问 Android 设计中心


5f44970753c5c50474d625aede2b2c88.png

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/670004.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

转型内卷下,IT部门如何突围?

在数字化转型极度“内卷”的环境下,传统的IT运维方式无法应对当前的数字化发展需求,在转型过程中,IT部门不但要加深技术与业务的融合,还需要控制成本创造更高的效益。对信息部门的要求进一步提升。 需要明确的是,降本…

废品回收系统开发详细流程--干货分享

废品回收系统的未来可谓是一片光明。随着人们环保意识的不断提高,越来越多的人开始关注废品回收和再利用。这种趋势也在推动着废品回收系统的发展。 目前,各大城市都已经建立了自己的废品回收体系,并且逐渐形成了规模化、产业化运作。同时&a…

EAP如何帮助锂电池厂商提高产品质量?

锂电池作为现代电池技术的重要代表,广泛应用于电动车辆、便携式电子设备和能源储存系统等领域。随着市场竞争的加剧,锂电池厂商越来越注重产品质量的提升,而EAP(Equipment Automation Programming)系统正是帮助锂电池厂…

JavaScript——跟随图片变化改变网页背景

目录 基础模板 引入ColorThief库 获取图片主要颜色 实现渐变效果 JavaScript效果——跟随图片变化改变网页背景&#xff0c;效果如下所示&#xff1a; 基础模板 首先我们准备基础模板&#xff0c;模板代码如下所示&#xff1a; <script setup> import { ref } from…

Chat GPT提示词(prompt )入门指南

prompt 是什么 prompt 是“提示、引导”的意思。在 NLP &#xff08;自然语言处理&#xff09;领域&#xff0c;prompt 通常指的是向预训练模型输入的文本&#xff0c;用于引导生成模型生成指定的文本输出。 prompt 就像是一条指路路线&#xff0c;告诉计算机生成什么样的文本…

戴尔U盘重装系统Win10步骤和详细教程

戴尔电脑深受用户们的喜欢&#xff0c;那么如何使用U盘给戴尔电脑重装Win10系统呢&#xff0c;这让很多用户都犯难了&#xff0c;以下就是小编给大家分享的戴尔U盘重装系统Win10步骤和详细教程&#xff0c;按照这个教程操作&#xff0c;就能顺利完成戴尔U盘重装Win10系统的操作…

Ansys Zemax | 如何建模人体皮肤以及光学心率探测器

光电容积脉搏波法&#xff08;PPG&#xff09;是一种低成本&#xff0c;无创的光学技术&#xff0c;可在皮肤表面进行生理测量。其最广泛的应用之一是商用智能手表和运动手环中包含的可穿戴心率传感器&#xff0c;它在日常环境下可提供舒适和连续的脉搏监测。本文演示了如何在 …

如何做好城市内涝监测工作?

城市内涝是由于降雨量过大、排水设施不足等原因导致的城市地区积水现象&#xff0c;城市内涝是严重影响城市运行和居民生活的自然灾害之一。因此&#xff0c;建立有效的城市内涝监测系统&#xff0c;对于提前发现内涝风险、采取及时的防范和应急措施至关重要。那么如何做好城市…

鼎博梯控MF1卡UID卡修复

物业发了4张卡MF1卡&#xff0c;默认无法修改卡号的&#xff08;当时不知道&#xff09;&#xff1b; 需要交物业费更新日期&#xff0c;手里只有两张卡&#xff0c;另外两个家人拿走了&#xff0c;正好我有修改卡的设备PM6&#xff0c;就准备只升级手里的两张卡&#xff0c;然…

nowcoder--牛客题霸模板速刷101

目录 BM12 单链表的排序 描述 算法思想&#xff1a;归并排序&#xff08;递归&#xff09; 解题思路&#xff1a; BM13 判断一个链表是否为回文结构 描述 方法一 思路 具体步骤 方法二 思路 BM14 链表的奇偶重排 描述 BM15 删除有序链表中重复的元素 描述 BM12 单链表的排…

老游戏的新生:探究二十年前的经典游戏为何再次风靡

随着科技的不断进步和游戏产业的飞速发展&#xff0c;我们每年都能玩到各种新的、惊奇的游戏。但是&#xff0c;在这个繁华快速的行业中&#xff0c;却时常有一些老游戏顽强地生存下来&#xff0c;并且在很多人心中再次引起了巨大的追捧和热情。这些经典游戏往往诞生于20年前或…

数据结构--》深入了解栈和队列,让算法更加高效

本文将带你深入了解数据结构栈和队列&#xff0c;这两种基础的线性数据结构在算法中的重要性不言而喻。我们将会详细介绍栈和队列的概念、分类、实现以及应用场景&#xff0c;在理解栈和队列的基础上&#xff0c;还将探讨如何通过栈和队列来高效地解决算法问题。 无论你是初学者…

LTV-6341-ASEMI代理台湾光宝储能专用光耦LTV-6341

编辑&#xff1a;ll LTV-6341-ASEMI代理台湾光宝储能专用光耦LTV-6341 型号&#xff1a;LTV-6341 品牌&#xff1a;台湾光宝 封装&#xff1a;LSOP-6 工作温度&#xff1a;-40C~125C LTV-6341特性&#xff1a; 3.0A峰值输出电流驱动能力 轨对轨输出电压 200 ns最大传播…

D. Survey in Class(贪心 + 分类讨论)

Problem - D - Codeforces Zinaida Viktorovna 的历史课上有 n 名学生。今天的作业包括 m 个主题&#xff0c;但是学生们准备时间很短&#xff0c;所以第 i 个学生只学习了从 li 到 ri &#xff08;包括&#xff09;的主题。 在课开始时&#xff0c;每个学生都将手举在 0 处。…

虚幻引擎程序化资源生成框架PCG(Procedural Content Generation Framework) 之一 PCG基础

可以和Houdini说拜拜了 文章目录 0. 概述1. 启动插件2. 工作逻辑2.1 添加PCGVolume2.2 创建PCGGraph2.3 编写PCGGraph逻辑 小结 0. 概述 Unreal Engine 5.2全新推出了程序化资源生成框架即Procedural Content Generation Framework下文简称PCG&#xff0c; 开发者可以通过PCG程…

CSDN 每日一练及周赛介绍

CSDN 每日一练及周赛介绍 每日一练每日一练入口 CSDN 周赛CSDN 周赛入口 相关社区每日一练社区入口CSDN 竞赛专区社区入口 每日一练题库每日一练速查每日一练题目题解速查入口 每日一练题解自行接管输入 根据题号进入题目预习提交新题目CSDN 编程比赛出题规范 吐槽 每日一练 C…

JavaWeb项目乱码问题

设置编码格式有三个地方&#xff0c; 一,用于设置网页发出到服务器上的编码格式为UTF-8&#xff0c;一般该代码会自动创建。 <% page contentType"text/html;charsetUTF-8" language"java" %> 二&#xff0c;服务器响应后发送的文件的编码格式为U…

从BNO055传感器获取IMU数据-1

最近学习惯导相关知识&#xff0c;BNO055是博世的绝对方向传感器&#xff0c;它结合了传感器数据和微处理器来过滤和组合数据&#xff0c;为用户提供空间中的绝对方向。 关于BNO055传感器 BNO055使用三个三轴传感器同时测量切向加速度&#xff08;通过加速度计&#xff09;&a…

【认知提升思维篇】之心灵之力的自我认可模式

&#x1f468;‍&#x1f4bb;个人主页&#xff1a;元宇宙-秩沅 &#x1f468;‍&#x1f4bb; hallo 欢迎 点赞&#x1f44d; 收藏⭐ 留言&#x1f4dd; 加关注✅! &#x1f468;‍&#x1f4bb; 本文由 秩沅 原创 &#x1f468;‍&#x1f4bb; 收录于专栏&#xff1a;普本…

深入浅出vite(一)--vite的优点及原理、性能优化

Vite 需要 Node.js 版本 14.18&#xff0c;16。然而&#xff0c;有些模板需要依赖更高的 Node 版本才能正常运行&#xff0c;当你的包管理器发出警告时&#xff0c;请注意升级你的 Node 版本。 背景 webpack支持多种模块化&#xff0c;将不同模块的依赖关系构建成依赖图来进行…