axure入门

最新推荐文章于 2024-06-20 14:42:15 发布
最新推荐文章于 2024-06-20 14:42:15 发布
阅读量4k 收藏 21
点赞数 2
文章标签： axure photoshop ui
版权归博客所有，仅供学习！
本文链接：https://blog.csdn.net/huiguo_/article/details/133203845
版权

文章目录

一、线框图

1.1 矩形的使用

二、高保真图

2.1 使用图标

图标网站
在这里插入图片描述
然后到Axure复制
在这里插入图片描述

变化颜色
在这里插入图片描述

2.1.1 点赞功能

在这里插入图片描述

双击进入动态面板
在这里插入图片描述
复制图像
在这里插入图片描述
在这里插入图片描述
切换图像，修改内容

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

设置交互

方法一：在面板内设置交互

在这里插入图片描述

在这里插入图片描述
选择状态为2
在这里插入图片描述

进入动态面板，选择面板2，选择面板1
在这里插入图片描述

方法二：在面板外设置交互

在这里插入图片描述

2.1.2 按钮功能

启用情形：判断文字
单机->打开情形

在这里插入图片描述

2.2 热区的使用

就是为了在上面添加一层，使得整个区域都作为一个事件（为了方便同事操作不同的矩形等，出现问题）
比如下面要同时为三个设置点击等效果，可以直接子啊上面添加一个热区

在这里插入图片描述
热区的返回–》返回上一级
在这里插入图片描述

2.3 动态面板

举例1：看点赞功能
在这里插入图片描述
举例2：滚动功能

图片转化为动态面板–>选择区域大小（不要进入动态面板）

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述
切换，动态面板滑动
在这里插入图片描述
轮播图

在这里插入图片描述
拖动
动态面板->手势
在这里插入图片描述

2.4 原件的显示和隐藏

设置向上滑动和灯箱效果

在这里插入图片描述
或者向上滑动+热区+组合
在这里插入图片描述

在这里插入图片描述
在这里插入图片描述

2.5元件的交互样式

鼠标悬停
在这里插入图片描述
在这里插入图片描述
按下-外部阴影调成0，内部调成默认
在这里插入图片描述
选中
在这里插入图片描述

在这里插入图片描述
在这里插入图片描述

在这里插入图片描述

表格选中

首先全选中–>添加悬停-》按下-》选中

在这里插入图片描述
每一行选择单击时
在这里插入图片描述

2.6 web表单的设计

在这里插入图片描述
单选项组
在这里插入图片描述
选中样式-----线段样式
在这里插入图片描述

文本提示

在这里插入图片描述

输入提示-线段颜色
在这里插入图片描述
在这里插入图片描述
最好加个填充（20%透明）

2.7 表格

2.8 嵌入视频/网页（内联框架）

使用工具：内联框架
在这里插入图片描述

在这里插入图片描述
根据需求不同，如果是网页，就直接外部url

使用其他工具修改这个值就行了
在这里插入图片描述
在这里插入图片描述在这里插入图片描述

2.9 导航菜单和收起

一级是按钮，二级是动态面板
在这里插入图片描述

菜单选上，转化为动态面板

在这里插入图片描述

在这里插入图片描述
在这里插入图片描述

2.10 滚动评论与弹幕

在这里插入图片描述
动态面板是n个内容
在这里插入图片描述
线性很平均
在这里插入图片描述
横向
在这里插入图片描述

三、简易需求文档

四、使用技巧

4.1 使用母板

一次调好，后面都能用的东西

4.2 选择不同的组合（概述）

在这里插入图片描述

4.2 视图–>样式-交互-说明

web大小：1260*1024px

在这里插入图片描述

4.2 启用-禁用

就是所有的事件，交互能不能用

