Grafik ve Web tasarımının farkları
Görselden Kodlamaya
Yaklaşık 8-10 yıl önce web sitelerinde tasarım ögeleri grafiksel nesnelerle yapılıyordu. Bunlar jpg, png gibi resim formatındaki ögelerdi. Bir alanın çerçevesi, bir ikon, zemindeki renk geçişleri, bannerlar örnek olarak verilebilir.
Üç konudaki gelişme Web tasarımında grafik ögelerinin kullanımını ortadan kaldırdı.
- Mobil cihazların yaygınlaşması “hız” faktörünü önemli hale getirdi. Dolayısıyla sayfa boyutunun ve sayfada yüklenen öge sayının düşürülmesini gerektirdi
- Web sitesinin çok farklı ekran ölçülerinde çalışmasını sağlayan responsive tekniği ölçeklenebilir ögelere gereksinimi ortaya çıkardı. Grafiksel nesnelerin oransal olmayan ölçeklenebilirliği yoktu.
- Css teknolojisindeki değişim, kodlamayla çoğu şeyin yapılabilmesini sağladı.
Şimdi yaptığımız web sitelerinde hiçbir grafik ögesi bulunmamaktadır. Bu konudaki 0 (sıfır) varlık, iyi web tasarımının ölçülerinden biri olmasının yanısıra bir standarta dönüşmüştür.
Artık bannerlar, renk geçişleri, çerçeveler, gölgeler, bantlar tamamen kodlamayla yapılmaktadır.
Pratik bir örnek gradyan yani renk geçişlerinden verilebilir.
Kodlamayla yapılan;
“background: linear-gradient(90deg, rgba(10,102,236,1) 0%, rgba(14,14,236,1) 35%, rgba(255,0,185,1) 100%); ”
Grafikle yapılan;
Oluşturulma; | Güncelleme; 30 Haz 2022