Ayuda Registrarse

Tendencias que marcarán el diseño web de este año

Tendencias del diseño web
Tendencias del diseño web

Como ya sabes la moda es algo que está cambiando constantemente. En el mundo de Internet y las páginas web, aunque no lo veas tan explícitamente, pasa lo mismo. En este caso son los diseñadores web y las empresas relacionadas con el mundo de los ordenadores los que se encargan de marcar las tendencias. Personas como Jony Ive, diseñador líder de Apple, crean estándares de diseño visuales y digitales que impactan en la mayoría de los productos que compramos y en las páginas web que visitamos.


Aunque seas una persona a la que no le interesan tantos las tendencias, es importante que no dejes que el diseño de tu web pase de moda.  Te presentamos a continuación las tendencias que van a marcar el diseño web en este año. 


1. Diseños a toda página sin barras laterales

La mayoría de las páginas web cuentan con una barra lateral que acompaña todo el largo de la página web. Eliminar la barra lateral o llevarla al final de la página donde puede hacer las veces de pie de página, proporciona mucho más espacio al cuerpo de tu web. Este uso es típico para las web de revistas o con grandes imágenes.

Presentar una página web sin barra lateral puede resultar muy atractivo, pero es importante asegurarnos de que las líneas de texto no sean demasiado largas. Se recomiendan textos con líneas de 40-60 caracteres y el uso de imágenes, columnas y espacios entre párrafos para incentivar la lectura de tus textos.

Nuestras plantillas sin barra lateral son Chicago, Cairo y Riga.

2. Diseños con fondos dinámicos

Ya es oficial, los sliders ya son historia. ¿Qué los está sustituyendo? Las grandes imágenes con títulos y botones de llamada a la acción, que se ven con un golpe de vista y pueden ser más impactantes. Es lo que se llama ahora "hero areas".

Esta nueva tendencia también la encontramos en varias de las nuevas plantillas de Jimdo. Se suelen utilizar junto con una imagen de fondo que ocupe todo el ancho y alto de la página. Requisito indispensable para ello es el uso de imágenes de alta calidad.

Nuestras plantillas con el efecto hero son Rio de Janeiro, Rome y Zurich.

3. Diseños web con navegación fija en la parte superior

El menú de navegación se mantiene en la parte de arriba de la página mientras que el visitante va viendo otro contenido de la web situado más abajo de manera que nunca pierde de vista dónde se encuentra o con la posibilidad de cambiar de subpágina sin tener que volver arriba. Esto proporciona un gran efecto de asombro y es muy útil si te interesa que los usuarios vayan a alguna de las pestañas, como por ejemplo, tu tienda.

Se recomienda usar la navegación en páginas con mucho contenido hacia abajo, pero siempre manteniendo el menú en una sola línea (esto es aplicable siempre). Si presentas el menú en dos o más líneas, quita demasiado espacio y convierte la lectura en algo molesto para aquellos usuarios que tienen pantallas más pequeñas.

Nuestras plantillas con la navegación fija son Malaga, Melbourne y Miami.

4. Diseños con navegación oculta ("toggle" o "hamburger")

Si te interesa asegurar cada milímetro de tu pantalla para el contenido íntegro de tu web, esta puede ser la solución para ti. Inspirado en las aplicaciones para dispositivos móviles que depende de menús expandibles para presentar todas sus opciones, la navegación adaptativa oculta el menú hasta que el cliente haga clic en las tres líneas y poder ver las demás subpáginas.

Para un mayor impacto visual, puedes utilizar esta tendencia para grandes imágenes de fondo o diseños minimalistas. Es importante no recargar mucho la web, puesto que muchos elementos pueden hacer pasar desapercibido el botón para desplegar.

Nuestras plantillas con la navegación desplegable son Copenhagen, Sydney y Vienna.

5. Diseños minimalistas

