¿Cómo crear una guía de tonos de base líquida para una tienda independiente de cosmética? Métodos unificados para las pruebas de color, el diseño del envase y la página de SKU.

11 min de lectura
¿Cómo crear una guía de tonos de base líquida para una tienda independiente de cosmética? Métodos unificados para las pruebas de color, el diseño del envase y la página de SKU.

Al final del proceso de lanzamiento de una nueva base líquida, lo que más tiempo suele consumir son las imágenes de los tonos. Ya se han fotografiado los envases y se han realizado pruebas en el brazo; sin embargo, al subir ambas series de imágenes a la página del producto, el equipo editorial descubre que, para el mismo tono neutro claro, en el frasco parece más amarillento, mientras que sobre la piel luce más rosado, y en la carta de colores parece incluso un tono más claro. Nadie se atreve a publicar aún.

Aplicar el mismo filtro a todo el conjunto de imágenes no resuelve el problema. La base líquida está influenciada por el recipiente, el espesor de la aplicación, el tono de la piel y la iluminación; por ello, es imposible que cada píxel de la imagen sea idéntico. Lo realmente importante es mantener el orden correcto de los tonos —claros y oscuros—, la temperatura (frío‑cálido) y la correspondencia con los SKU. Primero hay que definir estos tres aspectos, y luego proceder con las fotos de modelo y de escena.

I. Antes de comenzar con las imágenes de los tonos de la base líquida, elaborar primero una tabla de comparación de todos los tonos de la gama.

La tabla de comparación no es un póster destinado al consumidor, sino un documento de trabajo compartido entre los equipos de diseño visual, de producto y de marketing. En cada tono se incluyen cuatro elementos: la muestra física confirmada, el bloque de color estándar, la vista frontal del envase y el nombre del tono. Todos los archivos deben llevar la misma numeración; así, no debe aparecer en los documentos de rodaje “Claro 2”, mientras que en el sistema interno se denomine “Light Neutral”.

Frío, cálido y neutro son las categorías de temperatura de color más utilizadas por las marcas de cosmética, pero cada marca clasifica el tono melocotón, el oliva y el dorado de manera ligeramente distinta. La forma de redactar estos campos depende de la normativa interna de cada marca respecto a los tonos. El equipo de diseño visual solo debe asegurarse de aplicar fielmente dicha normativa; no puede, por ejemplo, cambiar arbitrariamente un tono neutro a cálido solo porque la imagen parezca demasiado gris.

Campos de la tabla de comparación

Quién debe realizar la confirmación

Cómo utilizarla durante la producción de imágenes

Nombre del tono y SKU

Equipo de producto

Asociar la imagen del envase, la carta de colores y las variantes de imagen

Orden de claridad y oscuridad

Revisar conjuntamente con el equipo de producto y diseño visual

Evaluar si los tonos adyacentes están invertidos

Etiquetado de la temperatura de color

Información del producto de la marca

Establecer restricciones respecto a la dirección cálida‑fría en las pruebas de color y en las fotos de modelo

Muestra física estándar

Muestra real o original aprobada

Referencia de color para retoque y generación de imágenes

六个粉底液色号的标准色块料体瓶身和编号组成的对色工作台

La tabla de comparación primero resuelve la pregunta: “¿A qué SKU corresponde este tono?”, y solo después se evalúa si la imagen resulta estéticamente atractiva.

II. ¿Por qué un mismo tono de base líquida se ve diferente en el frasco, en la carta de colores y sobre la piel?

El contenido del frasco está separado del vidrio o plástico, la carta de colores muestra un color plano, y en la prueba sobre el brazo se mezcla con el tono natural de la piel. Es normal que existan diferencias entre estos tres casos. Al momento de la revisión, no se debe tomar un valor RGB con la herramienta de pipeta ni forzar que las tres imágenes coincidan en un mismo color; en su lugar, hay que colocarlas junto a la tabla de comparación para comprobar si el orden de claridad‑oscuridad ha cambiado o si la temperatura de color ha pasado de fría a cálida, o si un tono neutro se ha vuelto rosado.

1. En la imagen del envase, primero se observa el color del producto y luego el material del embalaje.

En los frascos transparentes, es necesario distinguir entre el color del producto y el reflejo de la pared del envase; en los frascos mates, la saturación tiende a reducirse. Durante el retoque, se pueden limpiar el etiquetado, la bomba y la tapa para eliminar polvo, pero el color interior del frasco no debe ajustarse según el fondo. Si dos tonos adyacentes presentan diferencias evidentes en la realidad, esa diferencia también debe conservarse en la imagen del frasco con fondo blanco.

2. En la carta de colores plana, debe mantenerse el orden de claridad‑oscuridad; no se debe retocar individualmente ningún tono.

