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

نشرت: 2021-08-18

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

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

بينما لا يوجد خطأ في استخدام الخطوط التقليدية - مثل Arial أو Times New Roman - لإيصال رسالتك ، توجد العديد من الخطوط الفريدة المدعومة بالبريد الإلكتروني والتي ستنقل حملاتك إلى المستوى التالي.

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

ما هي خطوط الويب؟

قبل أن تبدأ في الإبداع ، يجب أن تعرف الفرق بين خطوط الويب وخطوط الويب الآمنة.

  • الخطوط الآمنة للويب: من المرجح العثور على هذه الخطوط في جميع أنظمة التشغيل وموفري البريد الإلكتروني الرئيسيين وتشمل Arial و Verdana و Georgia و Times New Roman و Courier. تستمر العلامات التجارية في استخدامها لأنها كلاسيكية وستعرض بشكل صحيح في جميع المجالات.

  • خطوط الويب: مصممة خصيصًا ومرخصة لمواقع الويب ، ولا توجد خطوط الويب افتراضيًا في جميع الأجهزة وأنظمة التشغيل. تتضمن خطوط الويب Roboto و Open Sans.

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

لماذا الخطوط المدعومة بالبريد الإلكتروني مهمة؟

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

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

أين يمكنك أن تجد خطوط الويب؟

على الرغم من وجود الكثير من مزودي خطوط الويب ، فأنت تريد التأكد من أن الشركة ترخص خطوط الويب في البريد الإلكتروني (وليس فقط استخدام موقع الويب أو الهاتف المحمول) وأنك تتبع إرشادات التوزيع الخاصة بهم. تشمل بائعي الخطوط المدعومين عبر البريد الإلكتروني ما يلي:

  • خطوط جوجل

  • Typekit بواسطة Adobe

  • MyFonts

  • النوع التجاري

  • ربيع الخط

  • متجر الخطوط

ما هي برامج البريد الإلكتروني التي تدعم خطوط الويب؟

عندما تتجاوز الخطوط الآمنة للويب ، ستستخدم الخطوط التي يتم تنزيلها أثناء فتح الرسائل. من المهم ملاحظة أنه لن تدعم جميع الأجهزة خطوطًا معينة - لذا ستقوم بإعداد Cascading Style Sheets لإنشاء "مجموعات خطوط". تُستخدم حزم الخطوط هذه كنسخ احتياطية في حالة عدم دمج الخط المحدد.

بمجرد اختيار خطوط الويب الخاصة بك ، من المهم التفكير في كيفية عرض مزود خدمة البريد الإلكتروني الفعلي. عادةً ما تقدم برامج البريد الإلكتروني هذه دعمًا لخطوط الويب:

  • بريد iOS

  • بريد أبل

  • Android (عميل البريد الافتراضي)

  • برنامج Outlook 2000

  • Outlook.com

  • ثندربيرد

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

  • Gmail: Arial

  • بريد أبل: هيلفيتيكا

  • Microsoft Outlook: Calibri

كيفية اختيار خطوط الويب المناسبة لحملة البريد الإلكتروني الخاصة بك

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

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

مع مئات من خطوط الويب المختلفة للاختيار من بينها ، فيما يلي ثلاث طرق لتضييق نطاق اختياراتك لاختيار أفضل خط يدعم البريد الإلكتروني لحملاتك.

1. حدد الخط الأساسي الصحيح.

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

بينما كان Arial و Helvetica من الخيارات الشائعة ، تبدو الأحرف مثل p و b و q و d كلها موحدة للغاية ويصعب تمييزها. باستخدام خط serif ، تتم إضافة حدود إضافية لإضفاء المزيد من الطابع على الأحرف. نظرًا لأن رسائل البريد الإلكتروني يجب أن تكون قابلة للفحص ، فإن الرسائل العريضة والتي تحتوي على مسافات متسقة تساعد المشتركين على القراءة بسرعة.

خطوط البريد الإلكتروني serif و sans serif

المصدر: W3Schools

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

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

المصدر: رسائل البريد الإلكتروني الجيدة حقًا

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

بينما يعد serif مثاليًا لرسائل البريد الإلكتروني الأطول ، إلا أن استخدام خط sans serif لا يزال قابلاً للقراءة ومقبولًا. باستخدام سطر واحد فقط من النص الأساسي ، قام Cater 2 Me بتثبيت تصميم خط الويب الخاص به.

المصدر: رسائل البريد الإلكتروني الجيدة حقًا

2. استخدم رأسًا منمقًا مع خط نصي مزدوج.

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

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

تستخدم الشركة العناوين التي تكون ضعف النص الأساسي مع ترك مساحة كافية بين الاثنين.

المصدر: رسائل البريد الإلكتروني الجيدة حقًا

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

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

يقوم Tattly بعمل رائع في إقران خطين مختلفين معًا مع الاستمرار في الالتزام بمعايير علامتهم التجارية.

المصدر: رسائل البريد الإلكتروني الجيدة حقًا

3. إنشاء بنية خط متسقة.

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

  • الخط: بالنسبة إلى النص الأساسي ، يجب أن يكون حجم الخط 14 بكسل على سطح المكتب و 16 بكسل للأجهزة المحمولة. عند استخدام تصميم سريع الاستجابة ، تحقق من أن الخطوط المدعومة عبر البريد الإلكتروني ستتقلب تلقائيًا بين أحجام الشاشة.

  • التباعد: خاصة بين العنوان والنص الأساسي ، تأكد من أن لديك ارتفاع خط عريض يتراوح بين 22 بكسل و 24 بكسل. يمكن للمسافات الضيقة جدًا أن تقلل من إمكانية القراءة والمشاركة.

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

  • الألوان: استخدم فقط ثلاثة ألوان تتماشى مع معايير علامتك التجارية - لون واحد لرأسك ولون لجسمك ولون آخر للروابط الخاصة بك.

يتم إحتوائه

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

  • إنشاء مجموعات خطوط احتياطية

  • استخدم أسلوب الخط الرقيق

  • إقران نص العنوان بالنص الأساسي

  • تطوير بنية خط متسقة لجميع الحملات المستقبلية

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