Selam dostlar, ben Erdem. Bugün biraz nostalji kokan ama ucu en modern teknolojilere dokunan bir konuyu masaya yatıralım istiyorum. Eğer yolunuz bir kez bile bir reklam ajansına, bir tabela atölyesine veya bir matbaaya düştüyse, kulağınıza çalınan o sihirli kelimeyi mutlaka duymuşsunuzdur: Vektör.

Eskiden, o devasa plotter makinelerinin başında, CorelDRAW'da hazırladığımız çizimlerin folyoyu milimetrik bir hassasiyetle kesişini izlerken aldığım keyfi anlatamam. Bugün cPanel başında kod yazarken ya da Illustrator'da bir UI tasarımı yaparken de aslında aynı matematiği, aynı mantığı kullanıyorum. Vektör, tasarımın hem geçmişi hem de geleceğidir.

Vektör Nedir, Neden Bu Kadar Önemli?

Bir tasarımcı için pikseller (raster) birer kısıtlamayken, vektörler sonsuz özgürlüktür. Pikseller yan yana dizilmiş renkli karelerdir; büyüttüğünüzde bozulur, çamurlaşır. Oysa vektörler; matematiksel koordinatlar, noktalar ve eğrilerdir. Bir logoyu kibrit kutusu kadar da yapsanız, bir binanın cephesini kaplayacak kadar da büyütseniz o keskinliğinden asla ödün vermez.

ℹ️ Vektör grafikler çözünürlükten bağımsızdır. Yani "Resolution Independent" dediğimiz o harika özelliğe sahiptirler.

Tabela Atölyesinden Gelen Miras

Tabela atölyesinde çalışırken öğrendiğim en önemli ders şuydu: "Hatalı vektör, bıçağı kırar." Eğer çizdiğiniz bir düğüm (node) hatalıysa veya çizgiler üst üste binmişse, o kesim makinesi orada takılır kalırdı. Bugün web projelerimde SVG (Scalable Vector Graphics) kullanırken de aynı disiplini koruyorum. Gereksiz noktalardan arındırılmış temiz bir kod, web sitesinin daha hızlı yüklenmesi demektir.

Özellik Raster (Piksel) Vektör
Ölçeklenebilirlik Sınırlı (Büyütülünce bozulur) Sınırsız (Hiç bozulmaz)
Dosya Boyutu Yüksek (Detaya göre artar) Düşük (Genelde hafiftir)
Kullanım Alanı Fotoğraflar Logo, İkon, Teknik Çizim

Kullandığım Araçlar ve İş Akışım

Kariyerim boyunca pek çok farklı yazılımla haşır neşir oldum. Her birinin yeri bende ayrıdır:

  • CorelDRAW: Tabela ve matbaa dünyasının şahıdır. Hızlıdır, pratiktir.
  • Adobe Illustrator: Dijital dünyanın ve modern tasarımın standartıdır.
  • Affinity Designer: Son yıllardaki favori alternatifim.
  • Arduino IDE: "Vektörle ne alakası var?" demeyin; CNC ve lazer kesim projelerimde vektör verilerini işlemek için kod dünyasına burada dalıyorum.

Bir tasarımın üretim aşamasına geçmesi için bazen sadece ekranda güzel görünmesi yetmez. Onu fiziksel bir formata dönüştürmek, bazen bir tabela bazen de bir PCB (baskı devre kartı) haline getirmek gerekir [1].

💡 Eğer profesyonel bir çıktı almak istiyorsanız, tasarımlarınızı her zaman CMYK renk modunda ve vektörel formatta (PDF, EPS veya AI) teslim edin.

Kodla Çizim Yapmak: SVG'nin Gücü

Modern web geliştirme sürecinde HTML5 ve CSS3 ile vektörleri doğrudan kodla yönetebiliyoruz. İşte basit bir SVG örneği:


<svg height="100" width="100">
<circle cx="50" cy="50" r="40" stroke="black" stroke-width="3" fill="red" />
</svg>

Bu küçük kod parçası, bir görsel dosyasından çok daha hafif ve her ekranda jilet gibi keskin görünüyor. İşte dijital üretimin güzelliği burada!

"Tasarım sadece nasıl göründüğü değil, nasıl üretildiğidir."

İster eski usul bir fırçayla tabela yazın, ister en modern yapay zeka araçlarıyla (Claude AI gibi) tasarım fikirleri geliştirin; temel prensipler hep aynı kalıyor. Vektörün gücünü anlamak, bir tasarımcıyı sadece "çizen" biri olmaktan çıkarıp "üreten" biri haline getirir.

⚠️ Unutmayın, düşük çözünürlüklü bir JPEG logoyu vektöre çevirmek (trace etmek) her zaman mucizeler yaratmaz. En temizi, her zaman orijinal vektör dosyasıyla çalışmaktır.

Bir sonraki yazımda görüşmek üzere, pikselleriniz net, vektörleriniz keskin olsun!

Kaynakça

[1] Adobe - Vector vs. Raster Explained [2] W3Schools - SVG Tutorial