What & # 039; Wired & # 039; IS (websites)

Document cable to the simple Web. Picture J Kyrnin

A Web-wire is to show a simple visual guide of what might look like a website. The structure of a page, without the use of graphics or text suggests. Wire show the entire structure of the site - including pages link to them.

wired Web are a great way to start the design work. And while it is possible to create complex wireframes with a lot of detail, planning can start with a napkin and a pen.

The key set all visual elements to a good connection to the side. Use boxes and lines to represent pictures and text.

Things to do in a website Wired are:

• primary display boxes
• Investments and deputy head
• simple design structure
• Call to action
• Text blocks

How to build a simple web connection cable

Create a Web page wire with any piece of paper at hand. Here's how I do it:

1. Draw a large rectangle - this can be the entire page or only the visible part. I usually start with the visible part and then expanded to include elements that would be below the fold.
2. It draws the design - 2 columns, 3 columns?
3. Add in a box for a header graphic - Draw on columns if you have your head above the columns, or simply to everywhere want to add.
4. Type "header", where your title H1 either want.
5. Enter "frontal", where you want, H2 and the lowest percentages. It helps if you make proportional - H2 smaller than H1, H3 smaller than h2, etc.

1. Include in the fields for the other images
2. In navigation. If you intend to tabs, drag boxes, and write "navigation" on the top. Or do not put the balls in the column where you want the navigation. The content post. Just type "navgation" or use a line to represent text.
3. Add additional items to the side - to recognize what it, but not to use the text, the actual text content. For example, if you want a call to action button in the lower right corner, put a box there, and the name of the "call to action". Do not write "Buy Now!" In this table.

Once you have your basic cable, in writing, and should not take longer than 15 minutes to get a sketch another person. Ask if there is something missing and for other comments. From what they say, you can write another wire or to keep up with.

Why Paper Wireframes are best for the first projects

While it is possible to create wireframes using programs like Visio, for your initial brainstorming sessions, you should to stick paper. The paper does not seem so permanent, and many people assume that contracted in five minutes, so please give a good feedback. But if a program can be used to go fancy wireframes with perfect squares and colors danger create trapped in the program itself and spending hours something that will never live it runs perfecting.

Wired paper are easy to make. And if you do not like it, simply crumple the paper, throw it in the recycling and take over a new leaf.