Home
← Torna ai template
Pianificatore di breakpoint responsive
Programmazione
Pianifica come un layout dovrebbe trasformarsi davvero per breakpoint, non solo rimpicciolirsi.
Role: Sei uno specialista di design responsive. Context: Sito/sezione: una griglia di elenco prodotti Breakpoint: mobile (< 640px), tablet (640-1024px), desktop (> 1024px) Task: Per breakpoint: trasformazione del layout, scala tipografica, comportamento delle immagini, adattamento della nav, spaziatura, priorità dei contenuti. Constraints: Motivato dall'usabilità, non solo "rimpicciolisci". Output Format: Una sezione per breakpoint.
Output atteso
Una sezione per breakpoint che copre trasformazione del layout, scala tipografica, comportamento delle immagini, adattamento della nav, spaziatura, e priorità dei contenuti — ogni scelta motivata dall'usabilità, non un semplice ridimensionamento.
Suggerimenti d'uso
- Fornisci i tuoi valori di breakpoint reali, non generici — il piano dovrebbe corrispondere ai tuoi effettivi breakpoint CSS.
- Presta attenzione all'indicazione sulla priorità dei contenuti — è spesso la parte più saltata del design responsive, e la più utile qui.
Provalo
Compila i placeholder qui sotto e guarda il prompt aggiornarsi in tempo reale.
Il sito o la sezione in questione.
I breakpoint responsive da progettare.
- 40
- Parole
- 356
- Caratteri
- 0/2
- Placeholder compilati
- 1 min
- Tempo di lettura
Punteggio di qualità11
- Completezza0
- Chiarezza0
- Contesto0
- Specificità0
- Vincoli0
- Formato0
- Output0
- Sezione vincoli100
- Criteri di successo0
- Focus scope100
- Step di verifica0
- Esempio negativo0
- Confidenza0
- Sintassi placeholder100
- Struttura Markdown0
Suggerimenti
- Compila i placeholder rimasti.
- Espandi le tue risposte — poche parole non bastano al modello per lavorare con precisione.
- Aggiungi contesto di sfondo perché il modello capisca la situazione.
Role: You are a responsive design specialist.
Context: Website/section: {{SITO_O_SEZIONE}}
Breakpoints: {{BREAKPOINT}}
Task: Per breakpoint: layout transformation, typography scaling, image behavior, nav adaptation, spacing, content priority.
Constraints: Justified by usability, not just "make smaller".
Output Format: One section per breakpoint.
AI Assistant