Post on 29-Jan-2016
description
VE-KNT
Colour in Graphics and Visualisation
Using colour on VDU displays for Using colour on VDU displays for graphical presentationsgraphical presentations
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
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
VE-KNT
VE-KNT
VE-KNT
VE-KNT
A/ Be careful in selecting colour;B/ Using secondary cues;C/Application depending colour schemeD/ Overlapping fields
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
VE-KNT
Example of bad choice of colours
VE-KNT
Simple solution of coloured bar-chart
VE-KNT
Separating data with colour
VE-KNT
Pie-charts
• Separate slices with colourSeparate slices with colourItem 111% Item 2
7%
Item 322%
Item 49%
Item529%
Item 622%
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
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
VE-KNT
Coloured block diagram:Good example
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
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
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
VE-KNT
Colour scales - 1
VE-KNT
Temperature and geogr. scales
VE-KNT
Temperature scale: over-coloured slide
VE-KNT
Hot/Cold pseudo colour scale
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)
VE-KNT
Geographic coloration
VE-KNT
False coloration
VE-KNT
Map with information in 3rd dimension
VE-KNT
Pseudo-colouring in an animated simulation
VE-KNT
3-D visualisation
Molecular structure model with highlights to emphasise spherical shapes
VE-KNT
Designing a kitchen
Main points of the design:
- Selecting items,- layout,- colouring from a palette (size effect!).
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!
VE-KNT
Virtual reality displays
VE-KNT
VE-KNT
VE-KNT
VE-KNT