هل تحتاج إلى صورة بطل؟ ربما تكون الطباعة كافية

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

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

استكشف Envato Elements

فوائد صورة البطل

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

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

البشر ، في الغالب ، مرئيون بالفطرة. نكتسب الفهم من خلال رؤية الأشياء. لهذا السبب تحظى صور الأبطال بشعبية كبيرة.

تشمل فوائد الصورة الرئيسية أيضًا:

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

فوائد البطل القائم على الطباعة

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

يمكنك استخدام أسلوب الطباعة لإخبار المستخدمين بالضبط بما تريدهم أن يعرفوه.

تشمل المزايا الأخرى لمنطقة البطل القائمة على الطباعة ما يلي:

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

5 أسباب قد تكون الطباعة أفضل

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

إذن بخلاف عدم امتلاك الصورة الصحيحة ، لماذا تستخدم أسلوب الطباعة-البطل القائم؟

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

جرب محارف مثيرة للاهتمام

عندما يتعلق الأمر بمناطق البطل ذات التركيز القوي على الطباعة ، فهناك مدرستان فكريتان:

• حافظ على البساطة.
• جرب محرفًا ممتعًا أو حتى تجريبيًا.

كلاهما صحيح ويمكنك حتى تجربتهما معًا.

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

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

5أمثلة نحبها

MKTLM

مزيج من برنامج san serif البسيط والنص المفصل يجعلك تنظر إلى الكلمات على الشاشة هنا. تجمع الخلفية البسيطة كل ذلك معًا كما تفعل العناصر المتحركة البسيطة.

وظيفة & أمبير ؛ شكل

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

بالقرب من استوديو الشمال

لا يوجد شيء في حد ذاته يجعلك تتوقف عن تصميم Near North Studio ، ولكن عندما تجمع كل العناصر معًا ، يكون التصميم القائم على الطباعة ملفت للنظر. إن برنامج Scroller المتحرك الذي يحتوي على ثلاثة مستويات من سرعة النص يلفت الانتباه.

Liferay.Design

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

ReadyMag

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

الخاتمة

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

ثم قم بالتحرير والتحرير والتحرير مرة أخرى. ليس هناك ما هو أكثر أهمية من النسخة القوية عندما يكون العنصر المرئي الوحيد لديك هو الكلمات.