Material Design: uno sguardo al web design di oggi

design dei materiali

Sono passati quasi due anni da quando Google ha sviluppato e annunciato alla conferenza I / O di Google il Material design come un regolamento di progettazione che sarebbe stato implementato e che sebbene inizialmente fosse focalizzato sulla riproduzione di contenuti nel sistema operativo Android, era destinato a diventare una tendenza sul web e su qualsiasi piattaforma, cosa che possiamo confermare oggi. Sebbene in alcune occasioni ne abbiamo parlato, la verità è che non ci siamo mai fermati a vedere questa codifica in profondità, quindi oggi esamineremo i suoi principi e le sue caratteristiche più caratteristiche.

Quali sono le caratteristiche distintive del material design? Cosa c'entra con il movimento Flat Design?

Cosa dire di questa tendenza nel web design?

Il suo nome deriva dal suo senso più pratico, materia o materiali devono essere organizzati e strutturati nel modo più efficiente possibile e ti concentrerai su di esso. Questo movimento cerca soprattutto flessibilità, ergonomia e capacità di piegare e semplificare la costruzione di un sito web. Ma non solo la dimensione spaziale occuperà un posto importante, ma anche quella del tempo, poiché ora gli elementi occuperanno determinate posizioni in determinati momenti, cioè anche il dinamismo sarà un fattore chiave. Inoltre questi fattori saranno inevitabilmente guidati dall'intelletto e dalla logica, che finisce per portare ad una ricerca del realismo e della rappresentazione spaziale della materia fisica, infatti tiene conto delle leggi della fisica e con essa gli elementi (immagini, bottoni, pannelli ...) non possono incrociarsi tra loro perché hanno maggior peso e densità visiva, invece quello che faranno sarà sovrapporsi.

Ordine, chiarezza, leggibilità

Tutti questi principi derivano, ovviamente, dal modo in cui le componenti grafiche sono gestite e distribuite, compresa la tipografia, che sarà soprattutto una soluzione chiara e leggibile, la struttura testuale sarà convenzionale e fluida, gerarchia visiva motivata dall'uso di toni più o meno forti generando contrasti che saranno sfumati anche attraverso dimensioni e ordine.

Illuminazione e realismo

La logica si manifesta soprattutto nell'utilizzo degli effetti di luce e nella gestione sia delle luci che delle ombre. L'illuminazione è un ottimo indicatore di prossimità, rilevanza e situazione, ecco perché diventerà uno strumento fondamentale per influenzare quella gerarchia di cui abbiamo parlato. Ora pulsanti, immagini e tutti gli elementi avranno ombre che indicheranno il grado di prossimità e ci aiuteranno a posizionarci sul palco web.

Il movimento è lo strumento più efficace per catturare l'attenzione e guidare lo spettatore

Il suo linguaggio sarà evidente, grafico e illuminante agli occhi dell'utente. Quando si sceglie un'opzione o uno strumento, si avvicinerà a noi, espandendo le sue dimensioni e inversamente quando smetteremo di usarlo. Inoltre, un articolo cambierà colore o lampeggerà se deve assolutamente attirare la nostra attenzione.

Ritmo, ordine, lingua

Non dimentichiamo che in fondo parliamo in un modo di discorso. Esaminiamo le risorse che il web design ci offre e quindi tutti i parametri tecnico-espressivi hanno un significato: Dall'ordine di apparizione, ad esempio prima le immagini e poi i pulsanti fluttuanti, alla velocità con cui compaiono, in che direzione lo fanno ea quale fine si muovono. Tutto questo è importante perché non solo viene indicato all'utente da dove provengono le informazioni, ma anche il viaggio è facilitato, gli elementi sono disposti in modo da rendere il processo di lettura intuitivo, facile e piacevole. Senza dubbio, l'animazione e il dinamismo sono un pilastro fondamentale.

Codifica illimitata

Tutti questi principi o standard che stiamo esaminando sono progettati e sviluppati per l'implementazione su qualsiasi supporto e piattaforma, indipendentemente dalla sua natura e dalle dimensioni dello schermo che presenta. Da telefoni cellulari, tablet o computer. Tutti i possibili supporti e destinazioni supportano questo linguaggio visivo e infatti la sua trasversalità e compatibilità è uno dei suoi ingredienti essenziali.

Il design piatto non è lo stesso del Material Design

Sebbene condividano molti punti in comune, come l'impegno per il minimalismo più clamoroso, ci sono anche enormi differenze tra i due codici. Non sono però incompatibili e si possono certamente combinare perfettamente per ottenere le migliori finiture, ma di questo parleremo in un prossimo post.


Il contenuto dell'articolo aderisce ai nostri principi di etica editoriale. Per segnalare un errore fare clic su qui.

2 commenti, lascia il tuo

Lascia un tuo commento

L'indirizzo email non verrà pubblicato.

*

*

  1. Responsabile dei dati: Miguel Ángel Gatón
  2. Scopo dei dati: controllo SPAM, gestione commenti.
  3. Legittimazione: il tuo consenso
  4. Comunicazione dei dati: I dati non saranno oggetto di comunicazione a terzi se non per obbligo di legge.
  5. Archiviazione dati: database ospitato da Occentus Networks (UE)
  6. Diritti: in qualsiasi momento puoi limitare, recuperare ed eliminare le tue informazioni.

  1.   Yerko Alfaro suddetto

    Fran, ho trovato la tua pubblicazione molto interessante. Non ci sono molte informazioni in spagnolo su questo argomento. Quindi, se sei interessato, ho sul mio blog la traduzione in spagnolo delle specifiche di Material Design. Come te, il mio interesse è che le informazioni raggiungano il maggior numero di persone, in modo che possano trarne vantaggio.

    saluti

  2.   studio di progettazione grafica suddetto

    Ottimo articolo !! Non sapevo nulla di "Material Design" ma di "Flat Design", se non altro per gusti personali. Proverò a seguire alcuni dei suggerimenti.

    saluti
    David