L02 outline done
This commit is contained in:
parent
5af0ef781a
commit
35c4c22c92
BIN
02.perception-and-color/cone-fundamentals.png
Normal file
BIN
02.perception-and-color/cone-fundamentals.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 105 KiB |
BIN
02.perception-and-color/linear_visible_spectrum.svg.png
Normal file
BIN
02.perception-and-color/linear_visible_spectrum.svg.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 6.2 KiB |
File diff suppressed because one or more lines are too long
@ -199,7 +199,118 @@ TODO: example of 2D decomposition of a graph
|
|||||||
|
|
||||||
---
|
---
|
||||||
|
|
||||||
## Color
|
## What is Color?
|
||||||
|
|
||||||
|
Wavelengths of light are perceived as particular colors:
|
||||||
|
![](linear_visible_spectrum.svg.png)
|
||||||
|
|
||||||
|
In practice: we almost never see monochromatic color, light sources emit a spectrum & we perceive peaks.
|
||||||
|
|
||||||
|
<!-- credit: https://en.wikipedia.org/wiki/File:Linear_visible_spectrum.svg -->
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## Color & the Eye
|
||||||
|
|
||||||
|
### Rods
|
||||||
|
|
||||||
|
- "brightness"
|
||||||
|
- spread throughout retina
|
||||||
|
- more sensitive in low light conditions
|
||||||
|
|
||||||
|
### Cones
|
||||||
|
|
||||||
|
- 3 types with peak sensitivity at different frequencies
|
||||||
|
- concentrated in center of eye
|
||||||
|
- less sensitive in low light conditions
|
||||||
|
|
||||||
|
![bg right](cone-fundamentals.png)
|
||||||
|
|
||||||
|
<!-- source https://commons.wikimedia.org/wiki/File:Cone-fundamentals-with-srgb-spectrum.svg -->
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## Metamers ...
|
||||||
|
|
||||||
|
TODO: slides from Alex maybe? or drop?
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## Color Naming
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## Color Models
|
||||||
|
|
||||||
|
- CIE
|
||||||
|
- RGB
|
||||||
|
- HS(V|L|B)
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## Color Channels & Data Types
|
||||||
|
|
||||||
|
TODO: https://docs.google.com/presentation/d/1avOsobdcsTG6qaDVCSesIOBFcfxjH12d/edit#slide=id.p27
|
||||||
|
TODO: (also 33 and 34)
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## Back to Visualization
|
||||||
|
|
||||||
|
### Uses of Color
|
||||||
|
Identify, Group, Layer, Highlight
|
||||||
|
|
||||||
|
### Types of Palettes
|
||||||
|
|
||||||
|
- qualitative
|
||||||
|
- sequential
|
||||||
|
- diverging
|
||||||
|
|
||||||
|
### Hue Separation
|
||||||
|
|
||||||
|
- distinct
|
||||||
|
- grouped
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## "Get it right in black & white"
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## Legibility
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## Cultural Considerations
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## Human Variation
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## What about "alpha"?
|
||||||
|
|
||||||
|
You will often see a fourth channel: RGB**A**, HSL**A**.
|
||||||
|
|
||||||
|
This is known as alpha transparency (translucency).
|
||||||
|
|
||||||
|
This has to do with how the program in question *blends* the colors.
|
||||||
|
|
||||||
|
By default, the second color drawn overdraws the first.
|
||||||
|
|
||||||
|
With translucency we can get a sense of depth without resorting to 3D.
|
||||||
|
|
||||||
|
- Use sparingly.
|
||||||
|
- Variations are very subtle, and background dependent.
|
||||||
|
|
||||||
|
TODO: example
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## Tools
|
||||||
|
|
||||||
---
|
---
|
||||||
|
|
||||||
@ -209,3 +320,5 @@ Thanks to Alex Hale, Andrew McNutt, and Jessica Hullman for sharing their materi
|
|||||||
|
|
||||||
- https://www.math.csi.cuny.edu/~mvj/GC-DataViz-S23/lectures/L6.html
|
- https://www.math.csi.cuny.edu/~mvj/GC-DataViz-S23/lectures/L6.html
|
||||||
- https://en.wikipedia.org/wiki/Stevens%27s_power_law
|
- https://en.wikipedia.org/wiki/Stevens%27s_power_law
|
||||||
|
- https://colorusage.arc.nasa.gov
|
||||||
|
- https://jamie-wong.com/post/color/ (great if you'd like to go deeper)
|
||||||
|
Loading…
Reference in New Issue
Block a user