Saturday, February 26, 2011

SKETCH YOUR WEBSITE

If you already have an experience designing a website you are probably aware of how much difficult it is to design a good looking website based on your imagination. It really takes a toll of your thinking ability and I'm pretty sure you have always wanted to make a rough sketch on a piece of paper. That's what I'm going to discuss right now. It's always a great idea to sketch a website design or a single webpage design before actually coding them!

So you can always take a rough sheet, sketch some design that's coming to your mind, and I guess you know, how much easy things become after that. If you haven't tried this technique, trust me on this. And if you sketch them in a systematic manner, it eases your work to a great extent! What I mean by "systematic manner" is sketching your website on a paper browser! Paper browser is nothing but a browser drawn on a paper providing you a real time perspective of a real browser.

There are lots of paper browser templates available over the internet to download for free...specially THIS ONE.

But I wasn't satisfied with a downloadable template...and decided to make one of my own, taking Google Chrome as the browser template. Just a screenshot and few Photoshop editing did the trick for me. Here's what i got -



PAPER BROWSER WITH GRID


Page Size: 1024px * 768px


Grid Size: 32px








PAPER BROWSER WITHOUT GRID


Page Size: 1024px * 768px


Grid Size: NO GRIDS






These paper browsers helped me a lot to ease my designing job.
Here's an example of my work with a paper browser -




Hope you'll find paper browser quite useful!!









No comments:

Post a Comment

Everybody needs feedback, and it's a heck of a lot cheaper than paying a trainer. So Feel free to comment..