تصاميم ملصق الفيلم لإلهام صورك البطل PWA

نشرت: 2022-03-10
ملخص سريع ↬ ليس لديك الكثير من الوقت لجذب انتباه زوار تطبيق الويب التقدمي الخاص بك. بدلاً من إضاعة ذلك الوقت بصورة البطل المكتظة أو ، الأسوأ من ذلك ، أن تخيب ظنهم بتصميم باهت ، كن مبدعًا مع المساحة الصغيرة التي لديك فوق الجزء المرئي من الصفحة. من أفضل مصادر الإلهام لهذا؟ ملصقات الفيلم.

زرت موقع Fandango على الإنترنت في نهاية الأسبوع الماضي ، على أمل العثور على شيء من شأنه أن يمنحني عذرًا لقضاء بضع ساعات داخل دار سينما مكيفة. هذا ما لفت انتباهي لأول مرة عندما وصلت إلى هناك:

تعرض صفحة Fandango الرئيسية شريط تمرير به أفلام شهيرة وملصقاتها
تعرض صفحة Fandango الرئيسية شريط تمرير به أفلام شهيرة وملصقاتها. (رصيد الصورة: Fandango) (معاينة كبيرة)

لأكون صادقًا ، فإن معظم ملصقات الأفلام هذه لم تفعل شيئًا على الإطلاق لتحفيزني على مغادرة المنزل. باستثناء The Lion King ، الذي يحتوي على لوحة ألوان مذهلة ، و Once Upon a Time in Hollywood ، الذي يقوم ببعض الأشياء الرائعة باستخدام الطباعة.

هل سبق لأي شخص آخر أن جرب هذا من قبل؟ أنت في حالة مزاجية لمشاهدة فيلم وإما:

  • قم بإلقاء نظرة على ملصق الفيلم الذي كنت مهتمًا به ، فقط لتتساءل عما إذا كان يستحق المشاهدة أم لا؟
  • إلقاء نظرة على ملصق فيلم لم تفكر فيه كثيرًا ، ولكن بعد ذلك غيرت خطتك ورأيته بدلاً من ذلك؟

ونحن لا نتحدث حتى عن عروض الأفلام هنا. نحن نتحدث عما يمكن أن يفعله ملصق واحد مصمم للترويج لفيلم ويجذب الناس لمشاهدته لإدراكك له.

إذا فكرت في الأمر ، فإن صورة البطل على PWA لها نفس التأثير على الزائر لأول مرة.

لديك بضع ثوان فقط لتترك انطباعًا بصورتك البطل. كيف تريد أن تجعل زوار موقعك يشعرون؟

"

هل يتابع زوارك عبر PWA بإثارة حول ما هم على وشك العثور عليه؟ أم يفعلون ذلك بخوف بسبب خيبة أمل أو ارتباك من الصورة الأولى؟

دعنا نلقي نظرة على بعض الأمثلة على ملصقات الأفلام الجيدة والسيئة ونرى نوع الدروس التي يمكننا استخدامها لمساعدتك في تصميم PWA البطل الخاص بك:

المزيد بعد القفز! أكمل القراءة أدناه ↓

1. تجنب صور الأوراق المالية عندما تستطيع

في أجزاء أخرى من PWA ، قد تكفي الصور عالية الجودة المشتراة من مواقع مثل Getty أو iStock. لكن صورتك البطل؟

أود أن أقول إنه يجب أن تكون حذرًا جدًا في هذا الأمر ، خاصةً إذا كنت تستخدم صورة مخزنة يسهل التعرف عليها. حتى لو كانت صورة جذابة وتتوافق تمامًا مع قصة العلامة التجارية ، هل تعتقد حقًا أن صور شخص آخر تنتمي إلى الجزء العلوي من PWA؟

عندما ظهر Aquaman في عام 2018 ، أصدروا سلسلة من ملصقات الأفلام للترويج لها. ومع ذلك ، كان هذا الملصق بالتحديد هو الذي تسبب في ضجة كبيرة على الإنترنت:

