数据可视化中的个性化定制设计

随着大数据、人工智能等技术的飞速发展，数据可视化在央企和国企的经营管理中扮演着越来越重要的角色，数据可视化不仅能够以直观、生动的方式展现复杂的数据信息，还能够深入挖掘数据背后的价值，为企业决策提供科学依据。

近一年来，我们积极参与并成功设计了近 200 项央企和国企的可视化项目，这些项目涵盖了企业运营管理的多个领域，如财务、销售、生产、人力资源等。在项目过程中我们发现客户对大屏设计的视觉效果要求较高，而这种高的标准又很概念化，比如“帮我们设计一个高大上、炫酷的科技感大屏”但是具体怎么表现“高大上”、“炫酷”、“科技感”，客户没有具体要求。所以如何做好这种“感觉化”的大屏，就需要设计师自己主动思考。

在不断的设计实践中，通过对客户及业务的深入理解，我们尝试了个性化定制设计，即融合企业气质、品牌元素、业务特性等元素，进行大屏页面空间布局、视觉设计的个性化设计，不仅满足了功能需求达到了客户满意，还有效提升了企业的品牌形象和业务竞争力。以下是从视觉设计的角度出发，关于如何在大屏设计中实现个性化定制的几点尝试与思考。

1.配色设计

在确认好大屏尺寸后，大屏的色系是最需考虑和确定的，市面上大部分的大屏是采用“科技蓝”的色系，因为它能够营造出一种冷静、专业、高科技的氛围。然而，配色并不是一成不变的，需要根据实际场景和业务需求进行灵活调整。例如某央企要强调党的领导，大屏采用了红色为主色调的设计，红色与国旗、党徽等元素相结合，彰显企业的政治属性和社会责任感；当企业业务是与环保、健康、农业等领域相关时，采用绿色作为主题色能够直观地传达出企业的业务属性和价值主张，如某企业采用与业务属性相关的绿色为大屏的主色调；某集团金融司库大屏采用暗黑与金色的色系能够营造出金融行业的严谨性和高端性要求。

2.背景设计

在背景设计上我们可以使用与企业业务、地标建筑、品牌形象或当地文化等相关的的高质量图片，增强用户对企业的认知。

如某海运业务为主的央企，大屏背景采用了海运船只和海浪背景，能够直观地展示其业务范围和实力。地标建筑是城市或地区的标志性符号，具有极高的辨识度和文化价值，将地标建筑图片融入背景设计中，可以突出企业的地域特色，如山东某国企大屏添加山东多处地标建筑作为背景设计。除了添加相关图片与背景的融合，还可根据空间布局使用星空、银河、闪光点线等元素进行点缀，增加画面的层次感和动态感。在大空间展示的大宽屏还可以加入动态背景，如轻微移动的云层、流动的水流或粒子效果，以吸引观众注意力并营造活跃氛围，提升页面的视觉效果和沉浸感。

3.框架设计

在页面顶部和底部的导航区、标题区等框架层中也可以加入具有企业特质、行业特征、地域特点等元素的个性化设计。

3.1.例如某国资委是少数民族区域，除了在中间添加藏族语言外，页面整个顶部导航的框架设计像一只展开的雄鹰，体现了国资委的权威性和高远志向，也巧妙地融入了地域文化特色。

中间似鹰尖锐的喙部寓意着国资委的精准决策和敏锐洞察、两侧导航是鹰张开的双翅，形成一条流畅的弧线，双翅的展开也象征着国资委的广阔视野和包容性，以及对各业务板块的有力支撑；板块的标题添加具有象征意义的图腾，增强标题的装饰性和辨识度。

以下是一些在板块标题中融入企业特性的个性化设计。

3.2.某央企以经营海洋海运运输业务为主，页面背景加入海洋涌动的动态，利用动态海洋背景，营造出一种身临其境的海上航行氛围，从而深刻感受到企业所从事的海洋运输业务的广阔与深远。中间整体造型设计为动态船舵和船舶的组合，既体现了企业主营业务的特色，又寓意着企业在海洋运输领域的引领和掌控能力。

