11. SınıfGrafik ve Fotoğraf / Tasarım

Tasarım Sistemi

Grafik ve Fotoğraf / Tasarım · 11. Sınıf · Arayüz Tasarımı

Konu Anlatımı

Tasarım Sistemi

Tasarım sistemi; bir markanın bütün görsel çıktılarında aynı kararları tekrar tekrar vermek zorunda kalmamasını sağlayan, belgelenmiş kararlar bütünüdür. Renk kodu, yazı karakteri, boşluk adımı, düğme biçimi ve bunların kullanım koşulları sistem içinde tanımlıdır. 11. sınıf düzeyinde sistem, tek bir afişten çok kampanya, katalog, web sayfası ve hareketli içerik üreten bir ekibin ortak dili olarak ele alınır.

1. Sistemin Bileşenleri

Sistem dört katmandan oluşur. Tasarım belirteçleri (token) ham değerlerdir: ana renk, ikincil renk, metin rengi, yazı boyutu, boşluk adımı, köşe yarıçapı. Bileşen kütüphanesi bu değerlerin birleştiği tekrar kullanılabilir parçalardır: düğme, kart, form alanı, başlık bloğu. Kılavuz dokümanı neyin yapılabileceğini, kurallar dosyası ise neyin yapılmayacağını yazar. Örneğin logo en az 24 piksel yükseklikte kullanılmaz, ana renk zemin olarak değil yalnızca vurgu olarak kullanılır gibi maddeler burada yer alır.

KatmanÖrnek DeğerKullanım Yeri
Renk belirteciAna renk #1D4ED8, metin #111827, zemin #FFFFFFTüm dijital ve basılı çıktılar
Tipografi belirteciGövde 16 px / satır arası 1,5Paragraf ve açıklama metinleri
Boşluk belirteci8 piksel adımı (8, 16, 24, 32, 40, 48)Kenar boşlukları ve öğe aralıkları
BileşenBirincil düğme: 48 piksel yükseklikTüm dönüşüm noktaları

2. Tipografik Ölçek ve Boşluk Sistemi

Boyutlar rastgele seçilmez. 1,25 oranlı majör üçlü ölçeğinde 12 pikselden başlandığında sırasıyla 12, 15, 18,75, 23,4, 29,3, 36,6 ve 45,8 piksel elde edilir; yuvarlanmış hâliyle 12, 15, 19, 23, 29, 37 ve 46 piksel kullanılır. Bu sıra gövde, alt başlık ve ana başlık için birbirini besleyen oranlar sağlar. Boşluklar da 8 piksel ızgarasına oturur: 8, 16, 24, 32, 40, 48. Satır arası gövdede 1,4 ile 1,6 arasında, başlıklarda 1,1 ile 1,25 arasında tutulur; sıkışık satır arası uzun metinde okuma hızını düşürür.

3. Konsept Geliştirme: Brief'ten Moodboard'a

Konsept, brief'in görsel cevabıdır. Sıra şöyledir: anahtar kelime çıkarımı (müşteri brief'inden 5-7 kelime), görsel araştırma, moodboard oluşturma, hızlı kâğıt eskizleri, dijital taslak. Moodboard tek bir duyguyu taşır; içinde birbirine zıt üç ayrı yön varsa konsept henüz belirlenmemiştir. Profesyonel sunumda genellikle birbirinden farklı üç konsept gösterilir, çünkü müşteri tek seçenek karşısında yalnızca evet ya da hayır diyebilir, üç seçenek karşısında ise gerekçeyle değerlendirme yapar.

4. Müşteri Sunumu ve Onay Döngüsü

Sunum akışı sabittir: brief özeti, hedef ve hedef kitle, konsept gerekçesi, uygulama örnekleri, teslim ve takvim. Tasarımcı sunumda seçenekleri kendi zevkine göre değil, brief'teki hedefe göre savunur. Yazılı onay alınmayan hiçbir aşama kapanmaz; onay e-postası ya da imzalı iş emri, sonradan gelen değişiklik talebinin ayrı bir iş kalemi olmasını sağlar. Yaygın sözleşmelerde iki tur revizyon hakkı tanımlanır, üçüncü tur ayrıca ücretlendirilir.

