元件使用教程——交互热区类元件

最新推荐文章于 2022-08-22 17:17:24 发布
最新推荐文章于 2022-08-22 17:17:24 发布
阅读量1.6k 收藏
点赞数
分类专栏： 我的草图 文章标签： mymockup 我的草图 汇正 SaaS 云软件
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/kong_yee/article/details/17609203
版权
交互热区类元件包括：页面跳转、页面弹出、页面关闭。





▪页面跳转

页面跳转元件能够在页面上显示一个页面跳转鼠标热区。


选择跳转到的页面

将热区元件拖动需要跳转页面的位置；预览时，鼠标单击热区区域实现页面跳转




▪页面弹出
页面弹出元件能够在页面上弹出显示另一个页面，一般用于制作弹出窗体效果。

选择弹出的页面

将热区元件拖动需要跳转页面的位置；预览时，鼠标单击热区区域实现页面跳转


▪页面关闭
页面关闭元件能够在页面上显示一个页面关闭热区，与弹出页面配合使用，用于关闭当前弹出的页面。

将热区元件拖动到需要关闭的位置；预览时，鼠标单击热区区域实现当前弹出页面的关闭




立即使用【我的草图】



备注
*技术交流与合作：QQ: 791663094；Email：kong.yee@foxmail.com



捷邦科技
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Axure RP从入门到精通（五）基本元件(热区、内联框架)
人不风流枉少年
06-03 3773
一：热区 热区是一个所有属性都不可修改的div标签而且在页面上是看不到任何内容的。 热区的作用：给页面的某个热区矩形范围内添加事件交互行为（例如鼠标单击事件、鼠标移入事件等），只有在这个区域内才能响应事件，超过这个热区范围就没有任何交互行为了。 给页面右上角添加一个热区，并双击”鼠标单击时“添加一个单击事件。 选择链接-> 打开链接 -> 弹出窗口，当我们单击热区时弹出百度页面。 注意：当鼠标在热区外是箭头形式，当鼠标在热区正上方时是小手形式，点击热区弹出百度页面。 热区的最大特点：没
产品|热区用来作为交互的按钮
GOOD LUCK
07-07 450
热区用来作为交互的按钮非常好用
Axure的热区元件的作用
weixin_30776863的博客
11-29 1254
Axure的热区元件的作用 添加热区作为反应区域使用， 1.添加锚点，增大你所需要的反应区域； 2.添加交互事件，跳转区域和图层； 转载于:https://www.cnblogs.com/luckybaby519/p/10036083.html...
Axure软件热区的使用
weixin_43856351的博客
12-08 5365
我们都知道在Axure（http://www.axurechina.cc）软件中热区是一个不可见也就是透明的元件，在制作原型设计的时候使用不会对美观程度产生影响，一般情况下置顶即可，修改起来也很方便，一般定义是对热区的常用功能就是单击跳转，在图片、文字等某个局部为止上添加热区，通过属性设置就可实现类似超链接的功能。那么Axure热区到底该如何使用呢？本文主要总结了以下几点。 首先下载Axure（h...
Axure热区的使用
niuniu_666的博客
04-11 9019
1.Axure热区的使用 热区元件相当于是一个透明性元件，常利用其特性操作交互，常用于按钮或者给某张图片添加热区 2.热区可以创建自定义按钮上的点击区域，设置这片区域都属于热区内，则只需要设置热区的交互条件，该区域的所有点击事件都会实现该点击效果 3.热区元件的使用，可以很大提高画原型的效率，减少很多繁琐的交互操作。 团队项目共引用同一个框架模板 1.如果已有可使用的框架模板，模板文件已保存在本地，点击文件--从rp文件导入 2.选择要导入的框架模板文件 3....
Axures RP8的热区交互
Aurora的博客
07-17 6132
Axures RP8的热区交互 1.首先选择元件库里的热区   2.将热区放置在相应的位置，编辑热区的动作 3.选择单击鼠标时 编制动作 完成编辑的结果 3.发布，关联上不同页面的跳转    ...
Axure RP 9基础教程（3）——添加图标元件
weixin_49408845的博客
08-16 5466
上一节我们学习了如何对一个矩形元件设置交互样式，我们完成了将元件设计为按钮，实现了鼠标悬停的交互样式和单击界面跳转的交互效果。 其实我们完全可以让我们设置的界面更加的美观。比如csdn的创作界面：我们可以看到，在每个热区上面，在文字上方都放置了一个图标，让我们的界面看起来不那么枯燥无趣，这些图标的来源就是元件库里面的元件。现在让我们来学习一下如何添加这种有趣的图标。 方法很简单，我们只需要做一下三个步骤： 1.进入矢量库； 2.下载svg格式矢量图标； 3.拖动到Axure并将svg格式转换.
交互原型设计：实战——淘宝登录页签的切换效果.pptx
07-14
交互原型设计是UI/UX设计过程中的关键环节，它用于模拟和预览用户与界面的交互体验。在淘宝登录页签的切换效果中，我们看到了如何利用动态面板这一工具来实现这种交互。动态面板是一种在原型设计软件中常用来创建多...
Axure学习之路01——元件介绍
zhang_han666的博客
08-22 1463
Axure元件介绍
Axure元件学习笔记
10-17
### Axure元件学习笔记 #### 一、基本元件与特性 **1.1 文本标签与文本段落** - **文本标签**: 当持续输入文字时，标签的宽度会随着文字长度的变化而变化。 - **文本段落**: 输入较长的文字时，即使超出初始设定的...
axure iphone8元件库_Axure中移动端原型设计方法（附IPhoneX和IPhone8最新模板）
weixin_39988888的博客
12-20 2800
Axure中基于设备模板的移动端原型设计方法(附IPhoneX和IPhone8最新模板)文章作者分享了一种基于设备模板的移动端原型设计方法，相信能够对你的原型设计工作带来帮助，值得马克。在使用Axure设计移动端原型的应用方面，我总结出了两种常用的方法。第一种是更适合在移动端进行演示的设计方法，大家可以参考我之前已经分享过的一篇教程：使用Axure打造最佳的移动端交互原型教程，使用这种方法输出的原...
如何发大按钮的点击热区（可触范围）
springlzi的专栏
01-26 3200
Apple的iOS人机交互设计指南中指出，按钮点击热区应不小于44x44pt，否则这个按钮就会让用户觉得“很难用”，因为明明点击上去了，却没有任何响应 为了发大按钮的可触范围，需要重写UIButton的- (BOOL)pointInside:(CGPoint)point withEvent:(UIEvent *)event;方法，改变按钮的可触范围。 1.使按钮的可触范围改变至44*44
在 Mockplus 设置页面链接，实现页面交互
设计“1+2”，摹客就够了！
06-04 8036
在Mockplus中，可以轻松设置页面链接，方法有二：   一、直接拖拽 1 点击某个组件，此时组件上方出现小工具栏。 2 拖拽（点击后不放手）小工具栏上的那个闪电图标，一直拖到右侧的项目树中某个页面上。 3 行了，链接已经设置好。 如下视频： 二、手工详细设置 1 点击某个组件，此时组件上方出现小工
在altium designer中禁用USBJATG
aping_cs_dn的专栏
11-22 3247
在工作时，有时USB接口插上了JLink,打开altium designer时总会弹出一个J-Link ARM 错误提示对话框，关掉它又弹出来，网上搜索没有结果，经过探索，发现了解决办法： 打开DXP->参数选择对话框，找到Device View页，去掉勾选的实时启动，点击应用即可，如下图。
Mockplus | 终于，我找到了满意的原型设计工具
weixin_33743248的博客
04-12 272
本文由作者花生酱先生授权转载发表。 大家好，我是花生酱先生，目前在金融行业任职高级产品经理。今天想跟大家聊聊我眼中的Mockplus是怎样的一款工具，以及它带给了我什么。 Mockplus是一款非常优秀的原型+交互设计软件，他的核心优势在于，当需要展示界面跳转逻辑、推演操作流程时，可以清晰、快速地做出相当程度...
MockPlus原型设计介绍
04-27 482
MockPlus原型设计介绍 在第八周的课堂上，王文娟老师在校园系统上发布了对于自行选择的原型设计软件进行资料查找以及自学的任务。因为之前的课程学习需要，我们已经大概掌握了原型设计软件Axure的使用，因此在这里，我选择了另一原型设计进行介绍，与Axure有很高相似度的原型设计软件：Mockplus。 引言： Mockplus（摹客）是一款简洁快速的原型图设计工具...
用Mockplus教你使用属性面板的设置交互状态
weixin_33967071的博客
06-07 745
使用Mockplus软件有段时间了，期间有很多使用者问我组件的设置交互状态怎么用（当然有很多人看了都会用），我就有想把怎样使用设置交互状态的方法记录下来，供初学者参考，今天趁休息时间整理了一下，分享一下。纯干货哦。 先介绍后演示，这样你会更明白。 以形状组件为例，了解一下形状组件的属性面板构成。 属性面板分为...
Mockplus原型交互跟我做之3 - 认识“链接点”
设计“1+2”，摹客就够了！
01-18 3461
上两次，我们已经快速地做了一个可以实用的交互（自动消失的消息框），还做了一个花哨但没用的东西，旋转的风车。 暂时缓缓往下走，我们先来了解点“基本知识”，Mockplus几乎不需要学习，不过呢，如果多了解一点，上手更快。 Mockplus能够快速设置交互，其中有一个东西，你必须熟悉，就是“链接点”。 选中一个组件，组件的右上方，会出现一个小圆点，如图：
我的草图——界面功能介绍
捷邦软件的专栏
11-27 1953
▪主界面 登录软件后进入主界面，主界面的效果图如下 主界面主要包括有：菜单栏、页面区域、元件区域、工作区域 ▪菜单栏 菜单栏如下图所示，左边有菜单项：文件、项目、帮助，右边有操作按钮：打开、下载、预览 文件菜单项 文件菜单项展开如下图所示 文件菜单的子菜单项功能如下： 新建：新建项目 打开：打开本地项目文件 下载到
Authorware交互设置详解及其实例教程
Authorware提供了多种交互方式，包括按钮交互、热区交互、热对象交互、目标区域交互、下拉菜单交互、文本输入响应交互、按键响应交互、条件响应交互、重试限制响应交互、时间限制交互和事件交互。这些交互类型覆盖了...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值