Spor içeriklerinin sayfa boyunca nasıl ayrıldığını, mobil ekranlarda hangi bölümlerin yeniden ölçeklendiğini ve uzun içeriklerde bilgi sırasının nasıl korunduğunu ele alan yeni çalışma.
İlk bölüm ziyaretçinin sayfadaki temel konu başlıklarını uzun metinlere geçmeden görebileceği sade bir tanıtım alanıdır. Marka, menü, ana başlık ve temel yönlendirmeler burada bir arada bulunur.
Detayların aşağıdaki ana içerik bölümüne bırakılması ilk ekranın daha hafif görünmesini sağlar ve ziyaretçiyi doğrudan uzun bilgi bloklarıyla karşı karşıya bırakmaz.
Kısa özellik satırı da sayfanın genel yapısını birkaç kelimelik özetlerle destekler.
İçerik genel yapıdan spor organizasyonuna, ardından mobil davranışa ve teknik arayüz kararlarına ilerler.
Bu sıra her bölümün farklı bir göreve sahip olmasını sağlar ve uzun sayfa içerisinde belirgin bir okuma yönü oluşturur.
Birden fazla spor kategorisinin aynı içerik alanında bulunması halinde ana branşların daha güçlü tipografiyle gösterilmesi ziyaretçinin ilgili bölümü daha hızlı fark etmesine yardımcı olabilir.
İkincil açıklamaların daha nötr görünmesi ise sayfanın bütün öğelerinin aynı anda dikkat çekmeye çalışmasını engeller.
Kart yapıları uzun açıklamaların kopyası olmak yerine bölümün temel noktasını birkaç saniyede anlatan kısa bilgi alanları olarak kullanılabilir.
Detayların normal paragraf akışında sürdürülmesi daha dengeli bir içerik dağılımı sağlar.
Farklı spor alanlarında aynı boşluk, kenarlık ve yazı sisteminin korunması kategori sayısı arttığında bile bütünlüklü bir görünüm sağlar.
Dar ekranlarda bütün navigasyon seçeneklerini görünür tutmak marka ve temel kontroller için kullanılabilir alanı azaltabilir.
Bu nedenle ikincil bağlantılar gizlenirken ana bölüm geçişleri korunabilir.
Masaüstünde merkezde sınırlandırılan metin alanı mobil görünümde ekranın kullanılabilir genişliğine daha fazla yaklaşır.
Kart kolonlarının azaltılması da her kart için daha rahat bir satır genişliği sağlar.
| Alan | Masaüstü Kullanımı | Mobil Kullanımı |
|---|---|---|
| Üst Menü | Geniş bağlantı grubu | Temel seçenekler |
| Ana Başlık | Geniş tipografi | Kompakt tipografi |
| Bilgi Kartları | Çok kolon | Az kolon |
| Metin Alanı | Merkezde kontrollü | Ekranı daha fazla kullanır |
| SSS Satırları | Standart yükseklik | Dokunmaya uygun alan |
Bu sürümde koyu lacivert temel arayüz rengidir. Turkuaz tonları ise etiketler, küçük ikonlar ve bağlantılar gibi daha dikkat çekmesi gereken alanlarda kullanılır.
Uzun metin bölümlerinin buz beyazı ve nötr gri yüzeylerde kalması sayfanın daha sakin görünmesine yardımcı olur.
Ana bölüm başlıkları arasında daha geniş mesafe kullanılması yeni bir konuya geçildiğini görsel olarak anlatır.
Paragraf aralıkları ise aynı bölüm içerisindeki farklı fikirleri daha küçük ölçekte birbirinden ayırır.
Kartların yalnızca hızlı özetlerde kullanılması uzun içeriğin gereksiz kutularla parçalanmasını önler ve doğal metin akışını korur.
Responsive grid, sabit navigasyon ve açılır soru-cevap sistemi hakkındaki ek açıklamalar aşağıdaki bölümde yer alıyor.
Teknik Sorulara GeçKartlarda minimum genişlik kullanılması geniş ekranda daha fazla, dar ekranda ise daha az kolon oluşmasını sağlayabilir.
Sticky header kullanımı ziyaretçinin sayfanın alt bölümlerindeyken bile ana menü seçeneklerine ulaşmasını kolaylaştırır.
details ve summary elemanları temel açılır-kapanır davranışını ek JavaScript gerektirmeden sağlayabilir.
Sayfanın ana konusunu kısa biçimde tanıtmak ve ziyaretçiyi farklı içerik bölümlerine yönlendirmektir.
Farklı konuların ayrı başlıklara bölünmesi sayfanın daha hızlı taranmasına yardımcı olabilir.
Kartların temel bilgiyi hızlı biçimde aktarmasını ve mobil ekranlarda gereksiz yükseklik oluşturmamasını sağlar.
Hayır. Temel yönlendirmeler korunabilir; yalnızca ikincil bağlantılar alan kazanmak amacıyla gizlenebilir.
Temel metin korunur; esas değişiklik yerleşim, ölçek ve boşluk değerlerinde yapılır.
Hayır. Responsive yapı mevcut ekran genişliğine göre kolon sayısını azaltabilir veya artırabilir.
Önceki bordo, mercan ve diğer varyasyonlardan tamamen farklı bir görsel karakter oluşturmak amacıyla.
Kullanıcının aşağıdaki bölümlerden ana navigasyona daha hızlı geri dönmesini kolaylaştırabilir.
Hayır. HTML details ve summary elemanları temel açılır-kapanır işlevi yerleşik olarak sağlayabilir.
Zaman içerisinde değişebilecek platform veya hizmet bilgileri yayımlanmadan önce güncel ve doğrulanabilir kaynaklardan kontrol edilmelidir.