Axure怎样制作滑动引导页效果原型

新手学堂012

Axure怎样制作滑动引导页效果原型,第1张

很多小伙伴使用Axure却还不会设置Axure设计滑动引导页效果原型,所以下面呢,小编就分享了,一起去看看吧,相信对大家会有帮助。

打开Axure软件,创建一个空白页面,在工作区域拖入本次要使用的元件元素,最主要的是动态面板,如下图所示

将元件准备完成后,将样式修改好,并将矩形、等元件放入到动态面板中,如下图所示。

按上述要求,把动态面板里的state复制出三个,并把这三个state中的内容进行调整,如下图所示。

下面开始对动态面板做属性事件做交互,首先给向左拖动结束时的交互事件进行设置,如下图所示。

然后再给向右拖动结束时的交互事件进行设置,如下图所示。

最后动态面板的交互事件弄好了,f5预览一下效果,向左拖动和向右拖动的效果是否实现,如下图所示。

Axure|

用axure进行原型设计需要先从整体的布局考虑,再来细化每个功能点。整体的布局就是在设计的过程中注意色彩的对比、对每个模块的布局进行深入探讨以保证样式美观、方便操作;细化每个功能点就要考虑弹出和跳转的正确设置,每个跳转链接都可以准确的到达指定区域,减少繁琐的进行多次跳转。

1确定风格

每个原型设计都需要先确定好风格,保证后续的设计风格一致,符合使用者的整体形象。其次是颜色运用的合适,可以唤醒使用者的视觉美感,给予视觉上的冲击,人们往往都愿意相信自己第一眼便喜爱的东西,所以原型的设计上,一定要优先抓住客户眼球,让他们接受这个样式,这样设计者也可以少走弯路,达到事半功倍的效果。加强使用者的第一印象,使其在使用中易接受,提高使用效率。

2注重实用

在原型的设计上,美观是一方面,但也不能减少对实用性的注重。进行原型设计的时候,一定要多方考虑,把使用者看中的、常用的、主要的功能排在页面最上方或是最显眼的地方,不能因为强调设计上的炫酷,就让使用者为了打开一个页面或功能要点很多下。实用又不缺乏美观的原型才更能凸出设计者的专业能力。

3细化功能

Axure的功能非常强大,可以通过将元件库中的原件直接拖拽到主操作界面中进行排版,操作非常简单且十分快捷,但如果需要显示相应效果,则需要对各相关元件进行交互设置,从而能够显示出想要的效果。如滑动显示效果,用来显示和隐藏动作进行展现;在动态面板中,通过Tab标签切换的功能呈现单击不同的Tab标签可以切换显示不同的Tab内容页,且选中的标签标题产生变红色或加黑效果等。

以上所述仅仅是Axure中的一小部分,进行Axure原型设计时还需要考虑到一定逻辑性,比如在做滑动效果时,如果逻辑不清晰,就会导致效果无法显示。Axure原型设计需要持续不断地增加新内容来满足更多使用者的需求,所以要不断的了解和学习其中的功能以及效果展示方法,并将学到的技巧和方法积累沉淀下来,扎实自己所学,扩充自身的知识储备。