articles on

30 Design Meditations

30 Design Meditations

Last weekend while I was organizing my house, I found a really cool book I had forgotten I had. The book is called "401 Design Meditations" and it’s all about insights and thoughts from leading designers. There are amazing quotes which are very inspirational. Below I have listed some from the book and others I have found online: "Art does not reproduce what we see; rather, it makes us see." Paul Klee - Swiss painter, graphic artist, and art theorist "Design without thinking is like a story with no plot." Pat Hansen - Pat Hansen Design "There are only two types of graphic design: good and bad." Ken Cato - Principal, Cato Purnell Partners "A common mistake that people make when trying to design something completely foolproof is to underestimate the ingenuity of complete fools." Douglas Adams - Creator of The Hitchhiker’s Guide to the Galaxy "My wife keeps complaining that I am married to my art. But my art keeps complaining that I am still sleeping with my wife." Emek - Artist and designer "Every night I pray that clients with taste will get money and clients with money will get taste." Bill Gardner - Principal, Gardner Design "We spend a lot of effort trying to make things look effortless." Alexander Isley - Principal, Alexander Isley Design "I am a student - a beginner like you are... To learn yourself is more difficult than to listen to a teacher." Alexey Brodovitch - Addressing a design laboratory class in 1954, excerpted from Nine Pioneers in American Graphic Design, by R. Roger Remington and Barbara J. Hodik "To do what you love to do and do what you hate to do at the same time is to be an artist." Emek - Artist and designer "My early design work looks like I was sick and my throw-up designed it." Jesse von Gluck - Motive Design "These days all you need is the ability to watch television and hold a potato at the same time to call yourself a designer." Glenn Martinez - Sun Microsystems "You will never really like anything you do, and you will die knowing that you still have to do your best." Garth Walker - Orange Juice Design "The work is hard, if you can get it." Steve Sikora - Design Guys "Never let your clients see you drive a more expensive car than they drive." Rick Tharp - Principal, Tharp Did it "Design awards are pure vanity. Except for all the ones we’ve won." David Turner - Principal, Turner Duckworth "Being a famous designer is like being a famous dentist." Noreen Morioka - Principal, AdamsMorioka "You have to be careful what you criticize today because it may be a new way of looking at things tomorrow." Herbert Matter - From a clipping the Swiss designer had filed away with his own papers "Change for the sake of change has nothing to do with vision." Jack H. Summerford - Designer and writer "It is not the answer that enlightens, but the question." Eugene Ionesco - French playwright "We imagine ourselves able to do anythng, and our software helps us believe that we can... But we must consider the what and the why." Neville Brody - designer "A well-defined problem is half solved." Michael Osborne - Principal, Michael Osborne Design "The evolution of the form begins with the perception of failure" Henry Petrosk - From the evolution of Useful things "A good design is not learned - it is realized." Jesse von Glück - Motive Design "Use a unique point of view: your client’s." Earl Gee and Fani Chung - Principals, Gee+Chung Design "There are no bad clients, only bad designers." Bob Gill - Founding partner of Pentagram; from Graphic Design as a Second Language "The moment clients realize that the revisions are not an all-you-can-eat buffet, suddenly, they realize they are not hungry." Soonduk Krebs - Principal, SK Designworks "I’ve yet to have a client ask me to make them look smaller than they are." Bill Gardner - Principal, Gardner Design "Without contrast, you’re dead." Paul Rand - designer and art directors "If you have a great idea, it will tell you how to execute it." Jack H.Summerford - Designer and writer "We just build stuff we want to use. If we need it, they need it." Jason Fried - 37Signals "Too much teamwork, too many cooks in the kitchen, too many people making decisions." Jason Fried - 37Signals

Wedeed logo

Lately I have been working with my brother on a promising project. Actually I shouldn’t even been talking about that now, but it’s necessary to say some things. Basically it’s all about CSS, it’s really cool, and it's called Wedeed. Anyway, what he asked me to do was the logo and later its GUI. “Well, you don't need to hire any creative designers for making those web 2.0 style logos for your blog - just follow any of these tutorials. And if you hate reading instructions in text, head straight to the video tutorial.“ It’s amazing the number of tutorials showing how to create a web 2.0 logo, actually, there are really good tutorials, but almost all of them showing us how to create those web 2.0 effects, rather than how to come up with a good idea, and that was I was looking for. For this logo our goals was to create a really simple logo, easy to understand, web 2.0, and beautiful. 1 - We follow some ideas like: Cascading Pages Separate design from data Different Colors Simple typeface Flipping pages   2 - Definitions A Cascading Style Sheet (CSS) provides the ability to separate the layout and styles of a web page from the data or information. Styles such as fonts, font sizes, margins, can be specified in one place, then the Web pages feed off this one master list, with the styles cascading throughout the page or an entire How CSS works 3 - Some inspiration: What people have been doing. 3 - My ideas: The idea of layers perfectly represents the separation of the design from the data. Looking for some references and inspiration, nothing like google images and flickr Some of the initial digital tests 4 - Fonts of the web 2: There are really great sites showing examples, though I think the simplest the best. Font variations, colors and alignments Great fonts for web 2.0 Web 2.0 logos(fontshop) Andy Budd's SXSW keynote 6 - Adjustments: Some adjustments in the perspective, testing opacities and effects. Trying some colors and opacities 5 - Final Result: Pretty much the simplest version of them all.

The Zee's typeface, step by step

In 2006 we renewed the brand of our company, Zee. One of our goals was to create a really unique typeface, I mean a custom face that couldn't be bought or easily found. Thinking about that we had two options: modify an existing typeface or create one from the scratch. After some search to fonts we decided to follow our second option and design a font from nothing, or barely nothing, because we had some thoughts about what we wanted. The idea of the font is really basic, a module that we could repeat it as many as possible to create the whole alphabet. That was what we did. For the module we chose a circle and picked a quarter of it. With the module choosen we started creating some characters, in our case, many characters were just the rotation of a font such as E, A, 9, 6. 9, 6, A, and E are the same character rotated or mirrored. The same happens to C, L, J, O... There were some characters that needed more attention like the V, W, T, K. The V and W are cool while the T, I think, needs some improvements. The main goal of this typeface was to be the ZEE' logo, as the name has basically 2 characters and with the E done, the Z was the most complicated one. It had to be different and cool. The Z took a lot of time to be done, it's a mix of the A with the 8. The whole alphabet was created, however there are some issues like kering, spacing, and a lot of special characters to be created if I want to distribute it as a font, though I'm creating the TTF file with what I have done so far, and as soon as I finish it I will put it here to download. There are some letters that still need some adjustments, such as the Q,Y, and 4. Despite the fact that the alphabet is not totally done, this font has been used since last year as the ZEE's logo. One thing that the font really needs is a name. Please if you have a suggestiong let me know. Zee's website and its logo with the zFont. Technorati Profile

Logos and their Meanings

This site has good stuff, as they ask, ever wondered what company logos mean and whats the significance behind them? Wonder no more! show some logos and theirs meanings like the Amazon's logo, I always wanted to know what that arrow means, and the explanation is really cool. You might think the arrow does nothing here. But it says that has everything from a to z and it also represents the smile brought to the customer's face. If you want to know more about logos and their meanings you have to check that out. powered by performancing firefox