易知微 x 即时设计|VE.Design可视化设计体系正式开源

2024-03-09 18:40

本文主要是介绍易知微 x 即时设计|VE.Design可视化设计体系正式开源,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

近年来,随着大数据概念的流行,数据产业的崛起,市场上对数据导向型人才的需求随之增长,数据可视化设计师成为新晋热门职业,无论是工作报告、产品设计,还是企业数据可视化大屏展示,设计师需要与大量的数据打交道。因此,掌握数据可视化设计能力,是未来UI设计师必备技能之一。

俗话说:“没有规矩,不成方圆”。想要完成一个好的可视化项目,需要多方设计师来协同配合,适当的设计规范可以让设计视觉风格更加统一、美观的同时,还能够提升项目交付效率。

但是,不同于已具备完善设计规范的 UI 设计领域,业内关于可视化设计规范还没有体系化的规范与标准,这一问题常常困扰着可视化设计师们。

在此背景下,易知微与即时设计联合发布行业首款企业级可视化设计体系-VE.Design,该体系来源于易知微 VED 团队,经由多个实际项目的使用、验证、打磨和锤炼沉淀出全网首款企业级可视化设计体系。首批开放运维、金融、政务等三个行业的可视化设计资源,将于近期正式上线「即时设计」资源广场!

针对不同的业务场景,不同的用户群体,VE.Design 可视化设计体系包含了丰富可复用的设计组件资源,如字体规范、色彩体系、图表组件、布局规范等,助力用户轻松创造契合自身业务的主题风格,快速交付。

标准设计,灵活交付

以政务行业可视化设计为例:

1、字体规范

相比较于 UI 设计,可视化设计风格会普遍偏向科技感,比较注重设计界面的字体风格设计,包括主副标题字体风格、数字字体规范以及英文字体标准等。

丰富的中文字体、数字英文字体以及段落格式规范有效地解决以上痛点,设计师可自由搭配适合的规范应用到实际的业务场景。

2、配色规范

好看的图表配色方案应该具备颜色过渡自然,画面让人能觉得舒适和谐的条件。

政务数据可视化设计规范中包含有主色、辅助色、文字颜色、渐变颜色以及发光效果展示,可辅助设计师轻松搭配颜色,随心把控设计效果。

3、布局规范

首先,不同的可视化大屏尺寸需要不同的界面比例,再者,主视觉区域与图表区域的比例也会随着不同的业务需求而发生变动。

该设计规范覆盖详细的布局规范,分布有总屏、单屏等交互场景,可满足不同场景下的设计需求,快速配置画面布局。

4、装饰组件

组件中含有多个富有科技感的装饰元素,有效增强可视化设计界面的细节需求。

5、图表组件

图表种类繁多,确定哪种类型最适合以可视化的形式去呈现数据是一门艺术,适宜的图表会使数据更易理解。因此,在设计开始前,设计师们都会统一用色规范,依据用色规范配置一套图表。

该设计规范涵盖了不同形态的图表组件,设计师可以灵活选择相应的图表组件,提升设计界面的统一性。

该套企业级可视化设计体系涵盖了不同形态的图表组件,设计师可以灵活选择相应的图表组件,提升设计界面的统一性。

对于易知微而言,我们希望借助此次契机,搭建一座连接 VE.Design 与广大设计师们的桥梁,践行“让每一个组织和个体都看见并受益于数字化”的愿景。

通过完善的设计资源,简单流畅的工具和生态平台,赋能行业与广大用户以更便捷式与系统化的思路解决业务问题,为数据可视化行业的添翼助力。

VE.Design 未来将会逐步开放更多行业的可视化设计规范!期望与更多用户、行业及合作伙伴一同携手打造高效高质的可视化应用。

如何体验?

数据可视化设计的“魅力”!

方式一:

运维与金融行业的可视化设计模版已上架 EasyV 素材广场,想体验数据可视化模板,请查看评论区注册 EasyV 账号免费试用。

登陆后进入素材广场,立即免费体验吧~

https://easyv.cloud/?t=yrcsdnicon-default.png?t=M276https://easyv.cloud/?t=yrcsdn


tips:部分模板为尊享版可使用,
如需体验扫描下方二维码,获取7天尊享版免费试用权限。

方式二:

通过「即时设计」平台引用 VE.Design 可视化设计体系。

