Renk HTML Şablonları

Net İçerik Sıralamasına Dayalı Renkli HTML Şablonları

Masaüstü demosunda, üç farklı arka plana sahip üç servis bloğu kasıtlı görünüyor. Renkler yan yana duruyor; kontrast kompozisyonun bir parçası ve tüm satır bir bakışta okunabiliyor. Aynı şablonu bir telefonda açtığınızda, bu bloklar dikey bir parlak dikdörtgen dizisine dönüşüyor. İçeriğin gelme sırası dışında hiçbir şey değişmedi ve bu sıra artık sayfayı taşıyor.

Sütunlar Dikey Yığınlar Haline Geldiğinde

Yan yana, renkli bir arka plan sessizce üç öğenin birlikte ait olduğunu söylüyor. Üst üste yığıldığında, okuyucu onları asla aynı anda görmediği için mesaj kayboluyor. Bir HTML renk şablonunun ya gruplandırmayı tutacak bir alt yapısı vardır ya da palet tüm işi yapar.

Bir dosyaya karar vermeden önce üç kontrol yapmaya değer:

1. Arka planların gittiğini hayal edin ve bölümlerin hala ayrılıp ayrılmadığını görün. Sadece renk olarak varlarsa, hiç var değillerdir.

2. Telefon görünümünü yukarıdan aşağıya doğru okuyun ve masaüstü kompozisyonunu dışarıda bırakarak, sıranın istediğiniz hikayeyi anlattığından emin olun.

3. Sadece renkle ayırt edilebilen her şeye bakın: kategoriler, kullanılabilirlik, öne çıkan öğeler. Ziyaretçi bunları kelimelerden de ayırt edebilmelidir.

Yeniden Sıralamaya Dayanıklı İşaretleme

Başlıklar, düzen değişikliğinde gruplandırmayı korur. Her hizmet veya vaka çalışması kendi başlığıyla açıldığında ve karşılaştırılabilir öğeler aynı yapıyı tekrarladığında, gruplandırma korunur. Okuyucu, düz bir arka planda bile bir öğenin nerede bittiğini ve bir sonrakinin nerede başladığını bilir. Nicepage Grid Element, metni, resimleri ve düğmeleri daha küçük ekranlarda yeniden düzenlenen hücrelere yerleştirir ve Duyarlı Modlar, telefon görünümünü masaüstü görünümünden ayrı olarak kontrol etmenizi sağlar.

Bu daha dar görünümde üç şeye bakmaya değer:

1. Her renkli blok, kahramanın çok altındakiler de dahil olmak üzere, hala bir başlıkla açılır.

2. Karşılaştırılabilir kartlar, üç özel varyanta dönüşmek yerine aynı iç yapıyı korur.

3. Yığın oluştuğunda metin, hangi vurgu rengine denk gelirse gelsin okunabilir kalır.

Gri Tonlamalı Bir Düşünce Deneyi

İşte bir HTML renk şablonunu değerlendirmenin en hızlı yolu. Sayfayı, tüm arka planların beyaz ve tüm vurgu renklerinin gri olarak ayarlandığı bir şekilde hayal edin. Hangi bölümlerin olduğunu, hangi öğelerin birlikte ait olduğunu ve hangisinin önce geldiğini hala anlayabiliyor musunuz? Cevap evet ise, palet projenin ihtiyaç duyduğu kadar canlı olabilir. Sayfa dağılıyorsa, renk kimsenin inşa etmediği bir yapıyı ayakta tutuyordu.