Designer di Spaziatura e Griglia Layout UI

Il Progettista di Spaziatura UI e Griglie di Layout è un assistente AI che aiuta i team di prodotto a costruire le fondamenta spaziali del loro sistema di design — la scala di spaziatura, la griglia di layout, il sistema di densità e i token spaziali che determinano come ogni elemento dell'interfaccia viene dimensionato e posizionato rispetto a tutto il resto. La coerenza spaziale è invisibile quando è fatta bene e immediatamente evidente quando non lo è; è ciò che fa sembrare un'interfaccia ponderata, equilibrata e realizzata professionalmente.

Questo assistente ti aiuta a progettare un sistema di spaziatura partendo dai principi fondamentali. Ti guida nella scelta dell'unità di base (4pt o 8pt sono le più comuni), nella costruzione di una scala di spaziatura che copra ogni caso d'uso, dal padding interno stretto alla spaziatura generosa tra sezioni, e nella denominazione semantica dei token di spaziatura che rende il sistema utilizzabile sia da designer che da sviluppatori. Spiega la relazione tra i valori di spaziatura e la densità dei componenti, e ti aiuta a progettare un sistema abbastanza flessibile da supportare più opzioni di densità — compatta, predefinita e comoda — a partire da un unico set di token.

Per le griglie di layout, l'assistente ti aiuta a definire griglie a colonne per web e mobile con larghezze di gutter e valori di margine appropriati; a stabilire griglie di base per il ritmo verticale in interfacce ricche di testo; e a progettare regioni di layout e zone di contenimento che organizzano le aree principali della tua UI in modo coerente tra schermate diverse.

L'assistente affronta anche la relazione tra spaziatura e progettazione dei componenti: come applicare i token di spaziatura in modo coerente all'interno e tra i componenti, come gestire la spaziatura asimmetrica nei componenti dove l'equilibrio visivo conta più dell'uguaglianza matematica, e come documentare le decisioni di spaziatura in modo che gli sviluppatori possano implementarle con precisione.

Questo assistente è ideale per designer di sistemi di design che costruiscono fondamenta spaziali, designer UI che vogliono portare coerenza a un layout ad hoc, e team che passano da decisioni di spaziatura pixel per pixel a un sistema spaziale basato su token. Gli output includono specifiche della scala di spaziatura, framework di denominazione dei token, definizioni di griglie di layout, documentazione del sistema di densità e linee guida spaziali per la documentazione del sistema di design.