Take the 2-minute tour ×
Graphic Design Stack Exchange is a question and answer site for Graphic Design professionals, students, and enthusiasts. It's 100% free, no registration required.

I have nothing to do with design, because I don't know how to mix two colors. Some time ago, I've read about some tools which are used in the creation of interfaces for application and web pages.

In that article were mentioned some tools, and one of them was a free firefox add-on. I'm not looking specifically for that add-on, but the idea is that those types of applications aren't very advanced in order to be used by professionals in the design field.

Do you have any idea about what I'm talking about? Can you name some of those applications?

share|improve this question
1  
are you asking about 'wireframing' tools? –  DA01 Sep 22 '11 at 12:56
1  
@DA01: It sure sounds like it. –  Philip Regan Sep 22 '11 at 13:40

5 Answers 5

I use two Wireframing tools

Have fun :)

share|improve this answer
    
"almost a working web app" uh, no. It 'looks' like a working app but, alas, the code Axure creates is horrendous. Axure has its places but it's important to realize it's nothing like the actual working app under the hood. –  DA01 Sep 22 '11 at 17:56

For most wireframing I use a pencil, paper and markers. I find it's the quickest method for me. For more detailed stuff I may jump into a vector illustration app (AI or Inkscape or the like) or use some of the drawing apps on the iPad for that.

share|improve this answer
    
Sometimes pencil and paper really works best. –  Lauren Ipsum Sep 22 '11 at 18:33
    
They really do (and whiteboard rocks) –  Ken Fyrstenberg Nov 11 '12 at 13:09

In addition to Mateus' answer, any basic vector drawing tools will do the job. Presentation software such as MS PowerPoint, OpenOffice Impress, Apple Keynote work well, as you can show changes over multiple pages or using basic animation. You probably have one of these available to you right now...

More complex vector drawing tools such as MS Visio, Inkscape or Adobe Illustrator can also be used.

Although UI element libraries won't be included out-of-the-box for any of these, you'll be able to find some for download.

share|improve this answer
    
+1 I regularly use AI for wireframe sketches –  Farray Sep 22 '11 at 19:00

This one http://softwareprototyping.net/review-justproto/ JustProto is a good thing to try between Axure and BAlsamiq :)

share|improve this answer

Take a look at WireframeSketcher wireframing tool. Here's what it can do for you:

Website wireframe

share|improve this answer
    
Why is it all wobbly? The lines look purposefully wobbly.. which kinda goes against the sketch concept. –  Mr E. Upvoter Jul 30 '13 at 17:54
    
It's a matter of preference. Many users feel that wobbly lines communicate better that a screen is just an idea sketch and not a final design. You can switch to straght lines if you wish. –  Peter Severin Jul 31 '13 at 4:17
    
Yh I get the idea, Balsamiq does it to, it just seems to me that the wobbliness here is quite uniform and not random as a sketch would be. Balsamiq has a more realistic feel to its sketch. –  Mr E. Upvoter Jul 31 '13 at 13:23

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.