How do you wireframe?

20 Responses

1. Pro Frantisek Kusovsky

   I start all the time with the pen & paper. With tons of paper. :) But when i'm finished with all these drawing, i try to make some quick wireframe in photoshop - its easier to move some bits, you can quickly discuss about it with other guys or with clients and move forward.

   2likes

   6 months ago

2. Pro Alexandre Naud

   I am about like you. First: paper and after: photoshop (sometime).

   6 months ago

3. Pro Dan Lebowitz

   I wish I wireframed this nice.

   3likes

   6 months ago

4. Pro Chris Farina

   I chicken scratch on paper then photoshop.. Your's is way nicer ;)

   6 months ago

5. Pro Matthew Martin

   Gotta love when your wireframes look better than most people's final designs.

   2likes

   6 months ago

6. Tomas Laurinavicius

   Looks good but I believe that it has too much details as a wireframe.

   3likes

   6 months ago

7. Gadzhi Kharkharov

   man, i love your wireframing style

   6 months ago

8. Mocks @Frantisek Kusovsky I have a similar approach. I used to do my first round of wireframes with something like balsamiq, but I now find it much quicker and eas...

   Rebound

   Mocks

   by Pendar

   @Frantisek Kusovsky I have a similar approach. I used to do my first round of wireframes with something like balsamiq, but I now find it much quicker and easier to do the first round of rough mockups in illustrator instead, and iteratively fill in the details.

   (iPhone courtesy of @Shaun Moynihan)

   • 63
   • 2
   • 1,695

   6 months ago

9. Iqbal Perkasa

   those colors are cool!

   6 months ago

10. Pro Alex Pankratov

    I don't, but I will use this - http://popapp.in

    4likes

    6 months ago

11. Pro Joel Beukelman

    Keynote. :)

    6 months ago

12. Vaibhav Bhat

    DAT COLOR. How do you choose colors that work that well together?

    6 months ago

13. Pro Rod Blackney

    Been using Antetype lately http://www.antetype.com/

    6 months ago

14. Pro Jay Robinson

    I’m so glad you shared this. I always start with lots of paper as well, move into Photoshop to give the document a basic layout, then zoom right in to start tackling my favorite piece trying to get it just right.

    I’m not saying this is the right way—perhaps, like you, I should move from basic sketches to basic digital shapes to see if the design holds together when zoomed out.

    6 months ago

15. Pro Catalin Rosu

    Sometimes I just use Moqups.

    1likes

    6 months ago

16. Pro Iconfinder

    My process is:

    Pen (black and light-grey) & Paper > OmniGraffle > Photoshop

    I normally avoid Photoshop unless absolutely necessary.

    6 months ago

17. Pete Wilkinson

    Paper > Axure

    I used to wireframe in photoshop, but it's difficult for most clients to understand what they're signing off unless they can interact with it.

    6 months ago

18. Pro Stuart Regan

    This reminds me of the way I wireframe.

    6 months ago

19. Pro Frantisek Kusovsky

    So much feedback here :) This is epic! Thank you all guys! @Alexandre Naud @Dan Lebowitz @Chris Farina @Matthew Martin @Tomas Laurinavicius @Gadzhi Kharkharov @Iqbal Perkasa @Alex Pankratov @Joel Beukelman @Vaibhav @Rod Blackney @Jay Robinson @Catalin Rosu @Martin LeBlanc @Pete Wilkinson @Stuart Regan

    6 months ago

20. Rohit Mehta

    Axure

    3 months ago