herkese günaydın!!! Bugün yazı tiplerinden bahsedeceğiz. Ve yabancı bir yoldaş bize bu konuda yardımcı olacaktır. Dikkatle okuyor ve deneyimlerden öğreniyoruz.

Kuşkusuz, font çözümünün seçimi sitenin algılanmasında büyük rol oynamaktadır. Sonuçta, çoğu site neredeyse tamamen metinlerden oluşur.

Tomas Laurinavicius, web tasarımcılarının çalışmalarında en çok hangi yazı tiplerini kullanmayı sevdikleriyle ilgileniyordu.

Web sitesi ve blog tasarımcıları arasında en popüler ve sevilen yazı tiplerini belirlemek için küçük bir vaka çalışması yaptı.

Ayrıca belirli bir durum için hangi yazı tipinin en uygun olduğunu bulmak için web tasarımcılarıyla kısa bir röportaj yaptı. Thomas anketinin sonuçlarını hongkiat.com'da paylaştı.

Ankette, web tasarımcıları 73 farklı yazı tipini belirledi - 46 ücretsiz ve 27 ücretli.

Web tasarımcılarının en sevdiği yazı tipleri: Helvetica, Arial, Georgia, Gotham, Myriad Pro, DIN, Futura, League Gotic, Cabin, Corbel.

Sunulan yazı tiplerinin hepsinin, özellikle ücretsiz sürümde Kiril olmadığı unutulmamalıdır.

Web Tasarımcıları İçin En Sevilen 10 Ücretsiz Yazı Tipi

Görüşülen tasarımcılar, web grafikleri için en iyi 10 yazı tipini seçti. Bu, Arial, Verdana, Times New Roman, Georgia veya Tahoma gibi işletim sistemine varsayılan olarak yüklenen yazı tiplerini hesaba katmadı. (Bu biraz garip - ilk etapta işletim sistemindeki yazı tipi).

Web Tasarımcıları İçin En Sevilen 10 Ücretli Yazı Tipi

Aşağıdaki liste, web grafikleri ve tasarımında kullanılan en popüler ücretli yazı tiplerini içerir. Bazıları çok pahalıdır, ancak kalite kendisi için konuşur ve maliyeti haklı çıkarır.

Yazı tipi önemlidir. Her şey yolundayken fark etmediğiniz hava gibi. Çoğu insanın hangi yazı tiplerinin adı veya nasıl farklı oldukları hakkında hiçbir fikri yoktur (ki bu iyidir), ancak kullandığınız yazı tipi projenize uymuyorsa sitenizde bir sorun olduğuna dair açık bir hisleri vardır.

yazı tipi ağırlığı nedir

Yazı tipi okunabilirliği

Hangi yazı tipini seçerseniz seçin, iyi okumalıdır. Özellikle arka plan fotoğrafı kullanıyorsanız. Küçük ayrıntılar içeren bir fotoğrafa ince bir yazı tipi koyarsanız, metin okunmayacaktır. Her zaman buna dikkat edin.

Ne yapılabilir? İlk olarak, arka plana uygun bir fotoğraf kullanın: büyük, tek tip öğelerle. İkincisi, fotoğrafı bir filtreyle boğ, daha pürüzsüz hale gelecek ve metin daha iyi okunacaktır. Üçüncüsü, "satır içi stil" uygulayarak belirli bir bloğun doygunluğunu artırmak mümkündür. Bu, ayarları sitenin tamamı için değil, yalnızca metnin bir kısmı için belirlediğiniz anlamına gelir. Metni seçmeniz ve parametreleri düzenleyici aracılığıyla ayarlamanız gerekir.

Genel ayarların üstünde bu şekilde uygulanan bir stil her zaman öncelikli olacaktır. Bu nedenle, site ayarlarındaki parametreleri aniden değiştirirseniz ve değişiklikler görünmezse, bu yere "satır içi stil" uygulanır. Kaldırmak için metni seçmeniz ve "temizle" simgesini tıklamanız gerekir.

