Web Tasarımcıları için En İyi 20 Tipografi Eğitimi

Yayınlanan: 2021-04-28

Bazı web tasarımcıları, tipografiyi web tasarımının en önemsiz unsurlarından biri olarak görebilir, ancak kullanıcı deneyimini çeşitli şekillerde yapabilir veya bozabilir.

İyi tipografi seçimleri okunaklılığı, okunabilirliği, marka kimliğini, erişilebilirliği ve dönüşüm oranını güçlendirebilir. Kötü tipografi seçimleri ise bu faktörleri zayıflatabilir ve kullanıcının deneyimini mahvedebilir.

O halde tipografi, web tasarımının önemli bir yönüdür ve her tasarımcının bir web tasarımı işine başladığında öğrenmesi gereken bir şeydir. Neyse ki web, web tasarımcıları için faydalı tipografi eğitimleri ve kurslarıyla doludur.

Bu yazıda, 20 web tasarım eğitimini inceleyeceğiz. Bu eğitimlerin çoğu çevrimiçi olarak ücretsiz olarak sunulsa da, bazı ücretli çevrimiçi kursları da dahil ettik. Ne de olsa, web tasarımı işi bulmaya çalışırken, kendinizi diğerlerinden ayırabilmeniz gerekir ve tanınmış bir kurumdan veya kurs sağlayıcıdan bir bitirme sertifikasına sahip olmak bu konuda yardımcı olabilir.

En Son Tipografi Trendlerini Keşfedin ve İlham Alın

İçindekiler

  • 20 Harika Çevrimiçi Tipografi Eğitimi
  • 1. Web Tipografisi: Tasarımcılar için Eksiksiz Kılavuz
  • 2. WordPress Web Sitenize Özel Yazı Tipleri Nasıl Eklenir
  • 3. Elementor'un Global Renkleri ve Yazı Tipleri Nasıl Kullanılır
  • 4. Temel Tipografi İçin Nihai Kılavuz
  • 5. Yeni Başlayanlar İçin Tipografi Eğitimi: Tipografi Temellerini Öğrenmek İçin İhtiyacınız Olan Her Şey
  • 6. Tipografiye Giriş
  • 7. Yazı Tiplerinin Psikolojisi (Duyguları Uyandıran Yazı Tipleri)
  • 8. Tasarımcılar ve Geliştiriciler için Web Tipografisi
  • 9. Tasarımın Metinsel Öğeleri: Yazı Tipleri, Tipografi ve Boşluk
  • 10. Tasarımcılar ve Geliştiriciler için Tipografi - Tasarımda Emme
  • 11. Her Yazı Tipinin Ne Zaman Kullanılacağı (ve Ne Zaman Kullanılmadığı)!
  • 12. Bir Yazı Tipinin İyi mi, Kötü mü Olduğunu Nasıl Anlarsınız?
  • 13. Web Yazı Tiplerini Seçme: Başlangıç ​​Kılavuzu
  • 14. Tasarımlarınız İçin Yazı Tipleri Nasıl Seçilir
  • 15. Yazı Tipleri Nasıl Seçilir
  • 16. Yazı Tiplerini Birleştirmek İçin Cep Kılavuzu
  • 17. WordPress Temasında Yazı Tipi Nasıl Değiştirilir (Herhangi Bir Tema)
  • 18. Okunabilirliği Artırmak İçin Modern CSS Teknikleri
  • 19. Web'deki Değişken Yazı Tiplerine Giriş
  • 20. Türü Nasıl Kullanacağınızı Öğrenin— Tipografi El Kitabı Eleştirisi

20 Harika Çevrimiçi Tipografi Eğitimi

Temel tipografi terimlerinden CSS ile yazı tiplerini optimize etmeye kadar, tasarımcılar için en iyi tipografi eğitimlerini bir araya getirdik.

1. Web Tipografisi: Tasarımcılar için Eksiksiz Kılavuz

elementor-typography

Beceri seviyesi: Başlangıç ​​- Orta

Süre: 30 dakika

