Entradas

boceto conceptual de diseño tipográfico

Utiliza mi imagen adjunta como referencia principal para desarrollar un boceto conceptual de diseño tipográfico centrado en la creación de un alfabeto, presentado como una página de lluvia de ideas en proceso. La composición debe parecer hecha totalmente a mano sobre papel de cuaderno o sketchbook, con textura real, líneas visibles y apariencia auténtica de trabajo de taller. Representa una exploración visual de diseño gráfico con apuntes manuales, anotaciones gráficas, flechas, correcciones, observaciones, retroalimentación, diagramas, pruebas de forma y conexiones conceptuales distribuidas alrededor del eje principal de la propuesta. El resultado no debe verse como una pieza final pulida, sino como un desarrollo creativo, técnico y analítico propio de una mesa de trabajo de tipografía. Construye la propuesta con trazo manual en negro grafito y plumón verde, combinando líneas sueltas, gestuales y expresivas con otras más estructurales para indicar construcción, análisis y jerarquía vi...

Dibujo en boceto

 A top-down studio photograph, precisely centered, of a single large sheet of técnico drawing paper with a subtle grid. The paper is isolated on a uniform light grey background. At the very top, in hand-lettered technical script, is the text: 'FIGURA 1: SISTEMA DE FUENTE GEOMÉTRICA INKZY - PLANO DE CONSTRUCCIÓN GENERAL'. Below, the complete modular construction of the A-Z alphabet and numbers 0-9 are drawn with extreme precision on the base blue grid. All lines (blue construction, green symmetry, red measurements) are sharp. Each letter and number has extensive handwritten annotations and dimensions (e.g., 'R=...', 'cotas de ángulo' like 45°, 90°, 'cotas de dimensión') in their respective colors. Callout circles (1-17) are positioned precisely, pointing to specific features. In the upper right are three detailed boxes: Detail A on the 'A' with 'DETALLE A: CONSTRUCCIÓN DE A', Detail B on the 'Q' with 'DETALLE B: CONSTRUCCIÓN DE...

PROMPT PROFESIONAL: GENERADOR DE PWA GAMIFICADAS EDUCATIVAS

 # PROMPT PROFESIONAL: GENERADOR DE PWA GAMIFICADAS EDUCATIVAS ## INSTRUCCIÓN PRINCIPAL Actúa como un arquitecto de experiencias de aprendizaje interactivo y desarrollador frontend senior. Genera una **Progressive Web App (PWA) autocontenida en un único archivo HTML** para cualquier **actividad pedagógica universitaria**. La aplicación debe ser completamente funcional, visualmente impactante, responsive, y lista para ejecutarse sin dependencias externas críticas (excepto CDN de Bootstrap e íconos). La PWA debe adaptarse a **CUALQUIER contexto temático** (no solo semiótica): historia del arte, teoría del color, tipografía, diseño editorial, fotografía, branding, comunicación visual, sociología de la imagen, psicología de la percepción, narrativa visual, o cualquier otra unidad de aprendizaje del curso. --- ## CONTEXTO ACADÉMICO CONFIGURABLE El usuario proporcionará los siguientes datos al inicio de cada solicitud: | Parámetro | Descripción | Ejemplo | |-----------|-------------|----...

IconiShift · El Reto de la Marca

 # IconiShift · El Reto de la Marca > **PWA Gamificada de Semiótica Visual e Iconicidad**   > Estilo Art Déco · Curso: Semiótica de la Imagen · UTP 2026   > Docente: Mg. Mario Quiroz Martinez --- ## Descripción **IconiShift** es una Progressive Web App (PWA) autocontenida diseñada para la enseñanza gamificada de semiótica visual aplicada al diseño y la comunicación. La aplicación guía a los estudiantes a través de 5 retos progresivos y 4 misiones de auditoría semiótica, donde deben aplicar las teorías de **Peirce**, **Eco** y **Villafañe** para analizar, clasificar y proyectar signos visuales en contextos reales de diseño peruano e internacional. La interfaz adopta una estética **Art Déco** con paleta dorado-negro, tipografías Cinzel y Poiret One, y elementos decorativos geométricos que evocan la década de 1920. --- ## Características Principales | Característica | Descripción | |---------------|-------------| | **PWA Offline** | Service Worker integrad...

Crea una aplicación PWA (Progressive Web App) con los siguientes requisitos:

 Eres un experto en desarrollo de aplicaciones web con dominio en HTML, CSS y JavaScript. Crea una aplicación PWA (Progressive Web App) con los siguientes requisitos: ### Nombre de la Aplicación La imagen como signo. El signo visual. La figuratividad. La iconicidad. ### Propósito / Función Principal Este es un guion instruccional y de experiencia de usuario para la **PWA gamificada**, diseñada específicamente para ser desarrollada por tu equipo de 4 integrantes. El concepto une las bases del desarrollo de la PWA (Fases 1-4) con los contenidos teóricos de semiótica e iconicidad de la imagen (Villafañe, Peirce, Eco). --- # GUION DE LA APP: "IconiShift: El Reto de la Marca" ## 📱 Visión General de la PWA * **Narrativa/Concepto:** El usuario es un "Consultor de Identidad Visual" contratado para salvar marcas peruanas atrapadas en anacronismos temporales. Para avanzar, debe descodificar el signo visual, modificar sus niveles de iconicidad y adaptarlos al contexto sociocu...

Eres un experto en desarrollo de aplicaciones web con dominio en HTML, CSS y JavaScript.

 Eres un experto en desarrollo de aplicaciones web con dominio en HTML, CSS y JavaScript. Crea una aplicación PWA (Progressive Web App) con los siguientes requisitos: ### Nombre de la Aplicación La imagen como signo. El signo visual. La figuratividad. La iconicidad. ### Propósito / Función Principal 3. TRANSFORMACIÓN (T) Construcción activa del conocimiento mediante interacción con nueva información Objetivo: Construir comprensión sólida y diferenciada de los conceptos de signo visual, figuratividad e iconicidad, identificando sus tipos, niveles y aplicaciones en el diseño de comunicación para marcas. Actividades Propuestas Actividad 1 — El signo visual: de Pierce a Eco (15 min) El docente presenta el núcleo teórico del signo visual articulando las tres grandes posiciones del debate semiótico:[ppl-ai-file-upload.s3.amazonaws] La pregunta fundacional: ¿La imagen es un signo como cualquier otro o tiene una naturaleza especial? Barthes (1961) afirmó que la fotografía era "...

Infografía interactiva en formato HTML

 Situación Necesito crear una infografía interactiva en formato HTML del contenido de un archivo PDF/ resultado del resultado de analisis presentado en el texto de prompt, que implemente principios de UX Research para mejorar la experiencia del usuario. Esto significa aplicar metodologías basadas en investigación de usuarios, accesibilidad, usabilidad y diseño centrado en el usuario. Tipografia legible (sin distorsion en ancho) Tarea Diseña un HTML interactivo que incorpore las mejores prácticas de UX Research, incluyendo: navegación intuitiva, estructura clara de información, retroalimentación visual para interacciones, accesibilidad (WCAG), y patrones de diseño que reduzcan fricción en la experiencia del usuario. Objetivo Crear una interfaz que sea fácil de usar, accesible para todos los usuarios, y que guíe de manera natural hacia los objetivos principales sin confusión o fricción innecesaria. Conocimiento Los principios clave de UX Research que debes aplicar incluyen: Jerarquía...