UI稿切图

iPhone 6 的分辨率是1334x750，4.7英寸(对角线)，屏幕密度326ppi
iPhone 6s 的分辨率是1334x750，4.7英寸(对角线)，屏幕密度326ppi
iPhone 6 Plus 采用标准的 1920×1080分辨率屏幕。
iPhone7 的分辨率是1334x750像素。
iOS 11支持2436 × 1125 iPhone屏幕。

在5英寸，分辨率为1280px*720px的屏幕(dpi=293，对应xhdpi的目录)中，1dp=2px

不是所有每一个5英寸的手机的分辨率都是720px*1280px，也有1080px*1920px的。720px*1280px 即xhdpi，相对于mdpi是2倍。同等于ios中iphone 6的切图的2倍图，是可以通用的。

Android的ui设计稿的基准是：720*1280 5inch

UI在设计UI稿的时候也是在iphone 6/6s(ppi是326) 的手机上进行测试的。

ios的UI切图的一倍图应该放在Android的drawable-mdpi目录下？
因为UI是以iphone 6/6s(ppi是326) 为基准进行设计的，iphone 6/6s的ppi是326，所以给到UI切图应该放在Android的xhdpi目录下。
不能认为UI给到1倍图放在drawable-mdpi，因为drawable-mdpi只是在Android中是

Android的UI设计稿应该什么分辨率下设计？

Android：
如果UI稿是基于720*1280设计的，那么导出切图时，设计稿上原图的大小是作为2倍图导出，即切图和UI稿中的控件一样大小的切图是2倍图，放在xhdpi目录下，而不是作为1倍图导出，1倍图是原图的大小除以2的大小。 总共需要导出1倍图，1.5倍图，2倍图，3倍图，4倍图，分别放在drawable-mdpi，drawable-hdpi，drawable-xhdpi，drawable-xxhdpi，drawable-xxxhdpi，注意drawable-mdpi里放的是1倍图，drawable-hdpi里放的是1.5倍图而不是1倍图。

举个例子，720*1280的设计稿上有个控件标注的大小是48px * 48 px ，那么导出切图时， 2倍图的大小就是48px * 48px，1倍图的大小是24px * 24px，1.5倍图的大小是36px * 36px, 3倍图的大小是72px * 72px，4倍图的大小是96px * 96px，

为什么7201280设计稿上原图的大小是作为2倍图导出？
因为7201280 5inch左右的手机的屏幕密度就是基准密度160dpi的2倍左右

为什么2倍图放在xhdpi目录下？
因为xhdpi对应的是320dpi

IOS：
7501624 是长屏幕，是iphone 11的屏幕尺寸
7501334 是短屏幕，是iphone 6/6s/7 的屏幕尺寸，

如果设计师设计时在7501334上设计，那么导出切图时，设计稿上原图的大小是作为2倍图导出，1倍图是原图的大小除以2后的大小，1.5倍图(1倍图的1.5倍)，3倍图(1倍图的3倍)，4倍图(1倍图的4倍)以此类推。
如果设计师设计时在375667(或者iso11的375*812)上设计，那么导出切图时，设计稿上原图的大小是作为1倍图导出，2倍图是原图的大小乘以2后的大小，1.5倍图(1倍图的1.5倍)，3倍图(1倍图的3倍)，4倍图(1倍图的4倍)以此类推。

当Android和IOS使用同一份UI设计稿时，UI设计师在7501334上设计时，如果要改为7201280进行设计，是比较难的，可能需要重新设计控件的尺寸，因为宽度比较明显，如果尺寸从750改为720，很多页面的控件看起来的相对比例就不对了，但是高度比较长，只需要把UI稿的高度拉高即可，比如想改为7501624，那么只需要拉高UI稿的高度而已，UI稿上控件的高度还是原来在7501334的高度，不需要做修改，只是UI稿页面上空白的部分的高度变多了而已。这时可以采用的方案是在iphone6的750*1334分辨率上做ui稿，

目前，IOS的UI设计稿是用375*812(ios11的长屏幕)的分辨率设计的，导出切图时，1倍图就是UI稿上原图的大小，2倍图就是原图的大小的2倍，3倍图就是原图的大小的3倍，以此类推。

总结：
基于7201280或者7501334分辨率的UI稿设计时，原图以2倍图导出，标注的尺寸除以2作为dp写在代码中，比如一个控件标注的是48px，则转为dp是24dp，即写在代码中是24dp(很简单，因为这是2倍图)。

基于360640或者375667分辨率的UI稿设计时，原图以1倍图导出，标注的尺寸大小就是作为同样大小的dp写在代码中，比如一个控件标注的是24px，则转为dp是24dp，即写在代码中是24dp(很简单，因为这是1倍图)。

六种通用密度

