码迷,mamicode.com
首页 > 移动开发 > 详细

移动端UI设计尺寸规范

时间:2018-02-01 00:14:10      阅读:237      评论:0      收藏:0      [点我收藏+]

标签:height   最小   inf   UI   技术分享   规范   手机   平面设计   大小   

一、概念:

1.屏幕大小:指屏幕对角线长度,单位是英寸

2.像素:组成图像的最小点,一个相对大小单位,同屏幕里越小越清晰

3.屏幕像素密度(ppi)=像素总数/屏幕大小(英寸)

4.视网膜屏幕原理:当手机距离你约25-30厘米,如果手机ppi达到300以上,你的眼睛将无法分辨出像素点

5.dpi:平面设计/印刷技术单位,值越大,表明打印机精度越高

   dpi=ppi

二、Android屏幕尺寸规范化

1.程序开发统一使用虚拟尺寸单位:dp/dip(除文字外其他)、sp(文字)

2.px~dp转换:

Ldpi:px-->dp   除以0.75

          dp-->px   乘以0.75

Mdpi:px-->dp   除以1

          dp-->px   乘以1

Hdpi:px-->dp   除以1.5

          dp-->px   乘以1.5

XHdpi:px-->dp   除以2

          dp-->px   乘以2

XXHdpi:px-->dp   除以3

          dp-->px   乘以3

XXXHdpi:px-->dp   除以4

          dp-->px   乘以4

3.基准间距原则:

(1)组件最小间距为8dp或10dp,排版/文字最小间隔建议4dp

(2)组件尺寸建议能被4整除

(3)组件尺寸建议为偶数(单数容易出现锯齿)

4.48触摸定律:48dp是物理尺寸大约为9mm左右,是一个用户手指能够准确舒服触摸的最小尺寸

5.常见组件尺寸:

状态栏:24dp

操作栏:44/48dp

侧边导航:286/304dp

悬浮操作按钮:56dp

操作栏+TAB:36+33dp/44+40dp

底栏:44/48dp

6.Android常用字号/行距/颜色:

技术分享图片

 

移动端UI设计尺寸规范

标签:height   最小   inf   UI   技术分享   规范   手机   平面设计   大小   

原文地址:https://www.cnblogs.com/candywu-blog/p/8395187.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!