Grafik Web

Tasarım Terimleri: Bilmeniz Gereken Temel Kavramlar

tasarim sozlugu

Tasarım işlerinizi yaptırıyorsanız, doğru terimleri bilmek aranızdaki iletişimi güçlendirir ve hayalinizdeki sonuçları elde etmenizi sağlar.

Bu tasarım terimlerine göz atın. Çalışın. Hafızanıza kazıyın. Eh… Bu biraz fazla olabilir. Sadece bu sayfayı yer imlerinize ekleyin ve tasarım kelimeleri için bir kopya olarak kullanın. İşte bilmeniz gereken en önemli tanımlayıcı tasarım kelimeleri:

Tasarım: kompozisyon, denge, yakınlık, hizalama, tekrar, kontrast, boşluk, hiyerarşi
Fotoğrafçılık & Sanat: çözünürlük, DPI, PPI, kenar boşluğu, kesim, pikseller, kırpma, stok fotoğraf
Yazı Tipi: serif, sans serif, script, ascender, baseline, descender, kerning, leading, tracking, ağırlık
Renk: ton, gölgeleme, doygunluk, tek renkli, benzer renkler, tamamlayıcı, üçlü, opasite, CMYK, RGB
Web Site Unsurları: başlık, navigasyon çubuğu, ekmek kırıntısı, açılış sayfası, HTML, kullanıcı arayüzü, tel kafes
Dosya Formatları: AI, EPS, PDF, GIF, JPEG, PNG, PSD, TIFF
Logo Türleri: soyut işaret, amblem, harf işareti, simgesel işaret, maskot, kelime işareti


Tasarım

Kompozisyon ve Düzenleme: Kompozisyon, tasarım unsurlarının bütün bir görüntü oluşturacak şekilde düzenlenmesidir. Başarılı bir kompozisyon, izleyicinin dikkatini çeker ve gözünü tasarım boyunca yönlendirir. Görsel sanatta bu “form” olarak adlandırılabilir. Grafik tasarımda ise genellikle “düzen” olarak bilinir. Kompozisyon, denge, yakınlık, hizalama, tekrar, kontrast ve boşluk gibi çeşitli görsel tasarım unsurlarından oluşur.

Denge
Bu, üç bira içtikten sonra düz bir çizgide yürüme yeteneğiniz değil. Tasarımda denge, unsurların sayfada yerleştirilme şeklidir, böylece metin ve grafik unsurlar eşit şekilde dağılmış olur. Denge sağlamak için üç yol vardır: simetrik, asimetrik ve radyal.

  • Simetrik: Simetri, tüm tasarım unsurlarının merkezi bir çizginin her iki tarafında eşit olduğu durumu ifade eder.
  • Asimetrik: Grafikler ve metin merkezi bir çizginin her iki tarafında eşit değilse, tasarım asimetrik olarak kabul edilir.
  • Radyal: Radyal bir tasarımda unsurlar merkezi bir noktadan yayılır ve denge oluşturur.

Yakınlık
Tasarım unsurlarının sayfada gruplandırılması veya aralıklara yerleştirilmesi yakınlık olarak adlandırılır. İyi tasarım, unsurları bir arada gruplandırır.

Hizalama
Hizalama, metin veya grafiklerin solda, sağda, ortada veya tam olarak hizalanmış olup olmamasıdır.

Tekrar
Bir tasarımda bir bütünlük sağlamak için tasarımcılar unsurları tekrar ederler. (Tekrar aynı zamanda çocuğunuzun kurabiye istemesi kadar da tanımlanabilir.)

Kontrast
Kontrast, tasarımda birbirinden ölçülebilir derecede farklı unsurları içermeyi ifade eder. Bir tasarımcı, kontrast yaratmak için renk, şekil, doku, boyut veya yazı tipi kullanabilir.

Boşluk
Boşluk—bazen negatif alan olarak adlandırılır—görüntü veya metinle işaretlenmemiş tasarımın bir parçasıdır.

Üçler Kuralı
Üçler kuralı, tasarımcının odak noktasını belirlemek için kullandığı bir tekniktir. Üç satır ve sütundan oluşan bir ızgara kullanılarak, odak noktaları çizgilerin kesiştiği yerlerde belirtilir. Tasarımcılar, önemli unsurları tasarımda nereye yerleştireceklerini belirlemek için bunu bir rehber olarak kullanır.

Izgara
Izgara, grafik unsurları bir sayfada ve birbirleriyle ilişkili olarak düzenlemek için kullanılan bir dizi dikey, yatay, açısal veya eğik çizgidir.

Hiyerarşi
Tasarımda hiyerarşi, unsurları önem derecesine göre düzenlemeyi ifade eder. Gazeteler, dergi yaygınları ve film afişleri, tasarım hiyerarşisinin kullanıldığı iyi örneklerdir. Başlıklar (gösterim türü olarak da bilinir) genellikle en üstte yer alırken, alt başlıklar ve ana metin altına düşer.

