Possible Duplicate:
Which prototyping tools?

What are the good tools to develop user interface of a web application/ website ?

I know to use Illustrator but I doubt that is the best & easiest way to design GUIs for websites.


2 Answers 2


I usually use photoshop to make the UI-Elmenets.

For Icons:There are a resource called the noun project..it contains hundreds of icons. Some icons on the web are made of real pictures..with some playing in photoshop. Some of them are based on fonts..like pictos..etc.

For UI-Elements such like scroll bars,buttons,on/off buttons,check boxes..etc..Get UI freebies(in the format of PS or Ai)and then make the change you want on them.

Anyway..Making UI-Elements on your own is not an easy task.Really needs hard work and attention to details make the UI Elements Pexil Perfected :)

ref: Self Experience.


I've used Balsamiq's tools in the past and can heartily recommend them. They're great for designing the layout and user interface of a site, but not for designing the overall look and feel of a site.

There's also Dreamweaver which a bit more geared towards designing the look and feel of a site in addition to the UI.

  • aren't there any good free tools ?
    – aklin81
    Commented Apr 16, 2011 at 5:35
  • Inkscape and GIMP are decent Open Source image/illustration apps.
    – DA01
    Commented Apr 18, 2011 at 1:48

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