Bilimsel şekiller: Anlamı renksiz de koruyun
Bilimsel şemaları etiketler, şekiller ve çizgi stilleriyle gri tonlamada kontrol edin. Eksiksiz SVG örneğiyle veriyi değiştirmeden koşul kimliğini koruyun.
Bu sayfada
Bilimsel şemanın renksiz çalışması için her önemli koşula renk tonunun ötesinde görünür kimlik verin. Doğrudan etiket ekleyin, uygun sembolleri veya çizgi stillerini ayırt edin, ardından gri tonlamalı kopyayı amaçlanan gösterim boyutunda inceleyin. Farklı palet yardımcı olabilir, ancak etiketsiz koşulu adlandıramaz.
Bu kılavuz kategorik açıklayıcı şemaları ele alır: İki koşulu, grubu veya rotayı gösteren şematik çizimler. Deneysel veri içermeyen özgün iki satırlı SVG (Scalable Vector Graphics) dosyası kullanır. Sürekli ısı haritaları, mikrograflar ve ölçülmüş grafikler veriye duyarlı kendi işlemlerini gerektirir; daha net görünsünler diye işaretlerini yeni şekillere izlemeyin.
Rengin okura ne söylediğini belirleyin
Düzenlenebilir kaynak, şekil açıklaması ve amaçlanan en küçük çoğaltmayla başlayın. Okurun çıkarması gereken ayrımları listeleyin: Sembolün hangi koşula ait olduğu, rotanın nereye gittiği veya etiketin hangi paneli anlattığı.
Ardından rengi zihninizde gizleyin. Talimatlar “turuncu çizgiyi izleyin” veya “mavi daireleri karşılaştırın” oluyorsa bu bağımlılığı okurun şekilde bulabileceği adlarla değiştirin. Gerçek teslimde anlamlı koşul adları kullanın. Aşağıdaki “Koşul A” ve “Koşul B”, yerleşimi göstermek için örnek adlardır.
W3C'nin renk kullanımı kılavuzu, renk bilgi taşıdığında metin veya şekil gibi görünür ipucu ister. Bu web erişilebilirliği kılavuzudur; bilimsel derginin kabul testi değildir. Aynı tasarım ilkesi burada yararlıdır: Ayrımı başka ipucuyla koruyun.
Her koşula ikinci bir kimlik verin
Eşlemeyi netleştiren en az sayıda ipucunu kullanın. Basit şemada her rotanın yanındaki kısa etiket yeterli olabilir. Tekrarlanan işaretçiler veya farklı bağlantı stilleri, okurun açıklamaya dönmeden uzun rotayı izlemesine yardımcı olabilir.
| Koşul | Bu örnekteki renk | Sembol | Bağlantı | Doğrudan etiket |
|---|---|---|---|---|
| A | Mavi | Daire | Düz | Koşul A |
| B | Turuncu | Üçgen | Kesikli | Koşul B |
Bu eşlemeyi paneller arasında tutarlı tutun. Alanınızda üçgen zaten belirli bileşeni anlatıyorsa anlamını koruyup başka ipucu seçin. Benzer biçimde, varsayımsal bağlantıyı anlatan kesikli çizgiyi başka amaçla kullanmayın. Yedekli kodlama, aynı kimliği birden fazla ipucuyla ifade etmektir; bilinen sembollere çelişkili anlamlar atamak değildir.
Hedefinize uygun palet seçin ve etiketleri arka planda okunaklı tutun. Nature'ın şekil gereksinimleri, erişilebilir palet ister ve siyah metinle eşleştirilmiş renkli açıklama kutuları gösterir. Desenleri ve dekoratif kalabalığı da önermez. Bu, her nesneyi taramayla doldurmak yerine sade etiketleri ve amaçlı sembolleri destekler.

