Il design dei materiali sta uccidendo il Web?
Material Design è la frase "it" di cui molti designer stanno parlando in questo momento. Il concetto, sviluppato da Google per dispositivi Android, ha un fascino pulito, pulito e altamente utilizzabile.
I siti web che presentano Material Design stanno uscendo dal regno dei dispositivi Android e stanno spuntando ovunque. E la realtà è che molti di questi siti hanno lo stesso identico aspetto.
Revisione del design dei materiali
Se non sei abbastanza sicuro di quale sia il Material Design, ecco un rapido innesco: è un concetto generato da Google che spiega in particolare come dovrebbero apparire le app per Android e come dovrebbe funzionare l'interfaccia utente. Definisce regole per animazione, stile, layout, componenti, modelli e usabilità. Il specificazioni andare fino alla definizione delle tavolozze dei colori e delle opzioni di tipografia.
E mentre tutti questi elementi contribuiscono a un design altamente fruibile e visivamente piacevole, il risultato è una collezione di disegni con un'estetica comune.
Anche il design dei materiali si sta distaccando dall'impennata iniziale di Android. Anche se il concept è nato da un'idea di Google, i designer sono in esecuzione con esso e utilizzano Material Design per siti Web su una varietà di piattaforme e per tutti i tipi di dispositivi.
L'obiettivo ultimo del Material Design è "creare un linguaggio visivo che sintetizzi i principi classici del buon design con l'innovazione e le possibilità della tecnologia e della scienza". Un singolo "linguaggio visivo" pone la domanda: Material Design sta uccidendo il Web?
Material Design Lite
Il linguaggio singolare si sta spostando dal pensiero progettuale mobile-first al pensiero progettuale di tutti i dispositivi. Google ha svelato Material Design Lite all'inizio di quest'anno come una versione semplificata dell'estetica per tutti i siti web.
I modelli "framework agnostic" semplificano la creazione di qualcosa rapidamente e secondo le specifiche. È progettato per funzionare su blog, siti di contenuti pesanti, dashboard e progetti visivi e persino siti di pagine singole. Il design viene annaffiato ancora di più.
Seguire le regole per un modello di progettazione "stretto"
Material Design funziona perché si basa su un insieme piuttosto ristretto di regole e schemi di usabilità. Fa alcune cose grandiose per il design - le linee guida per l'animazione sono particolarmente importanti da capire perché sono radicate nel mondo fisico. Tuttavia, le regole hanno molti vincoli e ciò che sta accadendo finora è che la maggior parte delle applicazioni che usano Material Design sembrano provenire dalla stessa scatola.
Questi schemi stretti sono stati sviluppati in parte per aiutare gli utenti a capire come interagire con dispositivi più piccoli. Il design del materiale si è evoluto dalla progettazione piatta, in cui non tutti gli elementi dell'interfaccia utente avevano ruoli chiaramente definiti nell'ambito del progetto. Material Design ha cercato di rimediare ad alcuni di questi problemi.
Ma è probabilmente il momento di evolvere di nuovo. La maggior parte degli utenti capisce cosa sono i pulsanti e cosa fanno. Ogni evoluzione di una teoria del design insegna agli utenti qualcosa di nuovo su come utilizzare i dispositivi e il web. E si riprendono velocemente. Strumenti progettati per insegnare agli utenti non devono necessariamente durare a lungo.
Stranamente, il modello di progettazione stretto è qualcosa che i designer hanno quasi spinto su se stessi quando si tratta di Material Design. Leggete la documentazione e notate che cambia periodicamente - e i progetti comuni che stanno uscendo dalla tendenza stanno semplicemente emulando gli esempi forniti.
Quindi, perché i designer creano migliaia di siti utilizzando Material Design che sembrano tutti uguali?
Elementi dell'interfaccia utente comuni e oggetti di design
Ecco la risposta rapida alla domanda di cui sopra: è tutto nei dettagli.
Elementi comuni di interfaccia utente, icone, combinazioni di colori e scelte tipografiche stanno uccidendo opportunità estetiche sul web. Ma non deve essere così. È possibile progettare utilizzando concetti materiali senza replicare elementi dalla documentazione o scaricare il kit UI più recente.
Uno dei problemi che continua a emergere è che i siti web stanno replicando l'aspetto di Material Design, ma non hanno la funzionalità e mancano di attenzione ai dettagli. Non è Material Design che sta uccidendo il web, è un designer pigro.
Ma aspetta ... non devi seguire la tendenza
Prima di impazzire, ci sono molti modi per utilizzare Material Design che non ti faranno etichettare come "designer pigro".
Ecco il trucco: aderire ai concetti, ma infrangere alcune regole. Non sei sicuro di cosa significhi? Ecco alcuni suggerimenti:
- Vai oltre la tavolozza dei colori. Invece di una tavolozza di colori brillanti e super saturi, approfondisci i colori e gioca con i pastelli e le tonalità più scure.
- Icone di progettazione e elementi dell'interfaccia utente che seguono le linee guida di base per la progettazione, ad esempio contengono elementi all'interno di icone e l'utilizzo per le caratteristiche umane, ma non provengono da un set preconfezionato.
- Non andare al 100% "materiale". Usa un aspetto di questo nel tuo concetto di design. Le regole per l'animazione sono eccezionalmente belle; seguire queste linee guida per come le cose si muovono nel quadro del tuo sito web; ma progetta il resto come faresti se non fossi stato esposto a Material Design. Un'altra grande idea di "rubare" dal materiale è l'uso di carte, ma non limitarti a progettarle in uno spazio interamente materiale.
- Utilizzare alcune delle migliori linee guida da Material Design per aiutarti a capire meglio come lavorare con i dettagli nel tuo lavoro di progettazione. La sezione di icone della documentazione è un buon primer sull'uso di una griglia per creare icone coerenti nella loro spaziatura. Applica questi concetti alla tua estetica complessiva.
- Espandi la tavolozza tipografica. Una delle cose che "uccide" il design sono troppe cose che sembrano esattamente uguali. Abbina i caratteri tipografici al tuo design e non usare qualcosa perché una serie di linee guida (a meno che non siano del tuo marchio) ti diano una risposta.
- Progetta come faresti con qualsiasi altra tendenza. Material Design è una tendenza, non una soluzione di design completa. Mescola e abbina le parti che ti piacciono e usale come faresti con qualsiasi altra cosa. Alcune tecniche funzioneranno perfettamente, mentre altre potrebbero non essere per i tuoi progetti.
Conclusione
Quindi, tornando alla domanda principale: Material Design sta uccidendo il web?
Molto semplicemente, no. Mentre l'uso eccessivo di questa tendenza può portare a progettazioni omogenee, il vero problema è quello di progettare con una tendenza per il gusto e non pensare ai migliori strumenti e tecniche per il progetto. Quindi, vai avanti, usa Material Design, assicurati di usarlo bene.
