axure使用(一)简单开关按钮

最新推荐文章于 2023-12-13 10:21:10 发布
最新推荐文章于 2023-12-13 10:21:10 发布
阅读量2.2k 收藏 1
点赞数
分类专栏： 产品经理
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xingfushiniziji/article/details/111361016
版权

文章目录

简单开关按钮

1、最终效果

在这里插入图片描述

2、具体做法

步骤一：先准备图形原料，矩形，调成圆角，再拖一个原形过来
在这里插入图片描述
步骤二：
在这里插入图片描述

步骤三：
将关设置为“隐藏”

最低0.47元/天 解锁文章
candicecyj
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Axure rp9实现各类组件——开关
2301_76679860的博客
01-25 229
1、在画布内添加一个矩形，大小和颜色根据自身需求来定，我的设置：大小：70*30；5、点击顶部的动态面板页面名称，通过下拉框内的复制按钮将State1复制出一个State2页面；7、回到动态面板的State1页面，给刚组的组合添加一个单击事件；2、在圆角矩形上添加圆形，圆形大小最好比圆角矩形小2-4；点击组合时将动态面板状态切换到State2。点击组合时将动态面板状态切换到State1。6、将圆形移动到左侧，同时将圆角矩形的颜色修改为灰色；3、将圆和圆角矩形通过右键菜单添加为一个动态面板；
axure选中后横线切换_3、开关状态切换 —— Axure实用交互
weixin_39800387的博客
12-31 348
写在开头:开关的制作在几乎所有原型设计中都会用到，所以美观自然的交互开关可以给你的原型设计加分不少。本次开关设计主要用到的是逻辑为：选中状态的切换首先，来看一下演示动画开始原型设计一、创建元件首先需要打开Axure软件，并在画板上创建两个图形：一个为300*40的矩形，需要在“样式”一栏中修改它的元件半径为60，背景填充颜色为灰色，线段类型为无none，并命名为beijing；一个为45*45的圆...
Axure绘制开关按钮
产品阿强
05-30 834
使用动态面板实现开关按钮效果
自己设计的移动端的Axure开关元件：switch.rplib
03-21
自己设计的移动端的Axure开关元件，参考微信控制开关设计的，还不错！switch.rplib
axure切换按钮
10-26
axure切换按钮 应用提交，可以切换颜色，也可以自行修改
怎么用不同方法实现开关效果
05-22 871
开关按钮的效果是我们的产品原型中常见的一种效果，不管移动端还是PC端都会用到。那么可能有同学会问，既然这么常见，它应该如何实现？别急，下面就会带大家用几种不同的方法来制作开关。Let’s go!先来看一下，开关效果是怎样的好的，看到了这个效果，我们就根据这个效果一起来看看，可以用什么方法来做。可以看到，开关有两种状态，“开”和“关”，点击之后，会在这两种状态之间进行切换。第一，可以将“开”和“关”...
axure一库原型设计元件库
05-08
在元件库中，你可以找到各种常见界面元素，如按钮、输入框、下拉菜单、开关、滑块、导航栏、图标、表格、图表、弹窗等，这些元素都是按照标准和最佳实践进行设计的，确保了设计的规范性和一致性。对于后台系统，元件...
Axure夜话之程序员眼中的原型设计视频教程之开关按钮.rar
11-23
"Axure夜话之程序员眼中的原型设计视频教程之开关按钮"这个主题，主要关注的是如何使用Axure这款工具来创建具有开关按钮的交互原型。 Axure是一款强大的原型设计工具，它允许设计师通过拖放组件和设置交互规则来...
Axure夜话之程序员眼中的原型设计视频教程之开关按钮.zip
11-30
"Axure夜话之程序员眼中的原型设计视频教程之开关按钮.zip"是一个专门针对程序员的教程，旨在帮助他们理解和创建更符合用户需求的开关按钮原型。 首先，我们要理解什么是原型设计。原型设计是一种预先创建产品模型...
axure插件axure谷歌插件chrom插件axure
07-07
Axure是一款广泛使用的原型设计工具，它允许用户快速创建交互式设计原型，为软件和网页项目提供初期的设计蓝本。而“axure谷歌插件”指的是Axure与Google Chrome浏览器结合使用的扩展程序，这种插件通常能提升Axure...
Axure中用不同方法制作单选按钮交互效果
02-28 3393
产品经理在制作移动端原型的时候，经常会需要制作单选按钮。这种单选按钮的交互效果是这样的： 如关闭通知后面的按钮，常见于设置页面。这种状态下是开启/选中状态，点击之后按钮的颜色发生变化，并且内部的小圆位置发生变化。 这个交互效果非常常见，这里给大家总结了3种制作的方法，这3种方法也可以应用到其他相似的案例中，因为学会某一个案例不是我们的目的。我们的目的是通过案例的学习，学会...
Axure RP 万能的标签切换面板-动态面板切换
PEXUE的专栏
01-19 1万+
切换面板在网页中算是非常常见的，如视频网站的电视剧分类标签、资讯网站的资讯分类等；这些交互效果都可以利用动态面板的几个状态来进行相互切换得来。下面来介绍一下如何制作这样的标签。 步骤1： 从部件库中拖拽一个动态面板到线框图编辑区中，并在“部件交互和注释”窗口中命名为“通知” RP 万能的标签切换面板" TITLE="Axure RP 万能的标签切换面板" /> 步骤2： 双击动态面
axure 如何让菜单项按钮被选中后变颜色
热门推荐
为智慧地球添砖加瓦
11-02 6万+
在做软件界面设计中，经常会遇到像点击一个按钮，切换了一个画面，同时希望这个按钮能够显示“激活”的状态，那么如何让菜单项被选中后变颜色呢。 1.如图，创建了一个纵向的菜单栏，其中有两个指示不同画面的按钮。先右键单击第一个菜单项，选择他的交互样式，设置他被选中后的状态，我们设置填充颜色变为蓝色，注意此处“应用到”选择“仅该菜单项”！同样设置好另一个按钮。TIP：选中指一个菜单是否被选中的状态，该状态
Axure元件的介绍使用以及登录界面
最新发布
liaozhixiangjava的博客
12-13 640
II. Axure元件介绍 A. 基本元件 1. 解释基本形状的作用和使用方法 a. 矩形、圆形、线条等基本形状的应用场景 b. 如何创建和调整基本形状的属性。III. Axure元件在登录界面设计中的应用 A. 登录界面设计的重要性和特点 1. 登录界面的目标和用户期望 2. 创造简洁、易用和安全的登录体验的挑战。B. 自定义元件 1. 交互元件的功能和设计要点 a. 按钮、链接等交互元件的作用和样式设置 b. 定义交互元件的点击、悬停等状态。
【Axure RP9基础】Axure滑块开关效果详解
miroro0921的博客
07-02 3297
Axure滑块开关效果详解 最终效果：点击切换开、关状态，默认为开的状态； 步骤1：拖动元件【矩形】至画布中，调整形状，填充颜色，去掉边框； 步骤2：拖动元件【圆形】至画布中，调整大小使之直径略小于步骤1中椭圆形的高，去掉圆形的边框，拖动调整位置； 步骤3：创建文本，调整文字的颜色、大小和位置；（不需要文字可忽略此步骤） 步骤4：将步骤1-3的组件全选组合，记得起个组合名称：开； 步骤5：复制步骤4中的组合，调整至关的样式：调整圆形位置、椭圆形的填充颜色、文字，给新的组合命名为：关； 步骤6：选中
用axure给按钮图片等添加点击事件跳转页面
Lu_Ca的博客
09-02 4万+
由于公司产品离职，只能自己做了，汗～～ 整体过程挺好理解的，拖拽一个图片，双击能设置背景图片。然后选中按钮，并双击OnClick 2.在弹出的视图中可以修改点击事件的名字 3.由于我这个是在当前页面弹出二级页面，所以点击Current Window，并点击要跳转的页面，然后点击ok 4、点击ok后，回到工作区发现原来的按钮上有一个数字，表示添加上了点击事件，
Axure 按钮多事件触发
liuyuqin1991的专栏
08-28 1万+
不多说，先上效果图：这里”+”号实现的功能有：1.显示下面的表格 2.更换图标具体操作 拖一个”动态面板”，范围自定义到icon大小 拖一个”button”，右侧属性中，右键添加鼠标点击用例，在弹框中选择”切换可见性”，勾选下方要显示/隐藏的组件，可见性选择切换，然后确定双击，添加两个状态（一个加号状态，一个减号状态），点击确定（或者在右下角大纲页面添加）右下角双击创建的第一个状态，将”+”对应的
【Axure学习】（四）登陆按钮的下滑效果
always_littlesun的专栏
08-27 814
当点击登陆时，弹出下面的登陆界面。点击下面的登陆按钮时，上行回去。实现方案： 1. 黑色矩形：登陆panel，白色label（也可以直接用黑色矩形自带的字体，但这样就是给矩形加事件，焦点变成了黑色panel）； 2. 下面的面板，将其设置为动态面板，在动态面板的state1里面添加登陆矩形。否则下面的绿色panel不属于动态面板，会和动态面板各自执行下滑事件，不是想要的效果。 3. 给上面的登
Axure学习笔记.doc
05-11
Axure学习笔记.doc

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值