axure使用简单入门

overflow_hidden overflow_hidden     2022-10-13     567

关键词:

1.Axure 简介

Axure是快速原型工具,简单来说就是把自己的web或app想法快速的展示出来的工具。具体信息百科:https://baike.baidu.com/item/axure%20rp/9653646?fr=aladdin&fromid=5056136&fromtitle=axure 

2.熟悉Axure界面

对于初次接触的人,可能感觉得陌生,如果你打算用,我保证不出半天,基本的功能,你都会熟悉。我学习Axure 过程中,安装过3次,每次装完,简单看一下,觉得不熟悉,就放下了。最近一次是因为公司项目要做演示,基本上用用,不知道的百度,几次就熟悉了。对于Axure de 使用,主要是基础组件的使用,一些简单的交互,还有一个就是库的使用。


3基础组件

基础组件,直接在 lib 里面拖动到页面就行了,然后组件的样式细节在inspector的panel调整,


4简单的交互

事件-点击跳转:
  • 选中一个组件:
  • 添加click事件
  • 添加跳转




  • 完成后效果:有一个数字,

其他的常用交互还有鼠标移动上去,滚动区域,显示和隐藏,这些用到的时候可以百度,很简单。

5 库的使用

系统自带的组件库很基础,做出理想的效果,有很多的细节要调整,但是这样比较灵活,基本上什么都可以做。在使用中,还有一种是使用半成品的第三方库,来提高效率,达到风格上的统一。
网上第三方库很多,自己也可以把做过的组件整理成库文件,这里简单介绍一下 阿里的 ant-design lib 的使用:
① 下载 ant-design axure lib
下载后和解压后
②然后把lib,及解压后的文件放到 axure 安装的库文件夹中
④ 库的使用
很简单,找到对应的库,选中,显示库包含的组件。直接拖组件到画布,就能看到实际的效果。


6总结

Axure 是一个快速原型工具,工具的核心是快速原型,所以上手不会很难。
这次用Axure 发现几个很有意思的问题。有些技能我们零零星星学了很久,都不会,比如英语、axure,这是为什么,因为我们还没有真正到了需要用的时候。有些技能看起来很难,但是只要用起来,慢慢的就会变得好用,不是工具好用了,是人的大脑已经适应了工具,内化成身体的一部分;这就像大学就开始学Photoshop和andriod开发,可是每次看书就是那前几页,没有实际用到,也就没有动力去学。










 





axure使用攻略--入门级

名词解释线框图:一般就是指产品原型,比如说,把线框图尽快画出来和把原型尽快做出来是一个意思。Axure原件:也叫Axure组件或Axure部件,系统自带了一部分最基础常用的,网上也有别人做好的,软件用到一定程度后可以考虑... 查看详情

刚入门的产品经理画产品原型图,都有哪些好用的工具,求安利

...本需求,另外mockplus的组件和图标也符合目前app和网页的使用习惯,整体来说算是简化改良版的Axure,适合新手产品经理使用。 参考技术B整理了一部分,希望能帮到大家!问卷调查:问卷网、腾讯问卷文档编辑:WPS、腾讯文档、... 查看详情

axurerp从入门到精通(五十三)灵魂提问-写prd需求文档是使用word文档还是axure?

在实际工作中有些公司使用Word文档来写需求文档(一般是大公司),有些公司使用Axure来写需求文档,他们习惯在画原型的时候在旁边写需求,并用辅助线来连接需求说明和对应的功能(组件),那么我们应该如何选择使用方式... 查看详情

axure教程-新手入门基础(小白强烈推荐!!!)

...;RP则是RapidPrototyping(快速原型)的缩写。AxureRP的使用者主要包括商业分析师、信息架构师、产品经理、IT咨询师、用户体验设计师、交互设计师、UI设计师等,另外,架构师、程序员也在使用Axure。AxureRPPro能快速... 查看详情

axure入门

AxureRP是一个专业的快速原型设计工具。Axure(发音:Ack-sure),代表美国Axure公司;RP则是RapidPrototyping(快速原型)的缩写。AxureRP是美国AxureSoftwareSolution公司旗舰产品,是一个专业的快速原型设计工具,让负责定义需求和规格、... 查看详情

axure的学习之路

