分类

安卓应用安卓游戏攻略资讯

编程相关

material design

material design 附配色方案

大小:9.53 MB

语言:简体中文系统:WinXP, Win2003, Vista, Win7, Win8, Win10

类别:编程相关时间:2017-08-04

material design 中文版是由谷歌推出的一款全新的设计语言,主要适用于手机、平板电脑和其他设备,重点强调了阴影和层次,用动画效果代表现实的力反馈,让编程变得更容易。现在有了material design可以让APP设计变的画质更鲜明,效果更显著,推荐广大的开发者下载!

软件特色

  1、系统字体Roboto的升级版本,同时颜色更鲜艳,动画效果更突出

  2、全新的设计语言

  3、媲美苹果公司设计的一套设计框架

  4、颜色更鲜艳,动画效果更突出

软件功能

  1.紫色高亮显示,线条加粗,突出重要信息,如标题。

  2.app 图标设计基于几何形状,更加对称。

  3.Material Design 参考了现实世界的纸张,这意味着当你点击那些 app 图标时,图标会向上“翘起”,而不是塌陷。

  4.Android L 中的大量 app 都出现了“浮动控制按钮”(floating action button)。

  5.Android L 添加了许多有趣的小动画。

  6.Android L 过场动画非常顺滑。

  7.靓丽颜色和动画被用来突出重要信息,以吸引用户眼球。

  8.Google 正打造跨平台统一的视觉和交互体验。

  9.Google 让开发者更轻松地为 app 添加靓丽的色彩及高对比度的图片。

  10.全新的 Nested Scrolling 特性。

material design配色方案

  1、materialpalette

  这个网站非常简单,一键生成XML资源文件,为了各位懒人,我直接把style贴出来了,网站内下载导入即可用

  

  2、color-hex

  这个网站比较专业,不一定是非要用于材料设计,可以找一下配色灵感

  3、The Color Wheel

  这个网站是一个配色教程,法国人搞得,强烈推荐

  4、使用Mac自带的吸管工具

  这个工具可以参考其他App的配色,注意要记得配置View-Display Values-as Hex

  配色原则

  多用基色进行选择,然后通过基色的混合

  如果挑选好了颜色,需要分配不同的色阶,建议直接控制透明度调整,这个也是专业UED分享给我的(比如255中的85,170分别对应1/3,2/3)

常用问题解答

  1、material design库怎么导入?

  在Android studio中新建project,右键project选择open Module Setting ,在打开的project Structure界面,左侧Module对应的app为选中,右侧切换到Dependencies下,点击页面右边的绿色+,选择第一个 library dependency , 然后在弹出的Choose Library Dependency 对话框内找到design(com.android.support:design:xx.x.x); 点击ok 即可完成讲Google的material Design兼容库添加到project中。

  2、Material Design是什么?

  谷歌推出了全新的设计语言Material Design。

  3、为什么国产应用不安material design?

  1、谷歌的应用都已经上了该设计语言;

  2、介绍的应用只给出用户使用主界面和链接,具体的实际操作体验还需各位自行体会;

  3、作为一个应用外貌党,很多应用都是个人推荐,不涉及任何利益关系。

展开

猜您喜欢

同类推荐

网友评论