material design颜色选择

700   500   100

material design字体大小

最基本的样式集合就是基于12、14、16、20和34号的字体排版缩放。
英文字体使用Roboto,中文字体使用Noto。

12sp 小字提示;
14sp 正文,按钮文字;
16sp listItemMessage;
20sp AppbarTitile,listItemTitle;
24sp 大标题;
34sp/45sp/56sp/112sp 超大号文字显示;

长篇幅正文,每行建议60字符(英文)左右。短文本,建议每行30字符(英文)左右。
字体尺寸是通过SP(可缩放像素数)

meterial design间隔

所有可操作元素最小点击区域尺寸:48dp X 48dp。
栅格系统的最小单位是8dp,一切距离、尺寸都应该是8dp的整数倍。

水平外边距:左右各有16dp的垂直边框。带有图标或者头像的内容有72dp的左边距。
垂直边距:
24dp 通知栏
56dp appbar
48dp listTitle
72dp listItem
8dp listTitle 和 listTitle之间(不是itemTitle)

/
栅格系统的最小单位是8dp,一切距离、尺寸都应该是8dp的整数倍。以下是一些常见的尺寸与距离:

顶部状态栏高度:24dp
Appbar最小高度:56dp
底部导航栏高度:48dp
悬浮按钮尺寸:56x56dp/40x40dp
用户头像尺寸:64x64dp/40x40dp
小图标点击区域:48x48dp
侧边抽屉到屏幕右边的距离:56dp
卡片间距:8dp
分隔线上下留白:8dp
大多元素的留白距离:16dp
屏幕左右对齐基线:16dp
文字左侧对齐基线:72dp

//

meterial design图片大小

用户头像尺寸:64x64dp/40x40dp;小图标点击区域:48x48dp;
桌面图标尺寸是48dp X 48dp。
小图标尺寸是24dp X 24dp。图形限制在中央20dp X 20dp区域内。
最小的触摸目标尺寸是48dp。在布局中,当为图标(24dp)或者头像(40dp)

android 基础 materia design 设计相关推荐

  1. Android基础篇-材料设计兼容库(Design Support Library)

    一.CoordinatorLayout(协调布局) CoordinatorLayout作为"super-powered FrameLayout"基本实现两个功能: 1.作为顶层布局 ...

  2. 说说 Android 的 Material Design 设计(四)——卡片式布局

    我们使用 CardView 与 RecyclerView 来·实现一个各种猫的卡片式展示列表吧O(∩_∩)O~ 1 CardView 控件 1.1 引入依赖库 打开 app/build.gradle, ...

  3. Android 基础 UI 界面设计

    前面Day2:Android项目的目录结构详解,我们了解了整个Android项目的目录架构.既然如此,我们就直接来写一个"Big Lottery"(利用计算机选号来产生乐透号码的程 ...

  4. 【Android】AppCompat V21:将 Materia Design 兼容到5.0之前的设备

    AppCompat V21:将 Materia Design 兼容到于5.0之前的设备 本篇文章翻译自Chris Banes(就职于Google,是Android-PullToRefresh,Phot ...

  5. 基于Android移动终端的微型餐饮管理系统的设计与实现4——Android基础

    本章将介绍一些在开发中用到的一些常用且值得介绍的Android 基础知识和技术,包括Fragment.Slidingmenu.RecyelerView.HelloCharts框架和Ormlite框架. ...

  6. Android基础入门教程——1.7 界面原型设计

    Android基础入门教程--1.7 界面原型设计 标签(空格分隔): Android基础入门教程 本节引言: 引用锤子科技视觉设计总监--罗子雄在重庆TEDx活动上说的一小段话: 每当我们看到一些美 ...

  7. Android基础-系统架构分析,环境搭建,下载Android Studio,AndroidDevTools,Git使用教程,Github入门,界面设计介绍

    系统架构分析 Android体系结构 安卓结构有四大层,五个部分,Android分四层为: 应用层(Applications),应用框架层(Application Framework),系统运行层(L ...

  8. 如何为Android上的产品设计一款合适的图标

    如 果你已经完成了你的app,你一定会马上向其它人宣布这件事情.但是你需要注意一个很重要的问题,那就是app的图标.你的图标可能在项目启动之 前就已经设计好了,但我不喜欢这样,如果app没有完成实际上 ...

  9. android 布局收缩成球,Android使用Material Design实现悬浮按钮

    前言 ​ 本文是对<Android第一行代码>第十二章<最佳UI体验--Material Design实战>中关于悬浮按钮实现的学习和记录,主要内容包括-- FloatingA ...

最新文章

  1. 内存管理实战之打印指定进程虚存区
  2. linux下实现dns服务器,实现Linux操作系统下DNS服务器的搭建
  3. 二叉树的深度优先搜索c语言,C语言 二叉树按层打印、深度优先遍历、二叉树是否对称...
  4. 【Android】getActionBar()为null的解决方法总结
  5. 想写总结,却变成了胡诌。。。
  6. 华为内部面试题库---(6)
  7. k3刷机 重置_斐讯K3刷机教程:一直重启、忘了密码怎么办?手机刷机包下载
  8. Ubuntu安装sasquatch时执行./build.sh报错:--no-check-certificate
  9. VISIO使用FPGA时序图、状态机等所需的模具
  10. PV3D的小练习~太阳系八大行星
  11. 5、ORB-SLAM闭环检测之通过求解出来的sim3寻找当前关键帧和闭环候选帧之间的更多匹配
  12. 小程序如何写一个优美的tab选项卡
  13. 大数据要学javaweb吗_纠结!Java和大数据学哪个更好?
  14. linux夏令时配置文件,Linux中有关时区及夏令时设置(TZ环境变量)
  15. php获取微博热搜,爬取微博热搜top50(示例代码)
  16. aix的ps命令详解
  17. 基于JAVA学生会管理系统2021计算机毕业设计源码+系统+数据库+lw文档+部署
  18. 【Python】股票价格与交易量分析代码
  19. 两年计算机考研教训经验贴
  20. Linux内核与编程

热门文章

  1. 自动控制原理概念梳理(保研面试用)
  2. java 监控 m_Java接口响应超时监控
  3. 那些年我们在spark SQL上踩过的坑
  4. Instant wisdom
  5. HTML 学习——第一周
  6. MySql数据库中的权限授予
  7. Python第八课(函数1)
  8. Auto.js实例京东领金豆
  9. 28岁实现财务自由,网友:打扰了
  10. LDPC译码器的FPGA实现