Tasarım Terimleri: 2026'da Bilmeniz Gereken Temel Kavramlar.

Tasarım işlerinizi bir ajansa ya da freelance tasarımcıya yaptırıyorsanız, doğru terimleri bilmek aranızdaki iletişimi güçlendirir ve hayalinizdeki sonuca çok daha az revizyonla ulaşmanızı sağlar. 2026'da tasarım süreçlerinin büyük kısmı Figma, dijital prototipleme ve yapay zeka destekli araçlar üzerinden yürüse de, brifing ve geri bildirim sırasında kullanılan temel kelime dağarcığı hâlâ aynı: kompozisyon, hiyerarşi, kontrast, tipografi.

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 sözlük olarak kullanın. İşte bilmeniz gereken en önemli tasarım kavramları:

Tasarım: kompozisyon, denge, yakınlık, hizalama, tekrar, kontrast, boşluk, hiyerarşi
Fotoğrafçılık ve 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 Sitesi 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, SVG, WebP
Logo Türleri: soyut işaret, amblem, harf işareti, simgesel işaret, maskot, kelime işareti
Dijital Tasarım (2026): variable font, dark mode, responsive tasarım, erişilebilirlik (a11y), mikro etkileşim, tasarım sistemi

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 buna "form" denebilir; grafik tasarımda ise genellikle "düzen" olarak bilinir. Kompozisyon; denge, yakınlık, hizalama, tekrar, kontrast ve boşluk gibi görsel tasarım unsurlarından oluşur.

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

• Simetrik: Tüm tasarım unsurlarının merkezi bir çizginin her iki tarafında eşit olduğu durumdur.
• Asimetrik: Grafikler ve metin merkezi bir çizginin her iki tarafında eşit değilse tasarım asimetrik kabul edilir.
• Radyal: Unsurlar merkezi bir noktadan yayılarak 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, birbiriyle ilişkili unsurları bir arada gruplandırır.

Hizalama
Hizalama, metin veya grafiklerin solda, sağda, ortada ya da tam olarak hizalanmış olup olmadığını ifade eder.

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

Kontrast
Kontrast, tasarımda ölçülebilir derecede farklı unsurları bir araya getirmeyi 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 da adlandırılır; görüntü veya metinle işaretlenmemiş tasarım alanı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 belirlenir. Tasarımcılar önemli unsurları nereye yerleştireceklerine karar verirken bunu rehber olarak kullanır.

Izgara (Grid)
Izgara, grafik unsurları bir sayfada birbirleriyle ilişkili olarak düzenlemek için kullanılan bir dizi dikey, yatay, açısal veya eğik çizgidir. Günümüzde Figma ve benzeri araçlardaki otomatik yerleşim (auto layout) özellikleri, klasik ızgara mantığını dijital arayüzlere taşıyan bir sistemdir.

Hiyerarşi
Tasarımda hiyerarşi, unsurları önem derecesine göre düzenlemeyi ifade eder. Gazeteler, dergi sayfaları ve film afişleri, tasarım hiyerarşisinin kullanıldığı iyi örneklerdir. Başlıklar genellikle en üstte yer alırken, alt başlıklar ve ana metin altta kalır.

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

Küçük Taslak (Thumbnail Sketch)
Bir tasarımcı, kavramsallaştırma aşamasında genellikle küçük ve kaba çizimler oluşturarak birçok fikri hızlıca keşfeder.

Mockup
Mockup, erken tasarım fikirlerini test etmek ve bunların gerçek ortamda nasıl görüneceğini görmek için kullanılan gerçekçi bir dijital veya fiziksel modeldir. Bugün çoğu ajans mockup aşamasını doğrudan interaktif prototiple birleştirir; böylece müşteri statik bir görsel yerine tıklanabilir bir deneyim üzerinden geri bildirim verir.

Fotoğrafçılık ve Sanat

Çözünürlük
Bir görüntünün piksel sayısına dayalı detay seviyesine çözünürlük denir. Görüntü, çözünürlük arttıkça daha net görünür.

