Material Design设计规范

最新推荐文章于 2025-05-30 14:15:16 发布
最新推荐文章于 2025-05-30 14:15:16 发布
阅读量3k 收藏 1
点赞数 1
CC 4.0 BY-SA版权
分类专栏： android 文章标签： android
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/gaowenhui2008/article/details/43953015
android 专栏收录该内容
45 篇文章 ¥19.90 ¥99.00
订阅专栏
本文介绍了Android设计风格的三个时代：无序时代、Holo Theme和Material Design。Material Design以纸墨为隐喻，强调阴影、层次和动画，旨在将物理世界规则带入电子界面。设计原则包括隐喻、视觉设计和动画交互，提供更丰富的用户体验。
下面的内容是在《移动互联网沙龙开年篇》做的一点分享，关于Material Design设计规范相关的。


    作为技术开发者需不需要了解设计规范？个人认为非常需要，一个交流的需要，另一就是了解相关的设计才能储备相应地知识，知道UI开发的方向。这问题非常希望读者能留言讨论。


     Android的设计风格变迁可以划分到三个时代：

1、无序时代

了解本专栏 订阅专栏 解锁全文
Material Design设计规范(四)
weixin_43176337的博客
09-23 369
Material Design设计规范(四) 1.文字输入框 2.图片组 3.排版 正文 1.文字输入框（Text fields） 用户需要输入文本信息时会使用到文字输入框。文字输入框的样式 Material Design 也做了漂亮的样式供我们参考。 △ 文本输入框 △ 图1为填充形输入框 图2为线框输入框 △ 填充形输入框 2.图片组（Image lists） 如果我们构建一个如朋友圈或...
Material Design 设计规范总结
jiahua123_dongzhou的博客
12-10 1214
一、核心思想 Material design 的核心思想是把物理世界的体验带进屏幕。去掉现实中的杂质和随机性，保留其最原始纯净的形态、空间关系、变化与过渡，配合虚拟世界的灵活特性，还原最贴近真实的体验，达到简洁与直观的效果。 二、材质与空间 1.材质 Material design中，最重要的信息载体就是魔法纸片。纸片层叠、合并、分离，拥有现实中的厚度、惯性和反馈，同时拥有液体的一些特性，能够自由伸展变形。 2.空间 Material design引入了z轴的概念，z轴垂直于屏幕，用来表现元素的层叠关系。.
Material Design 设计规范总结(2)
weixin_34051201的博客
11-12 403
本文是Material Design设计规范总结的第二部分，是进行UI设计与前端开发的必备参考资料。 八、布局 (1)所有可操作元素最小点击区域尺寸：48dp X 48dp。 (2)栅格系统的最小单位是8dp，一切距离、尺寸都应该是8dp的整数倍。 以下是一些常见的尺寸与距离： 顶部状态栏高度：24dp Appbar最小高度：56dp 底部导航栏高度：48dp 悬浮按钮尺寸：56x56dp/4...
FlowGeek FlowGeek是基于MVP架构的、遵循Material Design设计规范的开源中国社区客户端
06-01
FlowGeek是一款基于MVP（Model-View-Presenter）架构并遵循Material Design设计规范的开源中国社区的Android客户端。此项目对于理解MVP架构在移动应用开发中的实践以及如何运用Google推崇的Material Design设计理念...
Material Design在项目中常用的设计规范和解析.docx
06-10
在Material Design的设计规范中，有几个关键点是必须遵循的： 1. **基础设计架构**：MD构建了一个基于"纸张"的概念，每个界面元素都有其特定的厚度和阴影，以表达深度和空间感。这种设计语言强调了清晰的层次结构，...
初识Material Design设计规范（精简版）.docx
06-10
Material Design，简称MD，是谷歌推出的一套设计规范，它主要应用于Android系统，但其影响力远远超出Android，被众多设计师广泛借鉴，应用到各种平台的设计之中。MD的设计理念旨在创造一个直观、统一且富有表现力的...
Material Design设计规范(一)
weixin_43176337的博客
09-23 1115
Material Design 一、安卓是什么？ 想象一下，过年同学聚会上，大家把手机都放在饭桌前，除了各种型号的 iPhone 之外，你还能看到什么品牌的手机呢？我猜一定会有 OPPO、VIVO、魅族、小米、华为、三星对吗？也许还有一加、锤子、联想等手机品牌。这些手机全部都是使用了 Android底层构架的设备，也就是我们所说的安卓手机。。再后来，谷歌收购了安卓，有了谷歌母公司的资源，安卓的发...
重磅教程！帮你全面彻底搞定Material design的学习笔记
风起云涌
12-30 2507
原文：http://www.uisdc.com/comprehensive-material-design-note PS:  想了解学习Material Design的同学一定要看看这篇文章，非常细致，特地引过来与君共勉。 自从Material design发布以来，可乐橙就在一直收集相关素材与资源，研究别人的作品。这套设计风格非常鲜明，带有浓郁的Google式严谨和理性哲学，深得我
盘点 Material Design 3 最新设计规范
移动端开发干货分享
06-13 6781
2014 年 Google 发布了 Material Design（简称MD），成为了 Google 系产品统一的 UI 设计语言。时至今日 MD 已经有了两次大升级，2018年发布的 Material Theming （Material Design2，简称 M2），以及 2021年新发布的 Material You （Material Design3，简称 M3）。本文就带大家细数一下 M3 相对于 M2 的升级和变化。M3 最大特色在于对个性化的注重，就如同 “You” 的命名一样。一个集中体现就是
Material Design
Jingxi Yang的博客
05-26 665
谷歌推出了全新的设计语言Material Design。谷歌表示，这种设计语言旨在为手机、平板电脑、台式机和“其他平台”提供更一致、更广泛的“外观和感觉”。 Material Design语言[1]的一些重要功能包括 系统字体Roboto的升级版本 ，同时颜色更鲜艳，动画效果更突出。杜拉特还简要谈到了新框架的一些变化——这个框架就是design库。谷歌的想法是让谷歌平台上的开发者掌握这个
Material Design设计规范(三)
weixin_43176337的博客
09-23 516
Material Design设计规范(三) 悬浮按钮(FAB)设计规范及实战案例欣赏 悬浮按钮英文Floating Action Button，简称FAB,是手机移动端网页设计及APP产品设计中，最为灵动和热门辅助工具之一。 悬浮按钮的使用原则 A、选择适当的悬浮按钮尺寸 默认的尺寸一般为5656dp，迷你版的尺寸为4040dp。界面宽度低于460dp时，需要从默认尺寸（56dp）调整至迷...
MaterialDesign实践案例：全面展示设计规范与组件应用
最新发布
weixin_29363791的博客
05-30 994
简介：MaterialDesign是由Google开发的一套设计语言，旨在统一不同平台上的用户体验。它的核心设计原则包括模拟现实世界的材料感，通过色彩、图标、布局、动效、组件库、字体、深度和阴影等元素来实现清晰的视觉层次和直观的交互。这个demo展示了如何将这些设计元素应用到实际项目中，包括自定义颜色方案和构建符合MaterialDesign原则的布局及交互，从而提升产品的设计质量。
Material Design规范应用
Ya-Jun 的博客
03-07 179
Material Design的核心设计理念常用Material组件的使用方法Material主题系统的配置动效设计和实现实际项目中的最佳实践。
盘点 Material Design 3 最新设计规范 | 开发者说·DTalk
Android开发者
11-11 964
本文原作者: fundroid，原文发布于: AndroidPub前言2014 年 Google 发布了 Material Design (简称 MD)，成为了 Google 系产品统一的 UI 设计语言。时至今日 MD 已经有了两次大升级，2018 年发布的 Material Themin(Material Design 2，简称 M2)，以及 2021 年新发布的 Material You ...
Material Design常用设计标准
flying_brid的博客
06-27 1450
1. Material Design(原质化设计) Material环境是一个三维空间，z轴用来显示平面，并用来延伸用户视角，每个物质在z轴上占据一定的位置并且有1dp的厚度为标准。在网页上z轴被用来分层而3不是为了视角。3D空间是用y轴来进行仿真。 光影关系在物质的环境中，虚拟光线照射使用场景中的对象投出阴影，主光源投射出一个定向阴影，环境光从各个角度投射出连贯而柔和的阴影。Mate
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

蒙奇·D·路飞-

感谢老板您就是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值