Grafik ve Web tasarımı arasındaki farklar

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;

grafik web tasarim farki m

Her ikisininde görsel sonucu aynıdır.

  • Web Site Fiyatları

    Web sitesi yaptırırken en önemli adım beklentilerinize uygun kodlamaya karar vermektir. Temelde...

  • Web Site Örnekleri

    Aşağıda web site tasarım ve/veya uygulama çalışma örneklerimizi bulabilirsiniz. Uygulaması yapılan web...

  • Web Site Tasarımı

    Profesyonel olarak hazırlanmış web siteleri hedef kitleye ulaşabilmenin en hızlı, en yaygın, en...