Ders 7.2

Stil karesi ve prototip

Seviye II — Konsept ve Görsel Sistem · Modül 7 — Moodboard’dan Sisteme

2.137 kelime14 tasarım örneği≈ 10 dk okuma≈ 14 dk seslendirme

Önce özete göz atDersin sonundaki özet, okumaya başlamadan önce yol haritası olarak.

Birincisi. Stil karesi ikna eder, prototip sınar. Stil karesi bir bitiş değil başlangıçtır ve neredeyse her zaman prototipten sonra değişir.

İkincisi. Tek bir stil karesi hiçbir şey kanıtlamaz, çünkü sorularını sen yazmışsındır. Başlığı, fotoğrafı ve bilgi miktarını sen seçtin.

Üçüncüsü. Sekiz durum üç baskıyı sınar: içerik, ölçek ve zaman. En acımasızı "yalnızca metin"dir — fotoğraf kalkınca elinde ne kalıyor?

Dördüncüsü. Prototip için içeriği sen yazma. Kendi yazdığın metin farkında olmadan sistemi korur.

Beşincisi. Kırılmanın nerede olduğu, kırılıp kırılmadığından önemlidir. Nadir bir durumda zorlanmak kabul edilebilir, her hafta gelen bir durumda zorlanmak kabul edilemez.

Açılış sahnesi

Mağazada bir ayakkabı deniyorsun.

Ayağına geçiriyorsun. Aynada bakıyorsun. Birkaç adım atıyorsun. Güzel duruyor, rahat da.

Alıyorsun.

Üç hafta sonra o ayakkabı dolapta duruyor ve giymiyorsun. Çünkü bir gün boyunca yürüdüğünde topuğun vurdu, yağmurda içine su aldı, merdivende kaydı.

Mağazadaki üç adım yalan söylemedi. Sadece yeterli sayıda soru sormadı.

Şimdi bunu bir sunuma taşı. Ekran açılıyor ve içinde muhteşem bir görsel var. Odadaki herkes etkileniyor.

O görsel de yalan söylemiyor.

Bugün mağazadan çıkıp yürüyeceğiz.

Bu derste ne olacak

Önce stil karesinin ne olduğunu ve moodboard'dan farkını göreceğiz. Sonra tek karenin neyi kanıtlayıp neyi kanıtlamadığını konuşacağız. Ardından sekiz prototip durumunu açacağız — bunlar keyfî seçilmiş değil, her biri ayrı bir kırılma noktası. Sonra dört stres sorusunu göreceğiz; bunlar üretim öncesi riski görünür kılar. En sonda on dört işten örneklerle bunu okuyacağız. Ders bittiğinde bir yönü sunmadan önce sınayabiliyor olacaksın.

Sıfır noktası

Ayakkabıya geri dönelim, çünkü bu benzetme ders boyunca bizimle kalacak.

Bu cümledeki kilit kelime "özgün".

Moodboard alıntıdır. Başkalarının işlerinden, doğadan, arşivden gelen görsellerdir. Kimse onlara bakıp "bu sizin işiniz mi" diye sormaz.

Stil karesi ise senindir. İlk kez orada bir şey üretmiş olursun.

İkisi arasındaki geçiş, bu meslekte en çok tıkanılan yerdir. Sebebi şu: moodboard toplarken ölçüt tanımaktı, stil karesi üretirken ölçüt kurmak.

Ama kaynak hemen ardından bir uyarı koyuyor ve bu dersin asıl konusu o.

Neden kanıtlamaz? Çünkü bir stil karesi hazırlarken sen içeriği de seçersin.

Başlığı sen yazarsın; kısa tutarsın. Fotoğrafı sen seçersin; sistemine uyanı seçersin. Bilgi miktarını sen belirlersin; az koyarsın.

Yani stil karesi bir sınav değildir. Kendi sorularını kendin yazdığın bir sınavdır.

Bu benzetme bir yere kadar doğru. Şurada bozulur: ayakkabıyı bir gün giyip iade edebilirsin. Bir görsel sistemi ise iade edemezsin; üretime girmiş, basılmış, yüzlerce kişiye dağıtılmış olur. Bu yüzden yürüyüşü önce yapman gerekiyor.

Mekanizma

Sekiz prototip durumu

Kaynak sekiz durum sayıyor ve her biri ayrı bir kırılma noktasıdır.

Ana kampanya görüntüsü. Uzun başlık. Kısa başlık. Yoğun bilgi. Yalnızca metin. Küçük ekran. Büyük yüzey. Hareketli başlangıç ve bitiş.

Şimdi bunları gruplayalım, çünkü gruplandığında hangi riski sınadıkları görünür.

