Temi WordPress per il design dei materiali premium e gratuiti

Pubblicato: 2015-05-01

materialdesign

Questa è una raccolta dei migliori temi WordPress di Material Design premium e gratuiti.

Allora, cos'è esattamente il Material Design? Material Design è un design di interfaccia visiva sviluppato da Google “che sintetizza i principi classici del buon design con l'innovazione e le possibilità della tecnologia e della scienza”. Sebbene la definizione e la documentazione specifica in continua evoluzione su Material Design di Google utilizzi un linguaggio piuttosto intimidatorio e pretenzioso, i fondamenti sono abbastanza chiari.

Material Design incontra il punto tra design piatto e skeuomorphism. Si potrebbe dire che è un'estensione del design piatto che tenta di rendere il web design più realistico nel modo in cui ritrae gli elementi in un modo sensato, migliorando il flusso e la comprensione dell'utente e rendendo l'esperienza più fluida. Ciò si ottiene con l'uso di elementi come animazioni e transizioni reattive, livelli, riempimento ed effetti di profondità come luci e ombre.

Ci sono tre principi fondamentali nel Material Design: materiale come metafora, movimento e grafica intenzionale audace.

Materiale

materialdesign_metaphor La metafora centrale del Material Design è il materiale digitale. Ispirato da carta e inchiostro, questo immaginario "Smart Paper" digitale è in grado di muoversi e cambiare forma in modo intelligente. Ha superfici e bordi che forniscono indizi visivi radicati nella realtà, e cuciture, ombre e illuminazione aiutano a definire gli oggetti e dividere lo spazio e fornire significato e contesto.

Movimento

materialdesign_princips_motion Simile a Material, il concetto di Motion rispetta che le azioni dell'utente sono l'obiettivo principale in modo che la persona che interagisce con il design controlli l'esperienza piuttosto che il design che controlla l'utente. Come spiega Google: "Il movimento è significativo e appropriato, serve a focalizzare l'attenzione e mantenere la continuità. Il feedback è sottile ma chiaro. Le transizioni sono efficienti ma coerenti”.

Audace, grafico, intenzionale

materialdesign_princips_bold I principi e gli elementi di base del design basato sulla stampa - tipografia, griglie, spazio, scala, colore e uso delle immagini - fanno più che piacere alla vista, ma guidano anche la tua esperienza usando gerarchia, significato e messa a fuoco. L'uso di colori audaci e deliberati, immagini da bordo a bordo ben definite, tipografia su larga scala e spazio bianco intenzionale creano un'esperienza utente coinvolgente.

Temi WordPress per il design dei materiali

Di seguito è riportata una raccolta di temi WordPress che hanno tentato di utilizzare la filosofia del Material Design. Gli sviluppatori hanno implementato i principi di Material Design in questi temi con entità e livelli di successo variabili.

Materializza

Materialise è un tema WordPress per blog fortemente ispirato al Material Design di Google. Il tema premium di RichWP ha un design moderno, audace e visivamente accattivante che segue le linee guida del design dei materiali. Sarebbe adatto per un blog personale o professionale, una rivista online o persino un sito Web di un negozio.

Alcune delle caratteristiche chiave includono: WooCommerce ready, layout mobile completamente reattivo, supporto per la maggior parte delle funzionalità dei plug-in Jetpack (come gallerie affiancate, moduli di contatto, ecc.), Facili opzioni di personalizzazione del colore, più aree widget, menu a discesa, facile integrazione del logo, traduzione pronto, menu a icone, codice di qualità secondo gli standard di WordPress e altro ancora.

materializzarsi
Pagina demo e rilascio | Scaricamento

Materialismo

Il materialismo è un tema WordPress multiuso di una pagina creato utilizzando le linee guida di Material Design sviluppate da Google. Il tema premium di Tesla Themes ha un design dei materiali bello e moderno con molte potenti funzionalità e opzioni. Il tema potrebbe essere utilizzato per un blog, un sito Web aziendale o di agenzia, un portfolio, una pagina di destinazione per mostrare il tuo prodotto, app o servizio o qualsiasi altra cosa. Alcune delle caratteristiche principali includono: oltre 40 diversi elementi di contenuto e opzioni di stile avanzate, 2 layout esclusivi della home page, scorrimento in parallasse e video HTML5, tabelle dei prezzi, font Web Google, blocchi di invito all'azione, generatore di pagine visive drag and drop e altro ancora.

Maggiori dettagli/Download demo

Sirio Pro

Sirius Pro è un tema WordPress multiuso ispirato al Material Design di Google. Il tema premium di Lyra Themes ha un potente set di funzionalità e opzioni ed è facile da configurare e utilizzare per una varietà di scopi. È possibile utilizzare per creare un sito Web aziendale, personale o aziendale elegante, professionale e ricco di funzionalità. È dotato di progetti / portfolio integrati, opzioni di personalizzazione del colore, sfondi parallasse, visualizzazioni multiple di home page, codici brevi per schede informative, membri del team e testimonianze e altro ancora.

Maggiori dettagli/Download demo

MaterialDesignWP

Il tema Material Design WordPress è un tema premium basato sul framework MaterialiseCSS.com. Viene fornito con un plug-in di codici brevi di Material Design che ti consente di aggiungere molti bei componenti di Material Design alle tue pagine. È dotato di un design reattivo, layout del blog, modello di portfolio, opzioni di parallasse, modello a larghezza intera, aree widget, modello di modulo di contatto e altro ancora.

materialdesignwp
Pagina demo e rilascio | Scaricamento

Scatola Ricca

Rich Box è un tema WordPress multiuso completamente reattivo di RichWP. Il tema premium combina le ultime tendenze di Material Design con gli ultimi standard e le migliori pratiche nello sviluppo di temi WordPress. Il tema versatile potrebbe essere utilizzato per tutti i diversi tipi di siti Web e nicchie come blog di cibo, moda e cosmetici, siti di design, viaggi, affiliati o blog personali.

Il tema Rich Box ha un bel layout della griglia e include alcune utili funzioni e opzioni tra cui: facile integrazione del logo e opzioni di cambio colore, menu a schermo intero, design senza barra laterale, aree widget in alto e a piè di pagina, supporto per il formato dei post di WordPress, architettura del codice HTML5, menu delle icone, supporto per il plug-in JetPack, traduzione pronta e altro ancora.

richbox
Pagina demo e rilascio | Scaricamento

Zefiro

Zephyr è un tema WordPress premium multiuso personalizzabile che può essere utilizzato per siti aziendali e aziendali, agenzie, portafogli, blog, siti Web di prodotti o qualsiasi altro tipo di progetto. Il tema si basa sull'ultima tendenza del Material Design con una bella attenzione ai dettagli. Ha movimenti autentici, interazioni reattive, tempi gerarchici, effetti di parallasse, 8 animazioni di aspetto per colonne e immagini, completamente reattivo e un focus su tipografia, usabilità ed esperienza utente.

Il tema è assolutamente ricco di (troppe?) Funzionalità, ma alcune delle caratteristiche chiave degne di nota includono: generatore di pagine con trascinamento visivo per creare facilmente layout illimitati, predisposizione per WooCommerce, opzioni di tipografia avanzate, pannello delle opzioni del tema speciale per una facile personalizzazione e controllo, opzioni di intestazione avanzate, portfolio con oltre 6000 combinazioni, opzioni di colore illimitate, sfondi parallasse, traduzione pronta, 3 diversi layout di blog e molti altri elementi (Fisarmonica e commutatori, ActionBox, Pulsante, Modulo di contatto, Contatore, IconBox, Galleria di immagini, Slider immagine, Google Map, Finestra messaggi, Griglia portfolio, Colonne reattive, Separatore, Link social, Schede e sequenza temporale, Membro del team, Testimonianza, Lettore video), Oltre 1000 icone Font Awesome e Material Design e altro ancora.

Zefiro
Pagina demo e rilascio | Scaricamento

Rubino

Ruby è un tema WordPress per portfolio e blog ispirato al Material Design per le persone che vogliono mostrare i propri progetti personali, fotografie o storie attraverso un blog. Il tema premium ha un design ultra semplice, moderno e intuitivo ottimizzato per i dispositivi mobili. Alcune delle caratteristiche principali includono: opzioni di colore illimitate, pannello di amministrazione per la personalizzazione, Royal Slider (plugin), Essential Grid (plugin) per portfolio, vari layout di portfolio, caratteri Google, icone di filtri portfolio, numerosi formati di post e altro ancora.

rubino
Pagina demo e rilascio | Scaricamento

Materiale

Il materiale è un tema WordPress multiuso e completo che può essere utilizzato per tutti i tipi di progetti. Ispirato da Google Material Design, il tema premium venduto su ThemeForest offre un mucchio di diversi stili di home page e variazioni illimitate. Alcune delle caratteristiche principali includono: un generatore di pagine drag and drop visivo con editor frontend e backend, oltre 40 blocchi di contenuti, portfolio filtrabile reattivo e pronto per retina, 19 blocchi di intestazione univoci, effetti di parallasse, sezioni e cursori a schermo intero, 3 tipi di piè di pagina unici e altro ancora.

Materiale
Pagina demo e rilascio | Scaricamento

Felice hipster

Il tema WordPress Happy Hipster di RichWP è un tema di blog con un design molto semplice, alla moda e minimalista. Il tema premium è l'ideale per i blogger hipster che desiderano condividere i loro pensieri profondi e perspicaci nei post del blog, pubblicare selfie o foto del loro cibo, birre boutique o barba, video di se stessi mentre fanno cose interessanti e altro ancora. Ovviamente non è necessario essere un hipster per usare il tema. È adatto a chiunque per blog di qualsiasi cosa. Alcune delle altre caratteristiche chiave del tema Happy Hipster includono: un design reattivo per dispositivi mobili, WooCommerce pronto per la funzionalità di e-commerce, supporto per la maggior parte delle funzionalità di JetPack (gallerie affiancate, moduli di contatto, ecc.), Supporto per formati di post nativi di WordPress, bella galleria e post layout di elenchi, menu a discesa, menu a icone, facile integrazione del logo, facile personalizzazione del colore, più aree widget e altro ancora.

felice hipster
Pagina demo e rilascio | Scaricamento

Impala

Impala è un tema WordPress multiuso ricco di funzionalità che cerca di applicare i principi di Google Material Design. Ha un moderno design a gradiente piatto che è completamente reattivo. Puoi utilizzare il tema per creare quasi tutti i tipi di siti Web: riviste online, portfolio, agenzie e aziende, blog, pagine in arrivo o qualsiasi altra cosa.

Alcune delle caratteristiche e delle opzioni chiave includono: generatore di pagine trascina e rilascia per layout illimitati, intestazioni multiple, layout versatili (1170px, 1024px, 900px, larghezza intera, schermo intero), griglia dei post in primo piano, opzioni video di sfondo, motivi trasparenti, centinaia di opzioni tipografiche , opzioni di colore illimitate, barre laterali illimitate, oltre 1200 icone di fontAwesome e Google Material Design Icons, recensioni integrate, supporto per i formati dei post e altro ancora. Il tema ti dà il controllo totale su layout, stile, sfumatura, colori, motivi trasparenti, caratteri, icone, posizione delle immagini e così via.

impala
Pagina demo e rilascio | Scaricamento

Pinto

Pinty è un tema avanzato Pinterest come WordPress che ti consente di creare un sito Web come Pinterest. Ti consente di creare bacheche e categorie, appuntare elementi (immagini, video e luoghi con mappe di Google) da siti Web o caricare i tuoi contenuti, creare profili utente, seguire utenti, mettere mi piace, re-pin e altro.

Il tema premium è stato progettato utilizzando la guida allo stile Material Design ed è pronto per la retina e ottimizzato per i dispositivi mobili con un design reattivo. Alcune delle altre caratteristiche e funzionalità chiave degne di nota includono: registrazione utente front-end e accesso con Google+ e Facebook, framework Redux, individuare pin con Google Maps, icone Font Awesome, caratteri Google, combinazioni di colori illimitate, traduzione pronta e HTML5, CSS3 e jQuery codifica.

pinto
Pagina demo e rilascio | Scaricamento

Tattile

Tactile è un tema WordPress multi-concetto che ha un aspetto moderno e nitido che afferma anche di essere Material Design. Viene fornito con 14 layout predefiniti e molte funzionalità e opzioni in modo da poterlo utilizzare per tutti i tipi di progetti e siti Web diversi.

Alcune delle caratteristiche chiave del tema Tattile includono: una potente interfaccia di amministrazione, compositore visivo, layout di intestazioni multiple, immagini di parallasse, transizioni AJAX, sfondi video, slider di livello, layout di portfolio multipli, layout di blog in muratura, formati di porta personalizzati, colonne a piè di pagina personalizzabili , retina ready, integrazione WooCommerce, caratteri Google, integrazione Contact Form 7, integrazione multilingue WPML e altro ancora.

tattile
Pagina demo e rilascio | Scaricamento

Calipso

Calypso è un tema WordPress per riviste con un Material Design. Il tema premium ti consente di visualizzare articoli e storie in modo piacevole con carattere grazie al suo Material Design. Lo sviluppatore afferma che tutto, anche gli elementi più piccoli, è stato accuratamente progettato per renderlo coerente con se stesso e con i principi del Material Design.

Alcune delle caratteristiche degne di nota del tema includono: algoritmo di ordinamento simile a Reddit per i tuoi post (ordinali per popolarità), page builder, pagine di categoria personalizzabili (colore della categoria, stili dei post, posizionamento nella barra laterale), AJAX intelligente per una facile navigazione, mobile responsive design, installazione di dati demo con un clic, HTML5 e CSS3, menu appiccicoso, widget personalizzati e ampie opzioni di personalizzazione all'interno del pannello delle opzioni del tema.

calipso
Pagina demo e rilascio | Scaricamento

Blog ricco

Rich Blog è un tema WordPress di blogging audace e moderno di RichWP. Il tema premium ha un design pulito e minimale che sarebbe adatto a qualsiasi tipo di blog. Il tema ha un design reattivo per dispositivi mobili, integrazione WooCommerce, facile integrazione del logo, più aree widget, supporto Jetpack (per gallerie, modulo di contatto ecc.), Opzioni di personalizzazione del colore e codifica che segue gli standard di WordPress.

riccoblog
Pagina demo e rilascio | Scaricamento

Ossessione

Obsession è un tema WordPress flessibile che può essere utilizzato per siti Web di una pagina o tradizionali siti Web multipagina. Il tema include alcuni simpatici elementi di Material Design come pulsanti di morphing animati, sovrapposizioni di informazioni, modulo di iscrizione e un modulo di contatto minimo.

Il tema si basa sul framework Bootstrap e ha un design completamente reattivo. Il generatore di pagine con trascinamento visivo incluso, il dispositivo di scorrimento della rivoluzione e i plug-in della griglia essenziali ti consentono di creare quasi tutti i layout desiderati con elementi predefiniti utilizzando un'interfaccia trascina e rilascia. Alcune delle altre caratteristiche degne di nota del tema includono: sezioni portfolio personalizzabili, pannello di amministrazione intelligente, caratteri Google, integrazione Font Awesome, scorrimento parallasse, traduzione pronta, colori illimitati, modifica del layout di pagina personalizzato, sfondi video, opzione di intestazione adesiva, WPML pronto e Di Più.

ossessione
Pagina demo e rilascio | Scaricamento

Colore

Color è un tema WordPress per blog e portfolio con un design unico e colorato. Ogni post, pagina o tipo di post può essere aggiornato con un colore di accento individuale per un aspetto e una sensazione unici. Perché probabilmente più piatto del design dei materiali il tema sarebbe l'ideale per gli appassionati di blog colorati.

Alcune delle altre caratteristiche chiave del tema includono: opzioni avanzate per i caratteri, barre laterali sinistra o destra, mobile first responsive design, integrazione con Google Maps, mostra/nascondi informazioni sull'autore, compatibilità con Easy Digital Download, opzioni di condivisione social, menu personalizzato, shortcode, portfolio tipo di post con immagine in primo piano, galleria di slider o supporto video, tipo di post del team e altro ancora.

colore
Pagina demo e rilascio | Scaricamento

EstateMLS

