Consejos de diseño para Refrescar Tu Sitio web
A veces, tu sitio web solo necesita una actualización. Incorporar una o dos tendencias de diseño puede hacer que el diseño se vea más limpio, más moderno e impulsar el compromiso.
Afortunadamente, mantenerse a la moda es bastante fácil con Weebly. Desde plantillas nítidas para un aspecto profesional hasta ajustes visuales en el Editor, todo lo que necesita para un diseño de sitio web moderno se puede encontrar en un solo lugar.
Pero ¿por dónde empezar? Aquí hay cinco ideas que mantendrán su sitio web con un aspecto fresco.
Colores brillantes y degradados
Los colores llamativos y brillantes son una de las tendencias de diseño web más populares y felices de 2019.
No tienes que tener miedo de usar amarillos, verdes, rosas y azules con mucha saturación de color. Considere los fondos de colores brillantes como un acento o como elementos de la interfaz de usuario para atraer a los clientes y establecer una conexión emocional.
Además de los colores individuales que son brillantes, los degradados son otra forma de usar el color brillante para lograr el máximo impacto. Una superposición de degradado de color en una imagen puede proporcionar el lienzo adecuado para agregar texto u otra llamada a la acción.
Consejo superior: Puedes hacerlo con cualquier sitio web de Weebly directamente desde el Editor. Use el selector de color para elegir un color de fondo brillante o use una de las muchas opciones de filtro de imagen diferentes para agregar un pop a sus fotos. Estas herramientas están disponibles en su panel de control; simplemente abra el editor y edite la imagen o el fondo.
Tratar este tema: Lugar
Elementos de navegación fijos o móviles
Asegúrese de que los usuarios siempre tengan acceso a los elementos de navegación con ubicaciones fijas que permanecen en la parte superior o lateral de la pantalla mientras los usuarios se desplazan. Tener la navegación siempre disponible hace que sea fácil para los visitantes del sitio web moverse por el diseño y encontrar elementos si se pierden.
Uno de los usos más populares de la navegación fija es usar un estilo «móvil» para todos los tipos de dispositivos. A menudo se trata de un elemento de navegación simple y delgado en la parte superior de la pantalla que contiene un logotipo o marca y un icono simple que se expande hasta la navegación completa.
Este estilo de elemento puede darle un área de lienzo más grande para el mensaje principal y tiene un aspecto limpio y aerodinámico. Y aunque la navegación no siempre está abierta, la mayoría de los visitantes del sitio web o los compradores en línea están acostumbrados a este patrón de navegación porque es el estándar para la mayoría de los sitios web móviles.
Consejo superior: Busque elementos de navegación fijos al elegir un tema de Weebly para que este proceso sea muy sencillo.
Pruebe este tema: Papel
Movimiento y animación
Los efectos de vídeo y animación son algunos de los elementos más atractivos que puede agregar al diseño de un sitio web. Los usuarios se sienten atraídos por los objetos en movimiento y a menudo se detienen y observan para ver qué sucede cuando hay movimiento en la pantalla.
Uno de los mejores lugares para comenzar es agregar un video a su sitio web. Ya sea una imagen de héroe a pantalla completa o un video en una página específica que muestra un producto o información, agregar un video es simple. Puede cargar un video directamente o incrustar elementos de plataformas populares como YouTube o Vimeo.
Consejo superior: ¿Sabía que también puede animar elementos pequeños? Las animaciones de texto pueden agregar énfasis a una palabra determinada o incluso al nombre de su empresa. Pruebe la aplicación gratuita de Animación de texto en el App Center para agregar movimiento al diseño de su sitio web con unos pocos clics.
Tratar este tema: Birdseye 2
Mucho espacio en blanco
Puede sentir la necesidad de tener todo en la pantalla, pero abrir el diseño de su sitio web con mucho espacio en blanco (o de color claro) en realidad puede ser más fácil de usar.
Un diseño limpio y organizado casi siempre será más fácil de entender para los usuarios. Incorpore espacio en el plan general utilizando una plantilla con un estilo abierto. (Esto puede ayudarte incluso si sientes la necesidad de empezar a rellenar el diseño con elementos.)
Consejo superior: Equilibra el espacio y elementos como fotos y texto para que haya un patrón visual distinto que ayude a los usuarios a moverse de una cosa a otra. No tengas miedo de poner elementos debajo del pergamino – será necesario en un diseño con más espacio en blanco.
Pruebe este tema: Líneas limpias
Diseños modulares
Un diseño modular crea un sistema de bloques más pequeños que puede mover, mezclar y combinar. (Piénsalo como bloques de construcción o ladrillos.)
Los diseños modulares a menudo requieren más de un rediseño, pero pueden proporcionar una gran flexibilidad con una variedad de tipos de contenido. Y con un tema Weebly, con un estilo modular, no es tan difícil comenzar.
Consejo superior: Un diseño modular suele ser el mejor para diseños que tienen mucho contenido, como el comercio electrónico o un portafolio, para que los usuarios puedan ver una variedad de cosas a la vez. Combina elementos modulares con mucho espacio en blanco para un diseño limpio que combina dos tendencias en una sola.
Tratar este tema: Cento o Brisk
Conclusión
Lo bueno de muchas de estas tendencias de diseño es que no implican un rediseño completo de su sitio web. Puede cambiar de color o agregar un video sin una revisión completa.
A veces, un simple cambio puede ser justo lo que necesita para refrescar su presencia en línea. (Y afortunadamente, las plantillas de Weebly proporcionan un punto de partida perfecto, mientras que el Editor proporciona una manera fácil de hacer cambios.)