Axure 的发布与预览 1.发布 2.生成html文件 常规:指定浏览器.工具栏的生成 页面.页面说明.元件说明.交互.标志(logo和描述).字体.移动设备等 3.发布到Axshare Axure 的菜单和表格元件的使用 1.树状结构 2.表格 3.水平菜单 4.垂直菜单 学习结果 Axure 的流程图和连接点 学习结果 Axure 的标记元件 交互文档.页面结构说明文档使用比较多 页面快照如何使用.以及作用(参照物) 使用标记元件对页面进行标记 1.登录按钮 2.文本框 3.密码框 4.注…

解释: Axure 属于原型制作里的霸道总裁 1.原型:原型模拟真实产品的功能与设计.用于在初期阶段测试产品的可行性与效果.来节省开发成本与周期. 2.线框图:在初期实现对产品的了解.实现产品的基本结构.栏目.板块 3.低保真原型图:在初期基础上细化.实现元素细化.简单交互效果 4.交互说明/流程图:捋清楚交互元素之间的关系.产品的流程 5.高保真原型:接近产品的真实效果 Axure 的元件库 基本元件 表单元件 菜单和表格元件 标记元件 flow icon Axure 的元件交互样式设置 属性…

Axure RP是一个专业的快速原型设计工具.Axure(发音:Ack-sure),代表美国Axure公司:RP则是Rapid Prototyping(快速原型)的缩写. Axure RP是美国Axure Software Solution公司旗舰产品,是一个专业的快速原型设计工具,让负责定义需求和规格.设计功能和界面的专家能够快速创建应用软件或Web网站的线框图.流程图.原型和规格说明文档.作为专业的原型设计工具,它能快速.高效的创建原型,同时支持多人协作设计和版本控制管理 . Axure R…

(一)  Axure rp的界面 1-主菜单工具栏 大部分类似office软件,不做详细解释,鼠标移到按钮上都有对应的提示. 2-主操作界面 绘制产品原型的操作区域,所有的用到的元件都拖到该区域. 3-站点地图 所有页面文件都存放在这个位置,可以在这里增加.删除.修改.查看页面,也可以通过鼠标拖动调整页面顺序以及页面之间的关系. 4-axure元件库 或者叫axure组件库.axure部件库,所有软件自带的元件和加载的元件库都在这里,这里可以执行创建.加载.删除axure元件库的操作,也可以根据…

(三)Axure rp元件的触发事件 l  OnClick(点击时): 鼠标点击事件,除了动态面板的所有的其他元件的点击时触发.比如点击按钮. l  OnMouseEnter(鼠标移入时): 鼠标进入到某个元件范围时触发,比如当鼠标移到某张图片时显示该图片的介绍. l  OnMouseOut(鼠标移出时): 鼠标离开某个元件范围时触发.比如鼠标离开图片时,图片介绍消失. l  OnKeyUp(按键弹起时): 文本框(单行与多行)编辑时,键盘按下某一个按键松开时触发,不支持其他axure元件.比如…

  写在前面 强烈建议开始之前阅读以下第一篇高保真UI框架的前面部分,以了解设计思想,这篇文章不再重复介绍: AXURE-整套可复用的高保真元件和框架之暗黑风格 本次共享模板的UI规范 注:由于篇幅问题,截图中省略了部分规范内容(比如语义规范,内容显示规范,动效规范).后期会整理出一份完整的规范文档共享出来,敬请期待.   界面整体预览   注:本来做了一个界面操作演示,由于生成gif太大,有10M多,所以就不上传了,下面分别截图显示,具体动效可在元件文件里查看. 主要元件效果 主要元件包括:输…

示例原型下载:小楼Axure原创元件-带遮罩层的弹出框 实现目标: 1.   点击按钮弹出带遮罩层的对话框: 2.   页面上下左右滚动时,弹出的对话框水平和垂直始终居中. 实现步骤如下: 1. 拖入编辑区2个矩形,并点右键—转换—转换为动态面板: 2. 双击其中一个动态面板设置标签为“遮罩层”(看个人喜好随便命名),并双击状态1进入编辑: 3. 点击状态1里面的矩形,设置大小与网站页面大小相同,以便完全遮盖:然后,设置矩形边框为“无”:最后设置填充色的透明度为50%(看个人喜好),并选择填充色…

(三)Axure rp元件的触发事件 l  OnClick(点击时): 鼠标点击事件,除了动态面板的所有的其他元件的点击时触发.比如点击按钮. l  OnMouseEnter(鼠标移入时): 鼠标进入到某个元件范围时触发,比如当鼠标移到某张图片时显示该图片的介绍. l  OnMouseOut(鼠标移出时): 鼠标离开某个元件范围时触发.比如鼠标离开图片时,图片介绍消失. l  OnKeyUp(按键弹起时): 文本框(单行与多行)编辑时,键盘按下某一个按键松开时触发,不支持其他axure元件.比如…

  写在前面 在我们的开发团队里,一般在产品通过策划和需求评审后,在还没开始设计之前,产品经理和美工会一起定一套UI规范. 一方面用于规范整体界面,防止界面开发过程中出现UI不一致性的情况(有时候标准并不能涉及到每个细节,研发会偶尔跑偏). 另一方面用于后期其他项目的复用,也就是当有了其他项目的UI规范沉淀之后, 风格相似的项目,其实是不需要美工的,产品经理直接按照规范和项目沉淀下来的元件做出高保真,研发只要按照此规范来实现即可,可适当省去美工出图和原型标注部分的工作量. 团队的演变流程   任…

---恢复内容开始--- 一.中继器的新增行 中继器所显示的列表项与中继器的数据集有关,默认情况下是一一对应的.也就是说,中继器数据集中有多少行数据,那么,列表项就有多少个. 那么,我们能不能通过新增数据行来增加列表项呢? 可以的.我们可以通过动作对中继器进行新增行的操作. 下面就以向默认状态下的中继器新增行举例,我们将一个文本框(命名为”Ipt”)和一个“新增”按钮放到编辑区.生成后的效果要求:点击“新增”按钮时,将文本框中输入的内容添加到中继器(命名为”Rpt”),显示出新的列表项. 具体实…