DPI
DPI, "dots per inch" (inç başına nokta) anlamına gelir ve bir baskının kalite ölçüsüdür. Yüksek kaliteli baskı için 300 DPI önerilir. Örneğin 300 DPI çözünürlüğe sahip 1200x1800 piksellik bir görüntü, 4x6 inçlik bir baskıya karşılık gelir.

PPI
PPI, "pixels per inch" (inç başına piksel) anlamına gelir ve elektronik görüntü cihazlarının piksel yoğunluğunu ölçer. Tarayıcılar, kameralar, TV'ler veya monitörlerde sıkça karşılaşırsınız. DPI baskı, PPI ise ekran dünyasına aittir; ikisini karıştırmamak önemlidir.

Kenar Boşluğu (Bleed)
Kenar boşluğu, tasarımın baskı kenarlarının biraz ötesine taşmasıdır; böylece kesim yapıldığında istenmeyen beyaz kenarlar oluşmaz.

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

Pikseller
Pikseller, dijital bir raster görüntüyü oluşturan kare şeklindeki noktalardır ve görüntünün çözünürlüğünü belirler. Piksel sayısı arttıkça çözünürlük de artar.

Kırpma (Crop)
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 taraf tarafından üretilmiş lisanslı görsellerdir. Stok görsel kullanmak, profesyonel bir çekimin maliyetinden tasarruf sağlar; yalnızca lisans koşullarına (ticari kullanım, düzenleme hakkı) dikkat etmek gerekir.

Yazı Tipi

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

• Serif: Bazı harflerin uç kısımlarındaki vurgu çizgileri ve kancalardır.
• Sans Serif: "Sans" fransızcada "olmadan" anlamına gelir; sans serif bir yazı tipinde bu çizgiler yoktur.
• Script: Akıcı, eğik strok kullanan el yazısı benzeri fontlardır.
• Slab Serif: Kalın, blok benzeri seriflerle 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 karakterlerin 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 ayarlanmasıdır.
• Leading: Bir satırın diğer satırdan dikey uzaklığıdır.
• Tracking: Bir metin bloğundaki tüm harfler arasındaki mesafeyi ayarlamak için kullanılır.
• Ağırlık (Weight): Yazı tipinin kalınlığıdır; regular, medium, bold, black gibi kademelerle ifade edilir.
• Variable Font: Tek bir dosya içinde ağırlık, genişlik ve eğimin kayan bir skalada değiştirilebildiği modern yazı tipi formatıdır; web sitelerinde performans ve esneklik sağladığı için 2026'da yaygın kullanılır.

Renk

Ton (Hue)
Bir rengin ana kimliğidir; renk tekerleğindeki konumunu ifade eder.

Gölgeleme (Shade)
Bir renge siyah eklenerek koyulaştırılmasıdır. Örneğin mavi bir tona siyah eklendiğinde daha koyu bir mavi elde edilir.

Doygunluk (Saturation)
Bir rengin canlılık ve yoğunluk derecesidir. Yüksek doygunlukta renk çok canlı görünür.

Tek Renkli (Monochromatic)
Bir paletin yalnızca tek bir renk tonunun açık-koyu varyasyonlarıyla oluşturulmasıdır.

Benzer Renkler (Analogous)
Renk tekerleğinde yan yana bulunan renklerdir; örneğin mavi, mavi-yeşil ve yeşil.

Tamamlayıcı (Complementary)
Renk tekerleğinde zıt yönde bulunan renklerdir; örneğin kırmızı ve yeşil.

Üçlü (Triadic)
Renk tekerleğinde eşit aralıklarla yerleşen üç rengin kullanıldığı renk düzenidir.

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

CMYK
Renkli baskıda kullanılan renk modelidir. Cyan (mavi-yeşil), Magenta (macenta), Yellow (sarı) ve Key (siyah) bileşenlerinden oluşur.

RGB
Dijital ekranlarda kullanılan renk modelidir. Red (kırmızı), Green (yeşil) ve Blue (mavi) ışık bileşenlerinin karışımından oluşur.

