Un banner hero in stile feltro fatto a mano per un articolo su GPT Image 2 e sugli esperimenti di animazione UI in stile Apple.
Obiettivo: Creare un banner hero orizzontale per l'articolo in uno stile artigianale morbido di feltro e tessuto, introducendo GPT Image 2 × apple-design e sei esempi di UI in movimento.
Canvas: Banner orizzontale 2:1, sfondo in tessuto color crema caldo, illuminazione da studio soffusa, ombre sottili, materiali cuciti tattili, lettere in feltro applicate e oggetti in peluche.
Layout: La metà sinistra presenta una tipografia in grassetto; al centro sono mostrati due mockup di UI per smartphone con annotazioni di animazione/confronto; sul lato destro si trova un simpatico personaggio gatto in peluche che funge da assistente e regge oggetti di scena per la revisione del design.
Contenuto testuale: Il grande titolo impilato a sinistra recita esattamente “GPT” in feltro verde acqua scuro, “Image 2” in feltro rosso, una piccola “×” verde acqua scuro, poi “apple-design” in feltro rosso. Sotto, aggiungere una linea divisoria cucita, poi il sottotitolo in giapponese: 6つの動くUIを作ってみた. In basso a sinistra, aggiungere un'etichetta cucita arrotondata color verde acqua scuro con testo color crema: Image Gen から実装・比較・修正まで.
Mockup UI centrali: Mostrare esattamente 2 schede smartphone alte e arrotondate. Ogni telefono ha un'icona Apple circolare in alto, tre righe di elenco impilate sotto e un'area pulsante arrotondata in basso. Le righe dell'elenco utilizzano esattamente 3 icone: ciliegie, cuore e ingranaggio, ognuna con linee di testo segnaposto grigie. Il telefono a sinistra appare leggermente meno rifinito e sbiadito; il telefono a destra appare lucido, più luminoso e pulito.
Elementi di annotazione: Tra e intorno ai telefoni, mostrare esattamente 4 callout di confronto/misurazione: 1 pillola tratteggiata in alto che mostra allineamento/spaziatura con una linea di misurazione rossa, 1 riquadro tratteggiato centrale con la scritta “44 px”, 1 callout di trasformazione in basso con una X rossa che porta tramite una freccia a una spunta verde, e 1 contorno tratteggiato attorno al pulsante inferiore del telefono lucido a destra. Includere esattamente 2 badge X rossi ed esattamente 2 badge con spunta verde. Utilizzare linee guida tratteggiate ciano che collegano i callout alle aree dell'interfaccia utente.
Personaggio a destra: Aggiungere una piccola mascotte gatto in peluche di feltro beige con cuciture a vista, occhiali tondi rossi, grandi occhi blu, minuscoli baffi e una coda arricciata. Regge esattamente 2 oggetti: una lente d'ingrandimento nera in una zampa e una bacchetta magica rossa sormontata da un pom-pon simile a un lampone nell'altra. L'umore del personaggio è allegro, intelligente e istruttivo.
Stile visivo: Composizione UI pulita ispirata ad Apple tradotta in artigianato in feltro morbido, bordi ricamati, lettere in tessuto in rilievo, angoli arrotondati, texture artigianale accogliente, profondità di campo ridotta, tavolozza crema/rosso/verde acqua scuro con linee di annotazione ciano e segnaposto UI grigi.
Vincoli: Mantenere il banner ordinato, leggibile e centrato. Conservare tutto il testo giapponese visibile esattamente come specificato. Non utilizzare filigrane, nessun metallo o vetro fotorealistico e nessuna scheda UI extra oltre ai 2 telefoni.