نصيحة التصميم: 4 مؤشرات لاختيار الخطوط وتطبيقها على صفحاتك المقصودة

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

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

اختر الخطوط الخاصة بك

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

في المستوى الأساسي ، يمكنك الاختيار بين خطوط serif و sans serif. تتميز خطوط Serif بزخرفة زخرفية تضاف إلى الضربات الرأسية والأفقية للحروف. غالبًا ما يشار إلى هذه الزخارف باسم "أقدام" الحروف.

تميل خطوط Serif إلى اعتبارها "كلاسيكية" وتعتبر أسلوبًا أكثر رسمية. العلامات التجارية التي ترغب في منح عملائها إحساسًا بالموثوقية والجدارة بالثقة قد تفكر في استخدام خطوط serif. خطوط serif الشائعة هي Times New Roman و Garamond و Merriweather و Big Caslon. على سبيل المثال ، من المحتمل أن تتعرف على النص الذي تقرأه في صحيفة أو كتاب على أنه يستخدم خط Serif.

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

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

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

تقنين الأحرف: المسافة بين الأحرف في الكلمة
المسافة البادئة: المسافة بين سطور النص
التتبع: المسافة بين الكلمات في الجملة

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

هام: من الأفضل اختيار خط من مصدر شائع الاستخدام ، مثل Google Fonts أو Adobe Font.

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

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

تحديد تسلسل هرمي للخط

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

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

رأس

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

العنوان الفرعي

سيكون للعناوين الفرعية أحجام خطوط أصغر من الرأس ، لكنها قد تظل غامقة. يتم استخدامها لنقل المعلومات المهمة ، ولكنها أقل أهمية من المعلومات الموجودة في الرأس.

فقرة / نص

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

اختر من بين الخطوط المضمنة

تشتمل لوحة ShortStack Style Panel على 21 خطًا مدمجًا يمكنك تطبيقها على صفحتك المقصودة. هم انهم:

يوضح لك هذا الفيديو المفيد كيفية استخدام لوحة الأنماط لتصميم النص على صفحتك المقصودة.

أضف خطوطًا مخصصة باستخدام خطوط الويب من Google وقواعد @ font-face

هل تريد استخدام خط غير متوفر في لوحة ShortStack Style على صفحتك المقصودة؟ تستطيع. ستحتاج فقط إلى استخدام القليل من CSS. يتم الوصول إلى محرر CSS بالنقر فوق ارتباط CSS في الزاوية اليمنى العليا من لوحة النمط. هناك ، يمكنك إضافة Google Web Font أو استخدام قواعد @ font-face لسحب خط مستضاف على الخادم الخاص بك.

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