Las cartas de color son ideales para comparaciones horizontales. Al elaborarlas, siga el orden establecido por la marca, manteniendo uniformes el tamaño de las muestras, los márgenes y el fondo; si alguna muestra parece “poco llamativa”, no la resalte de forma aislada. De lo contrario, cuando el comprador haga clic en la carta de color para ver la imagen del SKU, lo que vea podría parecer otro tono.

3. En las pruebas de color sobre la piel, evalúe la cobertura y el subtono, sin buscar una coincidencia exacta con los píxeles de la carta de color.

En las pruebas de color sobre el brazo, indique el número de aplicaciones, la forma de los bordes y la iluminación utilizada. No mezcle aplicaciones finas con gruesas en la misma fila, y evite comparar directamente un producto húmedo con brillo con una muestra completamente seca. La descripción de la imagen puede señalar que se trata de una prueba de color, pero no convierta la imagen generada por IA en una evaluación real de la cobertura o la duración del maquillaje.

同一组粉底液色号在瓶身平面色卡和不同肤色手臂试色中的颜色关系对照

Los tres tipos de soportes no necesitan tener la misma resolución; el orden de los números de tono y la dirección del subtono tampoco deben intercambiarse.

III. Las imágenes de pruebas de color sobre el brazo no deben responder a la pregunta “¿hay muchos colores?”, sino a “¿en qué tipo de piel queda?”

Cuando un solo brazo muestra más de diez tonos, aunque parezca que hay mucha información, al comprador le resulta difícil determinar cuál se acerca más a su propia piel. Una opción más práctica es agrupar primero según el tono de piel, y luego asegurar que cada imagen mantenga la misma iluminación, el mismo ancho de aplicación y el mismo orden de los tonos. Los tonos que debe cubrir la modelo deben definirse según el rango real de ventas y los números de tono del producto, y no por añadir personas de manera improvisada para dar mayor dinamismo a la imagen.

Cuando sea necesario ampliar la composición de las pruebas de color, puede preparar referencias de piel sin maquillaje y esquemas de las zonas de aplicación; en PixPix, genere fondos de prueba estandarizados en cuanto a posición de cámara, iluminación y espacios en blanco . La IA solo debe encargarse del brazo o la modelo, así como de la posición de la cámara y el diseño; no puede generar ni deducir por sí sola el color de la piel bajo el maquillaje. El área de prueba final que ve el comprador debe provenir de fotografías reales tomadas bajo condiciones uniformes o de materiales aprobados por la marca, combinadas posteriormente según las posiciones confirmadas.

Se recomienda fijar las condiciones de disparo: todas las pruebas de color de un mismo lote deben usar la misma fuente de luz, balance de blancos, posición de cámara y fondo; evite alternar entre una toma junto a la ventana y otra bajo luces cálidas.

不同肤色手臂在统一光线下展示同一组粉底液试色

Cuando los mismos tonos se aplican sobre diferentes tonos de piel, la apariencia varía; el orden de los tonos, el grosor de la aplicación y la iluminación deben mantenerse constantes.

IV. Cuando un comprador de una tienda independiente hace clic en el número de tono de una base líquida, ¿qué imagen del SKU debería verse primero?

En Shopify, cada variante de producto puede vincularse a una imagen; cuando el comprador selecciona esa variante, dicha imagen aparece como vista previa de la variante. Las demás imágenes del mismo tono pueden permanecer en la galería del producto, organizadas en orden consecutivo. Lo más preocupante aquí no es la falta de imágenes, sino que, tras hacer clic en un tono cálido, la vista previa siga mostrando un tono neutro.

La imagen de vista previa de la variante debe priorizar una foto limpia del frente del frasco, donde se aprecien claramente el nombre del tono y los detalles del envase. A continuación, incluya una toma cercana del producto, una prueba de color sobre el brazo y referencias de efecto maquillador. Las fotos grupales de toda la gama deben colocarse en una posición destacada para facilitar la comparación, pero no deben sustituir la imagen de confirmación de cada SKU individual.

  1. Foto grupal de todos los tonos de la gama: indica el rango de opciones disponibles.

  2. Foto actual del frasco del SKU: confirma el tono seleccionado por el comprador.

  3. Toma cercana del producto y sus bordes: muestra la textura y el aspecto, sin inventar efectos de uso.

  4. Imagen de prueba sobre el brazo: explica cómo se ve el tono sobre la piel.

  5. Imagen de efecto maquillador o escena: complementa el contexto de uso, pero no sustituye la confirmación del tono.

美妆独立站粉底液从全系列合照到单色号瓶身料体试色和妆效图的图库顺序

Tras hacer clic en el tono, la primera imagen debe confirmar el SKU; las restantes explicarán el producto, el efecto sobre la piel y el contexto de uso.

V. Cuando se producen en serie las imágenes de productos de bases líquidas, ¿qué archivos pueden reutilizarse y cuáles deben recrearse para cada tono?

