android 基础 materia design 设计
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 设计相关推荐
- Android基础篇-材料设计兼容库(Design Support Library)
一.CoordinatorLayout(协调布局) CoordinatorLayout作为"super-powered FrameLayout"基本实现两个功能: 1.作为顶层布局 ...
- 说说 Android 的 Material Design 设计(四)——卡片式布局
我们使用 CardView 与 RecyclerView 来·实现一个各种猫的卡片式展示列表吧O(∩_∩)O~ 1 CardView 控件 1.1 引入依赖库 打开 app/build.gradle, ...
- Android 基础 UI 界面设计
前面Day2:Android项目的目录结构详解,我们了解了整个Android项目的目录架构.既然如此,我们就直接来写一个"Big Lottery"(利用计算机选号来产生乐透号码的程 ...
- 【Android】AppCompat V21:将 Materia Design 兼容到5.0之前的设备
AppCompat V21:将 Materia Design 兼容到于5.0之前的设备 本篇文章翻译自Chris Banes(就职于Google,是Android-PullToRefresh,Phot ...
- 基于Android移动终端的微型餐饮管理系统的设计与实现4——Android基础
本章将介绍一些在开发中用到的一些常用且值得介绍的Android 基础知识和技术,包括Fragment.Slidingmenu.RecyelerView.HelloCharts框架和Ormlite框架. ...
- Android基础入门教程——1.7 界面原型设计
Android基础入门教程--1.7 界面原型设计 标签(空格分隔): Android基础入门教程 本节引言: 引用锤子科技视觉设计总监--罗子雄在重庆TEDx活动上说的一小段话: 每当我们看到一些美 ...
- Android基础-系统架构分析,环境搭建,下载Android Studio,AndroidDevTools,Git使用教程,Github入门,界面设计介绍
系统架构分析 Android体系结构 安卓结构有四大层,五个部分,Android分四层为: 应用层(Applications),应用框架层(Application Framework),系统运行层(L ...
- 如何为Android上的产品设计一款合适的图标
如 果你已经完成了你的app,你一定会马上向其它人宣布这件事情.但是你需要注意一个很重要的问题,那就是app的图标.你的图标可能在项目启动之 前就已经设计好了,但我不喜欢这样,如果app没有完成实际上 ...
- android 布局收缩成球,Android使用Material Design实现悬浮按钮
前言 本文是对<Android第一行代码>第十二章<最佳UI体验--Material Design实战>中关于悬浮按钮实现的学习和记录,主要内容包括-- FloatingA ...
最新文章
- 内存管理实战之打印指定进程虚存区
- linux下实现dns服务器,实现Linux操作系统下DNS服务器的搭建
- 二叉树的深度优先搜索c语言,C语言 二叉树按层打印、深度优先遍历、二叉树是否对称...
- 【Android】getActionBar()为null的解决方法总结
- 想写总结,却变成了胡诌。。。
- 华为内部面试题库---(6)
- k3刷机 重置_斐讯K3刷机教程:一直重启、忘了密码怎么办?手机刷机包下载
- Ubuntu安装sasquatch时执行./build.sh报错:--no-check-certificate
- VISIO使用FPGA时序图、状态机等所需的模具
- PV3D的小练习~太阳系八大行星
- 5、ORB-SLAM闭环检测之通过求解出来的sim3寻找当前关键帧和闭环候选帧之间的更多匹配
- 小程序如何写一个优美的tab选项卡
- 大数据要学javaweb吗_纠结!Java和大数据学哪个更好?
- linux夏令时配置文件,Linux中有关时区及夏令时设置(TZ环境变量)
- php获取微博热搜,爬取微博热搜top50(示例代码)
- aix的ps命令详解
- 基于JAVA学生会管理系统2021计算机毕业设计源码+系统+数据库+lw文档+部署
- 【Python】股票价格与交易量分析代码
- 两年计算机考研教训经验贴
- Linux内核与编程