Curated by Carsonified

Learn with Treehouse

Accessibility, CSS3, Design, Django, HTML & CSS, HTML5, JavaScript, jQuery, NoSQL, PHP, Responsive Web Design, Ruby, Ruby on Rails, Tools, UX, Version Control, WordPress, iOS and more

Article 85

Graphic Design: The Forgotten Web Standard

By @mikekus

06 May 2009 | Category: Design

As part of my talk at the ‘Future of Web Design’ conference in London last week  I played this short film. It’s basically sped up footage of me making my slides for my talk.

Why I did it

  1. I think it’s interesting to see the design process as it happens. Quite a lot of the footage shows me working on designs that never made the deck. Every time I design something I find it hard and I worry about the outcome. I think it’s cool to show people that ideas just don’t fall onto the canvas.
  2. I’ve seen this sort of thing done before and I found it inspiring. I guess I hope you find this inspiring too :)

The music

The music I used is a track called Með suð í eyrum by Sigur Ros from their album Með suð í eyrum við spilum endalaust. It’s an amazing record and I suggest you all go out and buy it :)

Buy it here: moourl.com/ydh2w
More info on Sigur Ros: sigurros.com

Follow @thinkvitamin on Twitter Please check out Treehouse

Other Posts You Might Find Interesting

  • Sorry - No Related Posts Found

