Axure知识汇总axure

六、特别案例(3小时25分钟)

2019-12-12  本文已影响0人  狐狸_d5ae

进一步熟悉各种常见交互的制作方法。

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、京东首页那个可以随便去网页截个屏,我是直接用占位符放大代替的。

上一篇下一篇

猜你喜欢

热点阅读