交流 【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

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

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

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

评论

聊天房间

最新资源

  • Bootstrap Studio
    原型 Bootstrap Studio
    一款Bootstrap框架创建响应式网站的功能强大的桌面应用程序。
    • leon
    • 更新于:
  • Uxpin|响应式原型设计工具
    原型 Uxpin|响应式原型设计工具
    具有响应式的断点功能,创建的响应式原型和线框图可以运行在不同的设备和分辨率上。另外该软件还提供了版本控制和迭代功能,可以轻松的共享预览,直观的注解和实时的协同编辑和聊天,拥有大量具有吸引力的用户界面元
    • leon
    • 更新于:
  • 餐厅外送及订单系统交付APP
    脚本 餐厅外送及订单系统交付APP
    这订餐克隆脚本是第一个在世界上的一种克隆的,是理想的任何按需交付业务或送外卖的应用程序,如UberEats / Postmate /无缝或者甚至在网上订餐网站
    • leon
    • 更新于:
  • WORKSUITE - 项目管理系统
    脚本 WORKSUITE - 项目管理系统
    保留所有的他的团队的任务在一个地方。合作,并在实时工作取得实实在在的效果。Worksuite:最强大和最简单的方式与您的团队合作。特点:客户,员工,管理,项目管理,任务管理的管理,账户管理,客户管理问
    • leon
    • 更新于:
  • Build websites faster with Pinegrow 5
    应用 Build websites faster with Pinegrow 5
    在Mac,Windows和Linux的Web编辑器,让你建立网站的响应速度更快活多页编辑,CSS和SASS造型,CSS网格编辑和引导,基金会和WordPress的智能组件。
    • leon
    • 更新于:

关于社区

  • (v766.cn)以产品经理为圈子,以学习为目的的PM交流互动平台. 同时围绕电商、人工智能、互联网各行业、互联网移动、互联网+等领域与话题,分享精品干货,扩展IP.他们在这里一起成长.
社区管理
规则 帮助 用户
聊天中还没有人留言。快跟大家说声Hi!