Nueva función: Muestras globales

Cambia un color en un solo lugar y mira cómo se actualiza en todo tu sitio. Ahora es posible en Webflow con las muestras globales.

Nueva función: Muestras globales

Las nuevas muestras globales hacen que sea más rápido y sencillo crear esquemas de color coherentes y alineados con la marca para tus sitios. Y mucho más fácil actualizar esos esquemas cuando tu cliente inevitablemente cambie de opinión.

¿Alguna vez has ajustado un color en tu guía de estilo o sitio web y luego has tenido que actualizarlo en 50 páginas y 100 estilos? No es nada divertido.

Pero gracias a la nueva función de Webflow, las muestras globales, eso ya es cosa del pasado.

Esta nueva función te permite definir colores como globales, de modo que cada instancia de ese color se actualizará siempre que lo cambies. Es como los Símbolos, pero para colores.

Editing a global swatch
‍¿Ves cómo ese color de texto cambia junto con las superposiciones de color? Mágico, ¿verdad?

Todavía puedes crear muestras normales, pero las muestras globales nos acercan un paso más a los controles de estilo inspirados en variables, Sass y LESS, que te ayudarán a mantener sistemas de diseño más complejos y multifacéticos en todo tu sitio web.

El proceso de diseño web moderno

Descubre los procesos y herramientas detrás de los sitios web de alto rendimiento en este libro electrónico gratuito.

→
↗
►
↓
←
↑
Leer ahora

Echemos un vistazo a cómo funciona esta función y exploremos algunas de las muchas formas en que puede ayudarte a crear y mantener tus sitios de Webflow.

Crear una muestra global

Para crear una muestra global, elige el color que quieras convertir en global y marca la casilla "Global".

Check "Global" when making a new swatch
Las muestras globales muestran una forma triangular en la esquina inferior derecha del panel de muestras.

Actualizar una muestra global

Esto es muy sencillo. Abre la muestra global en tu panel de color, haz clic en el engranaje de configuración, edítala y confirma que quieres actualizar la muestra en todo tu sitio. Incluso te mostraremos cuántas instancias del color se actualizarán.

Editing a global swatch
‍Mientras editas, puedes ver cuántas instancias de esa muestra global aparecen en todo tu sitio.

Hacer que una instancia de muestra deje de ser global

Para desconectar una instancia de un color global de su muestra (de modo que no se actualice la próxima vez que edites la muestra global), simplemente vuelve a aplicar el color desde la paleta normal.

¿Cómo puedo usar esto?

Estas no son ni de lejos las únicas formas de usar las muestras globales, pero son algunas de las más potentes:

  • Actualizar y mantener los colores de marca
  • Experimentar con esquemas de color durante la fase de diseño
  • Ajusta los degradados de tu marca en todo el sitio

¿Cómo piensas usar las muestras globales? ¡Cuéntanos en los comentarios!


Última actualización
February 17, 2017

Artículos relacionados

Las 12 mejores herramientas de selección de color para diseñadores web
Las 12 mejores herramientas de selección de color para diseñadores web

Las 12 mejores herramientas de selección de color para diseñadores web

Las 12 mejores herramientas de selección de color para diseñadores web

Diseño
Por
Mat Vogels
,
,
Leer artículo
Nueva función: Búsqueda en el sitio
Nueva función: Búsqueda en el sitio

Nueva función: Búsqueda en el sitio

Nueva función: Búsqueda en el sitio

Dentro de Webflow
Por
Barrett Johnson
,
,
Leer artículo
Color para diseño: tu guía de referencia
Color para diseño: tu guía de referencia

Color para diseño: tu guía de referencia

Color para diseño: tu guía de referencia

Diseño
Por
Rease Rios
,
,
Leer artículo
Cómo crear una guía de estilo viva en Webflow
Cómo crear una guía de estilo viva en Webflow

Cómo crear una guía de estilo viva en Webflow

Cómo crear una guía de estilo viva en Webflow

Diseño
Por
Ryan Morrison
,
,
Leer artículo
Nueva función: Copiar y pegar entre proyectos
Nueva función: Copiar y pegar entre proyectos

Nueva función: Copiar y pegar entre proyectos

Nueva función: Copiar y pegar entre proyectos

Dentro de Webflow
Por
Barrett Johnson
,
,
Leer artículo
Nueva función: Sube archivos en tus formularios
Nueva función: Sube archivos en tus formularios

Nueva función: Sube archivos en tus formularios

Nueva función: Sube archivos en tus formularios

Dentro de Webflow
Por
Barrett Johnson
,
,
Leer artículo

verifone logomonday.com logospotify logoted logogreenhouse logoclear logocheckout.com logoreddit logothe new york times logoideo logoupwork logodiscord logo
verifone logomonday.com logospotify logoted logogreenhouse logoclear logocheckout.com logoreddit logothe new york times logoideo logoupwork logodiscord logo

Empieza gratis

Prueba Webflow todo el tiempo que quieras con nuestro plan Starter gratuito. Compra un plan de sitio de pago para publicar, alojar y desbloquear funciones adicionales.

Empieza, es gratis
Ver demostración

Prueba Webflow todo el tiempo que quieras con nuestro plan Starter gratuito. Compra un plan de sitio de pago para publicar, alojar y desbloquear funciones adicionales.