Web Sitesi Unsurları

Başlık (Header)
Web sayfasının en üst kısmında yer alan, genellikle site adı, logo ve ana menüyü barındıran bölümdür.

Navigasyon Çubuğu
Bir web sayfasının üst kısmında veya kenarında bulunan, site içindeki diğer sayfalara geçişi sağlayan menüdür.

Ekmek Kırıntısı (Breadcrumb)
Kullanıcının web sitesindeki mevcut konumunu gösteren bir navigasyon aracıdır. Genellikle sayfanın üst kısmında yer alır ve önceki sayfalara hızlı dönüşü sağlar.

Açılış Sayfası (Landing Page)
Bir kullanıcının kampanya, reklam veya arama sonucu üzerinden ilk ulaştığı, tek bir eylem (form doldurma, satın alma) için tasarlanmış sayfadır.

HTML
Web sayfalarının yapısını oluşturan temel dil olan "Hypertext Markup Language"in kısaltmasıdır.

Kullanıcı Arayüzü (UI)
Bir yazılımın veya web sitesinin kullanıcılarla etkileşim kurduğu görsel katmandır; butonlar, menüler ve diğer etkileşimli elemanları kapsar.

Tel Kafes (Wireframe)
Tasarımın yerleşimini planlamak için kullanılan, renk ve görsel detaylardan arındırılmış iskelet düzen şablonudur.

Erişilebilirlik (Accessibility / a11y)
Bir web sitesinin veya arayüzün, görme, işitme veya motor engeli olan kullanıcılar dahil herkes tarafından kullanılabilir olmasını ifade eder. Kontrast oranı, alternatif metin ve klavye ile gezinme gibi unsurları kapsar; 2026'da hem yasal uyum hem de arama motoru görünürlüğü açısından tasarım brifinglerinin standart bir maddesi haline geldi.

Dark Mode (Koyu Tema)
Arayüzün koyu renk paletiyle sunulan alternatif görünümüdür; göz yorgunluğunu azaltır ve özellikle mobil uygulamalarda kullanıcıların büyük kısmı tarafından tercih edilir.

Responsive Tasarım
Bir arayüzün masaüstü, tablet ve mobil gibi farklı ekran boyutlarına otomatik olarak uyum sağlamasıdır. Günümüzde bir web sitesinin ciddiye alınması için bu artık tercih değil, ön koşuldur.

Tasarım Sistemi (Design System)
Bir markanın tüm dijital ürünlerinde tutarlılık sağlamak için oluşturulan; renk, tipografi, bileşen (buton, kart, form) ve kullanım kurallarından oluşan yapılandırılmış kütüphanedir. Büyüyen şirketlerin tasarım ve geliştirme süreçlerini hızlandırmak için başvurduğu standart yöntemdir.

Dosya Formatları

AI
Adobe Illustrator'ın vektör grafik dosya formatıdır; ölçeklendirildiğinde kalite kaybetmez.

EPS
Encapsulated PostScript; genellikle vektör tabanlı grafikler taşımak için kullanılan, çoğu tasarım programıyla uyumlu eski ama hâlâ kullanılan bir formattır.

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

GIF
Grafik Değişim Formatı; küçük boyutlu animasyonlar ve sabit görseller için kullanılır, sınırlı renk paletine sahiptir.

JPEG
Yüksek kaliteli fotoğraflar için yaygın kullanılan, kayıplı sıkıştırma uygulayan bir formattır.

PNG
Şeffaflık desteği sunan, kayıpsız sıkıştırma kullanan ve logo/ikon gibi keskin kenarlı görseller için tercih edilen formattır.

PSD
Adobe Photoshop'un çok katmanlı düzenlemeleri destekleyen kendi dosya formatıdır.

TIFF
Yüksek kaliteli, genellikle profesyonel baskı ve fotoğrafçılıkta kullanılan, büyük boyutlu görüntü formatıdır.

SVG
Ölçeklenebilir Vektör Grafiği; kod tabanlı olduğu için her ekran boyutunda net görünen, web sitelerinde logo ve ikon için en çok tercih edilen formattır.