Ölçek
Ölçek, bir nesnenin diğer bir nesneye göre boyutudur. Ölçek, ilgi çekmek ve bir izleyicinin dikkatini çekmek için kullanılabilir.

Küçük Taslak
Bir tasarımcı, kavramsallaştırma sırasında genellikle küçük, kaba çizimler—küçük taslaklar—oluşturarak birçok fikri keşfeder.

Mock-up
Mock-up, erken tasarım fikirlerini test etmek ve bunların gerçek dünyada nasıl görünebileceğini görmek için kullanılan gerçek veya dijital bir modeldir.


Fotoğrafçılık & Sanat

Çözünürlük
Bir görüntünün piksellerinin sayısına dayalı detayına çözünürlük denir. Bir görüntü daha yüksek çözünürlükte daha net görünür.

DPI
DPI, “dots per inch” (inç başına nokta) anlamına gelir ve bir yazıcının kalitesinin ölçüsüdür. Yüksek kaliteli baskı için 300dpi önerilir. Örneğin, 300dpi çözünürlüğe sahip 1200×1800 piksellik bir görüntü 4×6 inçlik bir baskıya dönüşür.

PPI
PPI, “pixels per inch” (inç başına piksel) anlamına gelir ve elektronik görüntü cihazları tarafından kullanılan piksel yoğunluğunun ölçüsüdür. Tarayıcılar, kameralar, TV’ler veya monitörler ile bu terimi sıkça görebilirsiniz. DPI ve PPI arasındaki farkları öğrenin.

Kenar Boşluğu
Kenar boşluğu, tasarımın baskı kenarlarının ötesine geçmesi durumudur, böylece kesim yapıldığında beyaz kenarların oluşması engellenir.

Kesim
Kesim boyutu, bir basılı parçanın sayfadan kesildikten sonra ulaştığı son boyuttur. Kesim, kesme işaretleri boyunca yapılır.

Pikseller
Pikseller, dijital bir raster görüntü oluşturan kare şeklindeki noktalar olup, bir görüntünün çözünürlüğünü belirler. Bir görüntünün piksel sayısı arttıkça, çözünürlüğü de artar.

Kırpma
Bir tasarımcı, bir görüntünün gereksiz kısımlarını keserek çerçevelemeyi iyileştirebilir, belirli bir konuyu vurgulayabilir veya görüntünün en boy oranını değiştirebilir.

Stok Fotoğraf/Sanat
Stok fotoğraflar ve sanat, üçüncü bir parti tarafından oluşturulmuş lisanslı görüntülerdir. Stok görselleri kullanmak, profesyonel bir fotoğraf çekiminin maliyetini tasarruf sağlar. İyi, ücretsiz stok görsel bulabileceğiniz bazı yerleri kontrol edin.


Yazı Tipi

Yazı Tipi Türleri
Çoğu yazı tipi, dört farklı türden birine girer.

  • Serif: Serifler, bazı harflerin vurgu çizgileri ve kancalarıdır.
  • Sans Serif: Sans, “olmadan” anlamına gelir. Bir sans serif yazı tipi, seriflere sahip değildir.
  • Script: Script yazı tipleri, akıcı, eğik bir stroke kullanır.
  • Slab Serif: Slab serif, kalın, blok benzeri serifler ile ayırt edilir.

Yazı Tipi Bileşenleri
Tüm yazı tipleri aynı temel bileşenlerden oluşur.

  • Ascender: Küçük bir harfin ana gövdesinin üstüne çıkan kısmıdır. Örneğin, “b” veya “h”.
  • Baseline: Tüm yazı karakterlerinin oturduğu tabandır. Büyük harflerin ve çoğu küçük harfin en düşük noktasıdır.
  • Descender: Küçük bir harfin ana gövdesinin altına inen kısmıdır. Örneğin, “g” veya “y”.
  • Kerning: İki harf arasındaki boşluğun ayarını ifade eder.
  • Leading: Bir satırın diğer satırdan uzaklığını ifade eder.
  • Tracking: Bir metin bloğındaki tüm harflerin aralarındaki mesafeyi ayarlamak için kullanılır.
  • Ağırlık: Yazı tipinin kalınlığıdır.

Renk

Ton
Bir rengin renk tonu, karıştırılan renklerin aritmetik ortalamasını ifade eder.

Gölgeleme
Renk tonunun koyulaşmasını ifade eder. Örneğin, mavi bir renk tonu koyulaştırıldığında daha koyu bir maviye dönüşür.

Doygunluk
Bir rengin canlılık ve yoğunluğunun derecesidir. Yüksek doygunlukta, renk çok canlı ve yoğun görünebilir.

Tek Renkli
Bir renk paletinin yalnızca bir renk tonunu kullanarak oluşturulan bir tasarımdır.

