Tasarımınız yaklaşık %80 metindir. Bir tasarımcının tasarımı tamamlayan yazı tiplerini seçmesi için tipografiyi anlaması çok önemlidir.
Temel bilgiler
Bir fontu diğerinden ayırt etmek ve her birinin özelliklerini anlamak için font yapısı terimlerini anlamak önemlidir. İlk olarak, şu terimleri anlamalısınız: artan çizgi (yükselen çizgi), azalan çizgi (azalan çizgi), taban çizgisi (taban çizgisi), satır aralığı (önde gelen) ve satır büyümesi (X yüksekliği).
beş kural
Çoğu insan metinleri web'de veya mobil cihazlar. İyi tipografinin beş kuralı hem basılı hem de dijital arayüzlere uygulanabilir. İyi yazı tipleri, okuma deneyimini keyifli hale getirir, kişiyi daha fazla ve zahmetsizce okumaya teşvik eder, bu nedenle yazı tipi seçimi maksimum kolaylık hedeflenmelidir.
San Francisco
Bu, iOS'ta Helvetica Neue'nin yerini alan yeni varsayılan yazı tipidir. indirebilirsin . Bu yazı tipi, metnin en iyi şekilde okunabilmesi için okunabilirlik için oluşturulmuştur. Bu yazı tipinin Apple tarafından oluşturulduğunu belirtmekte fayda var. Şöyle video yazı tipi daha ayrıntılı olarak açıklanmıştır.
Yazı tipi boyutuna bağlı olarak iOS, harf aralığı değerini otomatik olarak ayarlar ve Metin ve Ekran yazı tipi seçenekleri arasında geçiş yapar. Yazı tipi boyutu 20 pt veya daha büyükse SF UI Display, yazı tipi boyutu 10 pt'den küçükse SF UI Metni kullanılır.
Boyut
iOS için tasarım yaparken iPhone, iPad ve Apple Watch'ta okunabilirliği korumak için yazı tipi boyutunuz en az 11 punto olmalıdır. Bu minimum boyut değeridir ve ideal aralık 15 ile 19 pt arasındadır.
yazıt
SF, Proxima Nova veya Museo gibi modern bir yazı tipi kullanırken, bunların çeşitli ağırlık seçeneklerine sahip olduğunu göreceksiniz: İnce, Ultra Hafif, Orta, Yarım Kalın, Kalın, Ağır ve Normal. Yazı tipi boyutu ve stili birbirini tamamlar. 11-19 punto için Normal, 20-34 punto - Medium, 34 punto ve üzeri için - Bold kullanmanız gerektiğini unutmamakta fayda var. Yazı tipi boyutu çok büyük olduğunda metnin okunabilmesi için Light ve Ultralight kullanılabilir, ancak iOS 11'deki büyük başlıkların genellikle koyu renkle yazıldığını hatırlamakta fayda var.
Satır aralığı
İdeal olarak, satır aralığı yazı tipi boyutunun %120-145'i olmalıdır. Daha küçükse, metin buruşuk ve okunması zor görünecektir. Boşluk mükemmel boyutta olduğunda, her satırın kendi alanı vardır ve her şeyin okunması daha kolay hale gelir.
Satır başına karakter sayısı
İnsanlar, satır başına daha fazla karakter içeren metinlerden daha dikey olan metinleri daha hızlı okurlar. Satır çok uzunsa, kişi satırdaki her kelimeye odaklanması gerektiğinden daha fazla bilişsel yük yaşar. Sorunsuz bir okuma deneyimi sağlamak için bir satır ideal olarak 45-90 karakter uzunluğunda olmalıdır.
bilgi hiyerarşisi
Hiyerarşi ve etkileşimler yazı tipiniz aracılığıyla iletilmelidir. Başlıklar için büyük, kalın yazı tipi, imzalar için 14-15 pt gri Orta yazı tipi kullanın. Daha az önemli bilgiler içeren metinler için daha az şeffaflık kullanın.
Antika ve grotesk
Uygulamanın türüne bağlı olarak serif veya sans-serif yazı tipi iyi bir seçimdir. Serif yazı tipi, ortam, iBooks, Bloomberg ve The New York Times gibi çok fazla metin içeren uygulamalarda yaygın olarak kullanılır.
Sans-serif yazı tipleri, daha nötr ve güvenli oldukları için daha sık kullanılır. Bunları App Store'daki çoğu uygulamada göreceksiniz.
Yazı Tipi Kaynakları
Yazı tipleri genellikle pahalıdır, ancak herhangi bir tasarımda iyi görünecek harika yazı tiplerini indirebileceğiniz birkaç kaynak vardır.
Google Fonts'un harika bir arayüzü var ve iyi örnek olası her stil için yazı tipleri. Yazı tipi dosyalarını indirebilir ve bunları kullanmak için bir Xcode projesine yerleştirebilirsiniz.
Typekit, Adobe Creative Cloud aboneliğinin parçası olan harika bir ücretsiz ve premium yazı tipi koleksiyonuna sahiptir. Koleksiyondaki bazı harika yazı tipleri Proxima Nova ve Museo'dur.
Bu, yazı tiplerini satın almadan önce 60 dakika boyunca deneme fırsatı veren harika bir hizmettir. Ayrıca sınırlı bir süre için kullanmak üzere yazı tiplerini fiyatlarının bir kısmı için kiralayabilirsiniz.
Kılavuzlar
Yazı tipleri elbette iOS uygulamalarıyla sınırlı değildir, ancak ilkeler, bir kişinin metin okuması gereken tüm alanlar için geçerli olmalıdır.
Bu kılavuz size yazı tipi kombinasyonları, kesme işaretleri, tırnak işaretleri, parantezler vb. hakkında daha fazla bilgi verecektir.
Yüzünüzü gülümsetecek şekilde tipografinin her yönünden bahseden animasyonlu snippet'lere sahip hoş bir rehber. Şiddetle tavsiye ediyorum.
Yavaş yavaş, birden fazla yazı tipi kullanarak metninizde hiyerarşi ve kontrast oluşturmak isteyeceksiniz. Bu kılavuz, yazı tipi çiftlerini seçmek için faydalı olacaktır.
Bir yazım hatası bulursanız - vurgulayın ve Ctrl + Enter tuşlarına basın! Bizimle iletişime geçmek için kullanabilirsiniz.
Apple, iOS 13 ile nihayet mobil cihazlarında özel yazı tiplerinin kullanılmasına izin verdi. Bu seçeneğin uygulanması biraz kafa karıştırıcı olmuştur ve üçüncü taraf yazı tiplerinin kullanımı şu anda yalnızca iWork paketi gibi bazı uygulamalarda mümkündür, ancak bu özellik yine de birilerinin ilgisini çekebilir.
Yazı tipi yöneticisi ile çalışma
İlk olarak, örnek olarak Mail kullanarak iOS 13'te farklı yazı tiplerinin nasıl kullanılacağını bulalım. İçine yeni bir harf yazmaya başlayın ve klavyenin üzerinde Aa simgesini bulacaksınız (göstermek için önce oka tıklamanız gerekebilir)<). Нажав на него и выбрав пункт «Шрифт по умолчанию», вы получите доступ к паре сотен предустановленных шрифтов:
App Store'dan üçüncü taraf yazı tiplerini yükleme
Uygulama mağazasında üçüncü taraf yazı tiplerini yüklemek için hala birkaç program var ve ücretsiz olanlardan biri Font Diner. Kurulumdan sonra çalıştırın, sağ üstteki Etkinleştir düğmesine tıklayın ve ardından özel yazı tiplerini yüklemeyi kabul edin: 
Yüklü yazı tiplerini görüntüle
Elbette Apple, yüklü yazı tiplerini görüntülemeyi ve kaldırmayı mümkün kılmıştır. Bunu yapmak için Ayarlar > Genel > Yazı Tipleri'ne gidin:
Üçüncü Taraf Yazı Tiplerini Kullanma
Komik, Mail uygulamasının bir yazı tipi yöneticisi olmasına rağmen, orada üçüncü taraf yazı tiplerini kullanamazsınız. Ancak iWork paketinde bu mümkündür ve bu olasılığı Sayfaları örnek olarak kullanarak analiz edeceğiz. İçinde istediğiniz belgeye gidin, ardından üst kısımdaki fırça simgesine tıklayın ve açılır menüden istediğiniz yazı tipini seçin.
Her Apple reklamı bir sanat eseridir. Sadece reklamı yapılan ürüne dokunmak, deneyimlemek ve satın almak istediğiniz gibi görünmesi için düzinelerce hatta yüzlerce fotoğraf oluşturulur. Ancak başarılı bir reklam kampanyası için gerekli olan tek şey fotoğraflar değildir. Başarının bir diğer anahtarı da bugün size anlatmak istediğimiz yazı tipleridir.
Form stili
Apple.com'daki tüm promosyon malzemeleri için, hatta yeni iGadget'ınızın kutusundaki parlak yazılar için bile Apple, Myriad Pro SemiBold adlı Myriad yazı tipinin bir türevini kullanır. Sans-serif yazı tipi olan Myriad, ilk olarak 1992'de Adobe tarafından oluşturuldu. Bugün bu yazı tipi yalnızca Apple tarafından değil, Google (örneğin, "Gmail" kelimesinin son üç harfi), LinkedIn, Rolls-Royce ve Walmart tarafından da kullanılmaktadır. Apple şirketi 2002 yılında Myriad'ı kullanmaya başladı.
2002 yılına kadar Apple, neredeyse her yerde Garamond yazı tipinin değiştirilmiş bir türevini kullandı. Bu varyant Apple Garamond olarak adlandırıldı ve belki de en iyi "Farklı Düşün" adlı ünlü Apple reklam kampanyasıyla hatırlanıyor. Ayrıca Cupertino'daki Apple kampüs binasındaki tüm işaretler, pankartlar ve etiketler için kullanıldı (tüm harfler artık Myriad yazı tipine dönüştürüldü). Garamond, 1984'te orijinal Mac ile birlikte tanıtıldı. Ancak 1984 yılına kadar Apple, tüm ürünlerinde kullanılan Motter Tektura yazı tipini kullandı. Motter Tektura da uzun yıllardır Reebok logosunda kullanılıyor.
Ancak pazarlama materyallerinde metin Myriad'ı kullanmak için çok küçük, bu yüzden Helvetica Nueu yazı tipini kullanıyorlar.
klavyeler
hepsi için fiziksel klavyeler Apple, VAG Rounded yazı tipini kullanır. Bu makaleyi bir iMac veya herhangi bir MacBook'ta okuyorsanız, tuşlara bakın ve VAG Yuvarlatılmış'ı göreceksiniz. Yazı tipi, orijinal olarak Volkswagen tarafından kullanılmak üzere özel olarak tasarlandı ve özellikle belirgin ve yuvarlak uçları ile tanındı. VAG Rounded, 1999'da Apple klavyelerinde ilk çıkışını yaptı ve orijinal iBook dizüstü bilgisayarın klavyesinde oldu. Bundan sonra Apple, tüm dizüstü bilgisayarlarında klavye için bu yazı tipini kullanmaya başladı, ancak Mac klavyeleri yalnızca 2007'de VAG Rounded kullanımına katıldı.
VAG Rounded yazı tipini kullanmadan önce, Apple klavyeleri Univers varyantını veya daha kesin bir deyişle Univers 57'yi kullandı. elma bilgisayarları, büyük olasılıkla bu yazı tipini ince ve eğimli görünümü için hatırlayın.
Kullanıcı arayüzleri
Tümünde Mac sürümleri OS X, Apple'ın kullanıcı arabirimi öğelerini oluşturmak için Lucida Grande yazı tipini kullandı. Lucida yazı tipi ailesi 1985 yılına kadar uzanır ve şu anda metin belgeleri ve birçok web sitesinde birincil yazı tipi olarak kullanılmaktadır. Bu yaygınlık, metnin kolay okunabilirliğinden kaynaklanmaktadır. Bu arada, logosu için bu yazı tipi kullanır sosyal ağ Facebook.
Ancak Apple, iOS aygıtlarında uygulama adları, menüler ve sanal klavyeler dahil tüm kullanıcı arabirimi öğeleri için Helvetica yazı tipini kullanır. Ve Retina ekranlı iOS cihazları için, yani iPhone 4, yeni iPad, yazı tipinin daha keskin ve net bir sürümü kullanılıyor - Helvetica Neue.
www.applegazette.com'dan alınmıştır.
Helvetica (solda), San Francisco(sağda)
San Francisco yazı tipi Apple Watch'ta zaten kullanılmış ve Apple cihazları için varsayılan yazı tipi haline gelmiştir: Apple Watch, iPhone, iPad ve Mac.
elma izle
Apple, ilk iPhone'dan bu yana iOS için sistem yazı tipi olarak Helvetica'yı kullanıyor. Ve Mac OS X'te, 10.10 Yosemite yayınlandığından beri yazı tipini Lucida Grande'den Helvetica'ya değiştirdiler. Apple neden dünyanın en ünlü ve sevilen yazı karakteri olan Helvetica'yı gömmeye karar verdi?
Küçük formlarda Helvetica zayıftır
öyle diyorlar Helvetica, küçük boyutlu metinler için uygun değildir. Mac OS X Yosemite'deki sistem yazı tipi Helvetica olarak değiştirildiğinde, birçok tasarımcı böyle bir yazı tipinin buraya hiç uygun olmadığını söyledi.
Erik Spiekermann tarafından "Helvetica berbat"
Metni küçük boyutta yazdığınızda, Helvetica'nın zayıf okunabilirliği görünür hale geliyor. Helvetica bu tür metinleri bulanıklaştırır. Bazı metinler karışık ve anlaşılması zor. Birçok kişi Apple'ın San Francisco yazı tiplerini Apple Watch'taki küçük metinleri daha okunaklı hale getirmek için yarattığını söylüyor.
Harfler küçük boyutlu metinlerde karıştırılır
Ancak günümüzde cihazın ekran çözünürlüğü basılı materyallerden daha yüksek ve iPhone'lardaki metinler her zaman Apple Watch'lardaki kadar küçük olmuyor. Apple neden sistem yazı tiplerini yalnızca Apple Watch'ta değil, iOS ve Mac OS X'te de değiştirdi.
San Francisco sadece bir yazı tipi değil
San Francisco yazı tiplerinin onları çok okunabilir kılan birçok özelliği vardır. Aslında Apple Watch ve iOS/Mac için San Francisco yazı tipleri, küçük farklılıklar gösteren iki yazı tipidir.
iOS/Mac için "SF" adlı yazı tipi ailesi ve Apple Watch için "SF Compact" kullanılır. Yuvarlak harflerdeki o, e farkı fark edebilirsiniz. "SF kompakt", SF'den daha düz dikey çizgilere sahiptir.
SF ve SF Kompakt
Bu fark, SF Compact'taki metinlere harfler arasında daha fazla kenar boşluğu (girinti) vererek Apple Watch gibi küçük cihazlarda daha fazla okunabilirlik sağlar.
Ek olarak, SF ve SF Compact yazı tipleri iki alt aileye ayrılır: "Metin" ve "Ekran". Bunlar tam olarak Apple'ın "Optik Boyutlar" dediği şeydir. "Metin", daha küçük boyuttaki metinler içindir ve "Ekran", daha büyük boyuttaki metinler içindir.
San Francisco ailesi
Yukarıda bahsettiğim gibi, Helvetica gibi grotesk (sans-serif) yazı tiplerini kullanırken, iki bitişik harf “harman” ve “a”, “c”, “s” gibi harfler küçük boyutta benzer görünüyor.
Yazı Tipleri "Ekran" ve "Metin"
"Metin" alt ailesinin, "Ekran" alt ailesinden daha fazla kenar boşluğu vardır. Ve bu metin yazı tiplerinin açıklıkları da daha geniştir, böylece küçük punto boyutu daha okunaklı olur.
San Francisco yazı tipleri dinamiktir
San Francisco ile ilgili en güzel şeylerden biri, yazı tipini dinamik olarak nasıl optimize ettiğidir. Sistem, metin boyutuna bağlı olarak Ekran/Metin yazı tipini otomatik olarak değiştirir. Eşik değeri 20pt'dir.
Tasarımcılar ve uzmanlar artık hangi yazı tipini seçecekleri konusunda kafa yormak zorunda değiller. Örneğin, sadece sistem yazı tipini UILabel'e ekleyin ve cihaz sizin için uygun yazı tipini seçecektir.
San Francisco yazı tipleriyle ilgili beni şaşırtan şey, iki nokta üst üste işaretlerinin nasıl görüntülendiği. Temel olarak, iki nokta üst üste yazı tipi satırının hemen üzerine yerleştirilir, bu nedenle sayılar arasındaysa dikey olarak ortalanmaz. Ve San Francisco yazı tiplerinde iki nokta üst üste otomatik olarak hizalanır.
Dikey merkezli kolon
San Francisco - dijital çağ yazı tipi
Gördüğünüz gibi, San Francisco yazı tipleri, her boyutta ve herhangi bir cihazda okunması kolay olacak şekilde dikkatlice düşünülmüştür.
San Francisco yazı tipleriyle değiştirilen Helvetica, 1957'de İsviçre'de, daha dijital cihazlar olmadan önce yaratıldı. Helvetica, günümüzde bile kurumsal font olarak birçok firma tarafından yaygın olarak kullanılmaktadır ve gelecekte de kaliteli bir klasik font olarak kullanılmaya devam edeceğine şüphe yoktur.
Öte yandan, San Francisco modern bir yazı tipidir. Stilleri bağlama göre dinamik olarak değiştirir. Bu, sanki yaklaşmakta olan dijital çağ için özel olarak yaratılmış gibi, "yerel" bir yazı tipi gibi bir şeydir.
