Top 10 Tendencias En El Diseño Web
Ministerio de Educación.
King’s School.
Informática
- Top 10 Top 10 tendencias diseño web y aplicaciones móvil 2012.
Realizado Por: Rodolfo León
Grado: 10mo
TOP 10 TENDENCIAS DISEÑO WEB Y APLICACIONES MÓVIL 2012
Como cada año, repasamos las nuevas tendencias para el desarrollo de páginas webs y de aplicaciones móviles. El 2012 será un año cargado deinnovaciones increíbles y diseños espectaculares que te mantendrán pegado a tu gadget tecnológico horas y horas. ¿Queréis tener vuestra web y app móvil a la última, verdad?
La tecnología se vuelve más envolvente y los usuarios continúan demandando una gratificación instantánea. La capacidad de atención promedia de los visitantes de la web es de 8 a 10 segundos. En ese corto período de tiempo, tenemosque decirles que están en el lugar correcto, y que nuestro es más atractivo e innovador que el de la competencia.
A continuación destacamos las tendencias que se implantarán este año y que harán de tu website o aplicación móvil, un lugar cool y agradable para pasar horas y horas:
ESQUEMAS DE COLORES SIMPLES
Simplicidad. No hay nada como impactar como un mensaje claro en un website acogedor. ElSilencio puede ser interpretado de diferentes maneras. Olvídese de blanco y negro o tonos de gris. Piensa en verde, amarillo o incluso rojo como su color principal. Sin embargo, limitar la paleta a dos o tres colores. Trabajar dentro de los tonos de cada color para la variedad. Puede ser realmente notable lo que algunos colores pueden hacer por su mensaje. Observe:
NOMBRES DEDOMINIO LLAMATIVOS E INTRIGANTES
Aunque no en el sentido estricto 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 dondelos sitios web es como una película o un juego. Estamos todos para 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.
Ejemplo: Nike historia de las más famosas zapatillas
Nike te lleva a una línea de tiempo interactiva de su relación con Michael Jordan en el estilo de un libro pop-up.
PARALLAXSCROLLING
Scroll parallax es una técnica que se ha utilizado en los juegos de vídeo 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 elusuario se desplaza o se mueve 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.
Ejemplo: el escolta Ben
Este sitio web es una página para una aplicación iPhone, difumina la línea entre un juego y un sitio web.
HTML5 YCSS3
No es cuestión de que HTML5, CSS3, Javascript y jQuery ya se estén convirtiendo en norma y cannon de diseño web, ya que 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 Htm5 nuevas formas de llegar yconquistar 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. Ya tenemos todo!!!
Ejemplo: Arcade Fire Wildness DownTown
Una experiencia cinematográfica...
Regístrate para leer el documento completo.