桂ICP备20004429号
苹果iOS/安卓Material Design设计中文网
关于最新设计规范的网站
Material Design 文章
2019 Material Design材料设计大奖
欣赏2019年最佳的Material Design设计
2018 Material Design材料设计大奖
欣赏2018年最佳的Material Design设计
用Material Design做更多的事情
用Material Design的新功能更加灵活地设计
深色主题(黑暗主题)的实践
探索4款采用深色主题的新的产品:改善了对比度及增加的清晰度
Material Design及iOS色彩使用的分析
探讨Material Design及iOS色彩使用的异同和优缺点,并指导您的设计
Material Design 设计文档
Material Design 工具
色彩工具
挑选、预览色彩并检查文字对比
材料调色板生成器
挑选并预览色彩,生成调色板
文字标尺生成器
生成不同类型的文字标尺
2014Material Design调色板
通过标准材料色卡挑选色彩
自定义形状工具
为各种组件生成不同的形状
按钮演示工具
预览按钮组件、变体和配置
浮动操作按钮演示工具
预览FAB组件、变体和配置
卡片演示工具
预览卡片组件、变体和配置
数据表格演示工具
预览表格组件、变体和配置
对话框演示工具
预览对话框组件、变体和配置
列表演示工具
预览列表组件、变体和配置
选择控件演示工具
预览选择控件组件、变体和配置
选项卡演示工具
预览选项卡组件、变体和配置
文本框演示工具
预览文本框组件、变体和配置
Google文字
预览并使用几百种中英文字体
Google Fonts
Material Design 资源
产品和系统图标设计模板
用设计模板来帮助您来设计图标
Shrine案例研究UI设计资源
一个电商案例研究的UI设计资源
Material Design标准音效资源
用于声音和音乐设计的基础资源
Material Design标准文本标尺
用于设计自定义文本标尺的模板
Material Design标准动效资源
用于动效设计的基础资源
Material Design标准系统图标
下载Material Design系统图标
Material Design标准组件
用于Material Design的标准组件
Material Design黑暗主题组件
用于黑暗(深色)主题的标准组件
第三方设计软件工具
复制Figma组件到Axure插件
一键复制Figma组件到Axure
Filter图片处理和滤镜插件
对图片进行处理,添加各种滤镜
Material Design系统图标插件
插入Material Design系统图标
Contrast文字对比度检查插件
检查文字和背景的对比度标准
Figma
Material Design深色主题(黑暗主题)
材料主题-用材料主题自定义设计
设计组件—Material Design的基本构建块
Content Reel自动填充内容
自动填充默认内容或自定义内容
Iconify拥有超过60套的图表集
包括FontAwesome等各种图表集
Frame Resizer从锚点调整大小
无需调整子图层尺寸的和更改约束
Unsplash将精美图像插入到设计
Unsplah是一个高品质的图像社区
免费参加课程
Material Design 基础课程
掌握UI、交互、动效的设计理念和方法,成为面向未来的设计师
安卓Android 11 设计规范
Android 11 设计指南
机器学习(NEW)
苹果iOS与安卓Material Design设计语言
苹果iOS 14 人机交互指南
苹果&iOS14人机交互指南
Shrine材料主题
此零售应用的顶部应用栏是使用材料主题自定义的。
自定义领域包括色彩和文字。
查看上一页
Shrine的自定义顶部应用栏
色彩
首要
上首要
元素
种类
属性
值
容器
主要
色彩
不透明度
#FEDBD0
100%
文字、图标
上主要
色彩
不透明度
#442C2E
100%
文本
元素
种类
属性
值
文本
H6
字体
字形
大小
大小写
Rubik
Medium
20
标题大小写
配置
移动端
常规的顶部应用栏
扩展的顶部应用栏
接下来
背景
导航抽屉
底部应用栏
使用反馈
苹果iOS/安卓Material Design设计中文网
Material Design设计文档
苹果 & iOS
人机交互指南
Material Design组件文档
首页