Subconscious Design

16,612 views

Published on

Quite rightly, the EECI events place great emphasis on the community's approach to responsible and scalable development. However, along with fellow speakers Lea and Greg, Simon believes we must also think carefully about our visual design decisions.

Simon will look at visual language and inspirational starting points, with clear relevance to our EE sites and "systems". He'll introduce design principles that help us communicate ideas, relay information, elicit emotion and encourage actions; useful theory for all attendees, whatever their primary focus.

Published in: Technology, Design
3 Comments
50 Likes
Statistics
Notes
  • Absolutely great!
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • good
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • This is a great presenation Colly .. i also fly over your website ..and found it very interesting..thanks for sharing ..
    Greetings from India !
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
No Downloads
Views
Total views
16,612
On SlideShare
0
From Embeds
0
Number of Embeds
1,125
Actions
Shares
0
Downloads
716
Comments
3
Likes
50
Embeds 0
No embeds

No notes for slide

Subconscious Design

  1. SUBCONSCIOUS DESIGN Simon Collison EECI2010, San Francisco @simoncollison colly.com
  2. This presentation is about starting points... DESIGN SQUARE ONE
  3. This presentation is not directly about... HTML & CSS JQUERY PHOTOSHOP EXPRESSION ENGINE these are our enablers
  4. I could list projects in every category from logos, to annual reports, to magazine covers, to packaging, to typefaces, to opening titles that could be considered landmark projects… But when it comes to web sites, I can’t think of a single www that could be comparable. ARMIN VIT Landmark websites, where art thou? Speak Up, April 2009.
  5. The screen brings with it different kinds of challenges for visual design, some of which occur exclusively in interactive media. It’s unrealistic to think our old methods can fill in all the gaps, but new interaction patterns and visual languages emerge everyday. These are the building blocks for our new design principles. JASON SANTA MARIA
  6. VISUAL GRAMMAR
  7. BALANCE COMPOSITION SYMMETRY MOVEMENT RHYTHM REPETITION PATTERNS
  8. MENTAL MODELS
  9. The models people have of themselves, others, the environment, and the things with which they interact. MENTAL MODELS
  10. Me Experience Interaction Others Environment Instruction
  11. MAPPING
  12. The relationship between two things. Natural mapping leads to immediate understanding. MAPPING
  13. Control Outcome
  14. Control Understanding Outcome
  15. AFFORDANCE
  16. An affordance is a quality of an object, or an environment, that allows an individual to perform an action. AFFORDANCE
  17. SYSTEMS
  18. We don’t design web pages. We design systems. ANDY CLARKE
  19. http://gregorywood.co.uk/ http://trentwalton.com/
  20. http://thebolditalic.com/ http://jasonsantamaria.com/
  21. MOTIVE
  22. What are our motives, and why do we go in one particular direction? MOTIVE
  23. NOSTALGIA
  24. A longing for the past, or the ephemera of the olden days, and the sense that everything was better than it is today. NOSTALGIA
  25. http://design-book.blogspot.com/search/label/posters
  26. RHETORIC
  27. The art of using language effectively in order to persuade. RHETORIC
  28. VERNACULAR
  29. The everyday language through which a group, community or regional area communicates. VERNACULAR
  30. HUMOUR
  31. The opportunity to present and exploit wit in order to communicate meaning. HUMOUR
  32. http://www.frankchimero.com/ http://www.atmostheory.com/index.php?/projects/commands/
  33. SEMIOTICS
  34. The study of signs offering an explanation of how people extract meaning from words, sounds and images. SEMIOTICS
  35. Symbol Icon Index
  36. TYPOGRAPHY
  37. By using typography we give a written idea a visual form. TYPOGRAPHY
  38. http://typekit.com/
  39. http://secondandpark.com/
  40. http://gregorywood.co.uk/
  41. http://trentwalton.com/
  42. http://seedconference.com/
  43. COLOUR
  44. Colour can bring designs to life, inform hierarchies, create bonds between elements, add pace or emotion. COLOUR
  45. 100% yellow 100% yellow 100% yellow 100% yellow 20% black 50% black 80% black 80% yellow 70% yellow 50% yellow
  46. RESTRAINT & REDUCTION
  47. Constructing immediate meaning through economy of use. RESTRAINT & REDUCTION
  48. PLAY PERSONALITY SELF-EXPRESSION
  49. COURAGE & CONVICTION
  50. THANKS Simon Collison @simoncollison http://colly.com

×