我算是在畢業之後才開始真正自學 UI 設計的，雖說一直有很多前輩們提供了完整的教學文章，但我資質駑鈍，一路上也是跌跌撞撞的過來；想開始自己寫些分享文章的起因是：最近公司有剛畢業的設計新人進來了，在與新人共同工作的途中慢慢萌生了「把自己的工作筆記整理一下、分享出來」的想法，也算是一種新的學習；這些都是我自己一邊工作一邊摸索出來的心得，如有錯誤請不吝指正
1. 你所需要的基本畫布
1-1.iOS
iOS 因為要適應不同裝置尺寸，所以單位是用 pt (points)，與一般設計軟體使用的 px (pixels) 不盡相同；並且 iOS 將尺寸分為 @1x / 2x / 3x， 以上圖最右邊的 iPhone 6+/7+ 為例，我的習慣是做 @1x(414 x 736)切圖時再放大成 @3x(1242 x 2208)，原因有：
1.在 @1x 裡面確保每個物件單位沒有小數點，放大幾倍都不會有小數點產生，簡單方便、適合數學不好的人
2.讓檔案小一點
雖說現在這個時代也許只需要知道步驟、根本不必理解原因就能把圖切好，但我還是稍微提一下：pt 和 px 的不同處在哪呢？有感於大家都是做平面設計出身，就用最笨的方法、相對熟悉的 Photoshop 作為示範：
首先，在 Ps 新增一個畫布，解析度為 72
接著很唐突的新增一個 100 x 100 pt 的圓，和 30pt 的字
調整影像尺寸，你會發現將單位調成 pt(point) 時，無論如何調整解析度， px 會變、 pt 卻不會
更改解析度後按下確定，可以看見畫布變超大，圓形和文字的 px 變了，但 pt 不變
做了這麼多，其實只是想講 pt 不會因解析度而改變；以前的我做平面設計的機會比較多，花了很久才體會出來啊！也可以看看以下這幾篇：
http://blog.fourdesire.com/2014/12/11/ta-zhen-de-bu-shi-wo-xiong-di-xiang-su-gen-dian-da-bu-tong/
改用 Sketch 的話，畫布都幫你設好了、也可以幫你自動切圖，上面的一切都可以忘掉！（欸）
1–2. Android
Android 手機的尺寸實在太多了；目前公司是小公司，可能沒時間做那麼多的版本，所以折衷的做法是鎖定一個主流尺寸為先行的版本，做大
公司採用的尺寸為 1920x1080(xxhdpi) ，順帶一提大部分的設計軟體裡沒有 Android 的使用的單位 sp/dp ；況且，若是想將六種尺寸都做齊，豈不是一個 icon 就要切六張圖？所以我使用 Zeplin 自動生成標示與切圖，一次解決以上兩個問題（偉哉 Zeplin ）
2.icon 尺寸
人比較懶，做 1536 x 1536 的圖，直接餵：
請注意，iOS 會將 icon 圖自動切成圓角，但 Android 不會，若想將兩個平台都用同樣 icon，請將 Android 的圖先做成圓角
3.推播圖
Android 需要圓形的推播圖，我會將小圖做一些調整和測試，故分開來講
4.上架圖
4–1.iOS
有固定尺寸
1242 x 2208 px 、72 dpi、不能含有 Alpha 圖層
請參考：
http://help.apple.com/itunes-connect/developer/#/devd274dd925
4–2.Android
需要上架圖（可以直接用 iOS 的格式去做）、高解析度圖片、主題圖片
請參考：
https://support.google.com/googleplay/android-developer/answer/1078870?hl=zh-Hant
於是，以下就是開工前基本會用到的畫布們：
