Web Tasarımında Tipografi Temelleri: Göz önünde bulundurmanız gereken şeyler

Mark Max Henckel 21 Ekim 2020 tarihinde güncellendi
14 Dk.
tipografi temelleri webdesign
Son güncelleme 21 Ekim 2020

Basit zordur. Bu benim yol gösterici prensibim. Ve böylece aynı zamanda web tasarımı tipografi kullanımı ile, web sitesinde yazı tipleri - aslında oldukça basit ve henüz oldukça karmaşık. Bu yüzden bugün size web sitenizdeki metni en iyi şekilde temsil etmek için hangi temel tipografi kurallarına uymanız gerektiğini göstermek istiyorum.

Birçok insanın kendilerini açık ve anlaşılır bir şekilde ifade etmesinin zor olduğu bir sır değildir. Medya aracılığıyla neden daha kolay olsun ki? Bunu kolaylaştırmak için - iletişim - tipografi var. Bir yandan yazıların öğretisi, diğer yandan da onları hedefe göre temsil edecek metin veya içerik göndermek için bir tasarım unsurudur ya da "estetik olarak hoş". Bu noktada mikrotipografi ve makrotipografi arasındaki ayrımın bir önemi yoktur.

Web tasarımında tipografi - Neden bu kadar önemli?

tipografi temelleri webfonts

Yazı tiplerinin bir web sitesini canlandırıp görsel olarak zenginleştirebileceğine şüphe yoktur. Yazı tipleri - yazı tipleri - herhangi bir iyi tasarımın önemli unsurlarıdır. İnternette, yani web tasarımında, tipografi ile ilgili olan şey, burada aydınlatmak istediğim ve web sayfalarındaki yazılarla konuyu daha iyi anlamanıza yardımcı olacak özel koşullara tabidir.

"İyi tipografi hala mümkün olan her şeyi aramaz, ama ne gerekli sorar."
Kurt Weidemann

Web siteleri genellikle eğitimli grafik tasarımcıları veya medya tasarımcıları tarafından yapılmaz, ancak yeni gelenler tarafından tasarlanır ve uygulanır. Bu, en basit grafik kurallarının neden birçok sayfada göz ardı edildiğini açıklayabilir. Özellikle tipografi söz konusu olduğunda, bu hızla netleşir. Kötü okunabilir VERSALIA'nın bastırılamaz kullanımı, yazı tipi rengi ve arka plan arasındaki kontrast eksikliği ve metinlerin kafa karıştırıcı yapısı kullanıcıların okumasını zorlaştırır.

Ama tipografi nin tam olarak bununla ilgili olduğu da budur: metinlerin okunabilirliği. Başka neden iyi ve okumak için hoş değilse web sitesinde metinler olmalıdır? Söylendiğine göre, sonunda okunması kolay metinlerin hayaletleri bölünür. Anlayamıyorum, çünkü grafikte var. Basit, En iyi Ve çok yararlı tipografik kurallarkolay okunan metinler oluşturmak için. Tipografi.

Bunlardan biri kontrast- yani, yazı tipi rengi ve arka plan arasındaki renk oranı. Bir forumda, bir kez gururla bu nedenle sunulan web düzeni eleştirdi. Grafikte, sözde web tasarımcısının burada "beyaz arka planda beyaz kartal" satmak istediği fenomenden söz ediyoruz. Bu durumda, açık gri arka plan üzerinde koyu gri bir metin vardı, yani çok kötü bir kontrast.

Bu oldukça güzel görünebilir - tat meselesi, muhtemelen - ama okumak için son derece zordur. Ben bu geri rapor ve ben sadece zorluk ile metin okuyabilirsiniz eğer bu benim için iyi bir tasarım olmadığını bulundu. Ve hala sağlıklı gözlerim var. Görme bozukluğu olanlar ne yapar? Ayrıca sık sık küçümsenen bir sorun - erişilebilirlik. Her halükarda, tasarımcı bunun onun tasarımı olacağı ve bunu yapacağı görüşünü benimsedi. Biz de biliyoruz: "Bu şekilde yapabilirsiniz, ama sonra oturup yemek."

Benim için bu, metinlerin okunabilirliği hakkında ne kadar az bilgi, yani iyi tipografi olduğunun başka bir kanıtıdır. Yıllar önce, bir medya tasarımcısı (baskı) olarak benim eğitim, ben çok şey öğrenmek mümkün olduğu deneyimli bir grafik tasarımcı ve tipograf vardı.

Web Tasarım & Tipografi: Özel Gereksinimler

tipografi temelleri webfonts

Web tasarımında, ancak, biz okunabilirlik, yani teknik olanlar daha türü grafikler için diğer gereksinimleri var. İyi bir okunabilirlik, sayfanın Internet'te hızlı bir şekilde yüklemesi gerçeğini de içerir. Bu yüzden web sitesi performansı ile yazı tipleri entegre etmek mümkün olduğunda, biz onunla ilgileniyor.

Buna ek olarak, metinlerin mümkün olduğunca çok çıktı aygıtında okunması nın eşit derecede kolay olduğundan emin olunmalıdır, bu da başka bir zorluktur. Sonunda, csS ödül dilinin olanakları ile, bir web sitesinin tipografisine müdahale etmek için o kadar çok olanaka sahipsiniz ki işler düşündüğünüzden daha karmaşık hale gelir.

Ve tabii ki, okunabilirliği de artıran, yorgunluğu önleyen ve Google'da, yani arama motorundaki sıralamada hareket eden iyi yapılandırılmış bir metin istiyoruz. Örnekler arasında H1, H2, H3 ve benzeri başlık etiketleri, Kalın/Güçlü ve em/i gibi listelerin ve ödül formlarının yanı sıra paragraf işaretleri ve diğer anlamlı HTML öğeleri nin kullanımı sayılabilir.

Ben standart yazı tipleri bir arkadaşım. Şu anda öyle. Yani, bir web sitesine özel yazı tipleri eklemeye gerek yok. Örnek olarak, neden kendi yazı tipi entegre, burada CI yazı tipidir. Bu, şirket kimliğinde önemli bir işleve sahip olan şirket için özel olarak geliştirilmiş bir yazı tipidir. Ya da gerçekten iyi bir tasarımcı, sanatçı veya fotoğrafçı ve savurgan ya da çok bireysel tasarım ağır bir görünüm için büyük önem vermek. Ama o zaman mutlaka metin veya yazılı bilgi büyük bloklar bir soru değildir.

Ayrı bir CI yazı tipi genellikle kendi BT departmanı ve bir sunucu çiftliği ile çalışan büyük şirketler tarafından kullanılır. Performans sorunları yoktur ve CI yazı tiplerinin katıştırma teknik olarak izlenir.

Eğer bir tasarımcı iseniz ve neler yapabileceğinizi göstermek istiyorsanız, tipografi mevcut hizmetler için tavsiye edilir - üzerinde denenmiş ve test edilmiş web yazı tipleri – kendi web sitenize güvenli ve performantly istenilen yazı entegre etmek.

Bazen de web uygun biçimlerde istenilen yazı tipi stili dönüştürmek ve bunları tek tek entegre etmek için gerekli görünüyor. Bu her zaman uzun vadede düzgün çalışacak olup olmadığı başka bir konudur. Bu nedenle, böyle bir durumda, ben tercih Google Yazı Tiplerihızlı, güvenli ve kullanımı kolay olduğu için. Ama bu da zevk meselesi olabilir.

Bu 10 tipografi kuralları size yardımcı olacaktır

tipografi temelleri webfonts

Yüce ve çok basit kurallar: Az daha fazladır. İnsanların okuma alışkanlıklarını göz önünde bulundurun. Kendinizi kapsamlı editoryal metinleri temsil eden ve öğrenen web sitelerine yönlendirin.

Metinlerin okunabilirliği bazı bilimsel temelli kurallara tabidir. Bunlar sadece yazının kendisini değil, aynı zamanda çevresini, karşıtlığını, metinlerin netliğini ve yapısını ve kenarlarının keskinliğini de ilgilendirir.

1. Yazı tipi boyutu

Bu yazı tipine bağlıdır ve web sitesinin temel tasarımına bağlıdır. Lütfen kullanıcının tarayıcısında veya akıllı telefonunda yazı tipi boyutunu istediği zaman değiştirme imkanına sahip olduğunu unutmayın. Göreceli yazı tipi boyutlarını, yani %, EM/REM veya küçük/normal/orta/büyük almaya çalışır.

2. Çizgi genişliği

Bu açıkça küçümsenen bir şey. İnsanların hala hangi metin genişliğini okumayı sevdiği belirlendi: En fazla 70 karaktere kadar bir genişliktir, yani word belgesinin standart A4 metin genişliği. SPIEGEL ONLINE ve Co.'da metin bloklarının ne kadar geniş olduğunu tekrar kontrol edin.

3. Çizgi aralığı

En iyi okunabilirlik için, sözde iş düzeyi, yani bir metnin tek tek satırları arasındaki mesafe, bir paragrafın yüksekliği de dahil olmak üzere, büyük önem taşımaktadır. Yazı tipine bağlı olarak, iyi bir 140-150% "hat yüksekliği" net kendi değerini kanıtlamıştır.

4. koşu mesafesi

Bu harf aralığı tarafından manipüle harfler arasındaki mesafedir. Bir burada çok dikkatli olmalı ve sadece dikkatli bir şekilde bu tasarım imkanı kullanmak - örneğin belirli başlıklar ile. Şüphe durumunda durmayın.

5. Kontrast

Renk ve arka plan rengi arasındaki ilişkiye kontrast denir. Bu akış metinleri için çok yüksek olmalıdır. Maksimum kontrast, tabii ki, beyaz bir arka plan üzerinde siyah metindir. Bunu okumak kolaydır.

6. Yapı

Bunun anlamı: iyi ve semantik olarak doğru yapılandırılmış metinler! Bu HTML, örneğin, başlık etiketleri H1/H2/H3, paragraf işaretleri, liste ödülleri, fatting, italik ve renk, vb yoluyla vurgular akıllı kullanımı anlamına gelir okunabilirlik ve ayrıca Google sıralamasında doğrudan bir etkisi vardır.

7. En fazla iki yazı tipi türü

Genellikle web sayfası, kitap veya belge başına bir yazı tipi yeterlidir. Özel durumlarda, daha fazla iş, ancak belge başına 2'den fazla yazı tipi kullanımı ile dikkatli olmalısınız.

8. Ayetler

Ayetleri başlıklarda ve menülerde kullanmayın. Okuması çok zor. Ancak, bunlar tek tek sözcüklerse, örneğin NAVIGASYON'da, ayetleri kullanabilirsiniz. Ama büyük harflerle yazmayın, ama CSS üzerinden hakkında "metin dönüşümü:büyük harf" çözmek.

9. Standart yazı tipleri

Şüphe durumunda ve bir geri dönüş olarak, kanıtlanmış sistem yazı tipleri seçmelisiniz. Arial, Verdana, Georgia hemen hemen tüm çıkış aygıtları var ve her zaman iyi görüntülenir gibi kolay okunan sistem yazı tipleri vardır.

Bmw'de olduğu gibi CSS'de de aşağıdaki yazı tipi aşağıdaki şekildedir: "bmwTypeWebBoldAll","Arial","Helvetica",sans-serif; Burada, Arial, Helvetica ve Sans-Serif (yani Sans-Serif altında bulunan ilk yazı tipi) önündeki yazı tipi nde görünen geri dönüşlerdir. ("bmwTypeWebBoldAll") kullanılamıyor.

10. Eğitim

Benim ipucu: atölye çalışmaları, kitap ve dergi veya konuyla ilgili bir YouTube video ile yolunuzu olun. Örneğin, ben Bu video Öner. "MobileTechCon" Sven Wolfermann yaptığı derste sistem yazı tipleri karşı önerir - bana aksine - ama burada konu hakkında değerli bilgiler bir sürü sağlar!

CSS ile yazma: Bu mantıklı mı?

CSS ile yazı tipi tasarımı veya ayarı hakkında bir kelime: En azından bu yana CSS3 bir sayfanın yazı tiplerini kurnazca ayarlayın geliştiriciler tarafından kullanılabilir. Ama gerçekten her zaman mantıklı mı? Ne zaman kullanırım? Neyi başarmak istiyorum? Okuna -bilir -lik? Güzel tasarım mı? Tüm kodlayıcılar - ya da müşterileri - bu konuda düşünmek gibi görünüyor. Bazen mümkün olan her şeyi yaparlar. Sadece bazen yükseklikleri, mesafeleri ve konumlandırma ile ilgili sorunlara neden olan hat yüksekliğini değiştirmekle kalmıyor, aynı zamanda harf aralığı veya metnin etrafına gölgeler yerleştirin ("metin gölgesi"). Kötü, bazen görülebilir.

Bu nedenle bu ayarları ile çok dikkatli olmak ve akıllıca bu teknikleri kullanmak için tavsiye ederiz. Her yerde çalışmaz ve hatta küçük ekranlarda ekranı engeller. Daha sonra masaüstü için talimatları "Medya Sorguları" üzerinden geri almak zorunda, hangi sırayla zaman ve kod maliyeti. Bu gerçekten mantıklı mı? Cevap çok açık ve kesin olmalıdır.

Web için yazı tipi stilleri: Web yazı tipleri

tipografi temelleri webfonts

Bu arada: BMW zaten görüldüğü gibi kendi web sitesinde bu kullanır: font-aile: "bmwTypeWebBoldAll","Arial","Helvetica",sans-serif;font-ağırlık: normal; – akış metin oldukça normal Arial. Amazon da dükkan tarafında Arial kullanır. Apple, diğer taraftan, tabii ki, bir kullanır web yazı tipi olarak kendi yazı tipi. Petrol şirketi TEXACO Adobe yazı tipleri kullanır. Sadece küçük örnekler olarak.

Neyse ki, şimdi iyi çalışmak ve genellikle entegre etmek kolay birçok web yazı tipi sağlayıcıları vardır. Fiyatlar büyük ölçüde değişir rağmen Ne yazık ki, bu "web yazı tipleri" genellikle ücretlidir. Örnek olarak, ek olarak Google Yazı Tipleri, hala belirtilmiştir: Adobe Fonts (Typekit), Web tipi, Adobe Edge Web Fontları ve daha birçok - tat meselesi.

Bu hizmetlerin avantajı açıktır: herhangi bir lisans endişeleri yok (aşağıya bakın "Dikkat: Lisanslar!"), yazı tipleri çalışır ve yardım veya kendi web sitesinde (yani destek veya forumlar) yazı tipleri entegre etmek için talimatlar vardır. Fiyatlar genellikle genişletilebilir ve heyecan verici yazı tipleri belirli bir seçim var.

Google Fonts ile yanlış anlama

Ne zaman Mayıs 2018'de sözde GDPR herkes için tanıtılan, ağ topluluk kullanımı ile korktum Google Yazı Tipleri panikledi. Korkular vardı ki kullanımı Google Web FontlarıGoogle bu mevzuata karşı yönlendirilen bir "veri çökmesi" olarak, veri koruma yasalarına uymaz ve bu nedenle pahalı uyarılar riski altında olacaktır.

Bu hala yaygın korku ne yazık ki hala devam eden büyük karışıklık çevreleyen ışık tutuyor GDPR . Avukatlar ve web hukuk firmalarıyararına, tabii ki. Eğer kullanımı hakkında endişeleriniz varsa Google Analytics Ile Google sipariş işlemeyi tamamlamış ve yazı tiplerinin kullanımına işaret etmiştir – ve çerezler konusunda şüphe durumunda – gizlilik politikasında, sorun söz konusu değildir.

Eğer hala korkuyorsan, Google Fontlarını yerel olarak ekleme, yani Google web yazı tiplerini indirin ve kendi web sitelerine kaydedin.

Buna ek olarak, performans tekrar tekrar kınandı, bu sözde çok kötü zaman yazı tipleri olduğunu düşünüyorum Google Yükler. Google'ın hızlı ve son derece kararlı bir sunucu mimarisine sahip olduğu ve hala geri dönüşler olduğu belirtilmemiştir (yukarıya bakın). Ayrıca, dosyaları kendi sunucunuzdan yüklemekle aynı anda gerçekleşebilen farklı bir URL'den yazı tiplerini de yüklersiniz. Ama bir kez daha Google'a bağımlısınız.

Dikkat: Şarj süreleri!

Çok basit. Harici olarak tümleşik web yazı tipleri sayfa yükleme süresini artırabilir. Kendi yazı tiplerinizi de sayfaya entegre etmek için gerekli kod. Yalnızca standart yazı tipleri, kullanıcıların bilgisayar ve akıllı telefonlarındaki sistem yazı tipleri, yükleme süresine gerek yoktur, çünkü internet üzerinden değil, bir sunucu üzerinden yüklenmezler.

Başka bir deyişle, sitenizin hızlı yükleme süreleri gerekiyorsa, belki arkasında uygun barındırma değil, ve şirket kesinlikle dahil edilmesi gereken bir CI yazı tipi yok, ben her zaman standart ayarlamak istiyorsunuz. Yani sistem yazı tipleri üzerinde, Amazon ile yaptığı gibi Arial Yapar. Bu çok mantıklı.

Tabii ki, bu yazı tipleri kilobayt yüklenecek ilgili değildir. Bu üst geliyor hakkında, bu yüzden ek olarak indirilmesi gerekir, ve bunları sunmak gerekiyordu sunucu sadece zayıflıyor olabilir. Bu iyi görünmüyor ve ... Önlenebilir.

Dikkat: Lisanslar!

Kesinlikle dikkate alınması gereken kullanılan yazı tipleri için lisansları vardır. Eğer Google Yazı Tipleri veya kullanıcının bilgisayarı tarafından yüklenen sistem yazı tipleri güvenli taraftadır. Web sitesinde kullandığınız tüm diğer yazı tipleri için, bunu yapmak için lisansa sahip olduğundan emin olmak zorunda - ve hızlı bir şekilde oldukça pahalı olabilir - kendi web sitesinde kullanmak için, ya da bir Ücretsiz Yazı Tipi bu da bazen Alman umlautları ve Eszett (ß) gibi başka endişelere yol açar.

Tüm bu sorunları önlemek için, ben sadece sistem yazı tipleri veya kullanılan Google yazı tipleri. Müşteri şimdi kesinlikle kendi yazı tipini istiyorsa, dış yazı tiplerinin web sitesine entegrasyonu bazen bazı sorunlara neden olabileceğinden, bunun için çabayı hesaplamaya cömertçe eklemeniz gerekir. Örneğin, CSS ifadeleri ve burada, örneğin, ne her zaman gerçekten kötü bulmak, doğru yazı tipi adını bulurken, doğru HTML etiketleri görüntülemek için yazı tipini kontrol edebilmek için.

Kendi yazı tiplerinizi ekleme

tipografi temelleri webfonts

Bir araç aracılığıyla sayfanız için kullanılabilir hale getirdiğiniz web yazı tipleri ve/veya kendi yazı tipleriniz ile sayfanız için bir dizi sorunu hızla çözebilirsiniz. Aşağıdaki olayların meydana gelmesi nadir değildir:

  • Titreyen yazı tipi sayfayı yüklerken (nadir değildir, bazen CSS web yazı tipi ile üzerine yazana kadar başka bir yazı tipi görürsünüz.
  • Daha uzun yükleme süreleri çok karmaşık yazı tipleri (nadiren) tarafından.
  • Daha sık, Yazı tipini bulanıklaştırma, Yanlış işleme nedeniyle bozulma (belirli sistemlerde).

İstenilen yazı tipini mümkün olduğunca çok çıktı aygıtında görüntülemek için farklı türevleri gerekir. "TTF" açık ve iyi bilinen, ama aynı zamanda "EOT" ve iki "WOFF" türevleri gerekir. Sitenize kendi yazı tiplerinizi eklemek istiyorsanız bu çok önemlidir. Bu biçimleri ücretsiz olarak kullanabilirsiniz Webfont Jeneratör Üretmek. Daha sonra yazı tipinizin tüm biçimlerini sunucunuzun bir dizinine yükler ve bunları aşağıdaki şekilde stil sayfanıza (CSS dosyası) eklersiniz:

@font-face {
font-family: 'Dein Font';
font-style: normal;
font-weight: normal;
src: local('Dein Font'),
      url('/deinfont.woff2') format('woff2'),
      url('/deinfont.woff') format('woff'),
      url('/deinfont.ttf') formatı('ttf'),
      url('/deinfont.eot') formatı('eot');
}

@font-face {
font-family: 'Dein Font';
font-style: italic;
font-weight: normal;
src: local('Dein Font Italic'), vbx
      url('/deinfont-italic.woff2') format('woff2'),
      url('/deinfont-italic.woff') format('woff'),
      url('/deinfont-italic.ttf') format('ttf'),
      url('/deinfont-italic.eot') format('eot');
}

Bunu görebilirsiniz. @font yüz kodu, yazı tipinizi entegre eder, ne kadar karmaşıktır – ve böylece hataya ne kadar yatkındır.

Ardından bunları CSS kodunuzda kullanabilir ve sınıflara ve künyelere atayabilirsiniz. Bu şekilde, ben bu noktada uğraşmak istemiyorum bazı hatalar olabilir. Dediğim gibi, standart veya sistem yazı tipleri veya Google Yazı Tipleri, web sitesinin üstbilgisinde bağlantılı dosya üzerinden kolayca dahil edilebilir:

Tipografi ve mobil gösterim

tipografi temelleri webfonts

Bu yönü temelde ihmal edilir. Benim bakış açıma göre, küçük bir ekran veya akıllı telefon üzerinde özel bir yazı tipi yüklemek için kesinlikle gerekli değildir. Peki ya geri dönüşler, cep telefonlarının sistem senaryoları? Ben bir mobil sayfa yapmak veya hareket halindeyken optimize etmek varsa, ben yükleme süresi nedeniyle bir web yazı tipi veya yazı tipi indirmek için yapmak ilk şey kaydedin.

Bu açıkça müşteri ile tartışılması gereken stratejik bir karardır, ama mobil temsil bir web yazı tipi veya kendi yazı tipi için konuşuyor tek bir argüman görmüyorum.

Tabii ki, akıllı telefonunuzda masaüstü için tüm sistem yazı tipleri mevcut değildir. Ama burada, benim görüşüme göre, bu ya da Android sistemi için bu yazı tipi olup olmadığını önemli değil. Her şey hızlı bilgi ve iyi okunabilirlikle ilgili. Bu kesinlikle Android ve Apple kendi web güvenli yazı tipleri ile garanti edilir.

Konuya iki ana açıdan, yani yükleme hızından ve tasarımdan bakacak olursak, ayrı bir yazı tipinin mobil gösterim için gereksiz olduğu sonucuna varmalıyız. Bir yandan, yazı tipi mobil tarafın şarj hızını bozar, bu da özellikle otobüs durağında çağrıldığında önemlidir. Öte yandan, biz (umarım) içerik ve web sitesinin mobil sürümünün tasarımı tam olarak bu nedenlerle temel indirdi. Neden bir buffed-out web yazı tipi yük?

Temel şey her zaman okunabilirlik ya da ne elde etmek istiyorum: bilgi, edebi eğlence vermek, bir ürün satın alma, iletişim, bir haber bülteni sipariş veya adresi görüntüleme. Ve bunun için, özel bir yazı tipi veya bir web yazı tipi için bir ihtiyaç olduğunu düşünmüyorum.

Web'e güvenli yazı tipleri

Sistem yazı tiplerinden herhangi birinin projeniz için uygun olup olmadığını kesinlikle kontrol etmelisiniz. Sistem yazı tipleri veya web için güvenli yazı tipleri için web için güvenli CSS yönergelerinin tam bir koleksiyonunu www.cssfontstack.com.

Web için güvenli yazı tipleri nelerdir? Web için güvenli yazı tipleri, birçok işletim sisteminde önceden yüklenmiş yazı tipleridir. tüm sistemler aynı karakter kümelerine sahip olmasa da, desteklediğiniz farklı sistemlere benzer görünen ve yüklü olan birden çok karakter kümesini seçmek için web güvenli css ayarları bloğunu kullanabilirsiniz Istiyor. CSS3'te önceden yüklenmiş olmayan yazı tiplerini kullanmak istiyorsanız, Bu web yazı tipleri için ayarlar Kullanın.

Sonuç

Bir sistem yazı tipinin bir web yazı tipinden veya kendi yazı tipinizden daha iyi olup olmadığı konusunda çok dikkatli düşünmelisiniz. Gibi kanıtlanmış yazı tipleri Verdana, Arial, Trebuchet, Gürcistan, Times New Roman diğer şeylerin yanı sıra, her zaman okunması kolay olduğu gibi, tereddüt etmeden kullanabilirsiniz. Ve biz henüz metinlerin kalitesi hakkında konuşmadık, tabii ki belirleyici bir rol oynar. Ama bu başka bir konudur.Web sitelerinde tipografi konusunu hafife almayın. Yükleme süresi veya yazı tiplerinin yeniden gürültüsü gibi teknik yönlerini, aynı zamanda tipografik tasarımınızın kullanıcı dostuluğunu, yani okunabilirliği, kontrastı ve çizgi yüksekliğini göz önünde bulundurun.

Kendi yazı tipinizi mi yoksa harici bir yazı tipini mi kullanmak istediğinizi veya standart yazı tiplerine mi yoksa sistem yazı tiplerine mi güvendiğinizi dikkatlice düşünün. Kendi yazı tipinizi seçerseniz, bu yazı tipine veya benzer bir varyanta sahip olup olmadığını merak edin. Google Yazı Tipleri kullanılabilir. Ya da gerçekten CSS üzerinden elle yazı tipleri entegre etmek ve önceden tüm biçimlerde sunucuya yüklemek isteyip istemediğiniz. Kullanıcının bilgisayarda veya akıllı telefonda bulunan ve oradan yüklenen standart yazı tipleri kanıtlanmıştır ve herhangi bir şarj süresine gerek yoktur. Bu, sayfanızı akıllı telefonlarda görüntülerken mobil şarj için daha da doğrudur.

Benim için kişisel olarak, genellikle harici bir yazı tipi veya bir web yazı tipi kullanımı için söylenecek çok şey yoktur. Eğer bir WordPress - Theme Google Fonts zaten gemide, tabii ki bu kullanın. Çünkü aksi takdirde her şeyi berbat etmek ya da üzerine yazmak zorunda katamam. Bu hiç mantıklı değil.

Eğer açık değilse Kurumsal Kimlik bir şirkete ait, ayrı bir yazı tipi hile olduğunu. Ve çoğu müşteri bunu yapmak için ne zaman ne de para yok. Birçok yol Roma yol - ama bir web sitesinde tipografi yanlış kullanımı ve web tasarımı muhtemelen yok. Sistem yazı tipleri ile, standart yazı tipleri, harika tasarımlar ve harika web siteleri ile tasarlanmış ve doldurulabilir. Onların kullanımı daha güvenli bir yoldur ve bu yüzden oldukça uzun bir süre kalacaktır. Belki zevk meselesi, ama belki de bu web sitelerinde yazılı için en mantıklı bir yaklaşımdır.

Görüntü sonrası: Ksenia Makagonova [Unsplash]
Diğer resimler: Alexander Andrews [Unsplash], rawpixel [Pexels], Magda Ehlers [Pexels], Kristian Strand [Unsplash], Aaron Burden [Unsplash], RAIDBOXES

Mark Max Henckel – Hamburg'dan web tasarımcısı. Eğitimli medya tasarımcısı (baskı), 2000 yılından bu yana bir web tasarımcısı olarak çalışıyor. Başlangıçta mobile.de, 2003'ten itibaren tek başına. Farklı kendi bloglarda farklı konularda 2005 blogcular gönderen. 2007 ve 2008 yılları arasında SPIEGEL ONLINE'da serbest çalışan olarak, dikiş programlama/düzenleme bölümünde einestages.de'nin lansmanına katıldı. Daha sonra SPIEGEL pazarlamacı Kalite Kanal (Spiegel QC / Spiegel Medya) at. libri.de ve çeşitli grafik ve BT ajansları için serbest olarak çalışıyor. 2008 yılından bu yana, o uzmanlaşmıştır WordPress .

Benzer makaleler

Bu makaledeki yorumlar

Yorum yaz

E-posta adresiniz yayınlanmayacaktır. Gerekli alanlar * Işaretlenmiş.