When starting a new web design, it’s a good idea to begin first with a wireframe.
The purpose of a wireframe is to communicate the layout of a page without getting caught up in any of the colour and design elements. With the wireframes these can be a big time saver as they help all parties involved come to an agreement on the placement of the page elements such as headers, content areas, navigation/menus and footers.
The key for this is to get the layout approved and nailed down so major layout changes won’t take place one the detailed design elements are in place
MockFlow allows you to design and collaborate in real-time, user interface mock ups for your software and websites. Comes with numerous built-in components & icons,
The Pencil Project’s unique mission is to build a free and open source tool for making diagrams and GUI prototyping that everyone can use.
HotGloo is completely web based with lots of features that let’s you drag and drop and scale items easily. It also has support for realtime collaboration.
Cacoo is a user friendly online drawing tool that allows you to create a variety of diagrams such as site maps, wire frames, UML and network charts. Cacoo can be used free of charge.
Balsamiq Mockups feels like you are drawing, but it’s digital, so you can tweak and rearrange controls easily, and the end result is much cleaner
Axure RP is the leading tool for rapidly creating wireframes, prototypes and specifications for applications and web sites. Quickly get the benefits of prototyping without a lot of hassle.