Axure原型图教程

corn6

已于 2022-07-15 00:34:05 修改

阅读量6.3k

点赞数 1

分类专栏： vue 文章标签：前端

于 2022-06-20 23:10:09 首次发布

本文链接： https://blog.csdn.net/corn6/article/details/125382419

版权

本文是一篇关于Axure原型图的教程，介绍了什么是原型、原型图分类，详细讲解了Axure的使用，包括文件类型、组合元件、预览与生成HTML、快捷键、元件库管理、元件样式设置，以及如何添加交互事件、使用中继器和动态面板。此外，还探讨了web端和移动端的设计规范。

摘要由CSDN通过智能技术生成

什么是原型

用线条、图形描绘出的产品框架，也称线框图，具体化表象需求和功能

原型图分类

草图原型（手绘图稿，修改方便）

低保真原型（简单交互，无需配色，产品规划及评审阶段使用）

高保真原型（复杂交互，有设计图，跟真实页面相同，高保真元件库）

Axure介绍

用于快速制作原型
在无需编码的情况下构建低、高保真原型
只需拖、拉、编辑即可完成

Axure文件类型

.rp：原型文件
.rplib：元件库文件
.rpteam：团队项目文件
.html：网页文件

组合元件

同时选中多个元件，点菜单栏上的组合就行

预览/生成html文件

立减 ¥

1
点赞
踩
30

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

Axure App高品质原型图

01-04

附件为Axure 8.0高品质原型图，资源难得。仅需5积分就可下载，千万别错过。

智慧校园axure原型设计，可直接使用

02-23

在"智慧校园axure原型设计"中，我们可以将各种智慧校园的功能模块以直观、易理解的方式呈现出来，以便于开发团队理解和实施。 1. **登录系统**：作为智慧校园系统的第一入口，登录界面的设计至关重要。它需要具备...

参与评论您还未登录，请先登录后发表或查看评论

Axure RP——原型图设计，做一个合格的产品经理（1）

auto_1128的博客

07-29

947

一、关于Axure 　　Axure是一款设计页面原型图的软件工具，它可以通过拖拽组件的方式快速生成页面预览，还可以对组件进行丰富的样式和事件设定，使页面预览更接近实际效果。　　Axure通常用于网站或软件开发的需求分析阶段，产品经理在分析了客户提出的需求后，在团队开发能力范围内设计产品的预览效果，大致确定成品的验收标准。二、使用Axure 1.操作页面 2...

Axure高保真原型图设计之中继器模拟查询

最新发布

ofay

09-03

386

设置中继器页面到最后一个（Last）。

Axure _ 原型图

Mr.小灰狼_随笔

11-26

1755

Axure _ 原型图 目录 1、什么是 Axure 原型？ 2、Axure RP7.0 软件安装、汉化与注册 3、认识 Axure 4、打开链接交互 5、认识动态面板（上） 6、认识动态面板（下） 7、推拉效果的两种实现方法 8、内联框架的使用 9、导航栏吸附效果 10、全局变量的使用 12、数学函数开发抽奖游戏

一篇文章教会你如何用 Axure 画原型图

haishao520的博客

03-21

3312

原型图对于做出更好的 UI 设计决策非常重要。然而，选择合适的原型工具并不容易。我们需要仔细考虑成本、功能、与其他设计工具的集成、学习曲线、协作功能和用户测试方法，本文将分析 Axure 的原型设计工具。

零基础入门（四）Axure原型图教程

Chen_Siri_33的博客

08-19

1691

Axure作为一款专业的原型设计工具，它可以快速创建出线框图、流程图、原型和规格说明文档，是包括产品经理、UI设计师、用户体验设计师、交互设计师等在内的IT从业人员必备技能。

产品入门-Axure原型图制作

m0_64267605的博客

10-17

934

会议OA项目原型图的目的及意义...

Axure 9 进阶与实战教程 axure教程视频教程原型

03-03

Axure作为一款强大的原型设计工具，广泛应用于产品设计、交互设计以及用户体验设计领域，它允许设计师通过绘制线框图、流程图、原型和规格说明来快速构建产品原型。本教程将深入讲解Axure 9的进阶功能，包括但不...

76套Axure原型模板源文件Rp高保真ui产品经理app web 网站案例模板(Axure8制作).zip.zip

06-01

名称：70+套Axure原型图设计源文件格式：RP格式（Axure软件）赠送：软件使用视频教程免费的技术咨询产品经理全套文档模板拍下后发送百度网盘下载链接~ Axure8可以打开8、7版本制作 Axure9可以全部打开9、8、7...

Axure 3D教程：制作3D地图原型（三维世界地图）.docx

05-30

Axure 3D 教程：制作 3D 地图原型（三维世界地图）一、Axure 3D 效果原型预览 Axure 3D 教程的主要目标是制作 3D 地图原型（三维世界地图），并提供了一个详细的教学过程。 Axure 3D 效果原型预览地址为 ...

管理后台Axure原型图

06-13

管理后台Axure原型图，该原型图包含一些web页面常用的页面交互及panel切换。非常适合供别人参照来学习怎么使用axure做产品原型

Axure快速原型设计(教程)

03-16

NULL 博文链接：https://llying.iteye.com/blog/402001

axure原型设计原型汇总

12-20

axure原型设计原型汇总手机、web、图标，产品设计使用的axure原型大全微信公众号、H5网站、微信小程序

Axure 画原型图

sen的博客

03-05

1879

1.Axure软件的下载和安装，自行百度 2.添加菜单，有三种方法 2.添加checkbox 3.添加下拉菜单 4.添加菜单

超详细Axure交互原型移动端元件库，APP高保真UI组件（手机移动端交互素材）

热门推荐

qq_41790573的博客

12-06

1万+

用的原型组件对于产品经理或者UI设计师来说事半功倍，现整理了一批新款原型图 axure 8 组件库、高保真UI手机移动端交互素材。帮助产品经理更高效地制作高保原型。包括常用组件、微信原生元件库、微信/支付宝小程序常用页面等，现分享完整的组件库，大家一起学习。以下为部分截图页面，组件库中均有交互，使用起来便捷，动态效果清晰。

2020/2/23如何高效使用Axure绘制原型图

shaoyahu的博客

02-23

1578

这几天绘制原型图绘制的头大便给出了如何高效绘制的方法，接下来我们以、为例，绘制原型图 第一步首先要绘制好头部和尾部的母版，巧的是，我刚好已经绘制好了头部：尾部：再将母版放入到页面中去第二步观察我们要绘制的有几个大板块很明显一共有2大板块， 1： 2：第三步分批绘制先绘制第一板块的内容又很显然将第一板块分为 5个部分，分别是动态面板、四个方框/矩形、一个标签、一个...

Axure常见的几种原型图

woowhhh的博客

10-11

3381

早期发现产品设计和功能中存在的问题。这类原型完整还原产品设计，包括颜色，尺寸，文案内容等，还包含大量的交互事件，目的就是完整的“还原真实，发现问题”。，用于介绍产品的功能样式、交互、说明等等，一般输出为图片或者html网页形式，国内80%的产品经理（无论大厂小厂）基本都是用来做这个的。原文链接：https://blog.csdn.net/abiao555/article/details/80452163。描述各个页面的各个功能点的流程关系，用线条把网页的触发点与出发后的页面相关关联起来。

快速掌握Axure原型设计基础教程

Axure原型设计是一种强大的工具，专用于快速创建交互式用户体验原型。它由陈良泳在2008年7月23日更新，适用于Web...这是一份全面且实用的Axure原型设计教程，无论是初级设计师还是经验丰富的开发者，都能从中获益匪浅。