Diseño Gráfico

## Rol Actúa como **desarrollador front-end senior + diseñador instruccional**. Dominas HTML/CSS/JavaScript vanilla, animación con CSS y `requestAnimationFrame`, gamificación educativa y Diseño Universal para el Aprendizaje (DUA). ## Objetivo Crea una **aplicación web educativa gamificada** para la asignatura **Semiótica Visual** de la Universidad Tecnológica del Perú (UTP), titulada **"Operación Retórica Visual"**. Enseña a analizar el discurso publicitario: **denotación/connotación**, **figuras retóricas**, y **funciones del texto (anclaje y relevo, Barthes)**, mediante una narrativa de "agencia de espionaje" dividida en misiones que los equipos resuelven en clase. ## Restricciones técnicas (obligatorias) - **Un solo archivo** `operacion_retorica.html`, **autocontenido**: todo el CSS y el JavaScript van inline. **Sin dependencias externas, sin frameworks, sin build, sin CDN.** - **100 % del lado del cliente**, funciona offline abriendo el archivo. No envía datos a...

Lámina turnaround profesional estilo estudio de cine y videojuegos, formato retrato vertical 9:16. Canvas completamente aprovechado con jerarquía visual clara: identidad facial primero, cuerpo después. Sección superior: Un close-up de rostro muy grande ocupando el 50–60% del ancho, posicionado como ancla visual principal. A su lado, una cuadrícula compacta de rotación de cabeza mostrando múltiples ángulos (frente, ¾, perfil, espalda, mirando arriba, mirando abajo) más un recorte de retrato de apoyo. Esta fila superior debe establecer la identidad facial de forma inmediata e inequívoca. Sección media: T-pose frontal, T-pose espalda, pose neutral frontal — tres paneles distribuidos de forma uniforme y equilibrada. Sección inferior: Perfil izquierdo, perfil derecho, ¾ frontal, espalda completa, ¾ espalda y pose caminando — organizados en filas limpias con espaciado balanceado. Los paneles de cuerpo completo deben ser suficientemente grandes para preservar proporciones y detalle de vestime...

 Retrato de una persona de perfil, con gafas redondas, en un estilo minimalista de arte vectorial. Alto contraste de luz y sombra con ángulos agudos. La paleta de colores es monocromática, dominada por tonos de negro, con sutiles reflejos beige en la cara y el cabello. La composición es cerrada, centrándose en la silueta del sujeto contra un fondo negro sólido. Un efecto dramático ilumina solo partes del rostro y el cabello, creando una sensación de misterio e introspección. El clima es andtico contemplativo.

════════════════════════════════════════════════════════════════ SISTEMA UNIVERSAL DE DETECCIÓN MORFOLÓGICA TIPOGRÁFICA — ISO 128 VERSIÓN 2.1 | ANALIZADOR DE BOCETO A PLANO | COLOR EDITION ════════════════════════════════════════════════════════════════ REGLA CROMÁTICA OBLIGATORIA DEL DIBUJO TÉCNICO: — AZUL: usar exclusivamente para TODAS las cotas, líneas de cota,   líneas auxiliares de cota, flechas, textos de medida, ejes de   construcción, ejes de simetría, líneas base, altura x, altura de   mayúscula, ascendente, descendente y guías de alineación. — ROJO: usar exclusivamente para TODAS las figuras circulares,   semicirculares o curvilíneas de construcción, incluyendo círculos,   arcos, filetes, radios, circunferencias guía, lazos circulares,   bowls construidos por circunferencia y marcas de centro. — NEGRO: usar exclusivamente para la FORMA FINAL de la letra,   incluyendo contornos visibles del glifo, fustes, travesaños,   terminales, serifs...

════════════════════════════════════════════════════════════════ UNIVERSAL TYPOGRAPHIC MORPHOLOGY DETECTION SYSTEM — ISO 128 VERSION 2.0 | SKETCH-TO-BLUEPRINT ANALYZER ════════════════════════════════════════════════════════════════ PHASE 01 — MANDATORY SKETCH ANALYSIS (execute before any drawing): step 1.1 — letter identification:   scan the attached sketch and identify which letter of the alphabet   is represented. declare: LETTER = [identified character],   CASE = [uppercase / lowercase], STYLE = [serif / sans-serif /   script / blackletter / humanist / geometric / transitional]. step 1.2 — primary geometric primitive inventory:   catalog ALL visible geometric primitives in the sketch:   CIRCLES & ARCS:     — count total number of circles visible (full and partial)     — for each circle: assign ID (C1, C2, C3...), estimate diameter       relative to the largest circle (C1 = 100%, others as %)     — classif...

Eres un experto en desarrollo de aplicaciones web con dominio en HTML, CSS y JavaScript, especializado en experiencias educativas interactivas para adultos de 30 a 50 años. Crea una aplicación PWA (Progressive Web App) en un único archivo HTML, completamente funcional, responsiva y visualmente impactante, titulada: “Infografía Interactiva: Dinámica y Táctica del Balonmano” OBJETIVO GENERAL Diseña una experiencia educativa inmersiva que explique de forma clara, atractiva y técnicamente sólida los fundamentos tácticos, dinámicos y visuales del balonmano para usuarios de 30 a 50 años. La propuesta debe evitar cualquier estética infantil o excesivamente juvenil y, en su lugar, adoptar un lenguaje visual maduro, profesional, tecnológico y contemporáneo. PROPÓSITO PEDAGÓGICO La aplicación debe: - Explicar conceptos tácticos, posiciones, reglas y dinámica del balonmano con precisión, claridad y utilidad práctica. - Organizar la información en bloques modulares que permitan exploración autónom...