安裝最新的Photoshop CC，拿到設計的PSD源文件
課程：http://www.maiziedu.com/course/231/
標尺使用
http://jingyan.baidu.com/article/870c6fc337a887b03fe4bea6.html
ctrl+r 顯示標尺
可拖出輔助線
切片工具使用
按c選擇，右鍵切片工具
單個圖片保存
ctrl+alt+shift+s 存儲爲web格式，裏面點擊切片，編輯格式，點擊“存儲…”，裏面選擇格式：僅限圖像，切片：選中的切片
ctrl+alt+shift+s 後，可編輯每個切片的格式，然後點擊完成。下次再ctrl+alt+shift+s 的時候會保留之前的設置。
如何設置導出命名切片後帶@1x，@2x等
默認移動端psd是按照2倍圖去設計的，因此導出@1x切片時需要選擇50%，@3x是150%。
設置圖像大小百分比
設置導出切片名稱
點擊“存儲…”，設置選擇“其他”，然後按下圖設置，其中可儲存和載入該設置，方便以後調整。
導出時選擇自己的設置
保存即可
移動端適配資料鏈接參考
http://www.jianshu.com/p/3a5063028706