Karusel yazı tipleri, metin boyutu ve kontrast

Karusel metni hangi yazı tipi boyutunda olmalı?

Monitörünüz için değil, telefon için tasarlayın. Bir telefon 1080 px’lik bir slaytı yaklaşık 360 nokta genişliğinde, yani piksel cinsinden genişliğinin üçte biri kadar gösterir (büyük telefonlar biraz daha geniş gösterir). Yani slaytta belirlediğiniz her boyut, insanların okuduğu ekranda yaklaşık üç kat küçük görünür.

Apple’ın tasarım yönergeleri iPhone’daki en küçük metni 11 punto, varsayılan okuma boyutunu 17 punto olarak belirler. Üçle çarpın, 1080 px’lik bir slaytın rakamlarını bulursunuz: insanların okuması gereken her şey için en az yaklaşık 33 px, rahat bir gövde metni için yaklaşık 51 px. aiCarousels’ın ücretsiz LinkedIn PDF karusel kontrolü aracı, yaklaşık 24 px’in altındaki metni telefonda okunması zor olarak işaretler: bunu sayfa numarası ya da kullanıcı adınız gibi küçük etiketler için alt sınır sayın, cümleler için bir boyut olarak değil.

1080 px’lik bir slayttaki metin boyutları ve telefonda neye dönüştükleri

Slayt boyutları üçe bölünmüştür: slaytı 360 nokta genişliğinde gösteren bir telefon. Ekran noktası Apple’ın birimidir, her biri yaklaşık bir CSS pikseli; WCAG büyük metni baskı puntosuyla ölçer ve onun 18 pt’si bunlardan yaklaşık 24’üne denk gelir. Son sütun bu ekran boyutunda çizilmiştir. Apple’ın boyutları: Human Interface Guidelines, Typography ve UI Design Dos and Don’ts.

Daha büyük bir tuvalde mi çalışıyorsunuz? Aynı şekilde ölçeklendirin: 2160 px genişlikte her sayıyı ikiye katlayın. İnce ya da dar bir yazı tipi bu boyutlardan daha azına değil, daha fazlasına ihtiyaç duyar; Apple’ın yönergeleri, özel bir yazı tipinin ince bir kalınlığı varsa daha büyük boyutlar hedeflenmesini söyler.

Yaygın karusel boyutlarının hepsi 1080 px genişliğindedir (LinkedIn ve Instagram 4:5 için 1080 × 1350, Instagram 3:4 için 1080 × 1440, TikTok için 1080 × 1920), bu yüzden bu boyutlar her platformda işe yarar. Her uygulamanın tam boyutları her platformda karusel boyutları rehberinde.

Karuseller için en iyi yazı tipleri hangileri?

En iyi karusel yazı tipi, insanların okurken fark etmediği yazı tipidir. Her platformda geçerli birkaç kural:

• İki yazı tipi yeterli. Biri başlıklar için, biri geri kalan her şey için. Hiyerarşinin geri kalanında üçüncü bir yazı tipi değil, boyut ve kalınlık kullanın.
• Kişiliği başlık yazı tipi taşısın. Bir serif, kalın bir grotesk ya da dar bir display yazı tipi birkaç büyük kelime için iyi iş görür.
• Gövde yazı tipini sade tutun. Açık harf biçimleri, cömert bir x yüksekliği (küçük harflerin yüksekliği) ve sağlam bir normal kalınlık. Temiz sans seriflerin çoğu bu koşulu karşılar.
• Küçük boyutlarda ince ve hafif kalınlıklardan kaçının. Apple’ın yönergeleri Ultralight, Thin ve Light kalınlıkların özellikle metin küçükken zor görüldüğü konusunda uyarır.
• El yazısı fontları ve tamamı büyük harfli metni birkaç kelimeye saklayın. El yazısı bir yazı tipi ya da tamamı büyük harfli bir satır, küçük harflerden daha yavaş okunur. Kısa bir başlık için iyidir, bir paragraf için yorucudur.
• Her slaytta aynı yazı tiplerini kullanın, her karuselde de. İnsanlar görünümünüzü öğrenir; bir marka kiti de yazı tiplerini ve renkleri her yeni karusel için saklar.

Telefonda iyi okunan yazı tipi çiftleri

Çiftler ücretsiz yapay zekâ ile yazı tipi eşleştirme aracından. Hepsi ticari kullanımı ücretsiz Google Fonts yazı tipleridir.

Karusel metninin ne kadar kontrasta ihtiyacı var?

Kontrast, metin ile arkasındaki şey arasındaki açıklık farkıdır ve 1:1’den (hiç yok) 21:1’e (beyaz üzerinde siyah) kadar bir oran olarak yazılır. Web’in erişilebilirlik standardı WCAG 2.2, metin için en az 4,5:1, büyük metin için 3:1 ister: 18 punto ya da kalın yazıda 14 punto. WCAG aynısının metin görsellerine de uygulandığını söyler ve her karusel slaytı böyle bir görseldir. Yalnızca logolar ve rastlantısal metin muaftır: tamamen süs olan ya da bir fotoğrafın parçası olarak denk gelen kelimeler. Bir slaytın başlığı ve gövde metni bunların hiçbiri değildir.

