安卓设计规范
2022-08-08 16:40:30 7 举报
AI智能生成
安卓设计规范
作者其他创作
大纲/内容
Material design
谷歌创造的跨平台设计语言
APP
web
平板
为什么火不起来
安卓布局与ios布局相差不大
国内敏捷开发流程
概念方向词汇
实体感隐喻
鲜明形象,深思熟虑
有意义的动画效果
常见屏幕尺寸
4.5英寸
720*1280px
图标48px,文字24px
1dp=1sp=2px
图标24dp,文字12dp
5.0英寸
1080*1920px
图标72px,文字36px
1dp=1sp=3px
图标24dp,文字12dp
换算单位后,数值相同,利于开发适配
Z轴投影
上下的先后顺序,用户视角具有纵深感,有实有虚
距离背景越远,阴影越虚;距离背景越近,阴影越实
卡片投影
悬浮按钮
图标
面性为主
图标统一性
外部圆角2dp
内部挖空为90°直角,无圆角
呼吸感,内部留白2dp
图标有两部分的话,间距,2dp
图标尺寸
设计尺寸
建立24*24dp的区域
设计区域20*20dp
必要时可超过20*20dp的区域,不可超过24*24dp区域
输出尺寸
安卓舒适点击区域48*48dp
用色
UI调色板
用色规范
状态选用700饱和度色彩
主题选用500饱和度色彩
强调选用700饱和度色彩
色彩明度区分板块层级
500+700用于色块同色系渐变
文字
基础字体
页面标题20sp
副文案12sp
主文案16sp
字体用色
页面标题白色字体#FFFFFF 100%
副文案黑色这字体#000000 54%
主文案黑色字体#000000 100%
规律
改变透明度区分文字层级
常见100%,87%,54%
层级呼吸感
行间距
通常为字体字号的1.2-1.5倍
文字16sp*1.5=行间距24dp
0 条评论
下一页