PWA 영웅 이미지에 영감을 주는 영화 포스터 디자인

나는 지난 주말에 Fandango 웹사이트를 방문했는데, 에어컨이 설치된 영화관에서 몇 시간을 보낼 핑계를 찾을 수 있는 무언가를 찾았습니다. 도착했을 때 가장 먼저 눈에 들어온 것은 다음과 같습니다.

솔직히 말해서, 이 영화 포스터의 대부분은 내가 집을 떠나도록 동기를 부여하는 데 전혀 도움이 되지 않았습니다. 눈에 띄는 색상 팔레트를 가진 라이온 킹 과 타이포그래피로 멋진 작업을 수행 하는 원스 어폰 어 타임 인 할리우드를 제외하고.

다른 사람이 전에 이것을 경험한 적이 있습니까? 영화를 보고 싶은 기분이 들거나 다음 중 하나입니다.

• 관심이 있는 영화 포스터를 한 번 보았지만 볼 가치가 있는지 여부에 대한 질문만 하시겠습니까?
• 별로 생각하지 않은 영화 포스터를 한 번 보시다가 계획을 변경하고 대신 그 포스터를 보신 적이 있나요?

그리고 우리는 여기서 영화 예고편에 대해 이야기하지도 않습니다. 우리는 영화를 홍보하고 사람들이 영화를 보도록 유도하기 위해 디자인된 단일 포스터가 영화에 대한 인식에 어떤 영향을 미칠 수 있는지에 대해 이야기하고 있습니다.

생각해 보면, PWA의 영웅 이미지는 처음 방문자에게 영향을 미칩니다.

영웅 이미지로 인상을 남길 수 있는 시간은 단 몇 초뿐입니다. 방문자가 어떻게 느끼기를 원하십니까?

"

방문자가 무엇을 발견하게 될지 기대하며 PWA를 진행합니까? 아니면 첫 번째 이미지에 대한 실망이나 혼란으로 인한 불안감으로 그렇게 합니까?

좋은 영화 포스터와 나쁜 영화 포스터의 몇 가지 예를 살펴보고 PWA 영웅 디자인에 도움이 되도록 어떤 종류의 교훈을 사용할 수 있는지 살펴보겠습니다.

1. 가능하면 스톡 사진을 피하십시오

PWA의 다른 부분에서는 Getty 또는 iStock과 같은 사이트에서 구입한 고품질 스톡 사진으로 충분할 수 있습니다. 하지만 영웅 이미지는?

특히 쉽게 알아볼 수 있는 스톡 사진을 사용하는 경우 이 점에 매우 주의해야 합니다. 매력적인 사진이고 브랜드의 스토리와 완벽하게 일치하더라도 PWA 상단에 다른 사람의 이미지가 속한다고 생각하십니까?

Aquaman이 2018년에 나왔을 때, 그들은 그것을 홍보하기 위해 일련의 영화 포스터를 발표했습니다. 그러나 온라인에서 큰 소란을 일으킨 것은 이 특정 포스터였습니다.

본질적으로 Twitter의 불만은 Getty에서 가져온 이 스톡 사진의 사용으로 요약됩니다.

이제 슈퍼 히어로 영화에 대한 주요 비판이있을 때마다 논쟁이있을 것으로 예상 할 수 있습니다. Marvel과 DC 영화 사이에 캠프가 명확하게 구분되어 있기 때문에 누군가가 슈퍼히어로를 모욕할 때 자신의 슈퍼히어로를 방어하고 싶지 않은 것은 어렵습니다. 그것이 상어의 스톡 사진 때문이라도.

그러나 비판에 반대하는 사람들은 일리가 있습니다. 그것은 영화의 실제 스타가 살아있는 상어와 함께 물에 잠길 수있는 것과 같지 않습니다. 스톡 사진이나 CGI 외에 포스터 디자이너들은 과연 어떤 선택을 했을까요?

그렇긴 하지만, 진짜 문제는 이것이 막대한 스튜디오 예산을 가진 거대한 영화이고 스톡 사진을 포함하여 영화의 다른 부분을 잘랐는지 궁금해하게 만든다는 것입니다.

영웅 이미지에서 알아볼 수 있는 스톡 사진을 사용하면 방문자가 뒤에 있는 브랜드에서 엔드 투 엔드 프리미엄 경험을 기대하는 경우 동일한 종류의 신호를 방문자에게 보낼 수 있습니다.

2. 독특하게 만들기

나만큼 영화를 많이 본다면 영화 포스터에 관한 특정 경향을 눈치채게 될 것입니다. 이것은 특히 디자이너가 독창적이거나 창의적인 것에 신경 쓰지 않는 것처럼 느껴지는 로콤 장르에서 그렇습니다.

영화 포스터의 이러한 유사 품질은 특정 장르의 팬들이 보고 싶은 영화의 종류를 즉시 식별하는 데 도움이 될 수 있지만, 이는 그들에게 또 다른 신호를 보내기도 합니다.

