Önce özete göz atDersin sonundaki özet, okumaya başlamadan önce yol haritası olarak.
Birincisi. Dijitalde tek bir çıktı yoktur, bir dosya ailesi vardır. Aynı görsel beş ayrı koşulda birden var olur.
İkincisi. Son karar senin değil; platform ve tarayıcı yeniden işler. Senin işin, o işlemin elinden en az şey götüreceği bir dosya hazırlamaktır.
Üçüncüsü. Ölçü hatası iki yönlüdür. Yetersiz ölçü görünür ve hemen fark edilir; gereksiz ölçü görünmez ve kullanıcıyı bekletir.
Dördüncüsü. Kırpma sorusu tek cümlede sorulur: bu görselde anlamı taşıyan şey nerede? Kenarda ya da boşluktaysa kırpma değil, ayrı bir kare gerekir.
Beşincisi. Dosya düzeni ekip ölçeğinde bir kalite meselesidir. En kritik ayrım kaynak ile teslim dosyaları arasındadır.
Açılış sahnesi
Bir anahtarlık düşün. On iki anahtar var.
Hiçbiri etiketli değil.
Gündüz sorun yok; hangisinin hangisi olduğunu az çok hatırlıyorsun. Deneme yanılma, otuz saniye.
Şimdi gece yarısı, elinde poşetler, yağmur yağıyor ve kapının önündesin.
Aynı on iki anahtar. Aynı bilgi. Ama şimdi bir maliyeti var.
Anahtarların hiçbiri değişmedi. Değişen şey koşul.
Bugün etiketleri yazacağız.
Bu derste ne olacak
Önce dijital üretimin baskıdan farkını göreceğiz — burada tek bir çıktı yok, bir aile var. Sonra on karar alanını açacağız. Ardından ölçü ve ağırlık dengesine geleceğiz; iki yönlü bir hata var. Sonra kırpma meselesini konuşacağız — aynı görselin farklı oranlarda aynı anlamı taşıyıp taşımadığı. En sonda dosya düzenini kuracağız ve on dört işten örneklerle bunu okuyacağız. Ders bittiğinde bir görseli beş ayrı kullanıma hazırlayabiliyor olacaksın.
Sıfır noktası
Anahtarlara geri dönelim, çünkü bu benzetme ders boyunca bizimle kalacak.
Bir önceki derste tek bir çıktı vardı: basılmış nesne. Bir kez üretildi ve bitti.
Dijitalde tek bir çıktı yoktur.
Yani senin ürettiğin şey bir dosya değil, bir dosya ailesidir.
Aynı görsel şu hâllerde birden var olur: geniş bir masaüstü ekranında, bir telefonda, kare bir gönderide, dikey bir video kapağında ve zayıf bir bağlantıda.
Beş hâl. Ve beşi aynı dosyadan üretilemez.
Şimdi bir şey daha ekleyelim.
Baskıda üretim bir kez olur ve senin kontrolündedir. Dijitalde üretim her görüntülemede yeniden olur ve senin kontrolünde değildir.
Bir platforma yüklediğin video, o platform tarafından yeniden sıkıştırılır. Bir siteye koyduğun görsel, tarayıcı tarafından yeniden ölçeklenir.
Bu benzetme bir yere kadar doğru. Şurada bozulur: anahtarları etiketlemek bir kez yapılır ve biter. Dosya düzeni ise sürekli bakım ister; her yeni sürüm, düzeni bozmaya çalışır.
Mekanizma
On karar alanı ve iki yönlü hata
Kaynak on alan sayıyor.
Ekran oranı ve kırpma. Piksel yoğunluğu. Görsel formatı. Sıkıştırma. Şeffaflık. Renk profili. Esnek görsel kaynakları. Video kodek ve altyazı. Dosya ağırlığı. Varlık adlandırma ve sürümleme.
Şimdi bunların içindeki en temel dengeye gelelim.
Bu cümlede iki yönlü bir hata var.
Birinci yön: yetersiz ölçü. Görsel, görüntülendiği yerden küçük hazırlanmışsa bulanık çıkar. Bu hata görünürdür ve hemen fark edilir.
İkinci yön: gereksiz ölçü. Görsel, ihtiyaç duyulandan çok daha büyük hazırlanmışsa sayfa ağırlaşır ve yavaş açılır.
Ve ikinci hata görünmez. Sayfa açılıyor, görsel net, her şey yolunda görünüyor. Yalnız kullanıcı üç saniye bekledi ve bir kısmı beklemedi.
Bir önceki seviyede düşük bant genişliği senaryosunu konuşmuştuk. Burada o senaryo bir dosya kararına iniyor.
Yaygın yanlışBurada çok yaygın bir yanlış var: yüksek çözünürlüklü ekranlar için her şeyi iki katı hazırlamak yeterlidir.
Bazı öğeler için yetmez, bazıları için fazladır. Küçük görüntülenen bir simge için iki kat yeterken, geniş bir arka plan görseli için iki kat kabul edilemez bir ağırlık üretir. Kural tek bir çarpan değil, öğe başına verilen bir karardır.
Kırpma: aynı anlam kalıyor mu
Şimdi dersin en tasarımsal kısmına geldik.
Bu cümle çok önemli, çünkü yaygın uygulamanın tersini söylüyor.
Yaygın uygulama şudur: bir görsel çekilir, sonra yatay, dikey ve kare hâlleri o görselden kırpılır.
Kaynak diyor ki bu her zaman işe yaramaz.
Neden yaramaz? Çünkü kompozisyon bir orana göre kurulur. Yatay bir karede solda duran bir figür ve sağdaki geniş boşluk bir gerilim üretir. Aynı kare kare oranına kırpıldığında boşluk gider ve gerilim ortadan kalkar.
Bir önceki modülde bunu bir stres senaryosu olarak görmüştük: yatay, dikey ve kare format. Burada çözümü var — bazen kırpılır, bazen yeniden çekilir.
Ayrımı yapan soru şudur: bu görselde anlamı taşıyan şey nerede?
Merkezdeyse kırpma çalışır. Kenarlarda, boşlukta ya da iki öğe arasındaki mesafedeyse kırpma anlamı keser.
Bir önceki modülde çekim gününde kırpma payı bırakmayı konuşmuştuk. O pay bu sorunu azaltır ama çözmez; pay kırpmayı mümkün kılar, kompozisyonu korumaz.
Dosya düzeni
Ve en az konuşulan, en çok zaman kaybettiren konu.
Kaynak zorunlulukları sayıyor: açıklayıcı klasörler, tarih ve sürüm adları, bağlantılı varlıklar, yazı karakteri ve lisans bilgileri, kaynak ile teslim dosyalarının ayrılması.
"Ekip ölçeğinde" diyor. Tek başına çalışırken düzensizlik yalnız seni yavaşlatır; ekipte yanlış dosyanın basılmasına yol açar.
En kritik madde sonuncusudur: kaynak ile teslim dosyalarının ayrılması.
Kaynak dosya, üzerinde çalışılan dosyadır. Teslim dosyası, dışa aktarılmış olandır. İkisi aynı klasörde durduğunda, birinin diğerinin yerine gönderilmesi an meselesidir.
İkinci kritik madde yazı karakteri lisanslarıdır. Bir yazı karakteri satın alındığında belirli bir kullanım kapsamı için alınır; baskı, internet ve uygulama farklı lisanslar gerektirebilir. Bu bilgi dosyayla birlikte saklanmazsa, iki yıl sonra kimse hangi hakla kullanıldığını bilemez.
Teoriyi bırakıp işlere bakalım.
Örneklerden okuma
Örnekleri üç grupta topladım. Önce format ve sıkıştırmanın tasarımı belirlediği yerler. Sonra kırpma ve varyasyon. En sonda dosya düzeni ve devir.
Önce format ve sıkıştırma
Sonra kırpma ve varyasyon
Ve dosya düzeni ile devir
Usta katmanı
Az önce dijitalde son kararın senin olmadığını söyledim. İşin aslı biraz daha ince: son kararı verecek sistemin ne yaptığını öğrenmek, senin işinin parçasıdır.
Her platform yüklenen dosyayı farklı işler: kimi belirli bir ölçüye küçültür, kimi belirli bir ağırlığa sıkıştırır, kimi rengi kendi profiline çevirir. Bu davranışlar yayımlanmış olarak bulunur ve okunabilir. Deneyimli ekipler her platform için bir hazırlama notu tutar ve o notu ilk kez öğrenildiğinde yazar. Aynı soruyu her kampanyada yeniden araştırmak, bir ekipte yılda günlerce zaman yakar.
İkinci nüans renk profiliyle ilgili. Bir görsele renk profili gömülmediğinde, onu gösteren sistem bir varsayım yapar ve her sistem farklı varsayabilir. Sonuç, aynı görselin bir cihazda soluk, başka bir cihazda doygun görünmesidir. Bu, marka rengi taşıyan görsellerde doğrudan bir tutarlılık sorunudur. Kural basittir: profil her zaman gömülür, hiçbir zaman varsayılmaz. Bir önceki derste baskı için söylediğimiz "varsayma" kuralının dijital karşılığı.
Üçüncüsü bir sınır durumu. Her iş beş ayrı varlık gerektirmez. Tek bir mecrada, tek seferlik yayınlanacak bir görsel için beş varyasyon üretmek zaman kaybıdır. Ölçü şudur: bu görsel kaç yerde ve kaç kez kullanılacak? Tekrar edecek işlerde varyasyon üretmek zorunludur; tek seferlik işlerde tek bir doğru ölçü yeter.
Dördüncüsü bir meslek pratiği. Teslim klasörünü hazırladıktan sonra onu bir başkasına gönder ve tek bir soru sor: hangi dosyayı kullanacağını biliyor musun? Cevap için beş saniyeden fazla düşünmesi gerekiyorsa düzen yetersizdir. Bu test bir dakika sürer ve bir önceki modülde kılavuz için önerdiğimiz "tanımayan birine ver" testinin dosya tarafındaki hâli.
Yaygın hatalar ve yanlış bilinenler
Yaygın yanlışBirinci yaygın yanlış: dosya işleri tasarımcının işi değildir.
Bir tasarım, dosyası yanlış hazırlandığında görülmez ya da yanlış görülür. Çözünürlük, kırpma, renk profili ve format kararlarının hepsi tasarımın nasıl algılanacağını belirler. Bu kararları başkasına bırakmak, tasarımın son yüzde onunu şansa bırakmaktır.
Yaygın yanlışİkincisi: dosya ağırlığı geliştiricinin sorunudur.
Ağırlık kararlarının büyük bölümü tasarım aşamasında verilir: kaç görsel kullanıldığı, ne kadar büyük oldukları, arka planın fotoğraf mı düz renk mi olduğu. Ağır bir sayfa yavaş açılır ve yavaş açılan sayfa terk edilir. Yani ağırlık, doğrudan tasarımın ulaşabildiği kişi sayısını belirler.
Yaygın yanlışÜçüncüsü: bir görselin bütün oranları merkezden kırpılarak üretilebilir.
Üretilebilir ve çoğu zaman anlamı bozar. Bu dersin merkezindeki soru buydu: anlamı taşıyan şey nerede? Merkezdeyse kırp; kenarda ya da boşluktaysa ayrı bir kare üret. Otomatik kırpma araçları bu ayrımı yapamaz.
Yaygın yanlışDördüncüsü: düzen, iş bittikten sonra toparlanır.
Toparlanmaz. İş bittiğinde kimsenin zamanı ve isteği kalmaz; klasör olduğu gibi arşive gider. Düzen başta kurulur ve boyunca korunur. Bir önceki seviyede değişiklik günlüğü için aynı şeyi söylemiştik — sonradan yazılan kayıt, yazılmamış kayıttır.
Uygulama — kendin dene
Bir ana kampanya görseli seç. Kendi çektiğin ya da elindeki bir tasarım olabilir.
Beş varlık hazırlayacaksın: geniş masaüstü, mobil, kare sosyal içerik, dikey video kapağı ve düşük bant genişliği sürümü.
Her biri için önce tek bir soruya cevap yaz: bu görselde anlamı taşıyan şey nerede?
Sonra kırp. Anlamı kesen kırpmalarda kırpma — onun yerine "bu ayrı çekim ister" diye not düş.
Düşük bant genişliği sürümünde ne değişecek? Görsel mi küçülecek, yoksa daha sade bir görsel mi kullanılacak?
Son adım: beş dosyayı bir klasöre koy ve adlandır. Tarih, kullanım yeri ve sürüm görünsün. Yanına kısa bir metin dosyası ekle: hangi dosya nerede kullanılacak.
Şuna dikkat et: beş kırpmadan kaçında anlam korundu? Neredeyse hiçbir görselde beşi de korunmaz. En sık kaybeden dikey olandır, çünkü yatay bir kompozisyonun kenarları dikeyde tamamen dışarıda kalır. Hangi kırpmanın ayrı bir çekim istediğini önceden bilmek, dersin sana bıraktığı asıl şey.
Kilit özet
Birincisi. Dijitalde tek bir çıktı yoktur, bir dosya ailesi vardır. Aynı görsel beş ayrı koşulda birden var olur.
İkincisi. Son karar senin değil; platform ve tarayıcı yeniden işler. Senin işin, o işlemin elinden en az şey götüreceği bir dosya hazırlamaktır.
Üçüncüsü. Ölçü hatası iki yönlüdür. Yetersiz ölçü görünür ve hemen fark edilir; gereksiz ölçü görünmez ve kullanıcıyı bekletir.
Dördüncüsü. Kırpma sorusu tek cümlede sorulur: bu görselde anlamı taşıyan şey nerede? Kenarda ya da boşluktaysa kırpma değil, ayrı bir kare gerekir.
Beşincisi. Dosya düzeni ekip ölçeğinde bir kalite meselesidir. En kritik ayrım kaynak ile teslim dosyaları arasındadır.
Sonraki derse köprü
Bu iki derste üretimi konuştuk. Baskıda malzeme, dijitalde dosya.
Ama iki derste de aynı cümle geçti: yanlış giden şey geç fark edildiğinde pahalıya patlıyor.
Şimdi o cümleyi bir yönteme çevireceğiz.
Bir işin hangi aşamalarında, kim, neye bakar? Bir hata ne zaman ucuz, ne zaman felakettir?
Ve daha zor bir soru: bir piksellik hizalama hatası ile yanlış yazılmış bir fiyat aynı şey midir?
Sonraki derste kalite kontrolün dört kapısını göreceğiz.