5. Süreç Yönetimi ve Aşama Payları

Ortalama 40 saatlik bir kampanya işinde aşağağıdaki paylar tipiktir. Aşamalar arasında kayma olursa sonraki aşama sıkışır; bu yüzden her aşamanın çıkışı (araştırma raporu, konsept sunumu, baskıya hazır dosya) yazılı olarak tanımlanır.

AşamaÇıktıTipik Pay
Araştırma ve briefBrief özeti, persona kartı%15
Konsept geliştirmeMoodboard ve üç konsept%25
Tasarım uygulamasıBaskıya ve yayına hazır dosyalar%35
RevizyonYazılı onaylı son sürüm%15
Teslim ve arşivTeslim listesi, arşiv kopyası%10

6. Kontrol ve Sınav Odaklı Notlar

Sınavda sistem konusu; ölçek hesapları, aşama payları ve onay sırası sorularıyla ölçülür. Atölyede ise kontrol edilen çıktı token listesi, tipografi ölçeği tablosu, üç konseptli sunum dosyası ve yazılı onay kaydıdır. Bir işte bu belgeler yoksa tasarım sisteminden değil, tek seferlik üretimden söz edilir.

Ne Öğreneceğiz

11. sınıfta tasarım belirteçleri, tipografik ölçek, konsept geliştirme ve müşteri sunumu süreç yönetimiyle ele alınır. Bu konuda ögrenme çıktıları:

Ön Bilgi

Bu konuya başlamadan önce temel kavram ve ön koşulları kavramanız yardımcı olacaktır. Konunun çerçevesinde şu kavramlar dikkat ister:

Basit Örnek ve Günlük Yaşam

Günlük yaşamda ve mesleki bağlamda bir uygulama:

Soru: Gövde metni 12 piksel olarak kabul edilmiştir. 1,25 oranıyla üç kademe üstteki başlık boyutu kaç piksel olur?

  1. Adım 1: Birinci kademe 12 x 1,25 = 15 piksel bulunur.
  2. Adım 2: İkinci kademe 15 x 1,25 = 18,75 piksel, yuvarlanarak 19 piksel alınır.
  3. Adım 3: Üçüncü kademe 18,75 x 1,25 = 23,4 piksel, yuvarlanarak 23 piksel bulunur.

Sonuç/cevap: Cevap: Üç kademe üstteki başlık yaklaşık 23 pikseldir (yaklaşık zincir: 12 - 15 - 19 - 23).

Adım Adım Çözülmüş Örnek

Örnek 1: Tipografik Ölçek Hesabı konusunun adımları:

  1. Adım 1: Birinci kademe 12 x 1,25 = 15 piksel bulunur.
  2. Adım 2: İkinci kademe 15 x 1,25 = 18,75 piksel, yuvarlanarak 19 piksel alınır.
  3. Adım 3: Üçüncü kademe 18,75 x 1,25 = 23,4 piksel, yuvarlanarak 23 piksel bulunur.

Karşılaştırma Tablosu

KavramAçıklama
Tasarım sistemi, güzelliği değil tekrar Tasarım sistemi, güzelliği değil tekrar eden kararı kayıt altına alır; sistemin ölçüsü tutarlılıktır.
Rastgele boyut ve boşluk seçimi, aynı maRastgele boyut ve boşluk seçimi, aynı markanın farklı çıktılarında görsel dağınıklık yaratır.
Konsept gerekçesi brief'teki anahtar kelKonsept gerekçesi brief'teki anahtar kelimelerden türetilirse müşteri savunması kolaylaşır.
Yazılı onay, sonradan ortaya çıkan değişYazılı onay, sonradan ortaya çıkan değişiklik talebinin ücretlendirilmesinin dayanağıdır.
Aşama payları önceden bölünmezse gereksiAşama payları önceden bölünmezse gereksiz uzayan revizyon tasarım aşamasına sızar ve teslim gecikir.
Token değerleri tek kaynaktan yönetilir;Token değerleri tek kaynaktan yönetilir; elle değiştirilmiş renk sistemi bozar.

