Indice Contenuti
Vediamo insieme quali sono le caratteristiche grafiche e strutturali di un sito dal design flat a partire da font leggibili, colori nitidi, icone chiare e molto altro ancora
Ho già trattato l’argomento flat site design in un precedente post (tra i più letti del nostro blog n.a.) dove mi concentravo però più sul concetto in se e sugli aspetti che fanno del flat site design, un vero e proprio trend. Per molti sembra quasi che la metro-style di Windows 8 e l’aggiornamento grafico di molti servizi e dell’interfaccia stessa di Google, abbiano contribuito al diffondersi di questo trend. Sarà vero?
Ma quali sono poi i principali aspetti del design di tipo flat? Riassumendo in tre parole direi: usabilità, scalabilità e velocità.
Ma prima di proseguire oltre…
Vediamo ora quali sono le caratteristiche grafiche e strutturali di un sito flat. Su cosa dobbiamo concentrarci per far si che il nostro prossimo sito sia realmente un sito dal design flat? A mio avviso i 5 elementi caratterizzanti sono:
La Struttura grafica
Diamo l’idea di sfruttare tutto lo spazio disponibile ed eliminiamo, se possibile, vincoli strutturali come bordi, riquadri e ombre. Evitiamo inutili texture o l’uso improprio di “pesanti” immagini di fondo. Diamo spazio a badge e icone chiare. Questo non vuol dire banalizzare il design, certo che no! Vuol dire sfruttare diversamente la creatività del vostro designer.
Ricordiamo poi sempre che la struttura del nostro sito deve essere fluida e adattarsi ad ogni risoluzione monitor. A tal proposito vi invito a testare il vostro sito con Responsinator, un utile e pratico tool online, che vi consentirà di verificare come il vostro sito appare nelle varie risoluzioni monitor.
I Font
I Font
I Colori
Le icone
I Bottoni o Tasti Azione
In questa raccolta di siti web elencata su Splashnology (ma ne troverete certamente molte altre su Google) sono stati elencati alcuni interessanti esempi di siti flat. Dateci un’occhiata se vi va, e buon flat design!