...步骤:Axure入门,基本功能的介绍Axure0基础,动态面板和简单动画Axure进阶,变量和复杂动作Axure技能之外,设计细节产品研发:步骤:产品定义->交互设计->开发->測试相应角色:产品经理->设计师->开发project 查看详情

axure原型设计工具简单介绍和步骤描述

Axure原型设计工具l Axure使用者感受关键词:超大型;高保真度;可拓展控件;自定义库;适配;少交互;收费。 1.Axure介绍:AxureRP是一款专业的快速原型设计工具。Axure(发音:Ack-sure),代表美国Axure公司;RP则是RapidProt... 查看详情

axurerp从入门到精通(五十二)灵魂提问-axure需要掌握到什么程度?(代码片段)

...性都专门做了详细的讲解,也做了很多案例来灵活的使用的各个知识点,掌握本专栏的所有知可以达到熟练使用的程度了。我们还需要继续提高达到炉火纯青的程度吗?答:不需要了。 查看详情

axure8.0从入门到精通

1.新建工程菜单->File->New 2.添加组件并编辑组件 选中左侧Libary可选择Default/Flow/Icons,找到相应的组件并移动到工作区;并在右侧选中相应的组件属性进行编辑 3.生成网页 菜单->Publish->GenerateHtmlFiles 查看详情

axure8.0入门级基础操作

前言:笔者最近刚刚戒掉了游戏(以前,我可是通宵达旦,曾经游戏里面有个统计:3个月在线玩1200多小时)。然后现在干点啥呢,于是,宅男就下载了一个Axure8.0。从来没有用过,那就从最基础的了解一下呗。1、添加元件,选... 查看详情

pop简单动画简单使用(入门级别)

...好”的与用户交互,苹果提供很多的好看的动画供开发者使用,不过简单的平移、旋转、缩放.......使用起来很简单,但是想要进行一些比较复杂的动画效果,使用起来就比较难以实现,俗话说需求促进开发,facebook提供的开源的... 查看详情

lodop简单入门教程

...可)  声明只能装windows,linux不能装,所以linux服务器要使用直接使用http://localhost:8000/CLodopfuncs.js去复制代码部署到服务器上,还有LodopFuncs.js共两个js文件即可2使用  使用非常简单,本地安装控件之后,页面引入两个js文件&nb... 查看详情

工具|axure基础操作no.1

...小清新并且易用的网页版轻量级工具。我在这里进行一些简单操作的动图,方便和我一样刚入门的同学容易看得明白。没有太多的技术含量,仅仅提供直观的操作。文字叙述不多,都是看图说话。1.拖动元件到画布上2.添加元件... 查看详情

axure教程之axurerp7.0从入门到精通

AxureRP是美国AxureSoftwareSolution公司旗舰产品,是一个专业的快速原型设计工具,让负责定义需求和规格、设计功能和界面的专家能够快速创建应用软件或Web网站的线框图、流程图、原型和规格说明文档。作为专业的原型设计工具... 查看详情

javajsonapi:gson使用简单入门

...的JavaAPI,用于转换Java对象和Json对象。本文讨论并提供了使用API的简单代码示例。更多关于GSON的API可以访问:http://sites.google.com/site/gson/.本文是GSON系列文章的第一篇。本文是其他文章的基础,因此不需要任何GSON或JSON经验。第二... 查看详情

lombok安装简单使用入门

...);1每次写新的类,就需要重新写logger有简单的方式,就是使用@Slf4j注解首先是在pom中引入:<!--可以引入日志@Slf4j注解--><dependency><gr 查看详情

angularjs的简单使用(入门级)

  AngularJS诞生于2009年,由MiskoHevery等人创建,后为Google所收购。是一款优秀的前端JS框架,已经被用于Google的多款产品当中。AngularJS有着诸多特性,最为核心的是:MVC、模块化、自动化双向数据绑定、语义化标签、依赖注... 查看详情

lucene入门程序-javaapi的简单使用

Lucene入门程序准备环境JDK:1.8.0_162IDE:EclipseNeon.3数据库:MySQL5.7.20Lucene:4.10.4(已经很稳定了,高版本对部分分词器支持不好)准备数据SETFOREIGN_KEY_CHECKS=0;--------------------------------Tablestructurefor`book`----------------------- 查看详情