Axure RP 9.0 学习笔记

【Axure笔记】6. 技多不压身,元件多了真的压

2020-05-10  本文已影响0人  不明蛰矣

        我在画低保真原型的时候,经常是“R”个不停,矩形工具在Axure中可以说是最万能的元件之一,上可画图填文字,下可交互当按钮,甚至有时候会抢了隔壁“热区”大哥的生意。但是这里就出现第一个坑了——元件的上下关系。


示例图

        当矩形中含有文字,或有其他icon时,请务必留意这些元件的上下关系(如示例图左侧的概要部分),每个元件在列表中的上下关系也就代表了其在绘图时的上下关系,如果需要对一个矩形进行交互逻辑的编写,可能需要在矩形上面放一个热区并对热区写交互,否则矩形上方的icon或文字会影响交互的触发。有些时候在矩形写完交互逻辑测试后发现“这个按钮怎么不灵呢?时好时坏的”,以为是软件的问题,这时就要注意是不是因为逻辑写在了矩形上,而矩形上方有其他的元件。


两种情况的测试

        注意:中继器,动态面板,母版这三个虽然编辑时看起来像有一层绿色或蓝色页面“罩”在上面,实际上预览时不会影响任何点击操作。  


红色蓝色仅编辑时显示

        此外,对于新手可能会出现一些更简单的问题,诸如“我明明拖进去了啊,怎么找不到这个按钮了?”“怎么拖进去一个键盘把两侧边框都挡住了”这种问题,往往也是通过调整元件的上下关系来解决,通常我们会使用cmd+【 】键以及shift+cmd+【 】来控制元件的上下关系,有时候看起来很麻烦的问题其实就是元件的上下关系造成的,这期谨将我当初学习时遇到的这些情况做一个简单的分享。


——————————————————文章目录——————————————————

Chapter 1

开始前的准备

1. 写在前面,我为什么要开Axure这个坑?

2. 没有完整构想的产品上来直接开画就是耍流氓。

3. 做之前先想好:高保真还是低保真?

4. 移动端的相关规范,多多少少还是要知道一点点的。

Chapter 2

开始做吧,初学时懵逼的问题:

5. 站在巨人的肩膀上:先装个元件库吧

6. 技多不压身,元件多了真的压

7. 文本框、文本域:如何获取输入的文字?

8. 如何使用url及变量链接页面并实现跳转

9. 关于命名规范:页面、元件、组。

10. 什么时候该使用动态面板?

11. 什么时候应该使用中继器?

12. 交互、变量、函数我该怎么着手学习?

13. 关于交互的最后防线——启用情形

Chapter3

实战教程,未完待续...

上一篇下一篇

猜你喜欢

热点阅读