如何在手机上完美体验APP虐杀原型2 完美存档的功能和交互

经过两个周的讨论与用户调研,与小伙伴做了一款以原创音乐为主的音乐人社区,这里是整个APP的高保真原型图,每个功能相互链接
可以记录推荐数据哦!
收录收藏夹
APP整体原型图、移动端、原型的交互逻辑连线图、GUI
添加到收藏
没有新消息
创建收藏夹
公开(受欢迎的收藏夹将有可能选入站酷精选)
私密(仅自己可见)出错啦 - PMCAFF产品经理社区 中国第一产品经理人气组织::专注于研究互联网产品
PMCAFF目前不支持IE浏览器, 请用其它的浏览器打开PMCAFF, 如果是双核浏览器, 请选择极速模式注册 | 登录
微信nuanai88,关注公众号langzisay。
专为互联网人打造的365天成长计划,500门视频课程随便看,构建你的产品、运营知识体系。
上篇文章《》讲了《如何把原型放到网络上》,这篇讲解如何在手机上完美的体验APP原型的功能和交互。主要讲iOS系统的手机如何查看,Android手机的操作方法类似。我提供了非常完整的演示步骤,请根据自身情况有所取舍的去使用。建议结合前几篇文章阅读。
获取APP原型的网址
比如我把闪电约APP的原型上传到51prd.com服务器下面的demo目录下,那么网址为。
使用Safari打开网址
将该网址发送到手机上并使用Safari打开。你会看到APP原型的部分内容,但是有额外的元素干扰。
去掉多余的网页内容
点击左下角的close按钮,可以关闭Axure工具栏。现在有点像APP页面了。
需要注意的是这里其实是跳转到了另外一个网址:
原型网址的生成规则
事实上是Axure生成的原型默认是加载了工具栏的网址。生成之后网址的前面部分是一样的,比如,主要是后面有区别。
开启页面列表,后缀为/start.html#g=1
关闭页面列表,后缀为/start.html#g=0
最小化工具栏,后缀为/start.html#c=1
不加载工具栏,后缀为/页面名称.html
生成桌面快捷方式
体验一下原型感觉还可以,但是顶部网址栏和底部工具栏貌似挡住了部分内容,需要隐藏掉。
添加到主屏幕
点击底部工具栏中间的”发送到”图标,然后选择“添加到主屏幕”。
设置APP名称
设置一下名称,然后选择添加。
创建APP成功
然后便会创建到桌面。
查看APP原型
点击桌面上的该图标,然后进入APP原型。你会发现它和你设计的APP一模一样。
体验APP的功能和交互
操作一遍,你会发现它能够完美的表现下导航和上导航的功能,包含了所有的页面,所有的跳转都可以正常点击,可以完整的体验APP的所有功能模块。
这也是我定义的真正的原型,我对产品概念的定义。
如果你觉得图标不好看,还可以在生成原型的时候进行设置。
给你们查看我最后设置后的效果,从表到里都和一个APP超级像,最符合原型的定义。
浪子,业务型PM,浪子PRD系列51prd.com,公众号langzisay。
本文由 @浪子 原创发布于人人都是产品经理。未经许可,禁止转载。
赞赏是对原创者的最大认可
赞赏3人打赏
收藏已收藏 | 176赞已赞 | 18
微信nuanai88,关注公众号langzisay。
产品经理群运营交流群营销交流群
文案交流群
Axure交流群
区块链学习群
关注微信公众号
12个回答9人关注
10个回答9人关注
9个回答11人关注
12个回答10人关注
19个回答55人关注
9个回答14人关注1,202被浏览241,815分享邀请回答axure.com/axure-rp-65-beta-now-available而且不好意思是英文版的。2.如果是给itouch或者iPhone用的,比较好办,直接用320×480的分辨率画好辅助线,然后画原型3.按F5生成原型的时候,在“Mobile/Device”选项中可以设置适配移动设备的特殊原型4.设置说明见下图:(页面大小显示我的这个设置是按320×480的大小,默认不缩放)5.用你的移动设备访问你生成的原型链接(如本地服务器,或Dropbox托管)6.把该页面创建一个桌面快捷方式7.完成(有icon,有闪屏)另:想做鼠标动作或者复杂的页面交互比较麻烦,不推荐,尽量简洁。5031 条评论分享收藏感谢收起3619 条评论分享收藏感谢收起交互原型快速体验工具flinto教程 - 图翼网(TUYIYI.COM) - 顶尖设计资源领跑者
交互原型快速体验工具flinto教程
&原创佳作分享推荐&&&&&&版权:
移动APP交互设计因其所关联设备的特殊性,往往在交互阶段需要将界面真实的导入到手机或pad上去感受界面布局以及页面过程切换,才能感受到真实的体验效果。介绍一款便于快速测试交互原型的在线工具:&&该工具操作算是同类产品中相当流畅方便而且简单的。但国内交互设计师比较少用到,相关介绍资料也寥寥无几,所以这里简单介绍下使用步骤,希望对设计师们有所帮助。&使用步骤如下:1.将单个app界面截图保存到一个文件夹&2.打开www.flinto.com,登录账号,点击创建原型&3.输入原型标题、设置原型展示属性,点击创建:4.将刚刚创建的文件夹中的界面图拖入该界面:拖入完成:&5.在界面上用鼠标点击拖拽滑出响应区并点击对应的下一步进入界面,这样一个交互动作就创建完成了。&6.在点击选择下一目标界面前可先在上方选择不同的动态过程动画&7.创建好后,可点击直接在PC端预览预览效果:预览时点击界面任意处,会出现蓝色区块提示已设置好的可点击入口:&8.在手机safari浏览器上粘贴预览提示浮层中的链接,并选择安装到首页:&9.打开所安装的原型图标,即可在手机上体验动态交互原型!tips:如果你修改了其中某一张界面,你可以直接点击替换,不需要重新设置整个原型的动态,非常方便在画界面交互图时,注意要按ios6的长宽尺寸,才能完美的适配到展示时网站所匹配的设备外壳在线体验时由于需要下载界面,所以首次打开会有一些延时用来加载
设计里面情绪板如何做?
中国式草根设计师的工作困境
如何科学而又快速设计banner?
创意二维码制作指南
原文:http://hwpdesign.diandian.com/post//
设计师必备软件神器
MAXON Cinema 4D C4D R18 WIN/MAC 注册机破解完全版+ 安装视频
Photoshop CC 2017 64位中英文增强版
Sketch 48.2 for Mac 中文破解版UI设计矢量图形绘制软件
必备神器!AI矢量图层完美转PSD文件!
交互原型设计工具Axure RP 8.0正式版 win & mac下载地址
3D 手绘软件Cashew Mac版 V1.10.4
图翼网(www.tuyiyi.com)是一家专为设计师打造的交流平台。我们希望借助互联网的力量为设计师做最好的服务,提高设计行业价值!
反馈意见: 客服QQ:
关注图翼网官方微博每日获取最新学习资料
关注图翼网微信公众号每日获取最新学习资料
加入设计师学习交流群不断在这里成长}

我要回帖

更多关于 虐杀原型2 完美存档 的文章

更多推荐

版权声明:文章内容来源于网络,版权归原作者所有,如有侵权请点击这里与我们联系,我们将及时删除。

点击添加站长微信