Örnek 1: Metin çok okunaklı değil

Örnek 2: Metin iyi okuyor

Yazı tipi seçme konusu ilginizi çekiyorsa, projenize yakın iyi siteler bulun ve hangi yazı tiplerini kullandıklarına bakın. What Font tarayıcı uzantısı bunu belirlemeye yardımcı olacaktır.

Ayrıca, kullanılan yazı tipine göre web sitesi ve baskı örneklerini toplayan ve sıralayan bir kaynak olan http://fontsinuse.com/ adresindeki Bağımsız Tipografi Arşivi'ne de göz atabilirsiniz.

Günlüklerimden birinde, notlarımda hangi yazı tipinin en iyi kullanılacağına dair bir tartışma okudum. İşte 15 yıllık deneyime sahip bir profesyonelin bu konuda ne düşündüğü...

Bana göre, okunması daha kolay bir yazı tipi daha iyidir. Ancak metin, kağıt üzerinde ve monitör ekranında farklı şekilde okunur. Bu nedenle, site için en uygun yazı tipi her zaman basılı olarak kullanılmaya değmez.

Kuralı hatırlayın: kağıt üzerinde ekrandan bir serif yazı tipi okumak en iyisidir - bir sans serif yazı tipi.

Bunun sebebi bence bilgilerin kağıt üzerinde ve monitör ekranında farklı görüntülenmesidir. Bu nedenle, bir yazı tipi için tipografik baskıda, norm 700 dpi (inç başına nokta - inç başına nokta sayısı) olarak kabul edilir ve monitör ekranındaki görüntünün netliği yalnızca 72 dpi - on kat daha azdır. ..

Ama sorumuza geri dönelim - hangi yazı tipi daha iyi? Web siteleri ile ilgili olarak buna net bir cevap verilebilir: bu Verdana. Üstelik bu benim görüşüm değil, bilimsel olarak kanıtlanmış bir gerçektir. Bu yazı tipi gerçekten okunabilir en iyi ekran!

Bu yazı tipinin oldukça ilginç bir geçmişi var.

Küçük harf boyutlarında bile ekranda okunması kolay bir yazı tipi olarak 1996 yılında Microsoft için özel olarak geliştirilmiştir. Serif olmaması, geniş karakter boyutları ve geniş aralıklar sayesinde Verdana gerçekten okunaklı!

Başka bir şey ise, inanılmaz okunabilirliği ile çok sevimli: sonuçta, metnin sadece kolay okunmasını değil, aynı zamanda güzel görünmesini de istiyorsunuz (beğenmek/beğenmemek bir zevk meselesi olmasına rağmen). O zaman bir alternatif aramanız gerekir - iyi, öyleler.

İlk 4: Arial, Helvetica, Verdana ve Georgia yazı tipleri

