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,更多优点期待您的发现,给您惊喜。

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

模式二优点

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

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

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

1 条评论 发表评论

发表评论

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

1、支持小程序连接医疗器械可穿戴设备 2、支持小程序设置硬件参数 软硬件完整解决方案,可京东搜索“百家益” 欢迎加微信:xww15026727794 你买的不仅仅是一个原型文件,更是无限期的售后咨询服务!

售价:¥ 20.00
推荐

作品名称:AxureUX内容资讯平台交互原型模板 作品类型:模板类 发布日期:2018-05-25 最新版本:v1.0 主要适用:Web端 软件版本:Axure 8.0 文件大小:2.5MB 作品编号:TEM009 作品售价:¥59.00 …

售价:¥ 59.00
推荐

一个刚完结的项目产品。 移动端社区项目后台管理系统。 本产品更多是以原型为主。部分交互没添加。   活动推荐 活动一:购满66元送价值99元axure交互教学视频一套 购买地址:https://www.axureshop.com/shop/…

售价:¥ 29.90
推荐

作品简介: 作品名称:蓝鲸智慧园区 作品标签:高保真、web端、实战原型 最新版本:v1.1 主要适用:Web端 软件版本:Axure 8.0 作品演示:http://www.wulihub.com.cn/go/KJm2Eq/start.h…

售价:¥ 39.00
推荐

作品名称:微信小程序元件库V3.0 作品类型:元件库 主要适用:移动端 软件版本:Axure 8.1 文件大小:10MB 作品售价:30 不想看屁话的,直接点右上角在线演示效果。 V3.0升级说明 更新了布局组件 新增二列宫格,四列,五列,…

售价:¥ 30.00