يتضمن ملصق فيلم Aquaman صورًا لأسماك القرش
يتضمن ملصق فيلم Aquaman صورًا لأسماك القرش. (رصيد الصورة: "Aquaman" على IMDB) (معاينة كبيرة)

في الأساس ، اختُزلت الشكاوى على Twitter إلى استخدام هذه الصورة المخزنة من Getty:

أثار مستخدمو تويتر ضجة حول ملصق فيلم Aquaman
أثار مستخدمو تويتر ضجة حول ملصق فيلم Aquaman. (رصيد الصورة: Twitter) (معاينة كبيرة)

الآن ، يمكنك أن تتوقع أن تكون هناك حجج كلما تم توجيه نقد كبير لفيلم خارق. مع تقسيم المعسكرات بوضوح بين أفلام Marvel و DC ، من الصعب نوعًا ما ألا تدافع عن أبطالك الخارقين عندما يهينهم شخص ما. حتى لو كان ذلك بسبب صورة سمكة قرش.

ومع ذلك ، فإن الناس ضد النقد لديهم وجهة نظر. ليس الأمر كما لو أن النجوم الحقيقية للفيلم يمكن غمرها في مسطح مائي بأسماك القرش الحية. بصرف النظر عن التصوير الفوتوغرافي للأوراق المالية أو CGI ، ما هو الخيار الذي اتخذه مصممو الملصقات حقًا؟

بعد قولي هذا ، أعتقد أن المشكلة الحقيقية هي أن هذا فيلم ضخم بميزانية استوديو ضخمة ، وإدراج صورة مخزنة يجعلك تتساءل عما إذا كانوا قد قطعوا الزوايا في أي مكان آخر في الفيلم.

قد يؤدي استخدام صور المخزون التي يمكن التعرف عليها في صورة رئيسية إلى إرسال نفس النوع من الإشارات إلى الزائرين إذا كانوا يتوقعون تجربة متميزة شاملة من العلامة التجارية التي تقف وراءها.

2. اجعلها فريدة من نوعها

إذا شاهدت العديد من الأفلام مثلي ، فأنت ملزم بملاحظة اتجاهات معينة عندما يتعلق الأمر بملصقات الأفلام. هذا هو الحال بشكل خاص في نوع rom-com حيث يبدو أن المصممين لا يكلفون أنفسهم عناء أن يكونوا أصليين أو مبدعين.

في حين أن هذه الجودة المتشابهة لملصقات الأفلام يمكن أن تساعد المعجبين بأنواع معينة على تحديد أنواع الأفلام التي يرغبون في مشاهدتها على الفور ، فإنها ترسل إشارة أخرى إليهم أيضًا.

إذا كنت لا تعرف من هو نيكولاس سباركس ، فهو مؤلف أكثر من عشرين كتابًا ، معظمها لها حبكات مماثلة.

سأدع مجموعة ملصقات فيلم Vanity Fair هذه توضح وجهة نظري:

يعرض مقال فانيتي فير أغلفة مختلفة من أفلام نيكولاس سباركس
يعرض مقال فانيتي فير أغلفة مختلفة من أفلام نيكولاس سباركس. (رصيد الصورة: Vanity Fair) (معاينة كبيرة)

إذا كنت تتحدث إلى شخص ما عن أحد هذه الأفلام ، فيمكن تلخيصها على النحو التالي:

"أنت تعرف الفيلم ... تلك التي بها الصبي والفتاة اللذان لا يحبان بعضهما البعض حقًا في البداية ، ولكن بعد ذلك يقعان في الحب بجنون ولا يمكنهما أن يكونا منفصلين؟ أوه نعم وهناك ذلك الشخص الذي يموت في النهاية ".

يصف هذا حوالي 80٪ من هذه القصص ، وهذا هو السبب في أنه ليس من المفاجئ أن تكون ملصقات الأفلام لكل مظهر متشابهة جدًا.

كما قلت ، يمكن لملصق مصمم بشكل مشابه أن يعمل لصالحهم إذا كانوا يحاولون جذب مجموعة فرعية محددة جدًا من رواد السينما. لكنها لا تعمل بهذه الطريقة مع PWAs.

