山海鲸可视化

可视化大屏设计的两大构成要素

1. 确定设计风格

首先拿到一个任务,第一步应该需要确定设计风格。设计是人类有目的性的审美活动,为了达到某一明确的目的的自觉行为。设计风格是 UI 设计师在进行大屏设计时使用的有目的的图形化语言。设计师经过对数据信息全面分析、归纳及总结后,运用点、线、面的图形化语言以及恰当的色彩,做出符合审美要求的大屏风格。

每个项目都是触及到各个行业领域的,每个行业的设计风格都有不同,例如:医疗类型,就需要用到一些身体构造之类的,可能就会偏蓝色科技系列风格;党建社区志愿者这类型,就会以红色热情奔放系列风格;像金融方面,更偏向于科技蓝色黄色设计风格。(如图 1、2、3 所示)
image.png
图 1 医疗类大屏

image.png
图 2 党建类大屏

image.png
图 3 金融类大屏

1.1 确定主色

在大屏视觉上使用颜色面积的就是主色,再根据这个主色,搭配不同的辅助色,设计各种颜色的控件,通过各种控件组合成完整的大屏界面。主色是整个大屏看到最多的,也是一种可以强化视觉的识别信号。

选用恰当的图标、插图、动效,有助于衬托整个大屏的趣味性。在选择字体方面,恰当地运用字体,可以使大屏的内容得到加倍的表达。像大标题需要一些醒目的字体,突显这是展示什么内容的可视化大屏。(如图 4、5 所示)
image.png
图 4 标题文字 1

image.png
图 5 标题文字 2

1.2 排版设计

在指定的大屏尺寸空间里,将设计元素按照所要表现的主题和设计原则进行编排组合,形成一个整体的形象。排版设计决定大屏最终的视觉形象。

2. 可视化大屏的构成法则

构成设计是现代设计基础理论的重要组成部分,它的形式法则也是现代设计的理论依据。构成设计包括平面、色彩、立体三个部分。三大构成也是现代设计的主要基础课程,也是从事 UI 设计的设计人员必须要掌握的基础知识。设计可视化大屏需要合理地布局和安排各种元素,是文字、图形、组件在平面构成中达到最佳的位置,产生最优的视觉效果。
“有秩序的美”是一种主要的表现形式,符合人们的欣赏情况。运用在可视化大屏上,可以是对称、连续、渐变、重复统一等表现形式。(如图 6、7 所示)
image.png
图 6 左右对称形式

image.png
图 7 重复、统一形式

图 7 当中的每个副标题边框都是统一样式的,整体对称给人一种稳定、平和的感觉。
秩序产生的美感具有简洁、直观的特点,如大屏中的线条、色块、图形的规则排列等。文字的排列方式、色彩的搭配与变化、图形的分布,都能够以秩序的方式表现设计的美感。同时,大屏可视化设计强调视觉效果的整体性。