Okuma deneyimini geliştirmek için en iyi yazı tipleri


13

Temel amacı içeriğe (yasama organı) hizmet vermek olan bir web sitesi inşa ediyorum ve kullanıcılara en iyi okuma deneyimini sunmak istiyorum. Aşağıdaki örnek sayfaya göz atabilirsiniz:

http://iura.cl/cc/44

Gördüğünüz gibi, şu anda Telex webfont'u kullanıyorum. Ayrıca parlamayı azaltması gereken gece okuması için bir seçeneğim var:

http://iura.cl/cc/44?estilo=nocturno

Eğer okunacak bir rehber varsa, okunabilir olmasını sağlamak için seçtiğim yazı tipi hakkında neyi düşünmeliyim acaba?


2
"Hangi yazı tipini öneriyorsunuz" cevabımız için çok geniş bir soru. Ayrıca, bir yazı tipinin bir şeyin 'okunabilir' olmasının kesinlikle önemli bir parçası olmasına rağmen, diğer değişkenlerin de (sütun genişliği, satır aralığı, renk, ipucu, düzen vb.) Çok
sayıda olduğunu unutmayın

@ DA01 belki tavsiye edebileceğiniz bir rehber var mı?
Dan


1
Soru benim için iyi görünüyor - "Hangi yazı tipini öneriyorsunuz" değil, " Bir web sitesi için yüksek okunabilirlikli yazı tipi nasıl seçilir " - ölçüt yığınları.
Kullanıcı56reinstatemonica8

Yanıtlar:


10

Aslında bir numaralı kriteriniz bir web sitesi için yüksek okunabilirlikli bir yazı tipi ise bazı basit ilkeler vardır .

  1. Ana akım düşünün. Sayesinde @font-facesizin olabilir fontlar binlerce ve binlerce seçim - ama saygın foundaries gelen bile az popüler ya da daha yeni yazı genellikle bazen tarayıcılar ve işletim sistemleri arasındaki sorunları render var. Eğer okunabilirliği öncelikli olur ve çapraz tarayıcı, çapraz işletim sistemi test büyük miktarda yapmak istemiyoruz, bunu güvenli oyun ve bir, güvenilir denenmiş ve test edilmiş yazı kullanmak isteyebilirsiniz. Gibi eski web güvenli yazı tipleri Verdanave Georgiabu kadar yaygın olarak kullanılan konum beri güvenli bahisler, hatta nadir tarayıcı / işletim sistemi kurulumları test edilmiş olacak bulunmaktadır. Ayrıca, aşinalık okunabilirliğe yardımcı olur.
  2. Yüksek x yüksekliği ve geniş. Okuyucu ekranınızın kalitesi veya piksel yoğunluğunun ne olduğunu bilmiyorsunuz, bu nedenle, okunabilirliğe öncelik veriyorsanız, harflerin önemli ayırt edici özelliklerinin çok net olduğundan emin olun. Web okunabilmesi, benzerleri için tasarlanmış yazı tipleri Verdanave Georgiabir veya iki piksel yumru kolayca yeterli olduğu bir mektup önemli bilgiler verilmiştir ve ascenders veya kuyruklu üzerinde minimal pikseller kullanır x yükseklik için onların piksel mümkün olduğunca kullanım bir söylemek bbir mesafede oya da p.
  3. Çok hafif değil. Işık türü, baskı veya yüksek piksel yoğunluğu ekranlarında harika görünüyor - ancak ios7'ye kadar ekranlarda nadiren kullanılmasının ve o zaman bile tartışmalı olmasının iyi bir nedeni var: İzleyici en iyi koşullarda görüntülemiyorsa, yüksek kaliteli bir ekran sabit olarak iç aydınlatma, okunabilirliği riske atar. İyi bir katı normal ağırlığa sahip bir yazı tipi seçin - bahsettiğim Verdanave Georgia?

Elbette bu kriterleri karşılayan çok sayıda yazı tipi vardır Verdanave Georgiaelbette bu ikisi bazen biraz sıkıcı olarak kabul edilir, çünkü 2009'a kadar @fontface yaygın olarak kullanıldığında, web'in çoğu için go-to fonts'du. .

Ancak gerçekten onlarla yanlış gidemezsiniz - web okunabilirliği için tasarlandılar ve her tarayıcı ve işletim sistemi kombinasyonu bunları iyi göstermek için test edilmiş olacak.


