1.准备工作

设计工具

Sketch

精不精通Sketch，就看插件用的溜不溜，推荐个网站：http://sketch.cm/

无论是学习Sketch，还是搜插件、找素材，都是Sketch使用者的优选项。

Sketch是OS X平台独占，需要下载Sketch可以到这个网站去下载。

这里推荐个Mac平台应用的下载网站，使用Mac的小伙伴可以去这里下：http://xclient.info/

我个人是很推荐使用Sketch做UI设计的，软件本身已经提供了大量的IOS和Android系统设计资源，配合各类插件，几乎无所不能。

Photoshop

相比于Sketch来说，体型胖了点，在UI设计上略逊一筹。不过因为Sketch是OS X独占，所以因为平台限制的原因，用PS设计也没有问题。

我很久没用它做UI设计了，也没啥可推荐的了。

Adobe XD

全称为Adobe Experience Design；这是一款集原型、设计和交互于一体的小清新时代风格的设计软件。虽然有人说，Adobe XD将会是Skech的劲敌。然而在windows系统当中，Adobe XD的确是产品原型设计领域最顺手的设计软件。它使用简单，界面整洁，虽然之前一直使用的是Axure 8.0，但看来，Adobe XD在界面、素材以及设计操作上的确甩了Axure好几条街，至少它成功的吸引到了我。

做好版本管理、文件归档的工作

专业水平不仅体现在设计能力之上，优秀的管理能力也是重要的职业素养。

合理规划好设计版本，进行明确的文件归档工作，有助于提高设计师的工作效率。

这里不赘述了，每个人有自己的版本管理方式，不过目标只有一个：清晰高效。

2.关于手机的基础概念

这里的概念性内容不要强行记忆，理解即可，它是做移动UI设计的理论常识。

手机分辨率

手机屏幕的像素点数。比如750*1334、720*1280等等，细分还有物理分辨率和逻辑分辨率，这里不扩展讲解了，想了解自行百度吧。

手机分辨率牵扯到的就是工作时设计稿的尺寸，只要记住设计尺寸就可以了。

屏幕尺寸

手机对角线的物理尺寸，单位是英寸。IPhone 6/7/8的尺寸就是4.7英寸……

屏幕尺寸和设计其实关系不大，主要是用来计算屏幕密度的。

屏幕密度(DPI或PPI)

每英寸的像素点数。简单理解就是屏幕密度越大，画面越逼真细腻。

下面是屏幕密度的计算方法，范例是5英寸，分辨率为1920*1080的手机：

屏幕密度牵扯最多的是安卓系统，安卓手机屏幕本身的密度种类非常多，这也是导致了安卓系统需要提供多套切图的原因。(使用SVG格式图片可以解决多套切图和适配的问题，这