Maliyet: Ücretsiz

Bu tipografi öğreticisi Elementor'dan geliyor, yani web tasarımında tipografinin nasıl kullanılacağından daha fazlasını öğreneceksiniz. Tüm bunları – biçimlendirme, görsel hiyerarşi oluşturma, bir tasarım sistemi oluşturma vb. – WordPress ve Elementor bağlamında nasıl uygulamaya koyacağınızı öğreneceksiniz.

2. WordPress Web Sitenize Özel Yazı Tipleri Nasıl Eklenir

using-custom-fonts-elementor

Beceri seviyesi: Başlangıç ​​- Orta

Uzunluk: 17:31

Maliyet: Ücretsiz

Bazı durumlarda, WordPress kullanmak istediğiniz belirli yazı tiplerine sahip olmayacaktır. Elementor'un bu tipografi öğreticisiyle, bir WordPress sitesine özel yazı tipleri eklemek için seçeneklerinizin neler olduğunu öğreneceksiniz. Bunları CSS kullanarak WordPress'e manuel olarak ekleyebilir veya Elementor'a yükleyebilir ve düzenleyiciden kullanabilirsiniz.

3. Elementor'un Global Renkleri ve Yazı Tipleri Nasıl Kullanılır

elementor-global-colors

Beceri seviyesi: Başlangıç ​​- Orta

Uzunluk: 6:50

Maliyet: Ücretsiz

Elementor'dan bu videoda, Elementor düzenleyicisindeki Global Ayarlar özelliği hakkında her şeyi öğreneceksiniz. Bu eğitici, hem renkleri hem de yazı tiplerini ayarlamak için bu özelliği nasıl kullanacağınızı gösterecek ve ardından site genelinde uygulanmalarını izleyecektir. Bu nedenle, yazı tiplerinizi güncellerken zamandan tasarruf etmek ve oluşturduğunuz her siteye daha fazla tutarlılık getirmek istiyorsanız, bu kısa eğitim videosu mutlaka izlenmeli.

4. Temel Tipografi İçin Nihai Kılavuz

Envato Tuts

Beceri seviyesi: Başlangıç

Uzunluk: 10:33

Maliyet: Ücretsiz

Envato Tuts+'dan bu eğitim videosunun adı biraz yanıltıcı. Adı “Temel Tipografi Terminolojisine Yönelik Nihai Kılavuz” olmalıdır. Bununla birlikte, tipografi konusunda yepyeniyseniz, bu sizin için atmanız gereken önemli bir ilk adımdır. Tipografi, yazı tipleri, dosya türleri, yazı tipi yapısı, dizgi ve daha fazlasıyla ilgili terimlerle tanışın.

5. Yeni Başlayanlar İçin Tipografi Eğitimi: Tipografi Temellerini Öğrenmek İçin İhtiyacınız Olan Her Şey

hubspot-typography-tutorial

Beceri seviyesi: Başlangıç

Uzunluk: 18 dakikalık okuma

Maliyet: Ücretsiz

Hubspot'tan gelen bu tipografi eğitimi, tasarımda tipografiye başka bir faydalı giriş niteliğindedir. Ortak terimleri, farklı tipografi stillerini ve yazı tiplerinizi nereden alacağınızı öğreneceksiniz.

6. Tipografiye Giriş

Coursera-intro-tipografi

Beceri seviyesi: Başlangıç

Süre: 8 saat

Maliyet: Ücretsiz

Tipografiye girişiniz için daha derinlemesine bir şey arıyorsanız, California Institute of the Arts'ın bu kursu iyi bir seçimdir. Bu kursa kaydolmanın hiçbir maliyeti yoktur, bu kurstan bir ton faydalı bilgi alacağınız için çok büyük bir artıdır. Tipografinin tarihi, yapısı, bir hikaye anlatmak için nasıl kullanılacağı, görünüşünü değiştirme ve daha fazlasını öğreneceksiniz.

7. Yazı Tiplerinin Psikolojisi (Duyguları Uyandıran Yazı Tipleri)

envatotuts-psikoloji-yazı tipleri

Beceri seviyesi: Başlangıç

Süre: 15 dakika

Maliyet: Ücretsiz

Tasarım konusunda yeniyseniz, Envato Tuts+'daki bu eğitim, yazı tiplerinin psikolojisine harika bir giriş niteliğinde olacaktır. Renk psikolojisine benzer şekilde, belirli yazı tipi türlerine yönelik ortak duygusal tepkileri ve ilişkileri öğrenecek ve bunları kendi yararınıza nasıl kullanacağınıza dair ipuçları alacaksınız.

8. Tasarımcılar ve Geliştiriciler için Web Tipografisi

udemy-web-tipografi

Beceri seviyesi: Başlangıç ​​- Orta

Süre: 6.5 saat

Maliyet: 109.99$

Web tipografisiyle ilgili bu Udemy kursu, Interface School'dan Rob Sutcliffe tarafından verilmektedir. Bu, tipografiye oldukça teknik bir genel bakış, farklı sınıflandırma türlerini, yazı tiplerini seçme ve eşleştirmeyle ilgili ipuçlarını, web tipografinizi okunabilir ve duyarlı hale getirmeyi ve çok daha fazlasını incelemektedir.

Bu kurstan en iyi şekilde yararlanmak için HTML, CSS ve JavaScript hakkında biraz çalışma bilgisine sahip olmalısınız. Bu, yeni bir tasarımcıysanız kaydolmamanız gerektiği anlamına gelmez - buna ömür boyu erişim hakkınız olur, böylece o alandaki becerilerinizi geliştirdikten sonra geri dönebilirsiniz.

9. Tasarımın Metinsel Öğeleri: Yazı Tipleri, Tipografi ve Boşluk

Coursera-metinsel-elemanlar-tasarım

Beceri seviyesi: Başlangıç

Süre: 13 saat

Maliyet: Ücretsiz

Colorado Boulder Üniversitesi'nden alınan bu kurs Coursera web sitesinde mevcuttur. Bu, tasarımınızla bir hikaye anlatmak için metin öğelerini nasıl değiştireceğinizi öğreneceğiniz uzun bir kurstur. Kurs, temel konuların üzerinden geçer ve ardından tipografi aralığına, yazı tiplerini seçme, yazı tipi eşleştirme ve daha fazlasına ayrılır.

10. Tasarımcılar ve Geliştiriciler için Tipografi - Tasarımda Emme

tasarımda-emme-eğiticisi

Beceri seviyesi: Orta

Süre: 8.5 saat

Maliyet: 99,99 $

Tipografi üzerine bu 4,5 yıldızlı Udemy kursunun yaratıcısı Muhammad Ahsan Pervaiz. Tipografi temelleri, tipografiyi özelleştirme, yazı tiplerini seçme ve eşleştirme ve daha fazlası hakkında kapsamlı bir eğitim almak istiyorsanız, bu harika bir kurstur. Alıştırmalar kursa dahil edilmiştir, böylece ilerledikçe öğrendiğiniz her şeyi uygulamalı olarak deneyimleyeceksiniz.

11. Her Yazı Tipinin Ne Zaman Kullanılacağı (ve Ne Zaman Kullanılmadığı)!

envato-tuts-2

Beceri seviyesi: Başlangıç

Uzunluk: 12:55

Maliyet: Ücretsiz

Şimdiye kadar bu listede gördüğünüz öğreticilerin ve kursların çoğu yazı tipi türleri konusuna değindi. Ancak, bu Envato Tuts+ öğreticisi, farklı yazı tiplerini ve alt kategorilerini ayırarak konuyu gerçekten derinlemesine ele alıyor. Her birinin nasıl yapılandırıldığına ilişkin farklılıkları nasıl belirleyeceğinizi öğrenerek, siteleriniz için doğru tipografi stillerini seçmek için çok daha kolay bir zamanınız olacak.

12. Bir Yazı Tipinin İyi mi, Kötü mü Olduğunu Nasıl Anlarsınız?

akı

Beceri seviyesi: Başlangıç

Uzunluk: 9:58

Maliyet: Ücretsiz

Flux'tan gelen bu tipografi eğitimi, web siteleriniz için kaliteli yazı tipleri bulmakla ilgilidir. Tartışma, esas olarak, web tasarımcılarının yazı tiplerini kaynaklamak için yüksek kaliteli yazı tipi dökümhaneleri ve web siteleri bulma konusunda nasıl ilerleyebilecekleri etrafında dönüyor. Çünkü, ihtiyacınız olan yazı tipini anlasanız bile, kötü yapılmış bir yazı tipi (o stile uysa bile) tüm emeklerinizi boşa çıkarabilir. Bu eğitim, bu sorundan kaçınmanıza yardımcı olacaktır.

13. Web Yazı Tiplerini Seçme: Başlangıç ​​Kılavuzu

google tasarımı

Beceri seviyesi: Başlangıç

Süre: 10 dakika

Maliyet: Ücretsiz

Bu, oluşturduğunuz her web sitesi için hangi web yazı tiplerinin doğru olduğunu belirleme konusunda Google Tasarım'dan pratik bir kılavuzdur. Eğitici, sizi proje kapsamı ve çok dilli tasarım gibi bir dizi faktörden geçirecek ve ardından sizi projenizin ihtiyaçlarını karşılayan Google Yazı Tiplerine yönlendirecektir.

14. Tasarımlarınız İçin Yazı Tipleri Nasıl Seçilir

satori-grafik

Beceri seviyesi: Başlangıç

Uzunluk: 7:35

Maliyet: Ücretsiz

Satori Graphics'in bu adım adım kılavuzunda, projeleriniz için yazı tipi seçimi konusunda pratik rehberlik ve ipuçları alacaksınız. Burada grafik tasarıma büyük önem verilmesine rağmen, bir web sitesi, uygulama, logo veya başka bir markalı teminat türü olsun, üzerinde çalıştığınız herhangi bir şey için yazı tiplerini seçmek ve eşleştirmek için aynı beş adımı uygulayabilirsiniz.

15. Yazı Tipleri Nasıl Seçilir

akı2

Beceri seviyesi: Başlangıç

Uzunluk: 9:41

Maliyet: Ücretsiz

Flux'tan gelen bu YouTube öğreticisi, varsayımlara veya içgüdülerinizin size söylediklerine dayalı olarak yazı tipi seçimleri yapmaktan nasıl uzaklaşacağınızı öğretecek. Bunun yerine, faydacılığa dayalı yazı tipi seçimine yaklaşacaksınız. Ve grafik örnekleri sağlayan yazı tipi dökümhaneleri bulma konusunda biraz yardım alacaksınız, böylece yine, bir yazı tipinin ne kadar iyi görüneceği hakkında içgüdülerinizin size söylediği şeylerden yola çıkmayacaksınız.

16. Yazı Tiplerini Birleştirmek İçin Cep Kılavuzu

typekit-tipografi-cep kılavuzu

Beceri seviyesi: Başlangıç ​​- Orta

Süre: 1 saat

Maliyet: Ücretsiz

Yazı tipi eşleştirme kesinlikle bir sanattır. Yani, nasıl yapılacağını öğrenecekseniz, bunu tasarım alanındaki liderlerden biri olmalıdır. Bu cep kılavuzu, Adobe Typekit ve Adobe Type Tipografi Başkanı Tim Brown tarafından oluşturulmuştur. Bu kılavuz, yazı tiplerinizin yerine getirmesi gereken işleri nasıl belirleyeceğinizi, bir bağlayıcı yazı tipini nasıl seçeceğinizi, bağlayıcıyı tamamlayan yazı tiplerini nasıl belirleyeceğinizi ve ardından eşleştirmenizi objektif olarak nasıl değerlendireceğinizi öğretecektir.

17. WordPress Temasında Yazı Tipi Nasıl Değiştirilir (Herhangi Bir Tema)

themeisle-change-font-wordpress

Beceri seviyesi: Başlangıç

Süre: 10 dakika

Maliyet: Ücretsiz

ThemeIsle'ın bu basit öğreticisi, WordPress'te yazı tiplerini değiştirmek için size iki seçenek sağlayacaktır. WordPress Özelleştiriciden web yazı tiplerini seçebilirsiniz. Veya Kolay Google Yazı Tipleri eklentisini yükleyebilir ve Özelleştirici'yi kullanarak Google Yazı Tiplerini ayarlayabilirsiniz. Dahil edilen bir bonus seçeneği olsa da, yazı tiplerini blok veya sayfaya göre değiştirmek yerine WordPress'in evrensel yazı tipi ayarlarını kullanmak en iyisidir.

18. Okunabilirliği Artırmak İçin Modern CSS Teknikleri

smashing-dergi

Beceri seviyesi: Orta ila İleri

Süre: 11 dakika

Maliyet: Ücretsiz

Edoarda Cavazza, Smashing Magazine için web sitenizin tipografisinin okunabilirliğini ve erişilebilirliğini geliştirmek için CSS kullanımıyla ilgili bu harika makaleyi yazdı. Spesifik olarak, bu öğretici, ziyaretçiler için en iyi okuma deneyimi türünü oluşturmak için boşluk kullanmaya başlar. Karakter aralığı, yönlendirme veya izleme hakkında henüz bir şey öğrenmediyseniz veya temel bir CSS anlayışına sahip değilseniz, bu tipografi eğitimleri listesinin başından başlayın ve buna daha sonra geri dönün.

19. Web'deki Değişken Yazı Tiplerine Giriş

webdev-değişken-fontları

Beceri seviyesi: Orta ila İleri

Süre: 20 dakika

Maliyet: Ücretsiz

Değişken yazı tipleri nispeten yeni bir şeydir, ancak hızla tarayıcı çapında destek kazanıyorlar, bu da tasarımcıların ve geliştiricilerin bunları kullanmaya başlama zamanının geldiği anlamına geliyor (henüz kullanmadıysanız). Google Developers ekibinin bu kılavuzda değişken yazı tiplerine ilişkin açıkladığı gibi, bir yazı tipinin farklı varyasyonlarını tek bir dosyaya kaydetmenize olanak sağladıklarından, web sitesi performansı söz konusu olduğunda çok değerlidirler. Bunu nasıl yapacağınızı öğrenmek için biraz CSS bilgisine ihtiyacınız olacak.

20. Türü Nasıl Kullanacağınızı Öğrenin— Tipografi El Kitabı Eleştirisi

Beceri seviyesi: Başlangıç seviyesinden İleri seviyeye

Uzunluk: 30:14

Maliyet: Ücretsiz

Bu gerçekten bir öğretici olmadığı için ilginç bir öğreticidir. 30 dakika boyunca, The Futur'un kendi Tipografi El Kitabını oluştururken kullanılan tipografiyi değerlendirdiğini izleyeceksiniz. Basılı kılavuzu değerlendirirken, kendi çalışmanızı nasıl gözden geçireceğinizi ve en başından tipografiniz için daha akıllı seçimler yapmaya alışmayı öğreteceğinden, takip etmeniz yine de yararlı bir alıştırmadır.

Tipografi Sanatında Ustalaşın ve Kullanıcılarınızın Deneyimini Geliştirin

Bu tipografi eğitimleriyle biraz zaman geçirdikten ve temel konuları iyice kavradıktan sonra, hepsini uygulamaya koymanın zamanı geldi.

Akılda tutulması gereken bir şey, tasarımdaki diğer her şey gibi tipografinin de zamanla gelişeceğidir. Temel ilkeler ve yönergeler aynı kalacak, ancak insanların tipografi zevkleri açısından bunun değişmesini bekliyoruz.

Bu nedenle, tipografinin temellerine hakim olmanın yanı sıra, tipografi trendlerini de yakından takip ettiğinizden emin olun.