Better Typography
Web tipi için okunabilirlik ve erişilebilirlik ilkeleri
Kurulum
Script içeriyorhttps://github.com/jakubkrehel/skills/tree/main/skills/better-typography
When choosing fonts, setting up type scales, styling text, or troubleshooting typography on web interfaces
- Geliştirici
- Jakub Krehel
Web İçin Profesyonel Tipi
Digital arayüzlerde metni okunabilir ve erişilebilir yapan tip ilkelerini uygulamaya yarayan eksiksiz bir rehber. Dekoratif çalışmalardan ziyade tutarlılığa odaklanır: uygun tür ölçekleri, rahat boşluklar ve yeterli kontrast.
Öne Çıkanlar
- Anlamsal seviyelere göre inen tür ölçekleri ve başlık hiyerarşileri
- .woff2 formatı ile font yükleme ve ham özellikler yerine CSS özelliklerine tercih
- Konforlu okuma için satır yüksekliği, satır genişliği ve metin sarması ayarları
- iOS input zoom ve duyarlı ölçekleme gibi mobil özelinde tipi endişeleri
- Kontrast, metin seçimi ve OpenType özellikleriyle erişilebilirlik desenleri
- Metin kırpma, tabuler sayılar ve noktalama düzenlemesi için CSS teknikleri
Arayüz tasarlarken profesyonel sonuçlar isteyen ön yüz geliştiricileri ve tasarımcılar için. Yazı tipi seçimi, CSS teknikleri, boşluk hesaplamaları ve erişilebilirlik konularında pratik rehberler içerir.
Benzer skill'ler
Better Layout
SkillMizanpaj yapısı, boşluk ve görsel hiyerarşi kur
Frontend Design
SkillArayüz tasarımına yön veren, şablon görünümünden kaçınmayı hedefleyen rehber.
Canvas Design
SkillYazılı bir tasarım yaklaşımından tek sayfalık PNG ya da PDF üretir.
Yorumlar(0)
Yorum yapmak için giriş yap