Design piatto (design piatto) - Questo è uno stile popolare nella progettazione di siti e interfacce, nonché di sistemi operativi, il cui segno distintivo è la semplicità, la raffinatezza e il minimalismo. Il design piatto ha iniziato a guadagnare popolarità nel 2010 come l'opposto dello skeuomorfismo.
Skeuomorphism - un ornamento fisico o un elemento di design che viene copiato dalla forma di un altro oggetto, ma realizzato con altri materiali o altri metodi. Gli esempi includono ceramiche decorate con rivetti d'imitazione per assomigliare a simili vasi di metallo o un calendario per computer che simula aspetto pagine di fissaggio di un calendario desktop cartaceo (definizione da Wikipedia).
Lo stile piatto nel design è stato promosso dal rilascio del sistema operativo Microsoft Windows 8 in stile Metro, nonché da iOS 7, in cui mela sceglie anche uno stile piatto. È dopo questo che inizia la vera era del design piatto. Presto anche le grandi aziende passarono al design piatto. servizi di ricerca e applicazioni - Google, Youtube, ci sono molti siti che usano i principi di uno stile piatto nel loro design. NEL l'anno scorso il design in stile piatto è leader nelle tendenze di progettazione di siti Web globali.
Vantaggi del design piatto
- Praticità - L'uso di un design piatto consente di ridurre al minimo il numero di stili, script e animazioni, consentendo al sito di caricarsi più velocemente.
- Facile da adattare - Il design piatto è abbastanza facile da adattarsi a varie risoluzioni dello schermo.
- La praticità d'uso - Grazie allo stile semplificato, è più facile per gli utenti percepire le informazioni sul sito.
- bellezza - L'imparzialità esterna e i design semplici ti consentono di concentrarti su un design che cattura davvero.
5 principi di progettazione del sito piatto
Il design piatto non è affatto noioso, come potrebbe sembrare a prima vista. Grazie alla sua purezza e raffinatezza, le soluzioni di design possono essere eleganti e belle, senza alcun rumore, che ti consente di concentrarti sul tuo prodotto o servizio.
1 - Utilizzo di oggetti bidimensionali
NEL design piatto esclude l'uso di elementi che aggiungono profondità e volume all'oggetto: ombre, sfumature, bagliori, trame, riflessi, animazione. Quando viene visualizzato un oggetto, vengono visualizzati solo i suoi contorni.
2 - Icone e oggetti semplici
L'utilizzo di icone piatte e figure monosillabiche con contorni chiari e un colore consente di semplificare il design e renderlo più semplice. I controlli diventano intuitivi per l'utente e stimolano l'interazione.
3 - Caratteri semplici in stile design
Molta attenzione è rivolta alla tipografia e ai caratteri di design piatto. Il corsivo non viene utilizzato qui, il carattere si inserisce armoniosamente nella progettazione dei siti non solo nei contenuti, ma anche nella navigazione. Anche nei tipi di carattere per il sito, uno stile minimalista è il benvenuto.
4 - Gioco di colore
Il design piatto contiene diversi colori primari che escludono l'uso di transizioni e sfumature fluide, ma possono essere luminosi e contrastanti tra loro.
5 - Minimalismo
Il design piatto prevede l'uso della visualizzazione degli elementi, l'uso dell'intera larghezza dello schermo e allo stesso tempo la minimizzazione delle informazioni.
Esiste un design quasi piatto. Questo è uno dei concetti di design piatto, che consiste nell'uso di elementi semplici e spazio bidimensionale. Un esempio di ciò può essere una foto di alta qualità, che è sfocata sullo sfondo o scurita. Ciò consente di creare la profondità e la prospettiva dell'oggetto.
Esempi di design piatto
Su Internet, anche nel segmento bielorusso, puoi trovare molti esempi di sviluppo di siti con un design piatto in vari argomenti, tra cui risorse di notizie, portali e persino negozi online.
Recentemente, una direzione del design come FLAT è diventata popolare: design o design piatto.
Gli utenti di Windows 8 e versioni successive hanno già familiarità con il design FLAT, poiché la prima cosa che li incontra all'avvio del sistema è questa schermata.
L'aspetto esteriore di FLAT - il design è dovuto alla diffusione di app mobili. E penso che ciò sia dovuto al fatto che gli oggetti di design FLAT sono creati utilizzando oggetti vettoriali e di conseguenza è più facile adattarli a varie piattaforme di gadget.
FLAT - il design ha le seguenti caratteristiche:
Rifiuto totale o parziale di sfumature, trame complesse e ombre di cui personalmente sono molto felice. Non posso lamentarmi delle ombre e mi piace usarle da solo, ma lascia che gli eterni problemi con la visualizzazione del gradiente scompaiano.
Tipografia, la geometria viene alla ribalta. Soprattutto quando si tratta di web design.
Armonia e. Il design utilizza un numero limitato di colori. Ecco un esempio della popolare tavolozza di design FLAT.
Uso di icone informative creative.
Come ho già detto, FLAT - il design è diventato molto popolare nelle applicazioni mobili, poiché la sua caratteristica principale è la semplicità di layout e adattabilità. Anche il design FLAT si è diffuso nell'infografica, poiché sostiene la percezione armoniosa delle informazioni attraverso l'uso di tecniche tipografiche e coloristiche costruttive.
Un tempo, il Web 2.0 era la tendenza più popolare nel web design. Ora il suo posto è stato preso dal design FLAT. La moda tende a tornare al vecchio dimenticato per farne nuova. Chissà quando il design FLAT passerà di moda, per ora, goditi la semplicità, l'armonia e il contenuto informativo della tendenza attuale. A proposito, il design piatto era già popolare negli anni '80, ma a causa delle caratteristiche tecniche, dell'incapacità di visualizzare ombre e sfumature. E ora, la maggior parte delle principali aziende IT è passata al design piatto.
Bene, bene, ci adatteremo al mondo che cambia. Nel prossimo articolo, ti mostrerò come creare icone nello stile di un design FLAT usando forme semplici in Photoshop.
Se le mie pubblicazioni ti interessano, ti suggerisco di tenerti aggiornato aggiornamenti recenti sito web.
(Visitato 2 333 volte, 1 visite oggi)
In questo articolo ti parlerò del design piatto. Probabilmente ne hai già sentito parlare, dato che il flat è diventato uno dei principali trend del web negli ultimi anni.
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 utentecosì come la grafica, caratterizzata dal 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). Più tardi, ispirato al successo, Microsoft ha rilasciato 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 persino 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 e di 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.
Tutto è chiaro con Adobe Photoshop: funziona con la grafica bitmap basata su 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 le ultime versioni di Illustrator sono diventate ottimo strumento per creare una buona grafica.
Devo dirlo grafica vettoriale fondamentalmente implica lavorare con forme semplici e 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 dell'appartamento 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. Funziona anche con interfacce per applicazioni 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 non risponde all'intero progetto. 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 menzionate sopra, 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!
In questo articolo ti parlerò del design piatto. Probabilmente ne hai già sentito parlare, dato che il flat è diventato uno dei principali trend del web negli ultimi anni.
Oggi capiremo cos'è un design piatto, come è nato ciò di cui hai bisogno per creare un design pulito, luminoso e reattivo.
Puoi trovare buoni esempi di design piatto su 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: uno stile moderno di interfaccia utente e un design grafico, caratterizzato dal 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 prodotti precedenti.Microsoft (Zune). Più tardi, ispirato al successo, Microsoft ha rilasciato un operativo sistema 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, caratterizzato da un design completamente nuovo con elementi dell'interfaccia utente completamente ridisegnati, 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 persino 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 e di 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.
Tutto è chiaro con Adobe Photoshop: funziona con la grafica bitmap basata su pixel.
Per quanto riguarda il programma Adobe Illustrator, utilizza grafica vettoriale composta da curve e linee chiamate vettori, che sono definite da formule matematiche.
Una volta, Adobe Illustrator non era un programma particolarmente conveniente per la creazione di una grafica perfetta per i pixel. La buona notizia è che le ultime versioni di Illustrator sono diventate un 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 ti consente di adattare la griglia alle tue esigenze, allineare gli oggetti e utilizzare vari tipi di snap. 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 dell'appartamento 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 designer di interfacce e esperto di tavolozze di colori, stai sperimentando un pannello di colori in 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. Funziona anche con le interfacce delle applicazioni mobili: il design pulito con pulsanti di grandi dimensioni utilizza perfettamente i dispositivi mobili.
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 non risponde all'intero progetto. 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 fare clic sullo schermo di un telefono cellulare, poiché 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 menzionate sopra, 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. Anche lo scuomorfismo con i suoi piccoli dettagli e trame può essere una buona soluzione. 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!
Il design piatto è una direzione chiave nel design per i prossimi anni, quindi ti suggeriamo di conoscerlo più da vicino e apprendere i 5 principi fondamentali che ne hanno costituito la base.
Presentazione del design piatto
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". soluzioni design piatto possono essere belli, sono più raffinati, puri, liberi dalla ridondanza di qualcosa, trasformandosi in "isola di calma". Finalmente rendono comprensibile il contenuto. Resta da imparare i principi di base per metterli in pratica.
Principio n. 1: abbasso con effetti inutiliUn 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ù.
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.
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.
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.
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. Va sul 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.
