ElementUI及ElementUI Plus Axure RP高保真交互元件库及模板库
Axure RP是一款流行的原型设计工具,而ElementUI和ElementUI Plus是基于Vue的前端UI框架。在Axure中使用ElementUI的组件创建高保真原型,可以提升设计和开发的效率。
以下是一个简单的例子,展示如何在Axure中使用ElementUI的模态框(Modal)组件:
- 首先,你需要有ElementUI的Axure RP元件库或ElementUI Plus的Axure RP元件库。
- 打开Axure RP,选择“Insert” > “My Library” > “Browse”,然后找到并导入你的ElementUI元件库。
- 从元件库中拖拽一个Modal组件到你的原型画布上。
- 配置Modal组件的属性,例如标题、内容和确定/取消按钮的文本。
- 为Modal组件添加交云动作,比如当用户点击确定按钮时触发某些操作。
以下是一个简单的Axure原型示例,展示了如何使用ElementUI的Modal组件:
Axure原型示例:
1. 打开Axure RP。
2. 选择“Insert” > “My Library” > “Browse”,然后选择ElementUI的元件库。
3. 从元件库拖拽Modal组件到画布上。
4. 配置Modal组件属性,例如标题和内容。
5. 设置Modal的交云动作,比如关闭Modal。
请注意,实际的ElementUI Axure元件库和模板库会包含更多的组件和复杂的交云动作配置。使用这些高质量的元件库和模板可以极大地提高原型设计的效率和质量。
评论已关闭