写axure交互的毕业论文

axure里很重要的一个特点也是体现他优越性的东西是可以实现交互（暂且讨论互联网pc端） 无论是低保真还是高保真 说到交互，什么是交互？ 最常见的交互是怎么样的？ 用户交互时最常见的操作是什么样的？ ————————————————————————分割线————————————————————————————————————随着使用互联网时间的累积，随着使用互联网的经验变多 ，我们不可否认，虽然在使用中使用手册必不可少，但是很多操作内容在大众心里都会有一些约定俗成的东西，比如移动端的使用中，如果我们想实现某些功能，可能你就会去尝试右滑、左滑或者长按等基本且屡试不爽的操作去寻找我们想要完成的操作。 这种约定俗称的东西，我们在pc端中会见到类似”汉堡菜单“或者箭头等来表示一类操作的集合，在产品设计的初期必然会遇到交互的地方，所以现在说说在axure中如何实现单击”汉堡菜单‘出现待选选项。 场景：点击button，出现可以选择的东西 1.如图1，建立一个button按钮， 2.旁边新建一个热区或者矩形区域，将其命名为“弹出框”，新建成功后右键选择"设为隐藏”将其隐藏，同时该区域会变色，如图23.设置交互，点击button，在右上角属性中选择“鼠标单击时”，进入交互设置，如图34.选择元件：显示/隐藏，如图4. 5.选择成功后，对该axure页面进行预览，点击button就会出现“弹出框“啦~操作教程已经结束啦，大家一定要学会举一反三，有很多种元件可以添加，互联网的交互性是非常强的，体现在设计的任何角落，有具体问题可以微信进行联系，方便交流，wechat：haiqay

第一步：画出原型的静态图注意是静态的原型图，你不需要花过多的精力增加很多交互，让原型图动起来比如下面这个登陆输入邮箱的原型图，你不需要做到真的在Axure里建立一个输入框让他可以输入（虽然这个在Axure中可以实现，但是会花费你很多的学习时间）在实际工作过程中，就算你用Axure实现了一些你自认为很炫的操作，UI和开发根本不会一个个点下去了解你的交互和逻辑，反而会漏掉很多细节。第二步：对每个元素进行标注，写清其逻辑，标明页面交互这个才是重头戏，你需要思考原型页面各个元素的展示逻辑，细节交互考虑你原型在各种情况下的差异，并用原型和标注向开发阐述清楚。细节很多这里就不详细阐述了，大家可以用蓝湖将原型图逻辑连线静，并详细有逻辑的加上注释。

如何实现如下图所示点击a,b,c三个按钮实现上方图片的切换 （1）首先我们先放置三个矩形框建立整体布局 （2）在大的矩形框上面放置动态面板，这是实现图片切换的重要条件（实现banner轮播同样需要这一步骤），本次例子是实现三张图的切换，所以再增加两个状态，点击右下角动态面板点击加号添加状态，如下图所示操作 （3）添加完三个状态后，为每个状态添加一张图片，例如双击state1进入面板状态state1，然后添加自己需要的图片，如下图操作，state2，state3操作同上 （3）接下来我们再来设置a,b,c三个切换键，为了使页面加载完a切换键就是黄色并且点击任意切换键该切换键会显示黄色，我们来进行如下操作：设置a键，将属性框下的选中勾中（为了实现页面加载完a键就显示为黄色），然后点击鼠标按下设置事件，设置填充颜色，点击确定，设置完成。b,c键除了不勾选中外，剩下的和a键操作相同。 （4）接下来实现点击三个按键后图片进行切换功能，还是先设置a键，在右边属性栏交互事件里双击鼠标单击时进入事件编辑，如下图，点击设置选中，将abc三个矩形选中，a为true，其他两个为false（设置b键b为true，设置c时c为true其余为false），设置完后再设置面板状态，具体操作如下图，在a键设置下，选择状态为state1，进入动画退出动画按自己的喜好选择，bc键设置下选择状态分别为state2，state3 （5）通过以下设置，这个交互事件设置也就完成了，按下F5可以进入网页查看设置后的效果。          感谢查看，如有错误和意见请大家多多指点！