No es un secreto, a veces menos es más. Los visitantes de tu web se pueden sentir ocasionalmente agobiados, por lo que si tienes la posibilidad de presentar tu mensaje rápido, limpio y concreto, no lo dudes y hazlo. Consigue este efecto en tu web con el menú de navegación y presenta únicamente la información exacta que se necesita sin adornos superfluos.

Las mejores páginas minimalistas aplican a menudo el color blanco o cualquier otro color básico a su fondo y tienen mucho espacio entre todos los elementos de la web. Logotipos sencillos, textos más largos y fotografías aisladas pueden resaltar en una página de diseño minimalista.

Nuestras plantillas minimalistas son Barcelona, Cape Town y Helsinki.

6. Diseños con esquemas de colores monocromáticos

Usar varias tonalidades de una misma gama de color pueden tener un gran impacto visual. Menor variedad también permite los contrastes de textos blancos o negros para resaltar en la pantalla.

Recuerda que algunos colores pueden tener un gran significado psicológico en tu audiencia, así que asegúrate de elegir un color adecuado antes empezar. Después puedes usar herramientas online como Adobe Kuhler para generar cinco versiones monocromáticas de tu color elegido.

Nuestras plantillas para conseguir este efecto son Dubai, Berlin y Milano.

7. Diseños web con vídeos ambientales

Poco a poco las conexiones de Internet se hacen más rápidas, por lo que cada vez más vamos viendo cómo los diseñadores buscan otras alternativas más vivas para sus fondos con vídeos. Los vídeos están pensados para páginas con pocas áreas de contenido y colores de textos que contrasten para que no se pierdan en el vídeo.

Para obtener los mejores resultados, selecciona un vídeo ambiente o varios con áreas amplias de colores similares e introduce pequeñas áreas de contenido y colores para los textos que contrasten.

Nuestras plantillas para conseguir este efecto son Singapore, Osaka y San Francisco.

Lucía Iribarren


Original: The Hottest Web Design Trends for Your Site


¿Sin tiempo o sin inspiración? Te ayudamos con el diseño
Ya sea que quieras mejorar el diseño de tu página o empezar con un nuevo diseño desde cero, Jimdo te ofrece los servicios profesionales de diseño a tu medida.
MÁS INFORMACIÓN

 




