40 risorse di Material Design gratuite per i designer

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

+40 Material Design Sfondi

Material Design 1

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.


100 Material Sfondi

Material Design 2

Sfoglia oltre 100 sfondi professionali per trovare il look giusto per il tuo nuovo progetto.


Free Vector Finder

Material Design 3

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!


10 Material Design Sfondi

Material Design 4

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.

Material Design Sfondi

Material Design 5

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

Material Design 6

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

Material Design 7

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

Material Design 8

Un altro mini-pacchetto creativo con 5 sfondi di materiali luminosi.


Colorati Sfondi Moderni di Material Design Vettore

Material Design 9

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

Material Design 10

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

Material Banner

Material Design 11

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

Material Design 12

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

Material Design 13

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.


Material UI Kit

 Material Design 14

 

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 Material App UI

Material Design 15

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

Material Design 16


Do App UI Kit

Material Design 17

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

Material Design 18

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

Material Design 19

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

Material Design 20

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

Material Design 21

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

Material Design 22

Crystallize è un brillante kit per l'interfaccia utente femminile, adatto per siti web di musica e bellezza. È disponibile in formato .PSD.


Material Design UI Kit Gratis

Material Design 23

Appropriatamente chiamato, questo set di schermi per applicazioni di material design sarà un lancio ideale per il tuo prossimo progetto di mobile design.


Sepia Material UI Kit

Material Design 24

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

Google Material Icone

Material Design 25

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.


Material Web Icone

Material Design 26

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.


1000 Material Design Icone 

Material Design 27

Un set di icone impressionante composto da oltre 1000 icone diverse suddivise in 9 categorie; e ogni icona ha 7 dimensioni.


Material Design Icone

Material Design 28

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.


Android Lollipop Icone

Material Design 29

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

Material Design 30

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.


Nova Icone

Material Design 31

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

Material Design 32

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

Material Design 33

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

Material Design 34

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

Material Design 35

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.


Material UI

Material Design 36

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.


Material Design Lite

Material Design 37

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

Material Design 38

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

Material Design 39

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

Material Design 40

Polymer è un progetto di Google la cui la scheda "Carta" (contrassegnata con Md) è completamente orientata al material design.


Material Foundation

Material Design 41

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.


Material Design per Bootstrap

Material Design 42

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

Material Design 43

LumX è un framework frontend basato su Google Material Design.


Ionic Material


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