Düzenleme: webtype satıcıları ve foundaries zaman do iyi okunabilmesi için test zahmetine girsin, onların pazarlama bu konuda bağırmak olasıdır. Örneğin, webtype "Reading Edge" serisi ( burada bahseden Chris Burton'a şapka ipucu ). Yine de, yaygın olarak test yapın.


1
Tasarımcı değilim ve gözlerimle ilgili bazı sorunlarım var. Bazı yasama metnini okumaktan hoşlanıyorum, ancak bence Brezilya sitesi bazen acıyor, bu yüzden önerinizi aldım (Verdana) ve 1,5 satır yüksekliği, yazı tipi boyutu 16 piksel ve siyah renk ile Şık adlı bir eklenti yerleştirdim . Şimdi benim için çok rahat.
Fabio Montefuscolo

5

Tamam, bu konu hakkında düşüncelerimi vereceğim. Nihai 'en iyi yazı tipi' yoktur ve yazı tipi seçmenin birçok farklı yönüne bağlı olması da mümkün değildir. Ne olabilir 'yazı tipi seçmek için en iyi yöntem'.

Projeniz için en iyi yazı tipini seçmenize yardımcı olacak şeyler;

Medya: Yazı tipi nasıl görüntülenecek, kağıt, tuval, çevrimiçi, taşınabilir aygıt vb. Üzerinde gösterileceği medyaya uygun bir yazı tipi seçtiğinizden emin olmak istiyorsunuz, örneğin Times New Roman'ın bir bloğu. basılı bir belge için iyi olabilir ancak ekranda (özellikle küçük bir ekranda) Times New Roman bloğunun okunması oldukça zor olabilir. Ayrıca, web yazı tipleriyle sınırlıysanız, nelerin kullanılabilir olduğunu görmek istersiniz, google yazı tipleri gibi kaynaklar burada size yardımcı olabilir. (Wikipedia'dan: "Web Güvenli Yazı Tipleri Web uyumlu yazı tipleri, çok çeşitli bilgisayar sistemlerinde bulunma olasılığı bulunan ve Web içeriği yazarları tarafından, içeriğin seçilen yazı tipinde görüntülenme olasılığını artırmak için kullanılan yazı tipleridir. site belirtilen yazı tipine sahip değil, tarayıcıları yazar tarafından belirtilen yedek yazı tiplerine ve genel ailelere göre benzer bir alternatif seçmeye çalışıyor veya ziyaretçinin işletim sisteminde tanımlanan yazı tipi yerine koymayı kullanıyor. ")

İzleyici: Kimin okuyacağını düşünün. Küçük bir çocuk, serif tabanlı bir yazı tipi veya tek bir 'a' çift ​​hikayesi yerine 'a' olmadan daha iyisini yapabilir . Ancak bir düğün davetiyesi söylendiyse, Edwardian Script gibi fontlar bu bağlamda son derece popüler olan şeydir, çünkü daha fazla Serif ile yüzleşelim, daha dekoratif daha iyi - bazı gelinlere göre;) yine de dekoratif şeyler olsa da) tüm içerikten ziyade başlıklar için kullanılır. Bilge bir

Kontrast / Renk: Yine bu, projeniz açısından dikkate alınması gereken bir şey. Tabii ki çok yüksek kontrastın bir sonucu olarak insanları kör etmek ya da onlara çok düşük kontrastı olan bir şeye gözlerini kırpmak istemiyorsunuz - bu kısım açıktır. Ancak renk düzeninize bağlı olarak parlaklık ve kontrast ayarlarıyla uğraşmak isteyebilirsiniz. Örneğin GD.SE'nin tamamen siyah ve tamamen beyaz olmadığını fark edeceksiniz ( burada sorulduğu ve cevaplandığı gibi ) - bundan daha düşük bir kontrastı vardır, sonuç olarak bu web sitesine karşılaştırılarak çok uzun süre bakmak oldukça kolaydır. çok daha yüksek kontrastlı bir şeye bakmak için - gözlerin yorulur!

Ağırlık: Biraz daha okunaklı bazı ağır olanlardan daha olmasını on genel çakmak ağırlıklı yazı, bu daha da tartışılmıştır burada yararlı olabilecek okunabilirlik diğer unsurlarıyla birlikte.

Kaç tane: Medyanıza, kitlenize ve içeriğinize bağlı olarak birkaç yazı tipi seçmek isteyebilirsiniz. Bu konuda ihtiyatlı olmayı öneririm. Kesinlikle içeriği karıştırmak istemezsiniz. Yazı tipinin tüm amacı bir şeyi iletmektir, aradığınız şey bunu en etkili şekilde yapmanın yoludur. Çok fazla yazı tipi kafa karıştırıcı olabilir, ancak tek bir yazı tipi bazen sıkıcı olabilir. Genellikle kalın / italik ve boyut açısından iki yazı tipiyle karıştırmak eğilimindedir. Yazı tiplerini eşleştirmek burada biraz daha tartışılmaktadır .

