精华内容
参与话题
问答
  • axure教程

    2020-02-01 22:19:10
    线框图:一般就是指产品原型,比如:axure教程把线框图尽快画出来和把原型尽 快做出来是一个意思。 axure 元件:也叫 axure 组件或 axure 部件,系统自带了一部分最基础 常用的, axure教程网上也有很多别人做好的...

    名词解释

    线框图:一般就是指产品原型,比如:axure教程把线框图尽快画出来和把原型尽 快做出来是一个意思。

    axure 元件:也叫 axure 组件或 axure 部件,系统自带了一部分最基础 常用的, axure教程网上也有很多别人做好的, 软件使用到一定阶段可以考虑自己制作 元件,以便提高产品原型的制作速度。

    生成原型:是指把绘制好的原型通过 axure rp 生成静态的 html 页面, 检查原型是否正确, 同时,方便演示。建议生成时选择用谷歌浏览器打开 (第 一次会有提示安装相关插件) ,ie 会每次都有安全提示,axure教程不如谷歌浏览器方便。

    axure教程
    标题

    Axure主的界面

    1- 主菜单工具栏: 大部分类似 office 软件,不做详细解释, 鼠标移到按 钮上都有对应的axure教程提示。

    2- 主操作界面: 绘制产品原型的操作区域, 所有的用到的元件都拖到该 axure教程区域。

    3- 站点地图:所有页面文件都存放在这个位置, 可以在这里增加、删除、 修改、查看页面,也可以通过鼠标拖动调整页面顺序以及页面之间的关系。

    4-axure 元件库:或者叫 axure 组件库、 axure 部件库,所有axure教程软件自带 的元件和加载的元件库都在这里, 这里可以执行创建、 加载、删除 axure 元 件库的操作,也可以根据需求显示全部元件或某一元件库的元件。

    5- 母版管理:这里可以创建、删除、像页面头部、导航栏这种出现在每 一个页面的元素,可以绘制在母版里面,然后加载到需要显示的页面,这样 在制作页面时就不用再重复这些操作。

    6- 页面属性:这里可以设置当前页面的样式, axure教程添加与该页面有关的注释, 以及设置页面加载时触发的事件 onpageload 。

    7- 元件属性:这里可以设置选中元件的标签、样式,添加与该元件有关 的注释,以及设置页面加载时触发的事件;

    8 动态面板: 这个是很重要的区域,在这里可以添加、删除axure教程动态面板的 状态,以及状态的排序,也可以在这里设置动态面板的标签;当绘制原型动 态面板被覆盖时, 我们可以在这里通过点击选中相应的动态面板, 也可以双 击状态进入编辑。

    Axure元件介绍

    图片 :图片元件拖入编辑区后, 可以通过双击选择本地磁盘中的图片, 将图片 载入到编辑区, axure 会自动提示将大图片进行优化, 以避免原型文件过大; axure教程选择图片时可以选择图片原始大小,或保持图片元件的大小。

    文本 :在网页中文本的名称是 lable ,用于页面中添加说明文字、文字连接, 或一些动态的提示。

    矩形 :矩形的应用比较广泛,比如作为页面的背景、按钮、以及一些元件的遮 盖等;矩形的形状可以通过鼠标右键点击–编辑选项—改变形状,来变成我 们需要的形状, 比如axure教程做选项卡时候我们需要顶部圆角的矩形, 就可以通过改 变矩形的形状来实现。占位符 :制作原型时, 可以用它来代替对一些没有交互或者交互比较简单容易说 明的区域; 也可以做成关闭按钮。 占位符在保真比较高的产品原型中作用不大。

    水平线 :就是一条水平的线, 可以作为表示页面一些区域分割时使用, 比如在两 块不同区域之间添加一条水平线, 来明显的区分。 水平线可以通过设置元件 属性中的角度 Rot o变成斜线来axure教程使用。

    垂直线 :axure教程没什么好说的,和水平线一样的作用。 l

    图片热区: 用于点击图片中某个区域产生交互事件时使用, 图片热区也是矩形的一 种,可以通过设置矩形无边框,背景色 100% 透明度来实现。

    元件的触发事件

    OnClick (点击时) : 鼠标点击事件,axure教程除了动态面板的所有的其他元 件的点击时触发。比如点击按钮。

     OnMouseEnter (鼠标移入时) : 鼠标进入到某个元件范围时触发, 比如当鼠标移到某张图片时显示该图片的介绍。

    OnMouseOut (鼠标移出时) : 鼠标离开某个元件范围时触发。比 如鼠标离开图片时,图片介绍消失。 

    OnKeyUp (按键弹起时) : 文本框(单行与多行)编辑时,axure教程键盘按 下某一个按键松开时触发, 不支持其他 axure 元件。比如统计文本框输入的 字数。 

    OnFocus (获取焦点时) : 当一个元件通过点击或切换获取焦点时触 发。比如搜索框编辑时,清空“请输入关键字”的提示。

    OnLostFocus (失去焦点时) : 当一个axure教程组件失去焦点时触发。比如用 户名、密码的验证。

    展开全文
  • Axure教程

    2020-01-09 17:30:54
    在使用Axure制作网页的原型图时,经常会有注册、登录页面需要设计,这样的页面时常作为一个产品的首页出现在人们面前而且往往会被一点而过,如果我们能在这样的页面上加入一些细节的设计,一定会给我们的原型图加分...

    在使用Axure制作网页的原型图时,经常会有注册、登录页面需要设计,这样的页面时常作为一个产品的首页出现在人们面前而且往往会被一点而过,如果我们能在这样的页面上加入一些细节的设计,一定会给我们的原型图加分不少!是的,今天我们探讨的中心就是:如何制作一个高保真的登录界面!下面先看下我做的效果图:

     

    高保真登录框rp文件下载:

    作为一个高保真的登录框,其制作的重点在于:

    1.如何在点击输入框时,输入框内的文字消失

    2.如何让登录框能够识别我输入的:“用户名”、“密码”、“验证码”

    3.当我输入错误时,下面的提示文字是怎么显示的

    解决以上3个问题,需要讲到axure条件中的“文字在部件”这样一个选择项,下面我们一起来尝试制作吧!

    一.准备素材

    还是和之前的教程一样,寻找我们需要的素材。制作登录框的素材相对比较简单,只需要用矩形工具制作一个如图示的“框”,可以适当调整大小和排布让它变的美观一点。在相对应的控件中填入相应的文字(如图)

    Axure教程
    (注:在登录的上方有一个透明的矩形,用来显示提示文字)

    二.制作“鼠标点击时,输入框内文字消失”效果

    这一步相对比较简单,只需要考虑“输入框获得焦点”、“输入框失去焦点”两种情况

    当“输入框获得焦点”时,按照下图设置交互动作

     


    当我们设置文字在部件 密码等于“”后,我们单击输入框,输入框内就会显示空格了。(4为空)

    当输入框失去焦点后,如果输入框中没有输入文字(即文字长度为0)则显示预设文字;当有输入文字时,显示输入文字。如下图设置:

     


    三.当输入错误时,下方提示文字的显示

    在这一个步骤中,只需要注意一个问题就可以了:在编辑条件中,设置登录失败的三种情况(用户名错误、密码错误、验证码错误),在设置否命题时,只需要列举一项不满足即可。笔者在这里设置的“用户名为1@qq.com,密码为123456,验证码为GOOD”只要三个输入框的任意一个不符合预设,则登录失败,在提示文字区域显示对应文字。如图

     


    当用户名输入错误时的条件为;

     


    当某项输入错误时

     

    在这些条件全部编辑完成后,一个高保真的登录框就完成了!在这篇文章中,主要讲到了axure中的“文字在部件”这样一个条件的使用,相信各位应该对这样一个选择项有所认识了吧!

    更多教程请参考 :axure教程

    展开全文
  • Axure 教程Axure加载第三方脚本

    万次阅读 2019-11-14 09:38:15
    JavaScript:   JavaScript是一种直译式脚本语言,是一种动态类型、弱类型、基于原型的语言,内置支持类型。...为什么要在Axure上面加载第三方脚本?   其实原因有很多,主要原因就是想突破自的能力,想在原...

    JavaScript:

      JavaScript是一种直译式脚本语言,是一种动态类型、弱类型、基于原型的语言,内置支持类型。它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在HTML(标准通用标记语言下的一个应用)网页上使用,用来给HTML网页增加动态功能。

    为什么要在Axure上面加载第三方脚本?

      其实原因有很多,主要原因就是想突破自的能力,想在原型制作上更上一层。加上一些动态效果需求是无法通过Axure实现的。

    实现

      需求:产品汪想知道,自己发布的原型作品被多少人查看点击,并想知道查看者地区分布情况。

      需求分析:产品汪都知道这个需求如果想实现通过Axure是不可能的,Axure不带这个功能。

      解决方案:加载第三方统计工具(目前使用比较多的是百度统计和51拉统计,下面例子以百度统计为例)。

      准备工作:创建百度统计,即站点统计。这边不做太多描述做产品的应该都懂。这步的目前是获取统计代码。
    在这里插入图片描述
    步骤一:打开Axure在需要添加统计埋点的页面,设置页面载入时交互。打开-当前链接-fx

    步骤二:填写统计代码。

    格式为:

    javascript: (应该有很多人不知道,Axure是支持这种行内js引入的,大大提搞了原件的扩展)

    复制你百度统计代码在这。javascript不能删除。 百度统计代码中的头尾记得删除.
    在这里插入图片描述
    预览刷新原型后,进入百度统计后台查看数据:
    在这里插入图片描述

    展开全文
  • Axure 教程

    2012-08-14 09:59:05
    Axure是著名的用于交互设计的工具,该教程可帮助大家快速的掌握此工具。有案例演示,讲解由浅入深。
  • Axure教程整理

    2018-05-12 18:08:59
    小楼老师的原型设计Axurre学习资料,非常详细,实例操作。
  • 2020版全套Axure教程(精心录制)

    千人学习 2020-01-09 14:22:38
    本系列课程主要讲交互设计神器Axure RP,介绍了软件的应用范围,详细的介绍了软件的各个面板的使用,常用的元件使用。 学完掌握知识点: 1.Axure RP应用领域 2.常见项目的开发流程 3.低保真原型图的绘制方法及规范 4...
  • axure做微信小程序 - axure教程

    千次阅读 2020-02-01 23:36:13
    涉及到得axure主要知识点: axure做微信小程序 开发前,最好先做个原型,把自己的需求理顺(我用的工具为Axure, 下载的是一个免费版,功能不全,但自己梳理想法足够了)。 2 注册一个开发工具账号 ...

     

           涉及到得axure主要知识点:

     

    1. axure做微信小程序

      开发前,最好先做个原型,把自己的需求理顺(我用的工具为Axure, 下载的是一个免费版,功能不全,但自己梳理想法足够了)。axure做微信小程序

    2. 2

      注册一个开发工具账号

    3. 现在微信小程序开发工具大多都是纯线上版本,无需下载;并且,axure做微信小程序打开注册页后一般都可以用微信扫码即可完成注册,非常简便。

      需要补充说明下:想开发微信小程序,微信官方的开发工具肯定是要用的axure做微信小程序,但是对于没有编程基础的人来说,这个官方工具只能做做最后的发布。最复杂的开发制作环节axure做微信小程序,咱这种初级人员玩不转。所以像我这样的菜鸟群体,制作时得依靠市面上第三方工具。有很多,各有特色;当然,工具固然重要,但背后思路方法更为本质。

    4. 这个微信高保真原型,初衷是尽己所能最大限度的模仿真实的axure做微信小程序iPhone端微信功能,主要从以下几点着手:

      将所有的子页面全都堆放在axure的一个页面中(如下图),再在iPhone事先放置的框架中打开这个页面,通过相关的动态面板移动或隐藏等功能使各子页面在框架中组织有序。如:点按“返回”,axure做微信小程序当前页面向右推出,目标页面从左边进入。界面中几乎所有的icon都与iPhone端微信一致。采用axure做微信小程序iPhone5c外壳感官体验更柔和一些,iPhone内框架长宽比例为320px*568px,所有的页面也是基于这个比例设置。

    5. 在 axure 原型制作的过程中,很多时候我们需要触发一个又一个事件, 以交互设计效果展示的需求。 在这些事件里我们经常需要在满足某一条件时 完成指定的动作。比如:axure做微信小程序文本框文字为空的时候点击按钮无效。或者拖动动 态面板没到达指定位置退回原位等。本次解析的主要是针对微信聊天页面,主要功能包括:

    6. 聊天列表上下拖动
    7. 删除聊天列表,消息标记为未读、已读
    8. 动态面板瞬时拖动、移动、隐藏及显示(动态面板展开)
    9. 中继器axure做微信小程序
    10. 字符截取
    11. 键盘输入
      • 聊天信息回复
      • 拖动释放后:

        向下拖动释放后axure做微信小程序需要让面板回到拖动前的位置;向上拖动时如果聊天列表底部边界小于导航栏顶部边界的则将聊天列表移动到底边界与导航菜单定边界对齐的位置。

        向下拖动释放后设置“移动动态面板结束后”将动态面板移动到绝对axure做微信小程序位置,也就是回到A点处(0,78)。
        向上拖动释放后设置“移动动态面板结束后”,如果动态面板底边界小于导航栏的顶边界,那么将动态面板移动到和导航栏顶边界相同的位置,也就是说移动到绝对位置[[516-chatList.height]]。
        拖动结束后动态面板回到之前的位置是有一个延迟的axure做微信小程序效果,所以需添加一个线性移动动画耗时250ms即可。

         

    展开全文
  • 产品原型图设计Axure教程 专注提供优质教学内容 ...
  • Axure教程:折线图

    2020-11-10 11:06:49
    Axure教程:堆叠柱状图 上一期教会大家如何用axure做一个简单的柱状图,本文将教大家如何用AXURE做堆叠柱状图。 效果如下: 原型预览及下载地址: https://axhub.im/pro/1882d0a30c3301c9 一、功能介绍 ...
  • AXURE教程:散点图

    2020-11-11 14:46:06
    上一期教会大家如何用axure做堆叠柱状图,本文将教大家如何用AXURE做散点图 效果如下: 原型预览及下载地址: https://axhub.im/pro/1882d0a30c3301c9 一、功能介绍 所有图表不需要联外网,数据也不是写...
  • 首先做个声明:此次教程里为了快速完成,借用了一些网上已有教程的图文,不是剽窃,只图方便。另外,因为汉化版本可能功能名称等略有差别,请自行理解。 名词解释: 线框图:一般就是指产品原型,比如:把线框图...
  • 本课程通过实际项目案例讲解,让学习者迅速掌握Axure 软件安装设置,组件的使用,完成各种项目场景中的真实案例操作; 通过学习后即可应用于自己的工作中。
  • Axure教程-Banner图片轮播(一)-动态面板 https://blog.csdn.net/qq19970496/article/details/103596440 Axure教程-Banner图片轮播(二)-热区 https://blog.csdn.net/qq19970496/article/details/103599607 Axure...
  • 上一期教会大家如何用axure做一个简单的柱状图,本文将教大家如何用AXURE做组合柱状图。 原型预览及下载地址: https://axhub.im/pro/1882d0a30c3301c9 一、功能介绍 所有图表不需要联外网,数据也不是写...
  • 今天教大家如何用中继器做漏斗图,其中包括了功能介绍与制作方法。 原型预览及下载地址: ... 所有图表(中国地图、折线图、排名图、漏斗图、环形图)不需要联外网,数据也不是写死的,只需在中继器或表格中填写...
  • 今天,教大家如何用AXURE做一个管理后台页面框架。 本文以员工信息为案例,展示中继器增、删、改、查+导入+导出+排序的真实效果。包括直接在中继器修改和弹出页面修改两种模式,只需要导入数据,就可以直接使用。 ...
  •  (二)Axure rp的线框图元件  l 图片  图片元件拖入编辑区后,可以通过双击选择本地磁盘中的图片,将图片载入到编辑区,axure会自动提示将大图片进行优化,以避免原型文件过大;选择图片时可以选择图片原始大小...
  • (三)Axure rp元件的触发事件  lOnClick(点击时): 鼠标点击事件,除了动态面板的所有的其他元件的点击时触发。比如点击按钮。  l OnMouseEnter(鼠标移入时): 鼠标进入到某个元件范围时触发,比如当鼠标移到某张...
  • 收藏一个Axure教程

    2019-10-11 08:33:35
    收藏一个很好的AxureRP8基础教程AxureRP8实战手册
  • 今天,教大家如何用AXURE做可视化视图——中国地图和世界地图。enjoy~ 中国地图原型预览及下载地址: https://axhub.im/pro/29a8f172520b70e2 世界地图原型预览及下载地址: ...(1)世界各国的地图,连最小的国家...
  • Axure RP是一种线框图,原型设计,流程图和文档工具。使用Axure RP来创建和设置图表样式,为图表页面和元素添加交互性和注释,并将完成的设计发布到HTML以便通过Web浏览器查看。(点击下方图片可观看视频~)  .....
  • 本文要制作BMI身体质量指数计算器小案例,将涉及多种事件触发的交互、动态面板的使用等功能,并对原型设计有更深一步的了解。 效果预览 ... 一、交互逻辑分析 ...(1)两种度量制间的切换:公制(千克、厘米);...
  • 使用Axure 内联框架制作的页面滚动,练习用,新手可以看看,还是不错的
  • Axure RP是一款专业的快速原型设计工具,作为专业的原型设计工具,它能快速、高效的创建原型,同时支持多人协作设计和版本控制管理。多人协作开发同一款Axure原型机的主要方法有两种: Axure share Axure+SVN 其...

空空如也

1 2 3 4 5 ... 20
收藏数 1,055
精华内容 422
关键字:

axure教程