进一步熟悉各种常见交互的制作方法。
Axure高保真秘笈总述:https://www.jianshu.com/p/cfbc3a7b3f73
1案例28、29(20分钟)
制作菜单弹出与组合元件的交互
·做法
1、查看并在Axure8中操作案例28,只有一页很简单的
2、查看并操作案例29
·说明
1、案例28,最简单的一个圆形一个矩形,其他啥也都不管就行。我还拖了文本标签,都算是勤快了感觉
2、案例29,组合也很简单,不考虑美观的话两下就做完了。在能快的地方快一点好,因为后面总还有复杂的,做的太多没办法坚持是更糟的情况。
2案例30(15分钟)
制作灯箱效果的弹框
·做法
看书并制作案例30所描述的内容
·说明
1、就只有两个按钮是真正必要的,当然低保真做得少的也可以练练。
2、固定到浏览器在下图的下面蓝色的字体那里,我当时学的时候没找到。
3案例31(30分钟)
抽屉型左边栏。
·做法
查看书本内容并配合着操作,看一步做一步,做完就行
·说明
这个操作步骤多看看图,图上红箭头把流程标的很清楚
4案例32(30分钟)
·做法
查看书本内容并配合着操作,看一步做一步,做完就行
·说明
长条矩形x坐标-1000是为了放到动态面板外面看不到的地方,Axure9中往外移就行了用不着这么麻烦
5案例33(30分钟)
制作标签泡泡,学在交互中改变元件大小
·做法
查看书本内容并配合着操作,看一步做一步,做完就行
·说明
1、只用做一个圆形的交互就可以了,然后复制几个圆形出来把尺寸一改就好。
2、在之后的案例37中会学习怎么用函数来做,这样改尺寸的时候就不用把交互设置值也改了
6案例34(20分钟)
元件旋转
·做法
查看书本内容并配合着操作,看一步做一步,做完就行
·说明
很简单,照着做就行,图片随便拿一个。做完之后就突破一百页了!这本书虽然有280页,但是我们只做168页,后面的就只扫着看看,所以胜利在望!
7案例35(30分钟)
这是一个旋转唱片的案例,很有趣
·做法
1、准备元件,由于我没有图片,所以唱针是用直线和圆形的组合代替的,唱片是用圆形和文本段的组合代替的。
2、按步骤操作
·说明
1、这个操作很有趣,我当时因为做完了还用录屏软件录了给别人看呢。就是这个录屏软件,还挺好用的。
2、这个在案例54还要重复用,务必保存好
8案例36(30分钟)
页面返回顶部。因为锚点是一个热区,所以想返回哪都行。
·做法
查看书本内容并配合着操作,看一步做一步,做完就行
·说明
1、要注意这个元件的尺寸,在元件准备中按照那个尺子标注的设置的和他一样吧。
2、京东首页那个可以随便去网页截个屏,我是直接用占位符放大代替的。
网友评论