WebP
Google tarafından geliştirilen, JPEG ve PNG'ye kıyasla çok daha küçük dosya boyutunda benzer kalite sunan modern web görsel formatıdır; sayfa hızı ve SEO performansı için günümüzde standart hâline gelmiştir.

Logo Türleri

Soyut İşaret
Bir markayı temsil eden soyut bir şekil veya simgedir; gerçek bir nesneyi doğrudan betimlemez.

Amblem
Genellikle yazı ve simgenin iç içe geçtiği, madalyon tarzı bir logo türüdür. Okul ve devlet kurumu logolarında sıkça görülür.

Harf İşareti (Lettermark)
Şirket isminin baş harflerinden oluşan bir logo türüdür.

Simgesel İşaret (Pictorial Mark)
Bir şirketin hizmet veya ürününü doğrudan temsil eden bir simge ya da ikondur.

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

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

Bu Terimleri Pratikte Nasıl Kullanmalısınız?

Bir tasarım projesine başlarken bu sözlüğü elinizin altında bulundurmak, brifing sürecini hızlandırır. Kısa bir kontrol listesi:

• Referans paylaşırken hangi unsuru beğendiğinizi belirtin: renk paleti, tipografi, kompozisyon veya hiyerarşi.
• Revizyon isterken somut terim kullanın: "boşluk artırılsın", "kontrast azaltılsın", "hizalama düzeltilsin".
• Logo talebinde türü belirtin: kelime işareti mi, simgesel işaret mi, amblem mi?
• Dosya teslim alırken formatı sorun: vektör (AI, SVG, EPS) mi, yalnızca baskı için PDF mi?
• Web projelerinde erişilebilirlik, responsive tasarım ve dark mode desteğini brifingde açıkça belirtin.

Bu terimlere hâkim olmak, süreci hızlandırsa da doğru sonucu garanti etmez; asıl belirleyici olan tasarımı üreten ekibin deneyimidir. Logonuzdan kurumsal kimliğinize, markanızın tüm görsel dilinin tutarlı kurulması için logo tasarım ve geliştirme ile kurumsal kimlik tasarımı hizmetlerimize göz atabilirsiniz. Marka dilinizi dijitale taşırken ise web sitesi tasarımı ve geliştirme hizmetimiz, bu yazıda geçen ızgara, hiyerarşi, responsive ve erişilebilirlik gibi kavramları uygulamaya döken süreçleri kapsar.

Sıkça Sorulan Sorular

Tasarım terimlerini bilmeden ajansla çalışırsam ne gibi sorunlar yaşarım?

Ortak bir dil olmadan yanlış anlamalar kaçınılmaz olur: istediğinizi tarif edemez, revizyonlar uzar ve sonuçtan memnun kalmazsınız. Tasarım terimlerini öğrenmek bu iletişim boşluğunu kapatır; brifing daha net olur, revizyon turları azalır ve tasarımcı sizin gerçekte ne istediğinizi ilk seferde daha iyi anlar.

Bu terimleri ezberlememiz mi gerekiyor, yoksa genel bir fikir yeterli mi?

Ezberlemeniz şart değil; temel terimleri tanıyan biri olarak iletişim kurmanız yeterlidir. Bu sayfayı bir referans listesi olarak elinizin altında bulundurmak, ihtiyaç anında hızla doğru terimi hatırlamanızı ve ekiple aynı dili konuşmanızı sağlar.

Hangi tasarım terimleri müşteri-tasarımcı görüşmelerinde en sık geçer?

Tipografi, hiyerarşi, boşluk kullanımı, renk paleti ve ızgara sistemi gibi kavramlar müşteri-tasarımcı görüşmelerinde en sık karşılaşılan terimlerdir. Web projelerinde bunlara responsive tasarım ve erişilebilirlik de eklenir. Bu kavramlara hâkim olmak, brifing ve revizyon toplantılarında beklentilerinizi çok daha net aktarmanıza yardımcı olur.