在iPhone和iPad等终端上预览设计图,可以通过多种方法实现,以下介绍几种常用的方法:
1、使用第三方预览软件或网站
LiveView for iPhone & iPad Mobile Application Prototyping Tool:这是一个专为移动设备设计的原型设计工具,可以在iOS设备上实时预览设计稿。
Ps play:腾讯出品的iOS app,支持同步PS画面外,还有快照留存、画布设置、email/微信分享等功能。
Proto view:国内程序师开发的预览程序,支持iPad端和Mac端,可以预览PSD、JPG、PNG格式的图。
IconView:一款APP神器,可以在线预览你的APP ICON图标,支持多种设备尺寸。
MockUPhone:一个提供iOS、Android、Windows Phone、平板、笔记本电脑、桌机和电视等众多设备的模型(Mockup)的网站,可以将图片“嵌入”设备屏幕,适用于网页开发或其他项目。
Dimmy.club:免费的网站,可以将屏幕截图、应用程序画面等等图片放入预先设定好的图库设备中显示,效果逼真且多样化。
2、架设Web HTTP服务
在全屏浏览器里看:这是最方便最好用的方法,也是最常用方法之一。
发送邮件附件:给iphone或ipad发个邮件,然后打开邮件预览。
3、DIY一个webapp页面
直接访问:在head 里面加上相应的代码,在safari的 web clip 保存到桌面就可以直接访问了,还可以预览一下icon的效果。
4、使用同步预览软件
Sketch Mirror:适用于Mac用户,与Sketch软件内的画板同步,无需保存设计稿即可预览。
Design Mirror:支持Mac/Win操作系统,支持Photoshop/Sketch两个强大工具,新增支持Photoshop预览,Adobe XD预览,Sketch预览。
以下是两个相关FAQs及其解答:
1、如何在没有专业软件的情况下预览设计图?
答:你可以选择使用第三方预览软件或网站,如LiveView、Ps play、Proto view、IconView、MockUPhone、Dimmy.club等,或者通过架设Web HTTP服务、发送邮件附件等方式进行预览。
2、如何在不同设备上同步预览设计图?
答:你可以使用同步预览软件,如Sketch Mirror和Design Mirror,它们支持在不同设备上同步预览设计图,只需将设计图上传至软件,然后在其他设备上打开对应的应用即可实时预览。
在iPhone和iPad等终端预览设计图,可以采用以下几种方法:
方法一:使用Adobe Creative Cloud
1、登录Adobe Creative Cloud应用:
在iPhone或iPad上打开“Adobe Creative Cloud”应用。
使用你的Adobe账号登录。
2、上传设计文件:
在应用内找到“文件”选项。
点击“上传”或“添加文件”,选择你的设计图文件。
3、预览设计图:
文件上传后,点击设计图文件,即可在屏幕上预览。
4、编辑和注释:
如果需要,你可以使用应用内工具对设计图进行编辑或添加注释。
方法二:使用Sketch Viewer
1、下载Sketch Viewer:
在App Store中搜索“Sketch Viewer”并下载。
2、导入设计文件:
打开Sketch Viewer应用。
点击“导入”或“添加文件”,选择你的Sketch设计文件。
3、预览设计图:
文件导入后,即可在应用内预览设计图。
方法三:使用InVision
1、创建InVision账号:
在iPhone或iPad上打开App Store,搜索“InVision”并下载。
创建或登录你的InVision账号。
2、上传设计文件:
在InVision应用中,点击“新建项目”。
上传你的设计文件。
3、预览设计图:
文件上传后,你可以通过应用内的预览功能查看设计图。
方法四:使用Mockplus
1、下载Mockplus应用:
在App Store中搜索“Mockplus”并下载。
2、导入设计文件:
打开Mockplus应用。
点击“导入”或“添加文件”,选择你的设计图文件。
3、预览设计图:
文件导入后,即可在应用内预览设计图。
方法五:使用电子邮件或云存储服务
1、导出设计文件:
在设计软件中将设计图导出为适合移动设备的格式,如PNG或JPEG。
2、发送至iPhone或iPad:
通过电子邮件或云存储服务(如Dropbox、Google Drive等)将设计图发送至你的iPhone或iPad。
3、预览设计图:
在设备上打开邮件或云存储应用,查看并预览设计图。
通过以上方法,你可以在iPhone和iPad等终端上预览你的设计图。