Design Science poster design workshop 2016

Page 1

Poster design workshop Imperial College Healthcare Trust 14 October 2016

Design Science Unit 4, 115 Bartholomew Road, London NW5 2BJ www.design-science.co.uk


1. Text and typography 2. Colour 3. Imagery 4. Layout 5. Context 6. Production


1. Text and typography 2. Colour 3. Imagery 4. Layout 5. Context 6. Production


Choose a legible and appropriate typeface Typefaces with too much character can be illegible, distracting and communicate unhelpful, subliminal messages


Type size for secondary reading level

Type size Type size for info details


Capitalisation CAPITALISATION


Otaes aut harciis as peria dolorernatem nimendi stiorep erenime imus asitio. Nam, optati volorem porror atusaepudam a apit omnisim rest, quiae. Ut intium faceperchil id et maxim nos ad que optatibus quis dolupta tinimagnatum inverate ditat odissum sim que moluptat molorias alignim volo des ea volupic ipiendit officiis nienis dolenimil maio. Disit acesequi as sequi num raerspedis ni

justified

Ere, erumquibus doluptas eratur rerferio. Et quiatiaest, coratur si vel ipsandunt quaera qui in pro im qui beaquae por maximil lorunt laccum fugiae aute aperferuptis recabor porescia dis maxim qui debit quis ipsamus cilignihil iuntiis asit quis ulluptatet autem aliquod eum laborem. Untisciet alitiisto

Otaes aut harciis as peria dolorernatem nimendi stiorep erenime imus asitio. Nam, optati volorem porror atusaepudam a apit omnisim rest, quiae. Ut intium faceperchil id et maxim nos ad que optatibus quis dolupta tinimagnatum inverate ditat odissum sim que moluptat molorias alignim volo des ea volupic ipiendit officiis nienis

range right

Ere, erumquibus doluptas eratur rerferio. Et quiatiaest, coratur si vel ipsandunt quaera qui in pro im qui beaquae por maximil lorunt laccum fugiae aute aperferuptis recabor porescia dis maxim qui debit doloreped et ulpa sandaeratiat ut optati quaectium nectem imintem idipicipit esequia sum inusdant ad quas di sumendae nonsequis ipsamus cilignihil iuntiis asit quis ulluptatet autem aliquod eum

cus aut et aut vent harunt.Id quation sequis ius core alit, odicimusanda nam, sam que pereius, si ommod quo beaqui bereptatem illuptatem que aut enet officia tempedi deni-

cus aut et aut vent harunt.Id quation sequis ius core alit, odicimusanda nam, sam que pereius, si ommod quo beaqui bereptatem

Otaes aut harciis as peria dolorernatem nimendi stiorep erenime sim rest, quiae. Ut intium faceperchil id et maxim nos ad que optatibus quis dolupta tinimagnatum inverate ditat odissum sim que moluptat molorias alignim volo des ea volupic ipiendit officiis nienis dolenimil maio.

Otaes aut harciis as peria dolorernatem nimendi stiorep erenime imus asitio. Nam, optati volorem porror atusaepudam a apit omnisim rest, quiae. Ut intium faceperchil id et maxim nos ad que optamoluptat molorias alignim volo des ea volupic ipiendit officiis nienis dolenimil maio. Disit acesequi as sequi num raerspedis ni

Ere, erumquibus doluptas eratur rerferio. Et quiatiaest, coratur si vel ipsandunt quaera qui in pro im qui beaquae por maximil lorunt laccum fugiae aute aperferuptis recabor porescia dis maxim qui debit doloreped et ulpa sandaeratiat ut optati quaectium nectem iminquis ipsamus cilignihil iuntiis asit quis ulluptatet autem aliquod eum laborem. Untisciet alitiisto

Ere, erumquibus doluptas eratur rerferio. Et quiatiaest, coratur si vel ipsandunt quaera qui in pro im qui beaquae por maximil lorunt laccum fugiae aute aperferuptis recabor porescia dis maxim qui debit tem idipicipit esequia sum inusdant ad quas di sumendae nonsequis ipsamus cilignihil iuntiis asit quis ulluptatet autem aliquod eum laborem. Untisciet alitiisto

centred

cus aut et aut vent harunt.Id quation sequis ius core alit, odicimusanda nam, sam que pereius, si ommod quo beaqui bereptatem illuptatem que aut enet officia tempedi denihita voloressita quo

mixed

cus aut et aut vent harunt.Id quation sequis ius core alit, odicimusanda nam, sam que pereius, si ommod quo beaqui bereptatem illuptatem que aut enet officia tempedi denihita voloressita quo est, quam rerum restis debitis eos molum si od quodita sperum


Otaes aut harciis as peria dolorernatem nimendi stiorep erenime imus asitio. Nam, optati volorem porror atusaepudam a apit omnisim rest, quiae. Ut intium faceperchil id et maxim nos ad que que moluptat molorias alignim volo des ea volupic ipiendit officiis nienis dolenimil maio. Disit acesequi as sequi num raerspedis ni Ere, erumquibus doluptas eratur rerferio. Et quiatiaest, coratur si vel ipsandunt quaera qui in pro im qui beaquae por maximil lorunt laccum fugiae aute aperferuptis recabor porescia dis maxim qui debit doloreped et ulpa sandaeratiat ut optati quaectium nectem imintem idipicipit esequia sum inusdant ad quas di sumendae aliquod eum laborem. Untisciet alitiisto

