• Visit NINJA ACADEMY
  • Rss
  • Twitter
    • Segui @ninjamarketing
  • Linkedin
  • Facebook
  • Instagram

News

  • Eventi
  • Social Media
  • NFT
  • Advertising
  • Spotify
  • eCommerce
Da governante a paladina: come è cambiata la...
Trend e Tool 2023: la checklist del Marketer nel secondo...
Content Inflation, cos’è e come pianificare una...
Google potenzia i suoi prodotti con l’AI: arriva la...
Sempre più persone usano i social come motore di ricerca:...
Instagram lancia la funzione Note (e vuole fare concorrenza...
La Parola dell’Anno, il Pantone 2023 e le altre...
Zoom crolla in borsa del 90% dal picco raggiunto durante la...
Cryptoverse Marketing: le nuove competenze per portare il...
Instagram diventa un marketplace per NFT: partiti i test
Le notizie Ninja della settimana che potresti aver perso
Christie’s lancia la sua piattaforma NFT: si chiama...
LEGO collabora con Disney per festeggiare il suo 100°...
Da governante a paladina: come è cambiata la...
Il nuovo look semplice ed energico di 7Up
McDonald’s trasforma le porte in hamburger e patatine...
Spotify sceglie Milano per il suo Hub internazionale del...
Spotify lancia gli audiolibri: 300.000 titoli già...
Culture Next di Spotify: cosa ci dice il report che studia...
Playlist di San Valentino: quali sono le canzoni più...
Ecommerce HUB sceglie Giffoni per lanciare i nuovi trend...
Amazon Prime Day raddoppia: nuovo appuntamento a ottobre
Diventi un modello con le tue foto: arrivano i camerini...
Shopify potenzia le soluzioni per vendere il Made in Italy...

Insight

  • Metaverso
  • Cookieless
  • eCommerce
  • GDPR
  • Lavoro
  • Design
10 keyword del 2022 che useremo sempre di più nel 2023
Hate Speech, phishing e ransomware: quali sono (e come...
Cosa c’è da sapere su Omniverse, il metaverso di...
Tag Manager Ninja: dominare il tool numero 1 per gli...
Addio ai cookie di terze parti: prospettive future e...
I trend media per il 2022: cosa devono sapere i brand
Le nuove linee guida sui cookie del Garante Privacy
Come siamo arrivati ad aver bisogno dell’App Tracking...
Come creare una Lead Generation efficace e far crescere il...
Dropshipping: cos’è, vantaggi e svantaggi, come...
Shopify annuncia oltre 100 novità per migliorare la...
E-commerce dalla A alla Z
GDPR loves Matomo: l’alternativa a Google Analytics...
GDPR: Matomo può essere l’alternativa a Google...
Alternative a Google Analytics per essere GDPR compliant
Google Analytics e GDPR: il Garante per la Privacy boccia...
Il fenomeno del re-hiring: perché le aziende riassumono...
Come motivare generazioni differenti di lavoratori in...
Employer Branding: come attirare talenti in azienda...
Come e dove cercare lavoro nel 2023: consigli per il tuo CV
I font che hanno fatto la storia e quelli che faranno...
Gucci avvia il primo hub per il lusso circolare in Italia
Il nuovo look semplice ed energico di 7Up
La nuova brand identity di SACE per crescere insieme alle...

Tutti i TopicsChiudi

Ninja Marketing
  • Advertising
  • Branding
  • Consumer Trends
  • Creatività
  • Design
  • Digital Marketing
  • Event Marketing
  • Innovazione
  • Marketing Strategy
  • Marketing Tools
  • Media
  • Relazioni Pubbliche
  • Social Media Marketing
  • Webinar
  • Guide
Ninja Company
  • Aziende
  • CSR
  • Diritto
  • Finanza & Mercati
  • Digital Transformation
  • Management
  • Retail
  • Sales
  • IT
Ninja HR
  • Comunicazione Interna
  • Employer Branding
  • Formazione
  • Lavoro
  • Leadership
  • Produttività
  • Recruiting
  • Smart Working
  • Talent Management
  • Welfare
Ninja Brands
  • Amazon
  • Apple
  • Facebook
  • Google
  • Instagram
  • Linkedin
  • Microsoft
  • Netflix
  • Oracle
  • Snapchat
  • Tesla
  • TikTok
  • Twitter
  • Virgin
  • YouTube
  • 0Carrello
Logo Ninja Logo Ninja
  • News
  • Insight
  • Topics
  • Academy
  • Diventa PRO
  • Menu
  • Accedi
  • Home
  • Marketing
  • Business
  • Future
  • Life
  • PRO
  •   Ninja Academy
  • Ninja Deals -->
  • Twitter Linkedin Facebook Instagram YouTube
  • Accedi
  • Home
  • News
    • Eventi
    • Social Media
    • NFT
    • Advertising
    • Spotify
    • eCommerce
  • Insight
    • Metaverso
    • Cookieless
    • eCommerce
    • GDPR
    • Lavoro
    • Design
  • Topics
    • Ninja Marketing
    • Advertising
    • Branding
    • Consumer Trends
    • Creatività
    • Design
    • Digital Marketing
    • Event Marketing
    • Innovazione
    • Marketing Strategy
    • Marketing Tools
    • Media
    • Relazioni Pubbliche
    • Social Media Marketing
    • Webinar
    • Guide
    • Ninja Company
    • Aziende
    • CSR
    • Diritto
    • Finanza & Mercati
    • Digital Transformation
    • Management
    • Retail
    • Sales
    • IT
    • Ninja HR
    • Comunicazione Interna
    • Employer Branding
    • Formazione
    • Lavoro
    • Leadership
    • Produttività
    • Recruiting
    • Smart Working
    • Talent Management
    • Welfare
    • Ninja Brands
    • Amazon
    • Apple
    • Facebook
    • Google
    • Instagram
    • Linkedin
    • Microsoft
    • Netflix
    • Oracle
    • Snapchat
    • Tesla
    • TikTok
    • Twitter
    • Virgin
    • YouTube
  • Diventa PRO
  •   Ninja Academy
  • Twitter Linkedin Facebook Instagram YouTube
  • Share on Twitter
  • Share on Facebook
  • Share on Linkedin
  • Send an email
Logo Ninja

Diventa free member

Vuoi leggere questo articolo e le altre notizie e approfondimenti su Ninja? Allora registrati e diventa un membro free. Riceverai Breaking News, Marketing Insight, Podcast, Tips&Tricks e tanto altro. Che aspetti? Tieniti aggiornato con Ninja.

Logo Ninja

Diventa free member

Vuoi leggere questo articolo, le altre notizie e approfondimenti su Ninja? Allora lascia semplicemente nome e mail e diventa un membro free. Riceverai Breaking News, Marketing Insight, Podcast, Tips&Tricks e tanto altro. Che aspetti? Tieniti aggiornato con Ninja.

Sei già un membro Ninja? Accedi

Material Design, una guida online per un'interfaccia web a prova di Google

Score

1.6K Share

  • Share on Twitter
  • Share on Facebook
  • Share on Linkedin
  • Send an email

Lorenzo Paciaroni 

  • Twitter
  • Linkedin
  • Share on Twitter
  • Share on Facebook
  • Share on Linkedin
  • Send an email

Pubblicato il 12/03/2015

material-desig

Da qualche mese Material Design è l'interfaccia di Android che Google applica ai suoi dispositivi e ora, dopo aver uniformato l'app Google contatti (che nelle prossime settimane sostituirà la vecchia), ha pubblicato la guida online di Material Design per sviluppare siti ottimali in ogni loro elemento grafico.

Dalle animazioni agli stili, dal template ai componenti, un completo how to non solo per quanto attiene ai dispositivi mobili ma per ogni prodotto web. Un lungo elenco di specifiche, fornitissimo di do e don't, che un web designer dovrebbe inserire tra i suoi segnalibri e consultare quotidianamente.

Material design, dalla tipografia cartacea al web responsive

Il punto di partenza per questo design, come la metafora "materiale" lascia intuire, è la carta coperta dall'inchiostro, alla quale unire la tecnologia per creare una superficie virtuale sulla quale muovere e far interagire gli elementi. Ma a differenza della carta, questo design si amplia e ridimensiona in maniera intelligente, in base all'esperienza cercata dall'utente tramite un dispositivo mobile o la finestra di un browser.

material-design

Gli oggetti hanno tre dimensioni, quindi nella piattaforma gli elementi sottostanno a luci e ombre hanno uno spessore, un'elevazione sui piani, una precisa area occupata, possono cambiare posto, muoversi, combinarsi e relazionarsi tra loro sui tre assi. Chiunque abbia un dispositivo con sistema operativo Android avrà fatto caso a queste logiche nelle quotidiane interazioni con il suo OS.

Best practices, do e don't

In questa dettagliatissima guida non mancano esempi e tutorials. Tramite illustrazioni, brevi filmati e descrizioni Google, per ogni sezione, mostra come fare e come non fare per aderire ai suoi standard, in una serie di do e don't che non lasciano più margine di errore a chi sviluppa interfacce per il web.

Le interazioni nel responsive design hanno regole precise, le loro animazioni direzioni obbligatorie in ingresso e in uscita, e il touch - così come il click: su desktop valgono le stesse regole del mobile, questa è una guida su come comunicare, non solo con quali strumenti farlo - deve innescare reazioni previste e prevedibili, pena un deficit di usabilità che può spingere l'utente a lasciare la pagina.

material-design

In merito allo stile, l'esperienza Android raccoglie molti tricks su come gestire colori, font e forme; le icone (la libreria completa è su github) devono essere semplici, intuitive, geometriche, pulite, piatte; immagini, testi e icone vanno combinati secondo logiche comunicative e di lettura rigorose, avatar e gallerie sono un'arma a doppio taglio per il suo impatto visivo che va presa per il manico.

Nelle molte sezioni in cui è articolata la guida, parlando di layout e componenti Google fornisce utili consigli su come strutturare le pagine, su come realizzare bottoni, dialoghi, griglie e liste, slide, menu e tooltips; nei pattern istruzioni su selezioni e ricerche; nell'usabilità linee guida sull'accessibilità e, nell'area risorse, la possibilità di scaricare palette colori, templates (per mobile, tablet e desktop) già compilati, font e icone di sistema.

Una risorsa web per l'uso quotidiano

Quanto deve essere grande un'icona su un particolare dispositivo? Quali colori per i link attivi e inattivi? Dove posizionare informazioni e elementi grafici? Che dimensioni dare al font? Queste e mille altre domande hanno ora una risposta data non da un forum qualsiasi ma dal gigante di Mountain View. Facili da trovare (il menu ha un indice dove è difficile perdersi), semplici da applicare, veloci da capire grazie agli esempi giusti e sbagliati.

Il sito più (very) bello del mondo, se l'usabilità non ne supporta i contenuti, ha fallito il suo obiettivo, che resta, sempre, il comunicare qualcosa nel migliore dei modi possibili. Ogni web designer sa quanto conti questo aspetto e dedica gran parte del suo lavoro proprio a ottimizzare l'ambito dell'esperienza utente; per questo Material Design - prima e principale risorsa del progetto Google Design - è uno strumento indispensabile nel lavoro degli sviluppatori per il web, da tenere sempre a portata di mano, nonostante questa guida sottolinei a volte anche delle ovvietà, ma in certi casi è meglio risultare ridondanti che dare informazioni per scontate.

Scritto da

Lorenzo Paciaroni 

WebDesigner, calligrafo, giornalista, writer. Comunicatore freelance, copywriter freestyle, sviluppatore freeware. Nerd, resistente. Un curriculum di lavori diversamente digni… continua

Condividi questo articolo

  • Share on Twitter
  • Share on Facebook
  • Share on Linkedin
  • Send an email

Segui Lorenzo Paciaroni  su Twitter .

Amiamo ricevere i tuoi commenti a ideas@ninjamarketing.it

Leggi anche

Sempre più persone usano i social come motore di ricerca: lo studio di Capterra
Scrittura SEO: 7 passi per creare contenuti ottimizzati per la ricerca
IKEA, Google e la partnership tra Dove e LinkedIn: le pubblicità più belle di febbraio

Vuoi fare Carriera nel Digital Business?

+100.000 professionisti e 500 grandi aziende hanno incrementato i loro Affari grazie a Ninja.

Non aspettare, entra subito e gratis nella Ninja Tribe per avere Daily Brief, Free Masterclass e l’accesso alla community di professionisti.

INIZIA GRATIS

Ninja

  • About
  • Filosofia Ninja
  • Il Clan
  • Top contributor
  • Advertise
  • Partner
  • Contatti

Top Contributor – Last year

1
Giuseppe Tempestini

Copywriter & Digital Strategist

2
Urania Frattaroli

Creative Copywriter

3
Ilenia Valleriani

Content Writer

Vuoi fare Carriera nel Digital Business?

+100.000 professionisti e 500 grandi aziende hanno incrementato i loro Affari grazie a Ninja.

Non aspettare, entra subito e gratis nella Ninja Tribe per avere Daily Brief, Free Masterclass e l’accesso alla community di professionisti.

INIZIA GRATIS

ISCRITTO A

Seguici

Ninja Magazine è una testata registrata presso il Tribunale di Salerno n. 14/08 - Codice ISSN 2704-6656
Editore: Ninja Marketing Srl, Centro Direzionale Milanofiori, Strada 4, Palazzo A - scala 2, 20057 Assago (MI), Italy - P.IVA 04330590656.
© Ninja Marketing è un marchio registrato, tutti i diritti sono riservati
Puoi ripubblicare i contenuti citando e linkando la fonte nel rispetto della Licenza Creative Commons
PRIVACY POLICY, CONDIZIONI D’USO E COOKIE POLICY
Scorrere verso l’alto