可視化編碼原則課件

可視化編碼原則嚴(yán)宇宇相對性&絕對性相對性&絕對性感知系統(tǒng)基于相對判斷，而非絕對判斷(Weber‘sLaw)。無線框未對齊有線框未對齊無線框A和B那一個更高？相對性&絕對性感知系統(tǒng)基于相對判斷，而非絕對判斷(Weber‘sLaw)。A和B哪一個更亮？相對性&絕對性感知系統(tǒng)基于相對判斷，而非絕對判斷(Weber‘sLaw)。顏色？相對性&絕對性感知系統(tǒng)基于相對判斷，而非絕對判斷(Weber‘sLaw)。顏色？標(biāo)記和視覺通道使用標(biāo)記和視覺通道的例子柱狀圖散點圖Mackinlay提出的視覺變量通道和標(biāo)記：類型和排序數(shù)據(jù)類型的可視化映射可視編碼元素的優(yōu)先級可視編碼的表現(xiàn)力類型（type） 是什么/在哪里（what/where）

何種程度（howmuch）表現(xiàn)力（expressiveness） 表達(dá)且僅表達(dá)數(shù)據(jù)的完整屬性精確性可辨性可分離性視覺突出表現(xiàn)力—精確性(accuracy)表現(xiàn)力—可分離(separability)位置/色調(diào)尺寸/色調(diào)寬度/高度紅/綠表現(xiàn)力—視覺突出（pop-out）視覺通道特征位置人類對垂直方向的感知能力強于水平方向位置元素可用于數(shù)值型、有序型、類別型數(shù)據(jù)很多可視化數(shù)據(jù)本身就帶有位置信息位置元素對于其它元素進(jìn)行編碼更有優(yōu)勢色盲紅色盲（Protanope）綠色盲（Deuteranope）藍(lán)色盲（Tritanope）無L錐形細(xì)胞無M錐形細(xì)胞無S錐形細(xì)胞紅/綠色盲藍(lán)/黃色盲色盲正常紅色盲綠色盲全色盲光譜加色法系統(tǒng)（RGB）減色法系統(tǒng)（CMYK）減色法系統(tǒng)（RYB）RGB顏色空間可被顯示器表達(dá)的顏色感知上不均勻計算方便不適合人類感知HSL顏色空間色相（Hue） –人類認(rèn)為的顏色飽和度（Saturation） –純度，與灰色的距離亮度（Lightness） –從黑色到亮色感知上不均勻Lab顏色空間感知上均勻分布L用來近似人類對亮度的感知a,b用來近似“紅/綠”和“黃/藍(lán)”通道HSL顏色空間Lab顏色空間亮度適合有序型數(shù)據(jù)亮度對比可以提供良好的邊界被編碼用完后不能用于其它目的對不連續(xù)區(qū)域，感知的精確度低編碼數(shù)量最好小于6當(dāng)使用顏色的3個通道時，可以把更重要的信息用亮度來編碼飽和度適合有序型數(shù)據(jù)對不連續(xù)區(qū)域，感知精確度很低飽和度會影響大小通道在小的區(qū)域很難被感知色相適合類別型數(shù)據(jù)會影響大小通道對分開的區(qū)域很難區(qū)分如果大小比較小，分類的顏色一般為6到12色相不能用于有序型數(shù)據(jù)色相（灰度）值可被認(rèn)為是有序的·可用于編碼數(shù)值型數(shù)據(jù)·色調(diào)通常認(rèn)為是無序的，可用于編碼不同維度的值色相大小大小會干擾其它通道（形狀，傾斜角度，色相，飽和度），比如大小比較小的時候，形狀和傾斜角度就不容易感知。較小維度的組合作為整體比分開好對長度感知要準(zhǔn)確，面積其次，體積更加不準(zhǔn)確。大小位置/色調(diào)尺寸/色調(diào)寬度/高度紅/綠傾斜/角度角度在感知準(zhǔn)確度上比不過位置和長度，但比面積好在水平，垂直，和45度角的感知上要比其他角度好形狀比較適合用于點標(biāo)記當(dāng)點大小足夠大，編碼的數(shù)量會比較多，但形狀和大小兩個通道會相互干擾。形狀還會影響其它通道（色相等）點刻可分為兩類：點刻的類型，點刻的密度一般由點、破折號和其它小的形狀仍然經(jīng)常用于線標(biāo)記和亮度通道嚴(yán)重干擾曲率用于線標(biāo)記，