• 0k
  • 0
Diseño Web \ 15 Enero 2013

5 Tendencias de Diseño Web Para el 2013

El 2012 fue un año increíble para el diseño digital. Con el mundo de los móviles y las tabletas creciendo en direcciones interesantes y a menudo impredecibles, la web sigue transformando de forma dinámica la forma de pensar e interactuar. Las nuevas ideas y soluciones toman vida, cambiando el panorama digital y definiendo nuevos estilos. Con tantas cosas “nuevas” sucediendo, el 2013 seguramente nos mostrará algunas tendencias novedosas y apasionantes que cambiarán la manera en que creamos nuestros sitios web, sea desde cero o desde una plantilla web. Muchas cosas emocionantes están a la vuelta de la esquina, ¡y no podemos esperar a que empiece este año!

Como nos aventuramos en el 2013, he aquí una lista de las 5 grandes tendencias de diseño web que necesitas saber.

Explícalo con Tipografía de Diseño

¡La tipografía ha sido liberada! El predominio de las fuentes como Arial, Verdana o Times New Roman ha disminuido significativamente en los últimos años, invitando al uso de fuentes personalizadas creativas. Pero tanto hoy como en 2013, la tipografía se está convirtiendo en una parte integral de cualquier diseño web, determinando la forma en que se representa la información, la mejora de los mensajes y el añadido de significado subliminal. El próximo año, estamos esperando a ver diseños que utilicen tipografía personalizada para enriquecer los sitios web, a menudo reemplazando el uso de las imágenes.

Plantilla Wix

Trabajo de tipografía en una plantilla Wix

Esqueuomorfismo – Sabes Que Te Gusta

Esta palabra complicada es en realidad algo con lo que nos encontramos a diario. El esqueuomorfismo es un estilo de diseño que imita un artefacto o un material. En otras palabras, significa que las cosas parecen otras. En el mundo digital, el esqueuomorfismo ha sido ampliamente utilizado en iOS. La aplicación de calculadora de iPhone, por ejemplo, literalmente se parece a una calculadora real. Lo mismo va para la aplicación Notas que se parece a una normal libreta amarilla antigua, completa con líneas, márgenes y todo. Este enfoque es parte de la razón por la que los productos de Apple se sienten tan naturales e intuitivos de usar. El esqueuomorfismo continuará en 2013 y puedes esperar a ver un montón de objetos de la vida real haciendo su camino a la experiencia digital.

Una pizarra y una pizza es el fondo de un sitio web

Esqueuomorfismo – Usar un tema pizarra para el diseño del sitio

Es el Momento de Metro

“El lenguaje de diseño de Microsoft”, también conocido como “Metro”, es la nueva ola que barre a través del diseño web. Combinaciones de colores sólidos, botones con texto, bloques planos en 2D, casilleros brillantes que representan diversos programas, todos somos parte de este lenguaje de diseño. Metro fue inspirado en parte en las señales que se encuentran comúnmente en sistemas de transporte público y en parte por los directores del clásico diseño gráfico suizo. Es minimalista, luciendo una interfaz que se remonta a lo básico y ofrece ambientes simples y ordenados a los usuarios.

Metro diseño es básicamente lo contrario de Esqueuomorfismo, presentando elementos que no se parecen en nada a la vida real. El año que viene, Windows 8 será mucho más común en nuestro entorno tecnológico, y esperamos que este enfoque de diseño influya en la forma de diseñar y pensar en la web.

El sitio web de JanuaryCreative

El sitio web de JanuaryCreative muestra cómo implementar el diseño ‘Metro’ en un sitio

Pinterest Azulejos de Diseño de la Web

Pinterest estalló con enorme popularidad a finales de 2011 y el año pasado el diseño web fue influenciado en gran medida por la apariencia limpia y ordenada del diseño de cuadrícula dinámica. Otros nombres de este diseño incluyen “diseño de mampostería”, “diseño de azulejo” o “diseño ladrillo”. Una característica principal de este arreglo de diseño es que cada baldosa tiene un tamaño dinámico, tanto en anchura como altura, y todas las fichas están clasificadas para llenar todo el espacio disponible en blanco. En un tablero de Pinterest, cada baldosa tiene una altura dinámica mientras que todas las baldosas son siempre del mismo ancho. El contenido, compuesto en gran parte por imágenes, se presenta en un collage de desplazamiento que claramente reduce el énfasis del texto. El foco aquí está en bellas imágenes, colocadas en bloques del tamaño de una nota adhesiva. Con el gran éxito del que Pinterest está disfrutando, esta tendencia se espera que crezca y se desarrolle bien entrado 2013.

Sitio web de Wix inspirado en el diseño de Pinterest

Sitio web de Wix inspirado en el diseño de Pinterest

Más Fotografías e Ilustraciones Personalizadas

El stock de fotos clichés o de metáforas usadas en exceso está fuera de moda (a menos que los uses irónicamente). Las imágenes auténticas e innovadoras se están convirtiendo en una parte vital de cualquier sitio exitoso. Nuestros ojos con conocimientos en tecnología han madurado a medida que nos alejamos de todas aquellas imágenes demasiado familiares de hermosas personas con dentadura perfecta. Fotos originales de empleados de una empresa o de miembros del equipo son bienvenidas, así como imágenes cautivadoras de tu edificio o tus instalaciones, o imágenes de personas reales usando tus productos. Las ilustraciones a mano y los diseños personalizados son geniales, como la combinación del diseño digital con el arte hecho a mano nunca pasa de moda. 2013 estará lleno de imágenes de la vida real y efectos visuales únicos, incluso unas chicas simpáticas como éstas:

"Plastic Ladies" utilizan la fotografía personalizada en su sitio Wix

“Plastic Ladies” utilizan la fotografía personalizada en su sitio Wix

 

Publicado por Equipo Wix
Wix

Bienvenido al

Únete al Blog de Wix ¡Para estar al tanto de novedades!

Hmmm, that's not a valid email address.

Hmmm, that's not a valid email address. Email already exists

Hmmm, that's not a valid email address. Invalid email

¡Suscríbete al Blog! \ 

Diseño web, tendencias, consejos para
emprendedores ¡y todas las novedades sobre Wix!

Hmmm, that's not a valid email address.

Hmmm, that's not a valid email address. Email already exists

Hmmm, that's not a valid email address. Invalid email