我們再來回顧一下如何快速在移動終端上預(yù)覽APP界面設(shè)計效果圖的方法。
1,借助第三方預(yù)覽軟件或網(wǎng)站
LiveView for iPhone & iPad Mobile Application Design & Prototyping Tool
酷站官網(wǎng):http://www.zambetti.com/projects/liveview/ getsilkscreen.com
如何在iPhone和iPad的等終端預(yù)覽你的設(shè)計圖, 這里詳細(xì)介紹使用方法。
最簡單的辦法就是
一種方法是你將設(shè)計圖保存成圖片,同步至iPhone,然后使用圖片瀏覽的方式查看。
還有一種就是原型設(shè)計方法了,你可以將實(shí)現(xiàn)的效果通過Phonegap技術(shù)生成app,發(fā)布到終端進(jìn)行查看。下面推薦幾個可以同步預(yù)覽的軟件。
騰訊出品的一款iOS app:Ps play 除主要的同步預(yù)覽PS畫面外,還有快照留存、畫布設(shè)置、email/微信分享等貼心的功能。
工具官方網(wǎng)站地址:http://isux.tencent.com/app/psplay
國內(nèi)程序師的預(yù)覽程序Proto view,有iPad端和Mac端,支持WIFI直接同步,可預(yù)覽PSD、JPG、PNG格式的圖,mac端推圖進(jìn)去, iPad馬上就顯示了,超好用!在iTunes Store里有。如果你是程序員,應(yīng)該會知道怎么用,呵呵
2、架一個Web HTTP服務(wù),在全屏瀏覽器里看。 這也是最方便最好用的方法。
3、給iphone或ipad發(fā)個郵件就行,帶個圖片附件,然后你打開郵件預(yù)覽。原理跟2是一樣的。
4、DIY一個webAPP頁面,直接在瀏覽器訪問,在 head 里面加上相應(yīng)的代碼,用 safari 的 web clip 保存到桌面還可以預(yù)覽一下 icon 的效果。
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black">
這些也算是不是辦法的辦法,希望APP設(shè)計新手們用得上!
全站高品質(zhì)素材免費(fèi)下載!