AI中適合做矢量圖，也完全可以使用AI進行移動UI界面設計完全沒有問題，但是現在移動開發中矢量文件的使用
還沒有得到普及，使用矢量圖形的一些問題還沒有一套非常成熟簡單的方法，因此現在大多移動應用還是使用位
圖格式的圖片，那么這就需要我們學會在AI中進行切圖和標注尺寸
尺寸標注
對於移動UI界面的設計，用AI也非常的簡單，首先再創建畫板的時候單位使用像素，如果我們的目標機型是2倍率
的機型，那我們就將畫布新建為 720 x 1280 px 大小 ，之后就正常作圖即可
UI界面繪制完成之后，我們需要進行切圖和尺寸標注，直接在AI中進行尺寸標注的話好像還沒有更簡單的方法，得
需要自己進行 pt 和 px 之間的換算，這也不是難事，也可以導入PS中或者使用一些專門的標注工具進行標注
切圖
除了標注，就是切圖，AI中切圖比PS要方便的多，比如我們有如下的源文件
首先，要把背景隱藏掉，因為要確保背景是透明的。然后，選中一個按鈕，執行菜單命令：
「對象」-›「切片」-›「用所選對象切片」 這個按鈕就被切好了，同理也將第二個切出來
可以看到，我們根本沒有做拉線、畫框、對齊這些繁瑣的步驟，僅僅花不到十秒，點擊幾下鼠標，AI 就基於
按鈕的外觀自動為我們切好了。這種方法特別適合於每個 UI 元素沒有堆疊這樣的情形
導出時，依然要使用「存儲為 Web 所用格式」這個命令，然后按 Shift 選中兩個按鈕切片，導出選項選擇
「選中的切片」
導出不同倍率的圖片
由於在AI中做的圖表都是矢量的，那么我們的切片也就能夠進行倍率的縮放而不會有任何的問題，如何導出
不同倍率的圖片也非常簡單，只需要調節上圖中的 百分比 ，我們的原始稿是720的，如果導出360的，就
將 百分比 設為 50% 導出就行了，非常的簡單