Uygulama arayüzleri için temiz sans serif fontlar
Düğmelerde, menülerde, tablolarda ve ayar ekranlarında net kalan, bir arayüzün ihtiyaç duyduğu ağırlıklara sahip açık lisanslı sans serif font aileleri.
Save changes
Bir arayüz, yazı tipinden bir başlığın istediğinden fazlasını ister. Metinlerin çoğu kısa ve küçüktür: 12 ya da 13 piksellik etiketler, tablo hücreleri, bir alanın altındaki yardımcı satırlar. Bu boyutlarda önemli olan, a, e ve s gibi harflerdeki açık ağızlar, cömert bir x yüksekliği ve birbirinden kolay ayırt edilen rakamlardır. Bir parola alanında büyük I, küçük l ve 1 rakamı birbirine benzememelidir.
Ağırlık aralığı da neredeyse bu kadar önemlidir. Bir ürün genellikle akan metin için bir regular, düğmeler için bir medium ya da semibold, vurgu için de bir bold ister; hepsi bir bakışta fark edilecek kadar birbirinden ayrı olmalıdır. Değişken ağırlık eksenli aileler, en yakın adlandırılmış stile razı olmak yerine tam adımı seçmenize izin verir. İtalikler arayüzlerde makalelerdekinden daha az önemlidir; bu yüzden burada yalnızca dik stilli birkaç aile var ve öyle işaretlendi. Ürününüz birden çok dilde yayımlanıyorsa karar vermeden önce her ailenin yanında belirtilen alfabe kapsamına bakın.
-
Inter
Ekranlar için çizilmiş; dokuz ağırlığı, italikleri ve harfleri küçük ve büyük boyutlar arasında ayarlayan bir optik boyut ekseni var.
-
Roboto
İtalikli dokuz ağırlık ve bir genişlik ekseni; tek aile yoğun tabloları, gövde metnini ve büyük başlıkları karşılar.
-
Figtree
Web ve mobil uygulamalar için yapılmış: tek değişken eksende Light'tan Black'e yedi ağırlık ve italikler.
-
DM Sans
Düşük kontrastlı geometrik harfler ve 9'dan 40'a bir optik boyut ekseni; hem etiketler hem başlıklar için.
-
Plus Jakarta Sans
Açık karınlar ve biraz uzun küçük harfler küçük etiketleri okunur tutar; ExtraLight'tan ExtraBold'a italikli yedi ağırlık.
-
Manrope
ExtraLight'tan ExtraBold'a değişken ağırlık ekseni; çok dilli ürünler için Kiril ve Yunan alfabesi; yalnızca dik stiller.
-
IBM Plex Sans
İtalikli yedi ağırlık ve kompakt paneller için harfleri daraltan bir genişlik ekseni.
-
Source Sans 3
Arayüz sans'ı olarak tasarlanmış: ExtraLight'tan Black'e italikli sekiz ağırlık, Kiril ve Yunan alfabesi.
-
Work Sans
Ekran metninde 14 ila 48 piksel için ayarlanmış; italikli dokuz değişken ağırlık.
-
Ubuntu
Masaüstü arayüzü için yapılmış ve ekranlar için elle hint'lenmiş; italikli dört ağırlık.
-
Nunito Sans
Optik boyut ve küçük harf yüksekliği dahil dört değişken eksen, aileyi değiştirmeden yoğunluğu ayarlamanızı sağlar.
-
Geist
Uzun küçük harfler ve Black ağırlıkta bile açık kalan karınlar, ağır etiketler net okunur; Kirilce destekli, italikli dokuz ağırlık.
-
Public Sans
Bir kamu tasarım sistemi için yapılmış nötr bir sans; italikli dokuz değişken ağırlık.
-
Onest
Geometrik ile hümanist arasında duran harfler, küçük gezinme metinlerinde birbirinden ayrı kalacak şekilde tasarlanmış; Thin'den Black'e Kiril destekli, yalnızca dik stiller.
-
Albert Sans
Neredeyse daire biçimli karınlar ve hemen hemen eşit kalınlıkta çizgiler, italikli dokuz ağırlıkta; yalnızca Latin, Türkçe ve Lehçe harflerin tamamıyla.
-
Be Vietnam Pro
Teknoloji ürünlerine yönelik, Vietnamca aksanlar öncelikle çizilmiş; statik dosyalar olarak italikli dokuz ağırlık.
-
Hanken Grotesk
Tabelalar, kitaplar ve arayüzler için ayarlanmış, italikli dokuz değişken ağırlık.
-
Wix Madefor Text
Arayüzler için tasarlanmış bir ürün yazı sisteminin metin kesimi: italikli beş kalınlık ve Kiril desteği.
Örnekler her ailenin temel Latin alt kümesini yükler. Buradaki her aile açık lisans taşır; sayfası koşulları belirtir ve özgün dosyaları sunar.
Uygulama arayüzleri için temiz sans serif fontlar hakkında sorular
Bu fontları ticari bir uygulamanın içinde dağıtabilir miyim?
Buradaki her aile açık bir lisans taşır; çoğunlukla SIL Open Font License, yani ticari ürünlerde kullanıma ve uygulamalara gömmeye izin verir. Lisans metni her indirmeyle birlikte gelir; kesin şartlar için seçtiğiniz ailenin sayfasını okuyun.
Bir arayüz değişken font mu yoksa statik dosyalar mı kullanmalı?
Değişken bir dosya tüm ağırlıkları tek indirmede verir ve ara değerleri ayarlamanıza izin verir; bir tasarım sistemi 450 ya da 550 isterse bu işe yarar. Yalnızca iki üç ağırlık kullanıyorsanız statik dosyalar hâlâ sağlam bir seçimdir.
Arayüz metni için italik gerekir mi?
Nadiren. Arayüzler vurgu için ağırlığa ve renge yaslanır. İtalikler, ürün aynı yazı tipi ailesi içinde makale ya da dokümantasyon gibi uzun içerik gösterdiğinde işe yarar.
Bir arayüz sans fontunu kod fontuyla nasıl eşleştiririm?
Burada listelenen birkaç ailenin aynı oranlarla çizilmiş eş aralıklı bir kardeşi var. Kardeşi kullanmak, düz yazıyla kod arasında yükseklikleri ve çizgi kalınlığını tutarlı tutar.