Typography Scaleyazan Owl-Listener

Typography Scale Skill.

Belgelenmiş az sayıda metin stilinden okunabilir bir hiyerarşi oluşturun.

Arayüz Tasarımı
Tipografi

OpenDesign İndir Kullanım Kılavuzunu Görüntüle

Kaynak İncelemesi · Typography ScaleSKILL.md

Görev Arayüz Tasarımı Çıktılar • Boyut, ağırlık, satır yüksekliği ve harf aralığı içeren adlandırılmış bir metin stili ölçeği. • Gövde, başlık ve teknik metin için yazı tipi rolü atamaları. • Duyarlı kullanım kuralları ve gerçek içerikle kontroller. Başlamadan Önce Anlamlı bir görsel doğrulama için gerçek yazı tipi dosyaları veya kullanılabilir platform yazı tipleri gerekir.

Editoryal özet · kaynak incelendi 2026-10-07 · üretilmiş bir örnek değildir

01 İşlevler

Tutarlı Bir Tipografi Sistemi Oluşturun

Modüler boyutları, ağırlığı, satır aralığını, harf aralığını, yazı tipi rollerini ve duyarlı kullanımı kapsayan bir tipografi sistemi başvurusu.

Kaynağa dayalı iş akışıÇalıştırma karşılaştırması değildir

Çalışma Yaklaşımı

Typography Scale, boyut ilişkilerini ağırlık, satır yüksekliği ve harf aralığıyla birleştirir. Bir tipografi sistemini yalnızca bir yazı tipi boyutları dizisi olarak ele almaz: alt yazı, gövde paragrafı, başlık ve ekran başlığı satırının farklı rollere ve kullanım koşullarına ihtiyacı vardır.

Kaynak, örnek modüler oranlar ve yazı tipi rolü seçimlerinin yanı sıra başlıklar ve okuma ölçüsü için mobil rehberlik içerir. Bunlar gerçek içerikle test edilmesi gereken başlangıç kurallarıdır. Matematiksel bir oranın tek başına her yazı tipinde veya yazı sisteminde okunabilir tipografiyi garanti ettiğini iddia etmez.

Beklenen Çıktılar

Boyut, ağırlık, satır yüksekliği ve harf aralığı içeren adlandırılmış bir metin stili ölçeği.
Gövde, başlık ve teknik metin için yazı tipi rolü atamaları.
Duyarlı kullanım kuralları ve gerçek içerikle kontroller.

Örnek Brief'e Bakın

Brief'ten İncelemeye

01
Temel İlişkiyi Seçin
İçeriğe ve mevcut markaya uygun bir gövde taban boyutu ve oran seçin.
02
Eksiksiz Stilleri Tanımlayın
Her boyutu ağırlık, satır aralığı, harf aralığı ve net bir kullanım rolüyle eşleştirin.
03
Gerçek Metni Test Edin
Uzun başlıkları, gövde paragraflarını ve mobil genişlikleri kontrol edin; tek tek durumları düzeltmek için gereksiz boyutlar eklemekten kaçının.

02 Kullanım Alanları

Ne Zaman Kullanılır?

Anlamlı bir görsel doğrulama için gerçek yazı tipi dosyaları veya kullanılabilir platform yazı tipleri gerekir.

İyi Bir Uyum

Tutarsız Metin StilleriBir üründe neredeyse aynı olan başlıklar ve etiketler birikmişse işe yarar.
Yeni Arayüz TemelleriEkranlar kendi ölçeklerini icat etmeden önce tipografi rollerini belirler.

Kontrol Edilecek Sınırlar

Yalnızca Okuma Ölçüsü DeğilSatır uzunluğu önemlidir, ancak bu Skill daha geniş bir tipografi sistemini ele alır.
Yazı Tipi Lisansı DeğildirYazı tipi seçimi ve kullanımı için yine uygun lisanslama ve platform uygunluğu gerekir.

Bu Girdileri Getirin

Yazı Tipleri ve MarkaOnaylı aileleri, kullanılabilir ağırlıkları ve mevcut kısıtları belirtin.
İçerik ÖrnekleriGerçekçi etiketler, başlıklar, paragraflar, kod veya sayısal göstergeler ekleyin.
Ekran BağlamlarıMobil, yoğun arayüz ve uzun metin okuma gereksinimlerini açıklayın.

03 Önemli Kararlar

Önemli Kararlar

