UI界面设计 ·

快速在移动终端上预览APP界面设计效果图的方法

我们再来回顾一下如何快速在移动终端上预览APP界面设计效果图的方法。

1,借助第三方预览软件或网站

LiveView for iPhone & iPad Mobile Application Design & Prototyping Tool

酷站官网:http://www.zambetti.com/projects/liveview/ getsilkscreen.com

 

如何在iPhone和iPad的等终端预览你的设计图, 这里详细介绍使用方法。

最简单的办法就是

一种方法是你将设计图保存成图片,同步至iPhone,然后使用图片浏览的方式查看。
还有一种就是原型设计方法了,你可以将实现的效果通过Phonegap技术生成app,发布到终端进行查看。下面推荐几个可以同步预览的软件。

 

腾讯出品的一款iOS app:Ps play 除主要的同步预览PS画面外,还有快照留存、画布设置、email/微信分享等贴心的功能。

工具官方网站地址:http://isux.tencent.com/app/psplay

 

国内程序师的预览程序Proto view,有iPad端和Mac端,支持WIFI直接同步,可预览PSD、JPG、PNG格式的图,mac端推图进去, iPad马上就显示了,超好用!在iTunes Store里有。如果你是程序员,应该会知道怎么用,呵呵

 

 

2、架一个Web HTTP服务,在全屏浏览器里看。 这也是最方便最好用的方法。

 

3、给iphone或ipad发个邮件就行,带个图片附件,然后你打开邮件预览。原理跟2是一样的。

4、DIY一个webAPP页面,直接在浏览器访问,在 head 里面加上相应的代码,用 safari 的 web clip 保存到桌面还可以预览一下 icon 的效果。

<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black">

 

这些也算是不是办法的办法,希望APP设计新手们用得上!

参与评论