Sketch website concepts
In the first part of our series on interactive design, Danny Franzreb and Holger Grünwald from German design studio Taobot show how you can use Photoshop to visualise ideas and concepts from your sketches.
In this new three-part series, we're going to take you through some of the key stages you need to consider when designing a visually appealing website.
Imagine you want to pitch an idea for a luxury car website, you don't have any material to visualise it yet, and time is not on your side. Roughly sketching your idea is very handy in this situation.
Sketching is a technique mainly used by designers in storyboarding for motion and print design, but it can also be a great help when creating interactive projects. We use it to visualise first concepts to our clients. Or, consider you want to talk about an idea. You might want to use sketches to keep the discussion focused purely on a certain concept or emotion rather than the final layout that's supposed to be handled much later in the process.
Sketching the layout and interaction of certain areas will help you communicate the brief more effectively at every stage, to everyone from photographers and film crews to programmers. We'll take a look at this in the next part of this series.
Here, we'll take you from the initial idea and how to sketch it on paper, to finalising your sketches in Photoshop.
Click here to download the support files (21.5MB)
Click here to download the tutorial for free
Get the Creative Bloq Newsletter
Daily design news, reviews, how-tos and more, as picked by the editors.
Thank you for reading 5 articles this month* Join now for unlimited access
Enjoy your first month for just £1 / $1 / €1
*Read 5 free articles per month without a subscription
Join now for unlimited access
Try first month for just £1 / $1 / €1
The Creative Bloq team is made up of a group of design fans, and has changed and evolved since Creative Bloq began back in 2012. The current website team consists of eight full-time members of staff: Editor Georgia Coggan, Deputy Editor Rosie Hilder, Ecommerce Editor Beren Neale, Senior News Editor Daniel Piper, Editor, Digital Art and 3D Ian Dean, Tech Reviews Editor Erlingur Einarsson and Ecommerce Writer Beth Nicholls and Staff Writer Natalie Fear, as well as a roster of freelancers from around the world. The 3D World and ImagineFX magazine teams also pitch in, ensuring that content from 3D World and ImagineFX is represented on Creative Bloq.