Kısa ama çok öğretici
Ölçü ve satır aralığı ilişkisini bilmeden tasarım yapıyormuşum. Kursu bitirdikten sonra eski işlerime bakıp neyin rahatsız ettiğini anlayabildim.
Ölçek, satır aralığı, ölçü ve ızgara gibi az sayıda kararla metni okunur, sayfayı dengeli hâle getirin.
Eğitmen
Selin Yağmur Tan
5 bölüm · 27 ders · toplam 4 sa 28 dk
Yazı tipi anatomisini tanıyor, aile türlerini karşılaştırıyor ve seçim kararını nesnel ölçütlere bağlıyoruz.
Yazı tipi anatomisi: x-yüksekliği, çıkıntılar ve göz Önizle 10 dk Serif, sans-serif ve tek aralıklı yazılar nerede işe yarar? Önizle 9 dkBir tipografi ölçeği kurup başlık düzeylerine dağıtıyor, vurgu araçlarını abartmadan kullanmayı öğreniyoruz.
Satır uzunluğu, satır aralığı, harf aralığı ve hizalama kararlarını okuma konforu üzerinden ele alıyoruz.
Satır uzunluğu (measure) neden 45-75 karakter arasında tutulur? Önizle 11 dkSütun ızgarası, oluk ve kenar boşluğuyla iskeleti kuruyor; dikey ritim ve beyaz alanla sayfayı dengeliyoruz.
Öğrenilenleri blog yazısı, ürün listesi ve form düzeninde uyguluyor, Türkçe noktalama ayrıntılarını ve kendi kendini denetleme yöntemini ekliyoruz.
Bir sayfanın rahat okunması yetenekten çok karardan gelir: metnin hangi ölçekte yazıldığı, satırın ne kadar uzun olduğu, satırlar arasında ne kadar hava bırakıldığı. Bu kararların çoğu birkaç dakikada verilir ama sayfanın geri kalanını belirler. Bu kurs tipografiyi süs olarak değil, okumayı kolaylaştıran bir mühendislik gibi ele alır. Harf anatomisiyle başlar, ölçek ve hiyerarşiyle devam eder, ızgara ve boşluk ritmiyle sayfa düzenine bağlanır. Örnekler ekran için hazırlanmıştır; aynı ilkeler basılı işlerde de büyük ölçüde geçerlidir.
İlk bölümde yazı tipi seçiminin nesnel ölçütlerini, x-yüksekliği ve çıkıntı gibi kavramları öğrenirsiniz. İkinci bölümde bir tipografi ölçeği kurar, başlık düzeyleriyle hiyerarşi oluşturursunuz; boyut, ağırlık ve rengin aynı anda kullanıldığında neden gürültü yarattığını görürsünüz. Üçüncü bölüm okunabilirliğe ayrılmıştır: satır uzunluğu, satır aralığı, harf aralığı ve hizalama seçenekleri tek tek ele alınır. Dördüncü bölümde sütun ızgarası, oluk, kenar boşluğu ve dikey ritim kurulur; kırılım noktalarında düzenin nasıl uyarlanacağı ve beyaz alanın nasıl bilinçli kullanılacağı gösterilir.
Son bölüm öğrenilenleri üç gerçek düzene uygular: uzun bir blog yazısı, ürün kartlarından oluşan bir liste ve etiketli bir form. Türkçe metne özgü tire, tırnak ve kesme işareti kullanımı da burada ele alınır, çünkü bu ayrıntılar bir sayfanın özenli görünüp görünmediğini doğrudan belirler. Kursun sonunda bir metnin neden yorucu göründüğünü gerekçesiyle açıklayabilir, kendi ölçeğinizi ve boşluk basamaklarınızı belirleyip işinizi bir denetim listesiyle gözden geçirebilirsiniz. Bölümlerdeki ızgara ve boşluk ölçeği şablonu, öğrendiğiniz kararları kendi projelerinize taşırken başlangıç noktası olarak kullanılabilir.
Arayüz ve Deneyim Tasarımı Eğitmeni
Selin Yağmur Tan dokuz yıldır dijital ürün tasarlıyor ve son dört yıldır tasarım sistemleri kuruyor. Grafik tasarım geçmişinden gelen tipografi ilgisini ekran tasarımına taşıdı. Derslerinde her kararın gerekçesini konuşmayı, güzel görüneni değil çalışanı savunmayı önemsiyor.
Eğitmen sayfasıÖlçü ve satır aralığı ilişkisini bilmeden tasarım yapıyormuşum. Kursu bitirdikten sonra eski işlerime bakıp neyin rahatsız ettiğini anlayabildim.