1.PS是图像处理软件，处理位图（像素点组成的图像，最小单位是像素点）。
AI是处理矢量图（曲线或直线是计算而来的）缩放不失真，图像清晰。
2.WUI：web界面设计，系统设计，桌面端设计
GUI：智能手机app，平板（Pad）app
1.绘图软件：AdobePhotoshop2020
切图插件：cutterman
标注工具：PxCook
2.绘图软件：AdobeIllustrator2020（简称AI），导出成psd文件进行标注
切图：在AI中导出各设备尺寸图
标注工具：PxCook（支持psd文件，不支持AI文件）
3.绘图软件：AdobeXD
切图：AdobeXD中选元素，导出-->所选内容，选择各设备参数，导出。
标注：选择工具选中画板名称，导出，PxCook，在PxCook中标注。
AdobeXD应用详见本人所写教程：
4.绘图软件：Sketch
苹果电脑的sketch直接可以连接苹果手机预览
标注工具：PxCook（Mac版）
Sketch应用详见本人所写教程：
pscc2018以上版本，目前最新版本ps2020，安装切图插件cutterman，pscc版本太低是安装不了cutterman的。“输出mipmap”是保存小图标，不选“输出mipmap”会生成drawable放大图片的文件夹。
图片，图标适配各种设备：
1.安卓.9图片制作，点九图只需一张，不需要适配各种屏幕分辨率，因为图片自带伸展性。安卓.9图片转换软件.zip。安卓.9图片转换软件\9png\lib下的“draw9patch.jar”运行后点箭头，里面横竖向扩展部分画竖线。
2.AdobeIllustrator2020中绘制的矢量智能图标，在ps插件cutterman中导出图片时候选择mdpi，hdpi，xhdpi，xxhdpi，xxxhdpi就能导出适配各种设备的各种尺寸的图片。
3.AdobeIllustrator2020中导出svg矢量智能图标只需要程序员根据不同设备尺寸进行适配，svg矢量智能图标可用代码修改颜色和尺寸，可伸缩，高清不模糊。
创建项目时候创建云项目，这样文件在云上保存，本地psd文件不在了，项目中的文件还在，pxcook会经常提示更新，前期设置好云协作，之后就少为文件丢失操心。
pxcook标注：
1.每个项目或产品一个项目标注文件“项目文件***.pxcp”，这样共用的标注方便查看。
2.若将标注文字选成“dp/sp”，标注的文字会变成dp。
3.标注字号选20比较容易看清。
4.手动标注文字字号时前面加“字号：”再写单位px，一般用文字自动标注，PS中用工具属性栏中的Bold，Regular这样在pxcook中可以自动识别，字符面板中的加粗在pxcook中无法识别。
5.功能模块文件夹中“1.设计”，“2.标注”，“3.切图”有些功能模块没有切图但大多数情况会有标注。
6.文字，间距，圆角，颜色，尽量统一标准。
7.标注时psd文件修改保存后，pxcook中会同步更新。
8.手机分辨率宽为720px，时候，pxcook中查看，36px=18dp，px：dp=1：2，
dp与sp的换算用代码实现，代码能取到屏幕密度。因为屏幕密度不同，标注得用px为单位。
百度搜索psplay，手机扫二维码安装不了，手机端已下架，可以在web端下载apk安装包，用文件传输助手传到手机端，平板端安装，psCC绿色免安装版在hp品牌机上要以管理员身份才能用，wifi得稳定，不然连接不上，不可以用数据线连接。psmirror只有15天免费试用，可以数据线连接，60元终身可以使用。
1.PSmirro插件安装程序下载：
PSmirro注册试用15天，之后需要缴费。
psplay不清晰，而且老断线，可能wifi不稳定。
2.手机或平板安装PSmirroapk安装包。
3.wifi或usb连接预览效果图。
===================================================================
APP的状态栏，导航栏、操作栏，主菜单栏高度用矩形工具绘制相应高度的矩形，按规定高度做辅助线。
更多内容区可以用白色渐变遮罩。
iOS规范
iOS的开发单位：Pt（“points”的缩写，点）1pt=1/72英寸
IOS设计稿屏幕分辨率：750px*1334px
各机型尺寸如下图所示：
各机型功能模块尺寸如下图所示：
一，IOS状态栏和导航栏（具体尺寸见五点二图）
导航栏：状态栏下面的区域，含页面标题、功能图标等信息区域。
状态栏跟导航栏一般会进行一体化设计。现在流行大标题导航栏设计，也就是加大导航栏的高度，融入页面内容的标题，当内容上滑时，大标题再回归到常规导航高度。（大标题导航栏的高度一般为116pt（232px），这里包括了20pt（40px）状态栏的高度，同时也能放得下34pt（68px）的大标题和辅助信息（如返回等图标）。
导航栏中的元素必须遵守如下几个对齐原则:
1、返回按钮必须在左边对齐。
2、当前界面的标题必须在导航栏正中。（可无）
3、其他控制按钮必须在右边对齐。
二、标签栏（具体尺寸见五点二图）
标签栏：即Tab栏，为底部快速入口，iOS规范中Tab栏一般有五个、四个、三个图标的形式。分为“纯图标标签”和“图标加文字标签”两种形式。
三、字体
中文字体：PingFangSC，英文字体：SFUIText、SFUIDisplay，其中SFUIText适用于小于19pt的文字，SFUIDisplay适用于大于20pt的文字。
四、切图命名规范
切图最后需要命名成规范格式，方便程序员查找。切图命名的格式建议全英文，如果大家英文不好需要想办法提升一点简单的词汇量。借由上述工具切图后，需要整理切图命名，或在切图之前对图层命名亦可。以下是切图元素的中英文对照：
如何用iOS的设计稿适配安卓
现在绝大多数公司限于人力物力的限制，不能把iOS和安卓的设计稿全部执行出来，因此就存在一稿两用的情况；设计师以iOS版本的设计稿来适配安卓，下面我们来看一组有趣的数学换算题：
1080/1.5=720，720/1.5=480，1242*2208/1.15=1080*1920，也就是说，1242*2208（iOS@3倍尺寸）与1080*1920（安卓尺寸）是可以等比缩放的，所以，iOS与Android的尺寸是可共用1242*2208px。因此，以iOS设计尺寸进行设计是可以适配Android的。（前提是必须和安卓工程师沟通清楚）
另一种方式，就是把750×1334px等比例调整尺寸到安卓1080×1920px，对各个控件进行微调，重新提供标注（用dp标注）。也就是需要提供两套标注，一套给iOS，一套给Android。
iOS开发语言
作为iOS开发工程师，最重要的三个工具是：Obiective-C、Swift、UIKit框架。Obiective-C是目前最有效率的语言；而Swift开发非常高效。一般iOS工程师会在这两个语言中选择一种作为开发工具。UIKit是苹果系统自带的一套框架，这个框架里有设置按钮、滑竿、状态栏、电池电量、键盘等接口可供调用。所以我们看到很多第三方APP的界面中，有许多控件和苹果自带程序是一致的，这就是UIKit的功劳。
iOS开发里单位是pt
750×1334尺寸的换算关系1pt=2px，也就是说程序员拿到我们的px单位的标注稿，自己除以2就是pt了。（这也是为什么建议设计师用@1倍图做设计稿的原因）
MaterialDesign
安卓屏幕分辨率：720px*1280px
目前测试机是xhdpi:720px*1280px。
主流手机是xxhdpi:1080px*1920px（公司平板Pad是这个屏幕分辨率），1080px*2160px。
AdobeIllustrator2020中绘制的矢量智能图标，在ps插件cutterman中导出图片时候选择mdpi，hdpi，xhdpi，xxhdpi，xxxhdpi就能导出适配各种设备的各种尺寸的图片。
mipmap-mdpi中图标@1，54px*54px；
mipmap-hdpi中图标@1.5，81px*81px；
mipmap-xhdpi屏幕分辨率：720px*1280px，中图标@2，108px*108px；
mipmap-xxhdpi屏幕分辨率：1080px*1920px，1080px*2160px，中图标@3，162px*162px；
mipmap-xxxhdpi中图标@4，216px*216px
设计稿屏幕分辨率为720px*1280px，PS会识别是@2，对应算出其他屏幕分辨率下的图的尺寸。
720*1280下：
a、启动图标icon_start：96px*96px
b、操作栏图标icon_operate:64px*64px，内容区：48px*48px
c、小图标/场景图标icon_scene:32px*32px，内容区：24px*24px
d、通知图标icon_notice：48px*48px，内容区：44px*44px
按内容区进行切图，要符合应用市场需要手动调整为正方形尺寸。
720x1280尺寸的设计稿上，字体大小可选择为
36px、特大字体，适用场景：导航栏标题，大按钮。
32px、大号字体，适用场景：列表及表单标题。
28px、中号字体，适用场景：字段标题及内容，输入框中内容。
主要根据文字的重要程度来选择，特殊情况下也可能选择更大或更小的字体。
状态栏高度：50px
导航栏、操作栏高度：96px=48dpx2，屏幕分辨率px=屏幕密度*dp
主菜单栏高度：96px
扫描：采集，匹配
消息数量提示用的点九图片。
用户名，密码作为通知图标：48px*48px，内容区：44px*44px。
复选框，作为场景图标：32px*32px，内容区：24px*24px
1080px手机界面标准：
状态栏：70px导航栏：159px标签栏：144px
标题字体大小：48px~54px，参考值52px
AdobeXD中提供的设计尺寸：
xd有个自定义尺寸（自定义是每个软件都有的基本功能）
公司安卓平板的1200px*1920px就不在可选设备尺寸中
AdobeXDv25.2版本设备屏幕分辨率如下图所示：
其他版本设备屏幕分辨率如下图所示：
三、安卓图标尺寸
四、安卓字体
中文：思源黑体/NotoSansHan
英文：Roboto
大小：主题文字36-34px正文28-26px提示文字24-22px
五、切图规范
1.切图尺寸必须为双数
2.单像素的图会出现边缘模糊的情况
一般情况下，我们只需要提供3套切图资源就可以满足安卓工程师的适配，分别是HDPI、XHDPI、XXHDPI3套切图资源。