İki koşullu SVG'yi deneyin
Bu eksiksiz örneği conditions.svg olarak kaydedin. Tarayıcıda veya vektör düzenleyicide açın. Beyaz arka planı, etiketlenmiş iki satırı vardır; dış görüntü veya içe aktarılmış yazı tipi yoktur. Farklı semboller bilinçli olarak geneldir; biyolojik mekanizma temsil etmez.
<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>Kaynak etiketleri metin olarak tutar. stroke-dasharray="12 8" alt bağlantıya tekrarlanan çizgi-boşluk deseni verir; SVG'nin kesikli kontur tanımı bu uzunlukların yolu nasıl izlediğini belirler. Ne etiket ne üçgen turuncuyu tanımaya bağlıdır.
- 600 × 240 sürümünü açın. İki etiketin de olduğunu, dairelerin A'ya, üçgenlerin B'ye ait olduğunu doğrulayın.
- Renkli kopya dışa aktarın, ardından bu çıktının gri tonlamalı kopyasını oluşturun. Renkli ana dosyayı koruyun. Renk açıklamasına başvurmadan iki koşulu adlarıyla tanımlayıp bağlantılarını izleyebildiğinizi kontrol edin.
viewBoxdeğişmedenwidth="300"veheight="120"ile daha küçük kaynak kopyası oluşturun. İki çıktıyı tekrarlayın. Bu, evrensel asgari boyutu değil, tek küçültmeyi kontrol eder.- Makaleye veya slayda gerçekten yerleştireceğiniz dosyayı inceleyin. Etiketlerin, sembollerin ve bağlantı stillerinin çıktı ve sonraki boyutlandırmalarda korunduğunu doğrulayın.
Bilinçli olarak daha zayıf kontrol için metin grubunu kaldırın, üçgenleri aynı konumlardaki dairelerle değiştirin ve stroke-dasharray değerini kaldırın. Hâlâ iki renkli satırı vardır. Soru, iki gri tonunun tesadüfen aynı görünmesi değil, koşul adlarının mevcut kalıp kalmadığıdır.
İki sürümü librsvg ile 600 × 240 ve 300 × 120 pikselde render ettik, ardından her çıktıyı 0.299R + 0.587G + 0.114B RGB ağırlıklarıyla gri tonlamaya çevirdik. Dört yedekli sürümün tamamında etiketler, daire/üçgen ayrımı ve düz/kesikli bağlantılar görünür ve kesilmemiş kaldı. Kontrolün mavi ve turuncusu, 0–255 ölçeğinde 87 ve 119 olmak üzere farklı gri değerlerine dönüştü. Bu yüzden kontrolü ayırt edilemez diye anlatmıyoruz. İyileşme, renk tonuna bağlı olmayan açık koşul kimliğidir.
Bunlar bu hazırlanmış SVG'nin dijital kontrolleridir. Fiziksel baskı test etmedik veya okurlarla çalışma yürütmedik. Gri tonlama dönüşümü her renk görme farklılığını da çoğaltmaz. Kitlenize ve derginize uygun kontrollerle birlikte tek inceleme görünümü olarak ele alın.
Son boyutta başarısız olan ipucunu düzeltin
Etiket çok küçülürse dikkatle kısaltın veya daha büyük metne yer açın. Kesikler görünüşte düz çizgide birleşiyorsa kesik aralığını değiştirin veya uygun başka ipucu kullanın. İşaretçi şeklini kaybediyorsa sadeleştirin veya büyütün. Onarımın başka yerde örtüşme yaratmaması için her değişiklikten sonra tüm şekli yeniden kontrol edin.
Fiziksel boyut hesapları için bilimsel şekil yazı boyutu ve çizgi genişliği hakkındaki ayrı kılavuzu kullanın. Bu makalenin 300 piksellik örneği ekran render kontrolüdür; dergi sütun genişliği önerisi değildir.
Açıklamayı çizimle eşzamanlı tutun. “Turuncu çizgi” yerine koşul adı ve görünür ipucunu yazın; örneğin “Koşul B, kesikli bağlantı”. Çevrimiçi şekillerde temel karşılaştırmayı anlatan uygun metin alternatifi veya açıklama da sağlayın. Yalnızca görünür etiketler, şekli göremeyen kişiler için erişilebilirliği kanıtlamaz.
Sunumu düzenlerken bilimi koruyun
Ölçülmüş grafikleri grafik oluşturma kaynağında düzeltin ve alttaki değerler korunarak yeniden dışa aktarın. Mikrograflarda özgün görüntüleri koruyup derginin görüntü işleme kurallarını izleyin. Nature'ın görüntü bütünlüğü politikası, son görüntünün özgün veriyi doğru temsil etmesini ister ve işleme açıklama gereksinimlerini anlatır. Daha düzenli görünene kadar görüntüyü yeniden çizmek bu iş akışının yerini tutmaz.
Elinizde yalnızca ayrı raster şema varsa PerfectVector'ın bilimsel şemadan SVG'ye iş akışı, düzenlenebilir şekilleri kurtarmaya yardımcı olabilir. Önizlemeyi kontrol edin, ardından SVG düzenleme ve dışa aktarma için sonucun kilidini açın. Kurtarılan her bağlantıyı ve sembolü kaynakla karşılaştırın, gerektiğinde etiketleri metin olarak yeniden oluşturun. Kurtarılmış şekil yalnızca bilimsel anlamı korunursa yararlıdır. Düzenlenebilir çiziminiz zaten varsa doğrudan düzeltin; SVG renklerini değiştirme bu dar düzenleme adımını ele alır.
Her koşulun açık adı olduğunda, renk dışı ipuçları yerleştirilmiş şekilde okunaklı kaldığında ve açıklama uyduğunda bitirin. Eksik vektör kaynak ayrı şemayı engelliyorsa PerfectVector ile şekillerini kurtarın, ardından dışa aktarılan sonuçta kimlik kontrolünü tekrarlayın.
Sık sorulan sorular
Renk körlüğüne uygun palet bilimsel şema için yeterli mi? Uygun palet yardımcı olur, ancak koşul kimliği doğrudan etiketler veya başka uygun ipuçlarıyla da mevcut olmalıdır. Açıklama dâhil tüm şekli amaçlanan boyutta kontrol edin.
Gri tonlama kontrolü şeklin erişilebilir olduğunu kanıtlar mı? Hayır. Renk tonu olmayan tek renderı kontrol eder. Her renk görme farklılığını, az görmeyi, ekran okuyucu erişimini veya belirli derginin gereksinimlerini kapsamaz.
Tüm bilimsel sembollerimi daire ve üçgene çevirmeli miyim? Hayır. Örnek genel yer tutucular kullanır. Zaten bilimsel anlam taşıyan sembolleri ve çizgi stillerini koruyun, etiket veya başka uyumlu ipucu ekleyin.
Kaynaklar
- W3C — Renk kullanımını anlama — Renge görünür alternatifleri ve erişilebilirlik ölçütünün sınırlarını açıklar.
- Nature — Şekil hazırlama: Gereksinimlerimiz — Nature şekilleri için atıf yapılan palet, açıklama metni ve kalabalık kılavuzunu sağlar.
- W3C — SVG kesikli konturları — Eksiksiz kaynak örneğinde kullanılan çizgi-boşluk desenini tanımlar.
- Nature — Görüntü bütünlüğü ve standartları — Bilimsel görüntü kılavuzunun arkasındaki kaynak veri ve işleme sınırlarını belirler.
Bloga daha fazlası

Tasarımı Kaybetmeden Tek Renkli Logo Nasıl Yapılır?
Çok renkli logoyu temel ayrıntıları koruyarak tek düz renge dönüştürün. Negatif alan kullanın, açık ve koyu zeminleri test edip küçük sürümü kontrol edin.
Shopify için özel SVG simge: temiz marka işareti
Shopify teması için özel bir SVG simge hazırlayın, ardından bir görüntü dosyası veya satır içi Liquid kod parçası (snippet) seçin. Yolları, renk kontrolünü, boyutu ve erişilebilirliği kontrol edin.