ما لم تكن تقوم ببناء PWA لاستكمال علامة تجارية أخرى بشكل مباشر ، فلا يوجد سبب لتصميم صورة بطلك لتبدو مشابهة لصورة أي شخص آخر. سيؤدي ذلك فقط إلى حدوث ارتباك عندما يلتقط الزوار أوجه التشابه. أو سوف يتساءلون عن سبب إزعاجهم للنظر إلى PWA ، على افتراض أن الصور ليست فقط هي التي تبدو متشابهة ، ولكن الخدمات والمنتجات الموجودة داخلها أيضًا.

إذا كنت تريد أن يبرز PWA الخاص بك من بين الحشود ، فيجب أن تكون صورتك البطل فريدة من نوعها.

3. صفر في شيء واحد

تتمثل إحدى مشكلات صنع فيلم مع طاقم عمل كل النجوم في أنه من المستحيل التركيز على شخص واحد فقط - ليس فقط داخل الحبكة ، ولكن في ملصق الفيلم أيضًا.

مثال على ذلك: ماذا تتوقع عندما تتوقع:

طاقم الممثلين كل النجوم من فيلم "ما تتوقعه عندما تتوقع"
طاقم الممثلين كل النجوم من "ما تتوقعه عندما تتوقع". (رصيد الصورة: "ماذا تتوقع عندما تتوقع" على IMDB) (معاينة كبيرة)

إذا كنت أعثر على هذا الملصق لأول مرة ، فلن أعرف من أين أبدأ به.

العنوان في المنتصف يساعد ، لكن الصور المنافسة ساحقة. بالإضافة إلى ذلك ، إذا نظرت عن كثب إلى الصورة العلوية ، فسترى أن كل امرأة كانت موضوعة في طبقات على حدة في الصورة. لماذا تستخدم صورة سيئة التجميع بجانب لقطة فعلية من الفيلم؟ إنه يخلق تجربة مفككة للغاية.

لتظهر لك الفرق الذي يمكن أن يحدثه التركيز الفردي ، دعنا نلقي نظرة على ملصق الفيلم الخاص بـ ET the Extra-Terrestrial:

ملصق إي.تي. يسلط الضوء على العلاقة بين الصبي والفضائي
يسلط ملصق ET الضوء على العلاقة بين الصبي والغريب. (رصيد الصورة: "ET the Extra-Terrestrial" على IMDB) (معاينة كبيرة)

ليس الأمر كما لو أن هذا الفيلم يخلو من مجموعة رائعة من النجوم. الأمر مجرد أن الفريق الذي صمم هذا أدرك أن هناك تركيزًا حقيقيًا واحدًا في قلب الفيلم وهو العلاقة بين إليوت (الصبي) و ET (الفضائي).

أود أن أحثك ​​على البحث عن شيء مشابه عند تصميم صورتك البطل - حتى لو جاء عملاؤك إليك وقالوا إن جميع خدماتهم لها نفس القدر من الأهمية ويريدون من PWA أن يثبتوا قدرتهم على القيام بكل الأشياء للجميع. إذا حاولت ترجمة هذا النوع من الرسائل إلى صورة ، فسوف تفشل. لذا ، ابحث عن تركيزك.

4. أعط المدينة إيماءة خفية

يمكن أن تحدث الأفلام في أي عدد من الإعدادات. اعتمادًا على نوع الفيلم ، قد تجد أن المكان يكاد يصبح شخصية داخل القصة. دعني أوضح.

قام ريتشارد لينكلاتر بتصوير ثلاثية من الأفلام مع جولي ديلبي وإيثان هوك.

يُدعى الفيلم الأول Before Sunrise ويحدث عندما يقرر Delpy و Hawke النزول من القطار والتجول في مدينة فيينا قبل الفراق في صباح اليوم التالي:

