Axure原型图教程

什么是原型

用线条、图形描绘出的产品框架,也称线框图,具体化表象需求和功能

原型图分类

草图原型(手绘图稿,修改方便) 低保真原型(简单交互,无需配色,产品规划及评审阶段使用) 高保真原型(复杂交互,有设计图,跟真实页面相同,高保真元件库)

Axure介绍 用于快速制作原型在无需编码的情况下构建低、高保真原型只需拖、拉、编辑即可完成 Axure文件类型 .rp:原型文件.rplib:元件库文件.rpteam:团队项目文件.html:网页文件

组合元件

同时选中多个元件,点菜单栏上的组合就行

预览/生成html文件

预览html文件:点菜单栏上的发布,选择预览 生成html文件:点菜单栏上的发布,选择在HTML文件……

快捷键 取消左侧面板:CTRL + alt + {取消右侧面板:CTRL + alt + } 添加元件库

在左侧面板点击载入元件库,载入.rplib文件即可

元件样式

XYWH:横坐标,纵坐标,宽高 填充:背景色 与 阴影

多个元件间隔相同

全选元件,右键选择分布,水平分布

取色笔

添加交互事件

选中元件,将右侧面板切换到交互,点击新建交互 也可以直接添加悬停时修改样式

中继器 在元件库里面找到中继器,拖出来双击中继器,进入编辑模式绘制出统一模板,并且为每一个元件在右侧面板起好名字 点击关闭,绘制出3个一模一样的中继器添加

比丘资源网 » Axure原型图教程

发表回复

提供最优质的资源集合

立即查看 了解详情