代码浪人
关注
  • 2
    点赞
  • 踩
  • 21
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
Axure教程-新手入门基础(小白强烈推荐！！！)
web18224617243的博客
08-01 7558
AxureRP是一款专业的快速原型设计工具。Axure（发音Ack-sure），代表美国Axure公司；RP则是RapidPrototyping（快速原型）的缩写。AxureRP的使用者主要包括商业分析师、信息架构师、产品经理、IT咨询师、用户体验设计师、交互设计师、UI设计师等，另外，架构师、程序员也在使用Axure。优势Axure这个软件功能强大，可以做出很多交互效果，直接通过拖拽画出原型、生成网页；Axure这个软件效果高，只有遵循一些可用性原创，很快模拟出高保真页面原型。...
Axure的入门到精通（一）——基础使用及常用快捷键
Hj_tao的博客
05-28 5473
Axure的入门到精通（一）——基础使用及常用快捷键前言一、Axure的界面介绍二、Axure基础使用1.从最简单的案例入手2.常用快捷键介绍3.母版介绍本篇总结 前言 Axure是我现在工作最常用的软件，能够涉及到的东西有很多。属于易入门难精通的那种。所以本系列主要讲解一些比较难的点，而将在本篇快速过一遍所有比较简单的入门使用。 准备学习Axure的小伙伴们可以关注本系列的更新。 教程以Axure9为准 一、Axure的界面介绍 本节介绍基本界面，觉得功能一目了然的可跳过。 1-菜单栏：这个功能大
Axure RP 9基础教程（1）——界面及基本操作
weixin_42058042的博客
01-05 1629
1.：主要操作功能。2.：类似大纲界面，方便理清原型框架及逻辑关系。3.：调用所需元件的界面。4.：展示原型部分，可以理解为画画的画布。5.：用于做一些交互效果和编辑元件样式的界面。新手可能不好理解这些界面的作用，举个例子，如果把画原型的过程比作建一个房子，那1工具栏就是锤子、铲子等工具；2站点地图就是图纸，方便看到整个建成情况；3元件库就是放置砖瓦材料的砖瓦仓库，元件就是砖瓦，用于建房子的基础材料，拿砖瓦（元件）就得去砖瓦库（元件库）里拿；
Axure元件介绍
最新发布
weixin_43299293的博客
06-20 795
本文基于Axure RP 9版本，讲解Axure的基础元件及其简单应用，Axure系统默认元件库包含基础元件（Default）、流程元件（Flow）、图标元件（Icons）三大类。
Axure教程整理
05-12
小楼老师的原型设计Axurre学习资料，非常详细，实例操作。
Axure入门案例系列——手机端滚动选择器.docx
05-30
Axure入门案例系列——手机端滚动选择器.docx
Axure8.0基础教程 一
qq_20117677的博客
03-09 977
1、添加元件到画布 在左侧元件库中选择要使用的元件，按住鼠标左键不放，拖动到画布适合的位置上松开。（图1-1） 2、 添加元件名称 文本框属性中输入元件的自定义名称，建议采用英文命名。 建议格式：PasswordInput01或Password01 名称含义：序号01的密码输入框 格式说明：“Password”表示主要用途；“Input”表示元件类型
Axure rp9入门图文教程——基操及介绍（看完就能上手，人人都是产品经理）
热门推荐
七加一i的博客
03-13 2万+
由于这几天参加绘制原型草图工作，被迫学习Axure，所以将这几天的学习成果梳理一下，分享给跟我类似努力学习 （被迫）的同学
探索Axure：强大的原型设计工具
m0_71270952的博客
06-20 1万+
结语： Axure是一款功能强大的原型设计工具，它为设计师提供了丰富的功能和工具，使他们能够快速创建交互式的界面原型。通过使用Axure，设计师可以更好地展示和测试设计概念，并与团队成员和利益相关者进行有效的沟通和协作。第一部分：介绍Axure Axure是一款功能强大的原型设计工具，它允许设计师创建高度交互式的界面原型，以便更好地展示和测试设计概念。Axure提供了丰富的工具和功能，使设计师能够快速创建可点击的原型，并模拟用户在应用程序中的交互行为。创建原型：根据您的设计目标，使用Axure创建原型。
Axure 怎么用？一篇文章告诉你
haishao520的博客
02-01 2188
以上就是 Axure RP 9 看完今天的六大核心区域的基本入门要领， Axure RP 9 手把手入门教程，相信大家对 Axure 还必须有更深刻的理解。总体而言，Axure RP 9 该软件是一种非常实用的原型设计工具，具有强大的组件库，能够快速完成产品或产品 Web 线框图、流程图和原型设计是设计师提高设计效率和质量不可或缺的工具之一。
axure入门笔记资源，
07-18
axure入门笔记资源，
axure入门教程
03-24
熟悉这些组件的位置和功能是入门的第一步。 2. **部件与部件库**：Axure提供了丰富的预定义部件，如按钮、文本框、图片等，用户可以通过拖放方式在工作区构建原型。部件库可以根据项目需求进行自定义，添加或删除...
Axure入门案例系列——进阶轮播图.docx
05-30
Axure 入门案例系列——进阶轮播图 Axure 软件是一款功能强大且易于使用的原型设计工具。通过本教程，我们将学习如何使用 Axure 创建一个进阶轮播图，掌握基本的软件使用和元件交互事件。下面是教程的详细信息： ...
Axure入门案例系列：APP首次引导页.docx
05-30
Axure 入门案例系列：APP 首次引导页 Axure 是一款功能强大且实用的交互设计工具，用于设计和原型化交互式应用程序和网站。本文将通过一个 APP 首次引导页的案例，详细介绍 Axure 的使用方法和技巧。 一、基础动态...
【Axure教程0基础入门】02高保真基础
小虾米的学习路程
01-28 960
【Axure教程0基础入门】02高保真基础
Axure-RP 9教程-新手入门基础
2302_76638140的博客
12-11 1949
Axure RP是一款专业的快速原型设计工具。Axure（发音：Ack-sure），代表美国Axure公司；RP则是Rapid Prototyping（快速原型）的缩写。Axure RP的使用者主要包括商业分析师、信息架构师、产品经理、IT咨询师、用户体验设计师、交互设计师、UI设计师等，另外，架构师、程序员也在使用Axure。
【Axure 基础教程】交互样式的设置和使用&情形
2201_75526942的博客
12-18 2553
交互事件： 交互事件是指整个人机交互中的其中一个独立事件，比如上面案例讲的，点击设计师触发选择器弹出的事件，就是一个交互事件，在选择器列表中选择具体设计师，也是一个事件。交互动作： 是浏览器或移动设备响应的事件的结果，比如点击是为了跳转页面，那么跳转页面就是点击这个事件的动作。通俗来讲就是，谁用了什么方法做了什么事情，主体"谁"对应的就是axure中的元件，"什么方法"对应的就是交互事件，比如单击事件、双击事件，"什么事情"对应的就是交互动作，比如跳转页面等；启用情形交互事件交互动作。
Axure RP Pro9.0安装教程（非常详细）从零基础入门到精通，看完这一篇就够了【附安装包】​​
喜欢Python编程的程序员柚柚呀
11-08 2530
Axure RP Pro9.0安装教程（非常详细）从零基础入门到精通，看完这一篇就够了【附安装包】
Axure RP快速入门
09-08
Axure RP是一款常用的原型设计工具，它可以帮助用户快速创建交互式原型并进行视觉设计。以下是Axure RP的快速入门指南： 1. 下载和安装：首先，你需要从Axure官方网站上下载并安装Axure RP软件。它提供了免费的30天试用版本，你可以在试用期内熟悉工具和功能。 2. 创建新项目：打开Axure RP后，点击“新建项目”按钮或选择“文件-新建项目”来创建一个新的项目。你可以选择空白项目或基于模板创建项目。 3. 页面设置：在创建项目后，你可以设置页面的尺寸和方向。点击“页面设置”按钮或选择“页面-页面设置”来进行设置。 4. 添加页面：在项目中，你可以创建多个页面来构建你的原型。点击“添加页面”按钮或选择“页面-添加页面”来添加新页面。 5. 元件库：Axure RP提供了丰富的元件库，包括常见的UI元素和交互组件。你可以通过拖拽来快速添加这些元素到你的页面上。 6. 交互和链接：在Axure RP中，你可以为页面添加交互和链接，以模拟用户与原型的交互操作。通过选择元素，点击“交互”选项卡来设置交互效果。 7. 视觉设计：Axure RP还提供了一系列的视觉设计工具，你可以使用它们来调整页面的外观和样式，如文本样式、颜色和布局等。 8. 预览和分享：在设计完成后，你可以点击“预览”按钮来预览你的原型。如果需要分享给他人，可以选择“发布-生成HTML”来生成可分享的HTML文件。 这些是Axure RP快速入门的基本步骤，希望能帮助到你！如果你对具体的功能和使用有更多问题，欢迎继续提问。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

代码浪人

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值