Summary  
This chapter explains how to define and apply solid and gradient color properties to shapes, including selecting color values using various models, configuring color-stop positions and orientations, and adjusting opacity.

General domain of usage  
UI/UX design

In Figma, è possibile utilizzare colori pieni o gradienti per le forme e i progetti.
- Accedere al Pannello Design e cliccare sull'icona Riempimento;
- Utilizzare lo Spettro Tonale, il Cursore Tonalità e il Cursore Opacità per regolare i colori.
### Sistemi di Valore del Colore visualizzati sono

Type specific hexadecimal codes for colors

Define colors using Red, Green, and Blue channels

- È anche possibile utilizzare lo strumento **Contagocce** per campionare colori dalla pagina o dal frame, oppure accedere ai colori salvati da altri progetti tramite il menu a discesa;
- Selezionando l'opzione **Riempimento Gradiente** nel menu Riempimento, apparirà una barra gradiente;
- È possibile regolare la **barra gradiente** modificando la posizione degli stop colore, aggiungendo nuovi stop, ruotando il gradiente, invertendolo o regolando i singoli colori degli stop e la loro opacità secondo necessità.

Breaks colors into segments for a unique effect

Quale dei seguenti NON è un sistema di valori colore disponibile in Figma?

Cosa succede quando imposti uno stop in un gradiente su 0% di opacità?

Impara tutto, dalle basi della progettazione di interfacce utente alle tecniche avanzate di prototipazione e collaborazione. Esplora come creare wireframe, progettare layout visivamente accattivanti e collaborare efficacemente con i team di sviluppo utilizzando le potenti funzionalità di Figma. Perfetto per principianti e professionisti, questo percorso di apprendimento combina progetti pratici, consigli di esperti e applicazioni reali per aiutarti ad avere successo nel competitivo mondo del design.

Scopri cos'è Figma, qual è il suo ruolo nel design UI/UX e come navigare nella sua interfaccia e nei suoi strumenti. Esplora la bacheca FigJam per il brainstorming e la collaborazione, insieme a pagine e frame in Figma, che costituiscono la base per organizzare e strutturare efficacemente i tuoi design.

Scopri come i livelli in Figma mantengono organizzato il tuo design, esplora come le forme raggruppate aiutano a creare elementi visivi sorprendenti e impara a stilizzare il testo in modo elegante utilizzando gli strumenti di tipografia.

Impara a inserire foto e video, utilizzare maschere e applicare modalità di fusione per design dinamici. Apprendi l'uso di colori, gradienti, pulsanti, auto layout, componenti e stili. Sfrutta la potenza di plugin e widget per aumentare la creatività e ottimizzare il flusso di lavoro.

Esplora colonne, griglie, plugin e la struttura componente genitore-figlio per ottimizzare il tuo processo di progettazione.

Sviluppo di wireframe a bassa fedeltà, creazione di prototipi interattivi, animazione dei design e presentazione efficace del lavoro ai clienti.

Riempimento di Colore e Gradiente in Figma: Padroneggiare le Palette per il Design UI/UX

Sistemi di Valore del Colore visualizzati sono

1. Quale dei seguenti NON è un sistema di valori colore disponibile in Figma?

2. Cosa succede quando imposti uno stop in un gradiente su 0% di opacità?