93 792 27 62
  • Contacta
  • Llamar ahora Enviar whatsapp
    Publicado el 26/09/17

    Tendencias diseño web 2018



    testviews 1.898

    Para estar al día y poder ofrecer a nuestros clientes los mejores diseños web, es evidente que hay que estar a la última en cuanto a las tendencias en diseño web.

    Como nos gusta ir por delante, en este post vamos a ver las tendencias en diseño web que se van a llevar el próximo año 2018.

    Te invitamos a que nos sigas en facebook para estar al día cada vez que colguemos un nuevo post de inspiración… y cuidado, porque estamos preparando algo especial y exclusivo para nuestros seguidores para finales de 2018! ¡Síguenos!

    ¡Si quieres inspiración web, mira el post sobre los mejores diseños web 2017 2018!

    Tendencias diseño web 2018, rendimiento e interacción

    Objetos vectoriales animados

    tendencias diseno web 2018

    Cada vez está más de moda. Lo vectorial vende muy bien. Si además de ello lo animamos, conseguimos una mezcla entre sencillo y sofisticado.

    Podemos añadir elementos interactivos, que reaccionen al hover o click del mouse. El objetivo será llamar la atención del usuario.

    Alguna de las formas para insertar este tipo de experiencias en nuestro diseño web, puede ser haciendo uso de SVG o el elemento Canvas.

    Os recomendamos que le echéis un vistazo a librerías como Lazy Line Painter para SVG y P5JS para Canvas.

    Sin duda será una de las tendencias para este 2018 en cuanto a diseño web.

    Uso del espacio negativo

    El uso del espacio negativo va a tomar gran protagonismo este 2018 en el momento de diseñar una página web. Ya sea a través de imágenes, vídeos y tipografías, hacer un buen uso del espacio negativo, va a dar un toque muy actual a nuestro diseño web.

    Negritas y tipografías con personalidad

    tendencias diseno web 2018 2

    Las tipografías con potencia y cuerpo, van a seguir siendo tendencia, tal y como ya lleva siéndolo desde hace varios años. Lejos quedaron los tiempos en que las tipografías finas eran las protagonistas. Ahora se llevan las negritas y las tipografías con peso.

    Las combinaciones entre Serif y Sans, serán también muy bien recibidas, y por lo tanto tendencia en diseño web durante el 2018. Si hacemos correctamente entre ellas buen un juego visual, conseguiremos un abanico de contrastes muy bonito, siempre que lo hagamos con gusto en el momento de elegir cada peso para cada una de ellas.

    Cinemagraphs

    Los cinemagraphs son una fusión entre una imagen estática junto con un vídeo en completo movimiento. Eso crea un efecto visual el cual llama muchísimo la atención del usuario.

    Aunque será tendencia en diseño web este 2018, el uso de cinemagraphs, sin embargo, deberá ser usado con cabeza y con cierta justificación. Puesto que se trata de un recurso que, probablemente, al llevar elementos del tipo vídeo, éstos van a tener un peso considerable y por lo tanto, habrá que tener en cuenta las conexiones con anchos de banda más limitados. Además de eso, recordemos que los usuarios mobile, generalmente, van a rechazar completamente el uso de vídeos cuando se encuentren fuera del alcance de un punto wifi.

    Un buen uso de los cinemagraphs, sería utilizándolos como hover en un bloque o para una imagen a modo de header. A partir de eso, estamos seguros, que van a salir otras aplicaciones sorprendentes que a ninguno se nos había pasado por la cabeza.

    Te invitamos a que nos sigas en facebook para estar al día cada vez que colguemos un nuevo post de inspiración… y cuidado, porque estamos preparando algo especial y exclusivo para nuestros seguidores para finales de 2018! ¡Síguenos!

    Scroll y animaciones

    Que el contenido cargue conforme va avanzando el scroll es una de las tendencias en diseño web, que llevamos viendo desde hace unos años, pero que cada vez va a tomar más presencia.

    Tener un diseño web que va mostrando el contenido junto con el paso del scroll, ayuda al usuario a sentirse parte del site. Puesto que le vamos sirviendo el contenido de forma animada conforme va scrolleando por el site, se verá un diseño web mucho más vivo y atrayente.

    Elementos pegados en el inferior del site

    Ahora que cada vez más están en auge los dispositivos mobile, vamos a ir viendo cada vez más como se hace tendencia en el diseño web, el hecho de pegar los menús no ya en la parte superior de la pantalla, como llevamos haciendo desde hace años, si no en la parte inferior.

    El motivo es simple: en cuanto a términos de usabilidad, el gesto más sencillo para navegar es el uso del dedo pulgar buscando por lo tanto la parte inferior de la pantalla.

    Si tomamos las apps como el zenit en cuanto al diseño y usabilidad para dispositivos mobile, no sin razón, todas éstas nos dicen lo mismo: los menús enganchados a la parte inferior.

    Elementos 3D interactivos

    Van a seguir siendo los reyes encabezando los mejores diseños web. Los objetos 3d animados o interactivos, llaman mucho la atención de los usuarios, puesto que no estamos acostumbrados a ver éste tipo de elementos dentro de un navegador y nos adentra muchísimo al sitio web, haciéndonos sentir parte de él.

    Alguna de las librerías más interesantes para realizar éste tipo de animaciones 3D es Three.js. Os recomendamos que le deis un vistazo ya que no tiene desperdicio.

    También te puede interesar…

    ¡Si quieres inspiración web, mira el post sobre los mejores diseños web 2017 2018!

    Te invitamos a que nos sigas en facebook para estar al día cada vez que colguemos un nuevo post de inspiración… y cuidado, porque estamos preparando algo especial y exclusivo para nuestros seguidores para finales de 2018! ¡Síguenos!
    Suscríbete y mantente inspirado
    El autor: Jordi Ensenyat
    Graphic & Web Designer + Programmer
    Jordi Ensenyat es un diseñador gráfico y web, programador y
    maquetador, ubicado en el Maresme, Barcelona.
    While I'm designing/programming don't disturb me. I could fatality you.
    www.jordiensenyatdisseny.com
    - Últimos comentarios -
    Code Barcelona
    ¿Vas a aplicar alguna de las tendencias? ¿Crees que nos hemos dejado alguna tendencia? ¡Cuéntanos cual!
    Publicado el día 04-02-2018
    #1
    0
    Responder

    ¿Quieres empezar un proyecto?
    Trabaja con nosotros
    Mantente inspirado con nuestra newsletter
    Mejores cursos de diseño gráfico para 2021
    leer más
    Tendencias en diseño gráfico 2021
    leer más
    Tus datos Si no rellenas tus datos,
    comentarás de forma anónima
    Publicar e inscribirme a la newsletter
    Publicar y no inscribirme a la newsletter
    Recordar datos para comentar rápidamente
    Cuéntame las últimas novedades

    Blog & Proyectos

    Un espacio para todo aquel interesado en diseño web,
    diseño gráfico y marketing online.
    ¿Tienes alguna duda?

    Preguntas frecuentes

    ¿Por qué lo hacéis todo a medida y no utilizáis plantillas?

    Respuesta rápida: Como creativos hacemos todo el diseño web a medida para ofrecer un valor creativo y un diseño único. Como desarrolladores web esto nos deja libres de limitaciones y conseguimos un mejor rendimiento.

    Respuesta elaborada:

    Nuestra filosofía de trabajo ha sido desde siempre, la creación a medida de los proyectos de diseño web que desarrollamos. Esto implica que tanto el diseño como el desarrollo estén hechos a medida. Como diseñadores y como creativos, pensamos que no debería ser de otra forma, por lo que rechazamos de forma rotunda el uso de plantillas en el desarrollo de páginas web. Normalmente utilizamos WordPress como gestor de contenidos, para que el cliente pueda subir sus contenidos a través de un sencillo panel de administración al que tiene acceso mediante usuario y contraseña.

    Gracias a que WordPress es una famosa plataforma para la creación web, muchos estudios se aprovechan del poco conocimiento por parte de sus clientes y crean websites utilizando plantillas prefabricadas que pueden ser adquiridas a bajo coste, únicamente modificando los textos, imágenes, colores, y poco más. En nuestro caso, cada página web que creamos lo hacemos desarrollando nuestra propia plantilla a medida para el proyecto concreto y empezando todo desarrollo con un documento totalmente en blanco, escribiendo cada línea de código.

    Esto nos permite:

    1. Ser totalmente libres y crear todas las funcionalidades que queremos, incluso llevando el proyecto un paso más allá en caso de tener que crear funcionalidades no soportadas por las plantillas. No hay literalmente nada que se nos pueda resistir.
    2. Entregar un trabajo de diseño y desarrollo web totalmente original y con personalidad, adaptado a la imagen de tu marca.
    3. Conseguir un mayor rendimiento, ya que todas las funcionalidades están creadas a medida, sin necesidad de «atiborrar» el la página web de plugins creados por terceros que a menudo pueden dar problemas de incompatibilidades, si no es ahora, en un futuro.
    Si tienes alguna duda, haz clic aquí y te llamaremos para resolverla

    ¿Qué sucede si no me gusta la propuesta de diseño presentada?

    Respuesta rápida: Si la propuesta de diseño web presentada no es la que esperas, presentaremos nuevas propuestas de diseño hasta que quedes 100% satisfecho.

    Respuesta elaborada:

    Normalmente solemos acertar a la primera en el momento de presentar una propuesta de diseño web. Evidentemente siempre hay modificaciones que hacer y que nuestros clientes nos solicitan. Estas modificaciones las hacemos y resolvemos con celeridad. Sin embargo, en los casos en los que la propuesta de diseño web presentada no se ajusta a la línea de que esperaba el cliente, presentamos nuevas propuestas con el objetivo de que quedes 100% contento con el resultado final.

    Si tienes alguna duda, haz clic aquí y te llamaremos para resolverla

    He tenido malas experiencias con otros estudios de diseño, ¿cómo puedo estar seguro de vosotros?

    Respuesta rápida: Nuestra cantidad y calidad en los proyectos de diseño y desarrollo web que hemos llevado a cabo a lo largo de los años nos avalan. Puedes consultar nuestro porfolio de proyectos haciendo click aquí. También puedes consultar los premios que hemos recibido por nuestros proyectos.

    Respuesta elaborada:

    No es poco frecuente que en el momento de aceptar un presupuesto nuestros potenciales clientes se muestren preocupados y nos cuenten historias anteriores que han tenido con otros estudios de diseño y desarrollo web. Desde que los han dejado a medias en el desarrollo web, hasta que el desarrollador contratado ha desaparecido sin dar señales de vida dejando un proyecto sin terminar.

    Llevamos años diseñando y desarrollando páginas web para clientes de todo el mundo. Si nos has pedido presupuesto, imaginamos que esto se debe a que ya has consultado los proyectos que tenemos publicados en nuestra página web. Sin embargo, si aún no lo has hecho, te animamos a que le eches un vistazo con ojo crítico haciendo click aquí y seas tu mismo quien determine si somos o no somos dignos de tu confianza.

    Además de disponer de un inmenso portfolio de proyectos realizados, también podemos añadir a la ecuación el hecho de que hemos sido premiados en numerosas ocasiones por nuestros trabajos de diseño. Haz click aquí para ver los premios y menciones por nuestros trabajos y proyectos de diseño web y gráfico desarrollados.

     

    Si tienes alguna duda, haz clic aquí y te llamaremos para resolverla

    ¿El presupuesto es cerrado o vais a cargar importes extra durante el desarrollo del proyecto?

    Respuesta rápida: El presupuesto es cerrado, siempre que nos ciñamos a lo presupuestado y que el cliente no pida funcionalidades nuevas, además hay que tener en cuenta que: *hosting y dominio, *textos, *traducciones y *fotografías las ofrece el cliente. En caso de necesidad, podemos ofrecer nosotros mismos los puntos anteriores y en todo caso figuraría como punto en los detalles del presupuesto. Nuestra asesoría y guía para cualquiera de estos puntos no tiene ningún tipo de coste.

    Respuesta elaborada:

    Los presupuestos de desarrollo y diseño web que ofrecemos son siempre cerrados, y únicamente serían ampliables (bajo previa aceptación), en el caso de que el cliente nos pidiera una funcionalidad nueva a medio desarrollo, entendiendo como funcionalidad nueva, cambios o añadidos mayores en el funcionamiento de la página web.

    El cliente ofrecerá el *hosting y dominio, los *textos del website, las *traducciones y las *fotografías.

    *El hosting y dominio en caso de no ofrecerlo el cliente, podemos contratarlo con nuestro proveedor habitual, y teniendo en cuenta que el coste correrá a cargo del cliente. Nuestra asesoría y guía para cualquiera de estos puntos no tiene ningún tipo de coste.

    *Los textos del website en caso de no ofrecerlo el cliente, podemos ofrecer nuestro servicio de redacción, y teniendo en cuenta que el coste correrá a cargo del cliente.

    *Las fotografías necesarias para crear el sitio web, en caso de no ofrecerlas el cliente, las compraremos en nuestro banco de imagen habitual, resultando en un coste de 15€ por fotografía, y teniendo en cuenta que el coste correrá a cargo del cliente. Nosotros mismos te haremos la propuesta de fotografías que consideremos que van más en línea con el proyecto. Tu nos tendrás que dar el visto bueno antes de hacer cualquier compra, la cual la asumiremos nosotros y la repercutiremos en la factura del final de proyecto.

    *Las traducciones en caso de no ofrecerlas el cliente, podemos mandarlas a hacer a nuestro proveedor habitual, ofreciendo un precio cerrado según el número de palabras a traducir, y teniendo en cuenta que el coste correrá a cargo del cliente. Nuestra asesoría y guía no tiene ningún tipo de coste.

    Si tienes alguna duda, haz clic aquí y te llamaremos para resolverla

    ¿De principio a fin, qué pasos tiene un proyecto y cual es vuestro método de trabajo?

    Respuesta rápida: Presentaremos las propuestas de diseño web, haremos las modificaciones que nos pidas, Desarrollaremos la página web en nuestro servidor, al cual tendrás acceso para ver el progreso, pondremos el sitio web en vivo. Nuestro trabajo está garantizado, así que cualquier error que se aprecie y que sea responsabilidad del estudio será debidamente solucionado sin ningún coste.

    Respuesta elaborada:

    Fase 1 (Diseño):

    1. Programaremos una reunión o llamada para sentar las bases de tu proyecto y definir todos los puntos a tener en cuenta.
    2. Empezaremos a trabajar en tu proyecto y te presentaremos las primeras propuestas de diseño.
    3. Nos indicarás posibles cambios y modificaciones, los cuales resolveremos con celeridad.
    4. Una vez resueltos los cambios y modificaciones, te presentaremos las versiones finales para poder pasar a la siguiente fase.

    Fase 2 (Desarrollo):

    1. Empezaremos a programar tu página web en nuestro servidor de desarrollo y te iremos mostrando cómo va evolucionando.
    2. Una vez terminada, tu mismo nos podrás indicar posibles cambios y modificaciones menores (generalmente los cambios mayores, suelen darse en la fase de diseño).
    3. Haremos los testeos y comprobaciones previas al colgado de la página web.

    Fase 3 (Puesta en vivo):

    1. Pondremos el sitio web en vivo.
    2. Una vez terminado el proyecto, nuestro trabajo está garantizado así que cualquier error que se aprecie y que sea responsabilidad del estudio será debidamente solucionado sin ningún coste.
    Si tienes alguna duda, haz clic aquí y te llamaremos para resolverla

    ¿Dispondré de algún manual o documentación para poder subir y editar el contenido del sitio? ¿Ofrecéis alguna formación?

    Respuesta rápida: Dispondrás de un manual y además te ofreceremos una formación de forma gratuita.

    Respuesta elaborada:

    Al finalizar el proyecto te entregaremos un manual de uso para que puedas gestionar los contenidos que hayamos definido de los cuales necesitas poder gestionar, tales como proyectos, productos, artículos, etc.

    Además te ofreceremos una sesión de formación de forma gratuita para enseñarte a utilizar el gestor de contenidos.

    Si tienes alguna duda, haz clic aquí y te llamaremos para resolverla
    contacta ahora - 93 792 27 62 - info@codewebbarcelona.com
    Pedir presupuesto
    Me gusta perooo... ¿Te contactamos para
    asesorarte sin compromiso?
    Da un paso al frente. Indícanos tu teléfono o email y te contactamos
    para ayudarte a sentar las bases de tu proyecto.
    ¡Perfecto, pronto nos pondremos en contacto contigo!