Page #6 - Neography


Design Quotes Display.

Monday, February 1st, 2010

Bring inspir­ing, insight­ful and thought pro­vok­ing design quotes to your work­place, home or any­where you have a computer.

They say that as a designer you should sur­round your­self with things that inspire you, whether they are books, posters, music, magazines etc.

A few days ago while going about my daily brows­ing and came across a beau­ti­ful quote:

Design is an oppor­tun­ity to con­tinue telling the story, not just to sum everything up.

— Tate Linden

I quickly found myself search­ing for more quotes about design, there are tons of really good ones out there. After a while I star­ted think­ing, wouldn’t it be great if we could dis­play these quotes on our com­puters in full­screen mode? maybe as a screensaver or an inter­act­ive slideshow?

I’m all about sur­round­ing myself with things that inspire me, things that help set a mood and get you think­ing. Over at the nclud stu­dio we have a set of LCD screens where we dis­play cli­ent work dur­ing meet­ings or some­times use to play Mario Kart. When not in use the screensavers come on and I figured, let me setup a sys­tem that allows us to dis­play these inspir­ing quotes in full screen mode, as a screensaver. What bet­ter to get you in the mood when design­ing than read­ing design quotes from some of the great minds of past times and our time?

Enter Design Quotes

Head over to http://neography.com/designquotes/ and take a look for yourself.

Design Quotes ScreenSaver

It is a web page where quotes appear one after another at ran­dom, I accu­mu­lated just under 200 quotes and with the help of a WP plu­gin and a bit of jQuery I was able to put the visu­alza­tion together.

How to set it up as a screensaver

Mac users can use IdleWeb, a nice little app that allows you to set up any webpage as your screensaver. Just make sure you set it up in “kiosk” mode within the screensaver options.

  • Down­load IdleWeb Snow Leo­pard com­pat­ible: IdleWeb 2.1
  • If you are not on Snow Leo­pard yet, you can down­load an older ver­sion here: IdleWeb 2.0 or use Web­Saver.

There are sim­ilar options for win­dows users, although I haven’t tested any of them.

Another option is to use browser plu­gins to set the browser win­dow in full­screen mode, again I haven’t tried yet, but I’m sure it’ll work just fine.

Fea­tures & improve­ments to come:

  • More Quotes
  • Ambi­ent Sound
  • Prev/Next links
  • An RSS Feed
  • iPhone optim­ized version
  • Color Schemes

So there you have it, enjoy and if you have any com­ments or sug­ges­tions feel free to let me know.

24 Comments

  1. 1
    Dan February 1st, 2010

    Cool, an anim­ated ver­sion of http://quotesondesign.com/

  2. 2
    Alex Giron February 1st, 2010

    @Dan ini­tially I wanted to use http://quotesondesign.com but I couldn’t get their API to work the way I wanted, also I wasn’t too crazy at some of the quotes they serve so I opted to build my own system.

  3. 3
    Dan February 1st, 2010

    @Alex ..ah, that’s a shame, there’s some good quotes on QoD. On a side note, lik­ing your com­ments lay­out — kinda groovy too.

  4. 4
    Alex Giron February 1st, 2010

    @Dan I plan on adding more quotes as I go and I might setup a quote sub­mis­sion page so that people like you can sug­gest cer­tain quotes :)

    Oh, and thanks for the nice com­ment about the com­ments layout.

  5. 5
    Dejan Dimic February 2nd, 2010

    This is so nice and inspiring.

  6. 6
    Jason Beaird February 2nd, 2010

    Great idea! This is per­fect for a con­fer­ence room screen saver. If you’re using idleweb, it’s worth not­ing that you have to set it to Kiosk to pre­vent it from scrolling. Thanks for the tip, Alex!

  7. 7
    Alex Giron February 2nd, 2010

    @Jason That’s exactly how I envi­sioned it being used. Awesome.

  8. 8
    Rodney Boot February 2nd, 2010

    Great idea. Maybe you could cre­ate a little book too.

  9. 9
    John McCulley February 2nd, 2010

    nice work and fun inspir­a­tion. great to use before a present­a­tion to client.

    i still have not upgraded to leo­pard and the 2.0 ver­sion at idel­web is not available…

    any sug­ges­tions?

  10. 10
    Alex Giron February 2nd, 2010
  11. 11
    Jim February 5th, 2010

    Nice! It could be use­ful with a permalink to each quote, to save and share.

  12. 12
    Suki February 11th, 2010

    Good job, I like it a lot. Hope to see you add more quotes. I’ve fea­tured about it in my blog with a link back here.

  13. 13
    @gariphic March 11th, 2010

    Glad i found this, real nice job.

    Be sure to check out “401 Design Med­it­a­tions: Wis­dom, Insights, and Intriguing Thoughts from 150 Lead­ing Design­ers ~ Cath­ar­ine Fishel — a great source of design quotes.

  14. 14
    GOUZABO NATHAN March 15th, 2010

    je suis un appren­and en informtique je voudrait rece­voir un cours sur la con­cep­tion des jeux et ecran des veille. s’il vous plait voler à mon secours.

  15. 15
    Zak March 19th, 2010

    This is great! It would be cool to have facebook/twitter but­tons so you can share one you like.

  16. 16
    h1brd April 11th, 2010

    Bril­liant, works really well as screensaver :) thanks.

  17. 17
    CSS-Design-Blog May 20th, 2010

    Great solu­tion for present­ing quotes.

  18. 18
    Ant Gray June 3rd, 2010

    My browser has bugs with text when it become trans­par­ent (col­our arti­facts on edges).

  19. 19
    Anne June 23rd, 2010

    This is really great, Alex. IdleWeb didn’t work for me but Web­Saver did. Maybe because I have 2 screens? Any­way, now I get a dif­fer­ent quote on each screen. Love it.

  20. 20
    Fabio Franca July 17th, 2010

    Your com­ment area is great :)) your little screen saver too… congrats..

  21. 21
    Laura Meider July 28th, 2010

    This is a great solu­tion. Hav­ing them large will seem so much more inspir­a­tional and have much more mean­ing to them. I think every­body should have a quote on their desktop and it should change every­day! The lay­out is very clean, you could do some­thing even my typo­graphy based on this idea but I quite like how simple it is! Keep us all updated on your devel­op­ment on this.

  22. 22
    Adam Schoales October 29th, 2010

    Used to work great on my old Mac­book Pro with idleweb but my new Unibody never seems to dis­play right. Idleweb either shows noth­ing or too big text, and web­saver shows noth­ing but the info bar the begin­ning… Help would be great! adam at adam­scho­ales dot com

  23. 23
    Alex Giron November 3rd, 2010

    For those of you on Max OS Leo­pard or newer, I’ve cre­ated a nat­ive screensaver you can down­load here:

    http://bit.ly/dqsaver

  24. 24
    Tate Linden July 28th, 2011

    Con­trary to rumor, I’m not some dead 19th cen­tury artist.

    I’m pleased that my quote got you motiv­ated to cre­ate some­thing mean­ing­ful. Bravo! (Just found it now, so… bet­ter late than never.

    Feel free to link to my name to my 21st cen­tury @thingnamer twit­ter account if you wish.

    Cheers!

Got something on your mind?

 characters available