Graphic Design: The Forgotten Web Standard
Upcoming SlideShare
Loading in...5
×
 

Graphic Design: The Forgotten Web Standard

on

  • 99,019 views

A talk I gave at the 'Future of Web Design' conference on 30th April 2009.

A talk I gave at the 'Future of Web Design' conference on 30th April 2009.

Statistics

Views

Total Views
99,019
Views on SlideShare
48,570
Embed Views
50,449

Actions

Likes
265
Downloads
3,484
Comments
18

175 Embeds 50,449

http://www.thethingswemake.co.uk 29243
http://thethingswemake.co.uk 5776
http://tableless.com.br 2877
http://azmigraphics786.blogspot.com 2241
http://urbanlibas.com 1495
http://thecuriousbrain.com 1410
http://events.carsonified.com 887
http://www.jomarhilario.com 631
http://www.emob.fr 597
http://ueberzeugend-praesentieren.de 551
http://prettylines.com 460
http://blog.fabioseixas.com.br 384
http://composicionvisual.blogspot.com 235
http://www.slideshare.net 206
http://blog.barbayellow.com 181
http://www.fran6art.com 148
http://www.urbanlibas.com 116
http://composicionvisual.blogspot.mx 114
http://lj-toys.com 99
http://createordie.de 98
http://actenblog.jellyfeed.com 96
http://randolph623.wordpress.com 93
http://unjobs.org 93
http://eyelearn.org 92
http://ingd.tistory.com 90
http://azmigraphics786.blogspot.it 90
http://azmigraphics786.blogspot.in 82
http://azmigraphics786.blogspot.ru 80
http://doigtthon.wordpress.com 78
http://bradenlow.com 77
http://azmigraphics786.blogspot.jp 61
http://siempregrafico.blogspot.com 58
http://shubox.net 58
http://www.codiki.com.dev 57
http://webeyedea.info 55
http://azmigraphics786.blogspot.de 54
http://www.weebly.com 54
http://azmigraphics786.blogspot.pt 54
http://azmigraphics786.blogspot.kr 51
http://www.bibox.fr 49
http://www.coreycanada.com 48
http://aveef.comlu.com 46
http://composicionvisual.blogspot.com.es 45
http://www.ryancerbus.com 45
http://azmigraphics786.blogspot.ca 40
http://azmigraphics786.blogspot.com.es 40
http://azmigraphics786.blogspot.co.uk 38
http://blog.cargoo.net 35
http://azmigraphics786.blogspot.com.au 33
http://composicionvisual.blogspot.com.ar 29
More...

Accessibility

Categories

Upload Details

Uploaded via as Apple Keynote

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

110 of 18 Post a comment

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
  • Nice collection but the slides are not enough to produce more quality designs. If you are a newbie or starter then you cannot learn about those thing which you want to convey as requires more detail. http://www.craftive.com/logo-design/custom-logos.asp
    Are you sure you want to
    Your message goes here
    Processing…
  • nice collection of work.

    great eye candy.
    Are you sure you want to
    Your message goes here
    Processing…
  • good
    Are you sure you want to
    Your message goes here
    Processing…
  • Typology
    Are you sure you want to
    Your message goes here
    Processing…
  • Excellent and very helpful. Great slide.

    Thanks for sharing.
    Parcel delivery from http://www.clickandsendparcel.com
    Are you sure you want to
    Your message goes here
    Processing…

110 of 18