range left unjustified

Ăź Ăź


Traditional science journal design

Ăť

Modern newspaper design

Ăź


10–12 words per line max

Otaes aut harciis as peria dolorernatem nimendi stiorep erenime imus asitio. Nam, optati volorem porror atusaepudam a apit omnisim rest, quiae. Ut intium faceperchil id et maxim nos ad que que moluptat molorias alignim volo des ea volupic ipiendit officiis nienis dolenimil maio. Disit acesequi as sequi num raerspedis ni Ere, erumquibus doluptas eratur rerferio. Otaes aut harciis as peria dolorernatem nimendi stiorep erenime imus asitio. Nam, optati volorem porror atusaepudam a apit omnisim rest, quiae. Ut intium faceperchil id et maxim nos ad que que moluptat molorias alignim volo des ea volupic ipiendit officiis

Ăť

Otaes aut harciis as peria dolorernatem nimendi stiorep erenime imus asitio. Nam, optati volorem porror atusaepudam a apit omnisim rest, quiae. Ut intium faceperchil id et maxim nos ad que que moluptat molorias alignim volo des ea volupic ipiendit officiis nienis dolenimil maio. Disit acesequi as sequi num raerspedis ni Ere, erumquibus doluptas eratur rerferio.

Ăź


Leading Too tight Otaes aut harciis as peria dolorernatem nimendi stiorep erenime imus asitio. Nam, optati volorem porror atusaepudam a apit omnisim rest, quiae. Ut intium faceperchil id et maxim nos ad que que moluptat molorias alignim volo des ea volupic ipiendit officiis Too wide Otaes aut harciis as peria dolorernatem nimendi stiorep erenime imus asitio. Nam, optati volorem porror atusaepudam a apit omnisim rest, quiae. Ut intium faceperchil id et maxim nos ad que Correct Otaes aut harciis as peria dolorernatem nimendi stiorep erenime imus asitio. Nam, optati volorem porror atusaepudam a apit omnisim rest, quiae. Ut intium faceperchil id et maxim nos ad que


Avoid excess

mixing of typesizes

and Typestyles


Avoid

over kerning and

underkerning


1. Text and typography 2. Colour 3. Imagery 4. Layout 5. Context 6. Production


Legibility

POOR

POOR

POOR

GOOD GOOD GOOD


Associations

Fire

Fire

Fire


Perception

Lottolab


RGB vs CMYK


1. Text and typography 2. Colour 3. Imagery 4. Layout 5. Context 6. Production


Image quality ‘300dpi’ optimum resolution for print

û

ü

Simplify small images to ensure legibity

û

ü


Copyright-free image search options


Visual metaphors to explain abstract concepts


Visual metaphors to enable ongoing communication


Expose the process




such calculations often involve elements of chance/uncertainty and interactivity

Data visualisation programming can visualise such data, make it accessible and understandable, might enable to reveal patterns

visuals are easier to read than lists of numbers letter

frequency

A B C D E F G H I J K L M

.08167 .01492 .02782 .04253 .12702 .02288 .02015 .06094 .06966 .00153 .00772 .04025 .02406

N O P Q R S T U V W X Y Z

.06749 .07507 .01929 .00095 .05987 .06327 .09056 .02758 .00978 .02360 .00150 .01974 .00074


Data visualisation


Communicating uncertainty


• Intentionally conflicting information: different opinions of doctors and evidence from personal research.

Probability simulator

Life-style modeller ('what if I don't have the operation?')

The user has chosen three aspects of Deborah's life, which, as inferred from the scenario information, might affect her lifestyle, were she not to have the Š PhillipThe Kent, Dave Pratt and Ralph Levinson, Institute Education operation. clock depicts time passing whilst the red bar in the topof right corner oscillates up and down as her pain varies as a result of these


[Example 3]

Probability simulator

Probability simulator ('what if I have the operation?')

Life-style ‘what are MY risks ofthe having theofcancer The user hasmodeller: decided on an overall success rate for operation 70%; operation?’ they have also chosen three possible consequential hazards and assigned


1. Text and typography 2. Colour 3. Imagery 4. Layout 5. Context 6. Production


Grids and space


Illegible text over image


Illegible image under text



or Apple

Apple


1. Text and typography 2. Colour 3. Imagery 4. Layout 5. Context 6. Production


Physical context


Mixed media


Evaluation


1. Legibility 2. Layout 3. Image choice 4. Context 5. Programs


Programs Professional design programs Adobe InDesign Adobe Illustrator Adobe Photoshop QuarkXpress

Free / affordable design programs Keynote (for Macs) PowerPoint Microsoft Publisher Microsoft Word Paintshop pro Corel Draw LaTex


References Asymmetric typography, Jan Tschichold, 1967 Design science, life and work of Will Burtin, Remington & Fripp, 2007 Grid systems in graphic design, Josef Muller-Brockmann, 1961 Helvetica, documentary film directed by Gary Hustwitt, 2007 Information is beautiful, David McCandless, 2009 Sign design, Mitzi Sims, 1991 Swiss graphic design, Richard Hollis, 2006 The new handmade graphics, Anne Odling-Smee, 2004 The visible word (legibility studies at RCA), Herbert Spencer 1968, 1969


Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.