具体的制作步骤如下：
作为工作繁忙的设计师，我们一直追求高效、敏捷地完成设计任务，那究竟要如何提升UI设计效率呢？本文将从软件、习惯、技巧等三个方面来阐述笔者的一些心得总结。
软件篇
工欲善其事，必先利其器。UI设计要更有效率，捷径就是从最常使用的Photoshop（下文简称PS）软件出发。
PS软件更新很快，但出于对版本稳定性的追求，笔者并没有新版本出来就马上更新的习惯。而PS CC版本的出现，却改变了笔者的看法。用好PS CC，会在设计效率方面带来很大提升。
1、Photoshop CC精彩新功能
多重形状和路径选择
使用Photoshop CC提供的多重形状和路径选择，可以同时选取多个路径、形状和矢量蒙版，不需按多次鼠标即可完成更多任务。即使在拥有许多路径的多图层复杂图像文件中，也可以使用新的滤镜模式，直接在画布上锁定路径 （及任何图层）。
简易绘制虚线
PS CC不需要手工计算像素来进行绘制虚线，虚线绘制变成基础控件。
文字优化
旧版本的PS在使用微软雅黑字体时，无法清晰显示。而PS CC 增加了WindowsLCD的文字选项，编辑文字时选择WindowsLCD，就可在PS中获得文字外观的真实预览效果。
背景存储与自动复原
使用PS CC，能够在背景储存大型的 PS 档案，同时还可继续工作；也可透过全新的自动复原选项保留所做的编辑，而不会中断工作进度。
PS软件效率更高，大型文件处理更快
PS CC对代码进行了优化，软件算效率有了很大的提升。
