设计产品前端

完整版高仿真实战项目(UE&UI)原型设计(PC端+手机

2018-10-30  本文已影响542人  卧枕江山

与此相关的完整版高仿真实战项目(UE&UI)原型设计(PC端+手机端)地址(这个性价比很高,推荐路过的朋友购买):https://www.axureshop.com/a/234122.html#comment-287804

2018102712351685.png

一、PC端(PC端高保真管理系统完整版):

1.尺寸:1920 x 1080、1600×900、1440×900、1366×768

2.登陆用户名:11

3.登陆密码号:123456

image image

4.主要特点:功能齐全、架构完整、界面规范、交互全面、立体高保真(包括PC端+手机端两个原型)、动态效果多样、文本说明简介详细。

image image image image

5.系统共包括:建设总览、用户登录、3D全息模型浏览、数据统计、调度中心、设备管理、运维标准管理、巡检管理、维保管理、能耗管理、财务管理、资产管理、工作汇报、视频监控、信息中心,15个功能大模块。

image image image image

6.主要动态效果:动态轮播图(支持分页和鼠标模拟手触滑动)、全息中继器(支持数据绑定、数据删除、数据添加、数据查询、数据传输、编辑、数据分页、同步)、多层级弹窗、左右动态滑块、引用axhub动态统计图(柱形图、折线图、漏斗图、饼形图、扇形图、柱形图、环形图等)、动态垂直导航菜单栏、动态水平切换菜单栏、下拉列表、变量赋值、动态单级查询、联动性多级动态查询,文本动态性切换,支持浏览器不同尺寸的视图自适应。

image image image

7.系统开发分为三个阶段:

(1)将优先开发需求已初步明确的建设总览、用户登录、调度中心和设备管理模块。

image image image image

(2)在第一阶段完成的基础之上,整合设备管理内容,进行第二阶段巡检管理、工作日报和维保管理模块的设计。

image image image

(3)面向业主的管理需求,基于BIM运营模型,实现能耗管理、资产管理等模块的开发,并在业务模块的基础上开发建设总览、运营总览模块,实现杭州南站东西广场的全生命期信息集成和三维可视化展示。

image

二、手机端(注意:这个手机端APP和上面的PC端高保真管理系统(完整版)”是同一个项目,两者互补形成一个立体化的管理平台,两者相互参考会更好。)

1.尺寸:375 x 667

image

2.登录:引导页加载完毕会自动跳转到登录界面,点击登录按钮直接进入首页。

image

3.主要特点:功能齐全,架构完整、界面规范、交互全面、立体高保真、以及配上动态详细交互说明、动态效果多样化。

image image

4.主要动态效果:内联框架、动态分页、中继器、多层级弹窗、左右滑块、轮播图、下拉刷新、动态文本、函数变量、水平切换菜单(动态的)、上拉弹窗、动态水平切换导航栏、数据赋值。

image

5.设计需求:

 (1)交互说明

    注意事项:对手机端原型(UE/UI)设计需要注意的地方进行阐述,以此来解决其给初使用者的一些误导,以及一些注意点。

    思维导图:展示手机端相关功能模块的思维导图,给开发者功能全局的展示方式,并对相关功能进行释义,有利于开发者的理解。

    功能说明:对手机端内所有的功能模块进行文字说明,结合“思维导图”,来给开发者展示更直观的功能逻辑。

    逻辑描述:结合“功能说明”,进一步对一些重要的功能进行描述,解释一些盲区。

    权限描述:用流程图的方式展示不同权限用户在手机端的不同功能权限的操作。

    补充内容:补充前面几个描述点漏掉的一些细节。
image
  (2)登录界面

    引导界面:一个3s时间长的引导动画界面),主要内容是与手机端内的功能相对应的动画展示,也类似于手机端数据的懒加载,用来手机端功能显示的缓冲。

    用户登录:输入用户姓名(这里最好是真实姓名。)

    密码输入:输入对应的密码。

    忘记密码:忘记密码,点击进行客服咨询,找回密码。
image image image image image
  (3)个人中心

     用户信息:

     1、支持用户头像的展示和修改;

     2、支持用户姓名的展示和修改;

     3、支持所在部门和职位的展示和修改。
image
     巡检办理/抽查:

     1、巡检催办信息列表,支持任务筛选和信息查看,可以进行信息的办理操作。

     2、历史记录:用户已经办理的巡检催办信息可以在这个模块进行查看。
image image

维保办理/抽查:

    1、维保催办信息列表,支持任务筛选和信息查看,可以进行信息的办理操作。

    2、 历史记录:用户已经办理的维保催办信息可以在这个模块进行查看。
image
    将要过期:点击跳转到将要过期信息的(里面包括巡检和维保将要过期的信息内容)界面。

    已经过期:点击跳转到已经过期信息的(里面包括巡检和维保已经过期的信息内容)界面。

    清除缓存:点击能够清楚手机端的缓存。

    帮助中心:点击进入帮助中心界面,里面有一些操作手机端的信息指南,方便新用户很快上手操作。
image image
    账号设置:

    1、 点击出现上滑窗口,里面有修改密码的操作和退出登录的操作。

    2、 点击修改密码,用户可以进行密码的修改。
image
     二维码扫描:

     1、 点击快捷键按钮,弹窗超炫。

     2、 弹窗内的二维码支持用户手机扫描功能。
image
      客服信息:

      1、 客服电话的展示。

      2、 客服工作时间的展示。
image

单个的PC端是29.99元,单个的手机端的价格为19.99元,为了让朋友们买一个性价比搞得产品,所以便建了这个PC端+手机端的完整版,价钱为30.99元,PC端和手机端内的功能已经进行了完善和更新,并添加了许多原先版本所没有的内容,以及更改了PC端的基层架构,是的其能够进行不从电脑尺寸的自适应。

这个是实战项目的PC端,其手机端和它的一些主要功能是对应的,两者参考会更好。

手机端:https://www.axureshop.com/a/246479.html 19.99元

PC端:https://www.axureshop.com/a/249709.html 29.99元

PC+手机端:https://www.axureshop.com/a/234122.html 30.99元

本文由来源 https://www.axureshop.com/shop/3039,由 卧枕江山 整理编辑,其版权均为 https://www.axureshop.com/shop/3039 所有,文章内容系作者个人观点,不代表 Axure中文网 对观点赞同或支持。如需转载,请注明文章来源。

上一篇下一篇

猜你喜欢

热点阅读