WCAG 18 baskı puntosunu ekranda yaklaşık 24 px olarak, yani yukarıdaki tablodaki 24 ekran noktası olarak kabul eder. Telefonun üçte bir boyutunda gösterdiği bir slaytta bu yaklaşık 72 px eder (kalın yazıda yaklaşık 56 px). Yani o büyüklükteki başlıklar 3:1 kullanabilir. Gövde metniniz dahil daha küçük her şey 4,5:1 gerektirir.

Karusel renkleri için kontrast örnekleri

Oranlar, bu renklerin tam değerleri için WCAG formülüyle hesaplandı. Turuncu, alışılmış çözümü gösteriyor: rengi koruyun, üzerindeki metni değiştirin.

• Fotoğraf üzerindeki metnin kontrastı harften harfe değişir. Kelimeleri düz bir panelin üzerine koyun ya da arkalarındaki fotoğrafı koyulaştırın ve metnin arkasındaki en açık noktayı kontrol edin.
• Marka renkleri metin rengi olarak çoğu zaman yetersiz kalır. Onları arka planlar, şekiller ve tek bir vurgu kelimesi için kullanın; metni koyu ya da açık nötr renginizle yazın.
• Pay bırakın. 4,5:1 iyi bir ekrandaki alt sınırdır. İnsanlar karuselleri güneş ışığında, parlaklık kısıkken okur. Daha yüksek bir oranın hiçbir maliyeti yoktur.

Bir karusel slaytına ne kadar metin konmalı?

Sandığınızdan az. Kelimeler yukarıdaki boyutlarda sığmıyorsa slaytta çok fazla şey var demektir.

• Her slayta tek fikir. Asıl noktayı söyleyen bir başlık ve onu destekleyen bir iki satır.
• Kısa bir kapak. aiCarousels’ın Paylaşmaya hazır mısınız? kontrolü ilk slayt için 12 kelime veya daha azını hedef olarak sayar.
• Küçültmeyin, bölün. Bir slayt paragraf gibi okunuyorsa iki slayt yapın. Çoğu platform size yer tanır: Instagram 20’ye kadar slayt kabul eder.
• Kısa listeler. Slayt başına birkaç madde, her biri tek satırda.

aiCarousels’ta bunu daha hiçbir şey yazılmadan ayarlayabilirsiniz: Diğer seçenekler › Slayt başına kelime altında Otomatik, Vurucu (en az kelime), Dengeli ve Ayrıntılı seçenekleri var. Düzenlerken okunabilir boyutta sığmayan metin küçülmek yerine kırmızı bir Bu kutu için çok uzun etiketi alır; Sığacak kadar kısalt da onu sizin sesinizle kısaltır. İşte akıllı metin sığdırma bu. Ya da slaytı daha geniş bir düzene geçirin: kelimeleriniz de onunla birlikte taşınır.

Unicode kalın yazı ekran okuyucular için kötü mü?

Kalın yazının nerede olduğuna bağlı.

• Slaytta: kalın yazı, yazı tipinin görsele çizilmiş kendi kalın biçimidir. Görebilen herkese aynı görünür. Sorun yok.
• Açıklamada: bir metin biçimlendiriciden yapıştırdığınız “kalın” aslında kalın değildir. Matematik için yapılmış başka bir karakter kümesidir: Mathematical Alphanumeric Symbols (U+1D400 – U+1D7FF). Unicode bunların gerçek biçimlendirme yerine kullanılmamasını önerir. Engelliler için çalışan Scope adlı yardım kuruluşunun açıkladığı gibi, ekran okuyucular bunları atlayabilir ya da “mathematical sans-serif script t” gibi bir şey okuyabilir.

Bu yüzden biçimlendirilmiş harfleri birkaç kelimeyle sınırlı tutun; asla bir isimde, bir etikette ya da insanların mutlaka anlaması gereken cümlede kullanmayın. Her uygulamada nasıl yapılacağı LinkedIn’de kalın yazı rehberinde ve Instagram kalın yazı aracında.

LinkedIn, Instagram ve TikTok’ta yazı tipleri ve metin boyutları değişir mi?

Yukarıdaki boyutlar her yerde geçerlidir, çünkü slaytların hepsi 1080 px genişliğindedir. Değişen, slaytların üstüne gelen şeylerdir:

• TikTok ve 9:16 slaytlar: uygulamanın düğmeleri ve açıklama slaytın kenarlarını kapatır. Kelimeleri onlardan uzak tutun. Güvenli alanları göster’i açtığınızda aiCarousels bu alanları çizer.
• Instagram: slayt sayacı sağ üstte, noktalar da görselin altında durur. Kenarlarda pay bırakın ve her slayt için alternatif metin yazın.
• LinkedIn: karusel bir PDF belgesidir. Sayfa boyutu, kapak ve PDF’in kendisi LinkedIn karusel tasarım ipuçları ve ölçüleri rehberinde anlatılıyor.

Bir örnek: bu kurallarla yapılmış bir karusel

4:5 boyutunda altı slayt. Büyük başlıklar, her birinde tek satır gövde metni, açık üzerine koyu ve kapaktan son slayta kadar tek bir yazı tipi çifti.

aiCarousels’ta yazı tipleri, metin boyutu ve kontrast nasıl ayarlanır