Esistono molti strumenti di prototipazione, strumenti per la progettazione di interfacce utente e applicazioni di grafica vettoriale. Tuttavia, la maggior parte è a pagamento o closed source. Qui ti mostrerò quindi diverse opzioni open source da provare, così potrai usare quella che preferisci.
Penpot
Penpot è la prima piattaforma open source di progettazione e prototipazione pensata per team multidisciplinari. Indipendente dai sistemi operativi, Penpot è basata sul web e funziona con standard web aperti (SVG).
Offre funzionalità e caratteristiche pensate per i diversi ruoli all'interno di un team.
I file di Penpot sono compatibili con la maggior parte degli strumenti vettoriali, sono indipendenti dalla tecnologia ed estremamente facili da usare sul web.
Essendo basato sul web, Penpot non dipende dai sistemi operativi né da installazioni: basta usare un browser moderno.
Creato per la community. Estrema adattabilità: i contributi possono spaziare da componenti aggiuntivi e plugin fino alle funzionalità principali.
È possibile creare interazioni che riproducono il risultato finale e presentare proposte di design interattive.
Tutti i membri del team lavorano contemporaneamente: puoi modificare il design in tempo reale, aggiungere commenti o idee e commentare direttamente i progetti.
Puoi condividere librerie e modelli dei tuoi progetti e scaricare quelli di altri utenti.
Ti consente anche di visualizzare il codice di ciò che stai progettando, scaricare un'icona del design o consultare le proprietà di un componente.
Akira
Akira funziona solo su Linux ed è nato come alternativa moderna da usare su Linux.
Akira è un'applicazione di progettazione nativa per Linux, realizzata con Vala e GTK. Akira si concentra sull'offerta di un approccio moderno e veloce alla progettazione UI e UX, rivolgendosi principalmente a web designer e graphic designer. L'obiettivo principale è offrire una soluzione valida e professionale ai designer che vogliono usare Linux come sistema operativo principale.
Akira è ancora nelle prime fasi di sviluppo: non è consigliabile usarlo per un progetto importante, ma puoi scaricarlo e provarlo.
Per ora include:
-
Offre una tela interamente vettoriale, che può essere ridimensionata all'infinito senza perdere qualità.
-
Include un pannello delle opzioni intelligente che mostra le caratteristiche modificabili dell'elemento selezionato.
-
Include un pannello dei livelli che consente di trascinarli, rilasciarli e ordinarli in modo intelligente.
-
Consente di creare tavole da disegno per organizzare meglio le iterazioni e le visualizzazioni del design.
-
Consente di controllare le dimensioni e la qualità delle immagini esportate.
-
Include una serie di icone personalizzabili.
-
Include una ricostruzione completa dell'architettura della libreria Canvas.
-
Offre un'implementazione della griglia di pixel.
-
Consente di personalizzare il colore della griglia di pixel.
-
Offre l'implementazione di guide di allineamento intelligenti.
Alva
Alva consente di progettare prodotti interattivi basati sugli stessi componenti che i programmatori usano per i siti web.
Design e programmazione si incontrano.
Come designer, inizi con un set minimo di componenti web, che puoi arricchire importandone di nuovi, come immagini segnaposto. A partire da questi, un programmatore può iniziare a scrivere il componente come codice vero e proprio e sostituire gradualmente tutti i componenti.
È possibile creare librerie di componenti che i programmatori possono usare secondo le necessità.
Portare la tecnologia web nel web design.
Un sito web è molto più di una tela di disegno di dimensioni fisse, su cui posizionare rettangoli, cerchi e testo dove si vuole. Alva ti offre la possibilità di realizzare design interattivi.
Dotgrid
Dotgrid è un software di disegno vettoriale basato su griglia, progettato per creare loghi, icone e caratteri tipografici. Supporta i livelli, le specifiche SVG complete ed effetti aggiuntivi come il riflesso e il disegno radiale. Dotgrid esporta file PNG e SVG.
È molto più semplice dei precedenti, ma è perfetto per realizzare loghi e icone semplici in modo molto facile.
Ecco un breve video che mostra come funziona:
