UI设计-移动端知识笔记

1、dpi/ppi的含义及计算方式

dpi/ppi又叫分辨率

dpi是dot per inch，每英寸多少点，ppi是 Pixel per inch，每英寸像素数。

dpi是指每英寸像素尺寸(可以反映屏幕清晰度，用于缩放UI)，是对于输出设备而言的比如打印机，印刷品点密度

ppi是每英寸像素数，是显示设备的点密度

针对显示器的设计时，dpi=ppi

ppi算法（原理勾股定理）：长宽平方之和的开方，除以对角线长度（物理尺寸单位英寸）

因为安卓设备屏幕较多，不可能每个屏幕单独开发，安卓选定的基础值是160ppi，所以用公式px=dp*(ppi/160)计算在不同屏幕上的像素数

举例：HVGA屏320*480，一般是3.5寸，计算点密度为√ (320^2 + 480^2) / 3.5 = 164，约等于160，1pd=1px

WVGA屏480*800，按3.8寸屏算，点密度 √ (480^2 + 800^2) / 3.8 = 245，约等于240，1dp=1.5px。

常见的五种分辨率及相应像素尺寸：

1倍：1pt=1dp=1px  dpi=160  (mdpi，即320x480px)

1.5倍：1pt=1dp=1.5px dpi=240(hdpi，即480x800px等)

2倍：1pt=1dp=2px dpi=320(xhdpi，即720x1280px)

3倍：1pt=1dp=3px dpi=480(xxhdpi，即1080x1920px和1440x2560px)

4倍：1pt=1dp=4px  dpi=640(xxxhdpi，即4K(3840×2160)

2、dp/sp/pt/px是屏幕的物理密度

dp（dip）指屏幕的物理密度（安卓的物理密度尺寸单位），可以理解为1/160英寸的长度单位

160dpi的情况下，1px=1dp，也是安卓最小的开发长度单位。

sp是字体的物理尺寸，sp在dp的基础上相关了使用者的偏好，（当设置为标准时，1sp=1dp,当设置为N倍时，1sp=Ndp）

Pt有两种:第一种来自印刷行业，是绝对物理长度单位point1/72inch，约等于0.35毫米。

另一种是iOS最小的开发长度单位，1pt表示屏幕像素点密度为163ppi时，1px长度=1pt，因此pt也有固定的物理尺寸，约0.156毫米。

（iOS的物理密度尺寸单位？）

px是相对单位，真实的像素

3、适配原则

适配原则？一般根据内容交互来设计适配原则。如：icon及图片等比缩放，避免变形。保证头部底部固定状态下能完整显示，中间内容流的信息滑到底部要避免被遮挡。尚未做详细整理

哪些内容可自适应？文字容器宽度可自适应。尚未做详细整理

4、移动端系统默认字体

iOS字体：

中文-苹方

英文-SanFrancisco

安卓字体：

Droid/Roboto字体家族

closkopia系统默认待机时钟字体

5、文件命名

切图文件包规则：

项目名字+切图+作者名字+日期

例如：蚂蚁金服基金3.5.8.5版本迭代-H5页面设计_切图_李某_20210808

文件包括：切图，蓝湖地址/measure切图，切图简单说明（word）

切图文件命名：

一般包含：模块、类别、功能、状态

例如：foot_icon_home_nor.png