[教學] Skala Preview 跨裝置即時預覽Photoshop中所設計的版面與UI

　　由於Photoshop將內建的Adobe Preview的功能取消後，讓之後設計好的版型，就無法即時的在裝置中預覽，讓梅干感到相當的可惜，因此先前也分享了，透過Sketch內建就可將設計好的UI或版面，即時的同步到裝置中作預覽，無論是平板還是手機，或是iOS、Android通通都支援，雖然算是一個解套的辦法，但這得使用Sketch設計，才能將畫面同步到裝置中。

　　因此這對於梅干來說有些不便，最主要的原因就在，梅干還是比較習慣使用Photoshop來進行版面的設計，所以當要透過Sketch同步時，只好將Photoshop所設計的好版面，匯出再匯入到Sketch中，所以梅干找了好久，無意間發現一套相當方便的軟體，不但也支援iOS、Android外，甚至還可將Photoshop的畫面同步到裝置中，更酷的即便不用Photoshop，也可將圖片拖拉到這個預覽器中，就可讓影像直接同步到裝置中，相當的方便好用喔！且操作也很簡單，因此有需要的朋友，現在就一塊來看看囉！

---

Skala Preview

---

Skala Preview+Photoshop
Step1
當要與Photoshop結合時，先到「偏好設定 / 增效模組」。

---

Step2
將上方的選項勾選起來，再設定服務名稱與密碼。

---

Step3
接著開啟剛所下載的Skala Preview，再點選下方的按鈕，選擇「Photoshop Settings」選項。

---

Step4
再輸入剛所設定的服務名稱與密碼。

---

Step5
當登入後，這時Photoshop中的影像，就會同步到Skala Preview中。

---

Step6
這時手機也需安裝Skala Preview的APP，並將手機連到同一個WIFI分享器下，當連接成功時，就會出現一個藍色的勾勾。

---

Step7
接著手機，就會同步出現Photoshop中的畫面，當點下方的圖示，就可將控制視窗給隱藏起來。

---

Skala Preview+拖曳圖片
Step8
除了使用Photoshop，也可用拖曳的方式，將設計好的版型或UI拖曳到Skala Preview的面板上方。

---

Step9
接著在Skala Preview面板中，就會顯示，剛所拖曳進來的圖片。

---

Step10
這時手機也會即時的顯示，因此有了Skala Preview，讓在瀏覽所設計好的版面或UI更加的方便，因此身為設計人員，這個好工具千萬別錯過了。