Axure入门相关
简介
原型:模拟真实产品功能与设计,用于初期阶段测试产品的可行性与效果,节省开发成本与周期。
线框图:基本产品构思。
低保真原型:更加进一步细化线框图。
高保真原型:不是所有项目都需要做这个。
工具使用
一级页面/二级页面/三级页面
生成流程图
网页文字一般使用双数字号(12/14/16/18等)
登录界面原型设计分析(不包含交互):
- 交互样式:
选中某个元件
鼠标悬停/鼠标按下/等等
阴影/变色/等等
按钮禁用:不可点击
按钮选中:
元件提示:类似于备注,鼠标悬停时,鼠标附近出现提示性小框。
带交互的登录页面:
-
页面属性修改:修改整个页面
说明:便于开发人员理解
样式:整个页面的样式(背景/字体/等等) -
钢笔工具:绘制非规则图形
alt键暂停/继续绘制
左键拖动绘制曲线
shift+单击锚点多选
双击锚点或者右键选择,直线/曲线切换
command+拖动调整杆进行单边弧度调整
点击路径,建立新锚点 -
布尔运算:用于组合图形产生新的形状
建立在选择两个或两个以上图形时
合并:底部颜色覆盖顶层颜色,重复处外框消失
结合:底部颜色覆盖顶部颜色,重复处外框不消失
组合:成组,不做其他更改
去除(减去顶层):保留底层
相交:保留重复处,以底层颜色为主
排除重叠:和相交相反 -
表单元件使用
表单一般用于登录/注册/个人简历 -
文本框
提示文字 隐藏提示触发:
输入- 文本框中有文本输入时提示文字才消失
获取焦点- 鼠标聚焦到文本框时(光标出现时)输入文字就消失
最大长度:限制输入的长度
文本框部分属性:
文本框类型:文本/密码/邮箱/文件(浏览本地文件)/等等 -
下拉列表
可以在默认的上面先打钩 -
按钮
可以编组
提交按钮=enter,直接跳转二级页面 -
发布与设置
直接预览
生成本地html文件:可以选择生成部分页面,以及工具栏的显示设置
生成云端文件:通过axureShare进行浏览(最好是全英文 ) -
菜单和表格
树状菜单:支持文字前图标的样式更改,以及文字的样式更改
水平菜单:可用于顶部导航栏
可以改变文字样式及交互样式
垂直菜单:侧边导航栏
表格:可设置文字样式及交互样式 -
流程图和连接点(理清逻辑)
元件库-流程图
常用: -
标记元件使用
开发者使用
页面快照可以引入其他页面的缩略图,使用页面快照的样式进行调整
- 创建元件库
支持开发者自定义元件库
载入/卸载元件库
iphone6 分辨率:10801920(等比缩放360640)
-
母版 重复利用元件
顶部导航/底部footer
母版可以再增加子母版
将母版应用到相应页面,位置可以锁定为母版中的位置
脱离母版更改时不会影响原母版 -
动态面板元件
多层页面叠加,点击按钮将某层放在最上层
动态面板自动调整为内容尺寸,不设置的话有些页面可能被遮挡,有些页面可能填充不满
动态面板可以做固定位置(且置于顶层的)悬浮窗
- 概要页面
显示元件的层级
元件交互入门
页面链接
-
父级窗口设置:条件必须是先有父级窗口。
-
内联框架:在当前页中设置好内联框架,设置页面链接时用内联框架。
-
锚链接:
设置返回位置 设置滚动动画 -
元件的显示和隐藏
热区:设置触发范围
热区+移入时元件显示+移出时隐藏 页面中至于底层 设置中至于顶层 -
动态面板交互
鼠标点击时,动态面板页面跳转 -
交互条件设立
失焦/聚焦时 添加条件
文本框失焦时,判定文本框是否为空。空,显示提示性文字
- 全局变量
全局变量:用于存储/引用页面的数据,等于数据仓库
局部变量:数据只能在指定位置使用
运用:帐号的注册信息;商品的价格/购买数量;游戏中血槽/分数等。
创建全局变量 表达式 插入到页面相应位置