axure rp9素材-你觉得Axure的素材库应该有哪些常用组件？

原创：找图网 2023-06-27 08:37:22

Axure RP9案例：可以滑动的菜单

元件准备

首先我们利用Axure系统元件完成线框图的绘制。从元件库拖动四个矩形至设计区域,编辑矩形文本,这四个矩形作为导航栏的一级菜单,分别命名为菜单一、菜单二、菜单三、菜单四。水平等距离分布四个矩形的距离。如图2所示。

拖动四个垂直菜单至一级菜单下方,调整每个菜单项目的宽度与高度,使其与一级菜单的宽高一致。编辑每个子菜单项的文本,四个子菜单分别命名为子菜单1、子菜单2、子菜单3、子菜单4,如图3所示。将每个子菜单项填充为灰色#D4D4D4,隐藏子菜单。

为了视觉上更美观,我们默认将所有菜单项边框线进行隐藏。将四个一次菜单设置为为一个选项组,选项组命名为一级菜单。为四个一级菜单设置选中样式,选中时填充颜色为#0099FF,文字颜色为白色。为子菜单的每个菜单项设置鼠标悬停样式,悬停时菜单项填充色为#0079FE,文字颜色为白色。将一级菜单及其对应的子菜单分别设置为组合,四个组合分别命名为导航1、导航2、导航3和导航4。

下面我们开始进行交互设置,选中菜单一,添加鼠标移入事件,将当前元件设置为选中状态,向下滑动显示当前菜单的子菜单即子菜单1,隐藏另外三个子菜单,交互设置如图4所示。选中组合导航1,添加鼠标移出事件,将一级菜单即菜单一设置为未选中状态,隐藏该组导航下的二级子菜单即隐藏子菜单1。交互设置如图5所示。

按照同样的方法为另外三个一级菜单和导航组合设置交互效果。交互设置如图6所示。

到这里,滑动式菜单交互原型已经制作完毕,点击预览在浏览器中查看原型。

根据本案例的设计思路,其实我们还可以制作向右滑动弹出的交互效果,原型制作原理是一样的,如果大家有兴趣,不妨尝试制作。

AxureRP9的中国结是怎样制作的？

中国结

什么是中国结?

中国结是一种中国特有的手工编织工艺品,它身上所显示的情致与智慧正是中华古老文明中的一个侧面。它原本是由旧石器时代的缝衣打结,后推展至汉朝的仪礼记事,再演变成今日的装饰手艺。

中国结中,有:双钱结、纽扣结、琵琶结、团锦结、十字结、吉祥结、万字结、盘长结、藻井结、双联结、锦囊结等多种结式。中国结代表着团结幸福平安,特别是在民间,它精致的做工深受大众的喜爱。

中国结的制作思路是什么

它的制作方法跟编制带的制作方法相同,不过它用的是缠绕结的命令制作的,选择单线作为对象,难点在于如何画出线条。如图1-1

图1-1

由图1-2所示,将图片【旋转45°】,是为了方便后面横评竖直的描线。

图1-2

如图1-3所示,水平的画出7条线,保证每条线都在红色的中国结上,可以直接画也可以用【均分间隔】命令来做,另外考虑到两个大圆圈,我们将线条首尾多画一条,那就是一共9条线。紧接着如图1-4所示将水平的9条线,【旋转复制90°】让线条形成交叉,位置上可能存在偏差,用【平移】命令微调一下。

图1-3

图1-4

如图1-5所示,选择菜单栏命令【曲线绘制/圆弧】并在命令里点选【圆/与三图形相切】,这个命令是根据三条直线来画一个跟他们相切的圆,平常不太常用的一个命令,具体的使用方法就是依次点击三条直线就可以了。如图1-6、1-7所示,在图示位置依次画上圆圈,并在两个大圆圈的地方,用【单线等距】命令向外偏移一个方块的距离。再如图1-8、1-9所示,用【修剪】命令对线条进行修剪,并【连接】起来。

图1-5

图1-6

图1-7

图1-8

图1-9

如图1-10所示,将已经完成的线条,【旋转45°】,将图形摆正。再将黑线【切断】成红线跟黑线两根,如图1-11所示。

图1-10

图1-11

选择命令【艺术曲面/纹理曲面/几何纹理】,要提前选中线条,如图1-12所示。进入命令后,具体参数设置如图1-13【缠绕结纹理/椭圆截面/宽/高/顶/网格精度/矩形网格】,它的设置其实跟编织袋的参数设置类似的,在这里就不再多讲了,详细讲解在编织袋章节。

图1-12

图1-13

6.如图1-14所示,中国结效果就出来了,整体是没什么问题的,就是大圆的两个地方有接缝,这个地方我们是需要修补一下的,可以根据【平坦面填色/颜色区域矢量化】命令来生成修改所需要的线条,然后结合【去/堆料、磨光】等命令将接缝修补好,如图1-15所示。