Önce özete göz atDersin sonundaki özet, okumaya başlamadan önce yol haritası olarak.
Birincisi. Sistem iki zıt işi birden yapar: kimliği korur ve çeşitliliğe izin verir. Çözüm, bir şeyi tamamen kilitleyip geri kalanı tamamen serbest bırakmaktır.
İkincisi. Tür kararları değişmez olur, derece kararları değişken. Tanınma türden gelir.
Üçüncüsü. Değişmez sayısı üç ile beş arasında tutulur. Her değişmez bir kapı kapatır ve dört değişmezi herkes ezbere sayabilir.
Dördüncüsü. Değişken demek sınırsız demek değildir; aralık demektir. Her değişkenin yanına alt ve üst sınırını yaz.
Beşincisi. Kural yazıyla değil, yap ve yapma örneğiyle anlaşılır. Yanlış örnek doğru örnekten daha öğreticidir.
Açılış sahnesi
Elinde iki tuğla var. İkisi de plastik, ikisi de üstünde çıkıntılar taşıyor.
Biri kırk yıl önce üretilmiş, diğeri geçen ay.
Ve birbirlerine geçiyorlar.
Bu, dünyanın en sessiz mühendislik başarılarından biri. Çünkü arada geçen kırk yılda üretim yeri değişti, kalıplar yenilendi, renkler eklendi, binlerce yeni parça çıktı.
Değişmeyen tek şey çıkıntıların arasındaki mesafeydi.
Şimdi bir soru. O mesafe neden değişmedi?
Cevap "iyi tasarlanmıştı" değil. Cevap şu: o mesafe değişmez olarak ilan edilmişti. Yazılıydı. Kimse ona dokunamazdı.
Geri kalan her şey serbestti. Renk, biçim, boyut, konu.
Bu derste ne olacak
Önce sistemin ne işe yaradığını göreceğiz — iki farklı iş yapıyor ve ikisi birbirine zıt. Sonra on iki bileşeni açacağız; bunlar bir kılavuzun içindekiler tablosudur. Ardından dersin merkezi olan ayrıma geleceğiz: değişmezler ve değişkenler. Sonra yap ve yapma örneklerinin neden zorunlu olduğunu konuşacağız. En sonda on dört işten örneklerle bunu okuyacağız. Ders bittiğinde bir konsepti yirmi uygulama üretecek bir sisteme çevirebiliyor olacaksın.
Sıfır noktası
Tuğlaya geri dönelim, çünkü bu benzetme ders boyunca bizimle kalacak.
Bu cümlede iki iş var ve dikkat et — birbirlerine zıt.
Birinci iş: kimliği korumak. Yani her uygulamanın aynı yere ait görünmesi.
İkinci iş: çeşitliliğe izin vermek. Yani her uygulamanın birbirinin kopyası olmaması.
Bu ikisi aynı anda nasıl yapılır?
Cevabı tuğlada. Bir şeyi tamamen kilitleyip geri kalanını tamamen serbest bırakarak.
Yarı kilitli bir sistem işe yaramaz. "Renk genellikle mavi olsun" diyen bir kural ne tanınma sağlar ne özgürlük verir; yalnız tartışma üretir.
Bir önceki derste prototiplerden düzeltmeler çıkarmıştık ve şu soruyu sormuştum: bu düzeltmeleri nereye yazacaksın? Cevap bu ders.
Ama sistemin bir maliyeti de var ve baştan söyleyelim.
Sistem kurmak, gelecekteki tasarımcının bazı kararlarını şimdiden vermek demektir. O tasarımcı sen olmayabilirsin. Bu yüzden fazla dar kurulmuş bir sistem, iki yıl sonra bir hapishaneye döner.
Bu benzetme bir yere kadar doğru. Şurada bozulur: tuğlada değişmez tek bir ölçüdür ve fiziksel olarak zorunludur. Görsel sistemde ise değişmezleri sen seçersin ve hiçbiri zorunlu değildir. Yani senin işin bir ölçüyü korumak değil, hangi ölçünün korunacağına karar vermek.
Mekanizma
On iki bileşen
Kaynak on iki bileşen sayıyor. Bunları ezberlemene gerek yok; bir kılavuzun içindekiler tablosu olarak düşün.
Tipografi ölçeği ve rolleri. Renk rolleri. Grid ve boşluk. Logo davranışı. Fotoğraf ilkeleri. İllüstrasyon grameri. İkonografi. Veri görselleştirme. Hareket ilkeleri. Ses yaklaşımı. Metin ile görsel ilişkisi. Erişilebilirlik kuralları.
Şimdi bu listede iki kelimeye dikkat çekmek istiyorum.
Birincisi "roller". Tipografi ölçeği ve rolleri diyor; renk rolleri diyor.
Rol demek, bir öğenin işi demektir. Birinci seviyede her rengin bir işi olması gerektiğini konuşmuştuk. Sistemde bu bir bölüme dönüşür: hangi renk uyarı, hangisi vurgu, hangisi zemin.
Rol yazılmadığında ne olur? Palet yazılır, iş yazılmaz. Sonra iki farklı tasarımcı aynı rengi farklı işlerde kullanır ve marka tutarsız görünür — hâlbuki ikisi de kılavuza uymuştur.
İkincisi "davranış". Logo davranışı diyor, logo kullanımı değil.
Davranış, logonun farklı durumlarda ne yaptığıdır. Küçüldüğünde hangi parçası düşer, koyu zeminde ne olur, dar bir alanda hangi hâli kullanılır. Bir önceki modülde işaretin içeriğe göre esnediği kimlikleri konuşmuştuk; davranış bölümü onu yazıya döker.
Yaygın yanlışBurada çok yaygın bir yanlış var: kılavuz ne kadar kalınsa sistem o kadar sağlamdır.
Tersi. Yüz sayfalık bir kılavuz okunmaz, okunmayan kural uygulanmaz. Kaynağın istediği yirmi ile otuz sayfa arası bir mini kılavuzdur ve bu, tesadüfen seçilmiş bir aralık değil — bir kişinin bir oturuşta okuyabileceği uzunluk.
Değişmezler ve değişkenler
Şimdi dersin merkezine geldik.
Kaynağın verdiği örneği açalım.
Değişmezler: siyah beyaz ana yüzey, tek vurgu rengi, keskin dikey grid, belgesel fotoğraf.
Değişkenler: vurgu renginin tonu, fotoğraf ölçeği, bilgi yoğunluğu ve hareket süresi.
Bu iki listeye dikkatle bak, çünkü aralarındaki mantık öğretici.
Değişmez listesinde tür kararları var. Renkli mi renksiz, kaç vurgu rengi, grid var mı, fotoğraf hangi türde.
Değişken listesinde ise derece kararları var. Tonun ne kadar sıcak olduğu, fotoğrafın ne kadar büyük olduğu, bilginin ne kadar yoğun olduğu.
Bu kural neden işe yarar? Çünkü tanınma türden gelir. Siyah beyaz bir yüzey uzaktan tanınır; o yüzeydeki fotoğrafın yüzde kırk mı yüzde altmış mı kapladığı uzaktan görünmez.
Peki kaç tane değişmez olmalı?
Az. Kaynağın örneğinde dört tane var ve bu iyi bir sayı. Deneyimli ekipler üç ile beş arası tutar.
Sebebi şu: her değişmez bir kapı kapatır ve kapılar biriktikçe sistem nefes alamaz. Ayrıca hatırlanabilirlik meselesi var — dört değişmezi herkes ezbere sayabilir, on ikisini kimse sayamaz.
Yap ve yapma
Kaynak kuralların "yap ve yapma" örnekleriyle açıklanmasını istiyor. Bu, kılavuzların en çok atlanan ve en çok işe yarayan kısmıdır.
Sebebi basit. Bir kural yazıyla anlatıldığında okuyan kişi onu kendi deneyimine göre yorumlar.
"Logonun etrafında yeterli boşluk bırakın" cümlesini üç kişiye ver, üç farklı boşluk elde et.
Yanına iki görsel koy — biri doğru, biri yanlış — ve tartışma biter.
Ve şunu da ekleyelim: yanlış örnek, doğru örnekten daha öğreticidir. Çünkü doğru örneğe bakan kişi "tamam, anladım" der ve geçer. Yanlış örneğe bakan kişi neden yanlış olduğunu düşünür ve düşündüğü şey aklında kalır.
Teoriyi bırakıp işlere bakalım.
Örneklerden okuma
Örnekleri üç grupta topladım. Önce değişmezi çok az olan sistemler. Sonra rol tanımı güçlü olanlar. En sonda uzun süre yaşamış kamu sistemleri.
Önce değişmezi çok az olanlar
Sonra rol tanımı güçlü olanlar
Ve uzun süre yaşamış kamu sistemleri
Usta katmanı
Az önce tür kararlarının değişmez, derece kararlarının değişken olduğunu söyledim. İşin aslı biraz daha ince: bazı derece kararları sınır değeriyle birlikte yazılmalıdır.
Fotoğraf ölçeği değişkendir, ama alt sınırı olmalıdır — belirli bir orandan küçük fotoğraf kullanılmaz, çünkü o noktada belgesel karakter kaybolur ve fotoğraf bir süse dönüşür. Bilgi yoğunluğu değişkendir, ama üst sınırı olmalıdır. Yani değişken demek sınırsız demek değildir; aralık demektir. Kılavuzda değişkenleri yazarken her birinin yanına aralığını da yaz, yoksa iki yıl içinde uçlara gidilir.
İkinci nüans kılavuzun kendi biçimiyle ilgili. Kılavuz, anlattığı sistemi kullanarak hazırlanmalıdır. Kulağa apaçık geliyor ama pratikte çoğu kılavuz genel bir sunum şablonuyla hazırlanır. Sistemin kendi kurallarıyla dizilmiş bir kılavuz iki iş yapar: kuralları anlatır ve aynı anda kanıtlar. Ayrıca hazırlanırken sistemin eksikleri de ortaya çıkar — kılavuzu dizerken tanımsız bir durumla karşılaşırsan, o durum gerçek işlerde de karşına çıkacak demektir.
Üçüncüsü bir sınır durumu. Her marka sistem kurmaz. Tek kişilik bir işletme, tek bir mecrada çalışan bir proje ya da ömrü altı ay olan bir kampanya için otuz sayfalık bir kılavuz üretmek, işi geciktirmekten başka bir şey yapmaz. Ölçü şudur: bu kararları kaç kişi uygulayacak? Cevap "bir" ise sistem yerine kısa bir karar notu yeter.
Dördüncüsü bir meslek pratiği. Sistemi yazdıktan sonra onu hiç tanımayan bir tasarımcıya ver ve tek bir iş üretmesini iste. Sen odada olma. Çıkan iş beklediğinden uzaksa eksik olan kural, o uzaklığın olduğu yerdedir. Bu test yarım gün sürer ve kılavuzun basılmasından önce yapılmadığında, düzeltme maliyeti onlarca kat artar.
Yaygın hatalar ve yanlış bilinenler
Yaygın yanlışBirinci yaygın yanlış: sistem, yaratıcılığı kısıtlar.
Bu ders boyunca gördük ki sistem, kararların hangi kısmının serbest olduğunu netleştirir. Kısıtlayan şey sistem değil, kötü kurulmuş sistemdir — özellikle değişmezi çok olan sistem. Dört değişmezli bir sistem serbestlik verir, on iki değişmezli bir sistem vermez.
Yaygın yanlışİkincisi: kılavuz yazıldıktan sonra iş biter.
Kılavuz canlı bir belgedir ve düzenli güncellenmediğinde gerçekten uygulanan sistemle arasındaki fark açılır. Bir noktadan sonra ekip kılavuza değil son işlere bakmaya başlar ve kılavuz rafta kalır. Bir sonraki derste bunun nasıl yönetileceğini göreceğiz.
Yaygın yanlışÜçüncüsü: bir sistemin sağlamlığı kural sayısıyla ölçülür.
Ölçüsü kural sayısı değil, kapsanan durum sayısıdır. Elli kuralı olup alt marka durumunu tanımlamamış bir kılavuz, on beş kuralı olup bütün durumları kapsayan bir kılavuzdan zayıftır. Kılavuz yazarken sayılacak şey kurallar değil, tanımsız kalan durumlardır.
Yaygın yanlışDördüncüsü: yapma örnekleri kılavuzu olumsuz gösterir.
Deneyim tersini söyler. Yapma örneği olmayan kılavuzlar en çok yanlış anlaşılan kılavuzlardır. Ayrıca yapma örnekleri gerçek hatalardan seçildiğinde okuyan kişi kendini orada tanır ve kural bir daha unutulmaz.
Uygulama — kendin dene
Bir önceki derslerde kurduğun yönü al.
Önce iki liste yaz. Değişmezler ve değişkenler.
Değişmez listesinde en fazla dört madde olsun ve hepsi tür kararı olsun. Renkli mi renksiz, kaç vurgu rengi, hangi fotoğraf türü, grid var mı.
Değişken listesinde en az dört madde olsun ve her birinin yanına aralığını yaz. En küçük ne kadar, en büyük ne kadar.
Sonra tek bir kuralı seç ve onu yap ile yapma örneğine dök. İki küçük çizim yeter. Yanlış olanın altına neden yanlış olduğunu tek cümleyle yaz.
Son adım: değişmez listene bakarak yirmi farklı uygulama sayabiliyor musun? Sayamıyorsan değişmezlerinden biri aslında bir derece kararıdır ve değişken tarafına geçmesi gerekir.
Şuna dikkat et: bu geçiş çoğu zaman renkte olur. "Mavi" bir değişmez gibi görünür ama genellikle bir derece kararıdır; asıl değişmez "tek vurgu rengi"dir. Bu ayrımı yapabilmek, dersin sana bıraktığı asıl şey.
Kilit özet
Birincisi. Sistem iki zıt işi birden yapar: kimliği korur ve çeşitliliğe izin verir. Çözüm, bir şeyi tamamen kilitleyip geri kalanı tamamen serbest bırakmaktır.
İkincisi. Tür kararları değişmez olur, derece kararları değişken. Tanınma türden gelir.
Üçüncüsü. Değişmez sayısı üç ile beş arasında tutulur. Her değişmez bir kapı kapatır ve dört değişmezi herkes ezbere sayabilir.
Dördüncüsü. Değişken demek sınırsız demek değildir; aralık demektir. Her değişkenin yanına alt ve üst sınırını yaz.
Beşincisi. Kural yazıyla değil, yap ve yapma örneğiyle anlaşılır. Yanlış örnek doğru örnekten daha öğreticidir.
Sonraki derse köprü
Bu derste sistemi kurduk. Değişmezleri seçtik, değişkenlere aralık verdik, kuralları örnekledik.
Kâğıt üstünde her şey yerli yerinde.
Ama gerçek hayat kâğıt değil. İçerikler uzar. Fotoğraf kalitesi düşer. Yeni ekipler gelir ve kılavuzu okumaz. Bütçe kesilir. Bir gün başka bir dilde yayın yapılır.
Ve daha zor bir soru var. Bir istisna gerektiğinde onu kim onaylayacak? Yeni bir kuralı kim ekleyecek?
Sonraki derste sistemi on senaryoda kıracağız ve bir sistemin kim tarafından yönetileceğini konuşacağız.