4.主视觉元素设计

大屏中间位置的主视觉设计在可视化设计中占据重要位置，优秀的主视觉设计能够显著提升大屏的整体视觉效果，增强数据的可读性和吸引力，使观众更容易理解和接受大屏所展示的信息。

4.1 山东某政府单位的大屏项目，考虑到其指标数据覆盖全省范围，采用地标特色建筑组成建筑群作为主视觉框架设计，采用环绕式、集中式或错落有致的方式将各项指标数据融入主视觉框架。

4.2 集团司库项目导航页面，将公司两座高楼的雄伟形象与浪花元素结合，寓意公司在金融海洋中稳健航行，引领潮流，同时也象征着资金流动与财务管理的活力与动态。在视觉中心两侧区域展示集团司库项目的关键指标及数据，内容展示区域与主视觉元素相协调，保持整体风格的统一性和美观性。

4.3 某央企是从事稀土相关的业务，主视觉融合企业品牌标识与稀土元素特色，通过动态视觉效果展现企业的核心竞争力和行业领先地位。立体化旋转的 logo 象征着企业的稳健发展与不断进取的精神，而稀土元素的滚动则直观地体现了企业的主营业务领域和技术实力。

在设计过程中，也可以结合当前分页面的主题设计与之相契合的主视觉样式，如下图展示的是以板块主题设计的主视觉样式。

5.细节设计

个性化设计不仅仅局限于页面的主视觉和整体框架，细节之处的个性化同样能够提升用户体验，增强页面的独特性和吸引力。如在指标数据卡片、弹窗标题区域、按钮、边框等都可以发挥创意的空间。下图展示了几个例子：公交大屏的数据展示采用公交外形设计数据卡片；粮仓大屏借鉴仓房外形进行数据展示样式设计；西藏地图上的弹窗加入含有雪山元素的装饰；动态图标中加入 logo 纹样作为背景等等。

6.动效设计

静态元素设计完成后，再精心添加动态设计，动态设计是对静态元素的进一步升华，为大屏增添活力和趣味性。动态设计能够吸引用户的注意力，提高用户的参与度和沉浸感，使大屏在视觉上更加生动和引人入胜。我们的定制化设计均已实现动态效果落地，动态化是定制化设计必不可少的部分。

知识体系的缝接

浅层学习满足输入，深层学习注重输出，知识体系最重要的是形成新旧知识的缝接并实现高质量输出。设计有很多领域，也有相通性，很多大屏设计师也从事过平面、网页端、移动端等方面的设计，在大屏设计中也需要灵活将其他领域的设计思路融合到大屏设计中，可以将扁平化的东西转换为立体的设计，再通过空间立体的想象元素组合就会是一个新的可视化视觉设计；可以将某张游戏页面的纵深感借鉴到可视化的驾驶舱中；可以将电影画面的叙事手法为大屏动态设计带来全新的视觉体验等等。设计师也要多浏览市面上的可视化作品，多沉淀自己的可视化灵感库，当有新的项目需求时能够快速筛选出合适的元素和风格，让灵感库真正起到积累和高效利用的作用，提高创作的效率和质量。

综上所述，数据可视化中的个性化定制设计在视觉方面需要从配色设计、背景设计、框架设计、视觉元素的组合等多个方面进行综合考虑。在未来，随着大数据与人工智能技术的不断成熟与普及，数据可视化在央企与国企经营管理中的应用前景将更加广阔。我们期待继续携手更多企业，共同探索数据可视化的无限可能，期待更加个性化、智能化、动态化的可视化设计出现，为企业经营管理带来前所未有的洞察力与决策支持，为用户带来更加丰富、多样的视觉体验。

写在最后，欢迎大家下载我们的inBuilder低代码平台开源社区版，可免费下载使用，加入我们，开启开发体验之旅！