Yapay zekadan makale özeti
- Kısa
- Ayrıntılı
- Bu video, Ender adlı bir tasarım eğitmeni tarafından sunulan, yazı tipi, font ve tipografi konularını ele alan kapsamlı bir eğitim içeriğidir. Eğitmen, tasarım alanında deneyimli biri olarak izleyicilere tipografi kurallarını ve uygulamalarını anlatmaktadır.
- Video, yazı tipi, font ve tipografi kavramlarının tanımıyla başlayıp, farklı yazı tipi türleri (serif, sans-serif, display, script), font stilleri, boyutları ve tipografik düzen için altın oran gibi temel konuları ele almaktadır. Ayrıca web tasarımında tipografik unsurların kullanımı, font seçimi, satır yüksekliği, karakter sayısı ve tipografik hiyerarşi gibi konular detaylı şekilde açıklanmaktadır.
- Video, doğru ve yanlış tipografik kullanım örneklerini karşılaştırarak, başlık hiyerarşisi, renk kullanımı, görsel entegrasyonu ve kullanıcı odaklı tasarım prensipleri üzerinde durmaktadır. Eğitmen, tasarım yaparken deneyim kazanmanın önemini vurgulayarak, farklı font kombinasyonlarını test etmenin ve hataları yapmanın tasarım becerilerini geliştireceğini belirtmektedir.
- 00:09Yazı Tipi, Font ve Tipografi Kavramları
- Yazı tipi bir stildir, örneğin Rubik bir yazı tipidir.
- Font, yazı tipinin özelliklerini (bold, regular, punto büyüklüğü) ifade eder.
- Tipografi, yazılarla oluşturulan tasarım biçimine verilen isimdir ve estetik görünmesi için doğru font seçimi önemlidir.
- 01:58Yazı Tipi Türleri
- Serif (tırnaklı) yazı tipleri: Times New Roman, Georgia, Roboto, Noto (güven, gelenek, resmi saygı, zerafet ifade eder).
- Sans-serif (düz) yazı tipleri: Arial, Helvetica, Roboto, Open Sans (güven, basit, modern, temiz algı yaratır).
- Display yazı tipleri: Gündelik, eğlenceli, benzersiz, dikkat çekici (gıda şirketleri, çocuk odaklı markalar için tercih edilir).
- Script (el yazısı) yazı tipleri: Okunabilirliği düşürdüğü için içerik olarak çok kullanılmaz, logo ve kısa sloganlar için tercih edilir.
- 04:59Font Varyasyonları ve Boyutları
- Light font: Narin, yumuşak, modern algı yaratır ve başlık ve paragrafta kullanılır.
- Regular font: Okunabilir, temiz ve basit bir kullanım şekli sunar, özellikle paragrafta tercih edilir.
- Bold font: Genellikle başlıklarda veya sloganvari yazılar için kullanılır.
- 06:18Font Boyutları ve Tipografi
- Web sayfalarında en çok kullanılan body font boyutu 16 pikseldir.
- Footer ve navbar gibi alanlarda 14 piksel kullanılabilir, her sayfa için minimum 16 piksel olmak zorunda değildir.
- Tipografi için altın oran (1.618) kullanılarak font boyutları belirlenir, bu matematiksel oran orantı sayesinde tasarım estetik görünür.
- 09:07Tipografi Temelleri
- Google Fontu seçmek, web sayfalarında göze güzel gözükecek tipografik boyutlandırma yapmanıza olanak sağlar.
- Satır yüksekliği (line height), iki satır arasındaki yüksekliği ifade eder ve seçilen fontun 1.50 ile 1.60 ile çarpılmasıyla hesaplanır.
- Figma'da satır yüksekliği için piksel değerleri yerine yüzde değerleri de kullanılabilir.
- 11:34Karakter Sayısı ve Okunabilirlik
- Bir satırdaki karakter sayısı okunabilirliği etkiler; alan genişlese okunabilirlik zorlaşır.
- Web sayfalarında masaüstü cihazlarda 50 ile 75 karakter, mobil cihazlarda 30 ile 40 karakter arası önerilir.
- Wikipedia'nın tasarımı uzun satırlar nedeniyle okunabilirliği zorlaştırır.
- 12:39Tipografik Hiyerarşi
- Tipografik hiyerarşi, web sayfasında önemli ve önemsiz öğeleri ayırt etmeyi sağlar.
- Hiyerarşide kademe kademe yapmak gerekir, büyük uçurumlar göze güzel görünmez.
- Hiyerarşi deneyerek ve yanılarak oluşturulmalıdır, matematiksel bir formül yoktur.
- 14:01Tipografi ve Tasarım
- Tipografi başlı başına bir tasarım olup, web sayfasında ayrı bir vakit ayırılmalıdır.
- İşe yeni başlayanlar genellikle tüm ikon setlerini ve illüstrasyonları kullanmak isterler, ancak bu kullanıcıyı zorlaştırır.
- Tipografiyi doğru oranda kullanmak, tasarımın karizmasını ve güvenilirliğini artırır.
- 15:56Tipografi ve Tasarım Deneyimi
- Tipografi alanında kendinizi geliştirmek için günlerce çalışmak ve farklı tasarımlar yapmak gerekir.
- UI gibi alanlarda matematiksel kurallar yoktur, göze güzel gözükmesi için bazı kurallar vardır.
- Deneyim kazanmak için sürekli farklı alternatifler ve çalışmalar hazırlamak gerekir, hataları da yaparak öğrenmek önemlidir.
- 16:39Font Kullanımı Kuralları
- Bir tasarımda maksimum üç yazı tipi kullanılmalıdır, daha fazla kullanmak kontrol etmesini zorlaştırır.
- Küçük tasarımlarda tek veya maksimum iki font daha net görünür.
- Kullanım amaçlarına göre farklı yazı tipleri tercih edilebilir, tırnaklı yazı başlıkları bazen daha güzel olabilir.
- 17:52Kontrast ve Renk Kullanımı
- Figma'da Stark ve Kontrast adlı ücretsiz plug-in'lerle yazının okunabilirliğini kontrol edebilirsiniz.
- Saf siyah (RGB de hex kodunda) kullanmak yerine daha yumuşak siyah tonlarını tercih etmelisiniz.
- Disleksi veya görme sorunu olan kişiler için kontrastı çok yüksek saf siyah zorluğudur.
- 18:52Yapılan Hatalar ve Önlemleri
- Web ve mobil uygulamalarda minimum 16 piksel font boyutu kullanılmalıdır.
- Yazıları tamamen büyük harflerle yazmak okunabilirliği düşürür, bu kullanım sadece başlıklarda olabilir.
- Vurgulamak için yazıları ortalamak yerine italik gibi diğer vurgu teknikleri kullanılmalıdır.
- 20:50Font Seçiminde Dikkat Edilmesi Gerekenler
- Yazı tipi hangi proje için kullanılacak, baskı için tırnaklı yazı tipleri, dijital ortamlarda düz hatlar tercih edilir.
- Yazı tipinin ruh haliyle proje arasında uyum olması gerekir (resmi, gayri resmi, çağdaş, geleneksel).
- Seçilen yazı tipi farklı dilleri desteklemeli ve geniş bir yazı tipi ailesine sahip olmalıdır.
- 23:27Font ve Tipografi Önemi
- Google Fonts, birçok font ihtiyacını karşılayabilir.
- Font tasarımı bazen tasarımın kendisidir ve yanlış kullanılması durumunda tasarım çöker.
- Tipografi çok önemli bir konudur ve doğru kullanımı tasarımın başarısını belirler.
- 23:51Tipografik Hatalar ve Çözümleri
- Soldaki örnek, kafayı karıştırmak ve tedirgin etmek için tasarlanmış bir dolandırıcı reklam örneğidir.
- Sağdaki profesyonel tasarımda önce vurgulamak istenen yazı belirtilir, sonra alt başlık ve önemli bilgiler gösterilir.
- Kullanılan görsellerin tasarıma entegre edilmesi ve renklerin uyumlu seçilmesi okunabilirliği artırır.
- 25:39Hiyerarşi ve Okunabilirlik
- Satori Graphics YouTube kanalında gösterilen örneklerde, sol taraftaki hatalı tasarımlar her şeyin çok önemli algısını verir.
- Sağdaki doğru tasarımda hiyerarşi sağlanmış, başlıklar ve alt yazılar farklı font ağırlıklarıyla kullanılmıştır.
- Tasarımda her şeyin net görünmesi ve okunabilirliği önemlidir, sadece estetik değil.
- 27:54Tasarım İpuçları
- Tasarıma eklenen her şeyin bir sebebi olmalı, kullanıcıyı yönlendirme veya destekleme amacıyla kullanılsın.
- Tasarım yaparken deneme yanılma yöntemi kullanmak önemlidir, farklı versiyonlar oluşturup karşılaştırılabilir.
- Tasarımın profesyonel hale gelmesi için zaman ve deneyim gerektirir.