Algunas Tendencias de Diseño Web en el 2012

No es ningún secreto que las tendencias vienen y van y  aveces se quedan un poco mas pero a la final van cambiando o evolucionando. si eres de los que no te gusta las nuevas modas debes entender que las tendencias son una necesidad en el desarrollo y en el crecimiento de nuestro oficio. Las tendencias nacen, se mejoran, y muchas veces generan otras tendencias. Así como un diseñador de páginas web, cuando se pega a las tendencias de sus proyectos, se desafia a si mismo y expande su tendencia y crea sus propios diseños ( que es lo ideal para  que cada uno tenga un factor diferenciador)…

Mientras usted lee este artículo, tenga en cuenta que el cambio en las tendencias de un año a otro pueden ser sutiles, y es probable que reconozca algunas de estas tendencias ya. Pero es nuestra estimación de que los conceptos que mencionamos a continuación se crecen y se vuelven aún más grande en el 2012.

Diseño web Flexible(Responsive Web Design)

Creo que con el tiempo, todos vamos a dejar de hablar de  el Diseño Web flexible o adaptable – no porque va a desaparecer, sino porque se convertirá en lo que se espera que va a hacer. pero para este año 2012 todavia es un concepto muy nuevo, y hay muchos diseñadores web que no están familiarizados con él en absoluto.

Diseño web flexible adaptativo

Diseño web flexible adaptativo

La introducción continua y la adopción de un más y más dispositivos móviles es lo que hará del año 2012 el año de los sitios web Flexibles. Los diseñadores Web y desarrolladores se trasladarán a la utilización de diseños flexibles en lugar de anchos fijos, las hojas de estilos CSS son una parte fundamental en este cambio permitiendo que más sitios puedan ser vistos con facilidad en todos los tamaños múltiples pantallas y dispositivos.

2. Navegar en una sola pagina

Todos nos hemos topado con este técnica en algún momento, sobre todo en los sitios web personales o blogs individuales. He visto una gran disminución en esta tendencia durante 2010-2011, pero un resurgimiento ha estado apareciendo en los últimos meses.

Si su sitio web no tiene una gran cantidad de contenido principal, entonces sólo es necesario proporcionar algunos enlaces pequeños.
¿Por qué no mantener toda la información visible para cada usuario en todo momento? Esto puede mejorar rendimiento del sitio web e incluso se puede hacer un excelente diseño  en una sola pagina. La idea de concepto es el de mantener los vínculos y la barra de navegación interior o logo bloqueados en un solo lugar y que los usuarios del sitio se desplacen con scroll. tenga en cuenta que hay unos excelente efectos con jQuery como el Efecto Parallax:

La navegación es fácil de trabajar y se traslada muy bien en los navegadores de los móviles. Puede considerar esta técnica y aprovechar todas las ventajas más importantes para un rediseño web, o para su portafolio de diseñador web

 

3. Círculos

Esta tendencia de diseño web circular habia muerto un poco debido a la web 2.0  los estandares web, optimización de sitios, sitios cuadrados o rectangulares…   Sin embargo, con CSS3 ahora es más fácil que nunca para crear estos efectos circulares, con bordes, sombras…
Además, puede diseñar los círculos y formas sin que las imagenes interfieran. El impacto de estas características ha hecho que los diseñadores puedan ver las fotos en otro punto de vista por completo. Constantemente me echa un vistazo a las carteras de diseñadores de páginas web y he notado un aumento dramático en la circular en forma de elementos. Estos arquetipos se puede configurar como enlaces, iconos de navegación de pie de página, puedes ver una muestra a continuación:

diseno-web-circular

diseno-web-circular

Sin embargo, los ejemplos más extremos no son siempre lo mejor. Las formas circulares son suaves y fomentar el contacto visual con sus visitantes. Úselos para destacar las áreas específicas en el diseño como las listas a recursos útiles y las páginas. Sólo la forma en sí es agradable lo suficiente como para dejarse caer en el fondo y todavía tienen un efecto muy agradable.

Diseños-Circulares

 

4. jQuery/CSS3/HTML5 Animación

Siempre me gusta los efectos jQuery cuando se aplica en pequeñas porciones. El Diseño web debe abarcar toda la experiencia del usuario, así como un diseño de calidad y pequeñas animaciones que den un toque distintivo a sus proyectos. Afortunadamente los avances en la librería jQuery, así como las especificaciones de CSS3 permite algunos efectos realmente excepcionales con un menor número de líneas de código mucho más que antes.

En sólo este último año me he topado con algunos tutoriales educativos que se encuentran en toda la web. jQuery es el maestro de los efectos del navegador, pero lamentablemente no cuentan con un importante apoyo al 100%. Así, utilizando un método con CSS significa que su sitio web es compatible con la mayoría de  los visitantes y aún así ofrece una experiencia excepcional. Sólo puedo imaginar lo que los desarrolladores están planeando para este año 2012, grandes cosas nos esperan!!

 

5.Enfocado en la simplicidad y colores planos

En última instancia el objetivo de cualquier sitio web es conseguir que sus visitantes puedan ir de un punto A a un punto B lo más rápido posible. Interfaces simples e intuitivas, cuadros o rectángulos  sin volúmenes,este es el camino de nuestro futuro WEB. Sólo en los últimos 5 años me he dado cuenta la mayoría de las tendencias de diseño populares son derivadas del del diseño minimalista. Esta idea no está mal fundada, ya que el menor número de elementos en la página no distraeran a los visitantes, naturalmente pueden mantenerse enfocados en su objetivo.

Podemos ofrecer muchos ejemplos de esto, y hay muchas áreas que cubrir y hay  ejemplos a la perfección… a continuación presentamos un sitio web con un toque simplista y colores planos:

diseño-minimalista-colores-planos

Diseño minimalista colores planos

Recuerde que el minimalismo no tiene que ser siempre el centro de todo. Dedique algún tiempo a las fuentes,  la redacción de ideas para la navegación, la jerarquía de la página, los encabezados, áreas de contenidos, etc…
Me parece que un poco de planificación previa podemos llegar a la larga a una simplificación de todo.

 

En conclusión:

Estas tendencias de diseño son sólo algunos puntos que pueden ayudar a mantenerse al dia a diseñadores, publicistas o programadores entre otros. El año va  avanzando y ahun no hay un parametro  o una regla que nos diga que así va  a hacer.. pero creo que los hechos son evidentes de que el diseñador de páginas web promedio ha estado aprendiendo mucho más rápido en los últimos años. Como tal, sólo podía esperar mucho de la innovación y la nueva semántica que nos anunciando en una edad de oro de la tecnología y el conocimiento de la Internet.

Te gusto esta publicación ?  recuerda compartirlo  y comentarlo!

Compartelo en Facebook: 

Hablalo en Twitter

 

 

Deja una respuesta