WEB端开发交互原型模板 – 常规模块,可直接输入字段,自动生成,列表页(带中继器数据),新增页,编辑页 的高保真交互的页面

文件说明:本原型,既为了满足面对客户演示时的高保真要求,也用于面对技术需求沟通时的确认。

更新说明:加入中继器全交互模板。可以直接使用,页面更简洁,多种模式都在一个原型中。

亮点介绍:

1,可以选择自己合适的模版直接使用。

2,页面元素也都提取到单独一页,单独修改样式,统一更新。对于字体,字号,颜色,背景等,无需一处处修改。

3,有专门输入页面字段的表格,现成己设置最多20个字段(输入框或下拉列表)。完成和中继器的全交互。

不足20个的预览时会自动隐藏。

模式一功能介绍

1,主页面分别加载4部分内容(1 head, 2 menu, 3 button, 4 list page)。这4部分内容,交互都通过函数实现。

请仔细查看每一处交互。

2,所有页面中对于数据的新增,编辑,使用弹窗。由于使用跨页面通过内联框架做交互,目前RP无法实跨内联框架

传值。希望后期的RP版本改进。

3,所有列表页面与新增编辑的弹窗页面中的字段,统一在字段表格中填写和修改。字段表格备注对应的字段格式,

演示时字段表格会自动隐藏。字段完成后,对于表格中的示例数据(中继器)进行对应修改。

*目前预设了15个字段,如果需要增加请参考系统中的交互,增加字段。有以下几处需要增加字段,并做相应的交互。

列表页面,1,字段表格,2,列表表头。3,列表数据中继器。

新增页面,1,字段表格,2,页面表单

4,当列表字段确认好,完成以后,再按需把字段内容复制到新增页面的字段表格中。然后对新增页面的输入框,选择框等编辑,

完成后,调整背景图片的大小。弹窗加载时会自动按背景大小加载。

新增页面完成以后复制一个页面成为编辑页面,注意把页面标题改成“编辑**”。

   

模式一优点:

1,对于同类型的页面,不需要再做复杂的交互。页面的大小自动适应,弹窗的大小也会根据弹窗的背景图片大小自动加载,

并自动移动到窗口中间。

2,字段确认以后,直接粘贴字段进入字段表格。即完成页面的内容。列表页内容都是中继器,己经实现查询,页面统计,翻页,

关键词搜索,后续方便做增删改。

3,页面的按钮,根据列表页加载的内容不同,显示不同,功能也不同。可以一一做交互。或都按类别做交互。

4,极大加快RP制作速度。更专注于内容的挖掘。

5,方便分工协作。交互一个人,内容多个人,美工一个人。互不影响。

6,更多优点期待您的发现,给您惊喜。

无法做到跨页面的变量传值。但每个页面都可在列表中查看。节省和技术沟通的成本,工作量一目了然。

模式二优点

交互全保真。所有中继器的增删改查,都实现。并且自动判断新增编辑页面文本输入框,列表选择框。

无需把过多精力放在交互和页面的开发上。

为了更强的交互,把新增和编辑及提醒页面放在菜单页面中(使用动态面板)。所以和技术沟通时可能会有丢工作内容的情况出现。

发表评论

以下作品你可能也喜欢:
推荐

作品名称:p2p人人贷借款APP交互原型 作品类型:模板类 主要适用:移动端 软件版本:Axure 8.0 联系方式:微信公众号ID-AxureRP原型库 作品介绍: 此次作品最大限度还原人人贷借款APP,主要包括登录注册、额度评估、OCR…

售价:¥ 49.00
推荐

作品介绍及推荐理由: 1. 支持分屏与全屏功能,便于需求与原型对比。 2. 手风琴渐变式导航菜单 3. 提供多个产品需求模板页面:产品简介、需求清单、角色定义、版本说明、开发周期、结构图、流程图、全局说明、交互原型、静态原型、设计图、监控需…

售价:¥ 36.00
推荐

历时2个月制作,搭配8000多字教程文章,完整演示了一个原型项目从零到一的全过程。详细说明了动态面板、中继器、用例动作等Axure难点操作,可以实现弹窗、商品列表、banner切换、顶部信息滚动、菜单切换、页面滑动带动菜单变动、以秒计数的倒…

售价:¥ 10.00
推荐

作品名称:AxureUX区块链宠物移动端原型模板 作品类型:模板类 发布日期:2018-04-20 最新版本:v1.0 主要适用:移动端 软件版本:Axure 8.0 文件大小:7.0MB 作品编号:TEM008 作品售价:¥79.00 作…

售价:¥ 79.00
推荐

产品定义为快消品B2B2C电商平台+供应链金融服务的系统,该WEB端版本包含了系统后台及供应商、中间商、终端商户四个系统角色的全部原型文档。 系统框架包含供应商管理、商户管理、品类管理、项目管理、采购管理、销售管理、库存管理、财务管理、访问…

售价:¥ 88.88
推荐

名称:百度地图组件库 Axure版本:8.1.0.3366 创建:2018-06-12 更新:2018-06-25 作者:Skyline 简介:项目中可能经常需要用到地图的样式,闲来无事,做了个百度地图组件,地图显示页面挂在了我的博客上了,…

售价:¥ 10.00