Material Design è uno dei trend più caldi degli ultimi 2 anni. È iniziato come una serie di linee guida per i servizi di Google, come mezzo per unificare le loro interfacce utente. Ma oggi molti designer professionisti adottano i propri principi, semplicimente perché sono orientati all'usabilità e sembrano più belli del semplice design piatto.
Se vuoi iniziare a progettare i siti web e app material come un professionista, controlla prima quello che Google dice su questa tendenza, quindi consulta questa galleria di risorse material design gratuite e scegli qualcosa che sia adatto per te. I 40 omaggi qui illustrati diventeranno un bel trampolino di lancio per un progetto di qualsiasi dimensione.
Il riepilogo è suddiviso in 4 sezioni: sfondi, kit dell'interfaccia utente, icone e framework. Ognuno di loro è essenziale se si vuole padroneggiare Material Design.
Material Sfondi
Un set di 40 sfondi in material design gratuiti in alta risoluzione. È disponibile in entrambe le varianti raster (.JPG) e vettoriale (.AI), quindi puoi modificarle come meglio credi. Questi sfondi sono disponibili in una varietà di forme e colori, Consentendo di essere applicarti a qualsiasi progetto web o di stampa senza alcuna modifica.
Sfoglia oltre 100 sfondi professionali per trovare il look giusto per il tuo nuovo progetto.
Utilizzando questo motore di ricerca di download gratuito di vettori potrai trovare qualsiasi material design o qualsiasi altro omaggio in pochi minuti. Avere un enorme database di file tutto ciò di cui hai bisogno!
Questo pacchetto include 2 disegni di sfondo moltiplicati per 5 combinazioni di colori. Sono dotati di alta risoluzione (5000 * 3000px) e alta definizione (300 dpi) e sono gratuiti per uso personale e commerciale.
Questo set gratuito contiene 5 sfondi di colori luminosi: blu, rosa, verde, arancione e giallo, disponibili in formato .JPG.
Nuovo set di 30 Material Sfondi
Questa enorme collezione di 30 sfondi utilizza colori scelti con cura, eleganti trame sonore e una vasta gamma di forme: quadrati, rettangoli, triangoli e cerchi. È disponibile nei formati .PNG e .AI.
Sfondi Material Design Pronozionali Gratis
Ti consigliamo di utilizzare questi material sfondi per creare banner con immagini in evidenza per i post del tuo blog, perché le loro aree a forma di diamante si adattano perfettamente a questo scopo.
Set di Material Design Sfondi Gratis
Un altro mini-pacchetto creativo con 5 sfondi di materiali luminosi.
Colorati Sfondi Moderni di Material Design Vettore
Questo material sfondo in formato .EPS è rilasciato sotto licenza Creative Commons (Attribution 3.0). Poiché si basa su oggetti vettoriali, puoi facilmente personalizzarlo in termini di forma e colore.
5 Sfondi di Material Design Gratis
Un piccolo set gratuito di material sfondi colorati contenenti 5 file .JPG ad alta risoluzione. La sua versione premium offre 40 sfondi di questo tipo per 5 $.
Cinque banner di material design con la risoluzione 1140x600px. Usali per creare immagini, intestazioni, sfondi per le tue opere o semplicemente come gli sfondi per il desktop.
Nuovo Set di Moduli di Material Design Gratis
Otto modelli altamente dettagliati. A differenza degli altri sfondi di questo elenco, sono senza la soluzione di continuità, il che significa che è possibile applicarli su una superficie di qualsiasi dimensione senza sacrificare la qualità.
Material Kit dell'Interfaccia utente
Android Material Design UI Kit Sketch Resource
Google è un importante trendsetter nel mondo del design, quindi non c'è da meravigliarsi se per Sketch sono disponibili gli omaggi di material design. Questo kit UI gratuito offre una varietà di elementi dell'interfaccia utente: menu, pulsanti, fumetti e altro.
Questo minuscolo material kit per l'interfaccia utente sarà utilizzato sia per gli utenti di Photoshop che di Sketch. Sembra vivace ed energico, quindi può essere liberamente utilizzato per progettare un'app musicale o una versione mobile di un sito web.
Cisco è un kit di interfaccia utente PSD premium che include oltre 30 schermi Android basati su forme vettoriali al 100%. La demo contiene 10 schermate ed è gratuita per essere scaricata.
5 Template incredibili di infografica
I ragazzi di InvisionApp sanno esattamente come promuovere i loro servizi tramite gli omaggi: il loro kit UI gratuito soprannominato Do è semplicemente immenso. Contiene 130 schermi, 10 temi già pronti e oltre 250 componenti di design. Ed è gratuito, non sto scherzando.
150 Icone + 24 Design Template
Le icone e i template inclusi non sono solo magnificamente disegnati e succosi: sono anche concettuali, quindi prendere quello che si adatta al tuo progetto sarà semplicissimo. Inoltre, sono completamente modificabili e al 100% vettoriali.
"BankTag" - Material UI Kit Gratis
BankTag è un kit UI di Sketch pulito per applicazioni mobili finanziarie. Include 13 schermi ben progettati con una varietà di elementi.
DiscoMusica - Web UI Kit Gratis
DiscoMusica è un kit UI colorato multiuso, adatto sia per il web che per la progettazione delle applicazioni. Grazie alla sua struttura, può essere utilizzato per creare un sito web educativo con corsi online. Questo omaggio è disponibile per Sketch.
Component-Based Material Design UI Kit
Questo kit material di interfaccia utente gratuito per Photoshop è un altro modo semplice e veloce per progettare un'applicazione mobile senza problemi.
Crystallize Material Ui Kit Gratis
Crystallize è un brillante kit per l'interfaccia utente femminile, adatto per siti web di musica e bellezza. È disponibile in formato .PSD.
Appropriatamente chiamato, questo set di schermi per applicazioni di material design sarà un lancio ideale per il tuo prossimo progetto di mobile design.
Questo kit per l'interfaccia utente è stato progettato con una tavolozza insolita per il material design. Include tutto il necessario per progettare una straordinaria applicazione mobile.
Material Icone
Il set più materiale di icone è quello che proviene da Google. La raccolta predefinita di Google Material Icone ne offre centinaia, essendo costantemente aggiornati con i nuovi pittogrammi pixel perfetti. Queste icone sono semplici ed efficienti, per questo supportano il design e non lo interrompono.
Questo set include 6 icone piatte dettagliate con una distinta sensazione materiale. Sono stati confezionati insieme in un file .PSD a strati per la tua convenienza.
Un set di icone impressionante composto da oltre 1000 icone diverse suddivise in 9 categorie; e ogni icona ha 7 dimensioni.
Questo sito con un nome semplice ti consente di accedere gratuitamente a più di 1000 material icone. Contiene il set predefinito di Google Material Icone più i pittogrammi degli utenti. tutte le icone sono disponibili per essere scaricati in diversi formati, tra cui .PNG e .SVG.
Un'altra serie di icone piatte colorate, questa volta è il tema Android. Dispone di 12 miniature con design piatto e lunghe ombre.
Google Material Design – Set di icone Gratis
Questo set di icone include 40 icone tonde relative alle condizioni meteorologiche per le applicazioni mobili. Sono disponibili in 3 dimensioni: 64x64, 128x128 e 256x256 e sono disponibili in formato .PNG.
Ecco una versione gratuita di Nova Icon Pack, adatta per qualsiasi ambiente di sviluppo a causa della varietà di formati di file in cui è disponibile: .Sketch, .AI, .SVG, .PDF, .EPS e .Iconjar. Comprende 350 icone, entrambe delineate e riempite, mentre la versione a pagamento ne ha più di 4000.
Server/Hosting Material Design Icone
Questo pacchetto di icone di materiale colorato è stato progettato per i provider di hosting. Comprende 12 icone con lunghe ombre ed è disponibile nei formati .PSD e .PNG.
Master Set di Material Design Icone Gratis
Questo set comprende varie icone rotonde relative alle applicazioni e ai file come Steam, Adobe Illustrator, Adobe Photoshop, Google Chrome, ecc. Ed è quindi adatto allo sviluppo delle applicazioni. Nell'archivio troverai 35 icone nei formati .PNG, .ICO e .ICNS.
Material Design Icone Template
Quest'omaggio non è un'icona nel senso convenzionale, ma piuttosto un template vettoriale in formato Adobe Illustrator. Con il suo aiuto sarai in grado di progettare le tue icone di material design perfette per i pixel in un attimo.
Material Frameworks
Materialize è un framework CSS estremamente popolare per chi ama il material design. Viene fornito con una vasta documentazione ed nel complesso, è molto semplice da utilizzare, è per questo che è diventato rapidamente un framework di frontend preferito da molti sviluppatori web.
MaterialUI è tra i frameworks citate più frequentemente, insieme a Materialize. È basato su React, una libreria JS per la creazione di interfacce utente e ottimizzato per rendere più semplice la creazione di material siti web.
Come suggerisce il nome, Material Design Lite è leggero e semplice da utilizzare. Tuttavia, questa caratteristica non lo rende limitato nella funzionalità. Questa libreria di componenti ti dà una mano a implementare gli elementi di design moderni come carte, slider, pulsante attiva/dasattiva e molti altri.
MUI è un framework CSS leggero che segue le linee guida di Material Design di Google. Proprio come Material UI, funziona con la libreria React JS, quindi non ci saranno problemi nel controllo di MUI se conosci questo strumento.
Angular Material è un framework dell'interfaccia utente per gli utenti di AngularJS. Ti dà il controllo su una vasta collezione di componenti dell'interfaccia utente conformi alle linee guida di Google per material design.
Polymer è un progetto di Google la cui la scheda "Carta" (contrassegnata con Md) è completamente orientata al material design.
ZURB Foundation è un framework particolarmente popolare tra gli sviluppatori Magento. Questa è la versione di material design di questo framework. Combina i principi di codifica dello ZURB originale, ma è ottimizzato per la creazione di siti web di ispirazione materiale.
Per coloro che pensano che Bootstrap sia l'unico framework praticabile, presentiamo questo tema Material Design per Bootstrap. È material, ed è per Bootstrap – di che cos’altro hai bisogno?
LumX è un framework frontend basato su Google Material Design.
Ionic Material è la libreria di estensione del framework dell'applicazione mobile Ionic.
È difficile trovare le risorse di material design gratuite (e anche premium), che seguano tutte le linee guida di Google per Material Design. Ma, d'altra parte, non è così importante. Dopotutto, il design è tutto incentrato sulla creatività e non c'è creatività se si seguono tutte le regole.
Sii creativo!
***
Questo articolo è stato tradotto da inglese. L’originale puoi trovare qui: 40 Free Material Design Resources for Designers