Smashing Magazine tarafından 35 web tasarımcısı arasında yapılan bir ankete göre, iki yazı tipi ilk sırada yer alıyor: Helvetica ve Arial. (Genel eğitim için, Helvetica'nın İsviçreli tasarımcılar tarafından yarım yüzyıldan daha uzun bir süre önce geliştirildiğini ve Arial yazı tipinin yirmi yıl daha genç olduğunu söyleyeceğim.) Bu yazı tipleri İnternette en yaygın olanlardır ve bu nedenle en iyisi olduklarını iddia edebilirler. .

Enfes Georgia yazı tipi çok popülerdir (ve çok sevilir). Bu yazı tipi serif olmasına rağmen internette çok yaygın. Örneğin, Forbes dergisinin çevrimiçi versiyonunda ana yazı tipi olarak kullanılmaktadır.

Aslında, İnternetteki iyi web sitelerine bakarsanız, yukarıdaki dört yazı tipinin her yerde bulunduğunu göreceksiniz. Diğer yazı tipleri kuraldan ziyade istisnadır. Bu nedenle özetlemek gerekirse site için en iyi fontların Arial, Helvetica, Verdana ve Georgia olduğunu özetleyebiliriz.

Kağıttan okumak için yazı tiplerine gelince, o kadar çok (birkaç bin) var ki, en iyilerinden bazılarını seçmek neredeyse imkansız. Bununla birlikte, kulağa ne kadar basmakalıp gelse de, Times New Roman ve varyasyonları basılı olarak yaygındır. Bu nedenle, en iyi çevrimdışı yazı tipinin defnelerini ona bırakacağız.

not Bu arada, Serif ve Sans Serif Fransızca'dan çevrilmiştir: serif ve sans serif.

---------
Doktorlar yılda iki kez diş hekimlerini ziyaret etmenizi önerir. Ancak, diş çekimi fiyatları sorusu ortaya çıktığında, burada artık şartlara, fiyatlara bakmıyorsunuz. Ama ESCULAP ​​kliniğine giderseniz her şeye en üst düzeyde karar verilir. Sağlıklı olmak!

Bana göre, okunması daha kolay bir yazı tipi daha iyidir. Ancak metin, kağıt üzerinde ve monitör ekranında farklı şekilde okunur. Bu nedenle, site için en uygun yazı tipi her zaman basılı olarak kullanılmaya değmez.

Pavel ŞUDNEV

Kuralı hatırlayın: kağıt üzerinde ekrandan bir serif yazı tipi okumak en iyisidir - bir sans serif yazı tipi.

Bunun sebebi bence bilgilerin kağıt üzerinde ve monitör ekranında farklı görüntülenmesidir. Bu nedenle, bir yazı tipi için tipografik baskıda, norm 700 dpi (inç başına nokta - inç başına nokta sayısı) olarak kabul edilir ve monitör ekranındaki görüntünün netliği yalnızca 72 dpi - on kat daha azdır. ..

Ama sorumuza geri dönelim - hangi yazı tipi daha iyi? Web siteleri ile ilgili olarak buna net bir cevap verilebilir: bu Verdana. Üstelik bu benim görüşüm değil, bilimsel olarak kanıtlanmış bir gerçektir. Bu yazı tipi gerçekten okunabilir en iyi ekran! Bu yazı tipinin oldukça ilginç bir geçmişi var.

Küçük harf boyutlarında bile ekranda okunması kolay bir yazı tipi olarak 1996 yılında Microsoft için özel olarak geliştirilmiştir. Serif olmaması, geniş karakter boyutları ve geniş aralıklar sayesinde Verdana gerçekten okunaklı!

Başka bir şey ise, inanılmaz okunabilirliği ile çok sevimli: sonuçta, metnin sadece kolay okunmasını değil, aynı zamanda güzel görünmesini de istiyorsunuz (beğenmek/beğenmemek bir zevk meselesi olmasına rağmen). O zaman bir alternatif aramanız gerekir - iyi, öyleler.

İlk 4: Arial, Helvetica, Verdana ve Georgia yazı tipleri

Smashing Magazine tarafından 35 web tasarımcısı arasında yapılan bir ankete göre, iki yazı tipi ilk sırada yer alıyor: Helvetica ve Arial. (Genel eğitim için, Helvetica'nın İsviçreli tasarımcılar tarafından yarım yüzyıldan daha uzun bir süre önce geliştirildiğini ve Arial yazı tipinin yirmi yıl daha genç olduğunu söyleyeceğim.) Bu yazı tipleri İnternette en yaygın olanlardır ve bu nedenle en iyisi olduklarını iddia edebilirler. .

Enfes Georgia yazı tipi çok popülerdir (ve çok sevilir). Bu yazı tipi serif olmasına rağmen internette çok yaygın. Örneğin, Forbes dergisinin çevrimiçi versiyonunda ana yazı tipi olarak kullanılmaktadır.

Aslında, İnternetteki iyi web sitelerine bakarsanız, yukarıdaki dört yazı tipinin her yerde bulunduğunu göreceksiniz. Diğer yazı tipleri kuraldan ziyade istisnadır. Bu nedenle özetlemek gerekirse site için en iyi fontların Arial, Helvetica, Verdana ve Georgia olduğunu özetleyebiliriz.

Kağıttan okumak için yazı tiplerine gelince, o kadar çok (birkaç bin) var ki, en iyilerinden bazılarını seçmek neredeyse imkansız. Bununla birlikte, kulağa ne kadar basmakalıp gelse de, Times New Roman ve varyasyonları basılı olarak yaygındır. Bu nedenle, en iyi çevrimdışı yazı tipinin defnelerini ona bırakacağız.

not Bu arada, Serif ve Sans Serif Fransızca'dan çevrilmiştir: serif ve sans serif.

İlgili Bağlantılar:

InspirationBit web sitesinde, Web Tasarımı için En İyi 16 Yazı Tipi yazısında yukarıda belirtilen web tasarımcıları anketinin sonuçlarını okuyabilirsiniz.

Web sitesi yeniden tasarımı nedir ve neden gereklidir?

Yeniden tasarımın eski bir site için yeni bir tasarım olduğuna inanılıyor ve sitenin daha modern görünmesi için gerekli. Bu, gerçeklikle pek ilgisi olmayan çok yüzeysel bir bakış açısıdır: aslında, her şey çok daha ciddi ... ve ilginç.

Site yazı tipi- bu, siteniz için ana tasarım sorunlarından biridir. Doğru boyut, renk ve yazı tipi, bir bütün olarak kaynağın okunabilirliği, güzelliği ve verimliliği sorunlarını çözebilir.

En iyi ve en çok kullanılan yazı tiplerinin TOP 10'u

Aşağıdaki tüm yazı tipleri temel olarak kabul edilir, bu nedenle yazı tipi dosyasını (* .ttf) sitenin bulunduğu dizine yüklemeden bile sitede kullanılabilirler.

1. Tahoma

2. Verdana

3. Arial / Arial Siyah / Arial Narrow

4. Times New Roman

5. Palatino Linotip / Palatino

6. Darbe

7. yüzyıl gotik

8. Helvetica

9. Gürcistan

10. solungaç sans mt

Bunlara ek olarak:

11. kurye yeni

12. kalibre

13. mancınık MS

14. Lucida Sans Unicode

Sitede yazı tiplerini kullanmak için birkaç kural

1. Okunabilir metnin temeli başlıklardır. Okuyucunun dikkatini genel bilgi akışıyla rahatsız etmeden istenen bölüme veya pasaja odaklamasına izin veren bir tür işaretçi görevi görürler. Ayrıca anahtar kelimelerinizi vurgulamaya çalışın!

başlık

İlk paragraf

İkinci paragraf paragraf

2. Sitenin genel bir konsepti olmalıdır, bu nedenle site başına 2-3'ten fazla yazı tipi kullanmaya çalışmayın. Aşağıda CSS kodu var

Gövde (yazı tipi: 14 piksel / %100 Tahoma, Verdana, sans-serif)
14 piksel yazı Boyutu, 100% satırlar arasındaki girinti, Tahoma kullanılan yazı tipi
3. Tasarımdan sonra metin okunabilir olmalıdır - kontrastı gözlemleyin (beyaz bir arka plan üzerinde siyah metin, mavi üzerine beyaz vb.). Her ikisi için de parlak renkler kullanmamaya çalışın. İstisnalar vardır, ancak standart uygulamalar kapsamına girmez.

4. Metninizi tasarlarken 2-3 renkten fazla kullanmamaya çalışın. En iyi tasarımların en fazla 2-3 renge yapıştığını unutmayın. Bu kuralı takip et ve sen

5. Metin okunabilir olmalıdır! Alt paragraflar veya referans bilgileri için paragraflar, girintiler yapmaya çalışın.

İlk paragrafın metni. Uzun ve ilginç.

Ancak ikinci paragrafın metni, aralarında bir girinti olacağı için ikinci ile birleşmeyecektir.

Dikkatiniz için teşekkürler! Ve proje tasarımında iyi şanslar!)