ui怎么做数据化大屏

① 什么是数据可视化小白怎样快速上手

什么是数据可视化

数据可视化是利用各类图表及图形化的设计手段将复杂不直观的数据有逻辑的呈现出来，而数据可视化工具就是生成这种呈现的软件。数据可视化为用户提供了交互式探索和分析数据的直观手段，使他们能够有效地识别有趣的模式、推断相关性和因果关系，从而指导经营决策，挖掘数据背后的商业价值。

大屏可视化设计方法

准确把握业务需求

设计终归是助力业务的，准确的理解业务需求是至关重要的，它将贯穿整个设计的始终，也是可视化设计开始的必要前提。如何解决用户的问题，完成既定目标，都需要设计师对需求有一个比较准确的理解。直接有效的方法就是“沟通协作”。

图形化的方法选择

需求及数据确定后，接下来是数据图形化的选择，不同的目标不同的数据对于图表展示的选择也是有讲究的，如：部分占总体的比例(占比)更适合选用饼图、用来反映时间变化趋势的图形化更适合曲线图等等，总之不同的数据展示维度，选择的图表是有差异的。同样一组数据，存在多个图表同可展示，怎样选择最恰当的图表是至关重要的，合适有效的图表有助于信息有效的传达。遇到具体的数据要根据数据的维度，和要表达的业务目标，选择一种最佳的图表呈现。

这是可视化图表选择比较确切的一个方法，可以作为数据可视化图表的选择依据，有助于准确快速的把数据图形化。

首先根据业务目标结合数据维度确定大的关系(比较、分部、构成、联系)，随后选择合适的图表，填充数据设计排版即可。到这一步图表基本成型，但是比较基础，为了视觉效果和数据的传达，也会在此基础上进行优化设计。

设计尺寸的确定

可视化大屏一般都是多屏拼接或者LEDLCD等材质屏幕。不同的屏幕显示像素、物理像素都不同，例如同样是3*2的拼接屏，输出像素可以是X1*Y1也可以是X2*Y2。这就造成了很多潜在问题，设计之初屏幕硬件及拼接方式需要提前确定。基本有两个方法，简单的说，方法一、拼接屏可以按照拼接后的横纵像素总和设计(拼接屏像素超大可等比例缩放)。LED/LCD屏幕设计也是同样的原理。方法二、按照硬件输出像素设计，硬件设备的输出像素一定是和整个拼接屏成比例或者是吻合的。所以按照输出像素设计是可以的。

页面设计及布局

屏幕的拼接方式及屏幕材质确定后，就可以进行页面的设计及布局，页面的布局主要是根据业务及数据的重要程度来设计，通常会把核心的数据要点放在中间，一方面中间是视觉中心，二来也是最容易传达给观众的核心位置。其他的数据放两侧，排列数据一定要考虑数据的关联性及联动性，应该有意识的把相关数据放在一起，当一组数据变化时联动效果更凸显，容易传达数据的价值。如果是拼接屏，切记在设计时让数据避开拼接缝，页面布局时就要考虑屏幕拼接方式，尽量把数据有序的展示在屏幕内，合理避开拼接缝减少对用户观感的影响。

设计风格的确定

风格的确定也是至关重要的，首先应该确定应用场景，要充分考虑室内、室外、光照、灯光、硬件等因素。设计是相通的，可用UI的方式来定义可视化设计风格，AB测试、情绪版等等。差异比较大的一点是应用场景的环境。

硬件设备的校对

当风格页确定后先别急于后面的页面设计，如果有可能的话，此时最好拿设计图去现场实地测试。确定现场硬件是否存在偏色问题、文字大小在合适的观看距离是否清晰可见、现场灯光光照等是否对设计有影响、拼接缝和数据是否有穿插、硬件设备输出是否和设计匹配等等。确认无误后在开展后面的页面设计工作。

SovitChart是一个免费的在线数据可视化平台工具，基于Echarts开源API研发的数据图表可视化界面开发工具，内置了各行业丰富的组件模板，无需编码只需通过鼠标拖拽控件就能设计出精美的图表可视化web页面，同时可以方便的与后端数据进行绑定，实现数据驱动页面的变化，实现炫酷的图表展示。

