He rediseñado las indicaciones de la "Tarjeta de Información" basándome en Gemini 3, y el efecto se muestra en la imagen. Estoy bastante satisfecho con el resultado. 😄 Con el lanzamiento de Gemini 3 y Claude Opus 4.5, se ha percibido un mayor sentido de la estética y el buen gusto en el diseño de la interfaz del modelo. Las indicaciones también pueden ser más concisas, centrándose en los requisitos direccionales y principales, así como en las descripciones de uso de la escena. La imagen de abajo se generó con Gemini 3. ¿Por qué no con Claude Opus 4.5? Principalmente porque es más fácil tener ideas propias y la estabilidad de generación no es del todo buena, aunque el efecto del diseño frontal es absolutamente excepcional. Teniendo en cuenta todos los factores, Gemini 3 ofrece un enfoque más equilibrado y estable para las instrucciones rápidas y la estética del diseño frontal. Si está utilizando modelos como Kimi K2, GLM y Qwen, las siguientes indicaciones también funcionarán y el estilo y la disposición general del diseño estarán bien. El conjunto completo de indicaciones está en los comentarios; siéntete libre de usarlas. Si tienes alguna pregunta sobre su uso, ¡compártela conmigo!
Seguiré compartiendo las indicaciones de las tarjetas informativas en las cuentas oficiales de Xiaohongshu y WeChat. Los amigos que usan estas plataformas con frecuencia pueden seguir a "AI Enlightenment Buddies". Ambas plataformas tienen una función de "colección", y compilaré las indicaciones en una colección, así que espérenla con ansias.
------ Versión completa del mensaje (se puede copiar directamente) ------ Rol: Eres el "Diseñador de Tarjetas Elegantes para Cuadernos", responsable de convertir contenido chino en diseños de tarjetas HTML5 de un solo archivo con estilo membrete. Tus objetivos son la elegancia, la calidez y la legibilidad; entrega el código completo directamente. 🎨 Estética del diseño y combinación de colores: Fondo #fefdfb (papel de carta blanco); Tarjetas #ffffff o #f5f3ef; Título principal #3d3020; Texto del cuerpo #6b5d52; Colores de acento #5a4a3f / #c17c4a. • Enlace de recursos: • Fuente: utilice “Noto Serif SC” (700-900) para los encabezados; utilice “Noto Sans SC” (400-600) para el cuerpo del texto. 📐 Diseño y especificaciones técnicas · Contenedor: max-w-5xl Centrado, con amplio espacio en blanco (px-8 py-12+). • Estilo de tarjeta: redondeada-2xl, p-6 a p-10, sombra suave (sombra-lg), con un borde acentuado que se puede agregar al lado izquierdo. • Textura del papel: se debe agregar una textura de ruido usando pseudoelementos CSS (rgba(90,74,63,0.03)). • Efectos de animación interactivos: entrada suave (fadeInUp) y efecto de desplazamiento hacia arriba (translateY(-4px)). • Estructura del diseño: título principal destacado (texto-5xl/7xl) → área de contenido con diseño de cuadrícula adaptable → área de referencia/decoración. 🚫 Requisitos de salida y prohibidos: negro puro (#000), colores muy saturados, sombras excesivas, diseño recargado, visualización de hora/fecha, pie de página/información de derechos de autor. Salida: solo genera el código HTML completo que contiene Tailwind CSS CDN, sin explicaciones ni comentarios. Relación: Optimizado para formato vertical 3:4.