https://js.design/teamHome?id=61bade19bdced5beb16399f3&source=yrcsdn&plan=yzwsjtx

免费使用:js.design

这篇关于易知微 x 即时设计|VE.Design可视化设计体系正式开源的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/791609

相关文章

Mysql中设计数据表的过程解析

《Mysql中设计数据表的过程解析》数据库约束通过NOTNULL、UNIQUE、DEFAULT、主键和外键等规则保障数据完整性,自动校验数据,减少人工错误,提升数据一致性和业务逻辑严谨性,本文介绍My... 目录1.引言2.NOT NULL——制定某列不可以存储NULL值2.UNIQUE——保证某一列的每一

MyBatis设计SQL返回布尔值(Boolean)的常见方法

《MyBatis设计SQL返回布尔值(Boolean)的常见方法》这篇文章主要为大家详细介绍了MyBatis设计SQL返回布尔值(Boolean)的几种常见方法,文中的示例代码讲解详细,感兴趣的小伙伴... 目录方案一:使用COUNT查询存在性(推荐)方案二:条件表达式直接返回布尔方案三:存在性检查(EXI

Python数据分析与可视化的全面指南(从数据清洗到图表呈现)

《Python数据分析与可视化的全面指南(从数据清洗到图表呈现)》Python是数据分析与可视化领域中最受欢迎的编程语言之一,凭借其丰富的库和工具,Python能够帮助我们快速处理、分析数据并生成高质... 目录一、数据采集与初步探索二、数据清洗的七种武器1. 缺失值处理策略2. 异常值检测与修正3. 数据

使用Python和Matplotlib实现可视化字体轮廓(从路径数据到矢量图形)

《使用Python和Matplotlib实现可视化字体轮廓(从路径数据到矢量图形)》字体设计和矢量图形处理是编程中一个有趣且实用的领域,通过Python的matplotlib库,我们可以轻松将字体轮廓... 目录背景知识字体轮廓的表示实现步骤1. 安装依赖库2. 准备数据3. 解析路径指令4. 绘制图形关键

8种快速易用的Python Matplotlib数据可视化方法汇总(附源码)

《8种快速易用的PythonMatplotlib数据可视化方法汇总(附源码)》你是否曾经面对一堆复杂的数据,却不知道如何让它们变得直观易懂?别慌,Python的Matplotlib库是你数据可视化的... 目录引言1. 折线图(Line Plot)——趋势分析2. 柱状图(Bar Chart)——对比分析3

使用Vue-ECharts实现数据可视化图表功能

《使用Vue-ECharts实现数据可视化图表功能》在前端开发中,经常会遇到需要展示数据可视化的需求,比如柱状图、折线图、饼图等,这类需求不仅要求我们准确地将数据呈现出来,还需要兼顾美观与交互体验,所... 目录前言为什么选择 vue-ECharts?1. 基于 ECharts,功能强大2. 更符合 Vue

Java资源管理和引用体系的使用详解

《Java资源管理和引用体系的使用详解》:本文主要介绍Java资源管理和引用体系的使用,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录1、Java的引用体系1、强引用 (Strong Reference)2、软引用 (Soft Reference)3、弱引用 (W

Git可视化管理工具(SourceTree)使用操作大全经典

《Git可视化管理工具(SourceTree)使用操作大全经典》本文详细介绍了SourceTree作为Git可视化管理工具的常用操作,包括连接远程仓库、添加SSH密钥、克隆仓库、设置默认项目目录、代码... 目录前言:连接Gitee or github,获取代码:在SourceTree中添加SSH密钥:Cl

Pandas中统计汇总可视化函数plot()的使用

《Pandas中统计汇总可视化函数plot()的使用》Pandas提供了许多强大的数据处理和分析功能,其中plot()函数就是其可视化功能的一个重要组成部分,本文主要介绍了Pandas中统计汇总可视化... 目录一、plot()函数简介二、plot()函数的基本用法三、plot()函数的参数详解四、使用pl

使用Python实现矢量路径的压缩、解压与可视化

《使用Python实现矢量路径的压缩、解压与可视化》在图形设计和Web开发中,矢量路径数据的高效存储与传输至关重要,本文将通过一个Python示例,展示如何将复杂的矢量路径命令序列压缩为JSON格式,... 目录引言核心功能概述1. 路径命令解析2. 路径数据压缩3. 路径数据解压4. 可视化代码实现详解1