Spor içeriklerinin ekranda hangi düzende sıralandığını, mobil cihazlarda bilgi alanlarının nasıl yeniden ölçülendiğini ve uzun sayfalarda görsel ritmin nasıl korunduğunu değerlendiren yeni sürüm.
Açılış alanı ziyaretçinin sayfanın tamamını okumadan önce ana konuyu anlayabileceği kısa bir özet görevi görür. Marka, navigasyon, başlık ve temel yönlendirmeler ilk ekranın ana bileşenlerini oluşturur.
Detayların ayrı içerik alanlarına bırakılması hero bölümünü daha sade tutar ve kullanıcının uzun metne daha hızlı geçmesini sağlar.
Açılıştan sonraki kısa özellik şeridi ise sayfanın genel tasarım yaklaşımını tek satırlık bilgilerle özetler.
Sayfanın devamında genel organizasyon, spor başlıkları, mobil görünüm ve görsel ritim farklı bölümlerde incelenir.
Bu yaklaşım uzun içerikte aynı anlatımın tekrar edilmesini azaltır ve her başlığın kendi bilgi değerine sahip olmasını sağlar.
Birden fazla spor alanının aynı sayfada yer alması durumunda ana kategorilerin daha güçlü bir başlık stiliyle sunulması hızlı taramayı kolaylaştırabilir.
Yardımcı metinlerin daha hafif bir tipografiyle devam etmesi görsel öncelik sırasını güçlendirir ve ekranın gereğinden yoğun görünmesini önler.
Kartlar uzun metinleri tekrar etmek yerine bölümün temel noktalarını birkaç kelimeyle anlatmak için kullanılabilir.
Detaylı açıklamaların normal metin akışında devam etmesi hem içerik çeşitliliğini artırır hem de kart alanlarının daha kompakt kalmasını sağlar.
Kategori adı değişse bile kart ölçüsü, kenarlık, metin ağırlığı ve boşluk sisteminin aynı kalması sayfanın daha tutarlı görünmesini sağlar.
Telefon ekranlarında bütün navigasyon bağlantılarını görünür tutmak üst alanın sıkışmasına yol açabilir. Bu nedenle ikincil bağlantılar gizlenirken temel geçişler korunabilir.
Böylece marka ve ana kontroller için daha rahat bir kullanım alanı oluşur.
Masaüstünde merkezde sınırlanan ana metin kolonu telefon ekranında kullanılabilir genişliğe daha fazla yaklaşabilir.
Kart kolonlarının azaltılması da her kart için daha rahat bir metin alanı yaratır.
| Bileşen | Masaüstü | Mobil |
|---|---|---|
| Navigasyon | Geniş bağlantı grubu | Temel seçenekler |
| Ana Başlık | Büyük yazı ölçeği | Daha kompakt görünüm |
| Kart Dizilimi | Çoklu kolon | Az kolonlu yapı |
| Metin Kolonu | Merkezde sınırlı | Ekranı daha fazla kullanır |
| SSS Satırları | Standart etkileşim | Dokunmatik odaklı alan |
Bu sürümde koyu petrol ana arayüz vurgusunu oluştururken altın sarısı etiket, küçük ikon ve dikkat noktalarında kullanılır.
Uzun paragrafların nötr renklerde kalması içerik okumasını daha sakin hale getirir ve vurgu noktalarının görünürlüğünü korur.
Yeni bir ana bölüme geçişte kullanılan daha geniş boşluk, paragraf geçişlerinde kullanılan daha küçük aralıklarla birlikte görsel bir ritim oluşturur.
Sayfadaki her bilgi parçasının kutuya alınmaması arayüzün daha açık ve daha az parçalanmış görünmesine yardımcı olur.
Responsive grid, sticky header ve açılır soru alanlarıyla ilgili kısa açıklamalar aşağıdaki SSS bölümünde devam ediyor.
Teknik Soruları AçKart sisteminde minimum genişlik kullanılması, mevcut alan arttığında daha fazla ve azaldığında daha az kolon kullanılmasına olanak tanır.
Sticky header ziyaretçi sayfanın alt bölümlerine ilerlediğinde bile ana bölüm bağlantılarının erişilebilir kalmasını sağlar.
details ve summary elemanları temel açılır-kapanır davranışı ek JavaScript gerektirmeden sağlayabilir.
Kullanıcının sayfanın ana konusunu hızlı biçimde anlamasını sağlamak ve detaylı içeriği daha düzenli bölümlerde sunmak için.
Ana ve yardımcı konuların birbirinden daha hızlı ayrılmasını sağlayarak uzun sayfanın taranmasını kolaylaştırır.
Uzun açıklamaların yerine geçmekten çok temel noktaların hızlı özetini sunmak için kullanılabilir.
Telefon ekranındaki sınırlı alanı marka ve temel yönlendirmeler için daha verimli kullanmak amacıyla.
Hayır. İçerik korunur; esas değişiklik kolon, ölçü ve boşluklarda yapılır.
Evet. Responsive grid sistemi kullanılan alana göre kolon sayısını azaltabilir.
Önceki mürdüm, gece mavisi ve zümrüt varyasyonlardan farklı, daha kontrastlı yeni bir görsel kimlik oluşturmak için.
Kullanıcı hangi bölümde olursa olsun ana navigasyona tekrar erişmesini kolaylaştırır.
Evet. HTML details ve summary elemanlarının yerleşik davranışı temel açılır-kapanır işlevi sağlayabilir.
Değişken platform veya hizmet bilgileri yayımlanmadan önce güncel ve doğrulanabilir kaynaklardan ayrıca kontrol edilmelidir.