Post Comment
Edit your comment
  • Intro - Designer at Carsonified <br /> So title of my talk is: Graphic Design: The Forgotten Web Standard. <br /> Talk in two chapters: <br /> 1. Observations from 2 years as a web designer. Balance of converation - Code/tech over design. <br /> 2. How graphic design can help us create ACCESSIBLE - USABLE and BEAUTIFUL sites. <br /> <br />
  • Print background <br /> One day two years ago got drunk <br /> Then I fell in love with web design <br />
  • Taught by Nick Harris <br /> <br />
  • the last two years have been an interesting time. <br /> sucked into world of web. <br /> learnt code + how web industry works. <br /> <br /> <br />
  • Amazed at community interaction, conversation, passion. <br /> forums, blogs, events, meet-ups. <br /> <br /> It’s great to see that passion and interaction on - <br /> Something that didn’t happen to me in the print world. <br /> <br />
  • Really struck me - Code based tech chat - <br /> Semantic Markup, CSS, Microformats, Progressive Enhancement. <br /> This is all cool - we need to learn. <br /> Flip side to this. <br />
  • 1. Obsessive, repetitive conversation over minor details <br /> h1 debate, where to use spans, site width, the fold, VALIDATION. <br /> <br /> 2. BUT EVEN *TOO MUCH* OF THE SENSIBLE CHAT CAN BE COUNTER PRODUCTIVE! <br /> <br /> EXAMPLE: Progressive Enhancement. Party glass - Richer user experience. <br /> <br /> The excessive focus on theories, tools and process rather then end product. <br /> We need to learn - but not obsess - Artists debating paint brushes??? <br /> <br /> These obsessions can hampers progression - web is new - finely tuning an old engine <br /> These debates are cogs in a much larger machine. <br />
  • it’s interesting we tend to focus on the technical side... <br /> because I don’t think limitations come from our tools... <br /> they come from our imaginations. <br /> <br /> You can know your tools inside out... <br /> but you still need to be able to design <br />
  • There’s a missing conversation on the web <br />
  • I care.. we all care about web standards & graphic design contributes to this - <br /> Graphic design is your greatest weapon in creating - ACCESSIBLE - USABLE and BEAUTIFUL websites <br /> <br /> Lets take a look how graphic design can do this. <br />
  • Layout: <br /> make your site easy to use. <br /> don’t over complicate things. <br /> design for flow. <br /> use space space to balance content. <br /> UI design - Ryan Singer. <br /> DESIGN FOR EXPERIENCE <br />
  • Make your site engaging. <br /> make it beautiful. <br /> Make it connect Emotionally <br /> <br /> The bit I love! <br /> progressive enhancement debate. <br /> Richer user experience by design. <br /> <br />
  • <br />
  • <br />
  • Typography contributes to accessibility and the beauty of your site. <br /> Size, style, contrast, clear titles, readable paragraphs. <br /> Attention to detail with - tracking and leading (letterspacing, line height) <br /> <br /> get creative with type - Type bases for great design! <br /> <br /> Web typography debate: <br /> it’s how we use fonts <br /> not how many we have <br />
  • Copy is... <br /> informative <br /> engaging - factually & emotionaly <br /> Good Copy influences design <br /> Strapline example <br />
  • <br />
  • <br />
  • <br />
  • Colour is beautiful and complicated. <br /> Communicates <br /> Seduces <br /> Creates Mood <br /> Learn colour theory <br /> Choosing schemes - Dulux charts <br />
  • whole other talk <br /> photography and illustration <br /> bring a page to life <br /> use none over crap <br />
  • web is drowned in trends <br /> make your mark by breaking away <br /> ask yourself why? flickr feed, twitter feed. <br /> Are you adding content for sake of it? <br /> <br /> Become the trendsetter <br /> stay away from galleries for inspiration - use books & your environment <br /> Go to smashing magazine - check 2009 trends - avoid them <br />
  • Imagine your web page in print. <br /> Think outside the context of the web. <br /> It’ll make you think of things you’ve never though of before. <br /> <br />
  • Future of web design is many things: <br /> Web design is Graphic Design. <br /> Front end code + design is part of the same job. <br /> Code is a web designer’s paint brush - use it well... but concentrate on the canvas not the brush. <br /> *Learn from past masters to catapult you into the future* <br /> <br /> Committed to web standards??? <br /> <br /> Web is beautiful place - it’s new - it needs to grow - you’re responsible for that. <br /> ***Graphic design is club - Hillman Curtis Film*** <br /> <br />
  • You might have noticed that I’ve used my slides to experiment with some graphic design. <br /> Nice way to end my talk. <br />
  • I have a poster <br /> <br /> my influences. <br /> Grow up with david carson and neville brody <br /> recently: peepshow collective and i love dust <br /> Joseph Müller-Brockmann (these slides) <br /> searching flickr <br /> <br />
  • <br />

Graphic Design: The Forgotten Web Standard Graphic Design: The Forgotten Web Standard Presentation Transcript