Axure整合ElementUI元件、蚂蚁金服元件,制作高保真原型

时间:2024-05-21 07:57:58

Axure是个非常不错的原型制作工作(在软件管理等应用市场基本上都可以下载到),使用过的用户可能都知道,该工具本身的元件并不是十分好看,往往做出来的界面客户都会觉得很low,即使原型定下来之后,界面还是得修改,不得不重新与开发沟通界面UI的设计,做个demo交由客户确认,这样如此往返,大大提高了项目的工作量,占据项目开发的大部分时间。
因此每次做原型的时候我都想,引入其他UI的元件,例如:ElementUI、LayUI等元件。后来我发现这种叫接近项目成型的原型叫做高保真原型,不仅较为美观、可接近预期、而且能大大节约沟通成本。
接下来介绍,Axure集成ElementUI元件、蚂蚁金服元件的详细步骤:

步骤一:下载元件

1、element.网站https://element.eleme.cn/#/zh-CN/component/installation Axure整合ElementUI元件、蚂蚁金服元件,制作高保真原型
2、蚂蚁金服开源库ant.design地址https://ant.design/
Axure整合ElementUI元件、蚂蚁金服元件,制作高保真原型
Axure整合ElementUI元件、蚂蚁金服元件,制作高保真原型
步骤二:打开axure,将元件导入
Axure整合ElementUI元件、蚂蚁金服元件,制作高保真原型
以上步骤执行完毕,即可*拖拽,制作高保真原型。