715 posts
  • Has sold $100+ on Envato Market
  • Has collected 10+ items on Envato Market
  • Sells items exclusively on Envato Market
  • Located in Belgium
+1 more
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

638 posts
  • Has been part of the Envato Community for over 5 years
  • Has sold $100+ on Envato Market
  • Has collected 100+ items on Envato Market
  • Sells items exclusively on Envato Market
+2 more
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
  • Has referred 10+ members
  • Has sold $10,000+ on Envato Market
  • Has collected 1+ items on Envato Market
  • Had an item featured on Envato Market
+4 more
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
  • Has been part of the Envato Community for over 5 years
  • Has referred 1+ members
  • Has sold $10,000+ on Envato Market
  • Has collected 10+ items on Envato Market
+2 more
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
  • Has referred 10+ members
  • Has sold $10,000+ on Envato Market
  • Has collected 1+ items on Envato Market
  • Had an item featured on Envato Market
+4 more
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
  • Has been part of the Envato Community for over 5 years
  • Has collected 10+ items on Envato Market
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!

1744 posts
  • Has referred 1+ members
  • Has sold $5,000+ on Envato Market
  • Has collected 1+ items on Envato Market
  • Sells items exclusively on Envato Market
+2 more
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. :)

Helpful Information

  • Please read our community guidelines. Self promotion and discussion of piracy is not allowed.
  • Open a support ticket if you would like specific help with your account, deposits or purchases.
  • Item Support by authors is optional and may vary. Please see the Support tab on each item page.

Most of all, enjoy your time here. Thank you for being a valued Envato community member.

Post Reply

Format your entry with some basic HTML. Read the Full Details, or here is a refresher:

<strong></strong> to make things bold
<em></em> to emphasize
<ul><li> or <ol><li> to make lists
<h3> or <h4> to make headings
<pre></pre> for code blocks
<code></code> for a few words of code
<a></a> for links
<img> to paste in an image (it'll need to be hosted somewhere else though)
<blockquote></blockquote> to quote somebody

:grin: :shocked: :cry: Complete List of Smiley Codes

by
by
by
by
by
by