I don’t think I’ll ever forget this, Andy Clarke dancing…
A little while ago I wrote an article about ‘a
I used to stay away from sketching, I guess I was a little stubborn thinking I could do everything off the top of my head. I think the stubbornness was one of the largest contributors to me nearly losing my mind on numerous occasions. There were two ways I started a new project,
- I used to work by inspiration, waiting for that great idea and quickly jump in to Photoshop.
- Go straight in to Photoshop and start moving around elements of the design.
I can tell you now I was going about this all wrong.
Sketching is a lot more than just putting pencil to paper. It’s about understanding, thinking, planning and iteration. As part of the design process sketching is a hugely under-rated step.
The more you understand the project you’re working on, the easier the sketches happen. Whilst you sketch you notice things that you probably wouldn’t have if you’d gone straight into Photoshop/Fireworks or the browser. It helps you understand the context of the content you’re working with and help you put everything in order. Designers are a unique in that we deal with elements of design and understand how they’re supposed to be used, sketching helps us justify our decisions for dealing with things people feel and sometimes don’t see.
Granted we can think about design whilst we’re using our tool of choice, but often we get caught up in what we’re doing and charge ahead for that aesthetic look instead of keeping our minds on the on the real goal which is the core of the design. Sometimes we set ourselves up for a fall by thinking to literally instead of figuratively. Yes there are rules, or guidelines which can be followed but there’s no reason why we can’t let each design have its own unique twist, with sketching we can let our minds wander down other routes as our sketching doesn’t have any rules and we can have as many scribbles, crosses or arrows as we like.
The execution of your design comes down to planning, we’re happy to enough to sketch out a room in the house when we’re looking to convert it into an office. We do this because it’s a clean slate and we have the option to do anything we like, the same as our designs. Sketching doesn’t just help us plan our designs but we can manage the hierarchy, structure and interactions between every element or link.
It’s all well and good doing one sketch to map out what we have in our head but a lot of the time that won’t take everything in to account. If we iterate our design in the sketching phase, it can reduce the amount of time in Photoshop and even when the site goes live. Granted we need to user test the design, but putting that extra thought in to it before hand could and should reduce the amount of time spent after wards.
Sketching doesn’t have to be perfect and you most certainly don’t need to be an artist. We’re talking about squares, rectangles, circles and crosses. This is how I work. I attribute shapes which make sense to me that I can understand when I look back on them.
The amount of sketching I do varies on what project I’m working on. I have multiple sketch books ranging from A5 to A2 in size and I work in them all. I prefer to work out of my A2 sketch book when I’m at my desk as I can iterate five or six times before needing to turn the page. I probably sketch each section of a design once or twice and there could be up to 2 or 3 iterations of those. I’m currently working on a rather large project where I have covered 16 or so A2 pages front and back and those sketches aren’t refined, I generally sit with my A4 sketchbook when I’m in Photoshop to refine a sketch down in more detail.
The amount of time on the actual sketch is usually minimal, its the thinking time which should be higher. That time should include planning and iteration and generally keeping your mind free before settling down on the aesthetics. If you move into Photoshop and then ditch one of your sketches, quickly re-sketch what you’re thinking and see if this takes you down a different avenue. You never know where it will end up unless you make that effort.
So there’s why I think sketching is so important and a little bit of insight into how I work.
Sign up to happie.st.
Moving on from ‘Simplifying
More so, when you are adding elements in to the design give them room to breathe. There is nothing worse than looking at information on the screen without being able to take it all in correctly. Elements which are too close together or the same size when one should be smaller than the other can become annoyingly awkward to interpret.
Using a grid system, can but not always help with this problem as even with the best grid systems out there, the gutters are still frustratingly thin so take them as guidance at best, if an element looks like it needs more room around it then it probably does.
Give them room to breathe.
My zone is in a room with the door shut and in the pitch black. You’ll find me with my headphones on and the music turned up. Depending on what type of design I’m working on I’ll listen to different genres of music but that’s my place, my operating zone where I’m most comfortable and confident in my own ability. I don’t care at that point if the sun is shining or it’s throwing it down with rain. Needless to say that when I’m in my zone, my productivity goes through the roof.
What’s your zone?
So next time just stop and simplify.
I’m humbled to be speaking alongside such awesome people as I had the honor of sharing the stage with at DIBI 2010.
Shawn has done brilliantly with the planning of what looks to be rock solid line-up of workshops and talks without even looking at the unbelievable venue he picked being the Theatre for the Performing Arts at Capilano University.
Early Bird tickets are on sale now so head on over and take your place. I’m really looking forward to being on the other side of the fence and moving from Conference Producer to Conference Speaker for a change. 🙂