Müşteri CSS Şablonları

Tutarlı Müşteri Kanıtı İçin Gelişmiş Müşteri CSS Şablonları

Stil katmanı, yorumlar ve logolar yerleştirildikten sonra asıl yönettiğiniz alandır. Bir müşteri CSS şablonu; kart oranlarını, tipografi ölçeğini, bir alıntı ile kaynağı arasındaki boşluğu ve bunların ardındaki kırılma noktası kurallarını belirler. Geriye kalan tek şey, referanslarınıza uygun hazır görünümü seçmek ve markanızla çelişen birkaç ayrıntıyı düzenlemektir.

Kayan Paneller, Izgaralar, Portre Kartları, Logo Duvarları

Hazır müşteri stilleri birkaç belirgin biçimde sunulur:

1. Birkaç müşteri yorumunun eşit ağırlıkta yan yana sıralandığı değerlendirme ızgaraları;
2. Yirmi alıntınız olduğunda görünürlüğü alan tasarrufuyla dengeleyen kayan paneller (slider);
3. Bir portre fotoğrafı ile unvan bilgisinin metnin altında yer aldığı portre kartları;
4. Farklı oranlara sahip yatay logolar ve kare simgeler için ölçeklendirilmiş logo duvarları.

Portreler buradaki temel ayrım noktasıdır. Fotoğraflar kullanıldığında, tipografi ölçeği sabit bir görsel boyutunun altında isim ve unvana yer bırakmak zorundadır ve alıntılar zorunlu olarak kısa kalır. Fotoğraf olmadığında ise bir yorum daha uzun tutulabilir ve atıf bilgisi alt kısımda tek bir sade satırla sınırlandırılabilir. Kayan paneller, kontrollerin ve konum göstergelerinin tıklanabilir görünmesi için yeterli kontrasta ihtiyaç duyduğundan kendi ek arayüz ögelerini beraberinde getirir.

Uzun Müşteri Yorumları Dar Ekranlarda Farklı Davranır

Müşteri stil setlerindeki işin büyük bölümü, içeriklerin tekdüzelikten çıktığı durumlarda gerçekleşir:

1. 300 kelimelik bir yorumun 12 kelimelik bir yorumla aynı sırada yer alması;
2. Dizüstü bilgisayarda bir kartı şık biçimde çerçeveleyen tırnak işaretlerinin telefonda ekranın yarısını kaplaması;
3. Aynı ızgarada geniş bir yatay logonun yanında küçük kare bir simgenin kaybolması;
4. Dikey boşluk arttıkça atıf bilgisinin alıntıdan uzaklaşması.

Sabit yükseklikler bu sorunların birçoğuna neden olur. Kartların içerik uzunluğuna göre esnemesine izin vermek, logoları ortak bir genişlik yerine max-width ve max-height ile sınırlandırmak ve bir alıntının altındaki mesafeyi kartlar arasındaki boşluktan daha dar tutmak çoğu sorunu çözecektir. Nicepage, tek bir inatçı bölümün hâlâ sorun çıkardığı durumlar için özel CSS desteği sunar ve bu özelliğin en doğru kullanımı da budur: genel kural sistemine sadık kalırken istisnai durumları yönetmek.

Stili Öncelikli Olarak İçerik Boyutuna Göre Seçin

Neyin göze hoş göründüğüne karar vermeden önce elinizdeki içeriği inceleyin. Yirmi kısa tavsiye ve bir dizi müşteri logosu, hem sade hem de tutarlı bir ızgara ve logo duvarı gerektirir. Veriler içeren üç kapsamlı başarı hikayesi ise sonuçların rahatça vurgulanabileceği geniş panellere ihtiyaç duyar. Her iki içerik türüne de sahip olan ekipler, genellikle aynı web sitesinde ortak yazı tipi ve renklerle birbirine bağlanan iki uyumlu stil kullanır. Alıntılarınızın uzunlukları belirgin şekilde farklılık gösteriyorsa, her şeyden önce bu varyasyonu test edin; çünkü müşteri kanıtı ancak özenle tasarlanmış göründüğünde güven oluşturur.