Axure实战应用:Axure设计可视化大屏

0 评论 2772 浏览 12 收藏 9 分钟

在当今社会,随着数字化时代的到来,信息可视化已成为各种场合展示的重要工具,想要了解关于如何使用Axure软件设计可视化大屏,以创建强大且引人注目的展示吗?可以看看下面这一篇文章哦!或许可以给你想要的答案。

随着数字化时代的到来,信息可视化已成为各种场合展示的重要工具。在这篇文章中,我们将深入探讨如何使用Axure软件设计可视化大屏,以创建强大且引人注目的展示。

一、Axure软件介绍

Axure软件是一款功能强大的原型设计工具,它允许用户创建高质量的交互式原型,包括桌面应用、移动应用、网页和网页互动等。Axure的交互式组件和交互效果能够模拟实际应用的使用场景,使用户可以更直观地了解产品的功能和特点。

二、设计可视化大屏的步骤

1.确定主题和目标

在设计可视化大屏之前,首先需要明确展示的主题和目标。主题是指展示的核心内容,目标是希望通过展示达到的效果。例如:一个电商销售团队的展示主题可能是“销售业绩分析”,目标可能是向潜在客户展示团队的业绩和优势。

本次通过一个例子来讲述整通过Axure软件大屏设计的过程:下图为设计后的效果图。

2.收集数据

在设计可视化大屏的过程中,需要收集相关的数据。这些数据可以包括文本、数字、图像、视频等。收集数据的过程可以通过手工整理、Excel统计、数据库查询等方式进行。

选择合适的图表类型

根据收集到的数据类型,选择合适的图表类型进行可视化。例如,对于数字型数据,可以使用折线图、柱状图、饼图等;对于文本型数据,可以使用词云图、气泡图等。

本案例使用到的图标,包括:中国地图、环形图、双柱状图、漏斗图、桑基图、折线图、表格。

中国地图

中国地图,通过不同的地区颜色,销售运营人员可以通过颜色快速看出每个区域的销售情况,这边的颜色判断数据取取悦的年累计销售金额。

环形图

环形图是用来显示部分与整体关系的图。这边通过环形图,可看到整体销售的完成情况,及同比情况。当然也可以按需求进行调整,比如销售占比,环比。

漏斗图

漏斗图用来表示逐层筛选的过程,主要用于转化过程。

桑基图

桑基能量分流图,也叫桑基能量平衡图。它是一种特定类型的流程图,右图中延伸的分支的宽度对应数据流量的大小,通常应用于能源、材料成分、金融等数据的可视化分析。本案例通过桑基图,可以看到,用户在商城的所有浏览轨迹。

双柱状图

双向柱状图多用于展示包含相反含义的数据的对比。其中图表的一个轴显示正在比较的类别,而另一轴代表对应的刻度值。本案例通过双柱状图,通过不同的颜色对交易额和出货数量,进行比较显示

表格图

表格图,本案例通过表格实时滚动显示,销售前 10的商品。同时显示前10的加购商品,要配置5分钟刷新数据。

3. 设计布局和色彩

在设计可视化大屏时,需要考虑布局和色彩的搭配。合理的布局可以使界面更加整洁,易于理解;适当的色彩可以使数据更具有吸引力。

本案例,使用了纯蓝色的背景。#013BC7

在设计数据大屏时,使用蓝色作为背景有一定的优势,主要包括以下几点:

  • 蓝色会让人有安全感,因此许多旅游相关的APP和网站会乐于采用蓝色的UI设计。它隐隐传达出可靠、信任的感觉,对于旅行类的应用和网站,无疑是不错的选择。
  • 蓝色让产品看起来更加值得信赖。更准确地说,它会让用户更倾向于觉得“这是我要的产品”,当这种感觉和品牌本身的运作和特质结合起来的时候,就能够形成让人信任的品牌性格了。
  • 蓝色令人沉静,能让人感觉平衡和智慧。许多金融类服务企业也因此选择蓝色作为品牌色。
  • 对于色弱患者来说,蓝色是他们能够看到的较为清晰的颜色之一。

数据模块框体

颜色:#012E9E

透明度:90%

添加交互效果

使用Axure软件可以方便地添加交互效果,如动态面板、链接、滚动条等。这些交互效果可以使展示更加生动、直观,提高用户的参与度。

折线图鼠标移入效果

鼠标移入时显示提示框,提示框的内容可以编辑修改

地图飞机飞行动效

拖一个动态面板,在动态面板中,操作飞机的移动

通过Axure中继器,制作双柱状图。可通过中继器来维护更新柱状的数据及显示

4. 测试和优化

在设计完成后,需要进行测试和优化。测试过程中,需要检查大屏的稳定性和性能,确保展示的流畅性和稳定性。优化过程中,可以根据用户的反馈和需求,对大屏进行改进和升级。

在Axure软件里,我们可以通过F5快捷键进行预览调试。

三、总结

使用Axure软件设计可视化大屏是一种有效的方式,可以为用户提供强大的展示工具。

在设计过程中,需要明确主题和目标、收集数据、选择合适的图表类型、设计布局和色彩、添加交互效果、测试和优化等步骤。

通过这些步骤,可以创建出引人注目、易于理解、具有吸引力的可视化大屏。

本文由@Axurebi符号 原创发布于人人都是产品经理,未经许可,禁止转载。

题图来自Unsplash,基于CC0协议。

该文观点仅代表作者本人,人人都是产品经理平台仅提供信息存储空间服务。

更多精彩内容,请关注人人都是产品经理微信公众号或下载App
评论
评论请登录
  1. 目前还没评论,等你发挥!