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


LEGIBLE LEGIBLE


LEGIBLE LEGIBLE LEGIBLE



LEGIBLE



LEGIBLE LEGIBLE


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

Do not use the website to teach

Design & Layout on the Web are meant for monitor screens…

http://www.qianhu.com/

Types of Products available

Using VoiceXML Technology

Feedback from Viewers

http://www.qianhu.com/

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



AQ

Critical thinking


thinking

Caring thinking

EQIQ




AQ

Critical thinking


thinking

Caring thinking

EQIQ





AQ

Critical thinking


thinking

Caring thinking

EQIQ






AQ

Critical thinking


thinking

Caring thinking

EQIQ






Research

AQ

Critical thinking

Reflect


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