制作网页快速原型10.09

制作网页快速原型10.09

使用网页原型开发工具Axure

首先,为网站原型添加子页面,起好每一个页面的名字
在这里插入图片描述
下一步,网页表头一样的地方,直接创建成母版,这样其他页面都可以用这些功能,而且不用重复开发。
在这里插入图片描述
并且,为每一个按钮和标签添加上页面的跳转事件,实现点击跳转
在这里插入图片描述
进行一个简单的页面设计
在这里插入图片描述
接下来,重头戏,创建跑马灯效果
1.添加一个动态面板,然后在动态面板上添加多个面板
在这里插入图片描述

2.为每一个面板都添加上图片
在这里插入图片描述

3.设计动态面板的事件,实现加载页面两秒钟后,切换为下一个图片面板

在这里插入图片描述
通过设计首页,熟悉了曾经学过的Axure原型开发工具,接下来,快速的设计其他页面,效果图如下:
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
由于学校老师要求,所以在进行毕设之前,要设计一个快速原型出来,为了减少逻辑和代码上的错误,所以我选择了使用Axure这款原型开发工具,相对于敲静态页面和代码来说,原型开发就是快速的整理好页面的布局,在最短的时间内做出一个效果图出来。
我觉得快速原型开发相比于直接进入项目开发要好很多,而且优点也很明显,可以很快速的把自己的想法的效果图弄出来,并且也可以实现简单的业务逻辑和按键交互,可以帮助自己在开发之前理清代码逻辑,避免不必要的麻烦

猜你喜欢

转载自blog.csdn.net/qq_41986239/article/details/108975982