يُظهر ملصق فيلم Before Sunrise عرض فيينا في الخلفية
يُظهر ملصق فيلم Before Sunrise عرض فيينا في الخلفية. (رصيد الصورة: "Before Sunrise" على IMDB) (معاينة كبيرة)

الفيلم الثاني بعنوان Before Sunset ويدور حول مدينة باريس:

يُظهر ملصق فيلم قبل غروب الشمس باريس في الخلفية
يُظهر ملصق فيلم قبل غروب الشمس باريس في الخلفية. (رصيد الصورة: "Before Sunset" على IMDB) (معاينة كبيرة)

الفيلم الأخير يسمى قبل منتصف الليل ويقام في اليونان:

يتميز ملصق فيلم Before Midnight بجزيرة يونانية مشمسة في الخلفية
يتميز ملصق فيلم Before Midnight بجزيرة يونانية مشمسة في الخلفية. (رصيد الصورة: "Before Midnight" على IMDB) (معاينة كبيرة)

في كل من هذه الملصقات ، يمكنك أن ترى أن خلفية القصة تلعب بشكل كبير في التصميم. وذلك لأنه لا توجد قصة حقًا بدون محيطهم الجغرافي.

إنها ليست مجرد أفلام عن شخصين يتحدثان مع بعضهما البعض. يتعلق الأمر بشخصين يتعرفان على بعضهما البعض أثناء استكشافهما لمدينة جديدة - مدينة أصبحت تقريبًا مثل الشخصية الثالثة التي يتعرف عليها المشاهد في جميع أنحاء الأفلام.

إذا كانت الشركة التي تصمم من أجلها ترتبط ارتباطًا وثيقًا بمنطقة جغرافية معينة ، فابحث عما إذا كان بإمكانك إيجاد طريقة لدمجها في الصورة الرئيسية بطريقة أو بأخرى. لا يجب أن يكون هذا واضحًا مع منظر المدينة الفعلي في الخلفية. ولكن قد تكون هناك طرق أخرى لإضافة لمسة خاصة تجعل الزائرين المحليين يفكرون ، "مرحبًا ، هذا هو المكان الذي أتيت منه!" أو "لقد كنت هناك!"

5. كن مبدعا مع الفضاء الأبيض

أنت تعلم بالفعل أن المساحة البيضاء جزء مهم من التصميم ، خاصةً عندما تحاول نقل رسالة كبيرة في الجزء المرئي من الصفحة على PWA. حتى لا تربك الزوار ، فأنت تريد أن تبقي الأمور بسيطة. لكن هذا لا يعني أنه لا يمكنك أن تكون مبدعًا في كيفية ملء تلك المساحة البيضاء.

خذ على سبيل المثال ملصق عيد الاستقلال:

يملأ ملصق عيد الاستقلال مساحته البيضاء بسفينة فضائية
يملأ ملصق عيد الاستقلال مساحته البيضاء بسفينة فضائية. (رصيد الصورة: "يوم الاستقلال" على موقع IMDB) (معاينة كبيرة)

على الرغم من أن سفينة الفضاء تنقل إحساسًا بالرهبة ، إلا أنها أيضًا طريقة إبداعية حقًا لملء كل المساحة البيضاء التي من شأنها أن تحتل الجزء العلوي من هذه الصورة.

يمكن رؤية مثال آخر ممتع للعب بمساحة بيضاء في ملصق Scarface:

من المحتمل أن يستخدم مصممو ملصقات فيلم Scarface رمزية لإنشاء هذه المساحة البيضاء
من المحتمل أن يستخدم مصممو ملصقات فيلم Scarface رمزية لإنشاء هذه المساحة البيضاء. (رصيد الصورة: "Scarface" على IMDB) (معاينة كبيرة)

للوهلة الأولى ، قد تأخذ هذه الصورة المذهلة كما هي. ومع ذلك ، مع العلم أن توني مونتانا هو رئيس كارتل المخدرات ولديه ولع فاحش لشم فحم الكوك ، فإن اللون الأبيض الذي يستهلكه يأخذ معنى آخر هنا.

