移动应用UI规范
来源:互联网 发布:广西干部网络培训学院 编辑:程序博客网 时间:2024/06/06 16:54
Android应用字体分成4个等级:18sp、16sp、14sp、12sp
iOS应用字体分成4个等级:17.5、15、12.5、10
颜色alpha值分3个等级:87%(222/de)、54%(138/8a)、26%(66/42)
一个基础颜色(Teal)三个色度:#b2dfdb(100)、#009688(500)、#00796b(700)
一个强调色(Orange)三个色度:#ffd180(100)、#ffab40(200)、#ff9100(400)
样式
图标
活动区域
修饰区域
- 内容应该保持在活动区域以内,如有必要,内容可以延展至修饰区域之中,但不能超出。
颜色
可用图标的标准不透明度在亮色背景上是54%(#000000)。可视等级较低的禁用图标的不透明度应为 26%(#000000)。
可用图标的标准不透明度在暗色背景上是 100%(#FFFFFF)。可视等级较低的禁用图标的不透明度应为 30%(#FFFFFF)。
Android以8dp为组件的基准网格,4dp为文本的基准网格,那为什么iOS用5为基准网格,2.5为文本的基准网格?
从iPhone的分辨率来看,宽度的像素值均是5的倍数,所以用5作为基准网格。
0 0
- 移动应用UI规范
- 移动开发UI设计尺寸规范
- 移动应用UI设计模式
- 移动应用界面设计的尺寸规范
- 移动应用UI设计模式摘录汇总
- 移动应用UI设计(上)
- 移动应用UI设计(下)
- 移动应用之UI测试简述
- 《移动应用UI设计模式》学习
- 移动应用UI设计模式pdf
- 最新App、手机网站尺寸规范—移动设备界面UI设计尺寸规范
- 最新App、手机网站尺寸规范—移动设备界面UI设计尺寸规范
- Web应用界面设计规范(Design Specification for Web UI)
- Web应用界面设计规范(Design Specification for Web UI)
- Web应用界面设计规范(Design Specification for Web UI)
- 移动应用界面设计的尺寸设置及规范
- 移动应用界面设计的尺寸设置及规范
- 移动应用界面设计的尺寸设置及规范
- JavaScript基本知识
- Mybatis入门--关联查询一对多
- svn: E160024: File or directory ' is out of date; try updating
- 利用截图做图片切换动画
- Linux下Tomcat的启动、关闭、杀死进程
- 移动应用UI规范
- mysql-5.7.11的安装问题
- js检测按键的跨浏览器解决方案
- Python即时网络爬虫项目启动说明
- nginx的配置文件解析:ngx_conf_read_token函数
- base64编码的原理及实现
- UI3D特效动态加载
- C
- The key "" is not recognized and ignored