Design piatto (design piatto) - una tendenza relativamente nuova, che non cessa di dire tutta la comunità di progettazione.
A qualcuno piace, qualcuno non può assolutamente abituarsi a lui e persino o odia.
Un buon design per prima cosa deve risolvere il compito commerciale del cliente, cosa significa che verrà raggiunta la questione del secondario. Se il designer ha scelto come stile o strumento - "design piatto" - quindi sarà così! Ma non dimenticare che un tale stilista non è adatto a tutti i progetti.
Quindi analizziamo ciò che devi dimenticare se decidi di soccombere a una tendenza alla moda e lavorare nella stilistica del "design piatto".
I principi di base del design piatto sono:
1. Mancanza di effetti
2. Articoli semplici
3. Accento sulla tipografia
4. Concentrati sul colore
5. Approccio minimalista
6. Design piatto "Quasi" piatto
Ora guardiamo a ciascuno dei principi del design piatto in modo più dettagliato:
Nessun effetto
In design piatto, gli effetti sono più spesso utilizzati come: ombra, cigoli, goffrature, gradienti o altre tecniche che aggiungono profondità e volume. Nessun effetto 3D e trasmissione della materialità, in contrasto con l'avversario stilistico "Skembamphism". Ogni articolo dovrebbe rimanere chiaro, essere icona, pannello di navigazione o cornice, pulsante e così via.
Lo stile piatto ha un pronunciato aspetto senza caratteristiche aggiuntive ed elementi. Si basa su una chiara sensazione di una gerarchia composita e collocamento di elementi. Questa struttura Aiuta a percepire il design ed essere intuitivo per ogni utente.
Elementi semplici
Il design piatto utilizza spesso elementi di interfaccia utente semplici, come pulsanti e icone e così via. Designer, quando si creano questi elementi dell'interfaccia, tenere figure semplici (rettangolo, cerchio, quadrato, ecc.) - Ciò consente a ciascun modulo di essere sé.
Ma non confondere elementi semplici con design semplice, il concetto di design piatto può essere complicato come qualsiasi concetto di design di concetto stilisticamente diverso.
Accento sulla tipografia
Poiché il design piatto è costruito su elementi di una forma semplice senza volume, la tipografia è un elemento estremamente importante in una composizione piana.
Il carattere del carattere deve corrispondere schema generale E le composizioni sono un carattere troppo complicato può sembrare strano e prefigurato sul design del modello troppo semplificato. È preferibile utilizzare un font semplice senza serifs, grasso o audace. Il testo deve essere armonizzato con una forma semplice.
Il carattere deve essere uno strumento ausiliario, aiutare gli utenti interagire con la nostra interfaccia. Le iscrizioni sui pulsanti e gli altri elementi non dovrebbero essere intricati.
Concentrarsi sul colore
Il colore è un importante design importante. Tavolozza di design piatto, spesso molto più luminoso e più colorato che per il design di altri stile. Rispetto a un design convenzionale che si concentra su 2-3 colori, un design piatto può includere 6 o anche 8 tonalità di colore.
Dall'autore: Saluti, amici! Oggi parleremo di quale design piatto è, o siti di design piatto. Questo termine ha conquistato a lungo il cuore dei web designer e mantiene con sicurezza la tendenza finora. Le più grandi aziende (Google, YouTube, Microsoft, Apple Inc. ecc.) Usalo per progettare i loro siti e applicazioni. Non sei ancora nella setta dei sostenitori di un sito di design piatto? Allora andiamo da te!
Cosa ne pensi, qual è la ragione di tale popolarità pazza design piatto? Ti risponderò in poche parole: funziona davvero! In questo articolo ti spiegherò che tipo di stile, ti racconterò dei suoi vantaggi e dei suoi svantaggi, ti mostrerò alcuni esempi eccellenti del design del sito di siti, che probabilmente ti ispirano sulle imprese. Quindi andiamo!
Tutto è iniziato con lo skvomorfismo
Per coloro che non sanno, lo skiomorfism non è una parola cruciale, ma un altro stile di web design. Il design piatto è spesso rappresentato come uno skiorfismo opposto, che, a mio parere, non è interamente corretto. Questo è piuttosto semplificato dell'antagonismo.
Fino al 2010, lo skiomorfism era uno stile dominante nel design dell'interfaccia. Ha spostato gli oggetti mentre guardavano in realtà, utilizzando attivamente trame, ombre, riflessioni e altri attributi dell'immagine tridimensionale. Particolarmente provato a questo proposito azienda Apple.che ha accuratamente disegnato la maggior parte del software di software con oggetti reali.
Presto le icone pseudo-buck hanno smesso di attirare la maggior parte degli utenti e degli sviluppatori web, che hanno gettato l'inizio del design piatto del sito piatto. Il mondo è arrivato alla conclusione che tutti gli elementi decorativi devono essere rimossi, ma per lasciare solo qualcosa, con il quale è conveniente interagire l'utente finale.
"Il design migliore è il design più piccolo."
Come Dieter Rams, un famoso designer industriale, opposto al design ossessivo, agli effetti dell'animazione, ecc. Nel giugno 2013, Apple Inc. Introdotto il rivoluzionario iOS 7, che ha ricevuto tutti gli attributi nello stile del web design piatto. Tuttavia, l'aereo non ha immediatamente "vinto" realismo e volume.
Gli utenti non potevano dimenticare la magia dei lavori e delle icone di Steve, "che vogliono affittare". Molti si sono unirsi anche con i "disgraziati sette" e si sono spostati nel "radiante Android". Tirato l'olio nel fuoco e un gran numero di bug presenti in iOS 7 e sbiancati, design traslucido con parallasse e animazione sotto forma di "snot" quando si aprono applicazioni.
Coloro che si sono rassegnati con l'inevitabile realtà e rimasero con il sistema operativo "Apple", alla fine, si rese conto che il web design piatto non è stato solo interessante, ma porta anche l'ordine e un singolo stile visivo a tutte le applicazioni.
Pros and Contro Design piatto
I vantaggi dell'utilizzo di questo stile possono essere attribuiti:
chiarezza della composizione e concisione dei fondi visivi. Interfaccia reattiva nello stile di "Niente", grazie a cui gli utenti sono più veloci per rendersi conto che volevano trasmetterli;
concentrati su una buona tipografia. Contenuto in primo luogo, che è estremamente importante nell'abbondanza di informazioni moderne;
pagine Web più piccole e accelerazione del sito a scapito del numero minimo di effetti visivi. Questo è particolarmente utile durante la creazione versioni adattive, Poiché la forma più semplice, più semplice è di visualizzarli su schermi piccoli. dispositivi mobili.
Web design piatto e svantaggi:
limitazione del web designer di fantasia con colori semplificati, tipografia, iconografia. Pertanto, il rischio di creare un sito noioso e inespressivo sopra;
l'assenza di tre dimensioni e ombre a volte non consente di capire, un elemento recitabile o meno;
mancanza di regole fisse specifiche.
Se hai deciso di utilizzare questo stile sul tuo sito, congratulazioni - questo suggerisce che ti interessa la comodità degli utenti e tenere il passo con i tempi. Se stai appena avviando una carriera di web designer e non so come utilizzare correttamente un design piatto in modo che il tuo sito sia aggiornato, ma non primitivo, usa i seguenti suggerimenti:
Dimentica "muro di mattoni" e sfondi luminosi. In web design piatto è consuetudine utilizzare immagini semplici, liscia e inappropriate per lo sfondo.
Nessun gradiente, icone del volume, transizioni animate e altri effetti speciali. Tutto ciò porterà via il tuo sito e porterà un trambusto - ne hai bisogno?
Utilizzare icone piatte con contorni chiari, aggiungendo convenienza e funzionalità.
Utilizzare una luminosa e succosa tavolozza di colori. Ora nella tendenza del tono del sole: giallo brillante, rosa e verde. La cosa principale, non esagerare - I colori sulla pagina non dovrebbero essere più di 3.
Concentrarsi sulla tipografia. In design piatto, la preferenza è data alle iscrizioni brillanti e originali che creano un invito a un'azione e forniscono una comoda navigazione sul sito. È anche importante non esagerare qui. Dimentica "scritto a mano" e altri font. Le lettere maiuscole possono essere utilizzate per evidenziare le intestazioni.
Non esitate a utilizzare una varietà di forme geometriche. Piazze, cerchi, linee e altre figure non aiuteranno non solo a migliorare la struttura del sito Web, ma anche creare una gerarchia trasparente, nonché dividere il contenuto. Gli utenti apprezzeranno, credimi.
Dimensioniaze il menu di navigazione e altri elementi del sito. Utilizzare rettangoli convenzionali senza ombre e illuminazione come pulsanti.
Pertanto, nel corso degli anni, siti web con design piatto sono diventati lo standard adottato assolutamente tutti. Guarda la maggior parte dei siti moderni - sono piatti "al cervello delle ossa".
Infine, fornirò gli esempi promessi di un design piatto di successo, che può servire come ispirazione per creare i tuoi capolavori.
1. Sito http://dunked.com.
Sito popolare per la pubblicazione del portafoglio, orientato a rappresentanti di varie professioni creative. Il design piatto minimalista piatta provoca un senso di un servizio affidabile e comprensibile che non distrae effetti speciali inutili.
2. Interfaccia Microsoft.
Microsoft è una delle aziende che lo stile piatto è così popolare. Forse ricorda il lettore Zune - un iPod concorrente, che Microsoft ha rilasciato a metà degli anni 2000? Quindi, il design di questo prodotto è stato nettamente diverso dalla maggior parte delle applicazioni di quel tempo, in gran parte dovuto a grandi tipografia, icone piatte, forme grandi e luminose.
Questa interfaccia chiamata Metro, in seguito si è trasferita a computer personale (Windows 8), interfaccia Xbox 360 e altri prodotti software MirCosoft.
3. Sito http://www.vox.com.
Bene, ispirato? Giù con l'estetica pseudoalista 3D!
È tutto. Iscriviti, condividi i nostri articoli con gli amici in social networks. Alte conversioni!
In questo articolo ti parlerò di design piatto. Probabilmente ne hai già sentito qualcosa a riguardo, dal momento che appartamento negli ultimi anni è diventata una delle principali tendenze del web.
Oggi lo scopriremo cosa è un design piatto è che è necessario creare un design pulito, luminoso e reattivo.
potete trovare buoni esempi Design piatto sul sito http://market.envato.com/. Ci sono molti layout, icone e schemi che ti darà una chiara comprensione di ciò che sembra il design moderno. .
1. Cos'è un design così piatto?
Design piatto - stile moderno Interfaccia utente, oltre a progettazione grafica, caratterizzata da minimalista. Per il design piatto, l'uso di un minimo di elementi e l'assenza di vari effetti della trama, dell'ombra e della luce, ad esempio: colori misti, gradienti, abbagliamento e così via.
Il piatto è contrario allo skiorfismo( lo skvomorfismo è il principio del design, quando viene dato un singolo prodotto l'aspetto di un altro, cioè. Quando diversi elementi di interfaccia vengono copiati da oggetti reali - ca. trasferimento.) , così come un design ricco. Tuttavia, vale la pena dire che il design piatto non è affatto semplice come sembra a prima vista. Comprende alcune caratteristiche dello sforzo, ma ne parleremo un po 'più tardi.
In generale, il piatto aiuta a mettere a fuoco l'utente sul contenuto, senza distrazione per gli effetti visivi. Il design piatto sottolinea la semplicità degli elementi, allo stesso tempo rendendo l'interfaccia più reattiva, piacevole e facile da usare.
2. Una piccola storia
Design piatto, come sai, esisteva molto prima del momento in cui è diventato la tendenza del mondo nel web. Il design piatto era abbastanza popolare negli anni '80 a causa del fatto che la tecnica in quel momento non era ancora così sviluppata per mantenere effetti complessi, trame e ombre. Tuttavia, anche allora il design ha cercato allo scenario, cercando di rendere gli elementi di interfaccia il più realistico possibile.
Design piatto, nell'aspetto in cui lo vediamo ora, ha iniziato a guadagnare popolarità dopo che Microsoft ha iniziato a produrre prodotti nel cosiddetto stile metro. Metro - UI-Design da Microsoft, colpendo con la sua elegante e la sua semplicità.
Nel 2010 anno Microsoft rilasciato Windows Phone 7, che ha usato design piatto con bordi taglienti e una semplice grafica ereditata da uno dei primi prodottiMicrosoft (Zune). Più tardi, l'ispirato dal successo, Microsoft ha rilasciato il sistema operativo Windows 8 basato sullo stesso stile metropolitana piatta.
Alla fine, il design piatto ha raggiunto il suo picco di popolarità nel 2013, quando Apple ha rilasciato iOS 7 dimostrando fondamentalmente nuovo design Con elementi di interfaccia utente completamente modificati, incluse icone e caratteri. Apple ha creato principi visivi del design Ui- and-Icoma .
Poco dopo, Google ha anche iniziato a utilizzare lo stile piatto nelle sue applicazioni e nelle pagine Web chiamandola Design materiale. . Google ha anche un'intera sezione dedicata a questo stile, inclusa una descrizione dei proposti di web design, i suoi principi e linee guida per la creazione di vari oggetti di progettazione: icone, layout e così via.
Da quel momento, è diventato piatto direzione chiave In un web design, fare siti, applicazioni e elementi di interfaccia con eleganti, puliti ed eleganti.
Pertanto, ci sono tre progetti piatti campioni globali da aziende, senza la quale è difficile presentare il mondo moderno della tecnologia:
Design della metropolitana di Microsoft
Design Apple IOS 7
Design materiale di Google
3. Ricorda la pulizia
Il design piatto sembra essere chiamato "piatto" a causa della mancanza di elementi tridimensionali e effetti realistici, come: gradienti, texture, abbagliamento, semitono, ombra. Ricorda, lo stile piatto è un metodo bidimensionale (piatto) di oggetti immagine.
Inoltre, in design piatto, gli articoli sono ritratti molto semplicistici e stilizzati.
E a volte è anche usato semplicemente sagoma o contorni di oggetti, cioè. Esattamente così tanto per rendere riconoscibile l'oggetto, ma non sovraccaricarlo con dettagli insignificanti.
Il minimalismo oggi è diventato una tendenza globale: la semplicità delle forme e l'uso di bordi taglienti crea un design oculare pulito e piacevole. Le forme semplici sono più comprensibili e facili da percepire. Rende il design minimalista, pulito, non permettendolo di acquistare una vista di disturbo caricata.
4. Assicurati di perfezione
Sapere quando si tratta di creare icone piatte e elementi interi, devi farli sembrare croccanti, ordinati e perfetti per pixel, cioè. Quindi il più lontano possibile. Inoltre, si applica al raster e alla grafica vettoriale.
Specificare Adobe Photoshop. Tutto è chiaro qui: funziona con grafico raster.che è basato sui pixel.
Per quanto riguarda il programma Adobe Illustrator, usa una grafica vettoriale costituita da curve e linee, chiamate vettori, che sono definite da formule matematiche.
Una volta che Adobe Illustrator non era particolarmente programma conveniente Per creare una grafica perfetta per pixel. Buone notizie è quella ultime versioni Illustrator Steel. strumento eccellente Per creare una buona grafica.
Devo dire che la grafica vettoriale implica fondamentalmente il lavoro con semplici, forme piatte, colori puliti e griglia.Adobe Illustrator è molto flessibile nelle impostazioni e consente di adattare la griglia alle tue esigenze, allineare oggetti e utilizzare tipi diversi snapping. Grazie a questo, il processo di creazione di un design perfetto, che sarà puro ed elegantemente, è diventato più facile. Se vuoi imparare come creare una grafica perfetta, allora dovresti familiarizzare con l'articolo: Come creare il grafica perfetta pixel utilizzando 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 utilizzano design piatto nei loro elementi consistono in solo diversi colori di base.
Il colore in design piatto è caratterizzato da luminosità, saturazione, juity.La combinazione di colori dell'appartamento non è limitata a diversi colori speciali. Contiene molte sfumature, e la loro scelta dipende solo da ciò che rivert, sia icone di dolci o oggetti in stile retrò in una sofisticata tavolozza retrò.
Supponiamo che tu sia le interfacce di design e capiscano bene le tavolozze dei colori, sperimentare con il pannello Colore nei programmi di Photoshop e Illustartor, mescolando i colori mentre ti piacciono. Tuttavia, questo processo è abbastanza complicato e richiede una buona intuizione, esperienza e abilità. Qui troverai alcuni strumenti che possono aiutarti a creare la tua tavolozza dei colori.
Alcuni di loro sono adatti a tutti i tipi di design e illustrazioni e non solo per il design piatto. Ad esempio, Adobe Colour CC, più noto come il dispositivo di raffreddamento. Oggi ci sono accesso ad esso, sia attraverso il sito Web che direttamente tramite prodotti Adobe. Il dispositivo di raffreddamento è uno strumento molto flessibile che consente di creare o creare la tua tavolozza dei colori o scegliere tra la tavolozza personalizzata dalla libreria.
Un altro semplice e comodo generatore di tavolozza dei colori - Raffritori. Basta premere il gap e il programma genererà una tavolozza dei colori, è possibile regolare i colori, c'è anche una funzione di esportazione.
Ci sono alcuni servizi più simili con tavolozze personalizzate che possono essere utili. Tuttavia, c'è uno strumento creato specificamente per design piatto.Flatuicolore.com da DesignModo - Servizio con un set di colori "piatti", molto conveniente per il lavoro. Questo sito è diventato molto popolare tra i designer che cercano buone soluzioni a colori per un design perfetto. Provare!
E puoi anche trovare una maggiore varietà di colori e una tavolozza in Guida al design del materiale di Google.
6. Lunghe ombre
Come menzionato sopra, ci sono semplicità per il design piatto, molto spazio libero - ecco perché il piatto rifiuta l'uso di qualsiasi effetto. Tuttavia, c'è un effetto caratteristico del design piatto. Questo effetto è diventato una tendenza e una caratteristica caratteristica di appartamento.
Stiamo parlando di lunghe ombre. Hanno alcune caratteristiche tipiche che rendono questo effetto riconoscibile, vale a dire: inclinazione a 45 gradi e grande taglia (L'ombra può essere più volte più lunga dell'articolo stesso. Di conseguenza, le lunghe ombre danno piatta qualche effetto di profondità.
Questo effetto rende un oggetto più tridimensionale, ma allo stesso tempo lasciarlo nel contesto del design piatto.
7. Lavorare con i font
La tipografia svolge un ruolo importante nel design piatto. Spesso il testo diventa l'elemento principale della composizione.
In fonti piatti e semplici sono solitamente utilizzati, rendendo l'intero design nel complesso pulito e leggibile. Puoi trovare molti caratteri gratuiti in Adobe Typekit se usi i prodotti Adobe. Troverete anche molti buoni font gratuiti su Squirrel di font. Ma non dimenticare di leggere la licenza se userai il carattere per scopi commerciali.
Più spesso in design piatto è consuetudine utilizzare il registro superiore e i colori contrastanti, rende il testo più leggibile.
Utilizzare i caratteri con cautela, ricorda che deve sottolineare il design e abbinarlo, e non guardare un elemento separato. Non significa che non puoi usare caratteri con serif o caratteri complessi a mano. Ricorda semplicemente il minimalist e mantieni tutto nel bilancio. Tuttavia, l'appartamento utilizza ancora caratteri senza serifs, poiché sembrano più rigorosamente e delicatamente.
8. Pro e contro Design piatto
Nonostante il fatto che il design piatto sia diventato così popolare grazie ai suoi numerosi vantaggi, ha ancora gli svantaggi affrontati dai progettisti quando si utilizza questo stile. Diamo un'occhiata a tutto e contro.
professionisti
Popolarità
Il design piatto è diventato una tendenza, raccogliendo feedback sempre più positivi \\ da designer e web designer, e non sembra affatto che perde la sua posizione. Al contrario, si diffonde sempre di più, guadagnando alcune nuove forme e caratteristiche, diventando sempre più creativo.
Semplicità
Il design piatto è semplice, minimalista e pulito. Appartamento sul web aiuta gli utenti a concentrarsi sui contenuti e non distratti da effetti visivi. Funziona anche per le interfacce. applicazioni mobili: Design pulito con grandi pulsanti Rende perfetto l'uso di dispositivi mobili.
Luminosità
Colore - Un altro Cool Plus in design piatto. I colori brillanti e ricchi sembrano attraenti e puliti e l'assenza di gradienti rende il design elegante. Inoltre, tali colori puliti lo rendono più positivo, presentabile, il design piatto crea l'umore desiderato.
Svantaggi
Appartamento ha molti altri vantaggi, ma nessun design è ideale e non possiamo idealizzarlo. Ecco alcuni difetti di flaw-design che dobbiamo menzionare:
Ossente
A volte la mancanza di dettagli importanti o effetti visivi rende il processo di creazione di un'interfaccia amichevole per l'utente dell'utente, e questo in generale rende l'intero disegno di insolito. Non a tutti gli utenti appartamento sembra comodo perché potrebbe essere difficile trovare gli elementi sulla pagina web che devi fare clic o fare clic sullo schermo cellularePerché non sono interattivi.
Problemi con la tipografia
Come accennato in precedenza, non tutti i font possono venire in design piatto. A volte un carattere così ricco con bordi taglienti sembra davvero equilibrata ed elegante. Tuttavia, se il carattere è selezionato errato, può distruggere l'intero design. Devi davvero sentirti bene quali caratteri sono adatti per appartamento e che non ci sono esperienze di esperienza rendono la scelta del carattere molto difficile.
Immagini deboli
A causa delle restrizioni nell'uso di effetti, colori e caratteri, il flaret può sembrare troppo semplice e freddo. Il suo minimalista può anche diventare il suo principale svantaggio dell'altro design piatto alla fine sembra il tuo allo stesso modo del tuo. Pertanto, è molto difficile creare le tue icone o le tue pagine Web diverse dal design di qualcun altro, perché usi le stesse forme semplificate, tavolozze di colori limitati e caratteri simili. Di conseguenza, nel tempo, il design piatto può essere noioso.
9. Tendenze future del design piatto
Non si può dire che il design piatto è stato completamente formato e fermato a suo modo per essere, ciò è dovuto alle sue carenze sopra menzionate, il piatto cerca di sviluppare e cambiare, acquisire nuove funzionalità e migliorare l'espressività visiva.
Se guardi attentamente l'ultimo esempio di design piatto, puoi notare che è davvero A poco a poco, dai suoi rigidi strumenti e inizia ad aggiungere effetti sottili, come: gradienti, ombre, illuminazione e altri effetti visivi.
Queste piccole cose danno il design piatto di qualche profondità, pur non sovraccaricando con i dettagli, come fanno nel design ankleorphic. Questi miglioramenti minori rendono piatto più reattivo e conveniente, e anche un aspetto fresco, rendendo più flessibile e versatile.
Quindi, la piattaforma non perde le sue caratteristiche, ma diventa più interessante, flessibile- Sta davvero meglio.
CONCLUSIONI.
Pertanto, abbiamo discusso alcuni fatti dalla storia del design piatto, e abbiamo parlato di colori, forme e tipografia. Abbiamo guardato diversi punti di vista, si fermò ai vantaggi e agli svantaggi del piatto e ha imparato alcuni dei principali principi di creare un buon design.
Spero che tu ti abbia gestito con nuove informazioni da questo articolo o almeno l'ha trovato interessante. Devi cercare di creare un design piatto se non lo hai fatto prima.
Alla fine, cos'altro dovrebbe essere menzionato sul design piatto?
Se ti piace davvero l'appartamento con i suoi bordi taglienti, i colori succosi e i font croccanti, la sua pulizia e minimalist, quindi atto!
Questo è nella tendenza, ma, come ogni altro stile grafico, non limitare la stessa tecnica. Se il piatto è tendenza, questo non significa che nel lavoro del progetto non è possibile utilizzare altri stili. Lo skvomorfismo con i suoi minuscoli dettagli e le sue trame può anche essere buona decisione. La cosa principale, ricorda che il suo design è per ogni progetto, deve esprimere il suo spirito, lo scopo, l'essenza, pur rimanendo conveniente e funzionale. Inoltrare!
La pagina web facile e rilassante è presa per essere la più corretta. Lo stile del design piatto del sito è conveniente in molti casi. Le interfacce semplici spesso funzionano meglio e grazie alla tendenza generale verso il minimalismo, la direzione piatta è ancora rilevante (Microsoft e Apple hanno fatto il proprio aereo). Usando bei colori piatti nel design, le famose aziende non perdono l'opportunità di esprimere la loro individualità, attirare l'attenzione sul marchio o aumentare la conversione.
Esempi di buon design piatto
Siti piatti belli e in modo intelligente con una comoda navigazione e interfaccia comprensibile. Il loro design premuroso e disegnato vende bene e crea una buona esperienza utente.
Lanciare.
Unica versione grigia-bianca-arancione piatta. Sembra meravigliosamente con l'interfaccia utente espressiva con pulsanti spettrali e sfondi sfocati a scorrimento parallasse. Gli effetti dello skrol, come un menu appiccicoso e sovrapposti un punto d'appoggio della pagina del bambino, rendono visivamente il sito compatto.
eTECC Interactive.
Il design semplice del sito web dell'America Agenzia non sembra ordinario, perché Fatto bene e con gusto. La vecchia scuola di design non funziona peggiore delle innovazioni, può essere redditizia in modo redditizio all'azienda e ai suoi servizi.
Studio legale di Nehora.
Pure Design piatto con elementi sofisticati conferisce al sito dell'aspetto professionale della California Law Studio. Cappello e calcio splendidamente decorato. Colore bianco e sfumature d'oro su uno sfondo turchese scuro creano un bellissimo contrasto morbido. L'interfaccia della pagina orientata all'utente ci ha permesso di semplificare il contenuto.
Towa.
Il sito WordPress dell'Agenzia tedesca ha un design minimalista piacevole con effetti HTML5 / CSS3 e. Tonalità pastello / grigio-dorate, foto di correzione del colore e la marcatura modulare ha contribuito a posizionare splendidamente un sito web come collage fatti interessanti circa la società.
Labs breanee.
Il sito degli sviluppatori di Drupal svizzeri è un design conciso con piacevoli primi tempi di colore. Vengono applicati elementi creativi di chiamata all'azione, vengono applicate, vengono applicate tecniche piatte e HTML5 / CSS3.
Ago spaziale.
Simbolo "Space Ago" di Seattle. Sito e home page con fondali di disegno. Scorrimento decorata in modo univoco con effetti di chiarimento e mini diapositive alla fine.
Costruisci ad Amsterdam.
L'agenzia di branding olandese ha un bellissimo sito piatto con un menu di navigazione non standard. Interfaccia piacevole ed elegantemente decorata, buona.
La conferenza gialla.
Contenuto ottimistico, giallo brillante e il sito configura su un positivo.
Joy Intermedia.
Il sito dell'Agenzia creativa internazionale della Polonia con un design piatto su CSS3 e BUON UX. Il sito utilizza pannelli laterali e inferiori ed è conveniente per l'uso.
Fuse Lab creative.
Un sito web di facile utilizzo ben strutturato dell'America American Agency con un comodo menu laterale traslucido, pannello di progetto e mini-INTRO non invadente sulla schermata principale.
Chobani.
La piccola società B2B ha un sito culinario piacevole e molto conveniente con un design pulito basato su HTML5. Invia la gamma Aiuta il menu a discesa fisso e il sistema di navigazione secondario di quattro livelli originale.
Design piatto unico e stilistica piatta
Sono selezionati esempi di stilistiche piatte uniche, che dimostrano interfacce piatte sono efficaci, interessanti e attraenti. Combinando la grafica espressiva con un piacevole contrasto carattere, aggiungendo un po 'di animazione e microdizer, non solo è possibile rendere bella il sito creativo o aziendale bello, ma mostra anche la tua individualità, esprimere il design principale del messaggio.
Investimenti RJ.
Sito dell'Agenzia immobiliare britannica con un elegante design piatto conciso in tonalità grigio-bianco. L'espressivo morbido aggiunge il colore dorato d'accento. Basato su Wordpress HTML5 / CSS3, jQuery, svg.
Sedia Ttilled.
Site decorata in modo espressamente - La tipografia diventa visivamente più interessante quando con minimalistità e stile piano nel design restituisce i colori accattivanti. Attrarre i titoli rossi nel portafoglio è assegnato il ruolo di "Springboard".
Fhoke.
Pulito, design piatto e unico interfaccia utente Luogo. Immagini a fuoco dell'attenzione, incl. Cibo con computer e iPhone (foto scattate da uno strato separato sembra realistico).
Nazione
Sito monolocale memorabile, luminoso e dinamico da Londra. Intestazione contorno su Compact pagina principale Non rimarrà inosservato, così come i pulsanti fantasma spettacolari nel portfolio / caso. Usato looped. video di sfondo, Photobeksogounds con confusione e correzione del colore, animazioni eleganti, transizioni, caricamento della pagina del preloader. Un design espressivo nei toni blu è trasmesso dal messaggio sull'affidabilità della squadra studio ed energica.
Mayven dev.
Mayven dev - Team creativo di 30 codificatori / designer UX di San Francisco. Il loro sito si distingue per l'estetica trattenuta del design, l'individualità dello stile, soluzioni di colore piacevoli con contrasti espressivi di tipografia bianca e grafica animata di contorno su uno sfondo smeraldo.
Agenzia Hughesleahykarlovic.
La progettazione pulita e ordinata del sito web dell'agenzia americana configura immediatamente su un positivo. Decorato in modo univoco il menu di navigazione: l'effetto motore con la sovrapposizione del filtro del colore disegna un'immagine di sfondo in un video sfallato.
Comunicazioni satellitari satis.
Ampio sito web dell'operatore russo comunicazioni satellitari.. L'estetica aziendale è implementata attraverso uno stile di design piatto con illustrazioni di contorno.
Illustrazioni, effetti e creatività in design piatto
Esempi di disegni dinamici, design creativo di flaret e combinazione di successo di illustrazione piatta con animazione. Moderno piatto consente di combinare elementi di design del gioco con siti di business realistici.
Tettonica Studios.
Si applica il progettista grafica piatta Con gradienti (tendenza Web corrente), un blocco di illustrazioni piatte luminose sulla pagina principale. Per una separazione attraente delle sezioni - spazio libero e grafica animata.
Pixity-Land.
Microsite con design piatto classico utilizza animazione a scorrimento, illustrazioni e video piatti.
100 anni di design
Progetto Web creativo della community di designer AIGA. I colori piatti indicano le voci del menu, le partizioni aperte, i punti hotspot di navigazione e in mezza finestre separate da caroselli illustrazioni.
Agenzia Drap.
Sito web colorato spettacolare e accattivante di un'agenzia creativa orientata alla tecnologia. L'innovazione del designer e le eventuali innovazioni sono apprezzate qui.
Mobkii.
Senza illustrazioni piatte con gradienti, il sito web dell'agenzia messicana sembrerebbe noioso, e il design è troppo ordinario per il web e i candidati.
Ecodom Consorzio.
Il sito ufficiale della compagnia italiana impegnata nella rivitalizzazione elettrodomestici. e smaltimento. Il vivace design verde, gli effetti interattivi e dinamici sono adatti per il sito web dell'organizzazione con un'attività così familiare.
Cosa di meraviglia
Il progetto propone di familiarizzare con le cose interessanti persone curiose, comunità ed eventi per espandere gli orizzonti. A partire da una schermata principale decorata in modo astratto, il design originale coinvolge questo pubblico.
Uomo verde.
Il sito funge da guida al Festival del Galles. Design e animazione giallo-verde con grafica piatta creativa corrispondenza come nome del dominioe gli obiettivi positivi del progetto.
Guarda anche: Combinazione di colori nel web design - Siti verdi
Portfolio Amelia Thompson.
Una pagina da Chicago. Amelia ha un interessante portfolio di lavoro in uno stile piano.
Guarda anche: 30 siti eleganti di agenzie e portfolio personalizzato di designer
Fatto fatto
Il sito web del sistema di gestione del progetto con un inseguitore di bug è splendidamente decorato nello stile di appartamento. I colori vivaci, la grafica piatta / video e il pulsante del pulsante a contrasto non possono essere notati.
Menta piperita.
Si applica il sito di creazione dell'Agenzia Digitale Polacca figure geometriche E animazioni, illustrazioni, foto, immagini inimmaginabili.
Geex Arts.
Il sito del Young Moscow Web Studio è un impressionante design ultra-moderno high-tech ed è incluso nelle prime 40 agenzie digitali. Si distingue per un elegante menu di navigazione, transizioni spettacolari, interattive, animazioni e buoni UX con soluzioni non standard.
Daesk.
Lo studio tedesco ha una progettazione di vendita spettacolare sul menu di navigazione HTML5 e non standard. I colori degli acidi esclusivi vendono il prodotto (tracker contabile orario di lavoro). Effetti Harnet con parallasse Scorrimento fisso Attenzione sui pulsanti con chiamate e prove sociali. Dopo le recensioni di superbamente decorate, pagina iniziale Invia ai casi / storie dei clienti. Interactive su uno sfondo vettoriale lancia la vendita di compensazione.
Fcinq.
Sito web dello studio creativo francese: elegante design piatto inizia con un bellissimo precarico. Attraente Questo design crea foto di correzione del colore e combinazioni di colori unici.
D.FY.
Sito web flessibile dell'Agenzia coreana con video creativo sullo sfondo. Design puro moderno su HTML5 / CSS3. Il menu di navigazione a schermo intero è un effetto impressionante delle transizioni senza soluzione di continuità.
Persone coraggiose.
I precedenti ritenuti del sito dell'Agenzia creativa dalla Florida sono stati celebrati nella cima creativa. Ora le persone coraggiose hanno un design efficace con un'interfaccia flash chiara e compatta.
NeA Media.
Produttore di giocattoli francese e videogiochi usati stile piatto design piatto e web. Creato sul sito WordPress sorprende il design alla moda.
Volantini di llittle.
Sito australiano dei temi dei bambini con succosi fiori piatti. I caratteri tritati a contrasto propaganda appelli in rivolta e si combinano con grandi elementi di design.
Creativo IC.
Il sito dello studio inglese è evidenziato da grandi titoli con una chiamata e cento elementi di un accento arancione.
Fatbit.
Il sito volumetrico degli sviluppatori web dall'India è realizzato su Wordpress e si distingue per una diversità formativa con micro interazioni e illustrazioni animate. Nell'intestazione e nel piè di pagina, il colore piatto rosso enfatizza gli appelli CTA. Sulla pagina principale, gli sfondi fissi con correzione del colore sono supportati da trascinare diapositive nei caroselli (prima schermata, prove sociali, promozione su merci traslucidi).
Dominio Menada.
Continuando una tradizione di 100 anni di qualità, l'enologo bulgaro impressiona i visitatori del precarico di un cavatappi animato. Design piatto scuro con contrasti morbidi, elaborazione di foto creativi e soluzioni incisibili vendono l'idea degli Elios del marchio.
Museo di Frans Hals.
Il sito del Museo Art Netherlands ha un design insolito nello stile di appartamento con i titoli gigantesca dei font tritati. Smontare il menu orizzontale e verticale non standard Aiuta le icone di navigazione.
Meticolosità.
Sviluppatori piatti dallo stato della valle tecnologico di New York. Design espressivo, puro con geometria e sfondi fissi. Bellissimi contrasti nell'intestazione, del vapore, sezioni con bottoni CTA.
Atterraggio e vendita di disegni piatti
L'attrattiva e la luminosità della pagina principale o interna aiuta ad esprimere un'offerta unica. La progettazione di atterraggio del sito espande le possibilità di utilizzare piatte e aumenta le possibilità di ulteriore interazione con i clienti. Lo scopo della vendita e del design di Lunding è quello di fornire un'elevata conversione. Il sito LP o la pagina di destinazione è ricordato da un design interessante o insolito.
Design piatto. (design piatto) - Questo è uno stile popolare nella progettazione di siti e interfacce, oltre a sistemi operativi, caratteristica distintiva che è semplicità, raffinatezza e minimalismo. Il design piatto ha iniziato a guadagnare popolarità nel 2010 rispetto allo spiegamento.
Skvomorfismo. - Ornamento fisico o 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 un imitazione del tovagliolo per somiglianza con vasi simili in metallo o un calendario del computer che imita l'aspetto delle pagine del calendario della carta da ufficio (determinazione da Wikipedia.).
Promuovere uno stile piatto nel design ha contribuito alla produzione di funzionamento sistemi Windows. 8 Da Microsoft in stile Metro, così come iOS 7, in cui Apple sceglie anche uno stile piano. Dopo questo è che arriva la vera epoca del design piatto. Presto, grandi servizi di ricerca e applicazioni - Google, YouTube si stanno muovendo su Flat -Design, e molti siti che utilizzano i principi di uno stile piatto nel loro design appaiono. NEL l'anno scorso Il design in stile piatto è il leader nelle tendenze del design del sito globale.
Vantaggi del design piatto
- Praticità - L'uso del design piatto consente di minimizzare il numero di stili, script e animazioni, che consente al sito di carico più velocemente.
- Facile adattamento - Il design piatto è sufficiente solo per adattarsi a varie schermate di risoluzione.
- Facilità d'uso - Grazie allo stile semplificato, gli utenti sono più facili da percepire le informazioni sul sito.
- bellezza - I disegni impersonali e semplici esterni lo rendono concentrandosi sul design, che si aggrappa davvero.
5 Principi del design piatto del sito web
Il design piatto non è affatto noioso, come potrebbe sembrare a prima vista. Grazie alla sua purezza e raffinatezza, la soluzione di progettazione può essere elegante e bella, senza troppi rumore, che ti consente di concentrarsi sul tuo prodotto o servizio.
1 - Utilizzo di oggetti bidimensionali
Il design piatto elimina l'uso di elementi che danno un oggetto profondità e volume: ombre, sfumature, abbagliamento, trame, riflessi, animazione. Quando viene visualizzato un oggetto, vengono visualizzati solo i suoi contorni.
2 - Icone e oggetti semplici
L'uso di icone piatte e forme a punto singola con contorni trasparenti e un colore consente di semplificare il design e renderlo più facile. Gli elementi di controllo diventano intuitivamente comprensibili e stimolano per interagire.
3 - Semplici font in stile design
Molta attenzione è pagata in tipografia e caratteri di design piatto. Non è usato in corsivo, il font si inserisce armoniosamente nella progettazione di siti non solo nel contenuto, ma anche nella navigazione. Anche nel tipo di carattere per il sito, lo stile del minimalismo è accolto favorevolmente.
4 - Gioco a colori
Design piatto contiene diversi colori primari che escludono l'uso di transizioni e gradienti fluidi, ma possono essere luminosi e contrastanti rispetto a vicenda.
5 - Minimalismo
Il design piatto prevede l'uso della visualizzazione di elementi, utilizzando l'intera larghezza dello schermo e allo stesso tempo riducendo al minimo le informazioni.
C'è un tale concetto come design quasi piatto. Questo è uno dei concetti di design piatto, che è quello di utilizzare elementi semplici e spazio bidimensionale. Un esempio di questo può essere una foto di alta qualità offuscata nello sfondo posteriore o sul Dims. Ciò consente di creare una profondità e una prospettiva dell'oggetto.
Esempi di design piatto
Su Internet, incluso nel segmento bielorusso, è possibile trovare molti esempi di siti in via di sviluppo con un design piatto in diversi argomenti, comprese le risorse di notizie, i portali e anche lo shopping online.
