第一次原型分享——墨刀之底部导航栏

时间:2024-05-19 15:28:50

墨刀与Axure各有优缺点
墨刀简单,容易上手,但可修改性较差。
用Axure设计原型时,每个零部件都需要自己一个一个设计,较为灵活,但做出的原型分享较为困难。

今天给大家用墨刀讲解一个组件制作——底部导航栏。

先添加动态组件
第一次原型分享——墨刀之底部导航栏
然后双击组件并删除组件内的内容,加入“底栏”之后调整高度使适应。
第一次原型分享——墨刀之底部导航栏
点击动态组件,并点击上方的“打散”,之后更改相应图标、文字,结果如图:第一次原型分享——墨刀之底部导航栏
接下来组合图标与文字,并在状态栏里添加四个状态,在每种状态对应情况下,将图标、文字变为绿色,最后点击右上方回到工作区。
之后再主页下,创建四个副本,并拉入主页下,并改名。
之后,最核心的:将左边状态,中间编辑状态,右边的状态进行对应。第一次原型分享——墨刀之底部导航栏
第一次原型分享——墨刀之底部导航栏之后将各图标和各页面想连接,OK大功告成。
第一次原型分享——墨刀之底部导航栏