Estate MLS è un tema WordPress immobiliare responsivo per dispositivi mobili, Material Design. Lo sviluppatore afferma di aver utilizzato le ultime linee guida sullo stile Material Design nella creazione del tema. Il tema ricco di funzionalità ti consente di utilizzare gli annunci MLS o di mostrare i tuoi annunci immobiliari.

Alcune delle caratteristiche principali includono: Google Maps con pin di proprietà su di esso, ricerca (dal tuo sito web o da elenchi MLS), modulo "Aggiungi una proprietà" front-end, supporto del plug-in dsIDXpress IDX per elenchi MLS, widget personalizzati e codici brevi, opzioni del tema con pannello di amministrazione senza marchio back-end basato sul robusto Redux Framework, colori illimitati, caratteri Google, pagina del profilo degli agenti immobiliari, generatore di pagine del compositore visivo, widget delle proprietà in primo piano, sezione del blog e altro ancora.

EstateMLS
Pagina demo e rilascio | Scaricamento

Attivismo

L'attivismo è un tema WordPress pulito e minimale con un Material Design creato per organizzazioni senza scopo di lucro, enti di beneficenza, siti Web di eventi o qualsiasi altro sito aziendale o personale. È un tema figlio per l'eccellente piattaforma gratuita per la creazione di siti Web Layers WordPress.

Il tema presenta un design reattivo e pronto per la retina, pagina per le donazioni, tipi di post personalizzati (per team, galleria, colonne box, testimonianze, eventi), elenco eventi e calendario, carosello per post di notizie sul blog, opzione sito Web a una o più pagine , traduzione pronta, font Google e altro ancora.

attivismo
Pagina demo e rilascio | Scaricamento

Materiale semplice

Il tema Simple Material WordPress è ispirato a Google Material Design e utilizza il framework MaterialiseCSS. Ha un layout pulito e semplice ed è mobile friendly con un design reattivo. Ha alcune fantastiche funzionalità integrate per aiutarti a personalizzare facilmente ogni pagina e post e include uno shortcode plug-in Material Design per aiutarti ad aggiungere componenti Material Design alle tue pagine e post.

materiale semplice
Pagina demo e rilascio | Scaricamento

MaterialeWP

Material WP è un WordPress gratuito in stile blog ispirato a Material Design e alimentato da Bootstrap. La base di MaterialWP è il popolare tema di base per WordPress Underscores.me. È dotato di un design reattivo, layout del blog, modello di portfolio, aree widget e vari elementi di design dei materiali.

materialewp
Pagina demo e rilascio | Scaricamento

Sguardo materiale

Material Gaze è un tema WordPress pulito e minimale che prende ispirazione dal Material Design di Google. È un tema figlio per il tema principale gratuito di Stargazer. Questo tema è gratuito .

sguardo materiale
Pagina demo e rilascio | Scaricamento

Materialista

Materialist è un tema WordPress minimalista gratuito ispirato a Material Design. È dotato di un design reattivo che utilizza un approccio mobile first, colore accento, configurazione rapida, supporto per widget e compatibile con lo scorrimento infinito di JetPacks.

materialista
Pagina demo e rilascio | Scaricamento

MaterialPress

MaterialPress è un semplice WordPress gratuito fortemente influenzato dalla filosofia Material Design di Google. È basato sul framework front-end Materialise Sass / Javascript.

materiale stampa
Pagina demo e rilascio | Scaricamento

Scatola di flusso

Flow Box è un tema WordPress multiuso con un layout dal design a scatola e un design minimalista pulito e semplice. Ha un design visivamente ricco con l'uso di immagini in primo piano che lo rendono ideale per un blog di viaggio, un blog di cibo, un sito di portfolio, un sito Web di video o qualsiasi altra cosa. È mobile friendly con un design reattivo, ha facili opzioni di personalizzazione del colore e integrazione WooCommerce per l'e-commerce.

scatola di flusso
Pagina demo e rilascio | Scaricamento

Facci sapere cosa ne pensi del Material Design e se questi temi hanno soddisfatto le linee guida e le specifiche del Material Design.

  • Valutazione dei lettori
  • Voto 4,5 stelle
    4.5 / 5 ( 13 )
  • Il tuo punteggio