El fondo, el ángulo de la cámara, las sombras del frasco y el diseño de la galería pueden convertirse en plantillas comunes. Sin embargo, el color del producto, el texto del tono, la identificación del lote en la base del frasco y el contenido de las pruebas no deben copiarse directamente del tono anterior. El proceso más eficiente para la producción en serie consiste en elegir primero un tono intermedio para validar el diseño, y luego ir sustituyendo uno por uno los frascos y las cartas de color ya confirmados, en lugar de generar una única imagen y modificarla masivamente mediante deslizadores de tonalidad.

Una vez definidos el diseño de las imágenes de fondo, las de detalle y las de escena, puede utilizar PixPix para completar, con la misma composición, el conjunto de imágenes de cada tono . Trabaje siempre con un solo SKU a la vez, subiendo simultáneamente la imagen original del frasco correspondiente y la pieza de referencia del tono; tras la salida de la imagen, verifique primero el texto del tono y el producto, y luego inspeccione las sombras, el fondo y los accesorios.

Plantillas comunes que pueden reutilizarse

Reemplazos obligatorios para cada tono

Inspección aleatoria antes de la entrega

Proporción del lienzo, fondo y posición de cámara

Material dentro de la botella y texto del número de color

Comparación aleatoria de dos colores adyacentes para evaluar su tonalidad

Cuadrícula de la carta de colores, tipografía y márgenes

Bloques de color estándar y etiquetas de tono base

Verificación de que el orden de la carta de colores coincida con el del sistema backend

Ancho de las muestras de color, espaciado y iluminación

Color de la piel y la imagen correspondiente del modelo

Comprobación de si se ha mezclado alguna muestra de otro número de color

粉底液商品图用统一母版逐个替换瓶身色卡和试色内容的批量制作台

El maestro de diseño se encarga de unificar la composición, mientras que los números de color se sustituyen uno por uno. Procesar en lote no equivale a cambiar todos los colores con un solo clic.

VI. Antes de la entrega, el equipo visual de cosmética realiza una inspección cruzada utilizando colores adyacentes

No se limite a revisar únicamente los dos colores más claros y los más oscuros; la diferencia entre ellos es demasiado grande y muchos errores pasarán desapercibidos. Coloque lado a lado las imágenes de los envases, las cartas de color, las muestras y las variantes del backend correspondientes a los colores adyacentes, alineándolas en una misma fila de izquierda a derecha. Si se detecta un orden inverso de tonalidades, un salto inesperado en el tono base o una mala correspondencia entre el número de color y el texto, suspenda de inmediato todo el conjunto de materiales relacionados.

Al exportar las imágenes para la web, conserve el archivo original editable y luego conviértalo a sRGB. Las directrices de gestión del color de Adobe recomiendan sRGB como opción preferida para las imágenes web; esto reduce las discrepancias de visualización causadas por los perfiles de color, aunque no garantiza que todas las pantallas de los teléfonos móviles sean idénticas. Finalmente, revise tanto en dispositivos de escritorio como en móviles y asegúrese de que, tras la compresión, los colores adyacentes sigan siendo distinguibles.

VII. Problemas comunes en las imágenes de los números de color de las bases líquidas

1. Cuando se traducen los nombres de los números de color de las bases líquidas para sitios multilingües, ¿debe modificarse también el número SKU?

No modifique el número SKU. El nombre visible del número de color puede traducirse según las reglas de localización aprobadas por la marca; sin embargo, el SKU del backend, los nombres de los archivos de imagen y los números de las mesas de color deben permanecer estables, pues de lo contrario las páginas en distintos idiomas podrían vincularse erróneamente con imágenes equivocadas.

2. Tras cambiar el envase de una base líquida del mismo número de color, ¿pueden seguir utilizándose las imágenes antiguas del producto?

Si cambian el tipo de botella, la transparencia, el dispensador o la etiqueta, será necesario volver a crear la imagen del envase. Cuando la fórmula y el número de color permanecen iguales, la carta de color aprobada puede seguir utilizándose como referencia cromática; sin embargo, la imagen del envase anterior no debe mantenerse en las vistas previas de las variantes, para evitar que los compradores confundan el empaque.

3. ¿Debería mantenerse el número de color agotado en la carta completa de colores de toda la gama?

En caso de falta temporal de existencias, la carta completa de colores puede conservar ese número de color, pero en la página del producto deberá indicarse claramente que el producto no está disponible para su compra. Si el número de color ha sido descontinuado definitivamente, actualice simultáneamente la carta de colores, las imágenes de las variantes y el contenido de orientación al cliente, evitando así que siga apareciendo como una opción disponible.

Herramienta de IA para equipos de e-commerce

Para lanzamientos de productos, publicidad y campañas promocionales, usa IA para generar imágenes de producto, visuales de escena, creatividades publicitarias y videos cortos, haciendo la producción de contenido más eficiente.