Considera i colori come una coppia
ContrastoControlla insieme il colore del testo e quello dello sfondo, senza scegliere il campione di sfondo da solo.
Colore di sfondo per un testo facile da leggere
Trova un colore di sfondo che renda facile leggere le parole nelle dimensioni e nel layout che usi davvero. Chiedi a Viralkey di descrivere un piano per confrontare i colori, poi verifica gli abbinamenti reali nel tuo flusso di design. Questa pagina non certifica l’accessibilità e non misura un design che non ha esaminato. Pagine correlate Serif e sans serif per un brief di testo leggibile · Elementi e principi dell'arte per un brief visivo · Tipografia cinetica con un piano di testo in movimento leggibile
La leggibilità dipende dall’abbinamento tra testo e sfondo
Un colore di sfondo che facilita la lettura va scelto insieme al testo e alle condizioni in cui verrà visto. Per iniziare puoi confrontare uno sfondo chiaro con testo abbastanza scuro oppure uno sfondo scuro con testo abbastanza chiaro. Contano anche i colori esatti, la dimensione e lo spessore dei caratteri, gli spazi e gli elementi visivi che disturbano. Le stesse parole possono essere più facili da leggere su uno sfondo semplice che sopra un’immagine affollata. Verifica l’abbinamento reale rispetto ai requisiti del progetto, invece di ritenere un colore sempre leggibile solo per il suo nome. Apri Agent · Serif e sans serif per un brief di testo leggibile · Elementi e principi dell'arte per un brief visivo · Tipografia cinetica con un piano di testo in movimento leggibile
Pianifica a partire dal tuo materiale
Trova un colore di sfondo che renda facile leggere le parole nelle dimensioni e nel layout che usi davvero. Chiedi a Viralkey di descrivere un piano per confrontare i colori, poi verifica gli abbinamenti reali nel tuo flusso di design. Questa pagina non certifica l’accessibilità e non misura un design che non ha esaminato.
Confronta testo e sfondo insieme
Se il progetto lo richiede, fornisci le parole reali e valori di colore verificati. Indica la dimensione dei caratteri e la funzione del testo, per esempio un’etichetta o un paragrafo. Chiedi ad Agent di organizzare per iscritto le domande da verificare. Un campione del solo colore di sfondo non dimostra che le parole siano leggibili nel design finale.
Continua con una bozza
Controlla gli elementi di disturbo e le zone dell’immagine che cambiano
Sopra una fotografia o uno sfondo in movimento, il testo può essere più o meno visibile in zone o fotogrammi diversi. Controlla tutta l’area occupata dalle parole, non solo il punto più favorevole. Puoi provare uno sfondo uniforme dietro al testo o un’altra scelta intenzionale di layout. Applica la modifica nel tuo flusso di lavoro reale e controlla il risultato.
Continua con una bozza
Separa un suggerimento di design dalla verifica
Anche un abbinamento proposto va verificato con valori reali, testo visualizzato e un metodo di revisione adatto. Registra fedelmente i risultati misurati o osservati. Agent può spiegare termini e preparare una checklist, ma non può affermare che un design non esaminato rispetti i requisiti di contrasto o abbia ricevuto una certificazione di accessibilità.
Continua con una bozzaPrepara e rivedi la tua bozza
Descrivi il testo reale e il layout
Descrivi la funzione del testo, le parole effettive, la dimensione prevista e il contesto dello sfondo. Se servono, aggiungi valori verificati per il colore del testo e per quello dello sfondo. Segnala ciò che manca, senza chiedere ad Agent di inventare una specifica cromatica.
Prepara una checklist di confronto mirata
Chiedi controlli sull’abbinamento dei colori, sulla tipografia e sugli elementi di disturbo nello sfondo. Confronta alternative che rispettino i requisiti del progetto. Non dichiarare superata una verifica numerica prima che il design reale sia stato valutato con il metodo pertinente.
Prova e controlla il design visualizzato
Controlla le parole reali nelle dimensioni previste e applica, quando richiesto, le verifiche di contrasto e accessibilità del progetto. Per sfondi fotografici o in movimento, esamina tutta l’area pertinente. Questa pagina offre indicazioni testuali, non misurazioni del design o certificazioni del risultato finale.
Scegli lo sfondo in base allo scopo della lettura
Un paragrafo deve restare comodo da leggere a lungo
Prova un paragrafo rappresentativo del testo principale, non soltanto un titolo ingrandito. Usa la lunghezza delle righe, la dimensione dei caratteri e la spaziatura del layout reale. Confronta il colore del testo con quello dello sfondo e rimuovi gli elementi che ostacolano le parole. Due campioni isolati possono sembrare ben abbinati, mentre un intero paragrafo mostra un risultato diverso.
Continua con una bozzaAnche un'etichetta breve ha bisogno del contesto reale
Anche l’etichetta di un pulsante o una breve annotazione risente della dimensione e dello spessore dei caratteri, degli elementi vicini e dello stato visivo. Prova le parole necessarie nella posizione in cui appariranno. Non dedurre la leggibilità dal solo colore di sfondo. Controlla i requisiti del progetto per il componente reale e indica chiaramente gli stati non ancora testati.
Continua con una bozzaUno sfondo fotografico richiede una revisione più ampia
Le parole su una fotografia possono attraversare zone chiare e scure. Esamina l’intera area del testo e le variazioni causate da ritagli responsive o movimento. Quando serve, confronta un’area di sfondo più semplice e verifica il risultato effettivo. Descrivere una sola schermata o campionare un pixel non prova la visibilità del testo in ogni parte di uno sfondo variabile.
Continua con una bozzaControlla le parole nel design reale
Usa queste note quando confronti le scelte di sfondo.
Usa un testo rappresentativo
Testo di esempioProva dimensione e parole effettive. Includi il testo principale quando l’utilizzo prevede una lettura prolungata.
Controlla gli elementi visivi di disturbo
ContestoVerifica se motivi, immagini o elementi vicini rendono difficile leggere, anche quando i colori sono distinti.
Rivedi gli sfondi che cambiano
MovimentoIspeziona i fotogrammi e i ritagli pertinenti quando l'area dietro il testo può cambiare.
Registra la verifica reale
ProveTieni le verifiche misurate o osservate separate dalla palette proposta. Non etichettare come superato un controllo su materiale non testato.
Conferma la responsabilità della revisione
ApprovazioneQueste indicazioni testuali sono una checklist. Il revisore responsabile valuta e accetta il design reale.
Domande e risposte
È uno sfondo adatto al testo reale e alle condizioni in cui viene visto, non un colore universalmente valido. Confronta colore del testo, sfondo, tipografia ed elementi di disturbo. Un abbinamento chiaro-scuro è un punto di partenza, ma va comunque verificato.
Rivedi la tua prossima bozza
Il tuo testo passa ad Agent come bozza. Rivedilo lì prima di inviarlo; questa pagina non avvia alcuna generazione.