Recogemos un post publicado en Buebee sobre las 10 tendencias de diseño web y aplicaciones móvil 2012. Los ejemplos los he tomado de Awwwards

ESQUEMAS DE COLORES SIMPLES

Simplicidad. No hay nada como impactar con un mensaje claro en un sitio web acogedor.  El Silencio puede ser interpretado de diferentes maneras. Olvídese del blanco y negro o tonos grises. Piensa en verde, amarillo o incluso rojo como subcolor principal. Sin embargo, limite la paleta a dos o tres colores y luego trabaje dentro de los tonos de cada color para una mayor variedad.

NOMBRES DE DOMINIO LLAMATIVOS E INTRIGANTES

Aunque en el sentido estricto no es cuestión de diseño web, esperamos cada vez nombres de dominio más creativos e ingeniosos. Piense que si su nombre de dominio es innovador y sorprendente al igual que sus contenidos, sus clientes querrán volver a verle.

EFECTOS 3D

Está pegando muy fuerte las sensaciones y efectos ópticos de profundidad, a veces hasta el punto en donde los sitios web son como una película o un juego. Estamos todos por el uso de capas, sombras, degradados, transparencias y texturas para crear dimensión. Sólo asegúrese de no distraer al lector ni de perder la sutileza.

PARALLAX SCROLLING

Scroll parallax es una técnica que se ha utilizado en los videojuegos durante años, y con respecto al diseño web, consiste en hacer que las imágenes de fondo y primer plano se mueven o cambian a velocidades diferentes para crear una sensación de profundidad. Todo lo que necesitas es imaginación jQuery y CSS3. Para llevarlo aún más lejos, los elementos pueden salir o moverse según el usuario se desplaza o mueva el ratón. Las posibilidades de hacer una página web creativa e interesante se multiplican. Esta técnica comienza a ser utilizada también en las aplicaciones móviles y pega otra vez fuerte en el mundo de los videojuegos.

HTML5 Y CSS3

No es cuestión de que HTML5, CSS3, Javascript y jQuery ya se estén convirtiendo en norma y canon de diseño web, Flash aún tiene funcionalidades insuperables, pero es muy aconsejable la utilización de HTML5 ya que crea un código más legible y diseños que ayudan a la estructura de mark-up.  Cada día más y más usuarios inventan con las herramientas de HTML5 nuevas formas de llegar y conquistar a sus clientes, la tipografía, las herramientas sociales, la funcionalidad de arrastrar y soltar y nuevas API son tus nuevas armas.  Con CSS3 el diseño destacará por sí solo, esquinas redondeadas, menús desplegables, botones animados, fondos múltiples, aplicaciones web y tecnología de @font-face.

GRANDES IMÁGENES DE BACKGROUND

Con cámaras de alta definición, una mejor optimización de la imagen,  métodos más inteligentes de subida de archivos y las conexiones rápidas a Internet, las grandes  fotos e ilustraciones intrincadas ya no son tabú en la web. Teniendo el fondo de pantalla como lienzo, podrás establecer el estado de ánimo, tus habilidades y deseos. Mientras que sea relevante y no compita en protagonismo con el contenido, una imagen vale más que mil palabras.

DISEÑAR PARA PANTALLAS TÁCTILES, NO PARA RATONES

La tecnología se ha vuelto mucho más táctil. La usabilidad es el cambio de lo abstracto a lo tangible. Todos los teléfonos inteligentes y tablets utilizan ya pantallas táctiles.

Como diseñadores, adoramos a los ratones. Nuestros enlaces se iluminan cuando el ratón pasa por encima. Sin embargo, esto no ocurre con la pantalla táctil. ¿De qué manera el diseño debe indicar enlaces a sus visitantes?  ¿Qué pasa con los menús desplegables? Eso también es una pérdida en el diseño de pantalla táctil. Tendremos que reinventar los estilos de los menús en entornos táctiles.

En el 2011, ya no se establecía un tamaño fijo de resolución de pantalla. Los visitantes pueden la orientación de visualización de vertical a horizontal. Su diseño debe ser flexible para afrontar cualquier reto, o de lo contrario será una reliquia de 2011.

QR: DE RESPUESTA RÁPIDA

Seguramente haya visto códigos QR apareciendo en tarjetas de visita, revistas o anuncios de coches, ya sabrá que son una tendencia del año 2012.

Con los códigos de barras QR, abreviatura de Quick Response o respuesta rápida basta con hacer una foto al código con su teléfono y como por arte de magia el teléfono se conectará a la página web de ese código de barras. Lo bonito de QR es que se puede utilizar en multitud de formas, pueden contener texto, imágenes, vídeos, enlaces a nuestras páginas web, etc. Coloque su código QR en su sitio web, para que los visitantes puedan tener un acceso directo desde su móvil.

REALIZACIÓN DE LAS THUMBNAIL PARA LA PREVISUALIZACIÓN DE GOOGLE

Google ha introducido en la búsqueda de resultados la previsualización en miniatura. Atrás quedaron los días de hacer clic para ver el contenido de un sitio web. En estos días, basta con hacer clic en la lupa y se mostrará (suponiendo que no está en una pantalla táctil) una previsualización de lo que el usuario verá al otro lado del click.

Si su diseño es basado en Flash, va a ser un problema. La vista previa no mostrará los elementos de su web ni su comportamiento tan fantástico.

A medida que el usuario medio de Internet se vuelve más sabio navegando, este comportamiento se irá extendiendo. La opción de juzgar a un sitio por su miniatura ya es posible. ¿Se arriesgará a ello?

WEBSITES DE UNA SOLA PÁGINA

Dado que el 80% de los visitantes de un sitio web no navega por otras secciones que no sean la página de inicio, la tendencia es ajustar todo el contenido en una página web. Con HTML5, CSS3 y Javascript puede hacer que esa única página atrape a sus visitantes con un dinamismo único, pestañas, animaciones y los pop-ups están a su servicio.  Esta tendencia es mejor para los sitios con poco contenido, tales como eventos, sitios personales, productos y sitios pequeños.