PWA Kahramanı Resimlerinize İlham Verecek Film Afişi Tasarımları

Yayınlanan: 2022-03-10
Kısa özet ↬ Ziyaretçilerin dikkatini PWA'nıza çekmek için fazla zamanınız yok. Bu zamanı aşırı kalabalık bir kahraman görüntüsü ile harcamak veya daha da kötüsü, cansız bir tasarımla onları hayal kırıklığına uğratmak yerine, ekranın üst kısmında sahip olduğunuz küçük alanla yaratıcı olun. Bunun için en iyi ilham kaynaklarından biri? Film afişleri.

Geçen hafta sonu Fandango web sitesini ziyaret ettim ve bana klimalı bir sinemada birkaç saat geçirmek için bahane verecek bir şey bulmayı umuyordum. Oraya vardığımda ilk gözüme çarpan şu oldu:

Fandango ana sayfası, popüler filmler ve posterlerini içeren bir kaydırıcıyı gösterir.
Fandango ana sayfası, popüler filmler ve posterlerini içeren bir kaydırıcıyı gösterir. (İmaj kredisi: Fandango) (Geniş önizleme)

Dürüst olmak gerekirse, bu film afişlerinin çoğu beni evden ayrılmaya motive edecek hiçbir şey yapmadı. Çok çarpıcı bir renk paleti olan Aslan Kral ve tipografiyle harika şeyler yapan Once Upon a Time in Hollywood hariç.

Bunu daha önce başka biri yaşadı mı? Bir film izleme havasındasınız ve:

  • İlgilendiğiniz film afişine bir göz atın, sadece izlemeye değer olup olmadığını sorgulamak için mi?
  • Üzerinde fazla düşünmediğiniz ama sonra planınızı değiştirip onun yerine onu mu gördünüz?

Ve burada film fragmanlarından bahsetmiyoruz bile. Bir filmi tanıtmak ve insanları filmi izlemeye ikna etmek için tasarlanmış tek bir afişin film hakkındaki algınıza neler yapabileceğinden bahsediyoruz.

Bunu düşünürseniz, bir PWA'daki kahraman imajı, ilk kez gelen bir ziyaretçi üzerinde daha fazla etkiye sahiptir.

Kahraman imajınızla bir izlenim bırakmak için sadece birkaç saniyeniz var. Sizinkinin ziyaretçilere nasıl hissettirmesini istersiniz?

Ziyaretçileriniz, bulmak üzere oldukları şeyin heyecanıyla PWA'da mı ilerliyor? Yoksa ilk görüntünün neden olduğu hayal kırıklığı veya kafa karışıklığı nedeniyle endişe ile mi yapıyorlar?

İyi ve kötü film afişlerinden bazı örneklere bakalım ve PWA kahraman tasarımınızda size yardımcı olmak için ne tür dersler kullanabileceğimizi görelim:

Atlamadan sonra daha fazlası! Aşağıdan okumaya devam edin ↓

1. Mümkün Olduğunda Stok Fotoğraflardan Kaçının

Bir PWA'nın diğer bölümlerinde Getty veya iStock gibi sitelerden satın alınan yüksek kaliteli stok fotoğraflar yeterli olabilir. Ama kahraman imajınız?

Bu konuda çok dikkatli olmanız gerektiğini söyleyebilirim, özellikle de kolayca tanınabilen bir stok fotoğraf kullanıyorsanız. Çekici bir fotoğraf olsa ve markanın hikayesiyle mükemmel bir şekilde örtüşse bile, gerçekten başka birinin görüntüsünün PWA'nın zirvesine ait olduğunu düşünüyor musunuz?

Aquaman 2018'de çıktığında, onu tanıtmak için bir dizi film afişi yayınladılar. Ancak, internette büyük bir kargaşaya neden olan bu özel posterdi:

Aquaman film afişi, köpekbalıklarının stok fotoğraflarını içerir
Aquaman film afişi, köpekbalıklarının stok fotoğraflarını içerir. (İmaj kredisi: IMDB'de “Aquaman”) (Geniş önizleme)

Esasen, Twitter'daki şikayetler Getty'nin bu stok fotoğrafının kullanımına bağlı:

Twitter kullanıcıları Aquaman film afişi üzerinde bir kargaşa içindeydi
Twitter kullanıcıları, Aquaman film afişi yüzünden büyük tepki topladı. (Resim kredisi: Twitter) (Büyük önizleme)

Şimdi, bir süper kahraman filmi hakkında herhangi bir büyük eleştiri yapıldığında, orada tartışmalar olmasını bekleyebilirsiniz. Marvel ve DC filmleri arasında net bir şekilde bölünmüş kamplarla, birileri onlara hakaret ettiğinde süper kahramanlarınızı diş ve tırnağınızı savunmak istememek biraz zor. Bir köpekbalığı stok fotoğrafı yüzünden olsa bile.

Eleştiriye karşı çıkanların da haklı olduğu bir nokta var. Filmin gerçek yıldızlarının canlı köpekbalıklarıyla dolu bir su kütlesine daldırılabileceği gibi değil. Stok fotoğrafçılığı veya CGI dışında, poster tasarımcılarının gerçekten ne seçeneği vardı?

Bununla birlikte, asıl meselenin ne olduğunu düşünüyorum, bunun büyük bir stüdyo bütçesine sahip devasa bir film olması ve bir stok fotoğrafının eklenmesi, filmin başka herhangi bir yerinde köşeleri kesip kesmediklerini merak etmenize neden oluyor.

Bir kahraman görselinde tanınabilir stok fotoğraflarının kullanılması, arkasındaki markadan uçtan uca birinci sınıf bir deneyim bekleyen ziyaretçilere aynı türden bir sinyal gönderebilir.

2. Benzersiz Yapın

Benim kadar çok film izliyorsanız, film afişleri söz konusu olduğunda belirli eğilimleri fark etmeniz gerekir. Bu özellikle, tasarımcıların orijinal veya yaratıcı olmaya zahmet etmediğini hissettiği romantik komedi türünde böyledir.

Film afişlerinin bu benzer kalitesi, belirli türlerdeki hayranların izlemek istedikleri film türlerini anında belirlemelerine yardımcı olurken, onlara başka bir sinyal de gönderir.

Nicholas Sparks'ın kim olduğunu bilmiyorsanız, çoğu benzer olaylara sahip yirmiden fazla kitabın yazarıdır.

Bu Vanity Fair film afiş derlemesinin amacımı göstermesine izin vereceğim:

Bir Vanity Fair makalesinde Nicholas Sparks filmlerinden çeşitli kapaklar gösteriliyor
Bir Vanity Fair makalesinde Nicholas Sparks filmlerinden çeşitli kapaklar gösteriliyor. (İmaj kredisi: Vanity Fair) (Geniş önizleme)

Bu filmlerden biri hakkında biriyle konuşacak olsaydınız, şöyle özetlenebilirdi:

“Filmi bilirsin... İlk başta birbirlerinden pek hoşlanmayan ama sonra deli gibi aşık olan ve ayrı kalmaya dayanamayan kız ve oğlanın olduğu film? Ah evet ve sonunda ölen o kişi var.”

Bu, bu hikayelerin yaklaşık %80'ini açıklıyor, bu yüzden her birinin film afişlerinin bu kadar benzer görünmesi o kadar da şaşırtıcı değil.

Dediğim gibi, benzer şekilde tasarlanmış bir afiş, çok özel bir sinema izleyicisi alt kümesine hitap etmeye çalışıyorlarsa lehlerine çalışabilir. Ancak PWA'larda bu şekilde çalışmaz.

Başka bir markayı doğrudan tamamlayacak bir PWA inşa etmiyorsanız, kahraman imajınızı başka birininkine benzeyecek şekilde tasarlamanız için hiçbir neden yoktur. Yalnızca ziyaretçiler benzerlikleri anladığında kafa karışıklığına neden olur. Ya da sadece görsellerin değil, içindeki hizmet ve ürünlerin de aynı olduğunu varsayarak, PWA'ya bakma zahmetine neden girdiklerini merak edecekler.

PWA'nızın kalabalığın arasından sıyrılmasını istiyorsanız, kahraman imajınız benzersiz olmalıdır.

3. Bir Şeyde Sıfır

Yıldızlardan oluşan bir oyuncu kadrosuyla bir film yapmanın sorunlarından biri, yalnızca bir kişiye odaklanmanın imkansız olmasıdır - sadece olay örgüsü içinde değil, aynı zamanda film afişinde de.

Konuyla ilgili örnek: Beklerken Ne Beklemelisiniz:

Ne Beklenmeli Ne Zaman Bekliyor'un yıldız kadrosu
What to Expect When You're Waiting'in yıldız oyuncu kadrosu. (İmaj kredisi: IMDB'de “Beklerken Ne Beklemeli”) (Geniş önizleme)

Bu postere ilk kez rastlıyor olsaydım, nereden başlayacağımı bilemezdim.

Başlığın ortada olması yardımcı olur, ancak rekabet eden fotoğraflar ezici. Ayrıca, en üstteki fotoğrafa yakından bakarsanız, kadınların her birinin resimde ayrı ayrı katmanlara ayrıldığını görürsünüz. Filmden gerçek bir çekimin yanında neden kötü derlenmiş bir fotoğraf kullanalım? Çok ayrık bir deneyim yaratır.

Tekil bir odaklamanın ne gibi bir fark yaratabileceğini size göstermek için, ET the Extra-Terrestrial film afişine bakalım:

E.T.'nin afişi çocuk ve uzaylı arasındaki ilişkiyi vurgular
ET posteri, çocuk ve uzaylı arasındaki ilişkiyi vurgular. (İmaj kredisi: IMDB'de “ET the Extra-Terrestrial”) (Geniş önizleme)

Bu filmin büyük bir yıldız kadrosu yokmuş gibi değil. Bunu tasarlayan ekip, filmin kalbinde gerçek bir odak noktası olduğunu ve bunun Elliott (çocuk) ile ET (yabancı) arasındaki ilişki olduğunu fark etti.

Müşterileriniz size gelip tüm hizmetlerinin eşit derecede önemli olduğunu söyleseler ve PWA'nın herkes için her şeyi yapabileceklerini göstermesini isteseler bile, kahraman imajınızı tasarlarken benzer bir şey aramanızı tavsiye ederim. Bu tür bir mesajı bir resme çevirmeye çalışırsanız, başarısız olur. O halde, odağınızı bulun.

4. Şehre Hafif Bir Selam Verin

Filmler herhangi bir sayıda ayarda yer alabilir. Ne tür bir film olduğuna bağlı olarak, ortamın neredeyse hikaye içinde bir karakter haline geldiğini bile görebilirsiniz. Açıklamama izin ver.

Richard Linklater, Julie Delpy ve Ethan Hawke ile bir üçleme film çekti.

İlk film Before Sunrise olarak adlandırılır ve Delpy ve Hawke ertesi sabah ayrılmadan önce trenden inip Viyana şehrini dolaşmaya karar verdiklerinde gerçekleşir:

Gün Doğmadan Önce film afişi arka planda Viyana'yı gösteriyor
Gün Doğmadan Önce film afişi arka planda Viyana'yı gösteriyor. (İmaj kredisi: IMDB'de “Gün Doğumundan Önce”) (Geniş önizleme)

İkinci filmin adı Before Sunset ve Paris şehri çevresinde geçiyor:

Gün Batımından Önce film afişi arka planda Paris'i gösteriyor
Gün Batımından Önce film afişi arka planda Paris'i gösteriyor. (İmaj kredisi: IMDB'de “Gün Batımından Önce”) (Geniş önizleme)

Son filmin adı Before Midnight ve Yunanistan'da geçiyor:

Geceyarısı Öncesi film afişinin arka planında güneşli bir Yunan adası var
Geceyarısı Öncesi film afişi arka planda güneşli bir Yunan adasına sahiptir. (İmaj kredisi: IMDB'de "Gece Yarısından Önce") (Geniş önizleme)

Bu posterlerin her birinde, hikayenin arka planının tasarıma büyük ölçüde etki ettiğini görebilirsiniz. Ve bunun nedeni, coğrafi çevreleri olmadan gerçekten bir hikaye olmamasıdır.

Sadece birbiriyle konuşan iki insan hakkında filmler değiller. Yeni bir şehri keşfederken birbirini tanımaya başlayan iki insan hakkında – neredeyse üçüncü bir karaktere dönüşen ve izleyicinin filmler boyunca aşina olduğu bir şehir.

Tasarımını yaptığınız şirketin belirli bir coğrafi bölgeyle güçlü bir bağı varsa, onu bir şekilde kahraman imajına dahil etmenin bir yolunu bulabilecek misiniz bir bakın. Arka planda gerçek şehir manzarası ile bu kadar açık olmak zorunda değil. Ancak yerel ziyaretçilerin "Hey, ben oralıyım!" diye düşünmesini sağlayan özel bir dokunuş eklemenin başka yolları da olabilir. veya “Ben oradaydım!”

5. Beyaz Alanla Yaratıcı Olun

Beyaz alanın tasarımın önemli bir parçası olduğunu zaten biliyorsunuz, özellikle de bir PWA'da ekranın üst kısmında büyük bir mesaj iletmeye çalışırken. Ziyaretçileri bunaltmamak için işleri basit tutmak istersiniz. Ancak bu, o beyaz boşluğu nasıl doldurduğunuz konusunda yaratıcı olamayacağınız anlamına gelmez.

Örneğin, Bağımsızlık Günü posterini alın:

Bağımsızlık Günü posteri beyaz alanını bir uzay gemisiyle dolduruyor
Bağımsızlık Günü posteri beyaz alanını bir uzay gemisiyle dolduruyor. (İmaj kredisi: IMDB'de “Bağımsızlık Günü”) (Geniş önizleme)

Uzay gemisi bir korku hissi uyandırsa da, aksi takdirde bu fotoğrafın üstünü kaplayacak olan tüm beyaz alanları doldurmanın gerçekten yaratıcı bir yolu.

Beyaz boşlukla oynamanın bir başka eğlenceli örneği de Scarface posterinde görülebilir:

Scarface film afişi tasarımcıları muhtemelen bu beyaz alanı yaratmak için sembolizmi kullandılar.
Scarface film afişi tasarımcıları muhtemelen bu beyaz alanı yaratmak için sembolizmi kullandılar. (İmaj kredisi: IMDB'de “Scarface”) (Geniş önizleme)

İlk bakışta, bunu çarpıcı görüntü için alabilirsiniz. Ancak Tony Montana'nın bir uyuşturucu kartelinin başı olduğunu ve kokain çekme konusunda müstehcen bir tutkusu olduğunu bilerek, onu tüketen beyaz burada başka bir anlam kazanıyor.

Bu, sahip olduğunuz alanla yaratıcı olmakla ilgili olduğundan, size kesin rehberlik etmek biraz zor. Yine de bu rotaya gitmek istiyorsanız önereceğim şey, onları fotoğrafta açıkça sunmak zorunda kalmadan sembolizmle oynamanın yollarını düşünmektir. Bunu yapmak için gölgeler, ışık ve boşlukla oynayabilirseniz, bunun çok daha büyük bir etkisi olur.

6. Tipografi İle Oyuncu Olun

Çoğunlukla, film afişi tasarımcıları, konu tipografiye geldiğinde oldukça muhafazakar olma eğilimindedir. Yazı tipi için tek bir renk seçerler ve bu neredeyse her zaman büyük bloklu sans serif yazı tipidir.

Ama neden onunla biraz eğlenmiyorsun? Görüntüyü yaratıcı süslemelerle doldurabildiğiniz gibi, ikisi birbirini tamamladığı sürece aynı şeyi metinle yapmak o kadar da kötü bir fikir olmaz.

John Wick posterinde bunun güzel bir örneğini bulacaksınız:

John Wick film afişi tipografisinin benzersiz bir avantajı var
John Wick film afişi tipografisinin benzersiz bir avantajı var. (İmaj kredisi: IMDB'de “John Wick”) (Geniş önizleme)

Resme hızlıca bakacak olursanız, tasarımın inceliklerini anlayamayabilirsiniz. Ama oradalar.

Yeni başlayanlar için, silahın namlusu “o” harfinin yerini alır. Ama jantın nasıl diğer harflerle aynı renge boyandığına dikkat edin? İlk bakışta bu kadar iyi karışmasına yardımcı olan şey budur.

Ardından, ortada bölünüp eğimli oldukları, harflerin kendi kendilerine, menteşesiz görünümüne sahip olursunuz.

Filmi izlememiş olanlar için, esasen Keanu Reeves'in karakterine olan şey budur. Bir zamanlar bir suikastçıydı ama aşk için vazgeçti. Karısı öldüğünde ve ondan kalan son kalıntılar alındığında, paramparça olur. Normal bir insanın hayatına devam ediyor mu? Yoksa her şeyi bırakıp ölümcül bir öfke mi atıyor?

Bir kahraman resmi tasarlarken yapılacak akıllıca şeyin, görüntünün hikayeyi anlatmasına izin vermek olduğunu biliyorum, ancak metne ince dokunuşların gerçekten bir çentik alabileceğini düşünüyorum.

Toplama

Peki, burada ne öğrendik? Bir film afişi ve PWA tasarlamanın kesinlikle doğru ve yanlış bir yolu vardır. Ancak bundan daha fazlası, yapılacak en önemli şey, ilk birkaç saniyenin izleyicilerinize iletmesini istediğiniz şey hakkında gerçek bir düşünce ortaya koymaktır.

PWA'nın ne hakkında olduğunu yakalamayı başaramazsanız veya bunu sıkıcı, orijinal olmayan, belirsiz veya sevimsiz bir şekilde yaparsanız, ilgilerini neredeyse anında kaybedersiniz.

Ancak…

Bir markanın ne olduğunu, onu özel kılan ince nüanslarla birlikte mükemmel bir şekilde yakalayabilirseniz, daha fazla ziyaretçiyi tek bir görselle kaydırmaya ve tıklamaya teşvik edersiniz.

SmashingMag'de Önerilen Okuma :

  • Aşamalı Web Uygulamaları İçin Kapsamlı Bir Kılavuz
  • PWA'lar Yerel Mobil Uygulamaların Yerini Alacak mı?
  • Bir Mobil Uygulama veya PWA İle Daha Fazla Para Kazanabilir misiniz?
  • Yerli ve PWA: Seçenekler, Meydan Okuyanlar Değil!