All Articles Web
I benefici di Flat design per il vostro sito web e materiale di marketing
Elaine Ashburn on Thu, June 12th 0 comments
Elaine Ashburn breaks down how flat design can add depth, not only to your website but to ALL your marketing communications. Essential reading for creatives, designers and marketers.

Contrariamente alle credenze di Cristoforo Colombo il mondo è piatto. Se non prendere la mia parola per esso, basta guardare il telefono. iOS7 piatto. Windows 8 piatto. Design piatto ha preso il mondo dalla tempesta. (Pic 1)

Pic 1

Pic 1

Proprio quello che è design piatto e perché è importante?

Ho letto alcuni articoli che dicono design piatto è stato creato in rappresaglia per l'eccessiva rendering di bottoni, applicazioni e pagine web, ma credo che la realtà per la sua concezione era quello di risparmiare spazio K (kilobyte). Ogni sfumatura, texture e ombre si mette su una immagine prende spazio prezioso K e soprattutto con telefoni e tablet responsabile per il 63% delle nostre ricerche su Internet, avete bisogno di tutto lo spazio K si può ottenere. E sì, è anche vero che non è più necessario per creare l'illusione della realtà per fare gli spettatori si sentono sicuri. Tutti sanno quali sono le icone che hanno sui propri dispositivi media e fanno. In realtà, la maggior parte dei telespettatori non ricordo un mondo prima iconografia è diventato la norma e design piatto facilita solo queste icone. Date un'occhiata alla vecchia interpretazione del browser Safari (skeuomorphic) da OS X rispetto alla versione iOS7 (piatto) e ditemi se non che la mia idea detiene alcun credito? (Pic 2)

Pic 2

Pic 2

La realtà è, design piatto è stato intorno per un po '. Il suo solo guadagnato in popolarità nel corso degli ultimi anni, perché sembra così fresco, pulito e moderno. La combinazione di colori retrò (salmone, viola, verde e yellowlike 1950 automobili), di tipo sans-serif e pittogrammi semplicistiche contribuiscono a questa sensazione generale. I pulsanti sembrano ancora cliccabile anche senza la smussatura e gradazioni che associamo con bottoni del passato. I campi di immissione guardano ancora come luoghi di digitare i vostri dati e siti web appaiono ancora come i siti web. La sua 2D rispetto al 3D. (Per un esempio di un grande campo di input design piatto vedi foto 3, rdio.com.)

Pic 3

Pic 3

Quindi, ciò che rende così popolare?

Pensa minimalista. Design piatto ha un aspetto distinto e sensazione di gioco senza tutti gli extra. Il suo utile soprattutto su schermi di piccole dimensioni come il telefono e mini tablet dato che rende la navigazione abbastanza facile, con meno possibilità di colpire un tasto sbagliato. Ma se davvero si vuole aggiungere immagini al vostro disegno, provare qualche semplice fotografia. Sì, è vero che le fotografie hanno la profondità naturale, ma sembrano funzionare bene con la semplicità di tutti gli altri elementi.

Alcuni esempi

Ive ha trovato alcuni siti web che amo, fatto interamente in design piatto. E alcuni che si combinano con la fotografia, che richiede solo al livello successivo per quanto Im interessato.

Spelltower

Il primo che voglio mostrarvi è Spelltower ( spelltower.com ). Spelltower è un gioco di ortografia per il vostro Mac, iOS o Android. E 'un gioco fresco che ha appena come fresco di un sito web. Il sito ha una funzione di scorrimento verso il basso unico, simile ad un tablet iOS e design piatto è usato in tutto. Quello che mi piace di più a riguardo? Il suo divertimento, cartoonesco, semplicistica e che ha un solo scopo di farti acquistare questo gioco. (Pic 4)

Pic 4

Pic 4

Huxtaburger

Questo è un sito australiano ( huxtaburger.com.au ) che utilizza design piatto alla sua più semplice per vendere hamburger. Il sito funziona molto il modo in cui il tablet fa, è sufficiente scorrere verso il basso o si sposta da un lato all'altro. E ha anche una sola possibilità functionThe per ordinare i tuoi hamburger on-line e ritirare presso il negozio più vicino. Adoro il modo in cui questo sito appare e funziona. Kudos Australia. (Pic 5)

Pic 5

Pic 5

Fitbit

Il prossimo sito che voglio mostrarvi è Fitbit ( fitbit.com ). Il suo un sito per alcuni prodotti particolari che aiutano a stare in forma. Potete vedere i progressi verso il fitness e la salute con strumenti e applicazioni che accompagnano i dispositivi che vendono on-line. Il sito utilizza sia il design piatto e la fotografia e la combinazione dei due lavori oh così bene insieme. (Pic 6) Pic 6

Pic 6

Paper Tiger

Questo è un'agenzia di digital design di New Jersey il cui sito aziendale strappa via i livelli della fotografia al punto di design piatto. Hanno anche mescolare con l'iconografia tradizionale per un look unico che sarebbe accettabile per uniformare il più conservatore delle imprese. (Pic 7)

Pic 7

Pic 7

Chi dice design piatto è solo per il web?

Diet Coke

Design piatto non solo ha preso il web dalla tempesta; sua anche preso la metropolitana. Gli annunci Diet Coke che dominano le pareti Shuttle Times Square in questo momento sono un brillante esempio di design piatto. Principalmente bianco con appiattita grigio immagini, a me questi annunci esemplificano design piatto. Sì la lattina si è tridimensionale, ma l'uso del tipo piatto dietro è brillante. Im geloso. Vorrei che mi si avvicinò con questi annunci. (Fig. 8)

Pic 8

Pic 8

E, ultimo ma non meno importante, design piatto può anche essere trovato nella sezione frigo del vostro supermercato.

Amicizia Ricotta

Credo che essendo un amante del design ha alcuni vantaggi. Ho scoperto la confezione per l'amicizia Cottage linea di formaggio quasi per caso. Stavo cercando il mio yogurt greco preferito quando le cime dei formaggi di cottage attirato la mia attenzione. Essi sono in grassetto, colori vivaci e abbracciare la filosofia di design piatto. (Fig. 9) Sì, avete indovinato. Due o tre di loro hanno fatto la loro strada nel mio carrello della spesa. Se Amicizia sapesse come ho guardati.

Pic 9

Pic 9

Così come ho firmare questo articolo, Ill vi lascio con qualcos'altro a cui pensare. Facebook, Twitter e il Rdio.com firmare hanno tutti abbracciato design piatto; forse il vostro prossimo progetto di design dovrebbe troppo. (Pic 10)

Pic 10

Pic 10


Related Videos
Comments (0)

You must be logged in to comment.

XHTML Basics
Web Design 101
Dream It. Do It.
Do you want to learn XHTML Basics?
Yes, I want to learn!
No Thanks, I just want to read the article.
Feedback
Course Advisor
Don't Know Where To Start?
Ask A Course Advisor
Ask Us!
Copy the link below and paste it into an email, forum, or Facebook to share this with your friends.
Make money when you share our links
Become a macProVideo.com Affiliate!
The current affiliate rate is: 50%
Classes Start Next Week!
Live 8-week Online Certification Classes for: