Website Design Tips – Wireframes and Grids

by lawmacs | 4. November 2009 18:59 Filed under: Web Design   19  Comments

Designing your website from scratch acne be very challenging and it also makes sense ,when designing it is always a good idea to have a hand drawn sketch of your website design before you start creating the real site with your favourite software whether it be photo shop or what ever software you are comfortable with. Why using wireframes is good this gives you the freedom of expression and no need for a mouse or any graphic software at this moment using pen and paper has its advantage no need for any bulky computer to take around with you.

What do i need for my wireframes a pencil, paper and may be an eraser for any correction that needs to be made and don’t forget your A4 size paper or even A5 the choice is yours, i like using A4 paper because of the ruled lines this acts as grids for my guidelines when sketching.

Using Wireframes

The term Wireframes are often used by website designers when designing websites and can mean different things to different people but this is just the neater versions of sketching this then let you have a better understanding of what the layout of the website looks like before adding the contents,another good idea using the grid system this could either be one you created or one that is already  being around like the 960 grid system.

When designing websites with dynamic content the job at hand becomes a little bit more complicated because you are no longer designing pages you are now designing a system creating a website regardless of the level of skills you posses ask any website designers there is one piece of tool you will always need a “Web Browser” don’t worry it is a free tool this is where your finished product will be seen so it is only good practice to use your web browser throughout the design phases.

When i started designing my first website i started reading lots of Website Designing Tips and sketching i was not sure where to start then it darn on me to look at a website which was already up and running, What i learned from this was amazing i finally understand how the pieces were put together .never be afraid to think outside the box this gives you ideas and remember it is your website you don’t have to blend in you can stand out from the crowd.

Web design tips Wireframes and Grids

about the author I am a freelancer who loves the internet blogging social networking full time dad and has a 9-5 job can be found on other social networking sites loves a good design. I am also a newbie blogger and you can check my Guest Post here Guest Author on Famous Bloggers Club Thanks for stopping by you can follow me on twitter or sign up to my rss Feed

Comments

 11/17/2009 12:27:22 PM #

Shabnam Sultan

You are correct that designing  a website is very challenging.Your article is very informative Gary , thanks for explaining about wireframes and grids. No doubt that you have done nice work on designing your website.I think every webmaster / blogger should have a basic idea of web desiging.


Shabnam Sultan's last post: Space Tourism


Shabnam has writen 49 comments on this blog

Shabnam Sultan India |

 11/17/2009 1:58:51 PM #

admin

That is one thing i learned earlier on shabnam as website owners and bloggers running on small budget we must know the basics of html and css this will save us money and time
admin's last post: Links for 2010-03-11 [del.icio.us]

admin United Kingdom |

 11/17/2009 1:15:36 PM #

admin

As i mentioned before the use of grids saves time and money
admin's last post: Links for 2010-03-11 [del.icio.us]

admin United Kingdom |

 11/17/2009 2:23:24 PM #

Aswani

Bro, great tips as ever. Must read tips for any web designer. very useful and informative. Thanks for sharing this info.
Aswani's last post: Civil Liability for Nuclear Damage - The Dangerous Bill


Aswani has writen 47 comments on this blog

Aswani India |

 11/17/2009 2:56:15 PM #

admin

Yes bro just trying to share some bits and tips with the community i always believe in helping on hand wash the other
admin's last post: Links for 2010-03-11 [del.icio.us]

admin United Kingdom |

 11/17/2009 9:35:26 PM #

S.Pradeep Kumar

Nice topic man.. useful website design tips..! Smile

Thanks for sharing..


S.Pradeep has writen 7 comments on this blog

S.Pradeep Kumar India |

 11/18/2009 2:29:48 AM #

izzat aziz

grid system really help me a lot in designing theme especially in term of time. no longer need to repeatedly write something similar, from div to div..


izzat has writen 13 comments on this blog

izzat aziz Malaysia |

 11/18/2009 6:53:31 PM #

DaisySoapGirl

This is such a great idea and so uncomplicated. You keep topping yourself.
DaisySoapGirl's last post: Surviving Starbucks


DaisySoapGirl has writen 25 comments on this blog

DaisySoapGirl United States |

 11/21/2009 7:45:49 AM #

Hire SEO Expert

Above tips are really very helpful for me.I will use them in building my own website.Thanks for sharing them.


Hire has writen 2 comments on this blog

Hire SEO Expert India |

 11/21/2009 8:16:54 AM #

clippingimages

Very informative tips. Really helpful for web designers. Thanks for sharing this nice post.

clippingimages bd |

 11/21/2009 5:43:39 PM #

Horse

The beauty of these blogging engines and CMS platforms is the lack of limitations and ease of manipulation that allows developers to implement rich content and 'skin' the site in such a way that with very little effort one would never notice what it is making the site tick all without limiting content and effectiveness.

Horse United States |

 11/22/2009 10:15:19 AM #

widescreen wallpaper

Resources like the one you mentioned here will be very useful to me! I will post a link to this page on my blog. I am sure my visitors will find that very useful.

widescreen wallpaper United States |

 12/1/2009 8:19:34 PM #

Web Design London

If you don’t know how to code something in addition to creating a great design and layout, you aren’t a web designer. You are simply trying to design something you know nothing about – and that is a very bad thing. A website is a complete package & each part must work efficiently and effectively together.

Web Design London United Kingdom |

 12/1/2009 9:14:04 PM #

web designing

You offered mind blowing tips to develop website. Thanks . I feel design is an art of creation but if we use this art by using different tips then its helpful.

web designing Canada |

 12/2/2009 12:37:02 AM #

Basic Websites

Interesting post. I've never heard of the use of wireframe grids in designing websites. I prefer to just dabble and see what comes out, refining as I go along. I'll have a look at this approach though, anything that saves time is well worth a look.


Basic has writen 19 comments on this blog

Basic Websites United Kingdom |

 12/2/2009 7:14:56 AM #

SEO India

nice web design blog, this website color theme is more attractive.
I Like it

Thanks
Spink ITES

SEO India India |

 12/4/2009 8:03:42 PM #

sydney website design

hi,
     simple line drawings that show the placement of elements on a web page. Learn the focus, ... layout. grid method.

sydney website design United States |

 1/2/2010 3:50:08 PM #

trackback

Looking Back At 2009

Looking Back At 2009


lawmacs has made 8 trackbacks to this blog

lawmacs website design blog |

 1/29/2010 2:37:55 AM #

website design

Nice and informative. It is what really make the design easy and time saving.. Thanks for sharing your tips.....

website design United States |

Comments are closed