All Articles Web
Los beneficios de la Plana diseño para su sitio web y materiales 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.

Contrario a las creencias de Cristóbal Colón el mundo es plano. Si usted no tome mi palabra para ella, con tan sólo mirar a su teléfono. plana iOS7. Windows 8 plana. Diseño plano ha tomado al mundo por sorpresa. (Foto 1)

Pic 1

Pic 1

Justo lo que es diseño plano y por qué es importante?

He leído algunos artículos que dicen diseño plano fue creado en represalia a la sobre-representación de los botones, las aplicaciones y las páginas web, pero creo que la realidad de su concepción era salvar el espacio K (kilobytes). Cada degradado, la textura y la sombra se pone en una imagen ocupa un espacio precioso K y especialmente con los teléfonos y tabletas ser responsable de 63% de nuestras búsquedas en Internet, lo que necesita todo el espacio K que puede obtener. Y sí, también es cierto que ya no es necesario para crear una ilusión de la realidad para hacer que los espectadores se sientan seguros. Todo el mundo sabe lo que los iconos que tienen en sus dispositivos significan y hacen. De hecho, la mayoría de los espectadores puedo recordar un mundo antes de la iconografía se convirtió en la norma y diseño plano sólo simplifica estos iconos. Echa un vistazo a la vieja interpretación del navegador Safari (skeuomorphic) de OS X en comparación con la versión iOS7 (plana) y dime si no creo que mi idea tiene ningún crédito? (Foto 2)

Pic 2

Pic 2

La realidad es, diseño plano ha estado alrededor por un tiempo. Su justo ganado en popularidad en los últimos años porque se ve tan nítido, limpio y moderno. La combinación de colores retro (salmón, púrpura, verde y yellowlike 1950 automóviles), el tipo sans-serif y pictogramas simplistas contribuyen a esta sensación general. Los botones siguen pareciendo clickable incluso sin el biselado y gradaciones que asociamos con los botones del pasado. Los campos de entrada todavía se ven como lugares para escribir en sus datos y sitios web todavía se parecen a los sitios web. Su 2D en comparación con 3D. (Ver foto 3, rdio.com para un ejemplo de un gran campo de entrada plana de diseño.)

Pic 3

Foto 3

Entonces, ¿qué hace tan popular?

Piense minimalista. Diseño plano tiene una mirada distinta y la sensación, sin todos los extras. Su especialmente útil en pantallas pequeñas, como su teléfono y mini tableta, ya que hace que la navegación bastante fácil, con menos posibilidad de golpear un botón equivocado. Pero si usted realmente desea agregar elementos visuales para el diseño, pruebe algunos simples fotografía. Sí, es verdad que las fotografías tienen profundidad natural, pero parece que funciona bien con la simplicidad de todos los demás elementos.

Algunos ejemplos

He encontrado unos pocos sitios web que me encantan, hecho enteramente en diseño plano. Y algunos que combinarlo con la fotografía, que sólo lleva al siguiente nivel en lo que estoy interesado.

Spelltower

El primero que quiero mostrar es Spelltower ( spelltower.com ). Spelltower es un juego de ortografía para tu Mac, iOS o Android. Es un juego fresco que tiene igual de fresco de un sitio web. El sitio cuenta con una función única de desplazamiento hacia abajo, similar a una tableta de iOS y diseño plano se utiliza en todo. Lo que más me gusta de él? Es divertido, dibujos animados, simplista y tiene sólo una finalidad de conseguir que usted compre este juego. (Imagen 4)

Pic 4

Foto 4

Huxtaburger

Este es un sitio australiano ( huxtaburger.com.au ) que utiliza un diseño plano en su forma más simple para vender hamburguesas. El sitio funciona en gran medida la manera en que su tableta tiene, sólo tiene que desplazarse hacia abajo o se mueve de lado a lado. Y también sólo tiene una capacidad functionthe pedir sus hamburguesas en línea y recoger en la tienda más cercana. Me encanta la forma en este sitio se ve y funciona. Kudos Australia. (Foto 5)

Pic 5

Foto 5

Fitbit

El próximo sitio que quiero mostrar es Fitbit ( fitbit.com ). Es un sitio para algunos productos inusuales que ayudan a mantenerlo en forma. Usted puede ver su progreso hacia la aptitud y la salud con las herramientas y aplicaciones que acompañan a los dispositivos que se venden en línea. El sitio utiliza tanto en su diseño plano y la fotografía y la combinación de los dos trabajan oh tan bien juntos. (Foto 6) Pic 6

Foto 6

Paper Tiger

Se trata de una agencia de diseño digital de Nueva Jersey cuya página web corporativa despoja de los niveles de la fotografía para el punto de diseño plano. También mezclan con la iconografía tradicional para una mirada única que sería aceptable para igualar el más conservador de las empresas. (Foto 7)

Pic 7

Foto 7

¿Quién dice que diseño plano es sólo para la web?

Diet Coke

Diseño plano no sólo ha tomado la web por la tormenta; su también tomada en el metro. Los anuncios de Coca-Cola Light que dominan las paredes Shuttle Times Square en estos momentos son un brillante ejemplo de diseño plano. Sobre todo blanco con aplanado del agrisado, para mí este tipo de anuncios son ejemplo de diseño plano. Si la propia lata es tridimensional, pero el uso del tipo plano detrás de ella es brillante. Im celoso. Ojalá se me ocurrió con estos anuncios. (Imagen 8)

Pic 8

Foto 8

Y por último pero no menos importante, el diseño plano puede incluso encontrarse en la sección de alimentos refrigerados de tu supermercado.

Queso Cottage Amistad

Supongo que ser un amante del diseño tiene algunas ventajas. Descubrí el embalaje para la línea de requesón Amistad casi por accidente. Yo estaba buscando a mi yogur griego favorito cuando las copas de los requesones me llamó la atención. Son audaces, colores brillantes y abrazar la filosofía de diseño plano. (Foto 9) Sí, lo has adivinado. Dos o tres de ellos se dirigieron a mi carrito de compras. Si la amistad sólo sabía comparé.

Pic 9

Foto 9

Así pues firmo apagado en este artículo, la enfermedad le dejó con algo más en qué pensar. Facebook, Twitter y el Rdio.com firmar todos han abrazado diseño plano; tal vez su próximo proyecto de diseño debe también. (Imagen 10)

Pic 10

Foto 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: