专栏首页小狼的世界Axure制作Tab切换效果

Axure制作Tab切换效果

axure 作为一款原型工具,能够帮助我们快速的设计原型,从而将产品人员的想法快速准确的传递给技术人员。

我们希望的最终效果如下图:

Technorati 标签: axure,原型,tab,切换

最简单的一种办法就是通过 Dynamic Panels 来实现。

首先创建一个空白的 Dynamic Panel,然后在 State 1 中开始绘制我们需要的样式。

下面就是最关键的一步,让这些元素都动起来。

首先选中一个 Tab,然后单击右侧的 OnClick,在弹出的窗口中选中 Set panel state to state。选中对应的状态,确定就 OK 了。

然后,可以将设计好的元素全部 拷贝 到其他两个状态中,并且修改 Tab 的样式,来适应当前的状态。如下图:

这样就完成了 Tab 效果的切换,如果希望鼠标移到 Tab 上时能够有相应的响应效果,我们可以右键 –> Edit Button Shape –> Edit Roll Over Style 中进行样式的编辑。

其实 Axure 这款软件的易用性比较不错,上手很快,特别是如果掌握一些 DW 或者 MS Visual 系列工具使用经验的用户。

PS:虽然 axure 几乎能够做出各种各样的效果来,但我一直对于做出复杂效果的投入是否值得心存疑虑,原型作为一个中间过渡的产品,其价值就在于传递产品的设计和使用理念,而且在原型交接的过程中,一般都会有产品人员和技术人员面对面的沟通,这样一些很复杂的效果完全可以通过叙述来让技术人员明白,这样产品人员就可以节省时间来思考更多的关于产品本身的问题了。

参考资料: 1、Axure Sample

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • Log stash学习笔记(一)

    Logstash是一款开源的数据收集引擎,具备实时管道处理能力。简单来说,logstash作为数据源与数据存储分析工具之间的桥梁,结合 ElasticSearc...

    大江小浪
  • Maven 快速入门

    Maven是一个Java工具,因此你的电脑上必须安装有JAVA环境(JDK或者JRE)

    大江小浪
  • 快速排序算法介绍

    快速排序(QuickSort)是对冒泡排序的一种改进。由 C. A. R. Hoare 在1962年提出。它的基本思想是:通过一趟排序将要排序的数据分割成独立的...

    大江小浪
  • 6年级学Python,高中学AI?这6本书,助你找回输掉的起跑线

    导读:新学期开始了,数据叔猜你一定带着 想死 期待的心情回到了学校。数据叔也相信在刚过去的暑假里你一定有所收获!(至少收获了体重吧?)为了迎接新学期,数据叔今天...

    华章科技
  • PHP连接MySQL数据库报错:Call to undefined function mysql_connect()的解决方法

    查看 ZC_DATABASE_TYPE 是否为【mysqli】或【pdo_mysql】或【mysql】,如果是,尝试改成另外两种。

    德顺
  • 三招破idea创建maven项目速度慢问题

    Intellij idea是一款非常强大的编辑器,可以很方便地帮我们创建maven项目,有用过的同学应该都深有体会,但我们经常会遇到一个困扰。

    良月柒
  • [PHP] 抽象类abstract的回顾

    陶士涵
  • 初探在WSL中设置vim前端开发环境

    在之前的 《在win10的WSL中设置前端开发环境》 一文中,介绍了 win10 结合其 linux 子系统(WSL)的前端开发设置,使用的是 VSCode 开...

    江米小枣
  • Python Vs R:数据科学家的永恒问题pythonR结论

    Python有一些使用案例,R也是如此。使用它们的场景各不相同。 更常见的是环境以及客户或雇主的需求决定了Python和R之间的选择。许多事情在Python中都...

    用户1359560
  • Jungle Roads

    题意:给你一个点,然后给你这个点可达的点,注意这是双向图 #include<stdio.h> const int MAXN=30; const int INF...

    用户1624346

扫码关注云+社区

领取腾讯云代金券