文章彙整

Photoshop教學:【CC好好用】響應式設計好幫手Device Preview

By Astral Web 2 years agoNo Comments
首頁  /  網頁視覺設計  /  Photoshop教學  /  Photoshop教學:【CC好好用】響應式設計好幫手Device Preview

photoshop-teaching-rwd-Device-Preview

在設計響應式設計時,我們會需要放在裝置上來看看實際上的大小是否合適,而Photoshop CC 提供一個在裝置上即時預覽功能,一起來看看吧!

1.           首先手機下載Adobe Preview CC 的app

 

步驟一photoshop teaching-RWD Device review2.          下載後並在手機上打開

步驟二photoshop teaching-RWD Device review3.          在電腦上開啟您製作的手機或平板設計檔

步驟三photoshop teaching-RWD Device review

4.          選擇 視窗>Device Preview

步驟四photoshop teaching-RWD Device review

5.          此時會開啟Device Preview視窗,但尚未與手機連線

步驟5 photoshop teaching-RWD Device review

6.          點擊檢查裝置

步驟六photoshop teaching-RWD Device review

7.          搜尋到裝置後就可以將電腦上畫面即時顯示在裝置上

步驟七photoshop teaching-RWD Device review

 

8.          對畫面做修改就會即時顯示

步驟八photoshop teaching-RWD Device review

 

本教學文章為歐斯瑞公司製作,如果您有任何問題,歡迎您聯繫我們,我們將盡力為您解答,謝謝。

 

以上內容由Astralweb 歐斯瑞編寫製作

 000

推薦文章

Categories:
  Photoshop教學網頁視覺設計

留下回應

你的電子郵件地址不會被公開.

取得獨家電子商務祕技

建立更好的策略靈感

跟上全球的網路趨勢

絕佳的電商解決方案

電子商務戰略全指南

每月發送電商戰略指南,只要填寫E-mail即可訂閱!

請到您的信箱確認,即可完成訂閱。