Sık Yapılan Hatalar

Boyut ve boşlukları göz kararı seçmek: 13 veya 17 piksel gibi ızgaraya oturmayan değerler hizayı bozar, sayfada küçük ama sürekli bir titreme yaratır.

Sunuma tek konseptle çıkmak: Müşteri tek seçenekte yalnızca evet ya da hayır diyebilir; gerekçeyle değerlendirme yapamaz ve iş genellikle ret edilir.

Onayı sözlü almak: Sonradan 'ben öyle istememiştim' tartışmasının tek çözümü yazılı onay kaydıdır.

Revizyon hakkını sözleşmeye yazmamak: Sınırsız revizyon, proje süresini belirsizleştirir ve teslim takvimini çökertir.

Token değerlerini dosya dosya değiştirmek: Elle düzeltme yapılan her kopya sistemden kopar, aynı renk üç yerde farklı kodla dolaşmaya başlar.

Kendini Dene

Soru: 80 saatlik bir tasarım projesi için aşama planını hazırlayınız: araştırma (%15), konsept (%25), tasarım (%35), revizyon (%15) ve teslim (%10) paylarını saat cinsinden hesaplayınız, toplamın 80 saat olduğunu gösteriniz ve hangi aşamanın hangi koşulda kapanacağını yazınız.

Örnek cevap: Puanlama anahtarı: Araştırmanın 80 × 0,15 = 12 saat bulunması 3 puan; konseptin 80 × 0,25 = 20 saat bulunması 3 puan; tasarımın 80 × 0,35 = 28 saat bulunması 3 puan; revizyonun 12 saat, teslimin 8 saat olarak bulunması 4 puan; toplamın 12 + 20 + 28 + 12 + 8 = 80 saat olduğunun gösterilmesi 3 puan; her aşamanın yalnız yazılı onayla kapanacağının ve revizyonun iki turla sınırlı olduğunun yazılması 4 puan. Toplam 20 puan.

Özet

Tasarım sistemi; belirteçler, bileşen kütüphanesi, kılavuz ve kurallar katmanlarından oluşan, markanın bütün çıktılarında aynı kararları vermesini sağlayan belgelenmiş yapıdır. Boyutlar 1,25 oranlı ölçekle, boşluklar 8 piksel ızgarasıyla üretilir. Konsept brief'ten moodboard ve üç seçenekli sunuma doğru ilerler, her aşama yazılı onayla kapanır ve proje süreleri araştırma %15, konsept %25, tasarım %35, revizyon %15, teslim %10 paylarıyla dağıtılır.

Tasarım Sistemi — Sık Sorulan Sorular

Tasarım Sistemi nedir?

Tasarım sistemi; bir markanın bütün görsel çıktılarında aynı kararları tekrar tekrar vermek zorunda kalmamasını sağlayan, belgelenmiş kararlar bütünüdür. Renk kodu, yazı karakteri, boşluk adımı, düğme biçimi ve bunların kullanım koşulları sistem içinde tanımlıdır. 11. sınıf düzeyinde sistem, tek bir afişten çok…

Tasarım Sistemi konusunda ne öğrenilir?

Tasarım sistemi, güzelliği değil tekrar eden kararı kayıt altına alır; sistemin ölçüsü tutarlılıktır.

Tasarım Sistemi konusunda sık yapılan hatalar nelerdir?

Boyut ve boşlukları göz kararı seçmek: 13 veya 17 piksel gibi ızgaraya oturmayan değerler hizayı bozar, sayfada küçük ama sürekli bir titreme yaratır. Sunuma tek konseptle çıkmak: Müşteri tek seçenekte yalnızca evet ya da hayır diyebilir; gerekçeyle değerlendirme yapamaz ve iş genellikle ret edilir.

Tasarım Sistemi için hangi formüller ve kurallar kullanılır?

