Escribe tres líneas en una aplicación de notas: mensaje, sensación y evidencia.
Luego elige una acción sencilla, como pedir que evalúen la prenda.
La sensación es una intención de quien crea. Solo los comentarios de las personas muestran cómo recibieron la imagen.
Llama ADN visual o Visual DNA a este conjunto de reglas repetibles.
Guía el color, la tipografía, la composición y la fotografía.
No es una prueba científica de personalidad de marca.
Tampoco garantiza confianza ni ventas.
Célia distingue la imagen ilustrativa de una foto de un trabajo realmente entregado.
Ficha completada · ejemplo de la lección
1Mensaje: conservar una prenda querida
2Sensación deseada: cuidado
3Evidencia: detalle real de la reparación
Usa esta ficha como referencia. Cambia el ejemplo por tu propio proyecto.
3Comprueba la decisión según el uso
Muestra la reparación, explica el cuidado e invita a evaluar la prenda.
Célia revisa la ficha: evidencia: un detalle real de la reparación.
Ilustración didáctica creada con Codex: Isa y Célia examinan un remiendo visible. La escena generada presenta el caso ficticio; no documenta un servicio real.
Ponte a prueba
¿Una imagen generada de costura demuestra que el taller hizo una reparación?
Si te trabaste aquí, es normalUsa el caso ficticio si aún no tienes marca. Anota tu hipótesis junto a la evidencia que necesitarás producir.
Practica ahora 0/3
Dale una función a la apariencia
Reserva 10 minutos de trabajo activo para esta parte. La espera y la generación de imágenes quedan fuera. Terminas cuando registres las tres líneas y una acción, con la evidencia identificada.
Usa referencias propias o autorizadas. Identifica las imágenes ilustrativas y conserva los originales. Las funciones de IA pueden depender de tu cuenta y plan; revisa antes de generar.
Proyecto: Fio Claro o mi marca
Lección: Dale una función a la apariencia
Mensaje: conservar una prenda querida — <tu decisión>
Sensación deseada: cuidado — <tu decisión>
Evidencia: detalle real de la reparación — <tu decisión>
Evidencia guardada: <archivo o nota>
Ajuste: <próximo paso>
Al terminar estos pasos, podrás conectar un mensaje, una sensación deseada y una evidencia visual.
Resumen de la lección
Dale una función a la apariencia
Mensaje: conservar una prenda querida
Sensación deseada: cuidado
Evidencia: detalle real de la reparación
Tu siguiente paso
Ya tienes criterios para conectar un mensaje, una sensación deseada y una evidencia visual.
Guarda la entrega de esta lección en la carpeta del proyecto. La usarás en el siguiente paso.
Siguiente: Resume la marca en cinco líneas
Material complementario · módulo 1Producción y cuidados para retomar después de la práctica breve.
La dirección de arte elige qué comunicar
Experimenta con calma
Elige otra pieza de la marca y aplica el mismo criterio. Guarda la versión anterior para compararlas.
Qué observar
El caso Fio Claro es ficticio. Sus imágenes ilustran el método; no demuestran un servicio real.
Separa la intención del resultado
Experimenta con calma
Explica tu elección sin usar la palabra «bonito». Señala la característica que respalda tu decisión.
Qué observar
Anota como hipótesis cualquier interpretación que aún no hayas comprobado con el público.
Piensa en cinco niveles: objetivo, posición deseada, idea central, reglas y piezas.
Ejemplo: explicar la reparación guía la regla de mostrar las puntadas.
Esa regla guía la fotografía.
Esta jerarquía explica el razonamiento; la práctica usa los cinco campos de la oferta.
Completa: para este público, ofrecemos este servicio, con esta diferencia observable.
Evita decir «lo mejor del mercado».
Cambia las promesas sin evidencia por características que alguien pueda comprobar.
Ponle fecha a la ficha para revisarla cuando cambie la oferta.
Célia nota que los ajustes de medidas requieren otras fotos y otra promesa.
Ficha completada · ejemplo de la lección
1Público: personas que quieren conservar prendas queridas
2Necesidad: reparar el desgaste
3Oferta: evaluación y reparación visible
4Diferencia propuesta: explicar la reparación como parte de la historia
5Evidencia: proceso real documentado, aún por producir
Usa esta ficha como referencia. Cambia el ejemplo por tu propio proyecto.
3Comprueba la decisión según el uso
Reparación visible para prendas queridas, con detalles del proceso y evaluación de la prenda.
Célia revisa la ficha: evidencia: proceso real documentado, aún por producir.
Ilustración didáctica creada con Codex: La chaqueta, el remiendo y las herramientas presentan una oferta concreta. La imagen no representa resultados de una investigación de mercado.
Ponte a prueba
La oferta cambió de reparación visible a ajustes de medidas. ¿Qué conviene revisar primero?
Si te trabaste aquí, es normalCada línea puede ser una frase sencilla. Si faltan datos, marca la hipótesis y continúa con el caso ficticio.
Practica ahora 0/3
Resume la marca en cinco líneas
Reserva 10 minutos de trabajo activo para esta parte. La espera y la generación de imágenes quedan fuera. Terminas cuando tengas cinco líneas, una hipótesis identificada y una decisión visual justificada.
Usa referencias propias o autorizadas. Identifica las imágenes ilustrativas y conserva los originales. Las funciones de IA pueden depender de tu cuenta y plan; revisa antes de generar.
Público:
Necesidad:
Oferta:
Diferencia observable:
Evidencia disponible o pendiente:
Decisión visual que permite la ficha:
Al terminar estos pasos, podrás escribir una esencia de marca que guíe las decisiones.
Resumen de la lección
Resume la marca en cinco líneas
Público y necesidad: prendas queridas y desgastadas
Oferta y diferencia: reparación visible explicada
Evidencia: proceso real documentado
Tu siguiente paso
Ya tienes criterios para escribir una esencia de marca que guíe las decisiones.
Guarda la entrega de esta lección en la carpeta del proyecto. La usarás en el siguiente paso.
Siguiente: Observa la percepción sin inducir la respuesta
Material complementario · módulo 1Producción y cuidados para retomar después de la práctica breve.
Empieza por el público, la necesidad y la oferta
Experimenta con calma
Elige otra pieza de la marca y aplica el mismo criterio. Guarda la versión anterior para compararlas.
Qué observar
El caso Fio Claro es ficticio. Sus imágenes ilustran el método; no demuestran un servicio real.
Empieza por el panorama antes de elegir un color
Experimenta con calma
Explica tu elección sin usar la palabra «bonito». Señala la característica que respalda tu decisión.
Qué observar
Anota como hipótesis cualquier interpretación que aún no hayas comprobado con el público.
Revisa las funciones y los costos en tu cuenta actual. Las guías pueden mostrar rutas distintas según la versión y el dispositivo.
Lección 2 · Visual DNA v6.2 · INEMA.CLUB PRO
Módulo 1 · Lección 3 de 15
Observa la percepción sin inducir la respuesta
Puedes preparar una pregunta neutral y separar la observación de la hipótesis.
Preguntar si una marca parece cuidadosa ya indica la respuesta que buscas. Averigua qué entendieron las personas.
En 1 minuto
Pregunta: abierta y sin sugerir adjetivos
Registro: palabras de la persona separadas de tu interpretación
Estado: comentarios recibidos o pendientes
1Pregunta antes de explicar
Muestra una pieza y pregunta: ¿Qué crees que hace este lugar?
Después pregunta qué detalle le ayudó a entenderlo.
No expliques el concepto antes.
Guarda las palabras de la persona y el contexto de la prueba, con su permiso para registrarlos.
Una conversación breve da pistas, pero no representa a todo el público.
No inventes respuestas para completar la ficha.
Si no hay nadie disponible, prepara el guion y marca los comentarios como pendientes.
La práctica breve de esta lección termina con el guion; la investigación real viene después.
Isa anota las palabras antes de sugerir un cambio en la fotografía.
Decisión poco sólida
¿Estás de acuerdo en que nuestra marca transmite cuidado?
Decisión comprobable
¿A qué se dedica este lugar y qué detalle te hizo pensarlo?
Observa qué características hacen que la segunda decisión se pueda comprobar.
2Separa las palabras, la interpretación y la decisión
Registra tres campos: qué escuché, qué interpreté y qué voy a probar.
Si alguien dice «ropa nueva», quizá la imagen está ocultando la reparación.
Tu interpretación aún es una hipótesis.
Prueba con un detalle más grande y repite la pregunta.
El objetivo no es gustarle a todo el mundo.
Es comprobar si se entendió el mensaje principal.
No archives toda la comunicación anterior por una sola respuesta.
Guarda las versiones para comparar el efecto de cambiar una cosa a la vez.
Célia prepara las preguntas y deja los comentarios pendientes hasta poder conversar.
Ficha completada · ejemplo de la lección
1Pregunta: abierta y sin sugerir adjetivos
2Registro: palabras separadas de la interpretación
3Estado: comentarios recibidos o pendientes
Usa esta ficha como referencia. Cambia el ejemplo por tu propio proyecto.
3Comprueba la decisión según el uso
¿A qué se dedica este lugar y qué detalle te hizo pensarlo?
Célia revisa la ficha: estado: comentarios recibidos o pendientes.
Ilustración didáctica creada con Codex: Célia conversa con una persona sobre la chaqueta. La escena ilustra una situación de escucha; no se realizó entrevista ni investigación.
Ponte a prueba
Alguien dice que el taller vende ropa nueva. ¿Cómo lo registras?
Si te trabaste aquí, es normalNo necesitas encontrar a alguien ahora. Prepara el guion; una conversación imaginada no cuenta como comentario recibido.
Practica ahora 0/3
Observa la percepción sin inducir la respuesta
Reserva 10 minutos de trabajo activo para esta parte. La espera y la generación de imágenes quedan fuera. Terminas cuando el guion tenga dos preguntas neutrales y los campos distingan hechos de hipótesis.
Usa referencias propias o autorizadas. Identifica las imágenes ilustrativas y conserva los originales. Las funciones de IA pueden depender de tu cuenta y plan; revisa antes de generar.
Proyecto: Fio Claro o mi marca
Lección: Observa la percepción sin inducir la respuesta
Pregunta: abierta y sin sugerir adjetivos — <tu decisión>
Registro: palabras separadas de la interpretación — <tu decisión>
Estado: comentarios recibidos o pendientes — <tu decisión>
Evidencia guardada: <archivo o nota>
Ajuste: <próximo paso>
Al terminar estos pasos, podrás preparar una pregunta neutral y separar la observación de la hipótesis.
Resumen de la lección
Observa la percepción sin inducir la respuesta
Pregunta: abierta y sin sugerir adjetivos
Registro: palabras separadas de la interpretación
Estado: comentarios recibidos o pendientes
Tu siguiente paso
Ya tienes criterios para preparar una pregunta neutral y separar la observación de la hipótesis.
Guarda la entrega de esta lección en la carpeta del proyecto. La usarás en el siguiente paso.
Siguiente: Convierte tres pilares en decisiones visibles
Material complementario · módulo 1Producción y cuidados para retomar después de la práctica breve.
Pregunta antes de explicar
Experimenta con calma
Elige otra pieza de la marca y aplica el mismo criterio. Guarda la versión anterior para compararlas.
Qué observar
El caso Fio Claro es ficticio. Sus imágenes ilustran el método; no demuestran un servicio real.
Separa las palabras, la interpretación y la decisión
Experimenta con calma
Explica tu elección sin usar la palabra «bonito». Señala la característica que respalda tu decisión.
Qué observar
Anota como hipótesis cualquier interpretación que aún no hayas comprobado con el público.
Revisa las funciones y los costos en tu cuenta actual. Las guías pueden mostrar rutas distintas según la versión y el dispositivo.
Lección 3 · Visual DNA v6.2 · INEMA.CLUB PRO
Módulo 2 · Lección 4 de 15
Convierte tres pilares en decisiones visibles
Puedes definir tres pilares con una función, una sensación y una diferencia.
Palabras como auténtico o humano sirven para casi cualquier imagen. Dale a cada palabra una consecuencia visible.
En 1 minuto
Cuidado: mostrar el acabado
Continuidad: mantener la prenda reconocible
Claridad: elegir un foco principal
1Tres pilares, tres compromisos
Un pilar es una idea que guía varias piezas.
Para Fio Claro, usamos cuidado, continuidad y claridad.
El cuidado pide mostrar la textura y el acabado.
La continuidad muestra la prenda completa y aún utilizable.
La claridad organiza el servicio y el próximo paso.
Separa la función, la emoción deseada y la diferencia.
La función es explicar la reparación.
La emoción deseada es tranquilidad.
La diferencia es valorar el remiendo visible.
Esto forma un concepto: seguir usando la prenda, con la reparación como parte de su historia.
Isa rechaza un desenfoque que oculta las puntadas, aunque le guste la atmósfera.
Decisión poco sólida
Usar imágenes humanas, bonitas y variadas.
Decisión comprobable
Mostrar la textura de la reparación, conservar el contexto de la prenda y destacar una acción.
Observa qué características hacen que la segunda decisión se pueda comprobar.
2Una regla debe ayudarte a descartar algo
Escribe una elección y un rechazo para cada pilar.
La claridad permite un foco principal y descarta cinco llamados a la acción.
El cuidado permite mostrar un detalle nítido y rechaza suavizar la imagen hasta borrar las puntadas.
La regla debe ayudarte cuando aparezcan dos opciones atractivas.
No necesitas repetir el mismo encuadre.
Una foto amplia y un detalle pueden seguir el mismo pilar.
La coherencia está en el motivo y en las características que conservas.
Guarda ejemplos que respalden la regla y ejemplos que la contradigan.
Célia pide una foto amplia cuando el detalle no permite reconocer la prenda.
Ficha completada · ejemplo de la lección
1Cuidado: mostrar el acabado
2Continuidad: mantener la prenda reconocible
3Claridad: elegir un foco principal
Usa esta ficha como referencia. Cambia el ejemplo por tu propio proyecto.
3Comprueba la decisión según el uso
Mostrar la textura de la reparación, conservar el contexto de la prenda y destacar una acción.
Célia revisa la ficha: claridad: elegir un foco principal.
Ilustración didáctica creada con Codex: Tres estudios de detalle muestran el remiendo, las puntadas y la tela. Para evaluar la continuidad, añade una foto amplia: esta imagen no muestra la prenda completa.
Ponte a prueba
¿Qué regla convierte el cuidado en algo comprobable?
Si te trabaste aquí, es normalCambia un adjetivo por algo que puedas señalar en pantalla: textura, distancia, luz, espacio u orden.
Practica ahora 0/3
Convierte tres pilares en decisiones visibles
Reserva 10 minutos de trabajo activo para esta parte. La espera y la generación de imágenes quedan fuera. Terminas cuando cada uno de los tres pilares tiene una elección, un rechazo y una decisión de aplicación registrada.
Usa referencias propias o autorizadas. Identifica las imágenes ilustrativas y conserva los originales. Las funciones de IA pueden depender de tu cuenta y plan; revisa antes de generar.
Revisa las funciones y los costos en tu cuenta actual. Las guías pueden mostrar rutas distintas según la versión y el dispositivo.
Lección 4 · Visual DNA v6.2 · INEMA.CLUB PRO
Módulo 2 · Lección 5 de 15
Encuentra una diferencia sin copiar a la competencia
Puedes registrar patrones y una posible diferencia en tres referencias.
Ser diferente en todo puede dificultar que se reconozca el servicio. Primero descubre qué se repite y por qué.
En 1 minuto
Muestra: tres referencias con dirección y fecha
Patrón: característica que realmente observaste
Hipótesis: diferencia que mantiene clara la oferta
1Observa lo que está presente
Elige tres páginas públicas de la misma categoría.
Anota la dirección, la fecha y dos elementos visibles: tema de la foto, color dominante, cantidad de texto o tipo de evidencia.
Describe lo que ves.
No atribuyas intención ni resultados comerciales sin datos.
No copies logotipos, frases ni composiciones completas.
La investigación ayuda a reconocer convenciones y decidir qué probar.
En el caso ficticio, imagina que las referencias muestran solo ropa terminada.
Mostrar el proceso se convierte en una posible diferencia, no en un hallazgo comprobado.
Isa detecta un patrón en la muestra, sin llamarlo regla de todo el mercado.
Prompts para comparar · ejemplo didáctico
PromptCopia la pieza que parece tener más éxito.
Faltan límites observables para evaluar el trabajo.
PromptRegistra patrones visibles y prueba una diferencia vinculada con la oferta.
Hay criterios claros para comprobar la decisión.
Compara las dos instrucciones. Son ejemplos escritos para la lección, sin una respuesta simulada de la herramienta.
2Busca referencias fuera de la categoría
Un catálogo de herramientas puede enseñar a mostrar detalles.
Una exposición puede enseñar a organizar una secuencia.
Aplica el principio a tu problema sin copiar toda la apariencia.
Anota qué elemento usarás y cuál dejarás fuera.
Una diferencia útil sigue explicando la oferta.
Una paleta inusual no compensa una foto confusa.
Comprueba también si puedes repetir la decisión con tus recursos.
Una dirección que depende de una producción poco viable puede fallar la semana siguiente.
Célia busca una forma sencilla de mostrar el proceso con la luz que ya tiene.
Ficha completada · ejemplo de la lección
1Muestra: tres referencias con dirección y fecha
2Patrón: característica que realmente observaste
3Hipótesis: diferencia que mantiene clara la oferta
Usa esta ficha como referencia. Cambia el ejemplo por tu propio proyecto.
3Comprueba la decisión según el uso
Registra patrones visibles y prueba una diferencia vinculada con la oferta.
Célia revisa la ficha: hipótesis: diferencia que mantiene clara la oferta.
Ilustración didáctica creada con Codex: El panel compara grupos de materiales y colores. Son referencias ficticias; no representan marcas investigadas.
Ponte a prueba
Ves muchas fotos de ropa terminada. ¿Qué conclusión está respaldada?
Si te trabaste aquí, es normalSi no puedes investigar ahora, usa tres piezas propias y aclara el límite de la muestra.
Practica ahora 0/3
Encuentra una diferencia sin copiar a la competencia
Reserva 10 minutos de trabajo activo para esta parte. La espera y la generación de imágenes quedan fuera. Terminas cuando identifiques tres referencias y registres la diferencia como hipótesis.
Usa referencias propias o autorizadas. Identifica las imágenes ilustrativas y conserva los originales. Las funciones de IA pueden depender de tu cuenta y plan; revisa antes de generar.
Proyecto: Fio Claro o mi marca
Lección: Encuentra una diferencia sin copiar a la competencia
Muestra: tres referencias con dirección y fecha — <tu decisión>
Patrón: característica que realmente observaste — <tu decisión>
Hipótesis: diferencia que mantiene clara la oferta — <tu decisión>
Evidencia guardada: <archivo o nota>
Ajuste: <próximo paso>
Al terminar estos pasos, podrás registrar patrones y una posible diferencia en tres referencias.
Resumen de la lección
Encuentra una diferencia sin copiar a la competencia
Muestra: tres referencias con dirección y fecha
Patrón: característica que realmente observaste
Hipótesis: diferencia que mantiene clara la oferta
Tu siguiente paso
Ya tienes criterios para registrar patrones y una posible diferencia en tres referencias.
Guarda la entrega de esta lección en la carpeta del proyecto. La usarás en el siguiente paso.
Siguiente: Arma un panel que ayude a elegir
Material complementario · módulo 2Producción y cuidados para retomar después de la práctica breve.
Observa lo que está presente
Experimenta con calma
Elige otra pieza de la marca y aplica el mismo criterio. Guarda la versión anterior para compararlas.
Qué observar
El caso Fio Claro es ficticio. Sus imágenes ilustran el método; no demuestran un servicio real.
Busca referencias fuera de la categoría
Experimenta con calma
Explica tu elección sin usar la palabra «bonito». Señala la característica que respalda tu decisión.
Qué observar
Anota como hipótesis cualquier interpretación que aún no hayas comprobado con el público.
2Una leyenda convierte la inspiración en una regla
Escribe frases observables: conservar la textura, acercarse a la puntada, dejar un área despejada.
No te limites a listar palabras como acogedor y prémium.
El panel debe permitir que otra persona elija algo parecido sin adivinar tus gustos.
Organiza los grupos en un documento o presentación que ya uses.
Inserta las imágenes y una leyenda debajo de cada una.
Anota el origen de las referencias externas.
Para compartir en público, usa imágenes propias o autorizadas, o enlaza la fuente.
Célia toma una foto propia cuando le falta una referencia con un origen claro.
Ficha completada · ejemplo de la lección
1Tema: prenda completa y detalle
2Luz: textura visible sin brillo excesivo
3Composición: espacio para un llamado a la acción
Usa esta ficha como referencia. Cambia el ejemplo por tu propio proyecto.
3Comprueba la decisión según el uso
Separar tema, luz y composición, con dos referencias comentadas por grupo.
Célia revisa la ficha: composición: espacio para un llamado a la acción.
Ilustración didáctica creada con Codex: Las tres franjas ilustran cómo agrupar referencias. La imagen tiene tres muestras por franja; en el ejercicio, elige dos por grupo, seis en total.
Ponte a prueba
¿Qué leyenda ayuda a otra persona a usar la referencia?
Si te trabaste aquí, es normalPuedes empezar con fotos sencillas de tu teléfono. La leyenda debe explicar la elección, no elogiar la imagen.
Practica ahora 0/3
Arma un panel que ayude a elegir
Reserva 10 minutos de trabajo activo para esta parte. La espera y la generación de imágenes quedan fuera. Terminas cuando el panel tenga seis referencias, tres grupos y seis leyendas útiles.
Usa referencias propias o autorizadas. Identifica las imágenes ilustrativas y conserva los originales. Las funciones de IA pueden depender de tu cuenta y plan; revisa antes de generar.
Proyecto: Fio Claro o mi marca
Lección: Arma un panel que ayude a elegir
Tema: prenda completa y detalle — <tu decisión>
Luz: textura visible sin brillo excesivo — <tu decisión>
Composición: espacio para un llamado a la acción — <tu decisión>
Evidencia guardada: <archivo o nota>
Ajuste: <próximo paso>
Al terminar estos pasos, podrás organizar seis referencias en tres grupos con leyendas.
Resumen de la lección
Arma un panel que ayude a elegir
Tema: prenda completa y detalle
Luz: textura visible sin brillo excesivo
Composición: espacio para un encabezado
Tu siguiente paso
Ya tienes criterios para organizar seis referencias en tres grupos con sus leyendas.
Guarda la entrega de esta lección en la carpeta del proyecto. La usarás en el siguiente paso.
Siguiente: Dale una función a cada elemento visual
Material complementario · módulo 2Producción y cuidados para retomar después de la práctica breve.
Tres grupos evitan que todo se mezcle
Experimenta con calma
Elige otra pieza de la marca y aplica el mismo criterio. Guarda la versión anterior para compararlas.
Qué observar
El caso Fio Claro es ficticio. Sus imágenes ilustran el método; no demuestran un servicio real.
Una leyenda convierte la inspiración en una regla
Experimenta con calma
Explica tu elección sin usar la palabra «bonito». Señala la característica que respalda tu decisión.
Qué observar
Anota como hipótesis cualquier interpretación que aún no hayas comprobado con el público.
En el caso de Fio Claro, el crudo ocupa el fondo, el azul profundo facilita la lectura y el óxido marca los detalles.
No afirmamos que el azul genere confianza automáticamente.
La función de cada color ayuda a repetir la organización.
En la próxima lección comprobarás la legibilidad.
Si dos elementos hacen el mismo trabajo, simplifica.
Si un adorno no ayuda al mensaje, prueba quitarlo.
Guarda una versión anterior para compararlas.
El mapa también debe indicar qué observar para confirmar o rechazar la hipótesis.
Célia quita un adorno que competía con el arreglo y no explicaba el servicio.
Mapa completo · hipótesis del caso ficticio
Fondo crudo Función: Separar el tema Asociación deseada: Material natural Prueba: ¿El tema sigue siendo evidente?
Texto azul profundo Función: Permitir la lectura Asociación deseada: Organización Prueba: ¿Se lee el texto pequeño?
Detalle color óxido Función: Marcar un punto Asociación deseada: Trabajo manual Prueba: ¿El acento compite con la foto?
Forma rectangular Función: Repetir la forma del parche Asociación deseada: Continuidad Prueba: ¿La forma ayuda a explicar el arreglo?
Textura visible Función: Mostrar el acabado Asociación deseada: Cuidado Prueba: ¿Se distinguen los puntos?
Foto con contexto Función: Explicar el servicio Asociación deseada: Transparencia Prueba: ¿Se reconoce la prenda?
Seis elementos con funciones distintas. Hay que probar las asociaciones.
3Comprueba la decisión según el uso
Se usará azul profundo en el texto; comprueba la legibilidad y la percepción.
Célia usa la ficha para revisar: prueba: observación que podría cuestionar la elección.
Ilustración didáctica creada en Codex: El crudo, el azul profundo y el óxido aparecen como materiales. La combinación muestra funciones posibles, pero no demuestra una reacción emocional.
Ponte a prueba
¿Qué puedes afirmar sobre un color elegido antes de probarlo?
Es normal trabarse aquíUsa frases cortas. Si no sabes qué asociación proponer, déjala como hipótesis abierta y describe solo la función.
Practica ahora 0/3
Dale una función a cada elemento visual
Reserva 10 minutos de trabajo activo para esta parte. Las filas y la generación de imágenes quedan fuera de ese tiempo. Terminas cuando el mapa tiene seis filas y cada una incluye una función y una prueba.
Usa referencias propias o autorizadas. Identifica las imágenes ilustrativas y conserva los originales. Las funciones de IA pueden depender de tu cuenta y plan; revisa antes de generar.
Proyecto: Fio Claro o mi marca
Lección: Dale una función a cada elemento visual
Mapa: seis elementos con una función — <tu decisión>
Asociación: hipótesis según el contexto — <tu decisión>
Prueba: observación que podría cuestionar la elección — <tu decisión>
Evidencia guardada: <archivo o nota>
Ajuste: <próximo paso>
Al completar estos pasos, podrás llenar un mapa con seis elementos e hipótesis sobre su significado.
Resumen de la lección
Dale una función a cada elemento visual
Mapa: seis elementos con una función
Asociación: hipótesis según el contexto
Prueba: observación que podría cuestionar la elección
Tu siguiente paso
Ya tienes criterios para completar un mapa con seis elementos e hipótesis sobre su significado.
Guarda la entrega de esta lección en la carpeta del proyecto. La usarás en el siguiente paso.
Siguiente: Haz que el mensaje se entienda en tamaño pequeño
Material complementario · módulo 3Producción y cuidados para retomar después de la práctica breve.
Primero la función, después la asociación
Experimenta con calma
Elige otra pieza de la marca y aplica el mismo criterio. Guarda la versión anterior para compararlas.
Qué observar
El caso Fio Claro es ficticio. Sus imágenes ilustran el método; no demuestran un servicio real.
El color tiene una función, no poderes mágicos
Experimenta con calma
Explica tu elección sin usar la palabra «bonito». Señala la característica que respalda tu decisión.
Qué observar
Anota como hipótesis cualquier interpretación que aún no hayas comprobado con el público.
Para el texto normal, toma como referencia una relación mínima de contraste de 4,5 a 1.
Un verificador compara el color de las letras con el fondo.
Abre el verificador indicado en el material complementario.
Ingresa los dos colores y lee el resultado.
Prueba texto azul #203448 sobre un fondo crudo #F4EFE5.
Aplica la combinación a tu diseño o evalúa el ejemplo de esta lección.
Anota qué opción probaste y la relación medida.
Si usas tus propios colores, mide la combinación real.
Una franja sólida facilita revisar el texto sobre una foto.
Mira el diseño en el celular sin ampliarlo.
Célia lee el encabezado pequeño y nota que la explicación necesita más tamaño.
Tu ropa puede seguir usándose.
Evaluación de arreglos visibles.
Trae tu prenda.
Ejemplo original de jerarquía. Texto #203448 sobre fondo #F4EFE5: relación calculada de 11.13 a 1.
3Comprueba la decisión según el uso
Separar tres niveles de lectura y medir el contraste entre texto y fondo.
Célia usa la ficha para revisar: uso: lectura en el tamaño real del celular.
Ilustración didáctica creada en Codex: Las tarjetas ilustran diferencias de contraste entre bloques gráficos. No sustituyen la medición de colores ni una prueba con texto real.
Ponte a prueba
El encabezado está sobre una foto con zonas claras y oscuras. ¿Qué facilita revisar la lectura?
Es normal trabarse aquíUn código de seis caracteres identifica un color. Cópialo exactamente en el campo de color; no es un comando de programación.
Practica ahora 0/3
Haz que el mensaje se entienda en tamaño pequeño
Reserva 10 minutos de trabajo activo para esta parte. Las filas y la generación de imágenes quedan fuera de ese tiempo. Terminas cuando identificaste el ejemplo o el diseño, mediste su relación y revisaste los tres niveles de lectura.
Usa referencias propias o autorizadas. Identifica las imágenes ilustrativas y conserva los originales. Las funciones de IA pueden depender de tu cuenta y plan; revisa antes de generar.
Material evaluado: ejemplo de la lección o diseño propio
Color del texto:
Color del fondo:
Relación medida:
¿Se leen el encabezado, la explicación y la acción sin ampliar?
Aprobado o ajuste necesario:
Al completar estos pasos, podrás revisar la jerarquía y el contraste de un encabezado.
Resumen de la lección
Haz que el mensaje se entienda en tamaño pequeño
Orden: encabezado, explicación y acción
Contraste: procura al menos 4,5 a 1 para el texto normal
Uso: lectura en el tamaño real del celular
Tu siguiente paso
Ya tienes criterios para revisar la jerarquía y el contraste de un encabezado.
Guarda la entrega de esta lección en la carpeta del proyecto. La usarás en el siguiente paso.
Siguiente: Escribe una regla de fotografía que puedas repetir
Material complementario · módulo 3Producción y cuidados para retomar después de la práctica breve.
Decide qué se lee primero
Experimenta con calma
Verificador: https://webaim.org/resources/contrastchecker/ . Ingresa #203448 en Foreground Color y #F4EFE5 en Background Color. Lee Contrast Ratio. La referencia WCAG se aplica al texto normal; el tamaño, el peso y el contexto también afectan la lectura.
Qué observar
El caso Fio Claro es ficticio. Sus imágenes ilustran el método; no demuestran un servicio real.
Mide el contraste y luego revisa la lectura
Experimenta con calma
Explica tu elección sin usar la palabra «bonito». Señala la característica que respalda tu decisión.
Qué observar
Anota como hipótesis cualquier interpretación que aún no hayas comprobado con el público.
Revisa las funciones y los costos en tu cuenta actual. Las guías pueden mostrar rutas distintas según la versión y el dispositivo.
Lección 8 · Visual DNA v6.2 · INEMA.CLUB PRO
Módulo 3 · Lección 9 de 15
Escribe una regla de fotografía que puedas repetir
Puedes definir la luz, la distancia y la evidencia para una imagen de marca.
Filtros distintos pueden hacer que el mismo taller parezca varios negocios. Describe las características que se mantienen.
En 1 minuto
Fijos: luz, textura y contexto
Variable: distancia de la cámara
Origen: foto real o ilustración identificada
1La regla debe caber en tu rutina
Define el tema, la luz, el fondo y la distancia.
Para Fio Claro: arreglo visible, luz lateral suave, fondo sencillo y un detalle mostrado en contexto.
Puedes hacerlo con una cámara o con una imagen ilustrativa.
Identifica el origen en ambos casos.
Una textura nítida puede ayudar a explicar el trabajo.
Suavizar demasiado borra los puntos y el desgaste.
Los recortes extremos pueden ocultar qué se está arreglando.
No conviertas una regla en una obligación rígida: el detalle debe seguir entendiéndose.
Isa conserva la textura en vez de taparla con un efecto.
Decisión poco sólida
Aplicar un filtro distinto cada vez que la imagen parece sencilla.
Decisión comprobable
Mantener la luz suave y la textura visible, y variar la distancia con un propósito.
Observa qué características hacen que la segunda decisión se pueda comprobar.
2La evidencia requiere origen y contexto
Una imagen generada no documenta un antes y después real.
Para mostrar el resultado de un servicio, fotografía la misma prenda e indica qué se hizo.
Mantén una luz y una distancia comparables.
Pide autorización cuando la prenda o la persona puedan identificar a un cliente.
Anota tres elementos fijos y una variable permitida.
Fijos: luz suave, textura visible y contexto reconocible de la prenda.
Variable: distancia de la cámara.
Una foto abierta y un acercamiento pueden pertenecer a la misma familia visual.
Observa si ambas siguen explicando la oferta.
Célia guarda fotos reales de sus propios trabajos para presentar el servicio.
Ficha completada · ejemplo de la lección
1Fijos: luz, textura y contexto
2Variable: distancia de la cámara
3Origen: foto real o ilustración identificada
Usa esta ficha como referencia. Cambia el ejemplo por tu propio proyecto.
3Comprueba la decisión según el uso
Mantener la luz suave y la textura visible, y variar la distancia con un propósito.
Célia usa la ficha para revisar: origen: foto real o ilustración identificada.
Ilustración didáctica creada en Codex: El detalle generado muestra textura y puntos. Sirve para enseñar el encuadre, pero no demuestra que se haya hecho un arreglo.
Ponte a prueba
¿Qué material demuestra que un arreglo se hizo de verdad?
Es normal trabarse aquíUsa la imagen didáctica para practicar el análisis. Para anunciar un trabajo realizado, usa un registro real y autorizado.
Practica ahora 0/3
Escribe una regla de fotografía que puedas repetir
Reserva 10 minutos de trabajo activo para esta parte. Las filas y la generación de imágenes quedan fuera de ese tiempo. Terminas cuando aplicaste la regla a una imagen y identificaste su origen.
Usa referencias propias o autorizadas. Identifica las imágenes ilustrativas y conserva los originales. Las funciones de IA pueden depender de tu cuenta y plan; revisa antes de generar.
Proyecto: Fio Claro o mi marca
Lección: Escribe una regla de fotografía que puedas repetir
Fijos: luz, textura y contexto — <tu decisión>
Variable: distancia de la cámara — <tu decisión>
Origen: foto real o ilustración identificada — <tu decisión>
Evidencia guardada: <archivo o nota>
Ajuste: <siguiente paso>
Al completar estos pasos, podrás definir la luz, la distancia y la evidencia para una imagen de marca.
Resumen de la lección
Escribe una regla de fotografía que puedas repetir
Fijos: luz, textura y contexto
Variable: distancia de la cámara
Origen: foto real o ilustración identificada
Tu siguiente paso
Ya tienes criterios para definir la luz, la distancia y la evidencia para una imagen de marca.
Guarda la entrega de esta lección en la carpeta del proyecto. La usarás en el siguiente paso.
Siguiente: Usa la IA para analizar tres caminos
Material complementario · módulo 3Producción y cuidados para retomar después de la práctica breve.
La regla debe caber en tu rutina
Experimenta con calma
Elige otra pieza de la marca y aplica el mismo criterio. Guarda la versión anterior para compararlas.
Qué observar
El caso Fio Claro es ficticio. Sus imágenes ilustran el método; no demuestran un servicio real.
La evidencia requiere origen y contexto
Experimenta con calma
Explica tu elección sin usar la palabra «bonito». Señala la característica que respalda tu decisión.
Qué observar
Anota como hipótesis cualquier interpretación que aún no hayas comprobado con el público.
Revisa las funciones y los costos en tu cuenta actual. Las guías pueden mostrar rutas distintas según la versión y el dispositivo.
Lección 9 · Visual DNA v6.2 · INEMA.CLUB PRO
Módulo 4 · Lección 10 de 15
Usa la IA para analizar tres caminos
Puedes comparar tres propuestas de dirección con los criterios de la marca.
Una respuesta convincente puede incluir afirmaciones inventadas. Dale contexto y pide opciones que puedas examinar.
En 1 minuto
Entrada: ficha, pilares y mapa
Comparación: cuatro criterios iguales
Resultado: una dirección elegida con motivo
1Entrega la ficha antes del pedido
Abre el chat de texto que ya usas, como ChatGPT.
Pega la ficha de cinco líneas, los pilares y el mapa.
Pide tres caminos para la misma oferta.
Para cada camino, pide luz, composición, colores y una limitación.
No pidas testimonios ni resultados ficticios.
Usa este pedido: propone tres direcciones para Fio Claro, un taller ficticio de arreglos visibles.
Conserva cuidado, continuidad y claridad.
No inventes clientes ni resultados.
Explica qué cambia, qué se mantiene fijo y cómo revisar cada dirección.
Isa rechaza una dirección que exige una producción imposible de repetir.
Decisión poco sólida
Crea la mejor marca del mundo y demuestra que vende.
Decisión comprobable
Propón tres caminos, conserva los pilares e indica límites observables.
Observa qué características hacen que la segunda decisión se pueda comprobar.
2Elige según los criterios, no el entusiasmo
Compara las respuestas con cuatro preguntas: ¿explica el servicio, muestra el arreglo, permite leer y cabe en la rutina?
Marca sí, no o necesita una prueba.
Una dirección con palabras elegantes puede fallar en todos los puntos.
Reescribe solo la parte que no ayuda.
Guarda el pedido y la respuesta original para recordar qué elegiste.
La IA ayuda a debatir; tú tomas la decisión.
Si no tienes acceso al chat, compara tres propuestas escritas por ti.
Indica que son tuyas; no digas que fueron generadas.
Célia quita un resultado inventado antes de aprobar la propuesta.
Ficha completada · ejemplo de la lección
1Entrada: ficha, pilares y mapa
2Comparación: cuatro criterios iguales
3Resultado: una dirección elegida con motivo
Usa esta ficha como referencia. Cambia el ejemplo por tu propio proyecto.
3Comprueba la decisión según el uso
Propón tres caminos, conserva los pilares e indica límites observables.
Célia usa la ficha para revisar: resultado: una dirección elegida con motivo.
Ilustración didáctica creada en Codex: Isa compara tres tableros físicos. La escena ilustra cómo evaluar opciones; no reproduce una respuesta real de un chat.
Ponte a prueba
La IA propone mencionar a cien clientes satisfechos sin ningún dato. ¿Qué debes hacer?
Es normal trabarse aquíSi no tienes acceso al chat, escribe tres propuestas propias. La comparación sigue siendo válida si aclaras su origen.
Practica ahora 0/3
Usa la IA para analizar tres caminos
Reserva 10 minutos de trabajo activo para esta parte. Las filas y la generación de imágenes quedan fuera de ese tiempo. Terminas cuando registraste tres propuestas reales y explicaste tu elección con los criterios.
Usa referencias propias o autorizadas. Identifica las imágenes ilustrativas y conserva los originales. Las funciones de IA pueden depender de tu cuenta y plan; revisa antes de generar.
Proyecto: Fio Claro o mi marca
Lección: Usa la IA para debatir tres caminos
Entrada: ficha, pilares y mapa — <tu decisión>
Comparación: cuatro criterios iguales — <tu decisión>
Resultado: una dirección elegida con motivo — <tu decisión>
Evidencia guardada: <archivo o nota>
Ajuste: <siguiente paso>
Al completar estos pasos, podrás comparar tres propuestas de dirección con los criterios de la marca.
Resumen de la lección
Usa la IA para analizar tres caminos
Entrada: ficha, pilares y mapa
Comparación: cuatro criterios iguales
Resultado: una dirección elegida con motivo
Tu siguiente paso
Ya tienes criterios para comparar tres propuestas de dirección con los criterios de la marca.
Guarda la entrega de esta lección en la carpeta del proyecto. La usarás en el siguiente paso.
Siguiente: Convierte la dirección en un pedido de imagen
Material complementario · módulo 4Producción y cuidados para retomar después de la práctica breve.
Entrega la ficha antes del pedido
Experimenta con calma
Elige otra pieza de la marca y aplica el mismo criterio. Guarda la versión anterior para compararlas.
Qué observar
El caso Fio Claro es ficticio. Sus imágenes ilustran el método; no demuestran un servicio real.
Elige según los criterios, no el entusiasmo
Experimenta con calma
Explica tu elección sin usar la palabra «bonito». Señala la característica que respalda tu decisión.
Qué observar
Anota como hipótesis cualquier interpretación que aún no hayas comprobado con el público.
Abre la imagen guardada y revisa el parche, las puntadas, la tela y el espacio.
El resultado puede cambiar detalles o crear defectos.
Anota qué cumple con el pedido y qué debe cambiar.
Pide una corrección específica en vez de agregar más adjetivos.
Esta es una ilustración del taller ficticio.
Indícalo si la compartes.
Puedes adaptar el pedido a otro generador, incluso Nano Banana, según tu cuenta.
No depende de un modelo específico ni garantiza copias idénticas.
Célia comprueba que se vea el parche completo antes de aceptar el archivo.
Ficha completada · ejemplo de la lección
1Pedido: tema, luz, composición y límites
2Archivo: imagen realmente generada y guardada
3Revisión: comprueba los detalles antes de usarla
Usa esta ficha como referencia. Cambia el ejemplo por tu propio proyecto.
3Comprueba la decisión según el uso
Chaqueta azul, parche crudo, puntadas color óxido, luz suave y arreglo completo a la vista.
Célia usa la ficha para revisar: revisión: detalles comprobados antes de usar.
Ilustración didáctica creada en Codex: La imagen generada conserva la chaqueta, el parche, la luz suave y el espacio libre. Revisa los detalles visibles; las pequeñas imperfecciones aún requieren revisión.
Ponte a prueba
El generador recortó la mitad del parche. ¿Qué corrección es más útil?
Es normal trabarse aquíSi hay una fila, un límite de generación o no tienes acceso, deja la generación pendiente. La práctica requiere una imagen creada, no solo el texto del pedido.
Practica ahora 0/3
Convierte la dirección en un pedido de imagen
Reserva 10 minutos de trabajo activo para esta parte. Las filas y la generación de imágenes quedan fuera de ese tiempo. Terminas cuando guardaste, abriste y revisaste un archivo real con los criterios.
Usa referencias propias o autorizadas. Identifica las imágenes ilustrativas y conserva los originales. Las funciones de IA pueden depender de tu cuenta y plan; revisa antes de generar.
Crea una imagen ilustrativa de una chaqueta de mezclilla azul con un parche rectangular crudo y puntadas color óxido, sobre fondo crema. Usa luz lateral suave, deja el parche completo a la vista y reserva espacio libre arriba. Sin letras, marcas ni afirmaciones de un servicio realizado. Conserva la textura natural y proporciones creíbles.
Al completar estos pasos, podrás generar y guardar una imagen ilustrativa con criterios verificables.
Resumen de la lección
Convierte la dirección en un pedido de imagen
Pedido: tema, luz, composición y límites
Archivo: imagen realmente generada y guardada
Revisión: comprueba los detalles antes de usarla
Tu siguiente paso
Ya tienes criterios para generar y guardar una imagen ilustrativa con criterios verificables.
Guarda la entrega de esta lección en la carpeta del proyecto. La usarás en el siguiente paso.
Siguiente: Crea variedad y conserva las anclas
Material complementario · módulo 4Producción y cuidados para retomar después de la práctica breve.
El pedido incluye el tema y los límites
Experimenta con calma
Elige otra pieza de la marca y aplica el mismo criterio. Guarda la versión anterior para compararlas.
Qué observar
El caso Fio Claro es ficticio. Sus imágenes ilustran el método; no demuestran un servicio real.
Revisa lo que se produjo
Experimenta con calma
Explica tu elección sin usar la palabra «bonito». Señala la característica que respalda tu decisión.
Qué observar
Anota como hipótesis cualquier interpretación que aún no hayas comprobado con el público.
Si cambia la forma del arreglo o la chaqueta se vuelve otra prenda, registra el fallo.
Pide una corrección que mencione solo la diferencia.
No apruebes una variación solo porque quedó bonita.
Anota qué diferencia permites antes de la prueba.
Crea una ficha de comparación con cuatro elementos fijos y una variable.
Marca cada elemento como conservado o cambiado.
Guarda las dos imágenes y la decisión.
Un resultado rechazado enseña algo si registras el motivo.
Célia rechaza una imagen que cambia el tipo de arreglo, aunque los colores sean parecidos.
Referencia · lección 11
Variación · cámara más cerca
Dos resultados reales de Codex, con el primero como referencia del segundo. Se conservaron: mezclilla azul, parche crudo y luz suave. Cambiaron: detalles de las puntadas y cierre. Es una variación ilustrativa, no una copia exacta del producto.
3Comprueba la decisión según el uso
Conserva cuatro anclas y cambia solo la distancia de la cámara.
Célia usa la ficha para revisar: decisión: aceptar o corregir con motivo.
Ilustración didáctica creada en Codex: Variación basada en la imagen de la lección 11, con la cámara más cerca. Compara la tela, el parche y las puntadas con la referencia; la herramienta puede cambiar detalles.
Ponte a prueba
La nueva imagen es bonita, pero cambia el parche por un bordado. ¿Cómo la evalúas?
Es normal trabarse aquíSi la herramienta no acepta referencias, repite la descripción y anota esa limitación. Aún tendrás que generar y comparar dos archivos.
Practica ahora 0/3
Crea variedad y conserva las anclas
Reserva 10 minutos de trabajo activo para esta parte. Las filas y la generación de imágenes quedan fuera de ese tiempo. Terminas cuando tienes dos archivos y una comparación escrita de las cuatro anclas.
Usa referencias propias o autorizadas. Identifica las imágenes ilustrativas y conserva los originales. Las funciones de IA pueden depender de tu cuenta y plan; revisa antes de generar.
Proyecto: Fio Claro o mi marca
Lección: Crea variedad y conserva las anclas
Anclas: chaqueta, parche, puntadas y luz — <tu decisión>
Variable: distancia de la cámara — <tu decisión>
Decisión: aceptar o corregir con motivo — <tu decisión>
Evidencia guardada: <archivo o nota>
Ajuste: <siguiente paso>
Al completar estos pasos, podrás crear una segunda imagen y compararla con la primera.
Resumen de la lección
Crea variedad y conserva las anclas
Anclas: chaqueta, parche, puntadas y luz
Variable: distancia de la cámara
Decisión: aceptar o corregir con motivo
Tu siguiente paso
Ya tienes criterios para crear una segunda imagen y compararla con la primera.
Guarda la entrega de esta lección en la carpeta del proyecto. La usarás en el siguiente paso.
Siguiente: Aplica las reglas en tres piezas
Material complementario · módulo 4Producción y cuidados para retomar después de la práctica breve.
Un ancla es una característica que se mantiene
Experimenta con calma
Elige otra pieza de la marca y aplica el mismo criterio. Guarda la versión anterior para compararlas.
Qué observar
El caso Fio Claro es ficticio. Sus imágenes ilustran el método; no demuestran un servicio real.
Rechazar también forma parte del sistema
Experimenta con calma
Explica tu elección sin usar la palabra «bonito». Señala la característica que respalda tu decisión.
Qué observar
Anota como hipótesis cualquier interpretación que aún no hayas comprobado con el público.
Revisa las funciones y los costos en tu cuenta actual. Las guías pueden mostrar rutas distintas según la versión y el dispositivo.
Lección 12 · Visual DNA v6.2 · INEMA.CLUB PRO
Módulo 5 · Lección 13 de 15
Aplica las reglas en tres piezas
Puedes crear tres aplicaciones sencillas con la misma jerarquía.
Un panel coherente puede fallar al convertirse en cartel, invitación y presentación. Prueba el sistema en usos distintos.
En 1 minuto
Piezas: presentación, invitación y detalle
Fijos: color, tipografía, luz y jerarquía
Prueba: cada pieza debe funcionar por sí sola
1Una familia debe funcionar en formatos distintos
Elige tres usos: presentación del taller, invitación para una evaluación y detalle de un arreglo.
Usa un editor de documentos o presentaciones que ya conozcas.
Crea una página para cada uso.
Inserta la imagen aprobada y escribe un encabezado corto.
Mantén el fondo, el color del texto, el estilo de letra y la forma de mostrar la imagen.
Ajusta la cantidad de información según el uso.
Una invitación necesita una acción clara.
Una presentación debe explicar el servicio.
Un detalle necesita contexto y origen.
Isa mantiene la jerarquía mientras adapta la información de cada página.
Decisión poco sólida
Repetir la misma pieza tres veces y cambiar solo el tamaño.
Decisión comprobable
Adapta la información a cada uso y conserva el color, la letra, la luz y la jerarquía.
Observa qué características hacen que la segunda decisión se pueda comprobar.
2La regla se nota en el conjunto
Coloca las tres páginas juntas y busca lo que se repite.
Después mira cada una por separado y en tamaño pequeño.
Si una solo funciona junto a las demás, le falta información.
Corrige una característica a la vez y anota el motivo.
El nombre Fio Claro puede escribirse con letras sencillas.
No hace falta crear un logotipo para probar la dirección.
No inventes datos de contacto ni direcciones reales para el caso ficticio.
Indica que es un ejemplo y deja un campo para completar en una aplicación de práctica.
Célia comprueba que la invitación explique cómo pedir una evaluación, sin inventar datos de contacto.
Ficha completada · ejemplo de la lección
1Piezas: presentación, invitación y detalle
2Fijos: color, letra, luz y jerarquía
3Prueba: cada pieza debe funcionar por sí sola
Usa esta ficha como referencia. Cambia el ejemplo por tu propio proyecto.
3Comprueba la decisión según el uso
Adapta la información a cada uso y conserva el color, la letra, la luz y la jerarquía.
Célia usa la ficha para revisar: prueba: cada pieza debe funcionar por sí sola.
Ilustración didáctica creada en Codex: Las piezas físicas ilustran formatos y repetición visual. No tienen texto; tus aplicaciones deben incluir el encabezado y la información reales del ejercicio.
Ponte a prueba
La invitación se ve bonita, pero no dice qué hacer. ¿Qué falta?
Es normal trabarse aquíEmpieza con páginas sencillas. La práctica evalúa la coherencia y la comprensión, no el dominio de un programa de diseño.
Practica ahora 0/3
Aplica las reglas en tres piezas
Reserva 10 minutos de trabajo activo para esta parte. Las filas y la generación de imágenes quedan fuera de ese tiempo. Terminas cuando guardaste tres aplicaciones y anotaste una revisión de cada una.
Usa referencias propias o autorizadas. Identifica las imágenes ilustrativas y conserva los originales. Las funciones de IA pueden depender de tu cuenta y plan; revisa antes de generar.
Proyecto: Fio Claro o mi marca
Lección: Aplica las reglas en tres piezas
Piezas: presentación, invitación y detalle — <tu decisión>
Fijos: color, letra, luz y jerarquía — <tu decisión>
Prueba: cada pieza debe funcionar por sí sola — <tu decisión>
Evidencia guardada: <archivo o nota>
Ajuste: <siguiente paso>
Al completar estos pasos, podrás crear tres aplicaciones sencillas con la misma jerarquía.
Resumen de la lección
Aplica las reglas en tres piezas
Piezas: presentación, invitación y detalle
Fijos: color, letra, luz y jerarquía
Prueba: cada pieza debe funcionar por sí sola
Tu siguiente paso
Ya tienes criterios para crear tres aplicaciones sencillas con la misma jerarquía.
Guarda la entrega de esta lección en la carpeta del proyecto. La usarás en el siguiente paso.
Siguiente: Reúne el sistema en una guía de uso
Material complementario · módulo 5Producción y cuidados para retomar después de la práctica breve.
Una familia visual debe funcionar en formatos distintos
Experimenta con calma
Elige otra pieza de la marca y aplica el mismo criterio. Guarda la versión anterior para compararlas.
Qué observar
El caso Fio Claro es ficticio. Sus imágenes ilustran el método; no demuestran un servicio real.
La regla se nota en el conjunto
Experimenta con calma
Explica tu elección sin usar la palabra «bonito». Señala la característica que respalda tu decisión.
Qué observar
Anota como hipótesis cualquier interpretación que aún no hayas comprobado con el público.
Si el taller también ofrece ajustes de medidas, conserva los elementos que aún sirven.
Cambia el tema, la evidencia y el encabezado según el servicio.
Identifica la oferta con texto.
No uses solo un color para distinguir servicios que las personas deben entender.
Al revisar la marca, conserva una versión anterior y anota el motivo del cambio.
El contenido anterior se puede archivar o actualizar según su utilidad.
No borres el historial automáticamente.
Un cambio visual necesita otro motivo además del cansancio personal.
Célia distingue el arreglo de un ajuste por la información, sin depender solo del color.
Ficha completada · ejemplo de la lección
1Documento: núcleo, mapa, panel y aplicaciones
2Control: fecha, versión y responsable
3Reutilización: elementos fijos de la marca y variables por oferta
Usa esta ficha como referencia. Cambia el ejemplo por tu propio proyecto.
3Comprueba la decisión según el uso
Reúne reglas, ejemplos, fuentes y versión en un documento consultable.
Célia usa la ficha para revisar: reutilización: elementos fijos de la marca y variables por oferta.
Ilustración didáctica creada en Codex: La carpeta reúne la paleta y las referencias. La foto suelta que muestra la espalda cambia la posición del parche: registra esa diferencia como ejemplo rechazado, no como una copia fiel.
Ponte a prueba
La marca suma una segunda oferta. ¿Qué adaptación mantiene la claridad?
Es normal trabarse aquíNo necesitas diagramar un manual extenso. Los títulos claros, los ejemplos y los archivos que se abren bastan para consultar el sistema.
Practica ahora 0/3
Reúne el sistema en una guía de uso
Reserva 10 minutos de trabajo activo para esta parte. Las filas y la generación de imágenes quedan fuera de ese tiempo. Terminas cuando el documento reúne las secciones y abriste los archivos citados.
Usa referencias propias o autorizadas. Identifica las imágenes ilustrativas y conserva los originales. Las funciones de IA pueden depender de tu cuenta y plan; revisa antes de generar.
Proyecto: Fio Claro o mi marca
Lección: Reúne el sistema en una guía de uso
Documento: núcleo, mapa, panel y aplicaciones — <tu decisión>
Control: fecha, versión y responsable — <tu decisión>
Reutilización: elementos fijos de la marca y variables por oferta — <tu decisión>
Evidencia guardada: <archivo o nota>
Ajuste: <siguiente paso>
Al completar estos pasos, podrás crear un documento que otra persona pueda consultar.
Resumen de la lección
Reúne el sistema en una guía de uso
Documento: núcleo, mapa, panel y aplicaciones
Control: fecha, versión y responsable
Reutilización: elementos fijos de la marca y variables por oferta
Tu siguiente paso
Ya tienes criterios para crear un documento que otra persona pueda consultar.
Guarda la entrega de esta lección en la carpeta del proyecto. La usarás en el siguiente paso.
Siguiente: Revisa el conjunto y planea la próxima revisión
Material complementario · módulo 5Producción y cuidados para retomar después de la práctica breve.
La guía explica cómo usar el sistema
Experimenta con calma
Elige otra pieza de la marca y aplica el mismo criterio. Guarda la versión anterior para compararlas.
Qué observar
El caso Fio Claro es ficticio. Sus imágenes ilustran el método; no demuestran un servicio real.
Dos ofertas pueden compartir el sistema
Experimenta con calma
Explica tu elección sin usar la palabra «bonito». Señala la característica que respalda tu decisión.
Qué observar
Anota como hipótesis cualquier interpretación que aún no hayas comprobado con el público.
Si hay un problema, elige lo que más dificulta la comprensión y haz un cambio.
Registra la versión anterior y la nueva.
Si los criterios se cumplen, conserva la versión y anota que no observaste problemas.
En ambos casos, define qué observarás en la próxima prueba con personas.
Reserva una revisión breve cada semana.
Examina una referencia y escribe una regla propia con su motivo.
Después de reunir observaciones, revisa si la regla sigue ayudando.
El criterio visual se desarrolla con atención y comparación, sin necesidad de seguir todas las tendencias.
Célia anota que todavía tendrá que conversar con clientes, sin inventar respuestas.
Ficha completada · ejemplo de la lección
1Entregas: panel, mapa, imágenes, aplicaciones y guía
2Revisión: cinco criterios con un estado claro
3Próximo ciclo: una decisión y una observación
Usa esta ficha como referencia. Cambia el ejemplo por tu propio proyecto.
3Comprueba la decisión según el uso
Revisa las entregas y corrige lo necesario antes de compartirlas.
Célia usa la ficha para revisar: próximo ciclo: una decisión y una observación.
Ilustración didáctica creada en Codex: Isa y Célia revisan el conjunto. La escena ilustra colaboración, pero no representa una prueba real con el público ni la aprobación de una marca existente.
Ponte a prueba
La guía menciona una imagen que aún no se generó. ¿El proyecto está completo?
Es normal trabarse aquíSi algo queda pendiente, anota el próximo paso concreto. Una lista honesta permite retomar sin fingir que la prueba se hizo.
Practica ahora 0/3
Revisa el conjunto y planea la próxima revisión
Reserva 10 minutos de trabajo activo para esta parte. Las filas y la generación de imágenes quedan fuera de ese tiempo. Terminas cuando existen las entregas, registraste la revisión y definiste la próxima prueba.
Usa referencias propias o autorizadas. Identifica las imágenes ilustrativas y conserva los originales. Las funciones de IA pueden depender de tu cuenta y plan; revisa antes de generar.
Entregas y archivos abiertos:
Mensaje, lectura, evidencia, coherencia y repetición: aprobado / ajustar / pendiente
Problema observado o ninguno:
Decisión: corregir o conservar
Versión guardada:
Próxima prueba y observación:
Pendientes reales:
Al completar estos pasos, podrás revisar el proyecto completo y definir la próxima prueba.
Resumen de la lección
Revisa el conjunto y planea la próxima revisión
Entregas: panel, mapa, imágenes, aplicaciones y guía
Revisión: cinco criterios con un estado claro
Próximo ciclo: una decisión y una observación
Tu siguiente paso
Ya tienes criterios para revisar el proyecto completo y definir la próxima prueba.
Guarda la entrega de esta lección en la carpeta del proyecto. La usarás en el siguiente paso.
Siguiente: Aplica el sistema en una pieza nueva y compárala con las reglas documentadas.
Material complementario · módulo 5Producción y cuidados para retomar después de la práctica breve.
Revisa con los mismos criterios
Experimenta con calma
Elige otra pieza de la marca y aplica el mismo criterio. Guarda la versión anterior para compararlas.
Qué observar
El caso Fio Claro es ficticio. Sus imágenes ilustran el método; no demuestran un servicio real.
Una mejora por ciclo
Experimenta con calma
Explica tu elección sin usar la palabra «bonito». Señala la característica que respalda tu decisión.
Qué observar
Anota como hipótesis cualquier interpretación que aún no hayas comprobado con el público.
