Konuyu Açan
#1
Blog ve portfolyo şablonlarında kartlar masaüstünde düzenli görünürken mobilde bazen gereğinden uzun bir akışa dönüşüyor. Bence burada yalnızca sütun sayısını azaltmak yetmiyor; görsel oranı, başlık uzunluğu ve kart içi boşluklar da birlikte düşünülmeli.
Ben görsellerin farklı boyutlarda gelmesine karşı sabit bir oran kullanıp kırpmayı kontrollü tutuyorum:
Portfolyo işleri için daha yatay bir oran iyi durabilir; haber veya tarif kartlarında ise 4:3 daha tanıdık bir görünüm veriyor. Önemli olan, oranı seçtikten sonra görselin odak noktasının kırpılmadığını birkaç farklı içerikle kontrol etmek.
Metin tarafında başlıkları her kartta aynı yüksekliğe zorlamak yerine satır aralığını ve kart içi boşluğu tutarlı tutmayı tercih ediyorum. Uzun başlıklar için de tasarımı gerçek içerikle denemek gerekiyor; örnek metinler bu sorunu çoğu zaman gizliyor.
Siz kart şablonlarında görsel oranını sabit mi tutuyorsunuz, yoksa içerik türüne göre değiştiriyor musunuz?
Ben görsellerin farklı boyutlarda gelmesine karşı sabit bir oran kullanıp kırpmayı kontrollü tutuyorum:
KOD
1234567891011
.kart[b]gorsel {
aspect-ratio: 4 / 3;
overflow: hidden;
}
.kart[/b]gorsel img {
width: 100%;
height: 100%;
object-fit: cover;
}
Portfolyo işleri için daha yatay bir oran iyi durabilir; haber veya tarif kartlarında ise 4:3 daha tanıdık bir görünüm veriyor. Önemli olan, oranı seçtikten sonra görselin odak noktasının kırpılmadığını birkaç farklı içerikle kontrol etmek.
Metin tarafında başlıkları her kartta aynı yüksekliğe zorlamak yerine satır aralığını ve kart içi boşluğu tutarlı tutmayı tercih ediyorum. Uzun başlıklar için de tasarımı gerçek içerikle denemek gerekiyor; örnek metinler bu sorunu çoğu zaman gizliyor.
Siz kart şablonlarında görsel oranını sabit mi tutuyorsunuz, yoksa içerik türüne göre değiştiriyor musunuz?