Material Design 是我们将经典的设计原则和科技、创新相结合而创造的设计语言。

——Google ”

Material Design 目标

1、创造一个将经典的设计原则和科技、创新相结合的设计语言。

2、开发一个能在不同平台、不同设备上提供一致的体验的底层系统。遵循基本的移动设计定则,并同时支持触摸、语音、鼠标、键盘等输入方式。

点击这里 查看在线演示,赞赏后获取源文件。

GMDL 是参考官方 Material Design 规范,设计的一套元件库,并针对实际应用增加了部分自定义元件。

元件的类型包括空白页面、底部导航、按钮、开关按钮、卡片、纸片、表格、对话框、列表、网格、菜单、日期选择、进度条、滑块、选项卡、文本框和Toast提示。

为了在使用时方便应用常用的矩形、圆形、图片、占位符、文本标签和文本框,将它们样式稍作调整后作为通用元件,这样就不用切回到默认的元件库来选择了。

元件库截图

往期回顾

【Axure9百例】46.多条件判断

【Axure9百例】45.中继器的不同样式

【Axure9百例】44.百度网盘拖动按钮样式

【Axure9百例】43.百度网盘验证

【Axure9百例】42.支付宝首页样式

Google Material Design 元件库相关推荐

  1. 开发Google Material Design风格的WPF程序

    原文:开发Google Material Design风格的WPF程序 今天在网上看到了一个Material Design风格的WPF皮肤,看上去还是挺不错的 这个项目是开源的,感兴趣的朋友可以下载试 ...

  2. muse-ui.css_Muse UI:适用于Vuejs 2.0的Material Design UI库

    muse-ui.css Vuejs 2.0的Material Design UI库 (Material Design UI library for Vuejs 2.0) A Vue 2.0 and M ...

  3. android material design 军火库 控件

    文章目录 一.罗列MD风格的控件 DrawerLayout(滑动菜单-主体布局) Toolbar NavigationView(滑动菜单-菜单布局) FloatingActionButton + Sa ...

  4. JFoenix: JavaFX与Google Material Design

    https://github.com/jfoenixadmin/JFoenix 转载于:https://www.cnblogs.com/warling/p/10024268.html

  5. Muse UI — 基于 Vue2.0 的 Material Design UI 库

    Vue 2.0 发布以来,很多 vue 的开源项目都开始了升级计划,我也思考着 vue-carbon 的升级之路,9月开工,11月完工, Muse UI 闪亮登场. 先睹为快 Muse UI 主要用于 ...

  6. Google将Material Design带到CSS、HTML与JavaScript上

    Google Material Design Lite(MDL)旨在将Material Design感官带到网站上.Material Design是一种视觉语言,是Android的标准,同时也是Goo ...

  7. Material Design实现的美观的登录界面

    2019独角兽企业重金招聘Python工程师标准>>> 官方介绍学习:https://material.google.com/ 英文版基于Material Design的登录界面:h ...

  8. 直接拿来用!十大Material Design开源项目

    介于拟物和扁平之间的Material Design自面世以来,便引起了很多人的关注与思考,就此产生的讨论也不绝于耳.本文详细介绍了在Android开发者圈子里颇受青睐的十个Material Desig ...

  9. Android开发的UI设计——Material Design

    前言 Material Design 是用于指导用户在各种平台和设备上进行视觉.动作和互动设计的全面指南.如需在您的 Android 应用中使用 Material Design,请遵循 Materia ...

最新文章

  1. eclipse下载,安装,JDk环境配置教程
  2. Angular formControl指令定义的位置
  3. 机器学习实际应用_机器学习的实际好处是什么?
  4. js 点击闭包_【JS进阶】Javascript 闭包与Promise的碰撞
  5. linux 科学绘图软件,在Linux中使用matplotlib进行科学画图
  6. 三星Galaxy S22 Ultra更多细节:采用Note系列外观因素
  7. node历史版本下载
  8. 【Android】LMK 工作机制
  9. [原创]关于comsenz 公司 系列论坛类型开源网站搭建的心得
  10. 浅谈欧姆龙system studio和Cx-one软件编程上区别
  11. 一个大三学生对杨教授博文《关于基础,不得不说》的深入
  12. Flutter修改App名称(Android+IOS)
  13. ant design pro中权限组件Authorized的个人学习
  14. nodejs websocket 并发调试笔记
  15. linux rtc与时钟
  16. 【Games104-现代游戏引擎0102】引擎架构分层个人笔记
  17. 彻底搞清Flink中的Window(Flink版本1.8)
  18. SIMQKE-GR 生成人工波注意事项
  19. h5 android 滚动条卡顿,h5页面滑动卡顿解决方法
  20. flv sps pps tag解析

热门文章

  1. magicboook锐龙版(256G SSD)装deepin15.8(昨天发布,貌似支持AMD的vege显卡,R5 2500U)
  2. 酷睿i5 12500H相当于什么水平 i512500H属于哪个档次
  3. 计算机网络验证性试验报告
  4. 回顾 12 个面向 Web 开发人员的在线代码编辑器
  5. x^n mod 1003(快速求解法)
  6. 成语填空微信小程序,登录接口修复版
  7. 使用VMware 16安装macOS 10.14虚拟机实操记录
  8. 魅族应用商店云端架构实践
  9. 分析盘点44,630,000条攻击数据后,创宇蜜罐发现——
  10. 努力和勤奋是一对反义词