Bunlar, boş bir sayfadan gidiyorsanız daralmanız gereken bazı konulardır, ancak gerçekten geldiğinde dikkate alınması gereken çok şey olsa da, o kadar da kötü değildir. Bir projenin ilk aşamasında doğru yazı tipini / yazı tiplerini seçmenin değeri karşılaştırılamaz! Burada bir yazı tipi seçerken dikkate alınması gereken faktörler hakkında daha fazla bilgi var.

İyi bir benzetme, giyinmek gibi, burada tartışılan basit bir kavram .

Cevabımın biçimi doğal olarak düştükçe, önce kimin için olduğunu ve ne söylemesi gerektiğini bulmak istersiniz - o zaman iletişim araçlarını, hangi yazı tipini :) bulmak istersiniz ve bu bir Çok sayıda bağlantı olmadan Jenna-Answer, bu burada daha ayrıntılı olarak ele alınmaktadır .

Sağladığım bağlantıları okumanızı şiddetle tavsiye ediyorum, oldukça faydalılar ve projeniz için doğru yazı tipini seçmenize yardımcı olacaklar, okuyucu deneyimini geliştirecek olan bu. Sadece okunabilirlikle ilgili değil, aynı zamanda yazı tipinin katkıda bulunduğu tüm bağlam, estetikten yeterince okunabilir bir yazı tipinin tasarımdan tamamen ne zaman ve eşit derecede okunabilir olabileceğinden bahsetmemek gerekir, ancak daha uygun olanı fark edilmeyebilir ve bu nedenle tasarım ve bilgi en önemli şeyler. Bence bunu yapmak için zaman ayırmak oldukça önemlidir.

Umarım yardımcı oldum ve çok fazla dolaşmadım, doğru yazı tipi hakkında biraz tutkuluyum :) Projenizde iyi şanslar.


2

Serif yazı tiplerinin uzun süreler boyunca gözlerde daha kolay olma eğiliminde olduğuna inanıyorum . Daha iyi bir okuma deneyimi için, Adobe Garamond gibi bir serif yazı tipinin iyi çalıştığını düşünüyorum. Times kadar "falan" değil. Seriflerde, serif yazı tiplerinin gittikçe biraz daha "purty" olmasına yardımcı olan bazı ilginç eğriler var.

resim açıklamasını buraya girin

İşte bu konuda hemfikir olduğum bir makale:

Serif ve Sans: Son Savaş


1
Serif yüzlerinin, sans-serif yüzlerine göre daha fazla veya daha az okunabilir olduğuna dair kesin bir kanıt yoktur. Tek istisna, daha düşük çözünürlüklü ekranların bir serif yüzünün ayrıntılarını oluşturmayı zorlaştırabileceği ekranda olacaktır.
DA01

1
Garamond güzel olabilir, ancak düşük ex-em oranı, gövde yazı tipi olarak kullanıldıysa okunabilirliği bozar. Daha cömert yükseklikleri olan serif yazı tipleri arasında Gürcistan, Bit Akışı Şartı ve Charis SIL bulunur.
Gavin R. Putland

@ GavinR.Putland Ex / em oranı hakkında ayrıntı verebilir misiniz? Yalnızca satır aralığı çok küçükse = yanlışsa okunabilirliği olumsuz etkileyebilir. En az% 140 satır aralığı önerilir.
Mikhail V

@ DA01 İnsanların bazı "kanıt" argümanlarından bahsetme eğilimi olduğunu fark ettim. Bir uzman olarak Garamond benzeri yazı tiplerinin en okunabilir olduğunu söyleyebilirim ve aynı şey size diğer tipografi uzmanlarına da söyleyecektir. Bu sizin için bir "kanıt" değil mi?
Mikhail V

@MikhailV bu kanıt değil. Bu görüş. Orada hangi kanıt var (en az) "en okunabilir yüzler kişinin en tanıdık okuma yüzler" doğru eğilme eğilimindedir
DA01

Sitemizi kullandığınızda şunları okuyup anladığınızı kabul etmiş olursunuz: Çerez Politikası ve Gizlilik Politikası.
Licensed under cc by-sa 3.0 with attribution required.