Material Deisgn调色板

原文链接：http://stormzhang.com/design/2014/12/26/material-design-palette/

Material Design出来一段时间了，身为Android开发人员想要自己适配一套Material Design，但是又苦于缺少设计方面的知识与理解，怎么办呢？今天就来介绍一个最简单的适配Material Design的工具。

Material Palette

这个工具其实就是一个在线网站，网址: http://www.materialpalette.com/ (可能要FQ)

然后会看到出来一堆颜色，我们随意选择两个颜色，如图:

接着会看到生成一个详细的预览图以及RGB值:

不知道一些属性的含义？下面一张图让你明白Material Design theme的一些新属性的含义:

时间： 2024-09-29 21:12:48

Material Deisgn调色板的相关文章

2015最流行的Android组件、工具、框架大全（转）

转自:2015最流行的Android组件.工具.框架大全 Android 是目前最流行的移动操作系统之一. 随着新版本的不断发布, Android的功能也日益强大, 涌现了很多流行的应用程序, 也催生了一大批的优秀的组件.本文试图将目前流行的组件收集起来以供参考, 如果你发现本文还没有列出的组件,欢迎在评论中贴出来,我会定期的更新本文. 部分图片需国内或许不能访问才能显示 很好的中文教程Google Android官方培训课程中文版 awesome-android, android列表. 另,g

Android 应用开发-从设计到实现 3-2 前期准备

前期准备 设计师首先在头脑中.草稿中勾勒出静态效果图, 之后就需要收集制作时需要的各种素材.确定界面的配色方案. 收集素材 界面中需要使用各种天气图标:晴天.雨天.大雾.下雪.下雨.多云等等:还有天气信息中的风力.风向等等. 我们可以使用Sketch工具进行完全的从无到有的自由创作,也可以适用现有的素材,减少设计的工作量. 这里并不打算讲如何画出一个完美的图形,我想作为一名设计师,这点基本的艺术功底应该还是有的.因此我决定去之前介绍过的资源池-iconfont网站寻找合适的图标. 输入各种图标的

300 多个免费网站和应用资源

创业不易.从想出创意到最终产品上市,你需要既要做好产品开发和设计,又要管理好项目和效率,此外还需要做好业务开发和营销,前后端兼顾还不行,创业就是逆水行舟不进则退,你还需要不断去学习新东西. 这么多事情可谓千头万绪,怎么样才能更快更好地完成呢?俗话说,工欲善其事必先利其器,如果能够有好的工具辅助的话就可以事半功倍.而本文介绍的 300 多个网站和应用正是这样的好资源,更关键的是,这些通通都是免费的. → 业务+营销 ← A. 免费网站.LOGO.托管 HTML5 UP:响应式HTML5与CSS3网

最流行的android组件大全

目录 [−] 工具和教程 UI组件 类库 游戏引擎 Android HTML5应用 Android 是目前最流行的移动操作系统(还需要加之一吗?). 随着新版本的不断发布, Android的功能也日益强大, 涌现了很多流行的应用程序, 也催生了一大批的优秀的组件.本文试图将目前流行的组件收集起来以供参考, 如果你发现本文还没有列出的组件,欢迎在评论中贴出来,我会定期的更新本文.部分图片需要FQ才能显示 更新日志2014-11-07 增加最近一段时间新涌现的项目.2014-12-17 增加更多的组

【Material Design视觉设计语言】应用样式设计

作者:郭孝星 微博:郭孝星的新浪微博 邮箱:[email protected] 博客:http://blog.csdn.net/allenwells Github:https://github.com/AllenWells [Material Design视觉设计语言]章节列表 [Material Design视觉设计语言]开篇 [Material Design视觉设计语言]Material Design设计概述 [Material Design视觉设计语言]应用布局设计 [Material D

使用Material Design 创建App翻译系列----材料主题的使用(Using Material Theme)

上一篇是使用Material Design 创建App翻译系列--開始学习篇,进入正题: 新的材料主题提供了下面内容: 1. 提供了同意设置颜色板的系统部件组件. 2. 为这些系统组件提供了触摸反馈动画. 3. Activity的过渡动画. 依据你的品牌标识,使用你所控制的颜色板能够自己定义材料主题的外观. 使用主题的属性能够给ActionBar 和 status bar进行着色. 系统部件拥有新的设计和触摸反馈动画.你能够为你的应用自己定义颜色板.触摸反馈动画以及Activity之间跳转的过渡

[翻译]Android 5.0之应用中实现材料设计—Material Design

上午的时候在刷Google+,看到了Abraham Williams转发了一篇强文,是Android Developers网站新发的一篇博客—Implementing Material Design in your Android App.觉得很前卫,对于新发布的Android版本号Android 5.0是一个很好的学习和了解的机会,所以就花了些时间把它翻译了下来,希望对自己.对其它人有所启发. 因为翻译Android开发博客和API也只是业余爱好,水平有限,其中不免有不准确的地方,所以把原文地

Angular Material主题配置

前言 Angular Material是基于metarial design 的angular UI.当我们使用Material的时候,自然而然的就需要去使用它的主题颜色.这个时候我们就得选择自己配置还是使用它的默认主题.注意:在使用Angular Material的时候请先引入(angular-material.css).(angular.min.js.angular-animate.js.angular-aria.js.angular-material.js). 默认调色板 在介绍Materi

Material Theme

Material Theme提供了一下功能: 1.系统widgets能够设置调色板 2.系统widgets的触摸反馈 3.Activity过渡动画 你能够依据你品牌的色彩来定义Material Theme.能够使用Material Theme的色彩为status bar.action bar着色.參考下图. 系统Widgets有新的设计和触摸动画,你也能够在自己的应用中自己定义色彩调色板.触摸反馈动画.Activity过渡. Material Theme的定义例如以下: @android:sty