Para muchos diseñadores el diseño web es algo complicado, sobre todo cuando estamos acostumbrados únicamente a conceptualizar ideas gráficas, ya que muchas veces solo nos dedicamos a que nuestras creaciones sean visualmente espectaculares, sin embargo, cuando hablamos de diseño web, debemos de tener presente que además de comunicar un mensaje, nuestro diseño debe ofrecer una experiencia al usuario.
Si te dedicas al diseño web o lo has hecho alguna vez y tu sitio esta en línea, esta genial, pero… si no tienes experiencia en esta materia, te recomendamos que antes de empezar a diseñar, investigues specs, tendencias y te documentes sobre como planificar un website.
Para aligerar un poco tu carga, estés en la fase de incursión o no, te presentamos 5 tendencias de diseño web 2016.
1- IMÁGENES Y VIDEO A FULLSCREEN
Estos sitios empezaron a diseñarse en el 2014, las características que tienen es que son más panorámicos, tienen menos texto y son muy visuales ya que se pueden incluir fotos, videos, ilustraciones, infografías, arreglos tipográficos, entre otros elementos.
Si vas a diseñar un sitio de este tipo, contempla incluir transiciones sencillas esto hará que tu website sea más dinámico.
Empleando esta técnica y utilizando las imágenes y tipografías adecuadas, harás que tu website sea más atractivo, no olvides que es web y debes pensar en el usuario.
Sin lugar a duda, esta tendencia llegó para quedarse.
Ejemplos fullscreen:
• ifly50
• Spotifylovers
• Jetlag
• Yearinmusic
2- MATERIAL DESIGN
Como ya lo mencionamos en nuestro artículo: Material design, una nueva tendencia en diseño, este nuevo concepto, fusiona diseño, innovación, tecnología y ciencia. Recibe su nombre por estar basado en objetos materiales y con dos principios fundamentales, espacio / tiempo.
Si el objetivo es mejorar la interacción de tu website, la utilización de transiciones, sombras, y efectos de profundidad te ayudarán a cumplir con tu objetivo.
Aquí la guía:
Material Design Specs
Ejemplos Material Design:
• Material cmiscm
• Androidto
• Apkmirror
3- RESPONSIVE DESIGN
El smartphone es el dispositivo por excelencia entre los internautas mexicanos, así que tener un sitio responsive en estos tiempos es esencial, ya que regionalmente el 74% de las personas cuentan con un dispositivo móvil y el 64% se conecta a internet a través de su teléfono.
Si quieres que tu website tenga éxito, definir un buen responsive design debe ser una de tus prioridades.
Ejemplos Responsive:
• Deuxhuithuit
• Beoplay
• Rokivo
4- ANIMACIONES
Si lo que quieres es que la experiencia que tenga el usuario sea memorable, el uso de animaciones (utilizadas adecuadamente), es el camino a seguir.
Los sitios animados ofrecen una experiencia dinámica al usuario a la hora de navegarlos, ya que puedes hacer diseños explicativos con diferentes pasos a seguir dentro de el, de ésta forma, podrás guíar al usuario dentro de las secciones de tu website.
Para hacer sitios animados hay diversas técnicas como:
• Parallax
• Hover
• Slideshow
• Loaders
• Touch gestures
• Animated content
Ejemplos con animación:
• In space we trust
• Soleilnoir
• Plastic bcn
• A short journey
5- TIPOGRAFÍA O iLUSTRACIÓN
De acuerdo a lo que he visto, este tipo de sitios se adapta muy bien para hacer juegos o contar pequeñas historias, así que te recomiendo que antes de hacer uno de estos sitios desarrolles un buen storytelling, además de que deberás emplear todo tu conocimiento en materia de tipografías para obtener el mejor resultado.
Ejemplos con tipografía o ilustración:
• Epicurrence
• Happyepargne
• Angry wi fe game
• How i fight
Si te gustó este artículo, no olvides dejar tus comentarios.
No hay comentarios