Visual basics
Download as PPT, PDF0 likes438 views
Visual literacy refers to the ability to interpret and create visual messages accurately. Effective visual aids use simple, memorable designs with one main idea per visual. They employ large, legible typography in a consistent font, and use color, spacing and arrangement of text/images to maximize clarity and focus audience attention on key points. Presenters should limit information on slides and focus on highlights, using examples to enhance understanding rather than relying solely on visuals.
Visual basics
- 3. Visual Literacy...Visual Literacy... ...refer to the learned ability to interpret visual message accurately and to create such messages.
- 4. How we perceived what we see...
- 5. How we perceived what we see... UCLA 1967 > 75% 15% -25% WordsWords
- 7. 5 Commandments for Creating Visual Aids
- 8. Unity Use only one idea for each visual. Including headline.
- 9. Keep it Simple Make ideas & relationships simple & memorable. Avoid cluttering a visual with too many words…
- 10. 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
- 11. Legible Make letters BIG & readable
- 12. TypographyTypography DefinitionDefinition Size 8 points 12 points 14 points 18 points 24 points 32 points 36 points 48 points 60 points 72 points
- 13. TypographyTypography DefinitionDefinition Size 8 points 12 points 14 points 18 points 24 points 32 points 36 points 48 points 60 points 72 points Size 8 points 12 points 14 points 18 points 24 points 32 points 36 points 48 points 60 points 72 points
- 15. Consistent Use the same font type style & art style Do not mix a variety of styles
- 16. Make it clear Avoid type that is too small to read Avoid all capitals for large block of types
- 18. LOOKS GREAT WHEN IT’S BIG
- 19. 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
- 25. LEGIBLE LEGIBLE LEGIBLE LEGIBLE LEGIBLE ArrangementArrangement Figure-Ground Contrast
- 26. LEGIBLE LEGIBLE LEGIBLE LEGIBLE LEGIBLE LEGIBLE ArrangementArrangement Figure-Ground Contrast
- 27. Choosing Complementary Colours Harmonious Colours - Adjacent Colours Complementary Colours - Opposite Colours
- 28. 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
- 29. 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
- 30. Do not use the website to teach Design & Layout on the Web are meant for monitor screens…
- 31. Types of Products available Using VoiceXML Technology Feedback from Viewers
- 33. 6 Hints and tips of using computer generated presentations
- 34. Limit the amount of information you want to put over
- 35. Make sure the slides focus on the key points
- 36. 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.
- 37. Presenters who start talking as they put up a new slide risk losing the listener's attention
- 39. EQIQ Visioning Enterprising Inventing Sense making Purposeful Integrity Responsibility Read Servant Leadership HC Sabbaticals PCME School Camps Role Model Hwa Chong Lecture, SLC Keynote Address MP Attachments Industrial Attachments Assembly talks Realise CMC, Consortium Councils, SUST, EP3 council, Lower House RP discussion School events Student Leaders Convention Service Learning Projects Exchange Programmes Conferences e.g.Harvard Model UN Research AQ Critical thinking Reflect Relating Building Credibility Creative thinking Caring thinking
- 43. EQIQ Visioning Enterprising Inventing Sense making Purposeful Integrity Responsibility Read Servant Leadership HC Sabbaticals PCME School Camps AQ Critical thinking Relating Building Credibility Creative thinking Caring thinking
- 44. EQIQ Visioning Enterprising Inventing Sense making Purposeful Integrity Responsibility Read Servant Leadership HC Sabbaticals PCME School Camps Role Model Hwa Chong Lecture, SLC Keynote Address MP Attachments Industrial Attachments Assembly talks AQ Critical thinking Relating Building Credibility Creative thinking Caring thinking
- 45. EQIQ Visioning Enterprising Inventing Sense making Purposeful Integrity Responsibility Read Servant Leadership HC Sabbaticals PCME School Camps Role Model Hwa Chong Lecture, SLC Keynote Address MP Attachments Industrial Attachments Assembly talks Realise CMC, Consortium Councils, SUST, EP3 council, Lower House RP discussion School events Student Leaders Convention Service Learning Projects Exchange Programmes Conferences e.g.Harvard Model UN AQ Critical thinking Relating Building Credibility Creative thinking Caring thinking
- 46. EQIQ Visioning Enterprising Inventing Sense making Purposeful Integrity Responsibility Read Servant Leadership HC Sabbaticals PCME School Camps Role Model Hwa Chong Lecture, SLC Keynote Address MP Attachments Industrial Attachments Assembly talks Realise CMC, Consortium Councils, SUST, EP3 council, Lower House RP discussion School events Student Leaders Convention Service Learning Projects Exchange Programmes Conferences e.g.Harvard Model UN Research AQ Critical thinking Reflect Relating Building Credibility Creative thinking Caring thinking
- 47. Presenters often tend to have the slide show running all the time they are speaking.
- 48. “Rule of 3” People tend to remember three things
- 49. “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”
- 51. DON’T MAKE YOUR READER WORK THIS HARD TO GET YOUR MESSAGE. The Society for Legible Typography