一起来看看今天小编分享的App ui设计规范吧。
在设计Android或者APP的时候,首先要解决的一个核心问题就是:如何适应不同尺寸、不同分辨率的手机屏幕。让相同的元素(图片,图标,文字等等)和间距完美地匹配到不同的手机。很多设计师在工作了这么多年之后,可能还不太熟悉DSP和基准屏幕,我们可以不去管他们是什么,但是程序员定义尺寸的单位和设计师用的px不一样就行了,看看安卓程序员在写代码的时候是怎么定义尺寸的。
在设计过程中,PX被转换成尺寸单位,如dp、sp。其实道理很简单,只要掌握了两个基本概念,就能轻松转换成逻辑像素(2)放大倍率。接下来,我们将对这两个概念分别进行解释。
在学习逻辑象素和缩放倍率概念之前,我们先了解屏幕大小,屏幕分辨率,像素密度PPI,基准屏幕,通用像素密度,基准像素密度。
1、屏幕尺寸
屏幕尺寸是一种物理单位,也就是屏幕的对角线长度,用“英寸”来表示屏幕对角线的长度。
2、屏幕分辨率
屏幕上有很多发光的小点,这些小点是肉眼无法分辨的,它们会发出不同的颜色,屏幕上的文字就是由这些光点组成的。通常情况下,我们不会告诉他有多少光点,而是告诉他有多少像素。
屏幕分辨率是指屏幕上像素点的总和通俗的说就是“宽*高”宽乘以高就是像素点的总和,比如屏幕分辨率为480*800像素点,屏幕大小和屏幕分辨率无关。
3、像素密度
PPI是像素密度值,代表着每英寸的像素数,也就是分辨率的单位,ppi越高,显示出来的图像密度越高,越逼真,画面细节越丰富。
在相同像素密度的手机屏幕中,元素(图片、文字、按钮)和间距等物理尺寸都是一样的。元素显示的物理大小与手机屏幕大小无关,只与屏幕像素密度有关。
我们的设计师用像素(px)作为尺寸单位,那么问题就来了:如果在不同像素密度的手机屏幕上显示相同尺寸的元素,我们是否应该画出不同像素密度的不同尺寸元素呢?
如果屏幕上的像素密度达到了几十上百个,那设计师一定会疯掉的。
目前的IOS手机,像素密度只有三个,而安卓系统手机的密度密度,也是五花八门。
为了解决这一问题,谷歌和苹果都给出了解决方案,即“逻辑像素和放大比例”。
4、缩放倍率
我们已经介绍过了,苹果和谷歌提供了两种解决方案(手机应用程序有6种,iOS有3种),为了保证每一种像素密度的像素密度和间距都是一样的,所以我列出了不同像素密度的像素密度。安卓现有的通用密度比例是:3:4:6:8:12:16,可以进一步简化为0.75:1:1.5:2:3:4。安卓不同像素密度之间的比例是“缩放倍率”,而ios像素密度比例则比较简单,通常是1:2:3。
以上是小编今天的分享,希望能对你有所帮助。