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

我们再来回顾一下如何快速在移动终端上预览APP界面设计效果图的方法。1,借助第三方预览软件或网站LiveView for iPhone iPad Mobile Application Design Prototyping T

我们再来回顾一下如何快速在移动终端上预览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设计新手们用得上!

本站部分内容来源互联网,如果有图片或者内容侵犯您的权益请联系我们删除!

相关文档推荐

25学堂今天跟大家分享12张精美的移动模型素材分享,这12张素材你可以应用在你的移动APP项目当中或者是APP官网设计当中,顿时让你的作品高大上!下面的这12张移
如今再来看扁平化APP设计,还是那么的简洁漂亮!最重要的是扁平化的移动APPUI界面简单实用,对移动设计师来说,...最近,25学堂将会推出很多漂亮的移动APP应用模板(框
有创造性的APPUI设计往往可以大幅度提升用户体验的。那么好的移动APP设计干货和APP设计规范也是新手们的渴求的干粮。25学堂秉着分享和共同学习的原则,收集了
移动APP项目名称:易配货APP 2.0移动APP项目背景:易配货是传化物流产业集团为货主与司机打造的物流信息交易平台,基于诚信会员体系和移动互联技术,为会员
iOS切图神器,我想大家都不会很陌生啦,Cutterman也是目前移动端设计人员用的比较多的一款切图工具。还有25学堂之前推荐的在线切图工具和PS切图插件推荐等。
今天25学堂的小编跟大家分享一个国外优秀的图标字体酷站,也是一个在线编辑的SVG图标素材的酷站-SmartIcons.coSmartIcons 网站是一个提供了1500+个顶级图标和内建多种