A Dialect of Our Own Design

21,069 views

Published on

A visual language informs all design, from architecture to print. Fluency in the same language drawn on by Bauhaus, mid-century Swiss, or postmodern design is essential for brilliant web design. In this practical talk, ground uniquely web-based interactions—from complex CSS3 animations and rotations to JavaScript behaviors—using that time-tested visual primer. Take a more considered approach to choices, evoke the desired emotive responses, learn how to better articulate your design decisions. Extend graphic design’s grammar into a visual dialect of web design that guides us to smarter, beautifully balanced juxtapositions of elements in our new, multidimensional web experiences.

Published in: Design
2 Comments
23 Likes
Statistics
Notes
  • Share a website with you ,

    (======= http://www.slimmingg.com =======)

    Believe you will love it.
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • It really a good article.oakleysunglassesprescription sunglasses cyclingcycling sun glassesReplica Oakley Oil Rig Sunglassespolarized prescription sunglassesReplica Oakley Minute SunglassesReplica Oakley Monster Dog SunglassesFake Oakley Radar Sunglassescheap Oakley Fives Sunglassesoakley flak jacket sunglassescheap Oakley Holbrook Sunglassesoakley jawbone sunglassesoakley juliet sunglassesoakley radar sunglassescheap Oakley Restless Sunglassesoakley scalpel sunglassesray-ban cockpit sunglasseswomen's christian audigier swimwearwomen's ed hardy love kills slowly with tattoo bikinischristian audigier bikiniswomen's ed hardy rose and skull bikiniswomen's ed hardy rose and skull swimsuitswomen's ed hardy skull swords & roses swimsuitswomen's ed hardy skull swords & roses swimwearwomen's ed hardy skull swords bathing suitsMonster beats by dr. dre Powerbeats Headphonesdr. dre Pro High Performance HeadphonesMonster beats by dr. dre Artist Series Headphonesdr. dre Diddy High Performance HeadphonesIbeats by dr. dre HeadphonesMonster Tour by dr. dre HeadphonesMonster Butterfly Headphonesdr. dre Heartbeats In-Ear Headphones
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
No Downloads
Views
Total views
21,069
On SlideShare
0
From Embeds
0
Number of Embeds
2,106
Actions
Shares
0
Downloads
233
Comments
2
Likes
23
Embeds 0
No embeds

No notes for slide

A Dialect of Our Own Design

  1. A DIALECTOF OUR OWN DESIGNSIMON COLLISONInterlink, June 2011@colly colly.com
  2. PART ONEEVERYTHING
  3. AN ESTABLISHEDVISUAL GRAMMAR
  4. MEANING &PERCEPTION
  5. MENTALMODELS
  6. The models people have ofthemselves, others, theenvironment, and the things withwhich they interact.MENTAL MODELS
  7. Me ExperienceInteraction Others Environment Instruction
  8. MAPPING
  9. The relationship between two things.Natural mapping leads to immediateunderstanding.MAPPING
  10. Control Outcome
  11. Control Understanding Outcome
  12. AFFORDANCE
  13. An affordance is a quality of anobject, or an environment, thatallows an individual to performan action.AFFORDANCE
  14. SEMIOTICS
  15. The study of signsoffering an explanation of howpeople extract meaning fromwords, sounds and images.SEMIOTICS
  16. Symbol Icon Index
  17. TYPOGRAPHY
  18. By using typographywe give a written idea avisual form.TYPOGRAPHY
  19. COLOUR
  20. Colour can bring designs to life,inform hierarchies, create bondsbetween elements, add pace oremotion.COLOUR
  21. THINK SMARTER
  22. PART TWOAND SO TO WEB
  23. OURVISUAL GRAMMAR
  24. OURMISTAKES
  25. UNIQUE PATTERNSAND INTERACTIONS
  26. EVOLUTION OFTHE FRAME
  27. http://wallswaps.com/
  28. http://wallswaps.com/
  29. http://www.chromeexperiments.com/detail/browser-ball/
  30. DESIGNINGSYSTEMS
  31. We don’t design web pages.We design systems.SYSTEMS
  32. OURVOCABULARY
  33. RESPONSIVEWEB DESIGN
  34. SO...WHAT NEXT?
  35. THANK YOU SIMON COLLISON @colly http://colly.com
  36. FURTHER READING Visual Grammar by Christian Leborg The Design of Everyday Things by Don Norman Understanding Comics by Scott McCloud Principles of Form and Design by Wucius Wong Designing for the Web by Mark Boulton Mental Models by Indi Young Communicating Design by Dan Brown

×