电脑桌面
添加小米粒文库到电脑桌面
安装后可以在桌面快捷访问

UI数据可视化设计VIP免费

UI数据可视化设计_第1页
1/13
UI数据可视化设计_第2页
2/13
UI数据可视化设计_第3页
3/13
数据可视化设计主讲人:xx北京北大千方科技有限公司项目复盘优劣势01同行业产品优劣分析02做更好的数据可视化设计03目录xx科技有限公司项目复盘优劣势xx科技有限公司通过过往项目复盘分析整理出项目完成过程中出现的问题,总结的经验,让以后的项目做出更好的效果011、整体页面表现力度不够;色彩对比欠缺。原型图,草稿;需求分析最清楚业主想要的表现方式,和最终的呈现效果。更多的细节表现;2、业务关系无关联;不清楚流程需求分析和产品经理及时的梳理讲解业务大概流程与关系;有些被他们忽略或没有讲到的,及时追问;3、先做一版效果图看;需求不明确有时候用户也不知道自己想要一个什么样的东西。这种就需要结合相似或以往类似经历来整理出大概功能需求,再围绕展开设计一个相关联的效果图。xx科技有限公司存在问题解决问题同行业产品优劣分析1、用户体验2、各类设计元素与项目/功能逻辑3、色彩使用分析4、交互动效、交互操作xx科技有限公司02做更好的数据可视化设计数据可视化旨在节省时间和精力,将复杂和抽象的数据以更简单的形式表示,目的是以用户能够理解的方式将关键信息传达给他们,确保自己理解用户所需,并给他们需要的信息。(用更加直观的图表来展示信息,传达简单易懂的信息)xx科技有限公司用户能看懂吗?用户会不会有疑问?用户会用吗?我设计出来的UI,是用户希望看到的吗?03一致性优秀的数据可视化界面,会有一套非常严谨一致的版面。这里的一致性需要考虑到布局,结构和内容。还要结合整体业务。清晰一个好的数据可视化界面一定是能够清晰的展现用户所需要的信息。当用户看到界面内容时,应该能在5秒内了解到它的用途,而不是花费至少几分钟才能理解各个数据的含义。有意义一个有用的数据可视化界面上的每一条信息都应该是有意义的。这些有意义的信息能准确传达设计师想要表达的内容。每一条数据的背后,用户都是可以读懂的。简单复杂的界面违背了数据可视化设计的初衷。如果一个信息呈现不够简单直接,那么肯定是在设计上出现了问题。xx科技有限公司清晰有意义一、合适的图表类型xx科技有限公司当我们拿到数据后,先提炼关键信息,明确数据关系及主题,再选择合适的图表进行可视化。二、配色方案背景色的选择与可视化展示的设备相关,所以色彩选择极其重要。a.大屏背景色在大屏设备中普遍用深色作为背景色,以减少屏幕拖尾,用户在视觉上也不会觉得刺眼。更能聚焦视觉,也方便突出内容,做出一些流光、粒子等酷炫的效果。所有图表的配色需要以深色背景为基础。保证可视化图的清晰辨识度,色调与明度变化需要有跨度。b.小屏背景色小屏幕背景色选择范围就比较广,浅色、彩色、深色均可以做出很好的设计。相比之下,浅色背景更适合展示大量的数据信息,因为在浅色底上数据图表的识别度比较高。而深色、彩色背景更适合渲染简单的数据,用于烘托气氛。xx科技有限公司三、动效设计目前越来越多的可视化展示的数据都是实时的,所以动效在可视化项目中的应用越来越广泛,动效设计肩负着承载更多信息和丰富画面效果的重要作用。a.信息承载在可视化设计中经常遇到,非常多的数据信息需要展示在一个大屏幕上。遇到这种情况,需要对信息进行合并整理或通过动画的方式,在有限的屏幕空间里承载更多的信息,使信息更加聚合,同时使信息展示更加清晰,突出重点。b.画面效果增加细节及空间感,背景动效使画面更加丰富。单个图表的出场动画,使画面平衡而流畅。减少了图表在出现或数据变化时的生硬刻板。xx科技有限公司设计复用图标类:定位图标、事件图标、设备图标等;控件类:提示框、展示框、按钮、数据控件等;图表类:各种图表库;xx科技有限公司【我们要做全国第一的产品】1、既要有超强的空间感,又要支持多种数据同屏呈现,可交叉分析对比;2、超强的视觉效果;有高精度的模型和材质,丰富的粒子、动效,更加贴近现实的光影呈现;3、互动性强,可交互性强。xx科技有限公司xx科技有限公司

1、当您付费下载文档后,您只拥有了使用权限,并不意味着购买了版权,文档只能用于自身使用,不得用于其他商业用途(如 [转卖]进行直接盈利或[编辑后售卖]进行间接盈利)。
2、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。
3、如文档内容存在违规,或者侵犯商业秘密、侵犯著作权等,请点击“违规举报”。

碎片内容

UI数据可视化设计

您可能关注的文档

确认删除?
VIP
微信客服
  • 扫码咨询
会员Q群
  • 会员专属群点击这里加入QQ群
客服邮箱
回到顶部