Stiller Rol Taşır
Belgelenmiş kullanım durumları, komşu boyutlar arasındaki keyfi kararları azaltır.
Her Şeyi Küçültmeden Mobil
Kaynak, başlıkları ölçeklemeyi okunabilir bir gövde taban boyutunu korumaktan ayırır.

04 Örnek Görev Tanımı

Odaklı Bir Brief Deneyin

Aşağıdaki örnek brief test edilmemiştir. Kullanmadan önce skill'in kurulumunu kontrol edin.

Kurulumu İnceleyin

Deponun belgelenmiş kurulum yolunu kullanın ve başvurulan tüm yardımcı dosyaları saklayın. Bu kayıt, çalıştırılabilir bir uygulamayı değil, odaklı bir tasarım yöntemini tanımlar.

Üst Kaynak Dosyası

https://github.com/Owl-Listener/designer-skills/blob/9a6930cf84a822eb458624bd11c61aac5bbdf224/ui-design/skills/typography-scale/SKILL.md

Anlamlı bir görsel doğrulama için gerçek yazı tipi dosyaları veya kullanılabilir platform yazı tipleri gerekir.

Tek Bir Çıktıyla Başlayın

Skill'i çalıştırmadan önce bu brief'teki kapsamı, kaynak materyali ve kısıtları uyarlayın.

Örnek Brief

Makale metni, notlar, gezinme etiketleri ve kod alıntıları içeren bir araştırma okuma uygulaması için typography-scale kullanın. Eksiksiz stil değerleri ve mobil başlık davranışıyla ölçülü bir modüler ölçek tanımlayın. Yer tutucu metin yerine sağlanan uzun başlıklar ve paragraflarla test edin.

Sonucu İnceleyin

Gerçek çıktıyı bu gözlemlenebilir ölçütlere göre kontrol edin.

Her stil yalnızca bir yazı tipi boyutu değerinden fazlasını içerir.
Sık kullanılan metin rolleri sınırlı sayıda stil kullanır.
Uzun başlıklar ve gövde metni dar genişliklerde okunabilir kalır.

OpenDesign, kodlama ajanları için yerel bir tasarım çalışma alanı sağlar. Bu liste, skill'in pakete dahil olduğu veya harici araçlarının, kimlik bilgilerinin ve yazılım bağımlılıklarının dahil olduğu anlamına gelmez.

OpenDesign İndir Hızlı Başlangıcı Okuyun

05 Kaynak ve Lisans

Kaynak ve Lisans

Bu sayfa, aşağıda bağlantısı verilen sabitlenmiş kaynak revizyonunu açıklar. Üst kaynaktaki davranış ve gereksinimler değişebilir.

Kaynak Sahibi: Owl-Listener
Depo: Owl-Listener/designer-skills
Skill Dosyası: ui-design/skills/typography-scale/SKILL.md
Lisans: MIT
İncelenen Sürüm: 2026-10-07 · 9a6930cf84a8

Editoryal Kaynak Özeti

Modüler boyutları, ağırlığı, satır aralığını, harf aralığını, yazı tipi rollerini ve duyarlı kullanımı kapsayan bir tipografi sistemi başvurusu.

Bağlantılı kaynağa dayanan, OpenDesign tarafından hazırlanmış özgün özet. Depo yıldızları tarihli bir popülerlik göstergesidir; skill kullanımını veya kalite puanını göstermez.

06 Başlamadan Önce Sorular

Başlamadan Önce Sorulacaklar

Modüler ölçek yazı tipini seçer mi?

Hayır. Oran boyutları düzenler; yazı tipi seçimi ve gerçek işleme yine de değerlendirme gerektirir.

Tüm masaüstü boyutları mobilde küçülmeli mi?

Kaynak, okunabilir bir gövde boyutunu koruyup başlıkları küçültmeyi ve satır uzunluğunu ayarlamayı önerir.

Düzenli olarak kaç stil kullanılmalı?

Kaynak, rutin kullanımı küçük bir kümeyle sınırlamayı önerirken alt yazı veya ekran başlığı metni gibi ek rollerin belgelenmesini önerir.

OpenDesign

Sonraki Tasarım Yinelemesine Yer Açın.

Brief'inizi, kaynak materyalinizi ve tasarım çalışmanızı yerel bir çalışma alanında bir arada tutun. İş akışınıza eklemeden önce skill'in kendi kurulumunu kontrol edin.

OpenDesign İndir Tasarım Skill'lerine Göz Atın