> [Site index](https://perfectvector.com/llms.txt) — available pages and descriptions. # Figure scientifiche: conserva il significato senza colore > Controlla i diagrammi scientifici in scala di grigi con etichette, forme e stili di linea. Usa un SVG completo per distinguere le condizioni senza modificare i dati. Source: https://perfectvector.com/it/blog/scientific-figure-color-redundancy Language: it Author: Irene Kim Published: 2026-10-15T08:00:00+09:00 Perché un diagramma scientifico funzioni senza colore, dai a ogni condizione importante un'identità visibile che non dipenda dalla tonalità. Aggiungi etichette dirette, differenzia simboli o stili di linea appropriati, poi esamina una copia in scala di grigi alle dimensioni di visualizzazione previste. Cambiare tavolozza può aiutare, ma non dà un nome a una condizione priva di etichetta. Questa guida riguarda i diagrammi esplicativi categoriali: uno schema che mostra due condizioni, gruppi o percorsi. Usa un file SVG (Scalable Vector Graphics) originale a due righe, senza dati sperimentali. Mappe di calore continue, micrografie e grafici di misure richiedono un trattamento adatto ai rispettivi dati; non ricalcarne i segni in nuove forme per farli apparire più chiari. ## Stabilisci che cosa comunica il colore Parti dalla sorgente modificabile, dalla legenda della figura e dalla riproduzione più piccola prevista. Elenca le distinzioni che il lettore deve ricostruire: a quale condizione appartiene un simbolo, dove conduce un percorso o quale pannello descrive un'etichetta. Poi immagina di nascondere il colore. Se le istruzioni diventano «segui la linea arancione» o «confronta i cerchi blu», sostituisci quella dipendenza con nomi che il lettore possa trovare nella figura. In un vero articolo da presentare, usa nomi significativi per le condizioni. «Condizione A» e «Condizione B» qui sotto sono segnaposto per dimostrare la disposizione. Le [indicazioni del W3C sull'uso del colore](https://www.w3.org/WAI/WCAG21/Understanding/use-of-color.html) richiedono un indizio visibile, come testo o forma, quando il colore trasmette informazioni. Sono indicazioni per l'accessibilità web, non un criterio di accettazione di una rivista scientifica. Lo stesso principio progettuale è utile qui: conserva la distinzione tramite un altro indizio. ## Dai a ogni condizione una seconda identità Usa il minor numero di indizi necessario per rendere chiara la corrispondenza. In uno schema semplice può bastare una breve etichetta accanto a ogni percorso. Marcatori ripetuti o diversi stili di collegamento possono aiutare il lettore a seguire un percorso lungo senza tornare alla legenda. | Condizione | Colore in questo esempio | Simbolo | Collegamento | Etichetta diretta | | ---------- | ------------------------ | --------- | ------------ | ----------------- | | A | Blu | Cerchio | Continuo | Condizione A | | B | Arancione | Triangolo | Tratteggiato | Condizione B | Mantieni questa corrispondenza coerente tra i pannelli. Se nel tuo campo un triangolo indica già un componente specifico, conserva quel significato e scegli un altro indizio. Allo stesso modo, non riutilizzare una linea tratteggiata che indica già un collegamento ipotetico. La codifica ridondante esprime la stessa identità attraverso più indizi; non assegna significati in conflitto a simboli familiari. Scegli una tavolozza adatta alla destinazione e mantieni le etichette leggibili sullo sfondo. Le [specifiche di Nature per le figure](https://research-figure-guide.nature.com/figures/preparing-figures-our-specifications/) richiedono una tavolozza accessibile e mostrano riquadri colorati nella legenda abbinati a testo nero. Sconsigliano anche motivi e dettagli decorativi superflui. Queste indicazioni favoriscono etichette semplici e simboli funzionali, invece di riempire ogni oggetto con un tratteggio. ![Illustrazione che confronta due condizioni schematiche identificate solo dal colore con condizioni distinte da etichette, forme e stili di collegamento](https://perfectvector.com/blog/scientific-figure-color-redundancy/condition-labels-and-shapes.webp) *Illustrazione: etichette dirette e forme o stili di linea diversi forniscono indizi di identità insieme al colore. I controlli sull'SVG renderizzato qui sotto usano un esempio originale separato.* ## Prova l'SVG con due condizioni Salva questo esempio completo come `conditions.svg`. Aprilo in un browser o in un editor vettoriale. Ha uno sfondo bianco, due righe etichettate e nessuna immagine esterna o font importato. I diversi simboli sono volutamente generici e non rappresentano un meccanismo biologico. ```xml Condition A Condition B ``` La sorgente mantiene le etichette come testo. Il suo `stroke-dasharray="12 8"` assegna al collegamento inferiore un motivo ripetuto di tratti e spazi; la [specifica SVG sul tratteggio delle linee](https://www.w3.org/TR/SVG2/painting.html#StrokeDashing) definisce come queste lunghezze seguono il percorso. Né l'etichetta né il triangolo dipendono dal riconoscimento dell'arancione. 1. Apri la versione da 600 × 240. Verifica che entrambe le etichette siano presenti, che i cerchi appartengano ad A e i triangoli a B. 2. Esporta una copia a colori, poi crea una copia in scala di grigi di quell'esportazione. Conserva il master a colori. Controlla se riesci a identificare entrambe le condizioni per nome e a seguirne i collegamenti senza consultare una descrizione dei colori. 3. Crea una copia sorgente più piccola con `width="300"` e `height="120"`, lasciando invariato il `viewBox`. Ripeti entrambe le esportazioni. Questo verifica una riduzione, non una dimensione minima universale. 4. Esamina il file che inserirai effettivamente nel manoscritto o nella diapositiva. Verifica che etichette, simboli e stili di collegamento sopravvivano all'esportazione e a qualsiasi ridimensionamento successivo. Per un controllo volutamente più debole, rimuovi il gruppo di testo, sostituisci i triangoli con cerchi nelle stesse posizioni ed elimina `stroke-dasharray`. Restano due righe colorate. La domanda è se i nomi delle condizioni rimangano disponibili, non se le due tonalità di grigio risultino per caso identiche. Abbiamo renderizzato entrambe le versioni con librsvg a 600 × 240 e 300 × 120 pixel, poi convertito ogni risultato in scala di grigi con la ponderazione RGB `0.299R + 0.587G + 0.114B`. In tutte e quattro le versioni con codifica ridondante, etichette, distinzione cerchio/triangolo e collegamenti continui/tratteggiati sono rimasti visibili e non tagliati. Il blu e l'arancione del controllo sono diventati valori di grigio diversi, 87 e 119 su una scala da 0 a 255. Perciò non descriviamo il controllo come indistinguibile. Il miglioramento è un'identità esplicita della condizione che non dipende dalla tonalità. Sono controlli digitali su questo SVG originale. Non abbiamo provato una stampa fisica né condotto uno studio con lettori. Una conversione in scala di grigi non riproduce neppure ogni forma di deficit della visione dei colori. Considerala una modalità di ispezione, insieme ai controlli adatti al pubblico e alla rivista. ## Correggi l'indizio che non funziona alle dimensioni finali Se un'etichetta diventa troppo piccola, accorciala con attenzione o crea spazio per un testo più grande. Se i tratti si fondono in una linea apparentemente continua, modifica la spaziatura del tratteggio o usa un altro indizio adatto. Se un marcatore perde la sua forma, semplificalo o ingrandiscilo. Ricontrolla l'intera figura dopo ogni modifica, per evitare che la correzione crei sovrapposizioni altrove. Per i calcoli delle dimensioni fisiche, usa la guida separata a [dimensione dei caratteri e spessore delle linee nelle figure scientifiche](https://perfectvector.com/it/blog/scientific-figure-font-size-line-width). L'esempio da 300 pixel di questo articolo è un controllo di rendering a schermo, non una raccomandazione sulla larghezza di colonna di una rivista. Mantieni la legenda sincronizzata con il disegno. Sostituisci «linea arancione» con il nome della condizione e il suo indizio visibile, per esempio «Condizione B, collegamento tratteggiato». Per le figure online, fornisci anche un'alternativa testuale o una didascalia adeguata che descriva il confronto sostanziale. Le sole etichette visibili non garantiscono l'accessibilità a chi non può vedere la figura. ## Conserva il contenuto scientifico mentre modifichi la presentazione Modifica i grafici di misure nella sorgente che li ha generati ed esportali di nuovo mantenendo intatti i valori sottostanti. Per le micrografie, conserva le immagini originali e segui le regole della rivista sull'elaborazione delle immagini. La [politica di Nature sull'integrità delle immagini](https://www.nature.com/nature/editorial-policies/image-integrity) richiede che l'immagine finale rappresenti accuratamente i dati originali e descrive gli obblighi di dichiarazione delle elaborazioni. Ridisegnare un'immagine finché appare più ordinata non sostituisce questo processo. Se disponi soltanto di uno schema raster separato, il [flusso di PerfectVector per convertire diagrammi scientifici in SVG](https://perfectvector.com/it/scientific-diagram-to-svg) può aiutarti a recuperare forme modificabili. Controlla l'anteprima, poi sblocca il risultato per modificare ed esportare l'SVG. Confronta ogni collegamento e simbolo recuperato con la sorgente e ricostruisci le etichette come testo dove necessario. Una forma recuperata è utile solo se il suo significato scientifico rimane intatto. Se hai già un disegno modificabile, intervieni direttamente su quello; [cambiare i colori SVG](https://perfectvector.com/it/blog/how-to-change-svg-color) tratta questa operazione di modifica più circoscritta. Concludi quando ogni condizione ha un nome inequivocabile, gli indizi diversi dal colore rimangono leggibili nella figura inserita e la legenda corrisponde. Se l'assenza della sorgente vettoriale blocca uno schema separato, [recuperane le forme con PerfectVector](https://perfectvector.com/it/scientific-diagram-to-svg), poi ripeti questo controllo di identità sul risultato esportato. ## Domande frequenti **Una tavolozza adatta al daltonismo basta per un diagramma scientifico?** Una tavolozza adatta aiuta, ma l'identità delle condizioni dovrebbe essere disponibile anche tramite etichette dirette o altri indizi appropriati. Controlla la figura completa alle dimensioni previste, compresa la legenda. **Un controllo in scala di grigi dimostra che una figura è accessibile?** No. Verifica un rendering senza tonalità. Non copre ogni differenza nella visione dei colori, l'ipovisione, l'accesso tramite lettore di schermo o i requisiti di una rivista specifica. **Devo cambiare tutti i simboli scientifici in cerchi e triangoli?** No. L'esempio usa segnaposto generici. Conserva simboli e stili di linea che hanno già significati scientifici e aggiungi etichette o un altro indizio compatibile. ## Fonti 1. [W3C — Comprendere l'uso del colore](https://www.w3.org/WAI/WCAG21/Understanding/use-of-color.html) — Spiega le alternative visibili al colore e i limiti di questo criterio di accessibilità. 2. [Nature — Preparare le figure: le nostre specifiche](https://research-figure-guide.nature.com/figures/preparing-figures-our-specifications/) — Fornisce le indicazioni citate su tavolozza, testo della legenda e dettagli superflui nelle figure di Nature. 3. [W3C — Tratteggio delle linee SVG](https://www.w3.org/TR/SVG2/painting.html#StrokeDashing) — Definisce il motivo di tratti e spazi usato nell'esempio sorgente completo. 4. [Nature — Integrità e standard delle immagini](https://www.nature.com/nature/editorial-policies/image-integrity) — Stabilisce i limiti relativi a dati sorgente ed elaborazioni alla base delle indicazioni sulle immagini scientifiche. ## Explore - [Read the HTML article](https://perfectvector.com/it/blog/scientific-figure-color-redundancy) - [Crea un logo a un colore senza perderne il disegno](https://perfectvector.com/it/blog/one-color-logo-negative-space.md) - [Icone SVG Shopify: prepara un simbolo del marchio](https://perfectvector.com/it/blog/shopify-custom-svg-icon.md) - [Product facts](https://perfectvector.com/product-facts.md) - [FAQ](https://perfectvector.com/faq.md) - [Pricing and credits](https://perfectvector.com/pricing.md)