ui设计师常用尺寸大全（UI设计师切图适配1x）

【续】设计师必懂“px、pt、ppi、dpi、dp、sp”全能解析

Hi，伙伴们天冷注意加件衣服哦！最近感觉自己一下子就老了，怎么证明呢？不用等老妈说你，你就已经把秋裤穿上了.....

好得，进入正轨！上次说了“px、pt、ppi、dpi、dp、sp等等”这些乱码七糟的字符到底是什么意思，今天就让我们来解析一下适配中常用的@1x、@2x、@3x:

很多时候我们设计东西都是有一个设计规范的咱们拿苹果举例：

设备：iphone4、iphone4s

尺寸：640*960px

分辨率：326ppi

设备：iphone5、iphone5s

尺寸：640*1136px

分辨率：326ppi

设备：iphone6

尺寸：750*1334px

分辨率：326ppi

设备：iphone6 Plus

尺寸：1080*1920px（物理）1242*2208px（逻辑）

分辨率：326ppi

给大家解释下iphone6 Plus提到了物理分辨率与逻辑分辨率：

简单来说物理分辨率是硬件所支持的，逻辑分辨率是软件可以达到的。

当我们设计的时候用的单位是px，可以说是物理分辨率尺寸，相反用的单位是pt的时候，可以说是逻辑分辨率尺寸。

当我们做出一个APP页面的时候，因为移动设备的屏幕尺寸不同，需要切出来很多的元素，下面拿淘宝举例：

iphone切图转换的关系：@1x：@2x：@3x = 1:2:3

iphone的切图适配：

命名.png 适配163ppi（iphone1、2、3）

命名@2x.png 适配326ppi（iphone4、4s、5、5s、6）

命名@3x.png 适配401ppi（iphone6plus）

下面我们拿@1x 60*60px举例：

适配简单地说就是让用户有更好的视觉体验，根据不同的屏幕尺寸来适配完美的图标

总结：互联网时代总是在不挺的变化如

新出的iphone7：750*1334px的分辨率 像素密度为326ppi

iphone7 Plus分辨率为1920*1080px 像素密度为401ppi 系统更新到了ios10

所以大家也要一起学习与了解，感谢大家的阅读，祝各位有一个美好的心情去迎接辛苦的工

,