可视化设计-渐变篇
渐变的现状
我们现在看到的线性渐变都不是真的线性渐变。打开ps工具建立一个矩形，给矩形一个黑到白的渐变，左图是8位图，右图是32位图，我们会得到不同的渐变结果。通常我们会认为8位非线性的渐变是很自然的符合预期，那是因为人类的眼睛对暗部的变化更为敏感，而这样的渐变是用过调整Gamma值为2.2产生的，Gamma 曲线把物理光强和美术灰度做了一个幂函数映射，得到了这样的非线性渐变。
正常梯度渐变和32位的渐变区别：
渐变的种类
目前我们通常用到的渐变都是RGB的渐变：
HSB/HSL：两者比较接近，不同之处在于，HSB中，明度值是通过添加黑色和白色实现的，添加白色会影响到饱和度变化，比较反直觉。而HSL中，亮度值的变化独立，不会影响到饱和度。
因为RGB和CMYK都是原色组合的方式定义各自色彩空间所规定的所有颜色，这样的方式没有遵循人类的感知方式。对于设计来说，HSB是目前常用的调色方案，但是随着趋势的发展，HCL也成为逐渐普及的方式。
Lab定义了绝对色彩空间，不依赖外部因素就能准确地表示颜色。
渐变的方式
- 线性(柱状图，条形图)
- 径向(气泡图，装饰节点)
- 角度(环图)
渐变的优化
增加节点
Material Design的HCT 取色
HCT（色调、彩度、色调）是一种精确的色彩系统，整合色彩科学研究成果，解决传统系统的局限性。
- 构建基础：HCT结合了Lab的色调测量和CAM16的色调与彩度参数，形成独特的色彩测量体系。
- 解决色彩对比难题：HCT简化了对比度调整，通过设定色调差异（小元素50、大元素40）来确保可读性。
- 支持大规模色彩设计：系统通过定义色调确保颜色对比度，同时保持设计灵活性。
- 实现动态色彩效果：Material You利用HCT处理壁纸颜色，生成包含5个色调的核心调色板，提升设计效率。
背景蒙层
创建半透明覆盖层。例如，图片标题区域添加从黑色到透明的垂直渐变，提升文字可读性。
渐变的使用
场景动态
色块的动态，UV偏移车流线，角度渐变扫边缘线。
图表取色
- 连续色阶：在一串渐变中取色
- 发散色阶：对于有明确分割需求的变量，比如增加和减少，就会采用两个或多个连续色阶组合的形式
- 定性色阶：对于数据是分类或者非数字的，这种颜色选取就相对独立，达到视觉分离的效果
不管选哪种，只要做到了视觉上的变化和现实世界中的变化相匹配，能往地公正表达数据，就是有意义的。
END ◆