Sickdesigner

My name is Radu Chelariu, I'm a web designer and here you can get to know me better.

Keeping a keen eye out – Design in the real world

Looking for inspiration in sources outside of our tiny design universe is a widespread idea being tossed & turned around design blogs. And while all the information on this subject out there is pertinent & well worth noting, I couldn’t help notice that very few, if any, of the articles related to this topic actually delve deeper beyond just an imperative. So, this post is all about the HOW in being inspired by the world around us and HOW to look at it in such a way that you can extrapolate information regarding design from it. Consider this post as a continuation of all the posts you’ve already read about being inspired by real things. And just in case you haven’t come across any yet, I’ve put together a short list with some of the best articles relating to this subject at the end of this post.

Here a building, there a building … oh, it’s a city

Most of us live in urban areas. That’s pretty much a given. As such, some of the most common things around us are buildings. Now, buildings offer great design inspiration without a lot of work (or even movement for those of you that are borderline agoraphobic). From uber clean modern buildings, to old, decrepit shacks, each city has its wide range of dwellings, just for your taking. So, what do these mighty monoliths have to offer of design value?

You could just take a picture of a building you like, go home, sample it and use it either as a pattern or as regular texture in your next design, and that’s just fine, but you’d have learned nothing from the experience. When at location, take the time to really look at the building. Look at it’s walls, how the light falls, how the texture creates shadows, how colors blend and twist etc.
Let’s not fidget about, though, and get a proper example:

What can we say about this wall? It’s…brown and green? It’s made of wood? Yeah, sure, but look deeper than that. It’s rough, it’s not uniform, it has different colors and shades and bumps, cracks, folds, crevasses, the list can go on and on. So here’s a specific for ya: I’ve highlighted a section of the photo, to illustrate my example. Notice how, where paint peels off, the part that’s higher is lighter (the Highlight arrow) and how immediately under this highlight there’s a pretty strong shadow. Also, under the green paint, the wood isn’t uniform either, the lower part of the plank is grayer. You see, all these things can help you achieve an effect in your design. If you want to add depth to an element, now you have a way of doing so that’s not only cool and easy to remember, but it also appears in nature. So I’ve taken this information and put together a menu bar:

The menu bar design doesn’t just use the elements we’ve taken from the real life wall, it also takes on a life and feeling of it’s own. It stops being a dirty, grungy, distressed wall and looks like something one could easily use in a design related to gardening, maybe. That’s how you sample real life and turn it digital. But wait, there’s more!

Finding inspiration in crap

But let’s not get stuck on buildings. Things all around us have unlimited potential. Even things you’d think are total crap. Like a big pile of used tires, for example.

As you can see, this isn’t exactly the best looking pile of tires in the world, but that’s good. It’s something anyone is likely to see at one point or another, regardless where you live. Obviously, the lesson here is rubber as a material. How light falls on it, how do the grooves in the tires cast shadows and how does the fact that they’re round affect color and light. It’s all about taking a virtual step back in your own head and trying to analyze the material, the shape, the texture, basically breaking down an object into individual components and extrapolating information. It’s actually a lot easier than I make it sound. Anyone can do it. So let’s see a practical example of how extrapolating information from a big pile of crappy tires can translate into design:

Applying physical properties that you notice on the real object to a design element is one of the skills I think are most important to the artistic side of design. How fitting would this bar be in the header of a garage’s website. And the fact that you’re not just slapping textures mindlessly also means you have control and ease, in case your client should suddenly decide he/she likes four grooves instead of two, or something similar.

Analyzing and understanding not just the way things look, but why, can help your design skills grow immensely.

Kiss my shiny metal … car

The second most common things around us are, probably, cars. While cars themselves are a serious source of inspiration, we’re focusing on what they’re made of, which is mostly metal.

Again, this is just a normal scene you can find anywhere around you. Metal is, still, to me, one of the most interesting and hard to understand materials, in terms of the way light hits it. At certain angles it catches spot highlights and looks really shiny, but change the light angle even a bit and you can get either a flat gloss or color dispersion. It’s crazy! Oh, and don’t even get me started on different types of metal!

This last picture is up to you to figure out. Take a step back, squint your eyes, sing Celine Dion (what? it might just work). Whatever gets you there.

I deliberately selected only pictures that are not of exceptional quality and that do not take great photographic skill to better illustrate how all of these techniques can be learned by anyone. It doesn’t take talent, not even a lot of work, just a bit of focus and a desire to better understand the world around you and how it works. It’s all about the how.

As promised, here are some of the best articles from around the interwebs on the subject of inspiration from reality:

Offline Inspiration for Web Designers by Mike Kus
10 Unusual Places to Get Design Inspiration by Kayla Knight
Offline Inspiration: How To Find It and Get The Most Out Of It by Kayla Knight

I firmly believe that having a method to how you’re being inspired and influenced professionally is a cornerstone in a designer’s career. So drop a line below describing how you manage to squeeze inspiration from reality. How do YOU bend reality to your needs?

by Radu Chelariu

10 Comments

  1. Great post! I always have a camera with me (iphone) so I am always taking pictures for inspiration. When I meet with clients, if I see something in their business that inspires me, I will take a picture and incorporate it into the the design, either through the colors, shapes or textures. Inspiration is everywhere if you open your mind to it!

  2. That’s the spirit, Bill! Though I am reminded of a quote: “If you open your mind too much, your brain will fall out.” – Tim Minchin. :) )

  3. haha! but that’s OK if that happens! It’s good to clear your mind every once in a while ;)

  4. That’s actually the smartest reply I’ve heard in a long while. I salute your brilliant response, sir!

  5. This cracks me up because every time I am driving behind a car I end up looking at the medal label and try to figure out what font is used and how I would recreate the text in photoshop/illustrator. Great article and thanks for sharing

  6. Arjun Phlox says:

    Absolutely great view!! The way I see is the same. :)

  7. Great read! I found myself doing this very thing recentlyat the SXSWi conference. In the hilton hotel’s meeting room (or one of them) there’s a beautiful chandelier hanging from a wonderfully crafted and lit ceiling, which I just had to take a photo of!

    Great examples of applying what you’ve found to a real design, cheers Radu!

  8. Sweet Gigiddy, that’s a lot of comments all at once!
    Thanks everyone, it’s great to see such good feedback!

    Now for some specifics:
    @Brandon: font recognition is why sometimes one can find me just staring, and I mean really staring for a few minutes like I’m in my own world or something. It’s crazy, but I suspect I’m not the only one; and it’s great to see someone else doing it (just don’t get too caught up…you know, with the driving and all)

    @Arjun: The I guess we have to agree that we both have great views :)

    @Russel: First of all, I hate you (but in a good way) for going to SXSW because I was unable, second, I totally understand. I’m like a cat: give me something shiny and pretty and I’ll analyze it for hours :)

  9. This actually applies to me in a quite weird way.

    I buy quite some (web)design magazines and one of them was on my desk on a random page. From where I was sitting, I tought I saw a picture with some quite strange creatures and started drawing my own.

    Later inspecting the magazine the picture turned out to be a skate track of some sort.

    Now I’m gonna redesign my portfolio with the ‘original’ creatures all around.

    I guess inspiration is quite a strange thing.

  10. Paola Lozano says:

    Nice post, inspiration is everywhere you just have to look 4 it.

Speak your mind

RSS Twitter Facebook Dribbble LoveDSGN Flickr