YouMind
Iniciar sesión
Mejora de IU/UX en Apps

Mejora de IU/UX en Apps

UI mejorada, imágenes anotadas y prompts.

Creado por
AAbdarahim Issa
Instalado por
0
DesdeYouMind

Vista previa

Descripción

Convierte capturas de pantalla de apps para Android e iOS en mejoras claras de IU/UX que tu desarrollador podrá implementar. Para cada cambio, obtén: • Una maqueta limpia con el resultado propuesto. • Una imagen anotada con flechas numeradas. • Un prompt de implementación copiable que explica qué cambiar, qué conservar, cómo deben funcionar las interacciones y cómo verificar el resultado. Diseñado para propietarios de apps, desarrolladores y diseñadores que trabajan con programadores humanos o asistentes de código por IA. Preserva la identidad de tu aplicación por defecto y se centra en los problemas que quieres resolver. Considera pantallas pequeñas y grandes, escala de texto, accesibilidad y diseños multilingües RTL/LTR. El inglés es el idioma predeterminado. La habilidad responde en el idioma del usuario cuando sea identificable y conserva el idioma de la interfaz de la aplicación a menos que se solicite una traducción. Requiere capacidades de comprensión y generación de imágenes, así como edición con imágenes de referencia para los entregables visuales. Produce propuestas de diseño e instrucciones para desarrolladores; no genera una aplicación compilada, implementada ni probada.

Habilidades relacionadas

Ver todo
Página web

Estudio de Diseño IA

Convierte ideas generales, esquemas de contenido o capturas de pantalla en diseños pulidos y listos para implementar mediante un flujo de trabajo estructurado de 8 fases. ### Quién está dirigido Fundadores, gestores de producto, profesionales del marketing, educadores, creadores y desarrolladores que necesitan diseños visuales accesibles y código frontend limpio sin necesidad de realizar pruebas constantes. ### Qué debes proporcionar - Tu objetivo de diseño y audiencia (página de aterrizaje para SaaS, panel de control, interfaz móvil, ficha imprimible, gráfico para redes sociales, póster o kit de marca). - Cualquier texto, dimensión, color de marca o captura de referencia necesarios (si se omiten, la skill aplica valores predeterminados razonables y los indica). ### Cómo funciona 1. **Breve y Estrategia**: Extrae tu objetivo y limitaciones, advierte sobre especificaciones contradictorias de antemano y selecciona una estrategia adaptada (Conversión, Eficiencia, Legibilidad/Impresión o Accesibilidad). 2. **Sistema Visual**: Fija una paleta de colores semántica (con contraste WCAG 2.2 AA), una escala tipográfica modular y una cuadrícula de 4px/8px. 3. **Producción y Alternativas**: Genera HTML5/CSS3 semántico, vectores SVG escalables, fichas listas para imprimir (`@page` / `@media print`) y fichas de diseño W3C, además de 3 solicitudes de imágenes independientes cuando las herramientas de imagen no estén activas. 4. **Control de Calidad de 4 Estados**: Audita el contraste, las etiquetas, los enlaces y la geometría de impresión, marcando cada comprobación como `VERIFIED`, `NOT VERIFIED`, `FAILED` o `NOT APPLICABLE`. ### Qué obtienes - Resumen de diseño y tabla de fichas del sistema visual - Archivos HTML/CSS/SVG o diseños imprimibles listos para implementar - Informe de control de calidad de 4 estados con instrucciones de edición y exportación ### Limitaciones Genera formatos abiertos (`.html`, `.css`, `.svg`, `.pdf`, `design-tokens.json`) que se pueden importar en Figma o Illustrator en lugar de binarios cerrados (`.fig`, `.psd`). Las pruebas comerciales CMYK para imprenta y las comprobaciones legales de marcas registradas requieren revisión humana.

A
6Gratis
Imagen

Remix visual: recrea y adapta