Nicholas Sparks가 누구인지 모른다면 그는 20권이 넘는 책을 저술했습니다. 대부분이 비슷한 줄거리를 가지고 있습니다.

나는 이 Vanity Fair 영화 포스터 편집이 내 요점을 보여주도록 할 것입니다.

이 영화 중 하나에 대해 누군가에게 이야기한다면 다음과 같이 요약될 수 있습니다.

"영화를 아시나요... 처음에는 서로를 좋아하지 않는 소년과 소녀가 있지만 미친듯이 사랑에 빠지고 헤어지는 것을 참을 수 없는 영화요? 아, 그리고 결국 죽는 사람이 있습니다.”

그것은 이 이야기의 약 80%를 설명합니다. 그렇기 때문에 각 영화 포스터의 모양이 너무 비슷하다는 것이 놀라운 일이 아닙니다.

내가 말했듯이, 아주 특정한 영화 관객들에게 어필하려는 경우 유사하게 디자인된 포스터가 그들에게 유리할 수 있습니다. 그러나 PWA에서는 그런 식으로 작동하지 않습니다.

다른 브랜드를 직접 보완하기 위해 PWA를 구축하지 않는 한 영웅 이미지를 다른 사람과 비슷하게 보이도록 디자인할 이유가 없습니다. 방문자가 유사점을 발견할 때만 혼란을 야기할 것입니다. 또는 그들은 똑같이 보이는 이미지뿐만 아니라 그 안의 서비스와 제품도 동일하다고 가정하고 왜 PWA를 보고 싶어 하는지 의아해할 것입니다.

PWA가 군중에서 돋보이게 하려면 영웅 이미지가 고유해야 합니다.

3. 한 가지에 제로 인

올스타 배우들과 함께 영화를 만들 때의 문제 중 하나는 한 사람에게만 집중하는 것이 불가능하다는 것입니다. 줄거리뿐만 아니라 영화 포스터에서도 그렇습니다.

적절한 경우: 예상할 때 예상해야 할 사항:

이 포스터를 처음 접했다면 어디서부터 시작해야 할지 몰랐을 것입니다.

중간에 제목이 도움이 되지만 경쟁 사진은 압도적입니다. 게다가 맨 위 사진을 자세히 보면 여성 개개인이 개별적으로 레이어링되어 있음을 알 수 있다. 영화의 실제 장면 옆에 제대로 편집되지 않은 사진을 사용하는 이유는 무엇입니까? 그것은 매우 혼란스러운 경험을 만듭니다.

단일 초점이 어떤 차이를 만들 수 있는지 보여주기 위해 ET Extra-Terrestrial의 영화 포스터를 살펴보겠습니다.

이 영화에 대단한 배우들이 없는 것은 아니다. 이것을 디자인한 팀은 영화의 핵심에 하나의 진정한 초점이 있으며 Elliott(소년)와 ET(외계인) 사이의 관계를 인식했습니다.

나는 당신의 영웅 이미지를 디자인할 때 비슷한 것을 찾아보길 권한다. 클라이언트가 당신에게 와서 그들의 모든 서비스가 똑같이 중요하고 PWA가 모든 사람을 위해 모든 것을 할 수 있다는 것을 보여주기를 원한다고 해도 말이다. 그런 종류의 메시지를 이미지로 번역하려고 하면 실패합니다. 따라서 초점을 찾으십시오.

4. 도시에 미묘한 끄덕임 제공

영화는 여러 설정에서 일어날 수 있습니다. 어떤 영화인지에 따라 설정이 거의 이야기 속 인물이 되는 경우도 있습니다. 설명하겠습니다.

Richard Linklater는 Julie Delpy와 Ethan Hawke와 함께 3부작 영화를 촬영했습니다.

첫 번째 영화는 비포 선라이즈(Before Sunrise)로 델피와 호크가 기차에서 내려 비엔나 시내를 산책하기로 결정한 다음 날 아침에 헤어집니다.

두 번째 영화는 비포 선셋(Before Sunset)으로 파리 시내를 배경으로 합니다.

마지막 영화는 비포 미드나잇(Before Midnight)이라고 하며 그리스에서 진행됩니다.

각 포스터에서 스토리의 배경이 디자인에 크게 영향을 미친다는 것을 알 수 있습니다. 지리적 환경 없이는 스토리가 없기 때문입니다.

단순히 두 사람이 서로 이야기하는 영화가 아닙니다. 새로운 도시를 탐험하며 서로를 알아가는 두 사람의 이야기입니다. 이 도시는 거의 모든 영화를 통해 알게 되는 제3의 등장인물과 같습니다.

당신이 디자인하는 회사가 특정 지역과 강한 유대감을 가지고 있다면 어떻게든 그것을 영웅 이미지에 통합할 수 있는 방법을 찾을 수 있는지 확인하십시오. 배경의 실제 도시 풍경과 함께 이렇게 명시적일 필요는 없습니다. 그러나 지역 방문자가 "이봐, 내가 온 곳이야!"라고 생각하게 만드는 특별한 터치를 추가하는 다른 방법이 있을 수 있습니다. 또는 "내가 거기에 있었다!"

