Axure入门相关

简介

原型:模拟真实产品功能与设计,用于初期阶段测试产品的可行性与效果,节省开发成本与周期。
线框图:基本产品构思。
低保真原型:更加进一步细化线框图。
高保真原型:不是所有项目都需要做这个。

工具使用

一级页面/二级页面/三级页面
生成流程图

网页文字一般使用双数字号(12/14/16/18等)
登录界面原型设计分析(不包含交互):
Axure入门相关

  • 交互样式:
    选中某个元件
    鼠标悬停/鼠标按下/等等
    阴影/变色/等等
    按钮禁用:不可点击
    按钮选中:
    元件提示:类似于备注,鼠标悬停时,鼠标附近出现提示性小框。

带交互的登录页面:
Axure入门相关

  • 页面属性修改:修改整个页面
    说明:便于开发人员理解
    样式:整个页面的样式(背景/字体/等等)

  • 钢笔工具:绘制非规则图形
    alt键暂停/继续绘制
    左键拖动绘制曲线
    shift+单击锚点多选
    双击锚点或者右键选择,直线/曲线切换
    command+拖动调整杆进行单边弧度调整
    点击路径,建立新锚点

  • 布尔运算:用于组合图形产生新的形状
    建立在选择两个或两个以上图形时
    合并:底部颜色覆盖顶层颜色,重复处外框消失
    结合:底部颜色覆盖顶部颜色,重复处外框不消失
    组合:成组,不做其他更改
    去除(减去顶层):保留底层
    相交:保留重复处,以底层颜色为主
    排除重叠:和相交相反

  • 表单元件使用
    表单一般用于登录/注册/个人简历

  • 文本框
    提示文字 隐藏提示触发:
    输入- 文本框中有文本输入时提示文字才消失
    获取焦点- 鼠标聚焦到文本框时(光标出现时)输入文字就消失
    最大长度:限制输入的长度
    文本框部分属性:
    Axure入门相关
    文本框类型:文本/密码/邮箱/文件(浏览本地文件)/等等

  • 下拉列表
    可以在默认的上面先打钩

  • 按钮
    可以编组
    提交按钮=enter,直接跳转二级页面

  • 发布与设置
    直接预览
    生成本地html文件:可以选择生成部分页面,以及工具栏的显示设置
    生成云端文件:通过axureShare进行浏览(最好是全英文 )

  • 菜单和表格
    树状菜单:支持文字前图标的样式更改,以及文字的样式更改
    Axure入门相关
    水平菜单:可用于顶部导航栏
    可以改变文字样式及交互样式
    Axure入门相关
    垂直菜单:侧边导航栏
    表格:可设置文字样式及交互样式

  • 流程图和连接点(理清逻辑)
    元件库-流程图
    常用:
    Axure入门相关

  • 标记元件使用
    开发者使用

页面快照可以引入其他页面的缩略图,使用页面快照的样式进行调整

  • 创建元件库
    支持开发者自定义元件库
    载入/卸载元件库

iphone6 分辨率:10801920(等比缩放360640)

  • 母版 重复利用元件
    顶部导航/底部footer
    母版可以再增加子母版
    将母版应用到相应页面,位置可以锁定为母版中的位置
    脱离母版更改时不会影响原母版

  • 动态面板元件
    多层页面叠加,点击按钮将某层放在最上层

动态面板自动调整为内容尺寸,不设置的话有些页面可能被遮挡,有些页面可能填充不满

动态面板可以做固定位置(且置于顶层的)悬浮窗

  • 概要页面
    显示元件的层级

元件交互入门

页面链接

  • 父级窗口设置:条件必须是先有父级窗口。

  • 内联框架:在当前页中设置好内联框架,设置页面链接时用内联框架。

  • 锚链接:
    设置返回位置 设置滚动动画

  • 元件的显示和隐藏
    热区:设置触发范围
    热区+移入时元件显示+移出时隐藏 页面中至于底层 设置中至于顶层

  • 动态面板交互
    鼠标点击时,动态面板页面跳转

  • 交互条件设立
    失焦/聚焦时 添加条件

文本框失焦时,判定文本框是否为空。空,显示提示性文字

  • 全局变量
    全局变量:用于存储/引用页面的数据,等于数据仓库
    局部变量:数据只能在指定位置使用
    运用:帐号的注册信息;商品的价格/购买数量;游戏中血槽/分数等。

创建全局变量 表达式 插入到页面相应位置