MAX'te Metin Biçimlendirme İçin Pratik Rehber

MAX'te metni stil paneli aracılığıyla biçimlendirin: uygun web yazı tipini ve boyutlarını (başlıklar ve gövde metni için yazı tipleri) seçin, yapı için numaralı/madde işaretli listeler kullanın, monospace yazı tipiyle kod blokları oluşturun, butonları bağlantı içeren ayrı bileşenler olarak tanımlayın ve görseller için alt metni/açıklamayı ekleyin — böylece her şey düzenli ve erişilebilir görünecektir.

Hızlı Biçimlendirme İlkeleri

1. Boyutlar: Gövde metni — 16px (veya 1rem), H2 ~24–28px, H3 ~20–22px; satır aralığı 1.4–1.6.
2. Kontrast: Metin ≥ AA (arka planla kontrast 4.5:1).
3. Yazı tipi sayısını 2–3 ile sınırlayın: başlık, ana metin ve monospace (kod için).
4. Her parçayı manuel olarak düzenlemek yerine stilleri (sınıf/önayarlar) kullanın — bu şekilde tutarlı bir görünümü korumak daha kolaydır.

Yazı Tipi, Listeler ve Kod — Adımlar ve Örnekler

• Yazı Tipi:

  • Web açısından güvenli veya MAX'e yerleşik bir yazı tipi seçin (örneğin, Inter, Roboto veya sistem sans-serif).
  • Temel boyutu 16px olarak ayarlayın, mobil cihazlarda gövde metnini 14px'den küçük yapmayın.
  • Başlıklar için 600–700 kalınlık, ana metin için 400–500 kalınlık kullanın.

• Listeler:

  • Sıralı adımlar için numaralı listeler; kısa maddeler için madde işaretleri kullanın.
  • Okunabilirliği korumak için iç içe geçmiş seviyelerde 0.5–1rem boşluk bırakın.
  • Liste uzunsa, anlamsal gruplama ve bir başlık ekleyin.

• Kod:

  • Kod bloklarını «Kod» bloğu veya monospace yazı tipi önayarı aracılığıyla ekleyin.
  • Blok arka planını (hafif gri), boşlukları (padding 12–16px) ve uzun satırlarda yatay kaydırmayı ayarlayın.
  • Satır içi kod için satır sonu olmadan monospace stili kullanın.

Butonlar, Görseller ve Dışa Aktarma

• Butonlar:

  • Butonları ayrı bir bileşen olarak oluşturun: boyutu (genellikle yükseklikte 44–48px), metin ve arka plan kontrastını ve belirgin bir hover durumunu ayarlayın.
  • Buton içinde anlaşılır CTA'lar kullanın: «İndir», «Sipariş Ver», «Daha Fazla».
  • Bağlantılar için dışa aktarma/yayınlama sırasında gerekirse yeni pencerede açmak üzere rel ve target ekleyin.

• Görseller:

  • WebP formatında (veya optimize edilmiş JPEG/PNG) yükleyin, geniş bloklar için genişlik 1200–1600px olsun.
  • Görsel anlam taşıyorsa mutlaka alt metni ve açıklamayı doldurun.
  • MAX'te kırpma ve hizalama kullanın, mobil uyumluluğu kontrol edin.

• Dışa Aktarma ve Önizleme:

  • Yayınlamadan önce masaüstü ve mobilde önizlemeyi kontrol edin, stillerin doğruluğundan ve butonların tıklanabilir olduğundan emin olun.

Sık Yapılan Hatalar

• Sayfalar arasında yazı tipi boyutlarının tutarsızlığı — global stiller kullanın.
• Sınıflar uygulamak yerine her paragrafı doğrudan biçimlendirme.
• Görsellerde alt metnin eksik olması.
• Mobil cihazlarda çok küçük metin kullanımı (<14px).
• Arka plan ve boşluk içermeyen kod blokları — okunması zordur.

SSS

• MAX'te bir web sitesi için yazı tipi nasıl seçilir?

  • Gövde metni için nötr bir sans-serif, başlıklar için kontrastlı bir yazı tipi seçin; farklı ölçeklerde okunabilirliği kontrol edin.

• Dışa aktarmada çalışacak bir buton nasıl eklenir?

  • Düzenleyicide Button bileşeni oluşturun, bağlantı/eylemi belirtin ve önizlemede test edin; dışa aktarmada bağlantı özniteliklerini kontrol edin.

• Vurgulamalı kod nasıl yapılır?

  • MAX vurgulamayı destekliyorsa — seçilen tema ile Code bloğunu kullanın; aksi takdirde görsel olarak dışa aktarın veya hazır bir bileşen kullanın.

• Hangi görsel boyutları daha iyidir?

  • İçerik için: geniş bloklar için genişlik 1200–1600px, yerleştirmeler için 800–1000px; dosya boyutu — mümkünse <200 KB.

---

Gerekirse, MAX için hazır stil seti (CSS değişkenleri ve boyut değerleri) veya uygulanmış kurallarla birlikte bir sayfa şablonu örneği hazırlayabilirim.