Il design piatto è recentemente diventato popolare per app e siti Web. Questo non vuol dire che a tutti piace assolutamente questo stile, ma sicuramente non si adatta a tutte le applicazioni e siti. Se ci sono molti vantaggi di un design piatto, come semplicità e minimalismo, semplifica l'uso. Per alcune applicazioni, il design piatto potrebbe essere troppo semplice. Vale a dire, vale la pena aggiungere alcune ombre o sfumature per renderlo migliore.

Molti sostengono che il web design piatto sia un design efficace. In questo modo è un modo per rendere il progetto il più intuitivo possibile. Ecco alcuni esempi stimolanti di progetti di design piatto con un design piatto. Questa selezione di diversi portafogli ti aiuta a comprendere i design piatti che funzionano davvero.

La Issland

Creativo di gennaio

Scimmia minimale

Cos'è il design piatto?

Design piatto incentrato sull'utente
Il design piatto è semplice
Design piatto - meno pendenze
Il design piatto include linee rette e angoli quadrati.
Di solito usa un forte contrasto cromatico
Il design piatto non ha ombre, smussi, trame o l'aspetto del 3D
Il design piatto esiste in sole 2 dimensioni
Design piatto: una tendenza verso la semplicità e il minimalismo
Design piatto: non utilizzare effetti extra
Nessun extra
Design piatto: meno pulsanti e kit del corpo
Design piatto significa attenzione ai caratteri
Combinazioni di colori, colori contrastanti e interessanti variazioni di colore sono componenti importanti di un design piatto
Il design piatto è uno dei tanti design. È adatto per alcuni progetti, ma non per altri.

Ciò che non è un design piatto

Il design piatto non è uno skeuomorphism o un design che emula la forma e i contorni della "realtà".
Il design piatto non include pulsanti lucidi.
Il design piatto non include decorazioni
Nel design piatto non troverai idee tradizionali sulla "profondità"
Il design piatto non si adatta a tutti i progetti

Il design piatto è solo un design efficiente?

Alcuni considerano il design piatto stesso un design efficace. Cioè, semplifica l'uso di siti e applicazioni, ti permette di trovare informazione necessariasenza essere distratto. Naturalmente, il design piatto non è l'unico che semplifica la ricerca di informazioni. Se tutto è fatto bene, gli utenti non avranno problemi. Il progetto dovrebbe essere semplice e facile per coloro che sono in grado di usarlo. Qualcuno preferisce utilizzare un design piatto e qualcun altro ha uno stile di design diverso.

Elementi per design piatto.

Ti piace il design piatto? Ecco alcuni elementi che è possibile utilizzare per un progetto "piatto".

Pack di icone piatte

Il design piatto è una direzione chiave nel design per i prossimi anni, quindi offriamo di conoscerlo più da vicino e apprendere 5 principi fondamentali che ne hanno costituito la base.

Conoscenza di design piattoom

In russo, il design piatto si traduce in "design piatto" ed è diventato uno dei preferiti in assoluto dopo la presentazione di Apple iOS. Un approccio minimalista al design per l'usabilità è in prima linea. La scommessa è sul comfort dell'utente. Questa è una protesta pronunciata contro il "squeiformismo" (visualizzazione di oggetti, come nella realtà). La scelta è ricaduta su soluzioni più semplificate e allo stesso tempo semplici in un piano estetico. Gli utenti, stanchi di visualizzazioni realistiche, hanno accolto con entusiasmo questa direzione e sempre più progetti web stanno passando a questo formato.

Voglio notare che "piatto" non significa "noioso". Le soluzioni di design piatto possono essere belle, più sofisticate, pulite, sollevate dalla ridondanza di qualcosa, trasformandosi in un '"isola di calma". Finalmente rendono comprensibile il contenuto. Resta da imparare i principi di base per metterli in pratica.

Principio n. 1: abbasso gli effetti non necessari

