我在画低保真原型的时候,经常是“R”个不停,矩形工具在Axure中可以说是最万能的元件之一,上可画图填文字,下可交互当按钮,甚至有时候会抢了隔壁“热区”大哥的生意。但是这里就出现第一个坑了——元件的上下关系。
当矩形中含有文字,或有其他icon时,请务必留意这些元件的上下关系(如示例图左侧的概要部分),每个元件在列表中的上下关系也就代表了其在绘图时的上下关系,如果需要对一个矩形进行交互逻辑的编写,可能需要在矩形上面放一个热区并对热区写交互,否则矩形上方的icon或文字会影响交互的触发。有些时候在矩形写完交互逻辑测试后发现“这个按钮怎么不灵呢?时好时坏的”,以为是软件的问题,这时就要注意是不是因为逻辑写在了矩形上,而矩形上方有其他的元件。
注意:中继器,动态面板,母版这三个虽然编辑时看起来像有一层绿色或蓝色页面“罩”在上面,实际上预览时不会影响任何点击操作。
此外,对于新手可能会出现一些更简单的问题,诸如“我明明拖进去了啊,怎么找不到这个按钮了?”“怎么拖进去一个键盘把两侧边框都挡住了”这种问题,往往也是通过调整元件的上下关系来解决,通常我们会使用cmd+【 】键以及shift+cmd+【 】来控制元件的上下关系,有时候看起来很麻烦的问题其实就是元件的上下关系造成的,这期谨将我当初学习时遇到的这些情况做一个简单的分享。
——————————————————文章目录——————————————————
Chapter 1
开始前的准备
Chapter 2
开始做吧,初学时懵逼的问题:
Chapter3
实战教程,未完待续...