本文通过一个相对简单的示例,介绍了如何制作下拉选择框的联通效果。
产品经理在制作产品原型的过程中,经常会遇到部件间联动的效果设计。如果不能通过原型交互方式来完成,则会以“静态页面+文字说明+步骤指引”的方式达到目标。后者与前者相比不够直观,方式也更繁琐。所以,如何制作部件间联动效果,在实际工作中会起到事半功倍的作用。
接下来,小编主要介绍如何使用Axure制作下拉选择框部件的联动效果,大家可以通过相应的原理,尝试其他部件间如何进行联动效果设计。
效果说明
效果1:当选中“droplist-任务类型”下拉选择框中的周期任务选项时,展示动态面板“panel-是否核心任务”;
效果2:当选中“droplist-任务类型”下拉选择框中的手动任务选项时,隐藏动态面板“panel-是否核心任务”;
第1步,拖入两个部件:下拉选择框(Droplist)和文字标签(Label)
在Axure操作界面中,拖入一个Droplist(中文名称:下拉选择框)部件和Label(中文名称:文字标签)。具体样式如下图所示: