交流 【axure9.0】挑战高保真视频类实用项目原型

首先是制作原型的思路:

【axure9.0】挑战高保真视频类实用项目原型

整个原型只有两个页面构成,“上帝视角”页面手机屏幕部分是一个框架,指向了“主页”页面,其余的都是一些辅助性的东西,例如背景,顶部导航栏等等,这样做看起来会很整洁,思路会清晰一些。

再来看主页

【axure9.0】挑战高保真视频类实用项目原型


“上帝视角”的框架就是指向这里,所有的交互都在这里,我是用一个动态面板,四个状态,每个状态下分别是“首页”,“视频”,“分类”,“我的”这四个模块,在每个模块进行动态面板的嵌套,显示每个模块包含的不同页面。就这样,层层递进,拼成了原型的所有页面,都在这一个动态面板里,至于页面跳转,都是动态面板的显示与隐藏,状态的切换,还可以伴随着特效。不过有一个缺点,就是在制作过成中容易操作错误。

第二就是模拟手指滑动

【axure9.0】挑战高保真视频类实用项目原型
【axure9.0】挑战高保真视频类实用项目原型
【axure9.0】挑战高保真视频类实用项目原型


这里我做了下拉刷新,上拉加载,

记住是要用鼠标拖的哦,而且松开鼠标他会自己回去,这也是为了高度还原手机app使用场景,比用鼠标滑轮更加形象,所用到的知识点就是动态面板的拖动,

拖动时移动当前动态面板跟随拖动

当动态面板的顶部大于**时,显示**,

拖动结束时,当动态面板顶部大于**时,移动动态面板到达绝对位置(**.**)

隐藏**

事件就是这样的,因为详细说的话太多太多了,我这里就简单说一下。

在本原型里,几乎所有页面我都做了鼠标滑动效果,很麻烦,不过效果还是不错的。

第三就是中继器的综合运用

【axure9.0】挑战高保真视频类实用项目原型



【axure9.0】挑战高保真视频类实用项目原型
【axure9.0】挑战高保真视频类实用项目原型


中继器的用法很多很多,我这里主要是用了中继器“删除数据”和“加载数据”的功能,其实还有很多很多功能这里用不到。关于中继器,用法比较复杂,这里就不详细解释了。

第四就是变量及字符串函数的运用

【axure9.0】挑战高保真视频类实用项目原型
【axure9.0】挑战高保真视频类实用项目原型


本原型高仿了登录注册功能,以及账号密码的判断,以及各种提示文字

手机号:0755

密码:8888

不但高仿登录,注册也可以,可以在原型的注册页面进行注册,并且可以用注册成功的账号密码进行登录

这就是考验 “全局变量”,"局部变量",以及"字符串函数"的综合运用了。

以上就是这个原型的制作思路,以及运用的知识模块,有很多地方我没有细说,因为内容实在太多了。。。
 

评论

聊天房间

  • 社区活动 0

最新资源

  • Mockup Creator(概念草图设计工具)
    原型 Mockup Creator(概念草图设计工具)
    Mockup Creator是一款程序模型设计工具,它能帮助您加速您的产品设计并提高产品设计质量。通过它,我们可以获取我们心中程序模型的视觉效果,我们可以检查模型中是否包含所有必需的元素,它们是如何放
    • leon
    • 更新于:
  • 100Wireframes.com-Templates
    低保真 100Wireframes.com-Templates
    Contributed by Aamir Ibrahim of 100wireframes.com
    • leon
    • 更新于:
  • Balsamiq Mockups
    原型 Balsamiq Mockups
    Balsamiq Mockups 是一款基于Adodb AIR的优秀跨平台原型设计工具,提供了丰富的各种常用元件,可快速制作出手绘风格的原型图。
    • leon, diguo520
    • 更新于:
  • AxureRP-9.0 测试版 汉化
    原型 AxureRP-9.0 测试版 汉化
    下载对应的版本,pc为windows系统下载,mac为mac操作系统,默认下载有30天的免费使用权。
    • leon
    • 更新于:
  • 低保真 带进度显示的注册表单特效
    本案例通过渐进式的方式,引导用户完成账户注册,在每一步完成后,以背景色变换的方式显示注册正规流程的进度,提高用户体验。
    • leon
    • 更新于:

关于社区

  • (v766.cn)以产品经理为圈子,以学习为目的的PM交流互动平台. 同时围绕电商、人工智能、互联网各行业、互联网移动、互联网+等领域与话题,分享精品干货,扩展IP.他们在这里一起成长.
社区管理
规则 帮助 用户
  • 目前没有人在聊天。
  • 张小龙 张小龙:
    leon @leon 已离开房间。
  • 张小龙 张小龙:
    leon @leon 已加入此房间。
    张小龙 张小龙: leon 已加入此房间。
    忘记密码?