Birinci grup içerik baskısıdır: uzun başlık, kısa başlık, yoğun bilgi, yalnızca metin.

Burada sınanan şey esnekliktir. Sistem, kendi seçmediği bir içerikle karşılaştığında ne yapıyor?

Uzun başlık en çok bilgi verendir. Çünkü tipografi ölçeği, satır aralığı ve kompozisyon kararlarının hepsi orada aynı anda zorlanır.

Kısa başlık ise tersini sınar. Üç kelimelik bir başlık koyduğunda sayfada büyük bir boşluk oluşur ve sistem o boşluğu yönetmeyi bilmiyorsa kare boş görünür.

Yalnızca metin durumu en acımasızıdır. Fotoğraf kaldırıldığında elinde ne kalıyor? Eğer cevap "hiçbir şey" ise sistemin yok, iyi bir fotoğrafın var.

İkinci grup ölçek baskısıdır: küçük ekran, büyük yüzey.

Bir önceki modülde tezi en küçük mecraya uygulamayı önermiştim. Burada aynı ilke sisteme uygulanıyor ve iki yönlü çalışıyor. Küçük ekranda ayrıntı kaybolur; büyük yüzeyde ise boşluk ve kaba baskı hataları büyür.

Üçüncü grup zaman baskısıdır: hareketli başlangıç ve bitiş.

Bunlar özellikle seçilmiş iki andır. Başlangıç, sistemin nasıl kurulduğunu gösterir; bitiş, nasıl toparlandığını. Aradaki kısım genellikle sorun çıkarmaz.

Yaygın yanlışBurada çok yaygın bir yanlış var: prototipler en iyi senaryoyla yapılır.
Doğrusu

Tam tersi. Prototipin işi sistemi kırmaktır. Kırılmıyorsa ya sistem sağlamdır ya da sen yeterince zorlamamışsındır ve ikincisi çok daha olasıdır.

Dört stres sorusu

Kaynak dört soru soruyor ve dördü de üretim öncesi riski görünür kılar.

Birincisi: tipografi fotoğrafta kayboluyor mu?

Bu, en sık gerçekleşen kırılmadır. Sunumda kullanılan fotoğraf sakindir; gerçek kampanyada gelen fotoğraf kalabalıktır. Beyaz yazı beyaz gömleğin üstüne düşer ve okunmaz.

İkincisi: görsel kırpıldığında anlam bozuluyor mu?

Aynı görsel yatay bir afişte, dikey bir telefon ekranında ve kare bir gönderide kullanılır. Kompozisyonun anlamı kenarlardaysa, kırpma o anlamı keser.

Üçüncüsü: hareket sessiz izlendiğinde mesaj anlaşılıyor mu?

Bu soru bugün her zamankinden önemli, çünkü hareketli içeriğin büyük kısmı sessiz izleniyor. Ses taşıyıcıysa mesaj yoktur.

Dördüncüsü: renk baskıda karşılığını kaybediyor mu?

Ekranda ışıkla, baskıda mürekkeple çalışırsın. Ekranda parlayan bir renk kâğıtta soluk ve kirli çıkabilir. Birinci seviyede rengin kullanıldığı yerde oluştuğunu konuşmuştuk; bu, o ilkenin üretim tarafındaki karşılığı.

Prototip ile stil karesi arasındaki iş bölümü

Son mekanizma, ikisinin nasıl birlikte çalıştığı.

Stil karesi ikna eder. Prototip sınar.

Bu ayrım bir sıra da veriyor: önce stil karesi üretilir, sonra prototiplenir, sonra stil karesi düzeltilir.

Yani stil karesi bir bitiş değil bir başlangıçtır ve neredeyse her zaman prototipten sonra değişir.

Teoriyi bırakıp işlere bakalım.

Örneklerden okuma

Örnekleri üç grupta topladım. Önce gerçek koşulda sınanan işler. Sonra içerik baskısına dayanan sistemler. En sonda Türkçe ve çok dilli sınamalar.

Önce gerçek koşulda sınananlar

Sonra içerik baskısına dayananlar

Ve Türkçe ile çok dilli sınamalar

Usta katmanı

Az önce prototipin işinin sistemi kırmak olduğunu söyledim. İşin aslı biraz daha ince: kırılmanın nerede olduğu, kırılıp kırılmadığından daha önemlidir.

Bir sistem her zaman bir yerde kırılır ve bu normaldir. Asıl soru şu: kırılan yer sık mı yoksa nadir mi karşılaşılan bir durum? Yılda bir kez gelen bir yoğun bilgi sayfasında zorlanan bir sistem kabul edilebilir; her hafta gelen uzun başlıkta zorlanan bir sistem kabul edilemez. Bu yüzden prototip listesi işin gerçek içerik takvimine bakılarak yapılır, genel bir listeye bakılarak değil.