Comments

  • http://www.19eightyseven.com David Bonner

    Awesome as usual Mike!

  • http://robedwards.org Rob

    I enjoyed that mike, thanks for sharing. And I'll always watch a video set to sigur ros.

  • http://syrion.net Tjeerd van Sas

    Well, I find it inspiring!

    Nice to see similar designs back in your work! I sure hope more people will go for such an illustrative style instead of the web two dot oh apple-site clones. Thanks you for posting!

    note @ self: practice, experiment, practice, experiment…

  • http://dennisjcoughlin.com/ Dennis Coughlin

    Brilliant video Mike – I was there for FOWD and it was an inspiring talk.

    Ps – Also, thanks for the free poster! : )

  • http://www.nickburd.com Nick Burd

    beautiful

  • alextronic

    This was absolutely brilliant. Congratulations. Real talent.

  • http://twitter.com/andriijas Andreas

    Here's the link to that sigur ros album on spotify http://open.spotify.com/album/7cKMna4MR8xGwnuSPMA…

  • http://twitter.com/andriijas Andreas

    Here's the link to that sigur ros album on spotify http://open.spotify.com/album/7cKMna4MR8xGwnuSPMA…

  • eric

    Very beautiful to watch. Thanks!

  • http://www.conceptfusion.co.nz Simon Pritchard

    I would love to know how you acheived this time-lapse recording of your workflow? Did you just run a screen catpure tool such as Camtasia during all of your design time and then edit it down afterward or is there another trick to it?

    Wish I could have seen the presso itself… love the retro look.

  • http://www.twitter.com/afovea Anthony @afovea

    I have to say that this talk was THE highlight of the conference for me, coming from print to web design myself I really enjoyed having someone talk from a likeminded point of view. I have found myself conforming to web developers requirements and restrictions and sacrificing good asthetic and design for this end. The talk was such a kick up the arse for me and left feeling almost told off for betraying my roots in print, there's not reason not to bring that beauty into the web in any way we can. Thank you, in all seriousness and most genuinely, thank you!

  • http://twitter.com/richwells rich wells

    Really inspiring slides and a great video!

    The free poster from the day is now framed on my office wall
    http://www.flickr.com/photos/richwells/3506899801…

  • http://twitter.com/richwells rich wells

    Really inspiring slides and a great video!

    The free poster from the day is now framed on my office wall
    http://www.flickr.com/photos/richwells/3506899801…

  • http://twitter.com/richwells rich wells
  • http://twitter.com/richwells rich wells
  • http://graphiceyedea.co.uk prisca

    Thanks, Mike — just fantastic :)
    loved it at FOWD – now so happy I can share it with others ;)

    And I can only repeat what Anthony wrote – a truly inspiring talk, wonderful to go straight to the design itself – your slides were just beautiful, especially seen on the huge screen. A pleasure to listen to you and see your wonderful graphics — thank you!

  • http://prandall.com Paul Randall

    A great video – a really great way of watching design evolve.

  • http://www.twitter.com/jonathanhung jon

    impressive. im blown away

  • http://intensedebate.com/people/mikehedge Mike Hedge

    love it!

  • http://www.a-doughty.com Ashley

    Wow – That was awesome! I love to see how other designer's brains work ;-)

    Ashley

  • http://www.ciagt.com neileo

    brilliant mate! Nice choice of music too, Sigur Ros is awseome

    wish I could design that fast! lol

  • Tracey

    Wow. I'm totally jealous of your talent.

  • http://www.thethingswemake.co.uk Mike Kus

    Hey,

    thanks for all the comments guys… Much appreciated :)

    Simon – I recorded my screen with a little bit of software called 'iShowU' nice and easy to use.

  • http://www.whenweland.com Jason

    Cheers! Very well done!

  • http://intensedebate.com/people/theamoeba Jonathan Wagener

    really great, i love it.

  • http://www.eighty4.ca Sean

    this is really cool. like….REALLY cool.

  • http://justinhileman.info/blog justin hileman

    That's gorgeous. Than you for sharing.

  • http://www.tosba.net Oyunlar

    brilliant mate! Nice choice of music too, Sigur Ros is awseome

    wish I could design that fast! lol

  • http://www.siirpaylas.net ask siirleri

    I enjoyed that mike, thanks for sharing. And I'll always watch a video set to sigur ros.

  • http://www.ojonegro.com Nix

    Mike, I guess this is the 28th comment and quite possibly the first critical one of this whole post. I guess the initial critique I have is the fact that I was part of your FOWD 2008 audience in NYC where your workshop attempted to show "Professional Photoshop" techniques and was simple instructions on taking digital pictures that could be turned into textures. The technical difficulties didn't bother me at first, it was the simplicity of it as I watched several other audience members walk out of your extremely basic session….

    Then Ryan Carson introduced you to the whole crowd for the beautiful illustration you did for the footer of the FOWA site. It was nice indeed, but again, it was just a footer.

    But now, I have to stand up for the actual graphic designers out there who have been trained and are weathered typographers and layout experts when you title this post "Graphic Design: The Forgotten Web Standard." Your video clip was dramatic, but by cutting up your process and adding Sigur Ros, in my opinion, is simply not enough to prove your worth. I find it disappointing that it took 27 people to point this out and if anything, I find it proof that the skill of professional graphic design has been turned into an immediately available power that people barely educated can not only succeed at it but become an "author" on it.

    Your video quickly spells out "break conventions" but I see none of this. You use typical typefaces, the movement is cliché, the layouts are almost ALL CENTERED…

    Having seen you speak, you explain your work both live and online, I encourage you to study the grid, the history book of Meggs, the design of No Pattern, Design Republic, Clinton Clark, Electric Heat, Dreamers Ink Aesthetics, and don't just use "Carsonified" as your tag for being an author on design; I simply don't see great design here. I see good mediocrity.

  • http://www.helloimjames.com james

    nice one! really cool vid

  • Banksy

    Hey, Nix, well just point us to your talk on graphic design and we'll give your thoughts some consideration – oh mighty one.

  • ncc

    OMG – Mike's slides are ALL CENTERED? You're shitting me.

  • http://intensedebate.com/people/ryancarson Ryan Carson

    I'm sorry you felt the workshop in NYC wasn't valuable for you. Unfortunately it's impossible for us to pitch the level exactly right for everyone at the workshop.

    Having said that, your comment comes across as completely arrogant and it makes you look very jealous of Mike's stage time. It makes it hard to take you seriously at all.

    I'd also disagree strongly with you that you need to have studied agencies like Design Republic (who were brilliant originally, but proved they were incapable of adapting and have now gone out of business).

    Maybe you should show us why you have the right to call yourself an "actual graphic designer" and judge Mike so harshly?

    I know this is blunt, but I guess there's no other way to say it:
    Both ojonegro.com and michaelnixdesign.com are very mediocre (to use your own term).

    Maybe you should consider the quality of your own work before you trash someone else?

  • http://www.netbilen.com mustafa

    I have to say that this talk was THE highlight of the conference for me, coming from print to web design myself I really enjoyed having someone talk from a likeminded point of view. I have found myself conforming to web developers requirements and restrictions and sacrificing good

  • http://www.duslersesli.com duslersesli

    Than you for sharing

  • http://www.kucukucu.net köpekler

    thanks

  • http://www.asksiirleri.gen.tr siir

    Wow – That was awesome! I love to see how other designer's brains work ;-)

  • http://www.filmizlekap.com tysa
  • http://www.filmizlekap.com tysa
  • http://www.dizilerle.com das
  • http://www.dizilerle.com das
  • http://www.michaelnixdesign.com Nix

    Mr. Carson, thanks for responding. I actually found FOWD NYC very valuable and heard some great speakers. On another note, isn't the point of Web 2.0 to let people critique and discuss, without the owner of the site interjecting in such a loud way? I understand you're defending Mike and you probably should, but to throw back "your site also sucks" is just kind of silly. I'm not going to even defend my work in this realm because I think it speaks for itself and this post is about Mike's reel.

    Have a good weekend though

  • http://www.edebiyatdershanesi.com Çağhan Benli
  • http://www.edebiyatdershanesi.com Çağhan Benli
  • http://www.mytarz.net emo nickleri

    thanks for all the comments guys… Much appreciated

  • http://www.aliczanoutlet.com ASD
  • http://www.aliczanoutlet.com ASD
  • http://www.infoyogis.com Lee Norman

    Hi,

    Such an awesome video…. Nice graphic work with photoshop over there…. Certainly Graphic Design is the forgotten web standard … Thanks a lot for such a brilliant video… :)

  • http://www.powertr.net Müzik Dinle

    Very good news video, I love you graphic design ;)

  • IanVicious

    I did find that inspiring.

  • http://buybedsidecommode.info buy bedside commode

    Important information, very glad you posted this. I enjoy learning new things everyday so I like subscribing to blogs like yours. Derrick

  • http://www.porn007.net/vshare free sex share

    Very nice.I like it.
    ————————————————————
    Free Share Sex 18 Girls Porn Videos.
    http://zord800.blogspot.com
    No Signup,No username.

  • http://www.porn007.net/vshare free sex share

    Very nice.I like it.
    ————————————————————
    Free Share Sex 18 Girls Porn Videos.
    http://zord800.blogspot.com
    No Signup,No username.

  • http://www.ialem.net alem

    thankssss

  • http://www.linqk.com.au VoIP

    This was absolutely brilliant. Congratulations…!!!

  • http://www.checkseek.com/ discountchecks

    thank you for your sharing

  • http://www.salebestprice.com jhon

    Very beautiful . Thanks!

  • http://www.salebestprice.com jhon

    Very beautiful . Thanks!

  • http://www.goarticles.com/cgi-bin/showa.cgi?C=1598169 Shawn

    It's interesting to see things evilve on the Web. Dreamweaver is almost outdated, can you believe it? It jsut amazes me to no end.
    refinance

  • http://www.goarticles.com/cgi-bin/showa.cgi?C=1598169 Shawn

    It's interesting to see things evilve on the Web. Dreamweaver is almost outdated, can you believe it? It jsut amazes me to no end.
    refinance

  • http://renegadesystempro.com Ana

    Nice take love it…I was more inspired to work on my design!

  • http://renegadesystempro.com Ana

    Nice take love it…I was more inspired to work on my design!

  • http://www.ecommercewebsites.com.au/ ecommerce solution

    Thanks for sharing Mike. Its very nice and inspiring video.

  • mattyk

    That was amazing – thanks.

  • http://www.theoceanagency.com/blog/20090515/our-web-design-firms-links-of-the-week/ Our Web Design Firm’s Links of the Week | The Ocean Agency

    [...] design is still the basis of great web design– check out this video of the design process from Think [...]

  • http://jonhung.com/blog/?p=563 Jon Hung » Blog Archive » this week in UX

    [...] A video of a designer at work, at high speeds. Incredible and inspirational. [...]

  • http://detruk.blogspot.com detruk

    Ouch !
    I love the graphic style of the work shown in this video.
    You didn't answer when someone (don't remember the name sorry…) ask you if it was a mixed video (cut) or not ? If it isn't a mixed video it's very very impressive, you've got a great creativity ! Very talentuous. Congrats
    Sorry for my bad english language I'm french. :/

  • http://www.whenweland.com Jason

    I thought it was a nice execution and didn't realize there should be a critique(troll) of this magnitude.

    I agree with Ryan.

  • http://design-notes.info alex

    great video love it can we see more of this kind of video?

  • http://www.area1.info AREA 1

    Excellent video ! Great job !

  • Matt

    Loved that!

  • http://www.wherecanibuydietpillsonline.buyproactolhere.com/ where can I buy diet pills online

    audio is best to be added in web designing. the sounds, the videos and designs should match well. this can attract people.

  • http://www.askalemi.de sohbet

    Your article is very helpful

  • http://sovit.biz/carsonified-%c2%bb-graphic-design-the-forgotten-web-standard/ Carsonified » Graphic Design: The Forgotten Web Standard

    [...] is the original post:  Carsonified » Graphic Design: The Forgotten Web Standard SHARETHIS.addEntry({ title: "Carsonified » Graphic Design: The Forgotten Web Standard", url: [...]

  • Rafael Minero

    ¡Fantastic! This really makes me want to make stuff.

    Thanks

  • http://www.haberhatti.net Haber

    is a love of graphic design, art.

    Thanks for the article …

  • http://www.ne-nerede.com Sesli Sohbet Sesli Chat WebCam

    Fantastic! This really makes me want to make stuff.

    Thanks

  • http://www.seslichat.eu Sesli Sohbet Sesli Chat WebCam

    thought it was a nice execution and didn’t realize there should be a critique(troll) of this magnitude.

  • http://www.videoklip.eu VideoKlip Video Klip videoklip.net

    thank you for your sharing. Thank You Admin

  • http://www.videoklip.net VideoKlip Video Klip videoklip.net

    thought it was a nice execution and didn’t realize there should be a critique(troll) of this magnitude.

  • http://www.sesli-dunya.com Sesli Sohbet Sesli Chat kamerali chat

    thank you I’m sorry you felt the workshop in NYC wasn’t valuable for you. Unfortunately it’s impossible for us to pitch the level exactly right for everyone at the workshop.

  • http://www.zvo.us American Design

    WOW, This was exactly what I’ve been looking for. I’ve been searching for something like this for 4 days straight and was about to give up looking. Thanks SOOOO much, this is going to help tons with getting my next project started.

  • Web designer Singapore

    This blog is awesome it has got all the points i wanted to discuss, it has fulfilled my knowledge, i just liked this blog and i want to subscribe so can you please tell when your blog gets updated and what is the procedure to subscribe in details.

  • murat
Learn Web Design!

Ads Via The Deck

Think Vitamin Radio
Episode #34: Amazon Fire and Responsive Roundtable

Check out our bi-weekly radio show. Covering the hot topics on the web.

Audio clip: Adobe Flash Player (version 9 or above) is required to play this audio clip. Download the latest version here. You also need to have JavaScript enabled in your browser.

Download Podcast as mp3

Advisory Board

The Think Vitamin Advisory Board in place make sure that you receive the best content possible.