All Articles Web
Les avantages de plat design pour votre site et le matériel de 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.

Contrairement aux croyances de Christophe Colomb le monde est plat. Si vous ne prenez pas mon mot pour lui, il suffit de regarder votre téléphone. plat iOS7. Windows 8 plat. Design plat a pris le monde par la tempête. (Image 1)

Pic 1

Pic 1

Tout ce qui est design plat et pourquoi est-il important?

Ive a lu quelques articles qui disent design plat a été créé en représailles à la sur-rendu de boutons, des applications et des pages Web, mais je crois que la réalité de sa conception était de sauver K espace (kilo-octets). Chaque dégradé, une texture et d'ombre que vous mettez sur une image prend de la place de K précieux et en particulier avec les téléphones et les tablettes étant responsable de 63% de nos recherches sur Internet, vous avez besoin de tout l'espace K vous pouvez obtenir. Et oui, il est vrai aussi que vous n'avez plus besoin de créer une illusion de la réalité pour faire téléspectateurs se sentent en sécurité. Tout le monde sait ce que les icônes qu'ils ont sur leurs appareils dire et à faire. En fait, la plupart des téléspectateurs ne me souviens pas d'un monde avant l'iconographie est devenu la norme et design plat simplifie juste ces icônes. Jetez un oeil à l'ancienne interprétation du navigateur Safari (skeuomorphic) de OS X par rapport à la version iOS7 (plat) et dites-moi si vous ne pensez pas mon idée tient aucun crédit? (Pic 2)

Pic 2

Pic 2

La réalité est, design plat a été autour depuis un certain temps. C'est juste gagné en popularité au cours des dernières années, car il semble si nettes, propres et modernes. La combinaison de couleurs rétro (saumon, violet, vert et yellowlike 1950 voitures), sans empattements et des pictogrammes simplistes contribuent à cette ambiance générale. Les boutons semblent toujours cliquable même sans le biseautage et gradations nous associons avec des boutons du passé. Les champs de saisie ressemblent toujours à des endroits taper dans vos données et de sites Web ressemblent encore sites Web. Son 2D par rapport à la 3D. (Voir photo 3, rdio.com pour un exemple d'un grand champ de saisie de conception plat.)

Pic 3

Pic 3

Donc, ce qui le rend si populaire?

Pensez minimaliste. Design plat a un look distinct et la sensation sans tous les extras. Sa particulièrement utile sur les petits écrans tels que votre téléphone et mini tablette, car il rend la navigation assez facile avec moins de chance de tomber sur un mauvais bouton. Mais si vous voulez vraiment ajouter des visuels à votre design, essayez la photographie simple. Oui c'est vrai que les photos ont une profondeur naturelle, mais ils semblent bien fonctionner avec la simplicité de tous les autres éléments.

Quelques exemples

Ive a trouvé quelques sites que j'aime, fait entièrement en design plat. Et d'autres qui le combiner avec la photographie, qui le prend juste au niveau suivant autant que Im concerné.

Spelltower

Le premier que je veux vous montrer est Spelltower ( spelltower.com ). Spelltower est un jeu d'orthographe pour votre Mac, iOS ou Android. C'est un jeu cool qui vient aussi cool d'un site web. Le site a une fonction unique de défilement vers le bas, semblable à une tablette iOS et design plat est utilisé partout. Qu'est-ce que j'aime le plus à ce sujet? Son plaisir, cartoon, simpliste et il a juste un but pour vous d'acheter ce jeu. (Photo 4)

Pic 4

Pic 4

Huxtaburger

Il s'agit d'un site australien ( de huxtaburger.com.au ) qui utilise un design plat à sa plus simple pour vendre des hamburgers. Le site fonctionne très bien la façon dont votre tablette, il vous suffit de faire défiler vers le bas ou déplacer d'un côté à l'autre. Et il a aussi une seule capacité de functionthe de commander vos hamburgers en ligne et ramasser au magasin le plus proche. J'adore la façon dont ce site ressemble et fonctionne. Bravo Australie. (Photo 5)

Pic 5

Pic 5

Fitbit

Le prochain site que je veux vous montrer est Fitbit ( fitbit.com ). C'est un site pour certains produits inhabituels qui aident à vous maintenir en forme. Vous pouvez voir votre progression vers la condition physique et la santé avec des outils en ligne et des applications qui accompagnent les appareils qu'ils vendent. Le site utilise à la fois design plat et de la photographie et de la combinaison des deux travaux oh si bien ensemble. (Photo 6) Pic 6

Pic 6

Paper Tiger

Il s'agit d'une agence de design numérique du New Jersey dont le site Web de l'entreprise dépouille niveaux de la photographie au point de la conception à plat. Ils mélangent elle aussi avec l'iconographie traditionnelle pour un regard unique qui serait acceptable pour égaliser le plus conservateur des entreprises. (Photo 7)

Pic 7

Pic 7

Qui dit design plat est seulement pour le web?

Diet Coke

Design plat a non seulement pris le web par la tempête; c'est aussi prendre le métro. Les annonces Diet Coke qui dominent les murs de la navette Times Square à l'heure actuelle sont un brillant exemple de design plat. Partiellement blanc avec grisé images aplatie, à moi ces annonces illustrent design plat. Oui, la boîte elle-même est en trois dimensions, mais l'utilisation du type plat derrière elle est brillante. Im jaloux. Je voudrais venu avec ces annonces. (Photo 8)

Pic 8

Pic 8

Et last but not least, design plat peut même être trouvé dans le réfrigérateur de votre supermarché.

Amitié fromage cottage

Je suppose être un amant de conception présente certains avantages. J'ai découvert l'emballage pour la ligne de fromage Amitié Cottage tout à fait par accident. Je cherchais mon yaourt grec préféré quand les sommets des fromages cottage a attiré mon attention. Ils sont audacieux, de couleurs vives et d'embrasser la philosophie de design plat. (Photo 9) Oui, vous avez deviné. Deux ou trois d'entre eux ont fait leur chemin dans mon panier d'épicerie. Si l'amitié ne savait j'ai magasiné.

Pic 9

Pic 9

Alors que je signe sur cet article, vais vous laisser avec quelque chose d'autre à penser. Facebook, Twitter et le Rdio.com signer ont tous embrassé design plat; peut-être votre prochain projet devrait aussi. (Image 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: