PerfectVector
Autor: Irene Kim

Ryciny naukowe: zachowaj znaczenie bez koloru

Sprawdź schematy naukowe w szarości dzięki etykietom, kształtom i stylom linii. Pełny przykład SVG zachowuje tożsamość warunków bez zmieniania danych.

7 min czytania
Na tej stronie

Aby schemat naukowy działał bez koloru, nadaj każdemu ważnemu warunkowi widoczną tożsamość poza barwą. Dodaj bezpośrednie etykiety, odróżnij odpowiednie symbole lub style linii, a potem sprawdź kopię w szarości w docelowym rozmiarze. Inna paleta może pomóc, ale nie nazwie warunku bez etykiety.

Poradnik dotyczy wyjaśniających diagramów kategorii: schematu dwóch warunków, grup lub tras. Używa oryginalnego dwuwierszowego SVG (Scalable Vector Graphics) bez danych eksperymentalnych. Ciągłe mapy cieplne, mikrografie i wykresy pomiarowe wymagają osobnego postępowania uwzględniającego dane; nie trasuj ich znaków na nowe kształty, aby wyglądały czytelniej.

Ustal, co kolor przekazuje czytelnikowi

Zacznij od edytowalnego źródła, legendy ryciny i najmniejszego planowanego powielenia. Wypisz rozróżnienia, które czytelnik musi odtworzyć: do którego warunku należy symbol, dokąd prowadzi trasa lub który panel opisuje etykieta.

Potem wyobraź sobie brak koloru. Jeśli instrukcje brzmią „podążaj za pomarańczową linią” lub „porównaj niebieskie koła”, zastąp tę zależność nazwami możliwymi do znalezienia na rycinie. W rzeczywistym materiale używaj znaczących nazw warunków. Poniższe „Warunek A” i „Warunek B” są zastępnikami do pokazania układu.

Wskazówki W3C dotyczące użycia koloru wymagają widocznego sygnału, takiego jak tekst lub kształt, gdy kolor przenosi informację. To wytyczne dostępności internetowej, nie test akceptacji czasopisma naukowego. Ta sama zasada projektowa jest tutaj przydatna: zachowaj rozróżnienie inną wskazówką.

Nadaj każdemu warunkowi drugą tożsamość

Użyj najmniejszej liczby wskazówek zapewniającej jasne przypisanie. Krótka etykieta obok każdej trasy może wystarczyć w prostym schemacie. Powtarzane znaczniki lub odmienne łączniki mogą pomóc śledzić dłuższą trasę bez wracania do legendy.

WarunekKolor w przykładzieSymbolŁącznikBezpośrednia etykieta
ANiebieskiKołoCiągłyWarunek A
BPomarańczowyTrójkątPrzerywanyWarunek B

Zachowaj to przypisanie między panelami. Jeśli trójkąt oznacza już określony składnik w Twojej dziedzinie, zachowaj znaczenie i wybierz inną wskazówkę. Nie zmieniaj też przeznaczenia przerywanej linii oznaczającej już hipotetyczne połączenie. Kodowanie nadmiarowe wyraża tę samą tożsamość kilkoma wskazówkami; nie przypisuje sprzecznych znaczeń znajomym symbolom.

Wybierz paletę właściwą dla odbiorcy i zachowaj czytelność etykiet na tle. Specyfikacja rycin Nature wymaga dostępnej palety i pokazuje kolorowe pola legendy z czarnym tekstem. Odradza też wzory i ozdobny nadmiar. Wspiera to proste etykiety i celowe symbole zamiast kreskowania każdego obiektu.

Ilustracja porównująca dwa warunki schematu rozpoznawane tylko kolorem z warunkami odróżnianymi etykietami, kształtami i stylami łączników
Ilustracja: bezpośrednie etykiety i odmienne kształty lub style linii dają wskazówki tożsamości obok koloru. Poniższe kontrole renderowanego SVG używają oddzielnego autorskiego przykładu.

Wypróbuj SVG dwóch warunków

Zapisz kompletny przykład jako conditions.svg. Otwórz w przeglądarce lub edytorze wektorowym. Ma białe tło, dwa opisane wiersze i nie ma zewnętrznych obrazów ani importowanych fontów. Różne symbole są celowo ogólne; nie przedstawiają mechanizmu biologicznego.

<svg xmlns="http://www.w3.org/2000/svg" width="600" height="240" viewBox="0 0 600 240">
  <rect width="600" height="240" fill="white"/>
  <g fill="white" stroke-width="4">
    <g stroke="#0072B2">
      <path d="M80 70H320"/>
      <circle cx="80" cy="70" r="16"/><circle cx="320" cy="70" r="16"/>
    </g>
    <g stroke="#D55E00">
      <path d="M80 170H320" stroke-dasharray="12 8"/>
      <polygon points="80,150 62,180 98,180"/><polygon points="320,150 302,180 338,180"/>
    </g>
  </g>
  <g fill="black" font-family="sans-serif" font-size="24">
    <text x="370" y="78">Condition A</text>
    <text x="370" y="178">Condition B</text>
  </g>
</svg>

Źródło zachowuje etykiety jako tekst. stroke-dasharray="12 8" nadaje dolnemu łącznikowi powtarzany układ kreski i odstępu; specyfikacja kreskowania obrysu SVG określa przebieg tych długości wzdłuż ścieżki. Etykieta ani trójkąt nie wymagają rozpoznania pomarańczowego.

  1. Otwórz wersję 600 × 240. Potwierdź obecność obu etykiet, przynależność kół do A i trójkątów do B.
  2. Wyeksportuj kolorową kopię, potem zrób jej wersję w szarości. Zachowaj kolorowy plik główny. Sprawdź, czy rozpoznajesz oba warunki po nazwie i śledzisz łączniki bez opisu koloru.
  3. Zrób mniejszą kopię źródła z width="300" i height="120", pozostawiając viewBox bez zmian. Powtórz oba eksporty. Sprawdza to jedno zmniejszenie, nie uniwersalny minimalny rozmiar.
  4. Sprawdź plik faktycznie umieszczany w manuskrypcie lub slajdzie. Potwierdź zachowanie etykiet, symboli i stylów łączników po eksporcie i późniejszym skalowaniu.

Dla celowo słabszej kontroli usuń grupę tekstu, zastąp trójkąty kołami w tych samych pozycjach i usuń stroke-dasharray. Nadal są dwa kolorowe wiersze. Pytanie dotyczy dostępności nazw warunków, a nie tego, czy dwa odcienie szarości przypadkiem wyglądają identycznie.

Wyrenderowaliśmy obie wersje librsvg w 600 × 240 i 300 × 120 pikselach, a potem przekonwertowaliśmy każde wyjście do szarości wagami RGB 0.299R + 0.587G + 0.114B. We wszystkich czterech wersjach z redundantnymi wskazówkami etykiety, koła i trójkąty oraz ciągłe i przerywane łączniki pozostały widoczne i nieprzycięte. Niebieski i pomarańczowy kontroli stały się różnymi wartościami szarości: 87 i 119 w skali 0–255. Nie opisujemy więc kontroli jako nierozróżnialnej. Poprawą jest jawna tożsamość warunku niezależna od barwy.

To cyfrowe kontrole autorskiego SVG. Nie testowaliśmy wydruku ani nie badaliśmy czytelników. Konwersja do szarości nie odtwarza też każdej wady widzenia barw. Traktuj ją jako jeden widok inspekcyjny obok kontroli właściwych dla odbiorców i czasopisma.

Napraw wskazówkę zawodzącą w końcowym rozmiarze

Jeśli etykieta jest za mała, ostrożnie ją skróć lub zrób miejsce na większy tekst. Jeśli kreski zlewają się w pozornie ciągłą linię, popraw odstępy lub użyj innej odpowiedniej wskazówki. Jeśli znacznik traci kształt, uprość lub powiększ go. Po każdej zmianie sprawdź całą rycinę, aby poprawka nie stworzyła nakładania gdzie indziej.

Do obliczeń fizycznego rozmiaru użyj oddzielnego poradnika wielkości fontów i grubości linii rycin naukowych. Przykład 300 pikseli jest kontrolą renderingu ekranowego, nie zaleceniem szerokości kolumny czasopisma.

Synchronizuj legendę z grafiką. Zastąp „pomarańczowa linia” nazwą warunku i widoczną wskazówką, np. „Warunek B, przerywany łącznik”. Dla rycin online dodaj też właściwą alternatywę tekstową lub podpis opisujący merytoryczne porównanie. Same widoczne etykiety nie zapewniają dostępności osobom, które nie widzą ryciny.

Zachowaj naukę podczas edycji prezentacji

Poprawiaj wykresy pomiarowe w źródle wykresu i eksportuj ponownie z zachowanymi wartościami. Dla mikrografii zachowaj oryginalne obrazy i przestrzegaj reguł przetwarzania czasopisma. Polityka integralności obrazów Nature wymaga wiernego przedstawienia oryginalnych danych i określa ujawnianie przetwarzania. Przerysowywanie obrazu do schludniejszej postaci nie zastępuje tego procesu.

Jeśli masz tylko oddzielny schemat rastrowy, proces schematu naukowego do SVG PerfectVector może pomóc odzyskać edytowalne kształty. Sprawdź podgląd, potem odblokuj wynik do edycji i eksportu SVG. Porównaj każde odzyskane połączenie i symbol ze źródłem oraz odbuduj etykiety jako tekst, gdy to potrzebne. Odzyskany kształt jest użyteczny tylko z zachowanym znaczeniem naukowym. Jeśli masz edytowalną grafikę, popraw ją bezpośrednio; zmiana kolorów SVG omawia ten węższy krok.

Zakończ, gdy każdy warunek ma jednoznaczną nazwę, jego wskazówki inne niż kolor są czytelne w umieszczonej rycinie, a legenda się zgadza. Jeśli brak wektorowego źródła blokuje oddzielny schemat, odzyskaj kształty w PerfectVector, a potem powtórz kontrolę tożsamości na eksporcie.

Częste pytania

Czy paleta przyjazna osobom z zaburzeniami widzenia barw wystarczy w schemacie naukowym? Odpowiednia paleta pomaga, ale tożsamość warunku powinna być dostępna również przez bezpośrednie etykiety lub inne właściwe wskazówki. Sprawdź całą rycinę w docelowym rozmiarze, razem z legendą.

Czy kontrola szarości dowodzi dostępności ryciny? Nie. Sprawdza jeden rendering bez barwy. Nie obejmuje każdej różnicy widzenia kolorów, słabego wzroku, dostępu czytnika ekranu ani wymagań konkretnego czasopisma.

Czy zmienić wszystkie symbole naukowe na koła i trójkąty? Nie. Przykład używa ogólnych zastępników. Zachowaj symbole i style linii mające znaczenie naukowe oraz dodaj etykiety lub inną zgodną wskazówkę.

Źródła

  1. W3C — Zrozumienie użycia koloru — Wyjaśnia widoczne alternatywy koloru i ograniczenia tego kryterium dostępności.
  2. Nature — Przygotowanie rycin: nasze wymagania — Podaje cytowane wskazówki palety, tekstu legendy i nadmiaru ozdób dla rycin Nature.
  3. W3C — Kreskowanie obrysu SVG — Definiuje układ kresek i odstępów pełnego przykładu źródłowego.
  4. Nature — Integralność obrazów i standardy — Wyznacza granice danych źródłowych i przetwarzania dla porad o obrazach naukowych.

Więcej z bloga

PerfectVector

Zamień logo lub grafikę w
czysty, edytowalny SVG

Bez karty kredytowej