İkinci nüans sunumla ilgili. Prototipleri müşteriye göstermek konusunda iki görüş vardır ve doğrusu şudur: göster, ama sırayı doğru kur. Önce stil karesi, sonra prototipler. Tersini yaparsan toplantı bir sorun listesine döner ve yön hiç konuşulmaz. Doğru sırada gösterildiğinde ise prototipler yönü zayıflatmaz, güçlendirir — çünkü sınandığını gösterirler.

Üçüncüsü bir sınır durumu. Prototip sayısı sınırsız artırılamaz. Sekiz durumun hepsini üç yön için üretmek, yirmi dört prototip demektir ve bu, çoğu takvime sığmaz. Pratik çözüm şudur: bütün durumları yalnız kazanan yön için üret, sunum aşamasında her yön için yalnız iki durum göster. İkisi de en riskli olanlar olsun — genellikle uzun başlık ve yalnızca metin.

Dördüncüsü bir meslek pratiği. Prototip için içeriği sen yazma. Müşteriden gerçek metin iste; yoksa arşivden geçen yılın gerçek metinlerini al. Kendi yazdığın örnek metin her zaman sistemine uyar, çünkü onu yazarken farkında olmadan sistemi korursun. Gerçek metin bunu yapmaz ve prototipin bütün değeri buradan gelir.

Yaygın hatalar ve yanlış bilinenler

Yaygın yanlışBirinci yaygın yanlış: stil karesi ne kadar etkileyiciyse iş o kadar sağlamdır.
Doğrusu

İkisi arasında bağ yoktur ve bazen ters bağ vardır. En etkileyici stil kareleri genellikle en özel koşullarda kurulur — mükemmel fotoğraf, kısa başlık, bol boşluk. O koşullar gerçek üretimde tekrarlanmaz.

Yaygın yanlışİkincisi: prototip, tasarımın son aşamasıdır.
Doğrusu

Değildir, ortasıdır. Prototipten sonra stil karesi düzeltilir ve gerekirse yön değişir. Prototipi en sona bırakan ekipler, çıkan sorunları düzeltmek yerine görmezden gelmek zorunda kalır çünkü takvim bitmiştir.

Yaygın yanlışÜçüncüsü: küçük ekranda çalışmayan tasarım basitleştirilerek çözülür.
Doğrusu

Bazen çözülür, çoğu zaman çözülmez. Basitleştirme, sistemin kimliğini taşıyan öğeleri de siler ve geriye tanınmayan bir sadelik kalır. Doğru çözüm, küçük ölçek için ayrı bir davranış tanımlamaktır — aynı sistemin farklı bir hâli, seyreltilmiş hâli değil.

Yaygın yanlışDördüncüsü: sessiz izlenen içerik için metin eklemek yeterlidir.
Doğrusu

Yetmez. Ekrana sonradan eklenen metin, kompozisyonu bozar ve genellikle en kötü yere düşer. Sessiz izlemeye göre tasarlamak, metnin yerini baştan ayırmak demektir. Sonradan eklenen çözüm her zaman yamadır ve yama olduğu görülür.

Uygulama — kendin dene

Bir önceki dersteki moodboard'dan çıkardığın kuralları al.

Önce bir stil karesi üret. Tek bir görsel. İstediğin başlığı, istediğin fotoğrafı seç. Bu, senin en iyi hâlin olsun.

Şimdi aynı sistemle dört prototip üret ve bu sefer içeriği sen seçme.

Birincisi: on kelimelik bir başlık kullan.

İkincisi: üç kelimelik bir başlık kullan.

Üçüncüsü: fotoğrafı tamamen kaldır.

Dördüncüsü: aynı kareyi telefon ekranı oranında kur.

Sonra dört soruyu sor. Yazı okunuyor mu? Kırpma anlamı bozuyor mu? Sessizken anlaşılıyor mu? Renk baskıda tutar mı?

Şuna dikkat et: dört prototipten kaçında stil karesindeki kararları değiştirmek zorunda kaldın? Hiçbirinde değiştirmediysen prototipleri yeterince zorlamamışsındır. İkisinde ya da üçünde değiştirdiysen sistem gerçekten sınanmıştır ve o değişiklikler, dersin sana bıraktığı asıl şey.

Kilit özet

Birincisi. Stil karesi ikna eder, prototip sınar. Stil karesi bir bitiş değil başlangıçtır ve neredeyse her zaman prototipten sonra değişir.

