快好知 kuaihz

Axure基础教程01——矩形部件

用了axure两年了,算是入了门,也不断遇到有新手的各种疑问,感慨新手成长的不容易,因此写一些教程供大家参考,希望能给大家一点帮助吧。回想一下被朋友们问的问题,会发现其实大部分都是对功能不熟悉所造成的,并非是这个软件有多难用,于是就先从一些常常被忽略的功能细节开始吧,先给大家介绍一下各个部件的功能。至于一些非常基本的,比如怎么添加部件之类,这些完全小白的功能就不赘述了。

说到部件,不得不先从”矩形“说起,毕竟这是个非常常用,但是也总是被忽略掉比较多细节的部件

一、矩形部件属性:

 

 

矩形部件属性比较多,几乎部件属性窗口里面所有功能都能用上,感觉跟word的”表格“是一样的,平常用得比较多的可能是“填充,线型+边框”这部分,可以改变矩形部件的填充/边框颜色、边框粗细以及边框线性,值得注意的是填充颜色是可以调半透明的(别告诉我你不用做半透明蒙版效果)。

另外一个要提醒的是,如果某个矩形(其实任何部件都一样)是要做一定的交互动作的话,那一定要把这个部件进行命名,只有命名了我们才能准确的找到这个部件,并且可以避免各种出错和混乱。

二、矩形部件的形状:

矩形部件的形状?矩形不就是矩形么?作者你疯了吧?

作者没疯,矩形部件确实有不同的形状,在拖出来的矩形部件上点右键——编辑按钮图形——选择图形,你就会看到22种不同的部件形状,包括圆形都有(椭圆调一下大小就变圆形了),通过各种形状的组合可以做出更复杂的图形。

 

仔细看的话,会发现“占位符”其实也是矩形的一种特殊形状。

三、矩形样式:

在前面那张截图也可以看到,矩形部件可以有五种样式,除了默认的样式,还有鼠标悬停、鼠标按下、选中以及禁用样式,我们可以为矩形这几个不同状态设置对应的样式来进行视觉上的区分,这样可以简单的丰富一下原型的效果。

 

 

说到这里不得不提醒一下大家,这个菜单是经常被大家忽略的地方,附件的原型中已简单的把上面几种效果做出来了,大家可以按照提示进行操作查看一下。

四、矩形的交互触发:

 

本站资源来自互联网,仅供学习,如有侵权,请通知删除,敬请谅解!
搜索建议:矩形  矩形词条  部件  部件词条  基础  基础词条  教程  教程词条  Axure  Axure词条  
原型

 Axure案例:QQ音乐播放界面

本文通过讲解制作QQ音乐交互原型的过程,了解如何实现旋转、计时器以及拖动等常见的交互效果。案例中综合运用了动态面板的循环、状态改变、拖动、文本改变以及旋转等事件...(展开)

原型

 善用Axure写PRD,把原型放...

前几天讲了《为什么375667是移动端原型设计的最佳分辨率》,然后《如何生成适配手机的原型》,以及《如何设置手机APP原型尺寸》。这一篇讲解如何将原型放到手机里...(展开)

原型

 Axure教程:用中继器制作调查...

今天教大家用中继器制作调查问卷或考试试卷,包括了单选、多选和填空题。制作完成后,以后使用方便,仅需简单填写中继器的内容,即可自动生成调查问卷或考试问卷,所以强烈...(展开)