Jump to content

Wireframing


krakestraw

Recommended Posts

Here's a tutorial:-

http://sixrevisions.com/user-interface/website-wireframing/

You might also consider a 960px grid system:-

http://www.designinfluences.com/fluid960gs/

or a 970px grid system which many people prefer as it creates equal gutters:-

http://www.gridsystemgenerator.com/gs02.php?GridWidth=970&GridColumns=12&GridMarginLeft=10

Link to comment
Share on other sites

Here's a tutorial:-

http://sixrevisions.com/user-interface/website-wireframing/

You might also consider a 960px grid system:-

http://www.designinfluences.com/fluid960gs/

or a 970px grid system which many people prefer as it creates equal gutters:-

http://www.gridsystemgenerator.com/gs02.php?GridWidth=970&GridColumns=12&GridMarginLeft=10

 

Thanks! I have a 960 grid, but i really like the 970 grid. thanks for the links.

Link to comment
Share on other sites

I think you go with whatever you find easiest/quickest. Here's a good rundown: http://www.1stwebdesigner.com/design/wireframing-mockup-prototyping-tools-plan-designs/

 

I personally tend to use Illustrator.

 

Thanks! I'll try illustrator. I know in photoshop you can't specify pixels, you have to use the info tab. And if i'm not mistaking, illustrator is the same way. I could be wrong though.

I'm gonna take the time to read you guy's links. I appreciate them!

Link to comment
Share on other sites

Thanks! I'll try illustrator. I know in photoshop you can't specify pixels, you have to use the info tab. And if i'm not mistaking, illustrator is the same way. I could be wrong though.

I'm gonna take the time to read you guy's links. I appreciate them!

At least when I do wireframing, I'm not creating pixel-perfect layouts. The goal of a wireframe - in my view at least - is to indicate general placement and size and to think about user interaction, not necessarily to decide on exact dimensions for things.

Link to comment
Share on other sites

I agree that when creating a wire frame you are best using whatever you are comfortable with. Illustrator is a good tool with demonstration the general size and layout. However, I have also found that some clients can get confused by this and sometimes using a pen and sketch pad in front of them can be the easiest way to get your ideas across.

Link to comment
Share on other sites

I agree that when creating a wire frame you are best using whatever you are comfortable with. Illustrator is a good tool with demonstration the general size and layout. However, I have also found that some clients can get confused by this and sometimes using a pen and sketch pad in front of them can be the easiest way to get your ideas across.

 

Alright, thanks for the tip! I'll keep that in mind as I'm relatively new and won't establish clients for a little bit.

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
×
×
  • Create New...