هذا من الصعب بعض الشيء أن يعطيك إرشادات صارمة بشأنه لأن هذا كله يتعلق بالإبداع في المساحة المتوفرة لديك. ما أقترحه إذا كنت ترغب في السير في هذا الطريق ، مع ذلك ، هو التفكير في طرق للعب بالرمزية دون الحاجة إلى تقديمها صراحةً داخل الصورة. إذا كان بإمكانك اللعب بالظلال والضوء والمساحة للقيام بذلك ، فسيكون لذلك تأثير أكبر بكثير.

6. كن مرحًا مع الطباعة

بالنسبة للجزء الأكبر ، يميل مصممو ملصقات الأفلام إلى أن يكونوا متحفظين للغاية عندما يتعلق الأمر بالطباعة. يختارون لونًا واحدًا للخط ويكون دائمًا خطًا كبيرًا ممتلئًا بلا رقيق.

لكن لماذا لا تستمتع بقليل من المرح معها؟ مثلما يمكنك إضفاء زخارف إبداعية على الصورة ، فلن تكون فكرة سيئة أن تفعل الشيء نفسه مع النص طالما أن الاثنين يكملان بعضهما البعض.

ستجد مثالًا رائعًا على ذلك في ملصق John Wick:

تتميز طباعة ملصق فيلم John Wick بميزة فريدة
تتميز طباعة ملصق فيلم John Wick بميزة فريدة. (رصيد الصورة: "John Wick" على IMDB) (معاينة كبيرة)

إذا كنت ستلقي نظرة سريعة على الصورة ، فقد لا تلتقط التفاصيل الدقيقة للتصميم. لكنهم هناك.

بالنسبة للمبتدئين ، يأخذ فوهة البندقية مكان الحرف "o". لكن لاحظ كيف تشوب الحافة بنفس لون باقي الحروف؟ هذا ما يساعدها على الاندماج جيدًا للوهلة الأولى.

بعد ذلك ، يكون لديك مظهر الحروف نفسها ، حيث يتم تقسيمها وتميل عبر المنتصف.

بالنسبة لأولئك منكم الذين لم يشاهدوا الفيلم ، هذا هو ما يحدث بشكل أساسي لشخصية كيانو ريفز. لقد كان قاتلًا ذات مرة ، لكنه تخلى عنه من أجل الحب. عندما تتوفى زوجته ويخرج منه آخر بقاياها ، يتمزق. هل يستمر في حياة الرجل العادي؟ أم أنه يتخلى عن كل شيء ويذهب في هياج قاتل؟

أعلم أن الشيء الذكي الذي يجب فعله عند تصميم صورة بطل هو السماح للصورة بإخبار القصة ، لكنني أعتقد أن اللمسات الدقيقة على النص يمكن أن ترفع من مستوى الصورة.

تغليف

إذن ، ما الذي تعلمناه هنا؟ حسنًا ، هناك بالتأكيد طريقة صحيحة وخاطئة للشروع في تصميم ملصق فيلم و PWA. ولكن ، أكثر من ذلك ، فإن أهم شيء يجب فعله هو التفكير بشكل حقيقي فيما تريد أن تنقله تلك الثواني القليلة الأولى إلى مشاهديك.

إذا فشلت في التقاط ما يدور حول PWA أو قمت بذلك بطريقة مملة أو غير أصلية أو غامضة أو جبنية ، فستفقد اهتمامهم على الفور تقريبًا.

ولكن…

إذا تمكنت من التقاط ما تدور حوله العلامة التجارية بشكل مثالي جنبًا إلى جنب مع الفروق الدقيقة التي تجعلها مميزة ، فستشجع المزيد من الزوار على التمرير والنقر باستخدام صورة واحدة.

موصى بقراءة على SmashingMag:

  • دليل شامل لتطبيقات الويب التقدمية
  • هل ستحل PWAs محل تطبيقات الجوال الأصلية؟
  • هل يمكنك كسب المزيد من المال باستخدام تطبيق جوال أو PWA؟
  • Native و PWA: خيارات ، وليس منافسين!