Axure RP是一个专业的快速原型设计工具,让负责定义需求和规格、设计功能和界面的专家能够快速创建应用软件或Web网站的线框图、流程图、原型和规格说明文档 。作为专业的原型设计工具,它能快速、高效的创建原型,同时支持多人协作设计和版本控制管理。在axure设计过程中,经常会使用到页签导航,往往需要区别选中和未选中效果时,那这种效果如何做起来逼真呢,又有什么方法使这个效果能复用呢?
文章插图
实现逻辑 - 点击Tab1时,填充矩形颜色,其他Tab不填充矩形颜色 。
操作步骤如下:
1、首先我们需要从元件库里拖入一个矩形框到画布中 。
【axure如何制作页签导航?制作步骤有哪些?】2、接着设置好矩形框大小,并将矩形框线段设置为不可见后,复制2个相同的矩形框,分别对它们进行命名,再拖入一条直线 。
3、下一步对矩形设置悬停和选中的效果:按住shift键选中三个矩形框,在界面中的【交互样式设置】中点击鼠标悬停,弹出交互样式设置的对话框 。
4、在弹出的设置框中根据效果需要设置字体颜色、线段颜色、线宽、边框可见性,其中边框可见性选中显示最底部的边框 。
5、在交互样式设置页面中点击【选中】的选项,跟鼠标悬停时的效果设置一致;设置完成后,点击【确定】,完成设置;
6、选中第一个矩形框,在界面右侧的窗口中点击【鼠标单击时】选项,弹窗设置选中效果,勾选“当前元件”选项 。
7、设置完成后,点击【确定】,返回页面;其他矩形框同样按照第一个矩形框的设置方法配置鼠标单击效果 。
8、最后一步,鼠标选中所有矩形框,在右侧【设置选项组名称】中设置名称“标签”,这样就完成了页签的设置 。
9、按住F5可以预览查看效果 。
以上就是axure如何制作页签导航的操作步骤,对于新手小伙伴们来说,这是在初学axure的时候需要掌握运用的基础技能,希望大家可以多练习熟练掌握操作方法 。
推荐阅读
- sketch如何对齐图层?操作步骤有哪些?
- Axure怎样使用交互进行移动端查看?方法步骤是什么?
- Axure如何使用交互实现雷达效果?实现步骤有什么?
- InDesign如何创建网页超链接?创建方法是什么?
- Indesign如何查找恢复的文档?查找方法是什么?
- InDesign如何重新分布页面?操作方法是什么?
- InDesign如何旋转跨页视图?操作方法是什么?
- InDesign如何转换老版本的文档?转换方法是什么?
- InDesign的排版方法 如何设置排版首选项?
- InDesign如何防止单词意外断开?有哪些操作方法?