Quale software è meglio per la progettazione della GUI?

Ho ampiamente utilizzato Photoshop, ma il fatto è che si tratta di uno strumento di fotoritocco. Ha alcuni effetti complicati integrati, come l'ombra discendente, i bagliori interni ed esterni ecc., Ma non è sufficiente quando si progetta un'interfaccia grafica. Non è possibile aggiungere più gradienti modificabili, ad esempio. E devi ingannare gli strumenti per ottenere l'effetto che desideri, quando non sono stati progettati per quello.

Ho anche iniziato a utilizzare Fireworks e ci sono alcune cose che mi piacciono, come la possibilità di continuare a cambiare le curve su un rettangolo arrotondato, ma il selettore di colori in quel programma non è utilizzabile. Quando si accede al selettore colore mac, si dice che il colore è qualcosa di diverso da quello che è, a causa del fatto che Fireworks non gestisce correttamente i profili colore. Ciò rende la regolazione dei colori un processo molto difficile. E il software nel suo insieme sembra una versione pre-release (e forse dovrebbe essere).

Quindi, mi chiedo quale software tutti raccomanderebbero per creare una GUI? Ci deve essere un software là fuori che ti consente di avere una gamma di effetti modificabili che puoi cambiare, cambiare l'ordine, muoverti in qualsiasi momento, insieme a tutti gli altri strumenti necessari per creare una grafica eccezionale.

Non esiste un software "migliore" universale per la progettazione della GUI. Dipende solo dalle preferenze del software / flusso di lavoro.

Photoshop

Non sono sicuro di cosa intendi per "gradienti multipli modificabili", ma se sai cosa stai facendo, Photoshop offre tutti gli strumenti necessari per progettare qualsiasi interfaccia grafica che puoi immaginare. Nessun "inganno" di strumenti necessari.

Nonostante il suo nome, Photoshop si è evoluto ben oltre l'essere un semplice strumento di fotoritocco / manipolazione e non c'è motivo per cui non si possa progettare la GUI al suo interno. Photoshop probabilmente fornisce il set più completo di strumenti di editing delle immagini raster di qualsiasi programma di grafica sul mercato ed è utilizzato per tutto, dalla pittura digitale alla colorazione dei fumetti, dall'illustrazione al web e al design dell'interfaccia utente alla produzione di video e alla creazione di giochi 3D fino a foto forense.

Funzionalità come maschere di regolazione, stili di livello, percorsi vettoriali, oggetti intelligenti, composizioni di livelli, ecc. La rendono una scelta naturale per la progettazione dell'interfaccia utente per coloro che hanno già familiarità con la sua interfaccia e il suo set di funzionalità approfondito. Un altro vantaggio è che è ben integrato con strumenti come Illustrator, Flash Catalyst e molte app / plugin di terze parti.

Fuochi d'artificio

Molte persone preferiscono Fireworks per il web design in quanto è stato appositamente progettato per questo, e per questo motivo è anche un buon strumento per la progettazione della GUI. Essendo orientato agli oggetti e supportando pagine, simboli e stili, Fireworks si presta molto bene a un flusso di lavoro di progettazione UX. Molte persone trovano anche che Fireworks offre loro un controllo pixel perfetto, senza ricorrere a righelli, guide o strumenti di misurazione.

Inoltre, Fireworks ha molte funzioni interessanti come il dithering gradiente, i campioni ASE e, in qualche modo, un migliore controllo tipografico rispetto a Photoshop. Il livello Web di Fireworks e la sua integrazione con Device Central di Adobe facilitano inoltre la realizzazione rapida di prototipi per più dispositivi.

Illustratore

Un'altra app popolare tra i designer di UX è Illustrator, che condivide molti punti di forza con Fireworks. Come Fireworks, supporta simboli, stili di oggetti avanzati, più tavole da disegno (simili alle pagine) e strutture di modifica vettoriale ancora migliori.

Photoshop, Fireworks, Illustrator e InDesign dispongono tutti di kit wireframe / stencil e modelli UX disponibili sul Web, ma il design modulare UX è più semplice in Illustrator e Fireworks grazie al supporto di librerie di simboli riutilizzabili.

Illustrator supporta anche stili di carattere e paragrafo, rendendo le sue caratteristiche di design tipografico di gran lunga superiori a Photoshop o Fireworks. Inoltre, Illustrator è ottimo per l'illustrazione, quindi qualsiasi icona o grafica web che potresti voler creare può essere realizzata nello stesso programma.

InDesign

InDesign è un'altra app molto popolare tra IA, IxD, ecc. Le sue funzionalità di progettazione grafica possono essere limitate, ma il suo supporto per pagine, stili di paragrafo e di carattere, frammenti e librerie di oggetti lo rendono ideale per molte attività di progettazione di UX. InDesign ha anche funzioni di composizione molto avanzate e supporta layout di griglia. Questo, insieme all'integrazione InCopy e Adobe Digital Publishing Suite, lo rendono una scelta naturale per le aziende di supporti di stampa che desiderano progettare app mobili per le loro riviste.

Ma alla fine, ogni strumento ha i suoi punti di forza e di debolezza. Le app più specifiche per UX come Axure, Balsamiq, OmniGraffle, ecc. Hanno molte funzioni specifiche per UX per la progettazione di layout / wireframe / interazione. Ma alla fine, è ancora necessario progettare effettivamente la grafica per l'interfaccia utente, per la quale sono necessari strumenti di progettazione grafica come Photoshop / Fireworks / Illustrator.

Ecco perché la maggior parte dei flussi di lavoro di progettazione dell'interfaccia utente include più di un'app. Quindi, a meno che non ti occupi solo di una singola parte del processo di progettazione dell'interfaccia utente, ad esempio wireframing o costruzione della libreria UX o prototipazione, non ci sarà un unico "miglior software".

Pencil è uno strumento di progettazione GUI piccolo e facile da usare.

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...

Dove lavoro, usiamo Indesign. Tendiamo a creare layout puliti basati su griglia con stili tipografici accurati, e per quelli Indesign è fantastico. Ha un ottimo controllo sugli stili di carattere, paragrafo e oggetto, che si traduce bene in CSS e consente di ottimizzare questi elementi in qualsiasi momento del processo, oltre a consentire un layout più coerente. Non è eccezionale quando si esportano elementi grafici, ma riteniamo che ne valga la pena.

Uno degli strumenti di prototipazione della GUI più inaspettati è in realtà Keynote. Conosco parecchi progettisti UI di prim'ordine che lo giurano e Keynotopia è una risorsa fantastica per usare Keynote in questo modo. Se non avessi visto il suo utilizzo così efficace, probabilmente non ci avrei creduto, ma funziona abbastanza bene. Se sei su un Mac, provalo!

Sto lavorando a Pidoco .

Con i nostri strumenti di prototipazione è possibile sviluppare prototipi per siti Web, app mobili o software. È possibile simulare il mockup direttamente su un desktop, uno smartphone o un tablet utilizzando la libera Pidoco App da AppStore e da Google Play .

Le caratteristiche principali sono:

• Collaborazione in tempo reale
• Esporta in HTML, PDF, Word, PNG, SVG
• Un sacco di stampini
• Modelli
• Stampini personalizzati
• SaaS in modo da poterlo utilizzare da qualsiasi browser