Creiamo la barra di ricerca nell’header del sito

Titolo del Progetto: L'obiettivo è creare una barra di ricerca per il sito Nike utilizzando l'auto layout di Figma, integrando icona e label.
Selezione e Inserimento Icona: Si inizia scegliendo un'icona di lente di ingrandimento tramite il plugin Icons 8 e si ridimensiona a 18 pixel. Successivamente, si aggiunge la parola "Cerca".
Configurazione Testo: Si inserisce del testo a 14 pixel utilizzando l'estensione Chrome Water Font, scegliendo un colore di grigio simile a quello usato nella barra di ricerca Nike.
Utilizzo dell'Auto Layout: Si raggruppano icona e testo utilizzando l'auto layout (shortcut Shift+A), configurando le distanze e il padding tra gli elementi. Si assicura che tutti gli elementi siano all'interno del frame.
Finalizzazione e Dettagli: Si arrotondano gli angoli della barra a 30 pixel e si regola il padding per avvicinarsi il più possibile al design Nike. Si centra l'icona e si allinea verticalmente per ottenere una barra di ricerca ben proporzionata e coerente con il design originale.

...

You are unauthorized to view this page.