色彩·视觉·大屏

1

色彩基础

色相、饱和度、明度三大属性，可视化大屏基础应用

2

色彩心理学

红蓝绿黄……颜色在大屏中传递的情感与信息

3

配色原则

互补色、类似色、三角配色等经典方案

4

视觉层级

色彩、大小、位置建立信息层级，引导视线流动

5

字体与排版

大屏字体选择、字号层级、对齐与留白技巧

6

图表配色

折线图、柱状图、饼图、地图等配色策略

7

深色模式设计

深色背景配色、对比度控制与视觉舒适度

8

动效与交互

适度动效原则，色彩变化增强交互反馈

9

数据墨水比

Edward Tufte原则，精简大屏元素

10

无障碍设计

色盲友好配色、WCAG对比度在大屏实践

11

品牌色融入

企业品牌色系统融入大屏，保持一致性

12

渐变与质感

渐变色使用技巧，提升大屏高级感

13

光影与立体感

阴影、高光、内发光增强大屏层次

14

网格系统

栅格系统在大屏布局中的应用，像素级对齐

15

响应式设计

适配1080P、2K、4K的设计策略

16

信息图设计

复杂数据转化为易于理解的图形化表达

17

仪表盘设计

KPI指标卡、趋势图、进度条视觉设计

18

地图可视化

地理信息数据的配色与视觉编码原则

19

时间序列数据

时间轴、日历热力图等视觉设计

20

关系网络图

节点与连线配色、大小编码，避免视觉混乱

21

桑基图与漏斗图

流量与转化数据的视觉表达技巧

22

雷达图与散点图

多维数据与分布数据的配色标记设计

23

表格与文本

大屏表格视觉优化，数字高亮与条件格式

24

图标与符号

自定义图标设计原则，统一风格与语义

25

加载与空状态

加载动画、空数据视觉设计，提升体验

26

设计系统

大屏组件库，色彩、字体、间距标准化

27

设计评审

从视觉角度评审大屏设计稿，常见问题清单

28

工具与插件

Figma、Sketch、Adobe Color在大屏设计使用

29

案例拆解

分析优秀大屏案例的配色、布局与视觉层次

30

综合实战

从0到1设计完整数据可视化大屏，涵盖所有法则