Comentarios: 31 (Discusión cerrada)
  • #1

    lapizypapel (lunes, 12 enero 2015 12:58)

    Para quienes nos dedicamos a la creación siempre es interesante leer sobre las tendencias del diseño. Interesante artículo.

  • #2

    Héctor José Rizco Intriago (lunes, 12 enero 2015 15:55)

    Estimula empezar el día conociendo algo nuevo relacionado con el trabajo al que uno se dedica. Gracias, Jimdo.

  • #3

    Francesc.X.Marty (lunes, 12 enero 2015 17:50)

    Ahora sólo falta que todas las plantillas sean independientes la primera página de las siguientes, algo que es de sentido común

  • #4

    emigraraaustraliawillworl (lunes, 12 enero 2015 18:06)

    wow excelente artículo Lucía, gracias

  • #5

    Omar de Jesus Pech Ramirez (lunes, 12 enero 2015 18:11)

    Buen inicio de semana, conociendo lo nuevo en diseños y tendencias

  • #6

    Diseño Web Las Palmas (lunes, 12 enero 2015 18:26)

    Excelente artículo, siendo siempre creativos y por encima de todo la usabilidad web, felicidades por el post, un saludo compañeros ;)

  • #7

    prensa diario trujillo (lunes, 12 enero 2015 23:52)

    muy bien

  • #8

    vivoweb (martes, 13 enero 2015 00:17)

    estupendo, de mucha ayuda para actualizarnos en el diseño web

  • #9

    dosimex (martes, 13 enero 2015 04:27)

    excelente !!

    estas nuevas modificaciones están padrisimas.

  • #10

    loterias-estancos (martes, 13 enero 2015 10:37)

    Excelente los comentarios. Gracias!!

  • #11

    f (martes, 13 enero 2015 15:50)

    buenisimos los desiños de las webs gracias

  • #12

    Verónica Herrán Hermida (martes, 13 enero 2015 16:23)

    Siempre está bien estar informado de lo que se lleva y no quedar anticuados. Gracias!;)

  • #13

    LogoStudio (martes, 13 enero 2015 17:16)

    buen articulo...

  • #14

    visiondigital1 (miércoles, 14 enero 2015 00:44)

    quien puede ayudarme con un tip para la mia'

  • #15

    vspiscines (miércoles, 14 enero 2015 03:08)

    muy bueno alguien tiene ideas por albercas

  • #16

    Nelly Ramos (miércoles, 14 enero 2015 04:44)

    Muy bueno todo

  • #17

    J. F. F. R. (miércoles, 14 enero 2015 06:42)

    Las modas son eso: modas..., pasan.
    cartooningja.jimdo (antes: cartoonja.com)
    JFR (...Y no se diga más..., ¡chitón!, ¡qué!, ¿sí?, hablo alemán, ¡eh!, inglés, francés..., y todas la lenguas de la península ibérica (¡tan bonita!), menos el euskera...Si se obra mal, con resentimiento, abusando, con prepotencia..., finalmente, pues eso...)
    Que Dios os bendiga..., y tal.

  • #18

    Jesus Flores Rojas (miércoles, 14 enero 2015 22:03)

    Muy bueno, pero una pregunta no hay alguna funcion que permita guardar el diseño que se esta modificando para aplicarlo cuando ya lo tenga totalmente terminado?, es decir poder modificar mi diseño en varias sesiones manteniendo el diseño actual hasta que cumpla con mi espectativa y hasta entonces aplicarlo?.

    En espera de su respuesta GRAcias.

  • #19

    yoahorrogasolina (viernes, 16 enero 2015 03:05)

    Genial !!! Algun programa que nos pasen para modificar ilustramente una imagen; algo que nos enseñen como mezclar colores y llamar la atencion; ser algo vivido Natural y asi el cliente regrese en busca de Armonia !! Gracias

  • #20

    DeliM Productions (sábado, 17 enero 2015 02:09)

    Muy interesante, gracias...

  • #21

    Jose Manuel Servin Gonzalez (sábado, 17 enero 2015 05:59)

    ¡Excelente! Lo voy a tomar en cuenta para este año ;)

  • #22

    Luis Alejandro Velásquez R (jueves, 29 enero 2015 19:28)

    A practicar

  • #23

    PC Servicios Aguascalientes (jueves, 29 enero 2015 20:52)

    Muy buenas opciones, aunque algunas todavía no son muy prácticas para los usuarios. Buen aporte. Saludos

  • #24

    aurora (jueves, 29 enero 2015 20:55)

    ahora a ponerlo en práctica que es lo más dificil jejeje saludos y gracias

  • #25

    agraltamecanica (jueves, 05 febrero 2015 23:29)

    gracias por los consejos.

  • #26

    juan carlos (viernes, 06 febrero 2015 02:31)

    muy lindo lacritica sobre tendencias en la web,sigan adelates,saludos

  • #27

    Majo Castro (viernes, 06 febrero 2015 04:13)

    me parece perfecto, muchas gracias por los consejos

  • #28

    http://www.2removal.co.uk (sábado, 21 febrero 2015 09:28)

    Great post! Thank you for sharing valuable information. Keep up the good work

  • #29

    Jose Luis Madroñal (lunes, 02 marzo 2015 08:23)

    Gracias a los que hacen y saben hacer Jimdo, me siento arropado, encuentro lo último y el sistema cada vez es mas completo, ágil, fácil de usar y bonito.

  • #30

    creciendoconlibrosgratis (jueves, 26 marzo 2015 21:25)

    gracias, muy interesante la información

  • #31

    LUIS OVIDIO DAZA (lunes, 27 abril 2015)

    ...No solo es excelente vuestro aporte, sino, una herramienta con mucho poder de comunicación.
    Gracias.