VE-KNT Colour in Graphics and Visualisation Using colour on VDU displays for graphical...
-
Upload
priscilla-scott -
Category
Documents
-
view
222 -
download
0
Transcript of VE-KNT Colour in Graphics and Visualisation Using colour on VDU displays for graphical...
![Page 1: VE-KNT Colour in Graphics and Visualisation Using colour on VDU displays for graphical presentations.](https://reader034.fdocuments.net/reader034/viewer/2022051516/56649e035503460f94aedc2a/html5/thumbnails/1.jpg)
VE-KNT
Colour in Graphics and Visualisation
Using colour on VDU displays for Using colour on VDU displays for graphical presentationsgraphical presentations
![Page 2: VE-KNT Colour in Graphics and Visualisation Using colour on VDU displays for graphical presentations.](https://reader034.fdocuments.net/reader034/viewer/2022051516/56649e035503460f94aedc2a/html5/thumbnails/2.jpg)
VE-KNT
Colour in Graphics and Visualisation
• ChartsCharts– line-graphicsline-graphics– Emphasising graphicsEmphasising graphics– ““3D” representations3D” representations– Bar-chartsBar-charts– Pie-chartsPie-charts
• Line and block drawingsLine and block drawings• VisualisationsVisualisations
![Page 3: VE-KNT Colour in Graphics and Visualisation Using colour on VDU displays for graphical presentations.](https://reader034.fdocuments.net/reader034/viewer/2022051516/56649e035503460f94aedc2a/html5/thumbnails/3.jpg)
VE-KNT
Two-dimensional charts
• Neutral background is preferred:Neutral background is preferred:– Lines will keep their colour Lines will keep their colour – Coloured background might confuse line Coloured background might confuse line
shapesshapes
• Use neutrals (black or white) for axesUse neutrals (black or white) for axes• Synchronise labelling and colour useSynchronise labelling and colour use• Design colour scheme for importanceDesign colour scheme for importance
![Page 4: VE-KNT Colour in Graphics and Visualisation Using colour on VDU displays for graphical presentations.](https://reader034.fdocuments.net/reader034/viewer/2022051516/56649e035503460f94aedc2a/html5/thumbnails/4.jpg)
VE-KNT
![Page 5: VE-KNT Colour in Graphics and Visualisation Using colour on VDU displays for graphical presentations.](https://reader034.fdocuments.net/reader034/viewer/2022051516/56649e035503460f94aedc2a/html5/thumbnails/5.jpg)
VE-KNT
![Page 6: VE-KNT Colour in Graphics and Visualisation Using colour on VDU displays for graphical presentations.](https://reader034.fdocuments.net/reader034/viewer/2022051516/56649e035503460f94aedc2a/html5/thumbnails/6.jpg)
VE-KNT
![Page 7: VE-KNT Colour in Graphics and Visualisation Using colour on VDU displays for graphical presentations.](https://reader034.fdocuments.net/reader034/viewer/2022051516/56649e035503460f94aedc2a/html5/thumbnails/7.jpg)
VE-KNT
A/ Be careful in selecting colour;B/ Using secondary cues;C/Application depending colour schemeD/ Overlapping fields
![Page 8: VE-KNT Colour in Graphics and Visualisation Using colour on VDU displays for graphical presentations.](https://reader034.fdocuments.net/reader034/viewer/2022051516/56649e035503460f94aedc2a/html5/thumbnails/8.jpg)
VE-KNT
Colour in Bar- and Pie Charts
• Do not overdo!Do not overdo!• Associate to subject matterAssociate to subject matter• Use neutral or pale background coloursUse neutral or pale background colours• Use vivid colours only to emphasis Use vivid colours only to emphasis
most important subjectsmost important subjects• Use labels for better understandingUse labels for better understanding• Get it right in black and whiteGet it right in black and white
![Page 9: VE-KNT Colour in Graphics and Visualisation Using colour on VDU displays for graphical presentations.](https://reader034.fdocuments.net/reader034/viewer/2022051516/56649e035503460f94aedc2a/html5/thumbnails/9.jpg)
VE-KNT
Example of bad choice of colours
![Page 10: VE-KNT Colour in Graphics and Visualisation Using colour on VDU displays for graphical presentations.](https://reader034.fdocuments.net/reader034/viewer/2022051516/56649e035503460f94aedc2a/html5/thumbnails/10.jpg)
VE-KNT
Simple solution of coloured bar-chart
![Page 11: VE-KNT Colour in Graphics and Visualisation Using colour on VDU displays for graphical presentations.](https://reader034.fdocuments.net/reader034/viewer/2022051516/56649e035503460f94aedc2a/html5/thumbnails/11.jpg)
VE-KNT
Separating data with colour
![Page 12: VE-KNT Colour in Graphics and Visualisation Using colour on VDU displays for graphical presentations.](https://reader034.fdocuments.net/reader034/viewer/2022051516/56649e035503460f94aedc2a/html5/thumbnails/12.jpg)
VE-KNT
Pie-charts
• Separate slices with colourSeparate slices with colourItem 111% Item 2
7%
Item 322%
Item 49%
Item529%
Item 622%
![Page 13: VE-KNT Colour in Graphics and Visualisation Using colour on VDU displays for graphical presentations.](https://reader034.fdocuments.net/reader034/viewer/2022051516/56649e035503460f94aedc2a/html5/thumbnails/13.jpg)
VE-KNT
Colour in line and block drawigns
• Use colour sparingly where it has Use colour sparingly where it has specific function in relation to the dataspecific function in relation to the data
• Use colour forUse colour for– separationseparation– identificationidentification– emphasisemphasis
• Decide why to use colourDecide why to use colour
![Page 14: VE-KNT Colour in Graphics and Visualisation Using colour on VDU displays for graphical presentations.](https://reader034.fdocuments.net/reader034/viewer/2022051516/56649e035503460f94aedc2a/html5/thumbnails/14.jpg)
VE-KNT
Coloured block diagram: Bad example
• Over-colouredOver-coloured• Red power supply Red power supply
over-emphasisesover-emphasises• Too thin linesToo thin lines• Coloured Coloured
background - bad background - bad readabilityreadability
![Page 15: VE-KNT Colour in Graphics and Visualisation Using colour on VDU displays for graphical presentations.](https://reader034.fdocuments.net/reader034/viewer/2022051516/56649e035503460f94aedc2a/html5/thumbnails/15.jpg)
VE-KNT
Coloured block diagram:Good example
![Page 16: VE-KNT Colour in Graphics and Visualisation Using colour on VDU displays for graphical presentations.](https://reader034.fdocuments.net/reader034/viewer/2022051516/56649e035503460f94aedc2a/html5/thumbnails/16.jpg)
VE-KNT
Visualisation
• Visualise: to call up a clear visual imageVisualise: to call up a clear visual image– Raw numeric data translated into a spatial Raw numeric data translated into a spatial
or spatio-temporal patteror spatio-temporal patter– animationanimation– virtual “three-dimensional” imagesvirtual “three-dimensional” images
• Visualise forVisualise for– exploring dataexploring data– communicate resultscommunicate results
![Page 17: VE-KNT Colour in Graphics and Visualisation Using colour on VDU displays for graphical presentations.](https://reader034.fdocuments.net/reader034/viewer/2022051516/56649e035503460f94aedc2a/html5/thumbnails/17.jpg)
VE-KNT
Exploratory visualisation
• Try to understand the data by Try to understand the data by visualisationvisualisation– Experiment with different colouring Experiment with different colouring
schemesschemes– Be careful, do not let yourself misled by Be careful, do not let yourself misled by
by colour effectby colour effect
• If used for video or animation check If used for video or animation check for artefactsfor artefacts
![Page 18: VE-KNT Colour in Graphics and Visualisation Using colour on VDU displays for graphical presentations.](https://reader034.fdocuments.net/reader034/viewer/2022051516/56649e035503460f94aedc2a/html5/thumbnails/18.jpg)
VE-KNT
Colour scales for visualisation
• A sequence of data can be visualised A sequence of data can be visualised by a sequence of coloursby a sequence of colours– Rainbow Rainbow – Colour bar set of computerColour bar set of computer– Saturation scaleSaturation scale– Temperature scaleTemperature scale– Hot/Cold scaleHot/Cold scale– Geographic scaleGeographic scale
![Page 19: VE-KNT Colour in Graphics and Visualisation Using colour on VDU displays for graphical presentations.](https://reader034.fdocuments.net/reader034/viewer/2022051516/56649e035503460f94aedc2a/html5/thumbnails/19.jpg)
VE-KNT
Colour scales - 1
![Page 20: VE-KNT Colour in Graphics and Visualisation Using colour on VDU displays for graphical presentations.](https://reader034.fdocuments.net/reader034/viewer/2022051516/56649e035503460f94aedc2a/html5/thumbnails/20.jpg)
VE-KNT
Temperature and geogr. scales
![Page 21: VE-KNT Colour in Graphics and Visualisation Using colour on VDU displays for graphical presentations.](https://reader034.fdocuments.net/reader034/viewer/2022051516/56649e035503460f94aedc2a/html5/thumbnails/21.jpg)
VE-KNT
Temperature scale: over-coloured slide
![Page 22: VE-KNT Colour in Graphics and Visualisation Using colour on VDU displays for graphical presentations.](https://reader034.fdocuments.net/reader034/viewer/2022051516/56649e035503460f94aedc2a/html5/thumbnails/22.jpg)
VE-KNT
Hot/Cold pseudo colour scale
![Page 23: VE-KNT Colour in Graphics and Visualisation Using colour on VDU displays for graphical presentations.](https://reader034.fdocuments.net/reader034/viewer/2022051516/56649e035503460f94aedc2a/html5/thumbnails/23.jpg)
VE-KNT
Maps and contoured data
• Use overall neutral backgroundUse overall neutral background• Use desaturated colours for specific Use desaturated colours for specific
areasareas• Try to relate colours to data (woods, Try to relate colours to data (woods,
water, etc.)water, etc.)• Saturated colours: only small items, Saturated colours: only small items,
for emphasis (to find an item)for emphasis (to find an item)
![Page 24: VE-KNT Colour in Graphics and Visualisation Using colour on VDU displays for graphical presentations.](https://reader034.fdocuments.net/reader034/viewer/2022051516/56649e035503460f94aedc2a/html5/thumbnails/24.jpg)
VE-KNT
Geographic coloration
![Page 25: VE-KNT Colour in Graphics and Visualisation Using colour on VDU displays for graphical presentations.](https://reader034.fdocuments.net/reader034/viewer/2022051516/56649e035503460f94aedc2a/html5/thumbnails/25.jpg)
VE-KNT
False coloration
![Page 26: VE-KNT Colour in Graphics and Visualisation Using colour on VDU displays for graphical presentations.](https://reader034.fdocuments.net/reader034/viewer/2022051516/56649e035503460f94aedc2a/html5/thumbnails/26.jpg)
VE-KNT
Map with information in 3rd dimension
![Page 27: VE-KNT Colour in Graphics and Visualisation Using colour on VDU displays for graphical presentations.](https://reader034.fdocuments.net/reader034/viewer/2022051516/56649e035503460f94aedc2a/html5/thumbnails/27.jpg)
VE-KNT
Pseudo-colouring in an animated simulation
![Page 28: VE-KNT Colour in Graphics and Visualisation Using colour on VDU displays for graphical presentations.](https://reader034.fdocuments.net/reader034/viewer/2022051516/56649e035503460f94aedc2a/html5/thumbnails/28.jpg)
VE-KNT
3-D visualisation
Molecular structure model with highlights to emphasise spherical shapes
![Page 29: VE-KNT Colour in Graphics and Visualisation Using colour on VDU displays for graphical presentations.](https://reader034.fdocuments.net/reader034/viewer/2022051516/56649e035503460f94aedc2a/html5/thumbnails/29.jpg)
VE-KNT
Designing a kitchen
Main points of the design:
- Selecting items,- layout,- colouring from a palette (size effect!).
![Page 30: VE-KNT Colour in Graphics and Visualisation Using colour on VDU displays for graphical presentations.](https://reader034.fdocuments.net/reader034/viewer/2022051516/56649e035503460f94aedc2a/html5/thumbnails/30.jpg)
VE-KNT
Virtual Reality Displays
• Visual, auditory, etc. sensory inputsVisual, auditory, etc. sensory inputs• Helmet for stereoscopic imagesHelmet for stereoscopic images
– head motion detectedhead motion detected– stereo soundstereo sound– tactile gloves - clothingtactile gloves - clothing
• Simulated realitiesSimulated realities– colours stronger in virtual reality presentation colours stronger in virtual reality presentation
then on monitor screenthen on monitor screen
• Imagined realitiesImagined realities– psychological impact!psychological impact!
![Page 31: VE-KNT Colour in Graphics and Visualisation Using colour on VDU displays for graphical presentations.](https://reader034.fdocuments.net/reader034/viewer/2022051516/56649e035503460f94aedc2a/html5/thumbnails/31.jpg)
VE-KNT
Virtual reality displays
![Page 32: VE-KNT Colour in Graphics and Visualisation Using colour on VDU displays for graphical presentations.](https://reader034.fdocuments.net/reader034/viewer/2022051516/56649e035503460f94aedc2a/html5/thumbnails/32.jpg)
VE-KNT
![Page 33: VE-KNT Colour in Graphics and Visualisation Using colour on VDU displays for graphical presentations.](https://reader034.fdocuments.net/reader034/viewer/2022051516/56649e035503460f94aedc2a/html5/thumbnails/33.jpg)
VE-KNT
![Page 34: VE-KNT Colour in Graphics and Visualisation Using colour on VDU displays for graphical presentations.](https://reader034.fdocuments.net/reader034/viewer/2022051516/56649e035503460f94aedc2a/html5/thumbnails/34.jpg)
VE-KNT
![Page 35: VE-KNT Colour in Graphics and Visualisation Using colour on VDU displays for graphical presentations.](https://reader034.fdocuments.net/reader034/viewer/2022051516/56649e035503460f94aedc2a/html5/thumbnails/35.jpg)
VE-KNT