Quel logiciel gratuit puis-je utiliser pour créer des maquettes d'interface utilisateur?

Question

Quels sont les bons packages logiciels Open Source / Free qui vous permettent de concevoir rapidement des interfaces graphiques, comme le style "sur une serviette", mais également de peaufiner un vernis que vous pourriez jeter dans un diaporama? La préférence serait d’utiliser certains cliparts / objets à l’aide de Visio, mais ce n’est pas obligatoire.

NE PAS:

• Visio
• Power Point
• Note clé
• OmniGraffe
• Balsamiq (bien que ça vaille de l'argent)
• Sketchflow

Answer 1

Essayez Pencil qui a un addon à Firefox. Assez basique mais gratuit (publié sous GPL).

Answer 2

Balsamiq a l'air vraiment bien http://www.balsamiq.com/products/mockups et je pense qu'il existe une version gratuite ou à l'essai.

Answer 3

Selon la fréquence à laquelle vous aurez envie de modifier la maquette, j'ai peut préférer utiliser un stylo, du papier et mon téléphone (pour la numérisation du résultat). Logiciel souvent juste me ralentit vers le bas et donne un petit avantage.

Et oui, je suis sérieux. :) La plupart des maquettes que je produis ne sont vraiment que des esquisses utilisées pour communiquer rapidement une idée. En tant que tel, je suis habituellement capable de faire un nouveau, tordu l'un dans une affaire de secondes sur une nouvelle feuille de papier. Une analyse rapide et, voilà, vous avez un nouveau format PNG pour de la pop dans votre présentation / contrôle de source de données / whatever.

Rien de plus haute fidélité que ça, j'ai l'habitude de commencer avec Kaxaml à la création d'une maquette et de l'utiliser en tandem avec quelque chose comme Paint.NET pour tout ce qui prendrait trop de temps dans le code XAML WPF/.

Answer 4

WireframeSketcher n'est pas gratuit, mais il offre des options gratuites. Il vous permet de basculer facilement entre des looks fragmentés et nets.

Answer 5

Il y avait un thread sur slashdot, à un moment donné, et cela semble être la meilleure suggestion à partir de là (mais il ne va pas aider à créer "réaliste" de l'Isu):

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

J'ai un besoin similaire -- Visio est le meilleur outil que j'ai trouvé, mais c'est aussi la seule raison pour laquelle je garde une VM windows, donc je tiens vraiment à le remplacer avec certains systèmes d'exploitation (ou au moins linx-compatible) de l'outil.

Je suis à la recherche dans DIA / Kivio / Inkscape avec le Yahoo UI Pochoirs, et je vais rendre compte.

Edit: je ne pense pas que ce soit possible actuellement avec Dia. Cette page (à partir de la procédure pas à pas) décrit les limitations sur la dia forme de soutien pour le format SVG. En outre, les rectangles arrondis sont (ce qui rend difficile, mais pas impossible à faire "joli" boutons), et le gradient svg définitions sont étrangement absents de la pris en charge les balises svg.

Edit: j'ai installé (pour l'instant) sur l'utilisation d'Inkscape avec le Yahoo UI Pochoirs (que j'ai cassé en plusieurs fichiers svg) et un couple de peu de flux de travail hacks à utiliser Inkscape, de dialogue ouvrir comme une palette sur mesure. Plein de détails, et l'éclaté YUI pochoirs sont disponibles ici: Ciscavate.org