Crea imágenes personalizadas a partir de imágenes de referencia impactantes para publicidad, conceptos de moda, retratos editoriales, escenas de productos y exploración visual. Image Remix analiza qué hace que tu referencia funcione y te ayuda a adaptarla a tu sujeto, estilo o producto. Conserva la composición y la atmósfera que te gustan mientras cambias detalles seleccionados mediante cinco opciones guiadas. TUS CINCO CONTROLES CREATIVOS • Personaje / Sujeto — Conserva el aspecto de origen, describe los cambios o proporciona una referencia. • Vestuario — Mantén el conjunto, describe un nuevo look o usa una referencia de ropa. • Entorno — Conserva el escenario o traslada la escena a un lugar nuevo. • Realismo de la piel — Elige una piel suave pero realista, textura natural, pecas sutiles o tu propia descripción. • Joyas — Consérvalas, rediseñalas, sustitúyelas, elimínalas o proporciona una referencia. CÓMO FUNCIONA Sube una imagen de origen y haz tus selecciones. Añade referencias de personas, vestuario o productos cuando sea necesario. La skill recopila los detalles esenciales que falten, prepara un prompt completo de generación en inglés, explica el resultado previsto en tu idioma y genera una imagen. CONTROLA LOS CAMBIOS. CONSERVA EL IMPACTO VISUAL. La pose, el encuadre, la perspectiva y la atmósfera se mantienen uniformes, a menos que elijas cambiarlas. La iluminación, las sombras, los reflejos y los materiales se adaptan para que los nuevos elementos se integren de forma natural. Las referencias tienen funciones independientes: una referencia de ropa guía el vestuario, mientras que una referencia de producto guía el diseño del producto. Esto ayuda a evitar que se transfieran rostros, fondos o accesorios no relacionados. QUÉ RECIBES • Una imagen generada y personalizada. • Un prompt de imagen completo y reutilizable en inglés. • Una explicación clara en tu idioma. Añade instrucciones opcionales sobre iluminación, encuadre, relación de aspecto o texto. Perfecciona el resultado mediante revisiones específicas sin perder las opciones que hayas aceptado. Recreación guiada por referencias; no se garantiza una duplicación píxel por píxel.

C
05k
Imagen

Estudio Antes/Después

Haz que la transformación sea la protagonista. Convierte una sola foto de producto en impactantes imágenes publicitarias de antes y después, con una dirección artística expresiva, composiciones llamativas y una transformación que ocupa el centro de la escena. Desde cosméticos y cuidado personal hasta limpieza y fitness, esta skill explora los usos de tu producto y desarrolla formas creativas de visualizar sus beneficios relevantes. TU PRODUCTO. TU DIRECCIÓN CREATIVA. Empieza con una foto. La skill investiga el producto y después te ayuda a elegir la escena, los materiales, los elementos visuales, el formato y el estilo del texto. ¿Prefieres una sorpresa? Deja que la IA lidere el proceso creativo. TRES CONCEPTOS. TRES IDEAS VISUALES DISTINTAS. Explora tres conceptos personalizados con prompts completos para generar imágenes. Imagina revelaciones entre telas fluidas, entornos escultóricos, primeros planos dramáticos, transiciones con vidrio o un mundo inesperado creado alrededor de tu producto. Cada concepto ofrece una historia visual diferente. EL ANTES Y EL DESPUÉS, EN PRIMER PLANO. Las escenas de transformación, grandes y fáciles de leer, lideran la composición. La colocación del producto, la atmósfera y la tipografía trabajan juntas para destacar el cambio, incluso en la pantalla de un teléfono. TÚ APRUEBAS. DESPUÉS, SE CREA. Revisa los prompts, solicita ajustes y selecciona un concepto o los tres. La generación de imágenes comienza únicamente después de tu aprobación, utilizando las capacidades disponibles en tu espacio de trabajo. DISEÑADO SEGÚN TUS PREFERENCIAS. Elige formato cuadrado, vertical, horizontal o dimensiones personalizadas. Añade un titular llamativo, mantén el texto al mínimo o deja que las imágenes hablen por sí solas. El flujo de trabajo se adapta a tu idioma, mientras que los prompts de producción se escriben en inglés de forma predeterminada. Sube tu producto. Diseña la escena. Haz que la transformación sea el centro de atención.

C
15k

Información

Versión
v2
Última actualización
Créditos por ejecución
Según el uso
Modelos
Automático

¿Todo listo para crear algo más atrevido?

Mejora de IU/UX en Apps