大家好,我是大明同学。这期内容,我们将探讨Axure中可编辑标签元件设计与交互技巧。可移除标签元件创建可移除标签所需的元件1.打开一个新的 RP 文件并在画布上打开 Page 1。2.在元件库中拖出一个文本框元件。3.选中文本框元件,在样式窗格中将按钮元件的宽设置为60,高设置为25,填充色为任意颜色,这里用的是蓝色(#0052D9)输入文本“标签”文本字体颜色白色,居中,线宽为0,圆角半径3。4
原创
2024-09-13 08:58:51
186阅读
大家好,我是大明同学。这期内容,我们将深入探讨Axure中可时间元件设计与交互技巧。Axure中本身就有时间函数,但实际制作的时候会有两个小问题,一是时间函数不能直接取到小时、分钟这种格式的,只能取到要么是一长串几月几号几年然后几点,或者是单独取到时,分,另外一个问题是,我们想让它显示的格式都是两位数的。创建时间元件所需的元件1.打开一个新的 RP 文件并在画布上打开 Page 1。2.在元件库中
大家好,我是大明同学。这期内容,我们将深入探讨Axure中随机函数的用法。随机函数创建随机函数所需的元件1.打开一个新的 RP 文件并在画布上打开 Page 1。2.在元件库中拖出一个矩形元件。3.选中矩形元件,样式窗格中,将矩形元件命名为“数值”,线宽设置为0,输入文本“数值”。4.在元件库中拖出一个按钮元件,样式窗格中,将填充色设置为蓝色(#0052D9),输入文本“生成随机数”。创建交互创建
大家好,我是大明同学。这期内容,我们将深入探讨Axure中按钮元件设计与交互技巧,在 Axure 中,按钮(Button)是一个非常重要的界面元素,可以用于多种使用场景:触发事件:按钮通常用于触发各种事件,如提交表单、打开新页面、调用API等。用户交互:按钮提供了一种直观的方式来与用户进行交互,用户可以通过点击按钮来执行特定的操作。表单提交:在表单中,按钮常用于提交用户输入的数据。导航控制:按钮可
原创
精选
2024-09-06 08:54:27
479阅读
大家好,我是大明同学。这期内容,我们来探讨Axure中滑动条设计与交互技巧。滑动条创建滑动条所需的元件1.打开一个新的 RP 文件并在画布上打开 Page 1。2.在元件库中拖出一个矩形元件。3.选中矩形元件,样式窗格中,将宽(W)设为500 高(H)设为4 填充颜色为灰色(#D2D2D2)线宽为0 圆角半径4 命名为滑动背景。4.复制滑动背景粘贴到画布,样式窗格中,将宽(W)设为4,高(H)设为
原创
2024-10-11 09:05:15
166阅读
大家好,我是大明同学。这期内容,我们将学习Axure中的旋转效果设计与交互技巧。旋转创建旋转效果所需的元件1.打开一个新的 RP 文件并在画布上打开 Page 1。2.在元件库中拖出一个按钮元件。创建交互创建按钮交互状态1.选中按钮元件,在交互窗格点击新建交互,单击时,旋转 顺时针 经过 -90°线性 1000 毫秒。预览交互点击预览,每次点击按钮时,按钮会顺时针旋转90°Axure 默认情况下,
大家好,我是大明同学。这期内容,我们将深入探讨Axure中步进器设计与交互技巧。先梳理一下步进器的流程图,方便待会儿做交互。步进器创建步进器所需的元件1.打开一个新的 RP 文件并在画布上打开 Page 1。2.将“文本框”元件拖到画布上,在样式窗格中将宽度设置为90,高度设置为40,线段宽度设置为0,输入文本“1”,字号16,居中。3.将“矩形”元件拖到画布上,在样式窗格中将宽高度设置为40,输
原创
2024-09-20 08:58:00
205阅读
大家好,我是大明同学。这期内容,我们将深入探讨Axure中穿梭筛选宽元件设计与交互技巧。穿梭筛选框元件创建穿梭筛选框所需的元件左穿梭筛选框1.打开一个新的 RP 文件并在画布上打开 Page 1。2.现在画布上创建一个背景,在元件库中拖出一个矩形元件,宽值200,高值300,线宽值1,线框颜色(#D9D9D9)圆角半径为6。3,创建穿梭筛选框头部元件,在元件库中突入一个矩形元件,宽值198,高值4
大家好,我是大明同学。这期内容,我们来用Axure制作一组动效。动效创建动效元件1.打开一个新的 RP 文件并在画布上打开 Page 1。2.选中画布,将画布填充颜色设置为蓝色(#0052D9)。3.在元件库中拖出一个圆形元件,选中矩形元件,样式窗格中,将圆形元件宽高值设为20,线宽设置为0。创建交互创建圆形交互状态1.选中圆形元件,在交互窗格中点击新建交互,载入时,显示 当前 等待800毫秒,隐
大家好,我是大明同学。这期内容,我们来探讨Axure中倒计时的设计与交互技巧。倒计时创建倒计时所需的元件1.打开一个RP 文件并在网上随便找一张背景素材粘贴到画布上。2.在元件库中拖入一个矩形元件,在样式窗格将字号设置为300,字体颜色设置为白色,线宽设置为0,输入文本“倒计时”,基于背景素材左下角调整到合适的位置。3.在元件库中拖入一个矩形元件,在样式窗格将元件命名为“时”,字号设置为150,字
大家好,我是大明同学。这期内容,我们将深入探讨Axure中卡片翻转设计与交互技巧。创建卡片翻转所需的元件1.打开一个新的 RP 文件并在画布上打开 Page 1。2.在元件库中拖出一个矩形元件。3.选中矩形元件,样式窗格中,将宽(W)设为200,高(H)设为300,填充颜色为红色(HFF0000),线宽为0,输入文本“正面”字号的值尽量设置的大一些,便于区分,字体颜色为白色。4.右键“正面”矩形,
大家好,我是大明同学。这期内容,我们来探讨Axure开关按钮设计与交互技巧。创建切换开关所需的元件1.打开一个新的 RP 文件并在画布上打开 Page 1。2.将“圆形”元件拖到画布上,在样式窗格中将高度和宽度设置为35,线段宽度设置为1,颜色设置为灰色,设置内部阴影Y轴为2,模糊3。3.将“矩形”元件拖到画布上,在样式窗格中将高度设置为37,将宽度设置为80,线段宽度设置为1,颜色设置为灰色。4
原创
2024-10-04 08:16:51
271阅读
大家好,我是大明同学。Axure Banner 轮播图是一种常见的网页和应用界面元素,用于展示一系列图片或内容,通常会自动循环播放或通过用户操作进行切换。以下是一些常见的应用场景:产品展示:在电子商务网站或产品介绍页面,轮播图可以用来展示产品的不同角度或特性。新闻或活动宣传:在新闻网站或企业官网上,轮播图可以用来展示最新的新闻头条或即将举行的活动。广告推广:企业和品牌使用轮播图作为广告载体,吸引用
大家好,我是大明同学。这期内容,我们来探讨Axure中的锚点滚动设计与交互技巧。锚点定位滚动创建锚点滚动所需的元件1.打开一个新的 RP 文件并在画布上打开 Page 1。2.在元件库中拖出一个矩形元件。3.选中矩形元件,样式窗格中,将线宽为0,输入文本段落一。4.依次复制粘贴段落一元件,将文本改为段落二、段落三 垂直分布。5.在元件库中拖入一个矩形制作顶部Banner或者头图,大小样式不限。6.
大家好,我是大明同学。Axure 中的输入框(Text Field)组件在多种应用场景中都非常有用,这期内容,我们来探讨Axure中输入框设计与交互技巧。带提示输入框元件创建带提示输入框所需的元件1.打开一个新的 RP 文件并在画布上打开 Page 1。2.在元件库中拖出一个文本框元件。3.选中文本框形元件,在样式窗格中将文本框宽设为285,高35,线段填充颜色灰色(#D9D9D9)线框为1。创建
原创
2024-10-18 09:06:12
358阅读
大家好,我是大明同学。Axure选择器是一种在交互设计中常用的组件,这期内容,我们来探讨Axure中多级下拉选择器设计与交互技巧。下拉列表选择输入框元件创建选择输入框所需的元件1.在元件库中拖出一个矩形元件。2.选中矩形元件,在样式窗格中将按钮元件的宽设置为200,高设置为32,文本左侧对齐,线段填充颜色灰色(#D9D9D9)线宽为1,圆角半径5,边距左右侧10。3.在iconfont搜索向下和向
大家好,我是大明同学。这期内容,我们来探讨用Axure制作带百度搜索引擎的搜索设计与交互技巧。百度 搜索引擎创建搜索所需的元件1.在元件库中拖出一个矩形元件,在样式窗格将宽设为900,高设为60,字号20,线段填充颜色设置为灰色(#D9D9D9)线宽 为 1,圆角设为10,边距左侧 15。2.在元件库中拖出一个按钮元件,在样式窗格将宽设为150,高设为60,字号20 白色 加粗 输入文本“百度一下
大家好,我是大明同学。Axure选择器是一种在交互设计中常用的组件,这期内容,我们来探讨Axure中选择器设计与交互技巧。OK,这期内容正式开始下拉列表选择输入框元件创建选择输入框所需的元件1.在元件库中拖出一个矩形元件。2.选中矩形元件,在样式窗格中将按钮元件的宽设置为300,高设置为35,输入文本“请选择分类”字号14,字体颜色灰色(#AAAAA),文本左侧对齐,线段填充颜色灰色(#AAAAA
原创
2024-10-25 09:05:42
153阅读
原创
2023-02-04 13:15:58
136阅读
原创
2023-02-04 13:16:16
118阅读