Spor içeriklerinin farklı bilgi katmanlarında nasıl sunulduğunu, mobil görünümde sayfa öğelerinin hangi ölçülerde yeniden düzenlendiğini ve uzun içeriklerde daha dengeli bir görsel çizginin nasıl kurulabileceğini ele alan yeni sürüm.
Açılış alanı ziyaretçiye bütün detayları tek ekranda vermek yerine sayfanın hangi konuları ele aldığını kısa bir içerik çerçevesiyle gösterir. Marka, navigasyon ve temel yönlendirmeler bu bölümde birlikte yer alır.
Detaylı açıklamaların ana içerik alanına bırakılması başlangıç ekranının daha temiz ve kontrollü görünmesini sağlar.
Bu yaklaşım mobil cihazlarda da ilk bölümün gereğinden fazla dikey alan kullanmasını azaltabilir.
Spor kategorileri, mobil görünüm, arayüz çizgisi ve teknik yapı farklı bölümler halinde ele alınır.
Böylece ziyaretçi uzun sayfanın tamamını okumadan istediği bölüme geçebilir ve her başlık kendi bilgi görevini korur.
Birden fazla spor kategorisinin aynı alanda yer alması durumunda bütün başlıkların aynı ölçüde görünür olması içerik yoğunluğunu artırabilir.
Ana branşların daha güçlü tipografiyle sunulması ve yardımcı metinlerin daha nötr biçimde devam etmesi ziyaretçinin sayfayı daha hızlı taramasına yardımcı olur.
Kartlar uzun açıklamaların kopyası olmak yerine bölümün temel noktasını birkaç kısa ifadeyle sunabilir.
Daha kapsamlı metinlerin normal paragraf alanında devam etmesi kart yapısının kompakt ve dengeli kalmasını sağlar.
Başlık ölçüsü, kart aralığı ve kenarlık sisteminin farklı spor gruplarında da aynı kalması sayfanın bütünlüğünü destekler.
Küçük ekranlarda tüm navigasyon bağlantılarının aynı anda gösterilmesi marka ve temel yönlendirmeler için kullanılabilir alanı azaltabilir.
Daha düşük öncelikli bağlantıların gizlenmesi üst bölümün daha sade ve işlevsel kalmasına yardımcı olur.
Masaüstünde merkezde sınırlandırılan içerik alanı telefon ekranında kullanılabilir yatay alanın daha büyük bölümünü kullanabilir.
Kart kolonlarının azalması da her bilgi alanına daha geniş bir okuma yüzeyi kazandırır.
| Arayüz Alanı | Masaüstü | Mobil |
|---|---|---|
| Üst Navigasyon | Geniş bağlantı grubu | Öncelikli seçenekler |
| Hero Başlığı | Büyük tipografi | Kompakt ölçek |
| Bilgi Kartları | Çok kolonlu görünüm | Daha az kolon |
| Ana Metin | Merkezde kontrollü | Ekranı daha fazla kullanır |
| SSS Alanı | Standart kontrol alanı | Dokunmaya uygun yükseklik |
Bu sürümde koyu bordo-mürdüm tonu ana arayüz karakterini oluştururken şampanya altını etiket, ikon ve önemli yönlendirmelerde vurgu olarak kullanılır.
Ana içerik bölümlerinin açık krem ve beyaz yüzeylerde kalması uzun okumalarda daha sakin bir görsel yapı oluşturur.
Ana başlıklardan önce bırakılan geniş mesafe yeni bir içerik alanına geçildiğini doğal biçimde gösterir.
Paragraf aralıkları ise aynı bölüm içerisindeki farklı fikirleri daha küçük ölçekte birbirinden ayırır.
Her paragrafın kart içerisine alınmaması sayfanın gereksiz biçimde parçalanmasını önler ve metin akışını daha doğal tutar.
Responsive kolon sistemi, sticky navigasyon ve açılır soru alanlarıyla ilgili kısa teknik bilgiler aşağıdaki bölümde devam ediyor.
Teknik Soruları AçMinimum kart genişliği kullanılan grid sisteminde geniş ekranda daha fazla, dar ekranda ise daha az kolon oluşturulabilir.
Sticky header ziyaretçi sayfanın alt bölümlerine ilerlediğinde temel navigasyon seçeneklerinin erişilebilir kalmasına yardımcı olur.
details ve summary elemanları temel açılır-kapanır davranışını ek JavaScript ihtiyacı olmadan sağlayabilir.
Ziyaretçinin sayfanın ana konusunu hızlı anlamasını ve detaylı içerik alanlarına daha erken ulaşmasını sağlamak için.
Aşırı uzun satırları azaltarak daha dengeli ve rahat bir okuma alanı oluşturmak amacıyla.
Ana ve yardımcı kategori seviyelerinin daha hızlı ayırt edilmesine yardımcı olur.
Her zaman değil. İkincil bağlantılar küçük ekranlarda daha fazla kullanılabilir alan oluşturmak için gizlenebilir.
Her karta daha geniş bir içerik alanı kazandırarak metinlerin daha rahat okunmasını sağlar.
Evet. Temel metin korunur; ağırlıklı değişiklik yerleşim, boşluk ve tipografi ölçeklerinde yapılır.
Önceki kobalt, neon yeşil, elektrik moru ve diğer Casibom varyasyonlarından farklı daha sıcak ve premium bir görsel karakter oluşturmak amacıyla.
Uzun sayfalarda ana navigasyon bağlantılarına erişimin korunmasına yardımcı olur.
Hayır. HTML details ve summary elemanları temel açılır-kapanır etkileşimini tarayıcı üzerinden sağlayabilir.
Zaman içerisinde değişebilecek platform veya hizmet bilgileri yayımlanmadan önce güncel ve doğrulanabilir kaynaklardan ayrıca kontrol edilmelidir.