Tasarım Dünyasının Terimler Rehberi 2026: Temel Bilgiler.

Tasarımcıların kendine özgü bir dili vardır. Eğer bir tasarım projesi üzerinde çalışıyorsanız, doğru terminolojiyi bilmek, hem tasarımcılarla iletişim kurmanızı kolaylaştırır hem de hayal ettiğiniz sonuçlara ulaşmanıza yardımcı olur. (Üstelik lisedeki Fransızca derslerinden çok daha kolaydır!)

Bu yazıda, tasarım dünyasının en önemli terimlerini 2026 güncellemesiyle derledik. Klasik grafik tasarım kavramlarının yanına, günümüzde her briefte karşınıza çıkan UI/UX ve dijital tasarım terimlerini de ekledik. Bu terimleri öğrenmek, tasarım süreçlerinizi daha profesyonel hale getirecek, ajansınızla veya tasarımcınızla daha az revizyon turunda anlaşmanızı sağlayacak. İşte bilmeniz gereken temel tasarım terimleri:

Tasarımın Temel Kavramları

1. Kompozisyon ve Düzen (Composition & Layout)

Kompozisyon, tasarım öğelerinin bir bütün oluşturacak şekilde düzenlenmesidir. Başarılı bir kompozisyon, izleyicinin dikkatini çeker ve gözlerini tasarım üzerinde gezdirir. Görsel sanatta "form" olarak adlandırılan bu kavram, grafik tasarımda genellikle "düzen" olarak ifade edilir. Kompozisyon, denge, yakınlık, hizalama, tekrar, kontrast ve beyaz boşluk gibi birçok farklı öğeden oluşur.

2. Denge (Balance)

Tasarımda denge, metin ve grafik öğelerinin sayfa üzerinde eşit şekilde dağıtılmasıdır. Denge, üç şekilde sağlanabilir: simetrik, asimetrik ve radyal.

• Simetrik Denge: Tasarım öğeleri merkezi bir çizginin her iki tarafında eşit şekilde dağıtılır.
• Asimetrik Denge: Öğeler eşit değildir, ancak yine de bir denge hissi vardır. Örneğin, bir tarafta grafikler, diğer tarafta metinler olabilir.
• Radyal Denge: Öğeler merkezi bir noktadan dışa doğru yayılır.

3. Yakınlık (Proximity)

Tasarım öğelerinin birbirine yakınlığı veya uzaklığı, gruplama ve organizasyon açısından önemlidir. Benzer öğeler bir arada gruplanarak daha tutarlı bir görünüm elde edilir.

4. Hizalama (Alignment)

Metin veya grafiklerin sayfa üzerindeki konumudur. Sola, sağa, ortaya veya tam blok olarak hizalanabilir.

5. Tekrar (Repetition)

Tasarımda tutarlılık sağlamak için belirli öğelerin tekrarlanmasıdır. Bu, tasarımın bütünlüğünü korur ve marka kimliğinin her mecrada tanınmasını sağlar.

6. Kontrast (Contrast)

Tasarımda birbirinden farklı öğeler kullanarak dikkat çekmeyi sağlar. Renk, şekil, doku, boyut veya yazı tipi ile kontrast oluşturulabilir.

7. Beyaz Boşluk (White Space)

Tasarımda boş bırakılan alanlardır. Bu alanlar, tasarımın daha rahat okunmasını ve odak noktalarının öne çıkmasını sağlar.

8. Hiyerarşi (Hierarchy)

Tasarım öğelerinin önem sırasına göre düzenlenmesidir. Örneğin, başlıklar en üstte, alt başlıklar ve metinler ise alt kısımda yer alır. Bir kurumsal kimlik çalışmasında hiyerarşi doğru kurulmazsa, en önemli bilgi (marka adı, telefon numarası, çağrı metni) gözden kaçabilir.

Fotoğraf ve Sanat Eserleri

1. Çözünürlük (Resolution)

Bir görselin detay seviyesini ifade eder. Piksel sayısı arttıkça görsel daha net hale gelir.

2. DPI ve PPI

• DPI (Dots Per Inch): Bir yazıcının kalitesini ölçer. Yüksek kaliteli baskılar için genellikle 300 DPI önerilir.
• PPI (Pixels Per Inch): Görüntü cihazlarının piksel yoğunluğunu ölçer.

3. Bleed ve Trim

• Bleed: Tasarımın baskı kenarlarının ötesine taşmasıdır. Bu, kesim sırasında beyaz kenarlar oluşmasını engeller.
• Trim: Baskı sonrası kesilen son boyuttur.

4. Piksel (Pixel)

Dijital görüntüleri oluşturan kare şeklindeki noktalardır. Piksel sayısı arttıkça görsel kalitesi artar.

5. Kırpma (Crop)

Görselin gereksiz kısımlarının kesilerek odak noktasının vurgulanmasıdır.

Tipografi (Typography)

1. Yazı Tipi Türleri

