Pecha Kucha: Visual design in science

20
Visual Design in Science Steven Hamblin & Brandy Williams

description

My Msc lab held a Pecha Kucha day in 2006, and this is the talk that I gave, on visual design in science (co-written with my wife, a design and art student at the time).

Transcript of Pecha Kucha: Visual design in science

Page 1: Pecha Kucha: Visual design in science

Visual Design in ScienceSteven Hamblin & Brandy Williams

Page 2: Pecha Kucha: Visual design in science

Design is thinking made visual. -Saul Bass

Page 3: Pecha Kucha: Visual design in science

At a glance we detect the following without conscious awareness. !

• motion • edges of shapes • colour • contour • contrast

Page 4: Pecha Kucha: Visual design in science

We tend to disregard anything that isn’t meaningful or useful at the moment.

Page 5: Pecha Kucha: Visual design in science

This has the visual impact of alphabet soup.

Page 6: Pecha Kucha: Visual design in science

simplicity is not easy

Page 7: Pecha Kucha: Visual design in science
Page 8: Pecha Kucha: Visual design in science

Bad:

Napalm in Vietnam- AP reporter Nick Út was among a number of reporters sent to the small village of Trang Bang along Route 1 !- The South Vietnamese commander of the unit requested an air strike and propeller driven Skyraiders, Korean-war vintage planes from the 518th Vietnamese Airforce Squadron, dropped Napalm on the village. !- When the smoke cleared villagers from the Trang Bang ran screaming from the village to the soldiers and reporters up the road.

Page 9: Pecha Kucha: Visual design in science
Page 10: Pecha Kucha: Visual design in science

Informational Hierarchy tells you where to look and what is important.

It deals with: !!

Font choice

Colour size

placement grouping

weight & scale

Page 11: Pecha Kucha: Visual design in science

This is an example of great informational hierarchy

Before & After

Page 12: Pecha Kucha: Visual design in science

!

composition is all about how the eyes

move over a visual presentation.

awareness of this allows you to

control not only how the eyes move over your work,

but also allows for easy reading and a positive

impression by the viewer.

Page 13: Pecha Kucha: Visual design in science

About invisible lines:Our eyes like it when there is something here.

Or here.

Page 14: Pecha Kucha: Visual design in science
Page 15: Pecha Kucha: Visual design in science

A little bit about fonts

!

1. Comic Sans - just don’t do it. Ever.

3. Choose either a serif or sans serif font. Don’t mix them.

2. Don’t use more than two fonts.

Page 16: Pecha Kucha: Visual design in science

dynamic design

Page 17: Pecha Kucha: Visual design in science

Don’t just talk, tell a story...

Page 18: Pecha Kucha: Visual design in science

This is not good.

Page 19: Pecha Kucha: Visual design in science

This

is

better.

Page 20: Pecha Kucha: Visual design in science

The more strikingly visual your presentation is, the more people will remember it. And more importantly, they will remember you.

- Paul Arden