Un design "piatto" non cerca di trasferire volumi, pertanto si basa sulla visualizzazione bidimensionale. Ciò significa che non vedrai alcuna ombra, nessun riflesso, nessun riflesso con le trame (l'eccezione sono le ombre lunghe). Solo il trasferimento di circuiti e niente di più.

Principio numero 2: più semplice è, meglio è

Si consiglia l'uso di figure monosillabiche nel design, nonché per monitorare la chiarezza dei contorni, progettata per enfatizzare la leggerezza e l'assenza di gravità. Inoltre, tali elementi laconici imitano bene il sensore, dando origine al desiderio di interagire con l'oggetto (chiamata a fare clic, toccare). Tuttavia, la semplicità degli elementi non è uguale alla semplicità del design nel suo insieme - questo si applica solo ai contorni. Di conseguenza, tutto ciò che l'utente vede è comprensibile per lui e può facilmente usarlo.

Principio 3: tipografia e sua importanza

Il design piatto richiede estrema cautela nel lavorare con i caratteri. Cioè, il loro carattere è necessario per integrare lo schema di progettazione, senza contraddirlo. Inoltre, nel design piatto, il carattere è anche un elemento di navigazione chiave.

Principio 4: accenti di colore

Non solo il carattere, ma anche il colore è una parte essenziale in un design "piatto". La stragrande maggioranza delle palette si basa su 2-3 colori, anche se, naturalmente, ci sono eccezioni. Di solito vengono scelti i colori succosi e luminosi, ma puri. Come notato, non ci sono pendenze e transizioni non necessarie.

Principio n. 5: optare per il minimalismo

Il design piatto è un ottimo esempio di una tendenza globale come il minimalismo. I progettisti rifiutano "campane e fischi" eccessivi, si allontanano da approcci complessi e impliciti alla visualizzazione, che sta dando i suoi frutti sotto forma di attività dell'utente.

Piatto o quasi piatto? Stiamo cercando un compromesso!

In conclusione, desidero sottolineare che oggi esiste un luogo in cui esiste una sinergia tra design piatto e non planare. Questo è un design "quasi piatto". Questa è l'applicazione più comune del concetto descritto, quando insieme a elementi semplici e concisi e spazio bidimensionale, i progettisti applicano 1-2 tecniche per profondità e prospettiva.

Anche la tendenza del 2017 è stata Semi Flat Design, un design semi-piatto. Influenzato da Material Design, è diventato un po 'più spaziale. Appaiono ombre chiare che rendono il design semi-piatto. Il design piatto è rilevante oggi, a causa delle ombre è diventato più profondo e più complesso, ma il concetto di base non viene violato.

In questo articolo ti parlerò del design piatto. Probabilmente ne hai già sentito parlare, dato che negli ultimi anni è diventato piatto uno dei principali trend del web.

Oggi capiremo cos'è un design piatto, come è nato ciò di cui hai bisogno per creare un design pulito, luminoso e reattivo.

potete trovare buoni esempi design piatto sul sito web http://market.envato.com/. Ci sono molti layout, icone e modelli che ti daranno una chiara comprensione di come si presenta il design moderno. .

1. Che cos'è un design piatto?

Design piatto - stile moderno interfaccia utente, nonché design grafico, caratterizzato da minimalismo. Il design piatto è caratterizzato dall'uso di un minimo di elementi e dall'assenza di vari effetti di trama, ombra e luce, ad esempio: colori misti, sfumature, luci e così via.

Piatti contrapposti allo skeuomorfismo( lo skeuomorphism è un principio di progettazione quando un prodotto ha l'aspetto di un altro, ad es. quando vari elementi dell'interfaccia vengono copiati da oggetti reali - traduzione delle note.) , nonché un design ricco. Tuttavia, vale la pena dire che il design piatto non è affatto semplice come sembra a prima vista. Include alcune caratteristiche dello scuomorfismo, ma ne parleremo un po 'più tardi.

In generale, flat aiuta a focalizzare l'utente sul contenuto, senza distrazione per gli effetti visivi. Il design piatto enfatizza la semplicità degli elementi, rendendo allo stesso tempo l'interfaccia più reattiva, piacevole e facile da usare.

2. Un po 'di storia

Il design piatto, come sapete, esisteva molto prima del momento in cui divenne una tendenza globale sul web. Il design piatto era molto popolare negli anni '80 a causa del fatto che la tecnica in quel momento non era ancora abbastanza sviluppata per supportare effetti, trame e ombre complessi. Tuttavia, anche in questo caso il design ha cercato lo scettomorfismo, cercando di rendere gli elementi dell'interfaccia il più realistici possibile.

Il design piatto, nella forma in cui lo vediamo ora, ha iniziato a guadagnare popolarità dopo che Microsoft ha iniziato a produrre prodotti nel cosiddetto stile metropolitana. Metro: design dell'interfaccia utente di Microsoft, sorprendente per stile e semplicità.

Nel 2010 Microsoft ha rilasciato Windows Phone 7, che utilizzava un design piatto con spigoli vivi e una grafica semplice ereditata da uno dei primi prodottiMicrosoft (Zune). Successivamente, ispirato al successo, Microsoft ha rilasciato il sistema operativo Windows 8, basato sullo stesso stile Metro piatto.

Alla fine, il design piatto ha raggiunto il picco nel 2013 quando Apple ha lanciato iOS 7 dimostrando fondamentalmente nuovo design con elementi dell'interfaccia utente completamente modificati, tra cui icone e caratteri. Apple ha creato chiari principi dell'interfaccia utente e del design delle icone .

Poco dopo, Google ha anche iniziato a utilizzare lo stile piatto nelle sue applicazioni e pagine Web, nominandolo Progettazione materiale . Google ha anche un'intera sezione dedicata a questo stile, inclusa una descrizione degli obiettivi del web design, i suoi principi e le linee guida per la creazione di vari oggetti di design: icone, layout e così via.

Da quel momento, flat è diventato un obiettivo chiave nel web design, rendendo i siti Web, le applicazioni e gli elementi di interfaccia eleganti, puliti ed eleganti.

Pertanto, ci sono tre esempi globali di design piatto da parte delle aziende, senza i quali è difficile immaginare il moderno mondo della tecnologia:

Progetto Metro di Microsoft

Design di Apple iOS 7

Material Design di Google

3. Ricorda la pulizia

Il design piatto, a quanto pare, è chiamato "piatto" a causa della mancanza di elementi tridimensionali ed effetti realistici, come: sfumature, trame, luci, mezzitoni, ombre. Ricorda, lo stile piatto è un modo bidimensionale (piatto) di rappresentare gli oggetti.

Inoltre, in un design piatto, gli oggetti sono raffigurati in modo molto semplificato e stilizzato.

E a volte viene utilizzata anche la sagoma o i contorni di un oggetto, ad es. quanto basta per rendere riconoscibile l'oggetto, ma non sovraccaricarlo con dettagli insignificanti.

Il minimalismo è diventato una tendenza globale in questi giorni: la semplicità delle forme e l'uso di spigoli vivi creano un design pulito e gradevole. I moduli semplici sono più comprensibili e più facili da leggere. Questo rende il design minimalista, pulito, impedendogli di acquisire un aspetto impegnato e disordinato.

4. perfetto

Sapere quando si tratta di creare icone piatte ed elementi dell'interfaccia utente, è necessario renderli croccanti, ordinati e perfetti per il pixel, ad es. per quanto possibile. Inoltre, questo vale per la grafica raster e vettoriale.

Con Adobe Photoshop, tutto è chiaro: funziona con grafica rasterche si basa sui pixel.

Per quanto riguarda il programma Adobe Illustrator, quindi utilizza la grafica vettoriale composta da curve e linee, chiamate vettori, che sono fornite da formule matematiche.

Una volta Adobe Illustrator non era particolarmente programma conveniente per creare una grafica pixel-perfetta. La buona notizia è che ultime versioni Illustrator Steel ottimo strumento per creare una buona grafica.

Devo dire che la grafica vettoriale significa fondamentalmente lavorare con forme semplici, piatte, colori e griglie pulite. Adobe Illustrator è molto flessibile nelle impostazioni e consente di adattare la griglia alle proprie esigenze, allineare gli oggetti e utilizzare vari tipi snapping. Grazie a questo, il processo di creazione di un design perfetto che sembrerà pulito ed elegante su qualsiasi display è diventato più facile. Se vuoi imparare come creare una grafica perfetta, allora dovresti leggere l'articolo: Come creare grafica perfetta per i pixel usando Adobe Illustrator .

5. Colore

Una delle caratteristiche più specifiche del design piatto, oltre alle ombre, è l'uso del colore. La maggior parte dei colori che usano il design piatto nei loro elementi sono costituiti da pochi colori di base.

Il colore in un design piatto è luminoso, ricco, ricco.La combinazione di colori del piatto non si limita a pochi colori speciali; contiene molte sfumature e la loro scelta dipende solo da ciò che rappresenti, che si tratti di icone di dolci o oggetti in stile retrò in una sofisticata tavolozza retrò.

Supponiamo che tu sia un progettista di interfacce e esperto di tavolozze di colori, stai sperimentando un pannello di colori in programmi Photoshop e Illustartor, mescolando i colori come preferisci. Tuttavia, questo processo è piuttosto complicato e richiede una buona intuizione, esperienza e abilità. Qui troverai alcuni strumenti che possono aiutarti a creare la tua tavolozza di colori.

Alcuni di essi sono adatti a tutti i tipi di design e illustrazioni e non solo al design piatto. Ad esempio, Adobe Color CC, meglio noto come Cooler. Oggi è possibile accedervi, sia attraverso il sito Web sia direttamente attraverso i prodotti Adobe. Cooler è uno strumento molto flessibile che ti consente di creare la tua tavolozza dei colori o di selezionare le tavolozze personalizzate dalla libreria.

Un altro generatore di tavolozze di colori semplice e conveniente è Coolors. Basta premere la barra spaziatrice e il programma genererà una tavolozza di colori, è possibile regolare i colori, c'è anche una funzione di esportazione.

Esistono molti altri servizi simili con tavolozze personalizzate che possono essere utili. Tuttavia, esiste uno strumento creato appositamente per il design piatto: FlatUIColors.com di Designmodo - un servizio con una serie di colori "piatti", è molto comodo per il lavoro. Questo sito è diventato molto popolare tra i designer che cercano buone soluzioni cromatiche per un design perfetto. Provaci!

E puoi trovare una più ampia varietà di colori e palette Guida alla progettazione dei materiali di Google.

6. Ombre lunghe

Come accennato in precedenza, il design piatto è caratterizzato da semplicità, molto spazio libero - ecco perché piatto rifiuta l'uso di qualsiasi effetto. Tuttavia, esiste un effetto caratteristico del design piatto. Questo effetto è diventato una tendenza e una caratteristica del flat.

Stiamo parlando di lunghe ombre. Hanno alcune caratteristiche tipiche che rendono riconoscibile questo effetto, vale a dire: un'inclinazione di 45 gradi e una dimensione grande (l'ombra può essere più volte più lunga del soggetto stesso. Di conseguenza, le ombre lunghe danno al piatto un effetto di profondità.

Questo effetto rende l'oggetto più tridimensionale, ma allo stesso tempo lasciandolo nel contesto del design piatto.

7. Lavorare con i caratteri

La tipografia gioca un ruolo importante nel design piatto. Spesso il testo diventa l'elemento principale della composizione.

Di solito Flat usa stili di carattere semplici, rendendo l'intero disegno nel suo insieme pulito e leggibile. Puoi trovare molti caratteri gratuiti in Adobe Typekit se utilizzi i prodotti Adobe. Troverai anche molti buoni caratteri gratuiti su Font Squirrel. Ma non dimenticare di leggere la licenza se intendi utilizzare il carattere a scopi commerciali.

Molto spesso nel design piatto è consuetudine utilizzare maiuscole e colori contrastanti, questo rende il testo più leggibile.

Usa i caratteri con cautela, ricorda che dovrebbe enfatizzare il design e adattarlo e non apparire come un elemento separato, ciò non significa che non puoi usare caratteri serif o caratteri complessi scritti a mano. Basta ricordare il minimalismo e mantenere tutto in equilibrio. Tuttavia, flat utilizza ancora i caratteri sans-serif più spesso, poiché sembrano più rigorosi e precisi.

8. Pro e contro del design piatto

Nonostante il fatto che il design piatto sia diventato così popolare grazie ai suoi numerosi vantaggi, presenta ancora alcuni svantaggi che i designer affrontano quando usano questo stile. Diamo un'occhiata ai pro e contro.

professionisti

Popolarità

Il design piatto si è trasformato in una tendenza, raccogliendo sempre più recensioni positive da designer e web designer, e non sembra affatto che stia perdendo la sua posizione. Al contrario, si diffonde sempre di più, acquisendo alcune nuove forme e caratteristiche, diventando sempre più creativo.

Semplicità

Il design piatto è semplice, minimalista e pulito. Flat on the Web aiuta gli utenti a concentrarsi sui contenuti, piuttosto che essere distratti da effetti visivi. Questo funziona anche per le interfacce. app mobili: design pulito con pulsanti grandi fare uso di dispositivi mobili Perfetto.

Luminosità

Il colore è un altro vantaggio nel design piatto. I colori vivaci e vivaci sembrano attraenti e chiari e l'assenza di sfumature rende il design elegante. Inoltre, tali colori puri lo rendono più positivo, presentabile, il design piatto crea il giusto umore.

svantaggi

Il flat ha molti più vantaggi, ma nessun design è perfetto e non possiamo idealizzarlo. Ecco alcuni degli svantaggi del design piatto che dobbiamo menzionare:

unresponsiveness

A volte la mancanza di dettagli importanti o effetti visivi rende difficile il processo di creazione di un'interfaccia user-friendly, e questo generalmente rende il tutto non rispondente. Non tutti gli utenti flat si sentono a proprio agio, perché può essere difficile trovare elementi in una pagina Web su cui è necessario fare clic o toccare lo schermo cellulareperché non sono interattivi.

Problemi di stampa

Come accennato in precedenza, non tutti i caratteri possono adattarsi a un design piatto. A volte un carattere così ricco con spigoli vivi sembra davvero equilibrato ed elegante. Tuttavia, se il carattere è selezionato in modo errato, ciò può distruggere l'intero disegno. Devi sentirti davvero bene quali caratteri sono adatti per il flat e quali no. La mancanza di esperienza rende molto difficile la selezione dei caratteri.

Grafica debole

A causa delle restrizioni sull'uso di effetti, colori e caratteri, flat potrebbe apparire troppo semplice e freddo. Il suo minimalismo può anche diventare il suo principale svantaggio: un altro design piatto alla fine assomiglia esattamente al tuo. Pertanto, è molto difficile rendere le tue icone o pagine web diverse dal design di qualcun altro, perché usi le stesse forme semplificate, tavolozze di colori limitate e caratteri simili. Di conseguenza, nel tempo, il design piatto può diventare noioso.

9. Future tendenze del design piatto

Questo non vuol dire che il design piatto si sia completamente formato e fermato al suo posto: forse a causa delle sue carenze sopra menzionate, il piano si sforza di sviluppare e cambiare, acquisire nuove funzionalità e migliorare l'espressività visiva.

Se osservi attentamente l'ultimo esempio di design piatto, puoi notarlo davvero gradualmente dai suoi strumenti rigorosi e inizia ad aggiungere effetti sottili, come: sfumature, ombre, illuminazione e altri effetti visivi.

Queste piccole cose conferiscono al design piatto un po 'di profondità, senza sovraccaricarsi di dettagli, come fanno in un design skeuomorphic.Questi piccoli miglioramenti rendono l'appartamento più reattivo e confortevole, e danno anche un aspetto nuovo, rendendo l'appartamento più flessibile e versatile.

Pertanto, flat non perde le sue caratteristiche, ma diventa più interessante, flessibile.- sta davvero migliorando.

conclusioni

Pertanto, abbiamo discusso alcuni fatti della storia del design piatto e abbiamo parlato di colori, forme e tipografia. Abbiamo esaminato diversi punti di vista, focalizzato sui vantaggi e gli svantaggi del flat e imparato alcuni principi di base per creare un buon design.

Spero che tu abbia raccolto per te nuove informazioni da questo articolo, o almeno le abbia trovate interessanti. Devi provare a creare un design piatto se non l'hai mai fatto prima.

Dopotutto, cos'altro vale la pena menzionare sul design piatto?

Se ti piace davvero il piatto con i suoi spigoli vivi, i colori ricchi e i caratteri nitidi, la sua purezza e il minimalismo, allora vai avanti!

Questa è una tendenza, ma, come con qualsiasi altro stile grafico, non ti limiti a una tecnica. Se flat è di tendenza, ciò non significa che non è possibile utilizzare altri stili nel progetto. Lo scettomorfismo con i suoi piccoli dettagli e trame può anche diventare buona decisione. Ancora più importante, ricorda che il tuo design è per ogni progetto, deve esprimere il suo spirito, lo scopo, l'essenza, pur rimanendo conveniente e funzionale. Inoltrare!

La parola "piatto" nella traduzione dall'inglese significa "piatto". Fin dal suo inizio, il cosiddetto design piatto ha continuato a mantenere la sua posizione per diversi anni, occupando una posizione di leader nel mercato.

Come tutto è cominciato

Il web design è cambiato molte volte dal suo inizio. Ha fatto molta strada da elementi semplici e noiosi a tridimensionali, convessi e quasi materiali. Questo può essere facilmente visto nell'esempio dei cambiamenti nell'aspetto del sistema operativo Windows. La componente visiva si sta sviluppando parallelamente allo sviluppo della tecnologia. Ma le sue nuove tendenze indicano piuttosto un ritorno al minimalismo e alla semplicità.

Dallo skeuomorfismo al design piatto

Lo stile che precede quello piatto era lo skeuomorfismo. È stata una tendenza importante nel design per molto tempo. Lo skeuomorfismo è uno stile pseudo-volume, tutti elementi che imitano aspetto oggetti reali ( taccuino, sveglia), usando ombre, trame naturali e altre cose. I suoi vividi esempi sono stati trovati nelle prime interfacce degli smartphone. Ha iniziato a perdere la sua posizione dopo il 2010, quando i progettisti di grandi aziende hanno iniziato a guardare alla semplificazione e allo sviluppo interfacce utente cominciò a sbarazzarsi della caratteristica principale dello skeuomorfismo: la tridimensionalità.

Un ottimo esempio visivo della differenza di stili è la foto qui sotto. L'immagine a sinistra è un design piatto e la destra è uno scettuomorfismo.

Caratteristiche di stile piatto

Il piano è uno stile bidimensionale. Non ha assolutamente effetti visivi, come transizioni di colore uniformi, ombre, trame volumetriche. In una parola, tutto ciò che rende un'immagine tridimensionale.

Le più informative sono le icone (icona del design piatto). Dovrebbero essere quanto più facili da usare se viene sulle applicazioni per smartphone. Per i siti, le icone sono gli elementi principali che riflettono la sua specificità e il messaggio informativo. Di norma, sono presentati come semplici forme geometriche, cerchio o quadrato, con una caratteristica immagine condizionale.

Quando si sviluppa un design piatto, viene prestata attenzione alla combinazione di colori. Dovrebbe essere monotono, non invadente e non distrarre per l'utente. Molto spesso vengono utilizzati un colore puro e diverse tonalità contrastanti. A proposito, ci sono molti servizi Internet con set di colori di design piatto che puoi usare copiando i codici esadecimali dei tuoi colori preferiti.

Non meno importante è la tipografia (testo). A causa della semplificazione generale, la componente di testo è particolarmente distinta. Quindi, dovrebbe essere leggibile e non contraddire lo stile generale. Ciò dipenderà dalla scelta del carattere e dal suo colore.

Esempi di design piatto

Tanto per cominciare, le icone di tante note risorse Internet e social networks. Non molto tempo fa, anche i giganti Google e YouTube hanno cambiato il loro design in piatto. Sala operatoria sistema Windowsa partire dall'otto, ho completamente abbandonato tutti i segni di volume nelle icone che hanno soddisfatto gli occhi di alcuni utenti versione precedentee ha iniziato ad aderire al design piatto. Gli sviluppatori mobili per iOS e Android hanno seguito il suo esempio.

Utilizzate ampiamente i vantaggi dei siti a pagina singola (pagine di destinazione) di design piatto, per i quali il ruolo decisivo è svolto non dall'aspetto artistico, ma dalla funzionalità e dalla leggibilità.

L'evoluzione del design piatto

Inizialmente, il design piatto era davvero completamente piatto, il che creava alcune difficoltà agli utenti che erano abituati ai pulsanti convessi. Se nello skeuomorfismo la visibilità dei pulsanti era immediatamente evidente, quindi nelle prime varianti del design piatto non era sempre possibile determinare l'interattività degli elementi la prima volta.

Dopo che Microsoft ha rilasciato Windows 8, progettato in uno stile piatto, non tutti gli utenti sono stati in grado di capire immediatamente la nuova interfaccia e su quali icone possono fare clic. L'aspetto degli elementi non indicava una possibile interazione con essi. Questo design è stato conveniente, piuttosto, per le applicazioni mobili, che ha raccolto questa idea. E il primo a farlo mela nella progettazione di iOS 7.

Tuttavia, il design piatto non si ferma e si sta sviluppando verso la complessità. Oggi sembra sempre più un design semi-piatto o, come viene anche chiamato, Flat 2.0. Gli effetti di profondità, ombra e sfumature iniziarono ad apparire in esso. La profondità in un design piatto si ottiene disponendo gli elementi a diversi livelli o ad angolo.

Comunque sia, lo stile è all'apice della popolarità ed è molto richiesto. Quindi, se prevedi di progettare il tuo sito, puoi tranquillamente fare una scelta a favore del design piatto. E se hai bisogno di alcuni elementi mancanti per il tuo sito, su Internet puoi trovare un numero enorme di elementi dell'interfaccia utente di design piatto gratuito (da scaricare gratuitamente), ad esempio icone, caratteri, modelli e altri componenti necessari dell'interfaccia utente.

Pro e contro dello stile

Senza dubbio, nel moderno ritmo rapido della vita, uno stile informativo così discreto è più conveniente del suo predecessore. Il design piatto presenta numerosi vantaggi innegabili.

Forse il più importante avvio veloce pagine web. I siti che utilizzano un design piatto si aprono molto più velocemente di quelli sovraccarichi di animazione e altri oggetti pesanti. Particolarmente importante è il tempo di caricamento per l'ottimizzazione SEO e la promozione del sito Web verso l'alto.

Un aspetto semplificato contribuisce alla leggibilità del testo e ti consente di concentrarti sul contenuto principale.

Il design sembra armonioso e olistico, il che crea un'impressione generale piacevole.

Niente può essere perfetto e il design piatto non fa eccezione. Nonostante tutta la sua apparente semplicità, lo sviluppo di un web design piatto di grande successo non è così semplice. C'è la possibilità di renderlo noioso e poco attraente. O viceversa, esagerare con il design e dimenticare la funzionalità. Il compito principale nello sviluppo di Flat-design è quello di mantenere il perfetto equilibrio tra bellezza e facilità d'uso.

Il design piatto (design piatto) è oggi una delle principali tendenze, sia nel campo del web design sia nelle tecnologie per la creazione di interfacce utente. Di esempi recenti, i più importanti sono: la mossa decisiva di Microsoft in questa direzione, con Windows 8 e il nuovo design di Google, con una chiara dimostrazione del desiderio di approfondire il minimalismo.

Ecco alcuni esempi di elementi di definizione.

La vita dopo il Web 2.0

Sotto forma di forme arrotondate di elementi con tutti i tipi di effetti: 3D, ombre, luci e riflessi, sfumature, rilievi. In una parola, tutto ciò che crea profondità e volume. Controlli ampi e luminosi, lucentezza, uso di trame e altri modi di manifestazione simili lasciano il posto a una semplice rappresentazione bidimensionale di oggetti visivi.

Design galleggiante

Stile basato sulla tipografia

Si noti che questa è la base per la costruzione di un sito "piatto". La semplicità degli elementi di design Flat, così come i principi del minimalismo stesso, aumentano l'importanza della tipografia. Contenuto del testo in linea di principio è possibile sostituire parte della grafica o delle immagini pesanti. Oggi, su molti siti, la tipografia è diventata design. Naturalmente, poiché il design in stile piatto è spesso minimalista, la natura dei caratteri deve essere coordinata con lo schema generale, lo stile e la composizione. Pertanto, ad esempio, le maiuscole vengono spesso utilizzate per elementi o titoli.

Coderwall

Leggi anche: 12 colori primari ed esempi della loro percezione da parte degli utenti

Tavolozza di colori dal design piatto

Anche il design piatto si sta muovendo verso una maggiore diversità di colore. I web designer utilizzano sempre più la tavolozza dei colori per implementare, forse, il principio base del design: il sito dovrebbe essere diverso dal loro stesso tipo.

Scimmia minimale

Spazio libero, elementi di grandi dimensioni

Dall'inizio alla fine ha una base minimalista, il che significa che assume i suoi principi di base: grandi blocchi di contenuti, elementi di grandi dimensioni, spazio libero, assenza di storie eccessive e pretenziosità.

Design della barba

Design piatto di icone, pulsanti, illustrazioni.

Pulsanti, icone, badge e illustrazioni assumono anche un aspetto bidimensionale. Dovrebbero corrispondere allo stile indicato su tutte le pagine del sito, trasmettere lo stato d'animo del sito stesso ed essere facilmente comprensibili per qualsiasi utente.

Selezionare i colori per le icone, così come le icone stesse, non è un compito facile. Si possono usare colori puri. Nel tentativo di decorare il design, devi pensare a come rendere il sito comodo da usare. Da un lato, è importante non violare lo stile, ma dall'altro è necessario rendere visibili le icone. Nelle illustrazioni, ci battiamo per il minimalismo, evitando gli effetti 3D precedentemente popolari.

Leggi anche: Oltre 20 siti stimolanti con illustrazioni di design piatto