5. 공백으로 창의력을 발휘하십시오

특히 PWA에서 스크롤 없이 볼 수 있는 큰 메시지를 전달하려는 경우 공백이 디자인의 중요한 부분이라는 것을 이미 알고 있습니다. 방문자를 압도하지 않기 위해 간단하게 유지하고 싶습니다. 하지만 그렇다고 해서 그 공백을 채우는 방식으로 창의력을 발휘할 수 없다는 의미는 아닙니다.

예를 들어 독립기념일 포스터를 보자.

우주선은 공포감을 전달하지만 이 사진의 상단을 차지할 여백을 모두 채울 수 있는 정말 창의적인 방법이기도 합니다.

공백을 가지고 노는 또 다른 재미있는 예는 Scarface의 포스터에서 볼 수 있습니다.

언뜻 보기에 이 사진이 인상적인 이미지라고 생각할 수도 있습니다. 그러나 Tony Montana가 마약 카르텔의 수장이며 콜라를 흡입하는 음란한 성향을 가지고 있다는 사실을 알고 그를 소비하는 흰색은 여기서 또 다른 의미를 갖습니다.

이것은 당신이 가진 공간을 창의적으로 만드는 것에 관한 것이기 때문에 엄격한 지침을 제공하기가 약간 어렵습니다. 그러나 이 길을 가고 싶다면 사진에 명시적으로 제시하지 않고도 상징성을 가지고 노는 방법을 생각하는 것이 좋습니다. 그림자와 빛, 공간을 가지고 놀 수 있다면 훨씬 더 큰 영향을 미칠 것입니다.

6. 타이포그래피로 장난치세요

대부분의 경우 영화 포스터 디자이너는 타이포그래피와 관련하여 매우 보수적인 경향이 있습니다. 그들은 글꼴에 대해 단일 색상을 선택하고 거의 항상 크고 뭉툭한 산세리프 글꼴입니다.

하지만 조금 즐기지 않으시겠습니까? 이미지에 창의적인 꽃을 불어넣을 수 있는 것처럼 두 텍스트가 서로를 보완하는 한 텍스트로 동일한 작업을 수행하는 것도 나쁘지 않습니다.

John Wick 포스터에서 이에 대한 아름다운 예를 찾을 수 있습니다.

이미지를 빠르게 보면 디자인의 미묘함을 파악하지 못할 수도 있습니다. 하지만 그들은 거기에 있습니다.

우선 총신이 문자 "o"를 대신합니다. 그러나 테두리가 나머지 글자와 같은 색으로 물들여진 것을 눈치채셨나요? 이것은 언뜻보기에 잘 섞이도록 도와줍니다.

그런 다음 글자 자체의 힌지 없는 모양을 볼 수 있습니다. 여기에서 글자가 분할되고 가운데를 통해 비스듬히 기울어집니다.

영화를 보지 않은 사람들을 위해 이것은 본질적으로 Keanu Reeves의 캐릭터에 일어나는 일입니다. 그는 한때 암살자였지만 사랑을 포기했습니다. 그의 아내가 죽고 그녀의 마지막 남은 사람이 그에게서 빼앗겼을 때 그는 찢어졌습니다. 그는 평범한 남자의 삶을 계속합니까? 아니면 그는 모든 것을 포기하고 살인적인 난동을 일으키나요?

영웅 이미지를 디자인할 때 해야 할 현명한 일은 이미지가 스토리를 전달하도록 하는 것이라는 것을 알고 있지만 텍스트에 대한 미묘한 터치는 실제로 한 단계 더 올라갈 수 있다고 생각합니다.

마무리

자, 여기서 우리는 무엇을 배웠습니까? 영화 포스터와 PWA를 디자인하는 데에는 확실히 옳고 그른 방법이 있습니다. 그러나 그보다 더 중요한 것은 처음 몇 초 동안 시청자에게 전달하고자 하는 내용에 대해 진지한 생각을 해보는 것입니다.

PWA가 무엇인지 파악하지 못하거나 지루하고 독창적이지 않고 모호하거나 치즈 같은 방식으로 캡처하면 거의 즉시 관심을 잃을 것입니다.

하지만…

브랜드를 특별하게 만드는 미묘한 뉘앙스와 함께 브랜드의 모든 것을 완벽하게 포착할 수 있다면 더 많은 방문자가 단일 이미지로 스크롤하고 클릭하도록 유도할 수 있습니다.

SmashingMag에 대한 권장 읽기 :

• 프로그레시브 웹 애플리케이션에 대한 광범위한 가이드
• PWA가 기본 모바일 앱을 대체합니까?
• 모바일 앱이나 PWA로 더 많은 돈을 벌 수 있습니까?
• 네이티브 및 PWA: 도전자가 아닌 선택!