All Articles Web
Os benefícios do Plano design para o seu site e materiais 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.

Ao contrário das crenças de Cristóvão Colombo o mundo é plano. Se você não tome minha palavra para ela, basta olhar para o seu telefone. plana iOS7. Windows 8 plana. Design plano tomou o mundo pela tempestade. (Pic 1)

Pic 1

Pic 1

Apenas o que é design plano e por que é importante?

Eu li alguns artigos que dizem design plano foi criado em retaliação ao excesso de prestação de botões, aplicativos e páginas da web, mas acredito que a realidade para a sua concepção foi para economizar espaço K (kilobyte). Cada gradiente, textura e sombra que você colocar em uma imagem ocupa um espaço precioso K e, especialmente, com os telefones e tablets sendo responsável por 63% de nossas pesquisas na internet, você precisa de todo o espaço K você pode começar. E sim, também é verdade que você não precisa criar uma ilusão de realidade para fazer os espectadores se sintam seguras. Todo mundo sabe que os ícones que eles têm em seus dispositivos significar e fazer. Na verdade, a maioria dos espectadores não consigo lembrar um mundo antes iconografia se tornou a norma e design plano apenas simplifica esses ícones. Dê uma olhada na velha interpretação do navegador Safari (skeuomorphic) do OS X versus a versão iOS7 (flat) e me diga se você não acha que a minha idéia tem qualquer credibilidade? (Pic 2)

Pic 2

Pic 2

A realidade é, design plano já existe há algum tempo. É só ganhou popularidade ao longo dos últimos anos, porque ele parece tão nítido, limpo e moderno. A combinação de cores retro (salmão, roxo, verde e yellowlike 1950 automóveis), tipo sans-serif e pictogramas simplistas contribuem para essa sensação geral. Os botões ainda olhar clicável mesmo sem o chanfro e gradações que associamos com os botões do passado. Os campos de entrada ainda parece lugares para digitar seus dados e websites ainda parece websites. O 2D em comparação com 3D. (Veja Pic 3, rdio.com para um exemplo de um grande campo de entrada plana design.)

Pic 3

Pic 3

Então, o que o torna tão popular?

Pense minimalista. Design plano tem um olhar diferente e sentir, sem todos os extras. Sua especialmente útil em telas pequenas, como o telefone e mini-tablet, uma vez que torna a navegação bastante fácil com menos chance de apertar um botão errado. Mas se você realmente deseja adicionar recursos visuais para o seu projeto, tente alguma fotografia simples. Sim, é verdade que as fotografias têm profundidade natural, mas eles parecem funcionar bem com a simplicidade de todos os outros elementos.

Alguns exemplos

Eu encontrei alguns sites que eu amo, feito inteiramente em design plano. E alguns que combiná-lo com a fotografia, o que só leva-lo para o próximo nível, tanto quanto eu estou preocupado.

Spelltower

O primeiro que eu quero lhe mostrar é Spelltower ( spelltower.com ). Spelltower é um jogo de ortografia para o seu Mac, iOS ou dispositivo Android. É um jogo legal que tem tão legal de um site. O site tem uma função única de rolagem para baixo, semelhante a um tablet iOS e design plano é usado por toda parte. O que eu gosto mais sobre isso? Sua diversão, desenho animado, simplista e tem apenas um propósito de levá-lo a comprar este jogo. (Pic 4)

Pic 4

Pic 4

Huxtaburger

Este é um site australiano ( huxtaburger.com.au ) que usa design plano em sua forma mais simples para vender hambúrgueres. O site funciona muito bem a forma como o tablet faz, basta rolar para baixo ou se deslocar de um lado para outro. E isso também tem apenas uma capacidade functionthe para encomendar os seus hambúrgueres online e pegar na loja mais próxima. Eu adoro a forma como este site parece e funciona. Kudos Austrália. (Pic 5)

Pic 5

Pic 5

Fitbit

O próximo local que eu quero lhe mostrar é Fitbit ( fitbit.com ). É um site para alguns produtos inusitados que ajudam a mantê-lo apto. Você pode ver o seu progresso em direção a saúde e fitness com ferramentas on-line e aplicativos que acompanham os dispositivos que vendem. O site utiliza tanto design plano e fotografia ea combinação dos dois trabalhos, oh, tão bem juntos. (Pic 6) Pic 6

Pic 6

Tigre de papel

Esta é uma agência de design digital de New Jersey, cujo site corporativo desnuda níveis de fotografia ao ponto de design plano. Eles também misturá-lo com a iconografia tradicional para um olhar original que seria aceitável para até mesmo o mais conservador das empresas. (Pic 7)

Pic 7

Pic 7

Quem disse que design plano é apenas para a web?

Diet Coke

Design plano não acaba de dar a web pela tempestade; sua também tomado o metrô. Os anúncios de Diet Coke que dominam as paredes Shuttle Times Square agora são um exemplo brilhante de design plano. Principalmente branco com achatada acinzentado imagens, para mim esses anúncios exemplificar design plano. Sim a própria lata é tridimensional, mas o uso do tipo plana atrás é brilhante. Im ciúmes. Eu desejo que eu vim com esses anúncios. (Pic 8)

Pic 8

Pic 8

E por último mas não menos importante, design plano ainda pode ser encontrado na seção de geladeira do seu supermercado.

Amizade queijo cottage

Eu acho que ser um amante do design tem algumas vantagens. Descobri a embalagem para a linha de Queijo Cottage Amizade quase por acidente. Eu estava olhando para o meu iogurte grego favorito quando os topos dos queijos cottage chamou minha atenção. Eles são ousados, coloridos e abraçar a filosofia de design simples. (Pic 9) Sim, você adivinhou certo. Dois ou três deles fizeram o seu caminho em meu carrinho de supermercado. Se Amizade soubesse como eu comprei.

Pic 9

Pic 9

Então, como eu assinar este artigo, eu vou deixá-lo com outra coisa em que pensar. Facebook, Twitter eo Rdio.com assinar todos abraçamos design plano; talvez seu próximo projeto de design deve também. (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: