Axure原型图教程
什么是原型
用线条、图形描绘出的产品框架,也称线框图,具体化表象需求和功能
原型图分类草图原型(手绘图稿,修改方便) 低保真原型(简单交互,无需配色,产品规划及评审阶段使用) 高保真原型(复杂交互,有设计图,跟真实页面相同,高保真元件库)
Axure介绍 用于快速制作原型在无需编码的情况下构建低、高保真原型只需拖、拉、编辑即可完成 Axure文件类型 .rp:原型文件.rplib:元件库文件.rpteam:团队项目文件.html:网页文件 组合元件同时选中多个元件,点菜单栏上的组合就行
预览/生成html文件预览html文件:点菜单栏上的发布,选择预览 生成html文件:点菜单栏上的发布,选择在HTML文件……
快捷键 取消左侧面板:CTRL + alt + {取消右侧面板:CTRL + alt + } 添加元件库在左侧面板点击载入元件库,载入.rplib文件即可
元件样式XYWH:横坐标,纵坐标,宽高 填充:背景色 与 阴影
多个元件间隔相同全选元件,右键选择分布,水平分布
取色笔 添加交互事件选中元件,将右侧面板切换到交互,点击新建交互 也可以直接添加悬停时修改样式
中继器 在元件库里面找到中继器,拖出来双击中继器,进入编辑模式绘制出统一模板,并且为每一个元件在右侧面板起好名字 点击关闭,绘制出3个一模一样的中继器添加