كيفية إضافة وتخصيص صور العنوان في نماذج جوجل

دليل تفاعلي خطوة بخطوة

ما هي صور رؤوس نماذج جوجل أو اللافتات؟

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

ما هو الحجم المثالي لصورة رأس نماذج جوجل؟

*وفقاً لـ منتدى دعم جوجل، الأبعاد الموصى بها لصورة رأس نماذج جوجل هي 1600 × 400 بكسل بنسبة عرض إلى ارتفاع 4:1.

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

كيفية رفع صورة رأس إلى نماذج جوجل

إضافة صورة رأس إلى نموذج جوجل جديد وفارغ أمر بسيط. إليك كيفية القيام بذلك:

1. افتح النموذج الذي تريد إضافة صورة رأس إليه وانقر على أيقونة لوحة الألوان في الزاوية العلوية اليمنى لفتح قائمة المظهر. ستفتح القائمة على الجانب الأيمن من الشاشة.
2. تحت قسم الرأس، انقر على اختيار صورة. (إذا كنت تستخدم قالباً يحتوي بالفعل على صورة رأس، انقر على تم رفع الصورة لاختيار ملف جديد. سنغطي هذا الخيار بتفصيل أكثر أدناه.)
3. ستعرض نماذج جوجل قائمة منبثقة مع ثلاثة خيارات لإضافة صورة رأس: المظاهر، الرفع، والصور. انقر على علامة تبويب الرفع لاستخدام صورة من جهاز الكمبيوتر الخاص بك.
4. انقر على تصفح لاختيار صورة.
5. استخدم أداة تغيير الحجم المتوفرة لرؤية مقدار صورتك الذي سيكون مرئياً في الرأس. اسحب مربع التحديد فوق صورتك لتحديد المنطقة التي تريد عرضها.
6. انقر على تم لرفع الصورة إلى النموذج الخاص بك.

كيفية تخصيص صورة الرأس في نماذج جوجل

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

دعنا نستخدم قالب نموذج تأكيد الحضور في نماذج جوجل كمثال.

1. من الصفحة الرئيسية لنماذج جوجل، افتح نموذج تأكيد الحضور من القوالب في الصف العلوي بالنقر المزدوج عليه.

2. في القالب، اختر أيقونة لوحة الألوان في أعلى الشاشة، ثم مرر لأسفل إلى قسم الرأس وانقر على تم رفع الصورة.

3. اختر المظاهر، الرفع، أو الصور لتخصيص صورة الرأس الخاصة بك.

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

كيفية تغيير حجم صورة لرأس نماذج جوجل

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

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

نماذج جوجل لا تقدم الكثير من خيارات التخصيص. لا يمكنك تغيير حجم وتخطيط عناصر النموذج أو المكونات الأخرى – بما في ذلك الرؤوس. لذا، بينما يمكنك تغيير حجم حدود القص لصورتك، ستبقى دائماً مقيداً بنفس نسبة العرض إلى الارتفاع 4:1.

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

كيف تؤثر صورة رأس النموذج على علامتك التجارية

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

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

إليك بعض الطرق التي يمكن أن تؤثر بها صورة رأس النموذج على علامتك التجارية:

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

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

كيفية الحصول على المزيد من خيارات صور الرأس مع Jotform

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

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

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

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

دعنا نلقي نظرة أقرب على كيفية استخدامه.

Looking for the best alternative to Google Forms?

Jotform’s full-featured form-building solution is mobile-friendly and has the most integrations in the industry. Use it to collect payments, automate workflows, gather leads, and more.

Migrate Forms to Jotform

أو

البداية من الصفر

كيفية تخصيص الرأس في Jotform

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

الفرق الأكبر بين القوالب التي تحصل عليها مع Jotform وتلك الموجودة في نماذج جوجل هو كم عددها. نماذج جوجل تحتوي على أقل من 20 قالب نموذج، بينما يقدم Jotform أكثر من 10,000.

جرب قالب تأكيد الحضور الخاص بنا الآن 👇

لجعل البداية أسهل، دعنا نستخدم قالب تأكيد حضور بسيط من Jotform.

إذا كان معاينة القالب تبدو جيدة، انقر على استخدم القالب. سيأخذك ذلك إلى منشئ النماذج.

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

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

• رفع صورة من جهاز الكمبيوتر الخاص بك
• اختيار صورة قمت برفعها مسبقاً إلى Jotform
• إضافة صورة من أي مكان على الويب بلصق الرابط الخاص بها

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

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

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

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

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

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

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

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

كيفية تخصيص أكثر من الرؤوس

بالنظر فقط إلى صورة الرأس، لم نخدش سوى السطح من خيارات التخصيص في Jotform.

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

سجل في Jotform اليوم لتجربته بنفسك.