Visual basics
-
Upload
gabriel-low -
Category
Education
-
view
348 -
download
0
Transcript of Visual basics
Visual BasicsVisual Basics
Visual Literacy...Visual Literacy......refer to the learned
ability to interpret visual message accurately and
to create such messages.
How we perceived what we see...
How we perceived what we see...
UCLA 1967
> 75%
15% -25%
WordsWords
5 Commandments for Creating Visual Aids
Unity
Use only one idea for each visual. Including headline.
Keep it Simple
Make ideas & relationships simple & memorable.
Avoid cluttering a visual with too many words…
Prof Stephen Heppell Created: 7/2/2000 eLearning How might eLearning really change educational policy and practice? Stephen's contribution to the excellent RSA / Design Council "Education Futures" journal This paper introduces 'Ultralab's Law - 'With new technologies, between denial and adoption is the space for innovation and that is where radical progress is made' and also explores the need for a creative curriculum. Usefully, it also runs through some valuable lessons from Ultralab on-line projects over the last decade. eLearning underpins learning with technology, but that in itself is not new. The information that people learn with, and the conduits through which they communicate that learning, have always been both liberated and, paradoxically, constrained by technology. From the earliest primitive forms of writing through to the coolest pocketable digital media this holds true. On the one hand we are given new opportunity for contribution and expression, on the other hand we bump up against absolute limits to what can and can't be achieved with whatever the current technology is. Early handwritten manuscripting presented an opportunity for those who could do it, but precluded the mass circulation of textual material. The egalitarian paperback heralded literature for all, but printed stories locked sound and moving image out of storytelling. The Internet appeared in the middle of a multimedia decade, but initially offered only a textual revolution. The mobile phone brought communication ubiquity, but with the barren screens of a basic interface. However 'wired' we might be, sometimes it is hard to see through the short-term technological failings with enough clarity and vision to appreciate the opportunities ahead. Thus even Microsoft failed to spot the potential of the Internet for some considerable time saving itself with a late, but vast, refocussing. But worse yet, in our learning, commercial and social lives, at each moment in technological time, there are those who see the current state of technology not as a step on an evolving path of progress but as the epitome of progress, a pinnacle of achievement to be preserved and optimised in sacred trust for future generations. Those most closely wedded to the established order inevitably squeal the loudest ñ they have most to lose. The early church, for example, fought to protect hand illumination and scripting ñ and the power it brought them ñ from the coarseness of print, although that print gave us the novel. The print industry fought a rearguard action against the 'ugliness' of desktop publishing, although DTP brought a great critical awareness of the quality of printed material. Schools normally react to technological change by confiscating it to protect the past: ballpoint pens to save our handwriting, calculators to save our arithmetic, digital watches to save our analogue timekeeping, mobile phones to save our... er, well just because they are new.
Legible
Make letters BIG & readable
Typography Typography DefinitionDefinitionSize
8 points
12 points14 points18 points24 points32 points36 points48 points60 points72 points
Typography Typography DefinitionDefinitionSize
8 points
12 points14 points18 points24 points32 points36 points48 points60 points72 points
Size8 points
12 points14 points
18 points24 points
32 points36 points
48 points60 points
72 points
Typography Typography DefinitionDefinition
Bold
Italic
Underline
Roman (serif)
Bold
Italic
Underline
Arial (san serif)
Consistent
Use the same font type style & art style Do not mix a variety of styles
Make it clear
Avoid type that is too small to readAvoid all capitals for large block of types
LOOKS GREAT WHEN IT’S BIG
NOT SO GREAT WHEN IT’S SMALL AND BE CAUTIOUS WHEN USING SERIF TYPEFACES WITH REVERSES. They tend to lose definition, creating a blurred effect. (20pts)
LOOKS GREAT WHEN IT’S BIG
ArrangementArrangementFigure-Ground Contrast
LEGIBLE
ArrangementArrangementFigure-Ground Contrast
LEGIBLE LEGIBLE
ArrangementArrangementFigure-Ground Contrast
LEGIBLE LEGIBLE LEGIBLE
ArrangementArrangementFigure-Ground Contrast
LEGIBLE LEGIBLE LEGIBLE
LEGIBLE
ArrangementArrangementFigure-Ground Contrast
LEGIBLE LEGIBLE LEGIBLE
LEGIBLE LEGIBLE
ArrangementArrangementFigure-Ground Contrast
LEGIBLE LEGIBLE LEGIBLE
LEGIBLE LEGIBLE LEGIBLE
ArrangementArrangementFigure-Ground Contrast
Choosing Complementary Colours
Harmonious Colours- Adjacent Colours
Complementary Colours
- Opposite Colours
Connotations of Colours• Yellow cheerfulness, highly visual, highly
cognitive• Green clean, natural, healthy, (money)• Blue trustworthyness, loyalty• Purple spirituality, royalty (lavender)• Red forcefulness encouraged• Orange warm, informal, inexpensive
Royal Colours
Hunting Green Burgandy Navy Blue
Connotations of Colours• Yellow cheerfulness, highly visual, highly
cognitive• Green clean, natural, healthy, (money)• Blue trustworthyness, loyalty• Purple spirituality, royalty (lavender)• Red forcefulness encouraged• Orange warm, informal, inexpensive
Royal Colours
Hunting Green Burgandy Navy Blue
Do not use the website to teach
Design & Layout on the Web are meant for monitor screens…
6Hints and tips of using
computer generated presentations
Limit the amount of information you want to
put over
Make sure the slides focus on the key points
Well told case-studies or spoken vivid examples are
often much more memorable and entertaining than relying on a deluge of
visuals to do the job.
Presenters who start talking as they put up a new slide risk losing the listener's
attention
Some information is complex
EQIQ
VisioningEnterprisingInventingSense making
PurposefulIntegrityResponsibility
Read Servant LeadershipHC SabbaticalsPCMESchool Camps
Role ModelHwa Chong Lecture, SLC Keynote AddressMP AttachmentsIndustrial AttachmentsAssembly talks
RealiseCMC, Consortium Councils, SUST, EP3 council, Lower HouseRP discussionSchool eventsStudent Leaders Convention Service Learning ProjectsExchange ProgrammesConferences e.g.Harvard Model UN
Research
AQ
Critical thinking
Reflect
RelatingBuilding CredibilityCreative
thinking
Caring thinking
Critical thinking
Creative thinking
Caring thinking
EQIQ
VisioningEnterprisingInventingSense making
PurposefulIntegrityResponsibility
AQ
Critical thinking
RelatingBuilding CredibilityCreative
thinking
Caring thinking
EQIQ
VisioningEnterprisingInventingSense making
PurposefulIntegrityResponsibility
AQ
Critical thinking
RelatingBuilding CredibilityCreative
thinking
Caring thinking
EQIQ
VisioningEnterprisingInventingSense making
PurposefulIntegrityResponsibility
Read Servant LeadershipHC SabbaticalsPCMESchool Camps
AQ
Critical thinking
RelatingBuilding CredibilityCreative
thinking
Caring thinking
EQIQ
VisioningEnterprisingInventingSense making
PurposefulIntegrityResponsibility
Read Servant LeadershipHC SabbaticalsPCMESchool Camps
Role ModelHwa Chong Lecture, SLC Keynote AddressMP AttachmentsIndustrial AttachmentsAssembly talks
AQ
Critical thinking
RelatingBuilding CredibilityCreative
thinking
Caring thinking
EQIQ
VisioningEnterprisingInventingSense making
PurposefulIntegrityResponsibility
Read Servant LeadershipHC SabbaticalsPCMESchool Camps
Role ModelHwa Chong Lecture, SLC Keynote AddressMP AttachmentsIndustrial AttachmentsAssembly talks
RealiseCMC, Consortium Councils, SUST, EP3 council, Lower HouseRP discussionSchool eventsStudent Leaders Convention Service Learning ProjectsExchange ProgrammesConferences e.g.Harvard Model UN
AQ
Critical thinking
RelatingBuilding CredibilityCreative
thinking
Caring thinking
EQIQ
VisioningEnterprisingInventingSense making
PurposefulIntegrityResponsibility
Read Servant LeadershipHC SabbaticalsPCMESchool Camps
Role ModelHwa Chong Lecture, SLC Keynote AddressMP AttachmentsIndustrial AttachmentsAssembly talks
RealiseCMC, Consortium Councils, SUST, EP3 council, Lower HouseRP discussionSchool eventsStudent Leaders Convention Service Learning ProjectsExchange ProgrammesConferences e.g.Harvard Model UN
Research
AQ
Critical thinking
Reflect
RelatingBuilding CredibilityCreative
thinking
Caring thinking
Presenters often tend to have the slide show running
all the time they are speaking.
“Rule of 3”
People tend to remember three things
“Rule of 3”
People tend to remember three things
“Friends, Romans, Countrymen”
“Blood, Sweat & Tears”
“The good, the bad & the ugly”
“Veni, vidi, vici”
“Introduction, body, conclusion”
DON’T MAKE YOUR READER WORK THIS HARD
TO GET YOUR MESSAGE.
The Society for Legible Typography