② 数据可视化大屏UI设计素材 psd源文件

数据是企业的上帝之眼，数据可视化就发挥了很大的作用。很多从事B端产品衫悔设计的小伙伴在日常滚销工作中遇到数据可视化的场景比较多，所以我们整理了一些数据可视化图表资源，帮助你们更快更高效的完成设计。

数据可视大塌游化设计素材范例，为UI设计师提供设计思路，增加设计灵感，创作更多大气炫酷的设计方案。

③ 如何用UI设计软件做app页面

第一点：戚锋源了解你的目标客户群的心态

1、做微任务的目标客户群(如随时随地看看新闻，听听歌，看高态看电影，聊聊八卦之类)：

这类的解决方案是设计的app最好是小而准，不要大而全。越全的功能应用，只能代表着这个应用在各方面的都很平庸

2、喜欢当工具来使用的目标客户群：比如找地图，看天气，查数据等。

这类的解决方案是我们尽最大努力的去满足用户的情景需求。做到极致和简单。

3、无聊的客户群，用来打发消磨时间的：无需求，漫无目的的

这类的解决方案是尽可能展示用户感兴趣的东西，帮助客户来打发消磨时光。

第二点：APP原型图的制作和设计讨论

这个环节是必不可少的。需要根据设计需求认认真真的来画画原型图。

常用的APP原型图工具：移动APP原型设计神器POP、axure、Foreui等

第三点：APP视觉设计与设计要点

（1）大概设计板块有APP启动页面设计，APP界面设计的尺寸规范，app图标设计等

一般来说，手机屏幕是从上往下布局的，重要的信息会放在上方。但是在操作上，大部分人都是单手拿手机，常用的操作，要放在界面的下方。

另外还有一个原则，最小的触摸单位，一般是44个像素。如果再小，你的拇指难以触碰，或者容易引发误操作。同时，也不要让界面太拥挤。

所以，设计师必须用减法设计，这个过程需要花时间思考、简化元素。

你必须记住：（1）隐藏设计或者减法设计（2）分区或分类（3）帮用户做决策（4）提高交互创新设计（5）让人有爽快感和新奇感（6）在设计中浸入情感，把握用户的心理。（谈谈如何进行产品设计以及产品情感化设计）

一位大师这样说过“真正的简约设计是：作品必须不断的被简化，一改再改，直到设计最终成形。”

2014年APP设计风格趋向扁平化和卡片化。卡片，扁平化都会是移动app设计的趋势！认为卡片设计确实同时兼具了“拟物”和“极简”2种优势！

第四点：APP界面设计流程

（1）.设计APP界面时，学会从优秀APP界面设计作品中寻求灵感，以前的艺术大师，用少量的资源做了大量的设计。

（2）.放下工作，休息一下很有帮助。扁平和简约设计的一切均关乎到细节的差异。因此小憩片刻后再回到工作，带着全新的眼光工作，比长时间冥思苦想更有

（3）.并排比较各个版式同样有帮助。哪怕花20分钟前将一个线条下移各5个像素分别保存，对比两个版式就能很快分清孰好孰坏。

（4）.由于实物展示的相对比例至关重要，所以要及早在不同的目标设备上测试。

（5）.整个设计过程中不断问自己“真的需要吗？”。支撑项目时候，找一些讨巧的办法，例如，添加一些有趣的元素、样式会这样会很容易也会很吸引人，

但必须始终注意剔除不必要的元素，不断精简。甩掉你费尽心血的部分总是难以割舍，但修改过程必须挑剔。

第五点：APP界面设计测试与预览修正

设计完成之后，我们可以把设计图导入手机测试或者是校正。之前发布的在线测试工具：快速在移动终端上预览APP界面设计效果图的方法基雀最后：好的APP界面设计作品必然是要经过不断升级、重复迭代的。一般用axure把appui/ue原型完成了，就交给设计和前端完成了高保真了，具体什么软件，着实不知道。