Android系统为了简化开发者为多种屏幕设计用户界面的方式，Android将实际屏幕尺寸和范围作了通用规定，称作“根据可用屏幕宽度管理屏幕尺寸的新技术”。六种通用密度为：

通用密度是以mdpi（中）为基线配置的，此基线基于第一代Android设备（T-Mobile G1）的屏幕配置。

UI设计与切图工具

sketch

UI设计工具sketch上有选择导出几倍图的功能：
选择IOS选项时，有1倍图，2倍图，3倍图可以选择
选择Android选项时，1倍图，1.5倍图，2倍图，3倍图，4倍图可以选择

cutterman

安装好之后长成这个样子的：

切图工具的2X ，3X倍图导出是什么原理？

ios开发中的分辨率、像素密度、@1x，@2x，@3x

适配的目的：
提高图片显示的质量
减少图片的内存占用
减少cpu性能的使用

Android UI设计稿导出为webp格式的图片，大小是要小点吗?

根据UI同学的sketch工具导出同一张切图：
drawble-mdpi里面的一张图片，导出为png格式是5kb，导出为webp格式是4kb
drawble-xxxhdpi里面的一张图片，导出为png格式是23kb，导出为webp格式是16kb

drawble-mdpi里面的另一张图片，导出为png格式是4.55kb，导出为webp格式是2.18kb

的确会小很多。

并且Android也极力推荐使用webp格式的图片。

7201280 5inch 与10801920 5inch上的两台手机上分别读取的是哪个资源？

相同的屏幕比例，都是16：9
7201280 5inch 与10801920 5inch上的两台手机上分别读取的是哪个资源？
7201280 5inch 与7201280 6inch上的两台手机上分别读取的是哪个资源？

不同的屏幕比例，
7201280 5inch 与10801920 5inch上的两台手机上分别读取的是哪个资源？
14402960 5inch 与10801920 5inch上的两台手机上分别读取的是哪个资源？

Samsung Galaxy S8(2017年发布)是1440*2960 5.8inch的屏幕

图片的命名只能是小写字母，数字，下划线

图片的命名只能是小写字母，数字，下划线，不能有大写字母，不能有空格等。
有空格会报错：

' ' is not a valid file-based resource name character: File-based resource names must contain only lowercase a-z, 0-9, or underscore

有大写字母会报错：

'W' is not a valid file-based resource name character: File-based resource names must contain only lowercase a-z, 0-9, or underscore

参考：
http://developer.android.com/images/screens_support/screens-ranges.png
https://developer.android.google.cn/guide/practices/screens_support

ios开发的frame、物理屏幕尺寸和图片分辨率
UI切图那点事儿
UI设计切图规范

玩转Android drawable图片适配

玩转Android drawable图片适配
关于Android图片分辨率应该放到哪个文件夹的问题(drawable-hdpi…)

UI新手必备！iOS+Android的切图与标注方法
聊聊Android切图
android屏幕适配全面总结

Android加载drawable中图片后自动缩放的原理
Android加载drawable中图片后自动缩放的原理

Android drawable图片适配

APP设计稿是750*1334的的界面，输出切图@1x、@2x、@3x的是什么尺寸？
UI设计|APP UI规范及切图适配

iOS和Android的app界面设计规范(750×1334)

Andriod界面设计的分辨率和尺寸适配全攻略
安卓720*1280界面尺寸规范参考

移动界面尺寸！安卓7201280界面尺寸规范参考
设计师设计 Android UI 应该用多大分辨率进行设计？
设计师设计 Android UI 应该用多大分辨率进行设计
px、dp、dip、dpi、sp 等到底有什么联系区别？产生的根源和设计时的影响如何？是否屏幕密度的决定原因？
Android应用的UI设计图要做多大分辨率？设计图在开发过程中具体是怎样被使用的？设计图中px如何换算成官方的dp来作规范的设计（比如我ps中用720px1280px作设计图，怎么确定这个规范的48dp）？

UI设计师不可不知的安卓屏幕知识 dp px 屏幕密度

Android dp方式的屏幕适配-原理(后期补充完整讲解)

Android常见分辨率（mdpi、hdpi 、xhdpi、xxhdpi ）尺寸单位转换和屏幕适配相关

android 常见分辨率（mdpi、hdpi 、xhdpi、xxhdpi ）及屏幕适配注意事
Android上常见度量单位【xdpi、hdpi、mdpi、ldpi】解读

UI切图如何导出webp:
UI设计中关于设计规范、切图和尺寸的几点疑问？
减小Android打包后的apk大小（webpPlugin-太大apk的福音）
【我的Android进阶之旅】Apk瘦身之WebP图片压缩，如何在Android Studio中快速转换图片格式为WebP

android屏幕适配，自动生成不同的dimens.xml详解