Subconscious Design
Upcoming SlideShare
Loading in...5
×
 

Subconscious Design

on

  • 13,742 views

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 ...

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.

Statistics

Views

Total Views
13,742
Views on SlideShare
12,623
Embed Views
1,119

Actions

Likes
52
Downloads
689
Comments
3

14 Embeds 1,119

http://www.slideshare.net 1055
http://lanyrd.com 19
http://www.lmodules.com 17
http://bbkud.posterous.com 7
http://true-penny.net 4
http://translate.googleusercontent.com 4
http://nastyk.net 3
http://eeciconf.com 3
http://estoucheprobando.blogspot.com 2
http://fedora.halehamilton.com 1
http://static.slidesharecdn.com 1
http://localhost 1
http://eecieventguide.com 1
http://awesomepitch.co 1
More...

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
  • Absolutely great!
    Are you sure you want to
    Your message goes here
    Processing…
  • good
    Are you sure you want to
    Your message goes here
    Processing…
  • This is a great presenation Colly .. i also fly over your website ..and found it very interesting..thanks for sharing ..
    Greetings from India !
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Subconscious Design Subconscious Design Presentation Transcript

  • SUBCONSCIOUS DESIGN Simon Collison EECI2010, San Francisco @simoncollison colly.com
  • This presentation is about starting points... DESIGN SQUARE ONE
  • This presentation is not directly about... HTML & CSS JQUERY PHOTOSHOP EXPRESSION ENGINE these are our enablers
  • 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.
  • 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
  • VISUAL GRAMMAR
  • BALANCE COMPOSITION SYMMETRY MOVEMENT RHYTHM REPETITION PATTERNS
  • MENTAL MODELS
  • The models people have of themselves, others, the environment, and the things with which they interact. MENTAL MODELS
  • Me Experience Interaction Others Environment Instruction
  • MAPPING
  • The relationship between two things. Natural mapping leads to immediate understanding. MAPPING
  • Control Outcome
  • Control Understanding Outcome
  • AFFORDANCE
  • An affordance is a quality of an object, or an environment, that allows an individual to perform an action. AFFORDANCE
  • SYSTEMS
  • We don’t design web pages. We design systems. ANDY CLARKE
  • http://gregorywood.co.uk/ http://trentwalton.com/
  • http://thebolditalic.com/ http://jasonsantamaria.com/
  • MOTIVE
  • What are our motives, and why do we go in one particular direction? MOTIVE
  • NOSTALGIA
  • A longing for the past, or the ephemera of the olden days, and the sense that everything was better than it is today. NOSTALGIA
  • http://design-book.blogspot.com/search/label/posters
  • RHETORIC
  • The art of using language effectively in order to persuade. RHETORIC
  • VERNACULAR
  • The everyday language through which a group, community or regional area communicates. VERNACULAR
  • HUMOUR
  • The opportunity to present and exploit wit in order to communicate meaning. HUMOUR
  • http://www.frankchimero.com/ http://www.atmostheory.com/index.php?/projects/commands/
  • SEMIOTICS
  • The study of signs offering an explanation of how people extract meaning from words, sounds and images. SEMIOTICS
  • Symbol Icon Index
  • TYPOGRAPHY
  • By using typography we give a written idea a visual form. TYPOGRAPHY
  • http://typekit.com/
  • http://secondandpark.com/
  • http://gregorywood.co.uk/
  • http://trentwalton.com/
  • http://seedconference.com/
  • COLOUR
  • Colour can bring designs to life, inform hierarchies, create bonds between elements, add pace or emotion. COLOUR
  • 100% yellow 100% yellow 100% yellow 100% yellow 20% black 50% black 80% black 80% yellow 70% yellow 50% yellow
  • RESTRAINT & REDUCTION
  • Constructing immediate meaning through economy of use. RESTRAINT & REDUCTION
  • PLAY PERSONALITY SELF-EXPRESSION
  • COURAGE & CONVICTION
  • THANKS Simon Collison @simoncollison http://colly.com