Diseña y publica tus sitios rápidamente

Paletas de color para dar vida a tu sitio

El proceso de agregar color a un sitio es uno de las cosas más importantes a considerar. Los colores adecuados sirven como una herramienta para lograr que tus visitantes se sientan bienvenidos a tu sitio al mismo tiempo que pueden complementar el mensaje del sitio. En este artículo te enseñaremos a usar la app de paletas de color en nuestro software de diseño. Con ella podrás agregar color y vida a tu diseño web.

Paletas de color para diseñar

Para empezar, te ayudaremos a activar esta funcionalidad en tu sitio Breezi.

Para abrir dicha opción, haz clic en el botón de Skins en la barra inferior. En el menú que se abrirá, selecciona la opción de “Get More Skins!”.

"Get More Skins!" en el menú de Skins

Presiona el botón de “Get More Skins!” para abrir la opción de las paletas de color

En la barra que aparecerá en la parte superior de tu pantalla, busca la pestaña de “Palettes”.

Botón de "Palettes"

Haz clic en este botón para ver las paletas de color disponibles para tu sitio

Una vez que hayas hecho clic en “Palettes”, se abrirá una barra con paletas de colores en la parte superior del editor.

Puedes ver las paletas de color al desplazarte de izquierda a derecha o en una página completa

Ahí podrás ver algunos ejemplos y combinaciones de colores. Para ver más, puedes desplazarte de izquierda a derecha con la barra deslizadora horizontal o haz clic en la pestaña de “View More”.

Con la opción para desplazarte

Es muy fácil desplazarse de izquierda a derecha o vice versa, en el módulo superior. Si quieres salir, haz clic en el botón de “Exit” ubicado del lado izquierdo. Esto te regresará a la vista “normal” del editor.

El módulo para ver las paletas de color

Con la opción de “View More”

Si eliges la opción de “View More”, se abrirá una librearía completa de paletas de color. Podrás desplazarte a lo largo de ella de arriba a abajo. De nuevo, puedes hacer clic en el botón de “Exit” para salir de la librería. Como con la otra opción, esta acción te llevará al editor.

opción de "View More"

Con esta alternativa podrás ver todas las opciones de paletas de color que tienes

Para obtener una vista previa y aplicar una paleta de color

Ahora continuaremos con cómo puedes utilizar estas paletas de color en las páginas de tu sitio Breezi.

Vista previa

Sin importar cual de las opciones anteriores utilices para visualizar las paletas, podrás pasar el cursor sobre ellas para obtener una vista previa. Al hacerlo, verás una opción que dice “live preview”. Haz clic ahí y la paleta se cargará para que tengas la vista previa. Además, verás una barra en la parte superior del editor con estas opciones:

Barra superior en la vista previa de las paletas de color

Los botones de Revert y Apply de las paletas de color

Con el botón de “Revert” puedes revertir los efectos de la vista previa. Esto quiere decir que puedes regresar a los colores que tenías antes de la vista previa. Esta opción cerrará la app de las paletas de color. Para activarla nuevamente, tendrás que seguir los pasos que mencionamos al principio de este artículo.

El segundo botón, “Apply”, es para aplicar la paleta de color que está en la vista previa a tu sitio. Después de hacer clic en él, aparecerá un panel donde podrás elegir a qué páginas quieres aplicarle dichos colores. Cuando selecciones las páginas, haz clic en “Apply to These Pages”.

"Which pages do you want to apply this skin to?"

Una vez que apliques la paleta, las páginas se actualizarán.

Puedes intentar con diferentes combinaciones hasta que encuentres la paleta que más te guste. Recuerda que los colores son parte fundamental de tu sitio, así que tómate tu tiempo y elige una paleta que vaya con la temática, apariencia o el tipo de mensaje que quieres transmitir con tu sitio.

¿Qué te pareció este artículo? Háznoslo saber en la sección de comentarios.