目录Axure教程Axure学习:严丝合缝的设计交互一、分析二、UI设计步骤三、原型交互步骤Axure案例:PC+APPAxure案例:工单管理系统Axure案例:数据可视化设计Axure RP是美国Axure Software Solution公司旗舰产品,是一个专业的快速原型设计工具,让负责定义需求和规格、设计功能和界面的专家能够快速创建应用软件或Web网站的线框图、流程图、原型和规格说明文档
大家好,我是大明同学。接着上期内容,这期内容一起认识一下Axure设计原型图所使用的元器件。形状默认元件库的基础元件中的各种框、按钮、标题、占位符以及标签和段落都是形状元件,图标元件库中可用的图标也是形状,用钢笔工具绘制的任何元件也是形状元件。Axure RP附带了各种现成的形状,可以在元件库中访问,要将形状添加到原型中,点击插入菜单,选中窗格中的图形拖放到画布上。菜单界面左上角的插入菜单中包含许
原创
2024-08-16 08:57:06
223阅读
完成效果如下先简单画一个外框,然后写入基本的组件如图所示:将中间的面板转化为动态面板,因为动态面板能够将多出的部分自动隐.
原创
2023-03-07 00:01:51
43阅读
在系统操作中,批量操作是常用的操作方式,例如批量启用、批量禁用、批量删除、批量下载……所以今天作者就教大家如何在Axure中制作一个能多选和批量操作的的原型模板,该原型主要使用中继器制作,所以复用性很高,再次使用时只需填写中继器表格内容,自动实现交互效果。完成后如下如所示效果:【原型效果】【原型预览】https://axhub.im/ax9/2bcd864c6573fb02/#g=1&id
大家好,我是大明同学。这期内容,我们将探讨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中继器数据表标签交互设计。
预览地址:https://n05kfs.axshare.com好的,这里就结束了。我是大明同学。下期见。
1、Axure 原型模板素材哪里下载如果你想要下载 Axure 原型模板素材,可以前往即时设计资源广场进行一键复用。在即时设计资源广场,你可以免费使用所有的 Axure 原型模板素材,而且没有文件数量、团队或项目数量的限制。这大大降低了资源共享的成本,让每位设计师更轻松地展示自己的成果。那么,你想知道在即时设计资源广场中如何免费下载 Axure 原型模板素材吗?进入即时设计资源广场后,你可以根据线
转载
2024-01-03 12:43:25
135阅读
大家好,我是大明同学。这期内容,我们将深入探讨Axure中随机函数的用法。随机函数创建随机函数所需的元件1.打开一个新的 RP 文件并在画布上打开 Page 1。2.在元件库中拖出一个矩形元件。3.选中矩形元件,样式窗格中,将矩形元件命名为“数值”,线宽设置为0,输入文本“数值”。4.在元件库中拖出一个按钮元件,样式窗格中,将填充色设置为蓝色(#0052D9),输入文本“生成随机数”。创建交互创建
在产品开发过程中,原型设计是非常重要的一环,它不仅有助于团队间的协作与沟通,更是产品是否符合用户体验的关键,本文中我们来推荐几款好用的原型设计工具墨刀 墨刀是一款在线的原型设计工具,你可以用它在线设计自己的网页或APP原型,该工具上手非常简单,它提供了丰富的组件库和图标库,不仅有苹果iOS、谷歌Material Design、WeUI、Ant Design等内置组件,还在素材市场内提供了更多可
大家好,我是大明同学。这期内容,来分享一下Android,iOS移动端常用的设计规范。Android字体 Typography图标 icons应用图标 Product icons系统图标 System icons快捷图标 Shortcut icon单位和度量 Units and measurementsdpi =屏幕宽度(或高度)像素 / 屏幕宽度(或高度)英寸dp =(宽度像素 x 160)/
原创
2024-08-30 09:03:45
142阅读
大家好,我是大明同学。这期内容,我们将深入探讨Axure中按钮元件设计与交互技巧,在 Axure 中,按钮(Button)是一个非常重要的界面元素,可以用于多种使用场景:触发事件:按钮通常用于触发各种事件,如提交表单、打开新页面、调用API等。用户交互:按钮提供了一种直观的方式来与用户进行交互,用户可以通过点击按钮来执行特定的操作。表单提交:在表单中,按钮常用于提交用户输入的数据。导航控制:按钮可
原创
精选
2024-09-06 08:54:27
482阅读
大家好,我是大明同学。这期内容,我们来探讨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 文件并在画布上打开 Page 1。2.在元件库中拖出一个矩形元件,选中矩形元件,在样式窗格中,命名为边框,将宽值设置为350 ,高值设置为50,线宽值为1 填充颜色灰色(#CCCCCC)。2.在元件库中拖出一个文本框元件,选中文本框元件,在样式窗格
大家好,我是大明同学。这期内容,我们来探讨Axure中倒计时的设计与交互技巧。倒计时创建倒计时所需的元件1.打开一个RP 文件并在网上随便找一张背景素材粘贴到画布上。2.在元件库中拖入一个矩形元件,在样式窗格将字号设置为300,字体颜色设置为白色,线宽设置为0,输入文本“倒计时”,基于背景素材左下角调整到合适的位置。3.在元件库中拖入一个矩形元件,在样式窗格将元件命名为“时”,字号设置为150,字
大家好,我是大明同学。这期内容,我们将深入探讨Axure中卡片翻转设计与交互技巧。创建卡片翻转所需的元件1.打开一个新的 RP 文件并在画布上打开 Page 1。2.在元件库中拖出一个矩形元件。3.选中矩形元件,样式窗格中,将宽(W)设为200,高(H)设为300,填充颜色为红色(HFF0000),线宽为0,输入文本“正面”字号的值尽量设置的大一些,便于区分,字体颜色为白色。4.右键“正面”矩形,