Benzer Renkler
Renk tekerleğinde yan yana bulunan renklerdir. Örneğin, mavi, mavi-yeşil ve yeşil gibi.

Tamamlayıcı
Renk tekerleğinde zıt yönde bulunan renklerdir. Örneğin, kırmızı ve yeşil gibi.

Üçlü
Renk tekerleğinde eşit aralıklarla bulunan üç rengin kullanıldığı renk düzenidir.

Opasite
Bir rengin saydamlık derecesidir. Tamamen opak olan bir renk, arka plandaki nesneleri gizler.

CMYK
Renkli baskı yaparken kullanılan renk modelidir. CMYK, Cyan (mavi-yeşil), Magenta (kırmızı), Yellow (sarı) ve Key (siyah) renklerini ifade eder.

RGB
Dijital ekranlarda renklerin gösteriminde kullanılan renk modelidir. RGB, Red (kırmızı), Green (yeşil) ve Blue (mavi) renklerini ifade eder.


Web Site Unsurları

Başlık
Web sayfasının en üst kısmında yer alan metin veya grafik, genellikle site adı veya logosunu içerir.

Navigasyon Çubuğu
Bir web sayfasının en üstünde veya bir kenarında bulunan, site içindeki diğer sayfalara geçiş yapmanıza olanak tanıyan menüdür.

Breadcrumb

Bir kullanıcının web sitesindeki mevcut konumunu gösteren bir navigasyon aracıdır. Genellikle sayfanın üst kısmında, diğer sayfalara geri dönmeyi sağlar.

Açılış Sayfası
Bir kullanıcının web sitesini ilk ziyaret ettiğinde karşılaştığı ana sayfadır. Genellikle önemli bilgiler, teklifler veya tanıtımlar içerir.

HTML
Web sayfalarının oluşturulmasında kullanılan temel dil olan “Hypertext Markup Language”in kısaltmasıdır.

Kullanıcı Arayüzü
Bir yazılımın veya web sitesinin kullanıcılarla etkileşim kurduğu kısımdır. Butonlar, menüler ve diğer etkileşimli elemanları içerir.

Tel Kafes
Tasarımın yerleşimini planlamak için kullanılan bir düzen şablonudur. Genellikle sayfanın tasarımında referans olarak kullanılır.


Dosya Formatları

AI
Adobe Illustrator tarafından oluşturulan ve vektör grafikleri içeren dosya formatıdır.

EPS
Gelişmiş Grafik Paketleri Dosyası olarak bilinir ve genellikle vektör tabanlı grafikler içerir.

PDF
Taşınabilir Belge Formatı, belgeleri düzenleme veya yazdırma amacıyla kullanılır ve çeşitli içerik türlerini destekler.

GIF
Grafik Değişim Formatı, küçük boyutlu animasyonlar ve sabit resimler için kullanılır.

JPEG
Ortak Fotoğraf Uzantısı, yüksek kaliteli fotoğraflar ve görüntüler için yaygın olarak kullanılan bir format olup kayıplı sıkıştırma kullanır.

PNG
Taşınabilir Ağ Grafikleri Formatı, şeffaflık desteği ile yüksek kaliteli görüntüler sunar ve kayıpsız sıkıştırma kullanır.

PSD
Adobe Photoshop tarafından kullanılan bir dosya formatıdır ve çok katmanlı düzenlemeleri destekler.

TIFF
Etiketlenmiş Görüntü Dosya Formatı, yüksek kalitede görüntüler sunar ve genellikle profesyonel fotoğrafçılıkta kullanılır.


Logo Türleri

Soyut İşaret
Bir markayı temsil eden soyut bir şekil veya simgedir.

Amblem
Genellikle yazı tipleriyle birleştirilen bir simge veya semboldür. Okul ve devlet kurumu logolarında sıkça görülür.

Harf İşareti
Şirket isminin ilk harflerini temsil eden bir logo türüdür.

Simgesel İşaret
Bir şirketin hizmet veya ürününü temsil eden bir simge veya işarettir.

Maskot
Bir şirketi temsil eden ve genellikle karakter olarak tasarlanan bir figürdür.

Kelime İşareti
Sadece şirket adının stilize edilmiş haliyle kullanıldığı bir logo türüdür.

Yazar

Doğucan Güler

Ege Üniversitesi Grafik Tasarımı Bölümünden Mezun Olduktan Sonra İş Hayatıma, Marka İletişimi Ve Pazarlama Desteği Sunmak Adına Birçok Firma İle Tanıştım. Daha İyi Görsel İletişim Anlayışı Ve Kalite Düzeyi Arttırılmış Ürünler Ve Reklamlarını Tasarlamaya Devam Ediyorum.

Yorum bırak

E-posta adresiniz yayınlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

Whatsapp'a Git
💬 Yardıma mı ihtiyacınız var?
Merhaba 👋
Size nasıl yardımcı olabilirim?