发布时间:2021-8-14 分类: 行业资讯
本文作者将与我们分享如何使用Axure创建自己的组件库。
在目前互联网产品的设计过程中,我们经常提到“敏捷迭代(开发)”这个词,简而言之,就是一个小步骤运行策略。在交互式设计中实现的产品的敏捷开发是在短时间内完成设计草案,这涉及设计者的效率。
设计师的效率有很多方面,例如工作经验,材料积累,当然还有Ya(Love)(Si)加班。在材料积累方面,视觉设计师的材料主要是UI Kit,以及之前版本的可视版本;对于交互设计器,它是一个可重用的控件,主要包括控件,ICON和注释组件。统一名称是Axure RP组件库。
Axure组件库
Axure RP中的组件库可以加载到其他人创建的组件库中,也可以根据自己的需要和负责的实际项目生成符合其自身行业和产品特性的组件库。加载其他人的组件库快速,方便,丰富。目前,Axure RP 8.0版本增加了一个默认的Icon组件库,既充分又全面,也可以根据自己的需要改变颜色,比图片的ICON方便得多。但缺点很明显。其他组件库是通用的,或者远离您的行业,也就是说,它们包含的组件不适合行业。此外,您不知道加载的组件库是否具有任何所需组件以及所需组件的位置,将需要更多时间来查找。
根据行业和产品特性,自制组件库可用于选择风格一致且适合其自身产品行业特征的组件。同时,您可以清楚地知道原稿的位置并节省时间。
可以使用Font Awesome图标字体格式创建和加载生产组件库,但其修改更复杂。一方面,生产需要时间来统一和统一。如果您需要添加,删除或修改某些原件,则需要重新编辑和重新加载它们,这有点类似于产品的大版本。另一方面,它只能制作一些ICON,不能制作可重复使用的组件,如时间选择器,图标类型等,这大大减少了可重用控件的使用范围。
基于生产快速方便,后期修改和维护方便的原则,建议您使用组件库中提供的编辑工具进行生产。下面,我们来看看如何使用Axure制作自己的组件库。
Axure自制组件库新
1.在Axure组件库面板中,选择菜单,单击菜单下的Create Component Library,选择自制组件库的保存路径并命名;
创建组件库
2.双击页面面板中的页面以创建第一个组件。您可以将您准备好的ICON或组件放在页面的左上角,并修改页面的名称;
新控制页面
如上所述创建多个控制页面,每页只留下一个组件或一个(类)组件。
3.对新创建的控制页面进行分组,单击页面面板中的“新建文件夹”按钮,为新创建的文件夹命名,然后将控制页面拖动到相应的文件夹中。
控制页面分组
然后,保存Ctrl + S,这样就完成了自制组件库原型的创建。
4.返回到任何Axure页面,然后单击“组件库”面板中的“刷新组件库”按钮,以在“组件库”面板中查看自制组件库。
其中,新分组将显示为不同类型控件的分类,并且将根据新创建的控制页面的顺序显示类别和控件的显示顺序。要调整显示顺序,只需调整自定义组件库中的顺序并将其保存在Axure中进行刷新。
显示组件库
新创建的控件可以包含相应的效果,如悬停和单击,控件中的动态面板也可以保留。
添加和修改Axure自制组件库
在Axure页面面板中,选择自制组件库,单击菜单下的Edit Component Library按钮输入自制组件
库的编辑页面。
组件库修改
组件库可以修改,添加,删除,调整等,其操作与Axure的操作一致。注意:如果要删除控件,则需要删除控件页面,而不是删除控件页面中的元素。
Axure自制组件库应用程序
Axure组件库的应用相对简单,与内置组件库的应用一致,可以直接拖到相应的操作区域。
组件库应用程序
这种制作组件库的方法有许多优点:
简单的可视化编辑方法,更适合互动设计师;
组件库中的控件可以保留相应的元素特征,包括效果,跳转等,并且可以在目标文档中重用;
可以在文档中编辑容错,控件以适应不同的页面场景;
组件库的修改可以随时进行,无需统一组织,可以在项目中累积;
协作,能够将组件库传递给其他设计人员,促进项目中的协作,并确保页面控件的一致性。
可重复使用的控件不仅可以减少产品后期版本中的相应ICON,组件等的生产时间和版本的迭代,还可以提高交互式原稿的生产效率,也是实施例。交互设计师的知识和经验。
阅读之后,您认为制作自己的Axure组件库是必要且简单的吗?然后开始自己制作第一个组件库!