715 posts
  • Exclusive Author
  • Sold between 100 and 1 000 dollars
  • Belgium
  • Has been a member for 5-6 years
  • Bought between 10 and 49 items
Hy-Studio says
All whiteboard fans, check THIS out :D http://www.ideapaint.com/site/ideapaint_work.html
btw it’s not that expensive…. prices and variations are listed here http://www.ideapaint.com/site/products_work.html

Damn! It’s not yet available in Europe :(

And yes, sometimes I do make a quick sketh of my webdesign, mostely it’s very ugly lol. If I don’t make a sketch I just can’t get my head concentrated and I start changing everything :D

630 posts
  • Bought between 100 and 499 items
  • Exclusive Author
  • Has been a member for 5-6 years
  • Repeatedly Helped protect Envato Marketplaces against copyright violations
  • Sold between 100 and 1 000 dollars
  • United Kingdom
RobbyDesigns says

I’m old skool so I draw things out on graph paper first which gives me an idea of how it will look; you can also cut stuff out to scale and move it around physically to see how different layouts might look.

753 posts
  • Sold between 10 000 and 50 000 dollars
  • Referred between 10 and 49 users
  • Author had a Free File of the Month
  • Exclusive Author
  • Has been a member for 5-6 years
  • Bought between 1 and 9 items
  • Repeatedly Helped protect Envato Marketplaces against copyright violations
AdamGold says

Can you guys link to the wireframe software you use please? Thanks! :)

B.T.W can you explain a little bit more about the wireframe thing? I mean,Before designing I always draw the design on a paper. Does the wireframe software replace it, or it is another part before using PS? And what do you do with it?

242 posts
  • Bought between 10 and 49 items
  • Exclusive Author
  • Has been a member for 4-5 years
  • Referred between 1 and 9 users
  • Sold between 10 000 and 50 000 dollars
  • United States
ATLChris says

@adamgold

http://www.omnigroup.com/applications/OmniGraffle/

That is what I use. Wireframes can replace sketching layouts, but I don’t use it for that. I use OmniGraffle to do simple workflow flow charts for complex sites.

753 posts
  • Sold between 10 000 and 50 000 dollars
  • Referred between 10 and 49 users
  • Author had a Free File of the Month
  • Exclusive Author
  • Has been a member for 5-6 years
  • Bought between 1 and 9 items
  • Repeatedly Helped protect Envato Marketplaces against copyright violations
AdamGold says
@adamgold

http://www.omnigroup.com/applications/OmniGraffle/

That is what I use. Wireframes can replace sketching layouts, but I don’t use it for that. I use OmniGraffle to do simple workflow flow charts for complex sites.

It’s only for macs :( Can I make both progresses? (drawing & wireframe) Does it make any sense?

3 posts
  • Bought between 10 and 49 items
  • Has been a member for 4-5 years
BNTG7184 says

For those who need an introduction to wireframing, checkout the following:

http://www.boxesandarrows.com/view/sketchy-wireframes

Free? tools for sketching/wireframes

1. http://intranetwireframes.com/?kw=wireframe&gclid=CK2c9qbkrp8CFeh_5QodDB_Szg

2. https://www.gliffy.com/gliffy/commerce/signup.jsp

3. http://iplotz.com/price.php

4. http://dub.washington.edu:2007/denim/

5. http://www.evolus.vn/Pencil/

These are just some to get you started. No doubt that many of you will be able to do what you need to do with these and the cool thing is there free!

1734 posts
  • Exclusive Author
  • Won a Competition
  • Sold between 5 000 and 10 000 dollars
  • Has been a member for 4-5 years
  • Referred between 1 and 9 users
  • Bought between 1 and 9 items
VisualSharing says

I do.

I first sketch with a pencil / paper, then create a wireframe and then a prototype with Axure to show it to the client.

What’s the point of prototyping?

If you just create a layered design on Photoshop for… let’s say 8 hours, then you proudly present it to your client and he wants just a few “minor” changes (remember this)? Those “minor” changes might take you up to 2 hours to correct, and imagine you have to make changes to all .psd’s that represent the page design. Or, if you have coded the design, you might have added features that weren’t noticeable just from the design.

Here comes wireframing and prototyping. You have a lot of tools for fast editing of anything, you can also add interactivity to items to let the client see what will happen if you click here in there. It’s like comparing Procedural programming to OOP , or compare combining programming layers to MVC .

I think we should always try to use the right tools for the right job. Let’s face it – Photoshop was designed to create graphics, not websites. Just my 2 cents. :)

by
by
by
by
by
by