Risorse di design

Principio si concentra sull'animazione del movimento e dell'interazione dell'interfaccia utente, sulla timeline intuitiva e sulle relazioni con i driver.

Procreate è un'applicazione di disegno professionale per iPad. Pennelli e strati potenti. Ideale per illustrazione, design di concetto e UI disegnato a mano.

Affinity Designer è un'app di progettazione vettoriale a tempo pieno. Supporta le modalità vettoriali e pixel. Può sostituire Illustrator.

Zeplin è una piattaforma di progettazione e collaborazione. Sincronizza le specifiche, le annotazioni e le attività di Figma/Sketch.

Huemint utilizza l'apprendimento automatico per generare tavolozze di colori. Può indirizzare il marchio, l'interfaccia, o stili di illustrazione per tavolozze armoniose.

Happy Hues mostra tavolozze di colori in contesti reali. Vedi come i colori funzionano nelle interfacce reali. Grande per l'ispirazione di colore.

Paletton genera tavolozze dalla teoria del colore (complementare, analogo, triadico, ecc.). Ideale per l'apprendimento della teoria del colore e la creazione di tavolozze armoniose.

Tabler Icons offre 4000+ icone in stile contorno. Larghezza costante della corsa. Supporta SVG e framework multipli. Ideale per cruscotti e prodotti.

Phosphor Icons offre pesi e stili multipli (pensare, regolare, riempire, ecc.). Flessibile e coerente. Ideale per l'interfaccia utente moderna.

Feather Icons è un set di icone lineari minimale, di piccole dimensioni, di stile coerente, ideale per le interfacce mobili e minimaliste.

Icons8 offre icone, illustrazioni, foto e musica. Diversi stili e dimensioni. Free tier richiede attribuzione o link indietro.

Rive crea animazioni interattive in tempo reale. Esporta tempi di esecuzione leggeri. Supporta Flutter, Web, Unity. Ideale per app e gioco UI.

Cubic Bezier consente di regolare visivamente le curve Bézier e generare la funzione di transizione CSS.

Easings.net mette in mostra le curve delle funzioni di easing comuni e i frammenti di codice. Supporta CSS, JS, Swift. Facile da copiare in progetti.

Animista fornisce snippet di animazione CSS pronti all'uso. Regolare i parametri e il codice di copia. Ideale per aggiungere rapidamente il movimento alle pagine.

Three.js è una popolare libreria WebGL per la creazione di scene 3D e animazioni nel browser. Ideale per vetrine creative e di prodotto.

Vectary è uno strumento di progettazione 3D online e AR. Modello, texture e incorporato in web. Ideale per vetrine di prodotto e attività di marketing.

Shapefest offre gratuitamente forme 3D e risorse sceniche. Scarica per Blender, Figma, Web. Ideale per la costruzione rapida di scene.

Atlassian Design fornisce linee guida di progettazione e librerie di componenti per Jira, Confluence e altro ancora.

Il carbonio è il sistema di progettazione open source di IBM. Include componenti, icone e modelli. Ideale per interfacce di dati e applicazioni aziendali.

Polaris è il sistema di progettazione di Shopify. Copre componenti e modelli di e-commerce. Ideale per l'e-commerce e cruscotti mercantili.

Storybook è per lo sviluppo e la visualizzazione di componenti UI in isolamento. Supporta più framework. Ideale per i documenti di sistema di progettazione e test.

La legge di UX compila i principi cognitivi e di progettazione (Legge di Hick, Legge di Fitts, ecc.) con brevi spiegazioni ed esempi. Ideale per l'apprendimento della teoria UX.

Pixabay offre immagini gratuite, illustrazioni, vettori e video. Uso commerciale senza attribuzione. Ideale per immagini e attività video.