• Serif: Harflerin uçlarında küçük çizgiler bulunan yazı tipleri.
• Sans Serif: Serif içermeyen, daha modern yazı tipleri.
• Script: El yazısına benzeyen akıcı yazı tipleri.
• Slab Serif: Kalın ve blok serifli yazı tipleri.
• Variable Font: Tek bir dosya içinde kalınlık, genişlik ve eğim gibi özellikleri kayar şekilde değiştirebilen, web performansı için tercih edilen modern yazı tipi formatı.

2. Yazı Tipi Bileşenleri

• Ascender: Küçük harflerin üst kısmı (örneğin, "b" veya "h").
• Baseline: Harflerin oturduğu temel çizgi.
• Descender: Küçük harflerin alt kısmı (örneğin, "g" veya "p").

3. Yazı Tipi Aralıkları

• Kerning: Harfler arasındaki boşluğun ayarlanması.
• Leading: Satırlar arasındaki boşluk.
• Tracking: Metin bloklarının genel aralığı.

Renk Teorisi

1. Renk Tonları

• Hue: Saf renk.
• Tint: Beyaz eklenmiş renk.
• Tone: Gri eklenmiş renk.
• Shade: Siyah eklenmiş renk.

2. Renk Paletleri

• Analogous: Renk çarkında yan yana olan renkler.
• Complementary: Renk çarkında karşılıklı renkler.
• Triadic: Renk çarkında eşit aralıklı üç renk.

3. Renk Uzayları: RGB, CMYK ve HEX

