aslain.dev
0%
01 Hizmetler 02 Hakkımda 03 Projeler 04 Stack 05 Blog 06 İletişim
← Tüm makaleler Tasarım

Moodboard Nedir ve Nasıl Hazırlanır: Adım Adım

Moodboard nedir diye soruyorsan, en kısa cevabı şu: bir projenin görsel ve duygusal yönünü tek bir panoda toplayan ilham koleksiyonudur. Renkler, tipografi örnekleri, fotoğraflar, dokular, ikonlar ve hatta kısa kelimeler — hepsi bir araya gelerek "bu iş nasıl hissettirmeli?" sorusuna görsel bir cevap verir. Logo tasarımı, web sitesi, bir oyun arayüzü ya da marka kimliği fark etmez; moodboard, henüz tek bir piksel çizmeden önce yönü netleştirir ve müşteriyle aynı dili konuşmanı sağlar.

Moodboard nedir ve neden işe yarar?

Tasarımın en pahalı hatası, yanlış yöne doğru hızlı koşmaktır. Müşteri "modern ve sıcak" der, sen bunu "minimal ve soğuk" diye anlarsın, iki gün çalışırsın ve sunumda herkes hayal kırıklığına uğrar. Moodboard tam burada devreye girer: soyut kelimeleri somut görsellere çevirir. "Sıcak" kelimesi herkesin kafasında farklı bir şeydir; ama turuncu tonları, el yazısı bir font ve ahşap dokulu bir fotoğraf gösterdiğinde tartışma biter.

Moodboard'un üç temel faydası vardır:

  • Hizalama: Müşteri, sen ve ekibin geri kalanı aynı görsel hedefi paylaşır.
  • Hız: Tasarım aşamasında deneme-yanılma azalır; çünkü yön baştan bellidir.
  • Gerekçe: Sonraki kararları ("neden bu yeşil?") panoya dayandırarak savunabilirsin.

Başlamadan önce: brief'i topla

İyi bir moodboard, iyi sorularla başlar. Görselleri toplamadan önce şu bilgileri netleştir:

  • Hedef kitle: Kim bunu görecek? Genç bir oyun topluluğu mu, kurumsal bir B2B müşteri mi?
  • Üç sıfat: Marka kendini hangi üç kelimeyle tanımlıyor? (örn. "güvenilir, hızlı, sade")
  • Rakipler ve karşıt örnekler: Neyi seviyorlar, neyden kaçınmak istiyorlar?
  • Kullanım yeri: Çıktı bir mobil uygulama mı, basılı afiş mi, Discord sunucusu mu?

Bu üç sıfatı bir kenara not et; tüm pano seçimlerinin pusulası bunlar olacak. Bir görsel sıfatlara hizmet etmiyorsa, ne kadar güzel olursa olsun panodan çıkar.

İlham nereden toplanır?

İlham kaynağını tek bir siteye sıkıştırma. Farklı kaynaklar farklı dokular getirir:

  • Pinterest ve Dribbble: Hızlı tarama ve geniş görsel akışı için.
  • Behance: Tam proje vaka çalışmaları; bir fikrin nasıl uygulandığını görmek için.
  • Unsplash / Pexels: Telifsiz fotoğraf ve doku.
  • Gerçek dünya: Sokak tabelaları, ürün ambalajları, kitap kapakları. Telefonla çek.
  • Renk araçları: Coolors veya Adobe Color ile palet üret.

Önemli kural: kaynağı kaydet. Bir görseli panoya koyarken nereden geldiğini not al — hem telif takibi hem de "bu fikri neden sevmiştim?" sorusu için. Toplama aşamasında eleme yapma; önce 40-50 görsel topla, sonra acımasızca kıs.

Adım adım moodboard kurma

Topladığın yığını panoya dönüştürmenin pratik bir yolu var:

  • 1. Geniş topla: Hedef sıfatlarla ilgili her şeyi bir klasöre at. Bu aşamada bol ol.
  • 2. Grupla: Görselleri temalara ayır — renk, tipografi, fotoğraf stili, kompozisyon, doku.
  • 3. Ele: Her gruptan en güçlü 3-5 görseli tut. Tekrar edenleri ve sıfatlara hizmet etmeyenleri sil.
  • 4. Renk paletini çıkar: Seçtiğin görsellerden 4-6 ana renk damlat ve HEX kodlarıyla bir şerit yap.
  • 5. Tipografi ekle: 1-2 başlık fontu, 1 gövde fontu örneği koy. Gerçek kelimelerle göster.
  • 6. Düzenle: En güçlü görseli merkeze/büyüğe al, diğerlerini etrafına diz. Nefes alacak boşluk bırak.

Düzen önemlidir: rastgele dağılmış bir kolaj kafa karıştırır. Net bir hiyerarşi — bir kahraman görsel, destekleyici görseller, altta renk ve font şeritleri — panoyu bir karara dönüştürür.

Hangi aracı kullanmalı?

Araç ikincildir; yine de doğru seçim işi hızlandırır:

  • Figma / FigJam: Ekiple eş zamanlı çalışmak ve yorum almak için en pratik. Sınırsız tuval, kolay paylaşım.
  • Milanote: Özellikle moodboard ve not toplama için tasarlanmış; şık şablonları var.
  • Pinterest panosu: En hızlı başlangıç, ama düzen kontrolü zayıf.
  • Canva: Hızlı, sürükle-bırak şablonlar; sunum çıktısı almak kolay.

Müşteriyle paylaşacaksan, yorum bırakabilecekleri bir araç (Figma veya Milanote) seç. Tek başına çalışıyorsan, en alışkın olduğun araç en iyisidir — sürtünme ne kadar azsa o kadar çok denersin.

Sık yapılan hatalar

Moodboard'u zayıflatan birkaç tuzak vardır:

  • Çok fazla görsel: 30 görsellik bir pano yön vermez, gürültü yapar. 9-15 arası genelde yeter.
  • Hedefsiz güzellik: "Güzel ama neden burada?" diyemediğin her görseli çıkar.
  • Sadece tek kaynak: Hepsi aynı tasarımcının işiyse, onu kopyalama riskine girersin.
  • Renk paletini atlamak: Görseller varken renkleri ayrıca tanımlamazsan, sonraki aşamada herkes farklı yorumlar.
  • Müşteriyi sürece katmamak: Panoyu onaylatmadan tasarıma geçme; moodboard'un asıl işi tam da bu onay anıdır.

Moodboard'dan tasarıma geçiş

Pano onaylandığında işin kolaylaşır. Renk paletini doğrudan tasarım dosyana stil olarak taşı, tipografi örneklerini gerçek fontlara çevir, kompozisyon hissini ilk taslaklarına aktar. Moodboard bir sözleşme gibidir: ilerleyen aşamada bir karar tartışmalı olduğunda panoya dönüp "buna birlikte karar vermiştik" diyebilirsin. Bu, hem sana güven hem de müşteriye netlik kazandırır.

Sık Sorulan Sorular

Moodboard ile style guide aynı şey mi?

Hayır. Moodboard keşif aşamasıdır; yönü ve hissi araştırır, esnektir. Style guide (stil rehberi) ise karar aşamasıdır; kesin renk kodları, font boyutları ve kullanım kuralları içerir. Moodboard önce gelir, style guide ondan doğar.

Bir moodboard'da kaç görsel olmalı?

Net bir kural yok ama 9-15 görsel çoğu proje için idealdir. Amaç tek bir yönü güçlü biçimde anlatmak; daha fazlası mesajı sulandırır. Eğer iki farklı yön düşünüyorsan, tek panoda karıştırmak yerine iki ayrı moodboard yap ve müşteriye seçtir.

Müşteri olmadan kendi projem için moodboard yapmalı mıyım?

Kesinlikle. Kişisel projelerde de moodboard, kafandaki bulanık fikri somutlaştırır ve sonradan dağılmanı engeller. Üstelik kendi panonu yaparken brief'i kendin yazdığın için süreci pratik etme fırsatı bulursun.

Bir sonraki projen için sağlam bir yön mü arıyorsun? Logo, web tasarımı veya marka kimliği üzerinde çalışıyorsan, doğru kurulmuş bir moodboard tüm süreci hızlandırır. Bir fikrini hayata geçirmek istersen benimle iletişime geç — birlikte yönü netleştirelim.

Bu kategorideki tüm yazılar →

Devamı için