可视化编码原则课件

可视化编码原则严宇宇相对性&绝对性相对性&绝对性感知系统基于相对判断，而非绝对判断(Weber‘sLaw)。无线框未对齐有线框未对齐无线框A和B那一个更高？相对性&绝对性感知系统基于相对判断，而非绝对判断(Weber‘sLaw)。A和B哪一个更亮？相对性&绝对性感知系统基于相对判断，而非绝对判断(Weber‘sLaw)。颜色？相对性&绝对性感知系统基于相对判断，而非绝对判断(Weber‘sLaw)。颜色？标记和视觉通道使用标记和视觉通道的例子柱状图散点图Mackinlay提出的视觉变量通道和标记：类型和排序数据类型的可视化映射可视编码元素的优先级可视编码的表现力类型（type） 是什么/在哪里（what/where）

何种程度（howmuch）表现力（expressiveness） 表达且仅表达数据的完整属性精确性可辨性可分离性视觉突出表现力—精确性(accuracy)表现力—可分离(separability)位置/色调尺寸/色调宽度/高度红/绿表现力—视觉突出（pop-out）视觉通道特征位置人类对垂直方向的感知能力强于水平方向位置元素可用于数值型、有序型、类别型数据很多可视化数据本身就带有位置信息位置元素对于其它元素进行编码更有优势色盲红色盲（Protanope）绿色盲（Deuteranope）蓝色盲（Tritanope）无L锥形细胞无M锥形细胞无S锥形细胞红/绿色盲蓝/黄色盲色盲正常红色盲绿色盲全色盲光谱加色法系统（RGB）减色法系统（CMYK）减色法系统（RYB）RGB颜色空间可被显示器表达的颜色感知上不均匀计算方便不适合人类感知HSL颜色空间色相（Hue） –人类认为的颜色饱和度（Saturation） –纯度，与灰色的距离亮度（Lightness） –从黑色到亮色感知上不均匀Lab颜色空间感知上均匀分布L用来近似人类对亮度的感知a,b用来近似“红/绿”和“黄/蓝”通道HSL颜色空间Lab颜色空间亮度适合有序型数据亮度对比可以提供良好的边界被编码用完后不能用于其它目的对不连续区域，感知的精确度低编码数量最好小于6当使用颜色的3个通道时，可以把更重要的信息用亮度来编码饱和度适合有序型数据对不连续区域，感知精确度很低饱和度会影响大小通道在小的区域很难被感知色相适合类别型数据会影响大小通道对分开的区域很难区分如果大小比较小，分类的颜色一般为6到12色相不能用于有序型数据色相（灰度）值可被认为是有序的·可用于编码数值型数据·色调通常认为是无序的，可用于编码不同维度的值色相大小大小会干扰其它通道（形状，倾斜角度，色相，饱和度），比如大小比较小的时候，形状和倾斜角度就不容易感知。较小维度的组合作为整体比分开好对长度感知要准确，面积其次，体积更加不准确。大小位置/色调尺寸/色调宽度/高度红/绿倾斜/角度角度在感知准确度上比不过位置和长度，但比面积好在水平，垂直，和45度角的感知上要比其他角度好形状比较适合用于点标记当点大小足够大，编码的数量会比较多，但形状和大小两个通道会相互干扰。形状还会影响其它通道（色相等）点刻可分为两类：点刻的类型，点刻的密度一般由点、破折号和其它小的形状仍然经常用于线标记和亮度通道严重干扰曲率用于线标记，