做 iOS 平台 App 設計，如何能最快速度地在終端上預覽設計圖？

01-03

http://www.zambetti.com/projects/liveview/

LiveView for iPhone iPad

Mobile Application Design Prototyping Tool

很好用的東西

xScope 3.x 版本引入了一個Mirror的新功能 http://xscopeapp.com/features#mirror，配合iOS上的xScope Mirror App http://itunes.apple.com/app/xscope-mirror/id488819289?mt=8 也可以做快速預覽

推薦一個，國內程序師Shawn（不知道有沒有玩zhihu）的預覽程序Proto view，有iPad端和Mac端，支持WIFI直接同步，可預覽PSD、JPG、PNG格式的圖，mac端推圖進去，iPad馬上就顯示了，超好用！在iTunes Store里有。

http://itunes.apple.com/us/app/photoshop-display/id489161163?mt=8 ps Display 不過是收費的

嘗試過用各種網盤來同步，對比之後發現新浪網盤http://vdisk.me/是最好的：圖片不會被壓縮、用同名的文件覆蓋了也不會有緩存。

增加兩個免費的且適用Windows平台的：

1、騰訊出品的一款iOS app：Ps play

特點：

除主要的同步預覽PS畫面外，還有快照留存、畫布設置、email/微信分享等貼心的功能。
只支持PS CS 5.5+

2、Polkast

在Win桌面及移動設備端都安裝其應用程序後，則可以在移動端app上通過wifi直接訪問電腦上的文件（據Polkast稱其是建立私有雲來實現直接的傳輸，而不是第三方雲中轉）。不僅僅是圖片，包括文檔、音樂，甚至流媒體格式的電影都可以通過移動端直接打開。

http://www.polkast.com/download/

特點：

不是直接預覽PS畫面。需PS在電腦上另存png後，在移動端查看，因此也沒有設計軟體版本限制。（使用過程發現一個潛在的問題：如果另存頻繁，則可能遇到Polkast正在同步該圖片過程中，PS無法另存成功，但PS並無提示。）
移動端適用於iOSAndroid
桌面端還適用於Mac、Linux（免費的LiveView已經能夠滿足Mac了）

PS PLAY！很強大的說。

goodreader ， ifiles 都有無線web伺服器功能，在iPad上開啟無線web服務就可以在電腦通過瀏覽器上傳了。也可以通過flash或flashbuilder直接做一些簡單的交互生成ipa看效果

之前在Quora上翻了個遍，大家也說LiveView靠譜——可惜啊，只支持Mac——相信國內大多數設計師還在用Windows。

Quora上有人提到用Dropbox來實現同步——可惜啊，你懂得……

另外呢，有三種方式供選擇：

用Photo Transfer這個收費應用，然後做完傳到設備里。
通過iDisplay，用設備當做新顯示器。然後再Photoshop里 New Window for xxx（Window &> Arrange菜單），然後拖到設備里，按F。可惜iDisplay不穩定，而且會關閉OpenGL.
架一個Web HTTP服務，在全屏瀏覽器里看。目前我讓設計師用這種方式。

——————————

有同學說iOS的設計師不用Mac設計不好，其實不一定。吊絲也有吊絲的逆襲方式嘛。不見得要寫好字就一定要買萬寶龍。

以下方案同時支持MAC和PC

1. PS作圖，實時在移動設備查看：騰訊的Ps Play

2. 已經輸出的圖，批量查看：在電腦上對文件設置共享，移動設備安裝FileExplorer訪問查看

巴別鳥 http://www.babel.cc

AI 和 PSD 都能快速預覽。

除了上門提到的外，還有個小辦法：

在 Mac 的 Terminal 下輸入

python -m SimpleHTTPServer

然後用同區域網的 iPhone 訪問 http://MacIP:8000 即可。

IT人其實都把問題搞複雜了，我前面人給出所有答案是找個NB的軟體來解決這一些問題。但是否思考為什麼要做線框圖嗎？是因為可以在任何地點隨手在線上畫出來，有個甚至是紙巾上用油筆畫出來。在電影工業里，甚至前期設計也用手畫圖冊來表示的。任何試圖在機器上模擬出來線框圖的設計軟體都是本末倒置。線框圖本來就是隨手畫，用設計軟體，比如visio很多人畫過流程圖吧，在畫的過程中往往陷入如何操作而偏離設計思考了。

所以最好的設計方法就是紙和筆。

至於各種複雜的雲同步，設計圖也好，交給你的助理和美工來完成吧。如果沒有由測試者或項目管理人員來做這種

而到了設計APP後會變成更加簡單，

1.我們的做法是，手工在紙上畫好線框，如果有必要可以剪一些印刷品或彩紙來裝飾。

2.然後用目標機型的攝像頭拍下來在屏幕上全屏顯示。比如我們設計一個名片相關應用，直接把名片貼在一張紙上，加上界麵線框。你想做個頭像列表，你就剪下報紙里的人像貼在上面。或自己畫。

這樣的方法非常簡單，但是你很快可以看出很多問題來。比如界面布局是否合理，字體是否合適。在橫豎屏是否有差別。

3.你可以用圖像的縮放功能，檢測不同解析度下的顯示問題。

4.當所有設計完成後，再交給美工用photoshop 畫出100%全效的屏幕圖來

一種方法是你將設計圖保存成圖片，同步至iPhone，然後使用圖片瀏覽的方式查看。

還有一種就是原型設計方法了，你可以將實現的效果通過Phonegap技術生成app，發布到終端進行查看。

http://getsilkscreen.com/

用墨刀
-
免費的移動應用原型與線框圖工具可以生成APP直接在手機用，我們整個團隊都在用

直接在ios設別上完成設計。有三個軟體：DAPP, INTERFACE HD, Developer Toy。直接用iphone 或 ipad生成原型，交互，可導出xcode和需求文檔

ScreenRunner

https://itunes.apple.com/app/id632766671

推薦國產新預覽工具： PsMirror

支持iOS、Android，支持wifi和usb連接，連接速度很快，一直在持續更新當中

該工具是Cutterman作者開發的，牆裂推薦

icon View -- search AppStore