Majör üçlü ölçek: yeni boyut = önceki boyut x 1,25 (12, 15, 19, 23, 29, 37, 46 piksel). · Boşluklar 8 piksel ızgarasında ilerler: 8, 16, 24, 32, 40, 48 piksel. · Satır arası gövdede 1,4-1,6, başlıklarda 1,1-1,25 aralığında tutulur. · Sunum sırası: brief özeti, hedef, konsept gerekçesi, uygulama, takvim.

Tasarım Sistemi kazanımları nelerdir?

Tasarım belirteçlerini renk, tipografi, boşluk ve biçim başlıklarında tanımlar. Matematiksel ölçeklerle tipografi ve boşluk hiyerarşisi kurar. Brief'ten moodboard'a uzanan konsept geliştirme adımlarını uygular.

Tasarım Sistemi Kazanımları

Örnek Sorular ve Çözümleri

Örnek Soru 1 kolay

Aşağıdakilerden hangisi bir tasarım sisteminin temel katmanlarından biri değildir?

  1. A) Baskı makinesinin mürekkep yoğunluğu
  2. B) Tasarım belirteçleri (token)
  3. C) Bileşen kütüphanesi
  4. D) Kullanım kuraları ve kılavuz dokümanı
Cevabı göster

Doğru cevap: A) Baskı makinesinin mürekkep yoğunluğu

Tasarım sistemi; belirteçler, bileşenler, kılavuz ve kurallardan oluşur. Mürekkep yoğunluğu matbaa kontrolünün konusudur, tasarım sistemini değil baskı sürecini tanımlar.

Örnek Soru 2 orta

40 saatlik bir projede tipik olarak tasarım uygulamasına kaç saat ayrılır?

  1. A) 6 saat
  2. B) 10 saat
  3. C) 26 saat
  4. D) 14 saat
Cevabı göster

Doğru cevap: D) 14 saat

Tasarım aşamasının tipik payı %35'tir: 40 x 0,35 = 14 saat. Araştırması 6 saat (%15), konsept 10 saat (%25) olarak hesaplanır.

Örnek Soru 3 zor

Sunumda üç konsept gösterilmesinin temel gerekçesi aşağıdakilerden hangisidir?

  1. A) Dosya boyutunu artırmak için yeterli sayılır.
  2. B) Hangi fontun daha pahalı olduğunu göstermek için
  3. C) Tek konseptte müşterinin yalnızca ret edebilmesi, çok konseptte gerekçeyle değerlendirme yapabilmesi için
  4. D) Baskı maliyetini düşürmek için yeterli görülür.
Cevabı göster

Doğru cevap: C) Tek konseptte müşterinin yalnızca ret edebilmesi, çok konseptte gerekçeyle değerlendirme yapabilmesi için

Tek seçenek evet/hayır dayatır ve genellikle ret ile sonuçlanır. Üç seçenek, müşteriye brief hedefine göre gerekçeli karşılaştırma ve eleme imkânı verir.

Sıradaki adım

Konu anlatımları hesapsız okunur. Quiz, slayt ve deneme için hesap gerekir.

DersTeders ile devam et

Grafik ve Fotoğraf / Tasarım için çalışma yolu

  1. OkuKonu anlatımını bu sayfada bitir.
  2. Soru çözÖrnekleri çöz, cevabı açıklamayla karşılaştır.
  3. Quiz ile pekiştirHesapla kendini ölç.

Slaytla adım adım öğren · Tüm dersler · Ana sayfa

Hesap açTüm dersleri keşfet

Konu anlatımları hesapsız okunur; quiz, slayt ve deneme için hesap gerekir.

Bu sayfa Tasarım Sistemi konusunun anlatımını, kazanımlarını ve örnek sorularını içerir. Konuyla ilgili tüm sorular için testi çöz, diğer konular için DersTeders ana sayfasına geçebilirsin.

Bu konunun öğretmen materyallerini (ders planı, çalışma kâğıdı, çözümlü soru bankası, rubrik) yazdırabilirsin: Yazıcı çıktısı modülünü aç