In 2014, Google ha annunciato il rilascio di Material design ". Il loro obiettivo originale era quello di affrontare le questioni con la progettazione di app per dispositivi Android. L'argomento era che " Flat design "Non viene visualizzato bene su schermi di piccole dimensioni. Hanno ritenuto che il design mancasse di chiari segnali visivi e ostacolasse l'usabilità degli utenti mobili.

Matías Duarte, vice presidente di Google Design, ha spiegato:

“A differenza della carta vera, il nostro 'Material Design' può crescere e adattarsi in modo intelligente. la Materia offre superfici fisiche e piane, con ombre che danno senso a ciò che puoi toccare ”.

E questo è fondamentalmente ciò che è ora il design hardware: un modo per rendere tangibili gli elementi di un'applicazione.

Rilasciando il nuovo linguaggio e le linee guida di Material Design, Google spera di risolvere i problemi di UX (Esperienza dell'utente) e confusione tra gli utenti di applicazioni Android. Due anni dopo, il loro Framework è andato oltre il regno delle applicazioni mobili ed è ora un principio regolarmente utilizzato nel web design.

Di seguito, ti offro alcune fonti dove troverai risorse per integrare Material Design sul tuo blog WordPress.

1 - Behance

Behance

Download

L'esempio perfetto di un sito per imparare il design dell'applicazione con il " Material design ". Behance offre innumerevoli suggerimenti ed esempi che puoi utilizzare come ispirazione. Behance fa anche uso del " Material design Sul proprio sito, con caselle che fuoriescono dalla griglia, ombre centrali per l'attenzione e indicatori chiari per azioni cliccabili.

2 - CodePen

codepen

Download

CodePen, il 'parco giochi per sviluppatori' auto-assegnato, è la miniera d'oro di uno sviluppatore quando si tratta di ' Material design ". Non solo avrai alcuni esempi davvero interessanti, e puoi vedere CSS, HTML e JavaScript che gli sviluppatori usano per costruire vari siti web.

3 - Dribbble

palleggio-risorse-materiali-design

Download

Se non hai familiarità con quest'ultimo, Dribble è un social network per designer, sviluppatori, artisti e altri interessati al " Design ". Una ricerca di " Material design All'interno del loro sito ti mostrerà come la tecnologia di Material design È onnipresente. Qui troverai l'ispirazione per qualcosa di semplice come un'icona per progettare un sito web completo.

4 - Material Design Awards di Google Design

google-design-awards-risorse-materiali-design

Download

Un anno dopo che Google ha lanciato Material Design, ha onorato sei delle migliori applicazioni che utilizzano il Framework in "Materiale Design Awards ". Riconoscerai un gran numero di siti in questo elenco onorifico. Se vuoi vedere il potenziale di Material design ", Ti invitiamo a dare un'occhiata a questo elenco. Se Google si prende il tempo per taggare una fonte, allora vale la deviazione.

5 - Realizzato con materiale

made-con-il materiale di risorse-materiali-design

Download

Risalente a novembre 2014, questo sito offre una grande fonte di ispirazione per " Material design ". La maggior parte del sito presenta screenshot ad alta risoluzione di siti web e app per dispositivi mobili che utilizzano " Material design ". E anche se può essere facile perdersi in questi esempi stimolanti, non dimenticare di controllare la documentazione che hanno incluso per gli sviluppatori nella barra laterale in alto a destra. Questa documentazione sarà utile se vuoi sviluppare con " Material design '.

6 - Blog di Material Design

materiale-design-blog-risorsa-materiale-design

Download

Questo blog sembra essere uno dei nostri preferiti, non solo perché copre tutta una serie di strumenti e argomenti che potrebbero interessarti quando si tratta di questo argomento, ma anche perché fa un ottimo lavoro mostrandoti tecniche di progettazione con "Material Design". Se non hai avuto la possibilità di vedere le loro animazioni in azione, visita il sito e fai clic su uno dei loro post del blog.

7 - MaterialUp

materialup risorsa-materiale-design

Download

Parte della famiglia di siti Uplabs MaterialUp è incentrato sulla progettazione dei materiali: siti Web di esempio, schermate di app mobili, strumenti, suggerimenti e altro ancora. Anche se non riesci a trovare nulla di utile in questo momento, dai un'occhiata al design del loro sito web. Il layout e l'aspetto ricordano Google Drive, giusto? Se stai cercando un risorsa ti puoi fidare, puoi rivolgerti a questo sito?

8 - Pinterest

pinterest-risorse-materiali-design

Download

Se mai un sito dovesse essere nominato come la principale fonte di ispirazione per i "designer", Pinterest condividerà questo onore con Behance. Con una rapida ricerca del termine "Material design Hai accesso immediato a video e immagini da siti Web e applicazioni che utilizzano questo framework.

Questo è tutto per questa lista di risorse per il " Material design ". Sentiti libero di condividerlo con i tuoi amici sui tuoi social network preferiti.