Quel logiciel est le meilleur pour la conception d'interface graphique?


9

J'ai beaucoup utilisé Photoshop, mais le fait est que c'est un outil de retouche photo. Il a des effets compliqués intégrés, tels que l'ombre portée et les lueurs intérieures et extérieures, etc., mais ce n'est tout simplement pas suffisant lors de la conception d'une interface graphique. Vous ne pouvez pas ajouter plusieurs dégradés modifiables, par exemple. Et vous devez inciter les outils à obtenir l'effet que vous souhaitez, alors qu'ils n'étaient pas conçus pour cela.

J'ai également commencé à utiliser Fireworks, et il y a quelques choses que j'aime, comme pouvoir continuer à changer les courbes sur un rectangle arrondi, mais le sélecteur de couleurs de ce programme n'est tout simplement pas utilisable. Lorsque vous accédez au sélecteur de couleurs mac, il indique que la couleur est quelque chose de différent de ce qu'elle est, car Fireworks ne gère pas correctement les profils de couleur. Cela rend le réglage des couleurs un processus très difficile. Et le logiciel dans son ensemble ressemble à une version préliminaire (et peut-être devrait-il l'être).

Donc, je me demande quel logiciel tout le monde recommanderait pour créer une interface graphique? Il doit y avoir un logiciel qui vous permet d'avoir une gamme d'effets modifiables que vous pouvez changer, changer l'ordre de, vous déplacer à tout moment, ainsi que tous les autres outils nécessaires pour créer de superbes graphismes.


Sur la base de toutes les réponses ici, nous avons besoin de vous pour clarifier la question. Je crois que vous demandez un logiciel pour créer les éléments GUI réels ... des icônes, des boutons, etc. Ou vous posez des questions sur le wireframing?
DA01

Réponses:


7

Il n'existe pas de "meilleur" logiciel universel pour la conception d'interfaces graphiques. Cela dépend simplement de vos préférences de logiciel / workflow.

Photoshop

Je ne sais pas ce que vous entendez par "plusieurs dégradés modifiables", mais si vous savez ce que vous faites, Photoshop fournit tous les outils dont vous avez besoin pour concevoir une interface graphique que vous pouvez imaginer. Pas de "tromperie" d'outils nécessaire.

Malgré son nom, Photoshop a évolué bien au-delà d'être un simple outil de retouche photo / manipulation, et il n'y a aucune raison pour que vous ne puissiez pas faire de conception graphique. Photoshop fournit probablement l'ensemble d'outils d'édition d'images raster le plus complet de tous les programmes graphiques sur le marché, et il est utilisé pour tout, de la peinture numérique à la coloration de bandes dessinées en passant par l'illustration, la conception Web et d'interface utilisateur, la production vidéo et la création d'illustrations de jeux 3D pour des photos uniformes. médecine légale.

Des fonctionnalités telles que les masques de réglage, les styles de calque, les chemins vectoriels, les objets intelligents, les compositions de calques, etc. en font un choix naturel pour la conception d'interface utilisateur pour ceux qui connaissent déjà son interface et ses fonctionnalités approfondies. Un autre avantage est qu'il est bien intégré avec des outils comme Illustrator, Flash Catalyst et de nombreuses applications / plugins tiers.

Feux d'artifice

Beaucoup de gens préfèrent Fireworks pour la conception Web car c'est pour cela qu'il a été spécialement conçu, et pour cette raison, c'est aussi un bon outil pour la conception d'interface graphique. Étant orienté objet et prenant en charge les pages, les symboles et les styles, Fireworks se prête très bien à un flux de travail de conception UX. Beaucoup de gens trouvent également que Fireworks leur donne un meilleur contrôle pixel-parfait sans avoir recours à des règles, des guides ou des outils de mesure.

De plus, Fireworks possède de nombreuses fonctionnalités intéressantes comme le tramage de dégradé, les échantillons ASE et, à certains égards, un meilleur contrôle de typographie que Photoshop. La couche Web de Fireworks et son intégration avec Device Central d'Adobe facilite également le prototypage rapide de plusieurs appareils.

Illustrateur

Une autre application populaire parmi les concepteurs UX est Illustrator, qui partage beaucoup de points forts avec Fireworks. Comme Fireworks, il prend en charge les symboles, les styles d'objet avancés, plusieurs plans de travail (similaires aux pages) et des fonctionnalités d'édition vectorielle encore meilleures.

Photoshop, Fireworks, Illustrator, ainsi qu'InDesign, ont tous des kits filaires / pochoirs et des modèles UX disponibles pour eux sur le Web, mais la conception modulaire UX est plus facile dans Illustrator et Fireworks en raison de leur prise en charge des bibliothèques de symboles réutilisables.

Illustrator prend également en charge les styles de caractère et de paragraphe, ce qui rend ses fonctionnalités de conception typographique bien supérieures à Photoshop ou Fireworks. En outre, Illustrator est idéal pour l'illustration, de sorte que toutes les icônes ou graphiques Web que vous souhaitez créer peuvent être créés dans le même programme.

InDesign

InDesign est une autre application très populaire parmi les IA, les IxD, etc. Ses fonctionnalités de conception graphique peuvent être limitées, mais sa prise en charge des pages, des styles de paragraphe et de caractère, des extraits de code et des bibliothèques d'objets la rend idéale pour de nombreuses tâches de conception UX. InDesign dispose également de fonctions de composition très avancées et prend en charge les dispositions de grille. Ceci, associé à l'intégration d'InCopy et à Adobe Digital Publishing Suite, en fait un choix naturel pour les sociétés de médias imprimés qui cherchent à concevoir des applications mobiles pour leurs magazines.


Mais au bout du compte, chaque outil a ses forces et ses faiblesses. Les applications les plus spécifiques à UX comme Axure, Balsamiq, OmniGraffle, etc. ont beaucoup de fonctionnalités spécifiques à UX pour la mise en page / filaire / la conception d'interaction. Mais à la fin de la journée, vous devez toujours concevoir les graphiques pour l'interface utilisateur, pour lesquels des outils de conception graphique tels que Photoshop / Fireworks / Illustrator sont nécessaires.

C'est pourquoi la plupart des workflows de conception d'interface utilisateur incluent plus d'une application. Donc, à moins que vous ne soyez concerné que par une seule partie du processus de conception de l'interface utilisateur, par exemple le wireframing ou la construction de la bibliothèque UX ou le prototypage, il n'y aura pas un seul "meilleur logiciel".


2

Pencil est un petit outil de conception graphique facile à utiliser.

Top features:
Built-in stencils for diagraming and prototyping
Multi-page document with background page
Inter-page linkings!
On-screen text editing with rich-text supports
Exporting to HTML, PNG, Openoffice.org document, Word document and PDF.
Undo/redo supports
Installing user-defined stencils and templates
Standard drawing operations: aligning, z-ordering, scaling, rotating...
Cross-platforms
Adding external objects
Personal Collection
Clipart Browser
Object snapping
Sketchy Stencil
And much more...

entrez la description de l'image ici


C'est un bel outil de wireframing, mais je pense que l'OP recherchait un outil d'édition graphique.
DA01

1

Là où je travaille, nous utilisons Indesign. Nous avons tendance à créer des mises en page basées sur une grille propre avec des styles typographiques soignés, et pour ces Indesign, c'est génial. Il a un contrôle fin sur les styles de caractère, de paragraphe et d'objet, ce qui se traduit bien en CSS et permet un réglage fin de ces éléments à tout moment du processus, ainsi que de permettre une mise en page plus cohérente. Ce n'est pas si génial lors de l'exportation d'éléments graphiques, mais nous trouvons que le compromis en vaut la peine.


1

L'un des outils de prototypage d'interface graphique les plus inattendus est en fait Keynote. Je connais pas mal de designers d'interface utilisateur de premier ordre qui ne jurent que par cela, et Keynotopia est une ressource fantastique pour utiliser Keynote de cette façon. Si je ne l'avais pas vu utilisé aussi efficacement, je ne l'aurais probablement pas cru, mais cela fonctionne plutôt bien. Si vous êtes sur un Mac, essayez-le!


0

Je travaille chez Pidoco .

Avec nos outils de prototypage, vous pouvez développer des prototypes pour site Web, application mobile ou logiciel. Vous pouvez simuler la maquette directement sur un ordinateur de bureau, un smartphone ou une tablette en utilisant l'application gratuite Pidoco de l' AppStore et de Google Play .

Caractéristiques principales:

  • Collaboration en temps réel
  • Exporter en HTML, PDF, Word, PNG, SVG
  • Beaucoup de pochoirs
  • Modèles
  • Pochoirs personnalisés
  • SaaS pour que vous puissiez l'utiliser à partir de n'importe quel navigateur

2
Veuillez ne pas promouvoir votre entreprise sur toutes les questions concernant le wireframing. Mais merci d'être ouvert que vous êtes un employé là-bas.
DA01
En utilisant notre site, vous reconnaissez avoir lu et compris notre politique liée aux cookies et notre politique de confidentialité.
Licensed under cc by-sa 3.0 with attribution required.