实训第二天 Axure的高级功能

回顾上课内容

昨天做了一个简单的微信红包封面,虽然有点丑(哈哈哈),但是也是熟悉了一下axure的简单使用

实训第二天 Axure的高级功能_第1张图片

放一下图

实训第二天 Axure的高级功能_第2张图片

还有昨天跟着美女辅导老师简单复习了一下昨天的学习内容,差点忽略掉一个重要的点是两个单选框的互斥效果,首先鼠标选定单选框,然后鼠标右击,点击指定单选按钮组,任意取个名字

实训第二天 Axure的高级功能_第3张图片

确定以后就可以实现互斥的功能了

昨天下午主要学习axure的交互功能,axure可用来制作一个完整的网页

学习到的交互功能有
1.母版的简单使用
2.自适应
3.交互样式
4.页面加载时
5.链接跳转
6.选项组菜单互斥效果
7.折叠菜单
8.局部变量
9.全局变量
10.轮播图

母版,其实就是公用的意思,在Axure左下角区域创建一个母版,制作布局,新增到页面中,相比来说比较方便,但是还存在许多不足,比如要改动某一个区域的内容,偶尔会出现要绘制的原型图中,因为不同页面内内容的多少与大小不同导致尾部的位置不同,在使用固定位置时往往会出现一大片空白或是尾部与内容重合的事情

参照许多大厂的官网,导航栏和底部大都一样,使用母版方便不少

自适应 因为不同的phone,PC端,Pad的屏幕分辨率不尽相同,显示的内容也多多少少参差不齐,先简易的做一个页面,然后创建自适应视图,选择三个不同分辨率的视图,根据三个不同的分辨率调整网页内容,然后通过缩放浏览器大小,发现自适应功能已实现

实训第二天 Axure的高级功能_第4张图片

简单的交互样式比较简单,比如一个文本输入框,新建交互事件,比如鼠标滑过时,鼠标单击时等等都可以触发事件改变

我们看到现在很多网站一进去就跳出注册登录页面的对话框,这其实是一个页面载入时触发的交互事件,首先将整个对话框设为隐藏,新增页面交互事件,页面载入时就显示对话框

实训第二天 Axure的高级功能_第5张图片

点击确定隐藏

然后就是添加链接点击按钮跳转页面(就放网址就行),就是跳到百度页面时会被拦截

image.png

用动态面板做一个类似于顶部导航栏,点击不用的菜单栏切换不同的页面

实训第二天 Axure的高级功能_第6张图片实训第二天 Axure的高级功能_第7张图片

给不同菜单栏按钮设置对应的面板状态,同时要设定选中状态,而且第一个菜单栏按钮要手动设置选中

实训第二天 Axure的高级功能_第8张图片

剩下的后面补充,吃饭去了,干饭干饭!!!!

你可能感兴趣的:(前端chromeaxure)