具體的制作步驟如下：

作為工作繁忙的設計師，我們一直追求高效、敏捷地完成設計任務，那究竟要如何提升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對代碼進行了優化，軟件算效率有了很大的提升。