Ekranda gördüğünüz renkler RGB (Red-Green-Blue) ışık karışımıyla oluşur; baskıda ise CMYK (Cyan-Magenta-Yellow-Key/Black) mürekkep karışımı kullanılır. Bu yüzden ekranda parlak görünen bir mavi, baskıda daha soluk çıkabilir. Web ve kod dünyasında ise renkler genellikle HEX kodlarıyla (örneğin #1A73E8) ifade edilir. Bir marka kimliği hazırlarken bu üç uzayın da tanımlanması, logonuzun hem dijitalde hem basılı materyalde tutarlı görünmesini sağlar.

Web, UI/UX ve Dijital Tasarım

1. Web Sayfası Öğeleri

• Header: Sayfanın üst kısmında tekrarlanan öğeler.
• Navigation Bar: Sayfalar arasında gezinmeyi sağlayan bağlantılar.
• Footer: Sayfanın alt kısmında tekrarlanan öğeler.

2. Wireframe ve Prototip

Wireframe, bir web sitesinin veya uygulamanın temel yapısını gösteren, renk ve görsel detaydan arındırılmış basit çizimlerdir. Prototip ise bu iskeleti tıklanabilir, gerçek kullanıcı akışını simüle eden bir modele dönüştürür. 2026 itibarıyla ajanslar bu aşamada genellikle Figma benzeri bulut tabanlı, gerçek zamanlı ortak çalışmaya izin veren araçları tercih ediyor; çünkü müşteri, tasarımcı ve yazılım ekibi aynı dosya üzerinde eş zamanlı yorum yapabiliyor.

3. UI ve UX Farkı

UI (User Interface), bir ürünün görsel katmanıdır: butonlar, renkler, ikonlar, tipografi. UX (User Experience) ise kullanıcının bu ürünle etkileşimindeki genel deneyimdir: akış ne kadar sezgisel, hedefe ulaşmak kaç adım sürüyor, kullanıcı nerede takılıyor. Güzel görünen ama kullanımı zor bir arayüz, iyi bir UI'a sahip olsa da zayıf bir UX sunar. İkisi birlikte düşünülmeden tasarlanan projeler genellikle dönüşüm oranında kayıp yaşar.

4. Responsive ve Mobile-First Tasarım

Responsive tasarım, bir sayfanın farklı ekran boyutlarına (masaüstü, tablet, telefon) otomatik uyum sağlamasıdır. Mobile-first ise tasarım sürecine önce en küçük ekrandan başlayıp sonra masaüstüne genişletme yaklaşımıdır. Türkiye'de web trafiğinin büyük bölümü mobil cihazlardan geldiği için, 2026'da bir kurumsal web sitesi projesine mobile-first yaklaşımla başlamak artık tercih değil standart kabul ediliyor.

5. Design System (Tasarım Sistemi)

Bir markanın tüm dijital ürünlerinde tutarlılığı korumak için oluşturulan; renk paletleri, tipografi kuralları, buton stilleri ve bileşen kütüphanesinden oluşan bütünleşik rehberdir. Birden fazla sayfası veya ürünü olan işletmeler için design system, her yeni sayfa tasarımında tekerleği yeniden icat etmeyi önler ve geliştirme süresini kısaltır.

Logo Türleri

1. Soyut İşaret (Abstract Mark)

Renk ve formun duygusal özelliklerini kullanarak markayı temsil eder.

2. Amblem (Emblem)

Şirket adını çerçeve içine alan logo türü.

3. Harf İşareti (Lettermark)

Şirket baş harflerini kullanan logo türü.

4. Sembol (Pictorial Mark)

Görsel bir simge kullanarak markayı temsil eder.

Bu Terimleri Bir Brief'te Nasıl Kullanırsınız?

Terimleri bilmek yetmez, doğru anda kullanmak fark yaratır. Bir tasarım toplantısına girmeden önce şu kısa kontrol listesini gözden geçirebilirsiniz:

• Hedef kitlenizi ve mesajın önceliğini netleştirin; bu, tasarımcının doğru hiyerarşiyi kurmasına yardımcı olur.
• Marka renklerinizi HEX/CMYK olarak belirtin, "biraz daha canlı mavi" gibi belirsiz ifadelerden kaçının.
• Kullanılacak mecraları söyleyin: sadece web mi, aynı zamanda basılı materyal mi olacak? Bu, bleed/trim ve DPI kararlarını etkiler.
• Beğendiğiniz 2-3 referans örnek paylaşın; "modern" veya "şık" gibi soyut sıfatlar yerine somut görsel örnekler daha hızlı sonuç verir.
• Revizyon sayısını ve teslim formatını (Figma linki, kaynak dosya, PDF) baştan netleştirin.

Bu terimlere hakim olmak, özellikle kurumsal kimlik tasarımı gibi çok parçalı projelerde işinize yarar: logo, renk paleti, tipografi ve uygulama örnekleri (kartvizit, tabela, sosyal medya) aynı dilde konuşulmadan tutarlı çıkmaz. Benzer şekilde bir web sitesi tasarımı projesinde wireframe, responsive ve design system kavramlarını bilmeniz, tasarımcının size sunduğu ilk taslağı daha bilinçli değerlendirmenizi sağlar.

Sonuç

Tasarım dünyası, kendine özgü bir dil ve terminolojiye sahiptir. Bu terimleri öğrenmek, hem tasarımcılarla etkili iletişim kurmanızı sağlar hem de projelerinizin daha profesyonel olmasına katkıda bulunur. Bu rehber, tasarım süreçlerinizde size yol gösterecek ve yaratıcılığınızı destekleyecek temel bilgileri içermektedir.

Tasarım dünyasında başarılı olmak için bu terimlere hakim olun ve projelerinizde etkili bir şekilde kullanın! Eğer bu terimleri bilmenize rağmen projenizi hayata geçirecek zaman veya ekip eksikse, marka tasarım ve geliştirme hizmetimizle bu süreci profesyonel bir ekiple birlikte yürütebilirsiniz.

Yazıdan görseller

Sıkça Sorulan Sorular

Tasarım terimlerini bilmek, bir müşteri veya proje yöneticisi olarak neden bu kadar önemli?

Tasarım terimlerini bilmek, briefing sürecinde beklentileri net ifade etmenizi ve yanlış anlaşılmalardan kaynaklanan revizyonları minimuma indirmenizi sağlar. Tasarımcıyla ortak bir dil konuşmak, projeyi daha hızlı ve doğru sonuçlara taşır; özellikle çok aşamalı kurumsal kimlik ve web projelerinde zaman ve bütçe kaybını önler.

Tipografi, renk teorisi ve grid sistemi gibi temel kavramlar arasında hangisini önce öğrenmek gerekir?

Grid sistemi, diğer tüm tasarım kararlarının üzerine inşa edildiği yapısal temeli oluşturduğu için öncelikli olarak kavranması önerilir. Grid'i anladıktan sonra tipografi ve renk teorisi çok daha bağlamsal ve anlamlı hale gelir; çünkü hangi öğenin nereye, ne boyutta ve hangi hizalamayla oturacağı zaten belirlenmiş olur.

Tasarımcılar 'whitespace' derken neyi kastediyor, bu alan neden boşa gitmez?

Whitespace, diğer adıyla negatif alan, içerik öğeleri arasındaki kasıtlı olarak bırakılan boş bölgedir. Bu alan okunabilirliği artırır, hiyerarşi kurar ve tasarıma nefes aldırarak kullanıcının gözünü doğru yönlendirir; dolayısıyla işlevsel bir tasarım aracıdır ve özellikle mobil arayüzlerde dokunma hedeflerinin birbirine karışmasını önler.

UI ve UX terimleri arasındaki fark bir web sitesi projesinde pratikte neyi değiştirir?

UI, sitenizin görsel yüzüdür; renkler, butonlar, ikonlar ve tipografiyi kapsar. UX ise ziyaretçinin siteye girip istediği bilgiye veya form doldurma gibi bir hedefe kaç tıkla, ne kadar sürede ulaştığını belirler. Görsel olarak çok başarılı bir site, kullanıcı akışı karışıksa düşük dönüşüm oranına sahip olabilir; bu yüzden ikisi birlikte planlanmalıdır.