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

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

步骤一:下载元件

1、element.网站https://element.eleme.cn/#/zh-CN/component/installation 在这里插入图片描述
2、蚂蚁金服开源库ant.design地址https://ant.design/
在这里插入图片描述
在这里插入图片描述
步骤二:打开axure,将元件导入
在这里插入图片描述
以上步骤执行完毕,即可自由拖拽,制作高保真原型。

  • 2
    点赞
  • 10
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
### 回答1: Axure是一种流行的交互式原型设计工具,可用于创建Web应用程序和移动应用程序的原型,以帮助设计师和开发人员更好地理解用户需求并提高项目效率。在设计过程中,元件库是一个关键的组成部分,它可以提供可复用的UI元素,从而节省时间和努力。其中,ElementUI元件库是一种基于Vue.js的框架,可以添加丰富的UI组件来创建更具吸引力和交互性的原型ElementUI元件库提供的组件种类非常多,例如按钮、表单、卡片、弹出框、轮播图等等,覆盖了很多常见的UI元素,全面支持响应式设计。此外,用户还可以自定义样式和行为,并轻松实现组件之间的交互。 在Axure中使用ElementUI元件库,可以通过拖放组件来创建原型,这样可以将设计时间缩短到最小,从而迅速验证各种交互和设计方案。组件库还提供了不同的配色方案和主题,使用户可以轻松地为不同类型的原型设计选择合适的配色方案。 总之,ElementUI元件库是一个极具价值的设计工具,可以帮助设计师和开发人员更快地创建高效的原型并实现精细的用户体验。无论将其用于设计项目,还是用于学习新技能,ElementUI元件库都是一个非常好的选择。 ### 回答2: Axure是一款流行的原型设计工具,而ElementUI则是一套基于Vue框架的UI组件库。Axure可以使用ElementUI作为自己的元件库,用于设计UI界面时使用。 ElementUI的组件库包括了各种常用的UI组件,比如按钮、表单、树形控件、表格、菜单等等,这些组件的设计都遵循了社区最佳实践,同时也提供了完善的文档和示例代码,让设计师可以快速地将组件应用到自己的作品中。 Axure原生自带的元件库也非常丰富,但与ElementUI相比,Axure元件库的UI设计显得更为传统和保守。同时,ElementUI基于Vue框架,可以更好地与Vue项目进行集成,方便开发人员进行前后端开发的协同工作。 使用ElementUI作为Axure元件库,可以从UI设计、交互设计、开发等多个方面提高效率,让设计师和开发人员更好地协同,同时也能够提供更优秀的用户体验和交互效果。总之,Axure组件库与ElementUI元件库的结合,能够让设计师和开发人员在UI设计与开发上更加高效和便捷。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值