axure
文章平均质量分 71
符号原型设计
符号原型设计博客https://www.2u3u.com
展开
-
Axure教程:用一段JS动态的当前IP定位
最近在制作产品原型设计。其中有部分功能是需要展示,当前用户所处于的外网ip和所处城市的。想要通过动态获取到用户的ip地址信息。直接使用Axure是无法实现的。下面我通过一段JS代码和Axure结合是怎么实现的。先演示一下效果:实现前准备:1、内联框架(要打印JS内容,内联框架是最好的选择)2、JS代码JavaScript:document.writeln("<script src=\'https://pv.sohu.com/cityjson?ie=utf-8\'><原创 2022-04-18 12:53:44 · 813 阅读 · 0 评论 -
Axure数据大屏设计:企业客户服务数据管理大屏
今天跟大家分享一下,最近制作企业大屏的过程分享。本次讲解的是企业服务数据大屏,主要功能是企业整体客服服务能力的体现和监控。大屏以黑色背景为主,搭配浅蓝色为辅助配色。整体配色比较鲜明对比。其中大屏包含了中国热区地图、折线图、饼图、雷达图、列表的输出展示。本次设计使用的是Axure8设计完成(这边只讲Axure设计流程,不会涉及到数据抽取和清洗的过程)。一、大屏需求老板想知道客服部,客户服务的整体情况,包括客服服务范围情况和反馈的问题统计及客户年龄分布情况等。需要实时展示。在线演示地址:企业客户原创 2021-11-05 08:30:31 · 1377 阅读 · 0 评论 -
Axure教程:通过引用前端JS代码实现浏览器全屏效果
在我们设计使用大屏模板或大屏报表时,都会需要浏览器全屏展示预览的需求,通常我们都需要通过键盘F11来切换浏览器全屏效果。但是,也发现了一个问题就是我们面对的很多客户,他们并不懂F11可以全屏,给产品设计沟通带来了不便。那有没有什么方式可以直接通过鼠标点击按钮来切换全屏。答案是肯定有的,今天符号作者教大家如何利用前端的JS代码来实现浏览器全屏效果。注意:在看教程之前,请行了解一下,什么时javascirpt,JavaScript入门教程自行百度。当然,今天的案例RP也会免费提供给大家下载学习,也欢迎应原创 2021-11-05 08:27:11 · 791 阅读 · 0 评论 -
Axure教程:可视化中国地图下钻交互设计
导读:在设置日常大屏报表设计工作中,我们会经常使用到地图下钻效果,今天作者教大家简单的使用axure软件来制作中国地图点击下钻的动效果,通过此原理可以做更细的下钻交互。一起来文中看一下吧~教程整体简单,适合AXURE初中级同学学习。主要使用到了axure的鼠标点击事件,动态面板,简单的点击逻辑。准备素材为中国地图和各省份的svg资源。推荐一个免费获取svg地图的平台http://datav.aliyun.com/tools/atlas/index.html,当然你也可以联系作者付费获取整理好.原创 2021-10-16 11:02:41 · 896 阅读 · 0 评论 -
Axure教程:制作渐变色用户登录交互
在系统产品设计过程登录窗口的交互设计是不可少步骤,今天符号给新人分享一个用Axure制作一个用户登录界面的教程。先预览一下最终实现的效果:本教程案例主要使用到的元件有:1、矩形2、文本输入框3、动态面板4、按钮元件5、元件渐变操作流程:一、制作登录背景 拖入一个矩形做为登录的背景设置尺寸 1920×1080。如下图:设置背景颜色,这边使用到了颜色渐变工具。颜色可以按需要设置。如下图:给背景设置鼠标移入交互。这边也是用到了渐变。原理...原创 2020-11-24 08:27:08 · 838 阅读 · 0 评论 -
AXURE教程:简单制作拖拽照片交互墙效果
通过该教程可以简单实现照片墙拖拽交互效果,照片可以使用鼠标进行拖拽,支持图片大图预览。适合Axure新手朋友。一、效果预览二、准备元件中继器:存放向图片素材 图片元件:加载图片 动态面板:拖拽效果使用三、实现步骤1. 步骤一添加一个中继器,设置中继器数量项的字段名称。一列一张图片导入,字段名称不能重复了,如图:中继器图片导入完成后,开始给图片赋值。选中图片元件,添加动作“设置图片”,Default默认为值。点击fx进入函数选择。这边必须要选择对应中继器的字段名称原创 2020-11-24 08:26:41 · 661 阅读 · 0 评论 -
Axure服务器运维面板原型设计方案V1.0
产品名称:Axure 服务器运维面板原型设计方案V1.0软件版本: Axure 8,Axure 9作品类型: Axure原型文件类型: .rp文件大小:4.13MB适用场景: PC、管理系统适用人群: 设计师、产品经理作品售价:¥69.00作品介绍:简单好用的服务器运维面板,可视化、简易高效、操作透明、高可扩展.通过系统中心即可管理你的所有服务器,其它服务器只需要安装受控端。再也不用分别登录到每台服务器去管理了。强大的网站管理功能通过整合 Nginx、PHP、MySQL 等组件,帮助您原创 2020-11-07 20:57:21 · 843 阅读 · 0 评论 -
Axure+api,制作一个股票查询小工具
本教程属于Axure的高级教程,如果你不懂什么叫API接口的可以先百度一下。最好结果预览:工具:Axure8、Axure9 .这边我用Axure8做讲解使用到的元件:矩形,文本框、内联框架步骤一:制作一个文本输入框。从基础元件中拖入一个矩形到设计区域。在拖入一个文本输入框。放在矩形框上面。在拖入一个矩形做查询按钮。如下图。一个文本输入框由三部分组成:拆解如图:步骤二:拖入一个内联框架,主要功能是为了接收呈现api接口返回的数据。把内联框架设置成从不显示滚动条,..原创 2020-09-08 13:21:25 · 500 阅读 · 0 评论 -
如何使用Axure快速制作有趣好看的数据可
如何使用Axure快速制作有趣好看的数据可视化大屏?今天向数据产品经理推荐一套基于Axure设计完成的可视化模板设计方案,通过本套设计模板你可以快速复制使用生成炫酷好看的数据可视化大屏。简单易用,学习门槛低,可快速复制使用。通过本套设计模板提高可视化需求研发效率,大屏界面灵活调整,快速响应客户需求;降低数据可视化产品设计门槛,Axure图形化操作简单,具备专业级视觉效果;保证强大的多维数据呈现能力,修改便捷,交互性强;产品模板支持丰富的行业场景,解决产品设计难题,简化设计流程,UI规范,实现原创 2020-09-08 11:50:01 · 802 阅读 · 2 评论 -
Axure通过第三方免费的api制作ip查询小工具
本教程属于Axure的高级教程,如果你不懂什么叫API接口的可以先百度一下。最好结果预览:工具:Axure8、Axure9 .这边我用Axure8做讲解使用到的元件:矩形,文本框、内联框架步骤一:制作一个文本输入框。从基础元件中拖入一个矩形到设计区域。在拖入一个文本输入框。放在矩形框上面。在拖入一个矩形做查询按钮。如下图。一个文本输入框由三部分组成:拆解如图:步骤二:拖入一个内联框架,主要功能是为了接收呈现api接口返回的数据。把内联框架设置成从不显示滚动条,隐藏边框。如原创 2020-09-08 11:47:26 · 476 阅读 · 0 评论