Mejorar la estética de la interfaz de usuario
Tipografía única, estética ciberpunk oscura distintiva, diseño dinámico asimétrico, animaciones de carga meticulosamente coreografiadas y atmósfera envolvente.
Featured by
Lynne Lau
Why we love this skill
¿Cansado de diseños genéricos y mediocres? Esta habilidad te ayudará a liberarte de la mediocridad y crear interfaces de usuario impactantes mediante tipografías únicas, colores vibrantes, animaciones exquisitas, diseños espaciales innovadores y fondos profundos. Te ofrece una guía estética práctica para que tu trabajo destaque y logre un verdadero avance visual.
Instrucciones
Evita la estética mediocre de la "IA chapucera" y crea una interfaz sorprendentemente única.
## Cinco dimensiones principales
**1. Tipografía**
- ❌ Prohibido: Inter, Roboto, Arial, Fuentes del sistema
- ✅ Elige: Fuentes únicas y distintivas
- ✅ Combinación: Fuente de presentación + Fuente de cuerpo, alto contraste
- ✅ Consejos: Contraste extremo de grosor de fuente (100 vs 900), amplio rango de tamaño de fuente (3x+)
**2. Color y temática**
- ✅ Mantén una estética coherente utilizando variables CSS.
- ✅ Color dominante + color de acento vibrante
- ❌ Evitar: Degradado morado + fondo blanco
- ✅ Inspiración: Temas IDE, estética cultural
**3. Movimiento**
- ✅ Las animaciones CSS tienen prioridad (HTML)
- ✅ Biblioteca de movimiento
- ✅ Enfoque en el alto impacto: Carga de página cuidadosamente seleccionada > Microinteracciones dispersas
- ✅ Activador de desplazamiento, sorpresa al pasar el ratón
**4. Distribución espacial**
- ✅ Flujo asimétrico, superpuesto y diagonal
- ✅ Rompe la cuadrícula, uso audaz del espacio en blanco O densidad controlada
**5. Antecedentes**
- ✅ Crea atmósfera y profundidad
- ✅ Malla degradada, ruido, patrones geométricos
- ✅ Transparencia por capas, sombras dramáticas, bordes decorativos
## Principios clave
- Cada diseño debe ser diferente para evitar la convergencia repetitiva.
- Lograr una visión estética acorde con la complejidad.
La extrema complejidad requiere un diseño meticuloso, mientras que el minimalismo exige moderación y precisión.
Libérate del pensamiento convencional y toma decisiones verdaderamente únicas.
⚡ Resumen en una línea
Tipografía única + esquema de color llamativo + animación meticulosa + diseño innovador + fondo evocador = diseño front-end inolvidable
Rechazar: Inter/Roboto, fondo blanco con degradado morado, diseño monótono.
📋 Lista de verificación rápida
Dimensiones y elementos de inspección
¿Deberían evitarse las fuentes Inter/Roboto? ¿Existen combinaciones de colores únicas?
¿La paleta de colores tiene un tema unificado? ¿Deberían evitarse los degradados morados?
¿La animación incluye un efecto de carga cuidadosamente coreografiado?
¿El diseño se desvía de la cuadrícula convencional?
¿El fondo crea profundidad y atmósfera?
Related Skills
View allInvestigación sobre inteligencia laboral | Decodificación profunda de la inteligencia laboral
Deja de adivinar y empieza a saber. Desde riesgos empresariales ocultos hasta la verdadera cultura de la oficina, convertimos cada descripción de puesto en tu guía personal, para que puedas presentarte a las entrevistas como un experto y conseguir la oferta que realmente deseas. ¡Se acabaron las entrevistas sin información relevante! Desglosamos las áridas descripciones de puestos en información valiosa en tan solo 10 minutos: desciframos la jerga de RR. HH., descubrimos las verdaderas prácticas y deficiencias de la empresa y te ayudamos a obtener una ventaja para realizar verificaciones de antecedentes de tu jefe, ¡triunfando en la temporada alta de contratación de marzo y abril al aprovechar la asimetría de la información!
Junta de Análisis de Tendencias del Oro
Panel de control diario para la toma de decisiones de inversión en oro. Recopila automáticamente los datos más recientes de fuentes autorizadas como CME, WGC y Reuters, proporcionando análisis de tendencias macroeconómicas, seguimiento de flujos de fondos, alertas de riesgo y estrategias de acumulación de oro (indicadores de semáforo verde/amarillo/rojo). Genera un panel web visual con gráficos del precio del oro, primas, rendimientos de los bonos del Tesoro estadounidense y otros indicadores clave para ayudar a los inversores a tomar decisiones rápidas.
Generador de indicaciones de vídeo N.º 4
(SeeDance 2.0 Edición Especial)
Mejorar la estética de la interfaz de usuario
Tipografía única, estética ciberpunk oscura distintiva, diseño dinámico asimétrico, animaciones de carga meticulosamente coreografiadas y atmósfera envolvente.
Featured by
Lynne Lau
Why we love this skill
¿Cansado de diseños genéricos y mediocres? Esta habilidad te ayudará a liberarte de la mediocridad y crear interfaces de usuario impactantes mediante tipografías únicas, colores vibrantes, animaciones exquisitas, diseños espaciales innovadores y fondos profundos. Te ofrece una guía estética práctica para que tu trabajo destaque y logre un verdadero avance visual.
Instrucciones
Evita la estética mediocre de la "IA chapucera" y crea una interfaz sorprendentemente única.
## Cinco dimensiones principales
**1. Tipografía**
- ❌ Prohibido: Inter, Roboto, Arial, Fuentes del sistema
- ✅ Elige: Fuentes únicas y distintivas
- ✅ Combinación: Fuente de presentación + Fuente de cuerpo, alto contraste
- ✅ Consejos: Contraste extremo de grosor de fuente (100 vs 900), amplio rango de tamaño de fuente (3x+)
**2. Color y temática**
- ✅ Mantén una estética coherente utilizando variables CSS.
- ✅ Color dominante + color de acento vibrante
- ❌ Evitar: Degradado morado + fondo blanco
- ✅ Inspiración: Temas IDE, estética cultural
**3. Movimiento**
- ✅ Las animaciones CSS tienen prioridad (HTML)
- ✅ Biblioteca de movimiento
- ✅ Enfoque en el alto impacto: Carga de página cuidadosamente seleccionada > Microinteracciones dispersas
- ✅ Activador de desplazamiento, sorpresa al pasar el ratón
**4. Distribución espacial**
- ✅ Flujo asimétrico, superpuesto y diagonal
- ✅ Rompe la cuadrícula, uso audaz del espacio en blanco O densidad controlada
**5. Antecedentes**
- ✅ Crea atmósfera y profundidad
- ✅ Malla degradada, ruido, patrones geométricos
- ✅ Transparencia por capas, sombras dramáticas, bordes decorativos
## Principios clave
- Cada diseño debe ser diferente para evitar la convergencia repetitiva.
- Lograr una visión estética acorde con la complejidad.
La extrema complejidad requiere un diseño meticuloso, mientras que el minimalismo exige moderación y precisión.
Libérate del pensamiento convencional y toma decisiones verdaderamente únicas.
⚡ Resumen en una línea
Tipografía única + esquema de color llamativo + animación meticulosa + diseño innovador + fondo evocador = diseño front-end inolvidable
Rechazar: Inter/Roboto, fondo blanco con degradado morado, diseño monótono.
📋 Lista de verificación rápida
Dimensiones y elementos de inspección
¿Deberían evitarse las fuentes Inter/Roboto? ¿Existen combinaciones de colores únicas?
¿La paleta de colores tiene un tema unificado? ¿Deberían evitarse los degradados morados?
¿La animación incluye un efecto de carga cuidadosamente coreografiado?
¿El diseño se desvía de la cuadrícula convencional?
¿El fondo crea profundidad y atmósfera?
Related Skills
View allInvestigación sobre inteligencia laboral | Decodificación profunda de la inteligencia laboral
Deja de adivinar y empieza a saber. Desde riesgos empresariales ocultos hasta la verdadera cultura de la oficina, convertimos cada descripción de puesto en tu guía personal, para que puedas presentarte a las entrevistas como un experto y conseguir la oferta que realmente deseas. ¡Se acabaron las entrevistas sin información relevante! Desglosamos las áridas descripciones de puestos en información valiosa en tan solo 10 minutos: desciframos la jerga de RR. HH., descubrimos las verdaderas prácticas y deficiencias de la empresa y te ayudamos a obtener una ventaja para realizar verificaciones de antecedentes de tu jefe, ¡triunfando en la temporada alta de contratación de marzo y abril al aprovechar la asimetría de la información!
Junta de Análisis de Tendencias del Oro
Panel de control diario para la toma de decisiones de inversión en oro. Recopila automáticamente los datos más recientes de fuentes autorizadas como CME, WGC y Reuters, proporcionando análisis de tendencias macroeconómicas, seguimiento de flujos de fondos, alertas de riesgo y estrategias de acumulación de oro (indicadores de semáforo verde/amarillo/rojo). Genera un panel web visual con gráficos del precio del oro, primas, rendimientos de los bonos del Tesoro estadounidense y otros indicadores clave para ayudar a los inversores a tomar decisiones rápidas.
Generador de indicaciones de vídeo N.º 4
(SeeDance 2.0 Edición Especial)
Find your next favorite skill
Explore more curated AI skills for research, creation, and everyday work.
