这次详细说明一下元件库,练习一下如何使用母板、自适应。
博主用到的axhub插件和下载使用的元件库:
链接:https://pan.baidu.com/s/1bm_QFiCeKLoM58U4bRNS1w?pwd=5h2q
提取码:5h2q
目录
Load Libraries:Axure自带的元件有时并不能满足我们的设计需求,所以市面上许多前端组件库提供了相对应的Axure元件库供给设计师使用。
(1)元件库
Default:可以将要使用的组件拖拽到工作区域进行使用
练习做一个form表单:
双击下拉列表框添加数据:
单选按钮的设置:
发现两个单选按钮可以同时被选择,要实现互斥,我们需要将它们放进同一个单选按钮组:
将两个单选按钮一同选中,然后点击箭头所指的图标,设置一个单选按钮组即可实现互斥。
flow:主要用于UML、ER、流程图等设计使用
icons:
可以使用Axure自带icon图标。
还可以使用iconfont图标库里的图标,此方法需要下载axhub插件,将下载好的插件直接拖入google浏览器扩展程序即可:
这样我们就可以直接使用iconfont图标库中的图标了:
Load Libraries:Axure自带的元件有时并不能满足我们的设计需求,所以市面上许多前端组件库提供了相对应的Axure元件库供给设计师使用。
将下载好的元件库直接导入Axure即可使用:
点击+号,将下载好的元件库导入即可。
(2)母版的使用:
作用:风格的统一、元件的复用。
只要修改母版,每个页面的引用的母版内容就会改变。
母版的创建:
从元件库中选择一个元件拖到画布中,右键点击该元件,点击创建母版即可。
在其他页面中直接拖拽使用。
(3)自适应:可以根据窗口的分辨率自动调整页面样式
随便拖动几个元件进画布,点击画布空白的地方,在右侧点击添加自适应视图,点击新建即可:
点击可以预览:
内容如有错误,欢迎大家在评论区指出,谢谢各位的浏览。