İkincisi. Tek bir stil karesi hiçbir şey kanıtlamaz, çünkü sorularını sen yazmışsındır. Başlığı, fotoğrafı ve bilgi miktarını sen seçtin.

Üçüncüsü. Sekiz durum üç baskıyı sınar: içerik, ölçek ve zaman. En acımasızı "yalnızca metin"dir — fotoğraf kalkınca elinde ne kalıyor?

Dördüncüsü. Prototip için içeriği sen yazma. Kendi yazdığın metin farkında olmadan sistemi korur.

Beşincisi. Kırılmanın nerede olduğu, kırılıp kırılmadığından önemlidir. Nadir bir durumda zorlanmak kabul edilebilir, her hafta gelen bir durumda zorlanmak kabul edilemez.

Sonraki derse köprü

Bu derste tek tek kararları sınadık. Bir kare, bir başlık, bir ekran.

Ama şimdi bir sorun var. Prototiplerden çıkan düzeltmeleri nereye yazacaksın?

Aklında tutamazsın. Bir sonraki iş geldiğinde başka biri üretecek ve o kişi senin dört prototipini hiç görmedi.

Kararların tekrar kullanılabilir hâle gelmesi gerekiyor. Ve bunun için bir şeyin daha netleşmesi lazım: hangi kararlar hiç değişmeyecek, hangileri her işte değişebilecek?

Sonraki derste görsel sistem kurmayı ve değişmez ile değişkenin ayrımını göreceğiz.

Anlamadığın bir yer mi var?

Mentor yalnız bu dersin metnine dayanarak cevap verir. Metinde geçmeyen bir şey sorarsan uydurmaz, geçmediğini söyler.

Müfredat metniyayın paketindeki kısa anlatım

Stil karesi, görsel yönün yüksek ayrıntılı örneğidir. Moodboard’un alıntıladığı dünyayı özgün tasarıma dönüştürür. Ancak tek bir etkileyici stil karesi, sistemin her içerikte çalıştığını kanıtlamaz.

En az şu durumlar prototiplenmelidir:

  • Ana kampanya görüntüsü
  • Uzun başlık
  • Kısa başlık
  • Yoğun bilgi
  • Yalnızca metin
  • Küçük ekran
  • Büyük yüzey
  • Hareketli başlangıç ve bitiş

Prototip, üretim öncesi riskleri görünür kılar. Tipografi fotoğrafta kayboluyor mu? Görsel kırpıldığında anlam bozuluyor mu? Hareket sessiz izlendiğinde mesaj anlaşılıyor mu? Renk baskıda karşılığını kaybediyor mu?

Aşağısı derse dahil değildir ve seslendirilmez. Metnin animasyona dönüştürülmesi için hazırlanmış üretim notlarıdır.

Animasyon ve seslendirme notları

Görsel anlar. Açılışta mağaza aynasının önünde üç adım, sonra aynı ayakkabıyla yağmurda ve merdivende bir gün. Stil karesinin ekrana gelmesi ve altında "başlığı kim yazdı, fotoğrafı kim seçti" sorularının belirmesi. Sekiz durumun üç gruba ayrılması: içerik, ölçek, zaman. Yalnızca metin durumunda fotoğrafın kareden çekilip alınması ve geriye kalanın görünmesi. Havaalanı örneğinde bire bir basılmış tabelanın gerçek mekâna asılması ve harflerin büyütülmesi. Uygulama bölümünde tek bir karenin dört prototipe çoğalması ve ikisinde kırmızı işaret çıkması.

Tekrar eden görsel motif. Ayakkabı ders boyunca dönsün. Her bölümde bir koşul eklensin — yağmur, merdiven, uzun yürüyüş; son bölümde ayakkabının tabanı görünsün ve aşınma izleri okunsun.

Ritim. Açılışta "mağazadaki üç adım yalan söylemedi" cümlesinden sonra bir buçuk saniye sessizlik. Sekiz durum sayılırken grup aralarında birer saniye. Dört soru okunurken her sorudan sonra yarım saniye. Kilit özette beş cümlenin arasında birer saniye boşluk.

Bu dersi tamamlamak için

Stüdyo uygulaması

Bir yaratıcı yön için üç stil karesi ve iki responsive ekran prototipi üret. Her prototip farklı içerik baskısını sınasın.

Teslim

Beş prototip ve stres testi raporu.

Bu derste geçen kavramlar

Yaratıcı yön:
Konsept, görsel tez, tipografi, renk, imge ve uygulamalardan oluşan bütünsel öneri.
Stres testi:
Sistemin zor, sıra dışı ve sınır içeriklerde sınanması.