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

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

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

مقدمة عن الخطوط

الخطوط هي ميزة مهمة في موقع الويب الخاص بك. قد تتمكن من التعرف على Times New Roman في عنوان و Arial في نص المنشور ، ولكن هناك خطوط أكثر مما تراه العين.

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

هناك أكثر من 550.000 خط على الشبكة. يمكن تصنيف معظمها في واحدة من أربع فئات: serif و sans serif والنصوص والعرض / الزخرفة. دعونا نلقي نظرة على ما يميز هذه المجموعات عن بعضها البعض.

سيريف

يتم تصنيف خطوط Serif من خلال الخطوط الصغيرة في نهايات كل حرف. عادة ما توجد في الصحف والكتب المدرسية. بالإضافة إلى ذلك ، تستخدم العديد من المواقع الإخبارية مثل The Atlantic خطوط serif:

تشمل الأمثلة الشائعة Times New Roman و Verona. تنقل عائلة الخطوط هذه إحساسًا بالتقاليد والشكلية.

بلا الرقيق

Sans serifs هي الخط الأكثر انتشارًا على الإنترنت. إنها نظيفة وبسيطة ، وتأتي بدون أجراس أو صفارات.

بالإضافة إلى ذلك ، تعزز sans serifs السلطة والثقة. في الواقع ، تُستخدم هذه الخطوط على نطاق واسع في مواقع الشركات:

تتضمن أنماط sans serif الشائعة Open Sans و Arial. يمكن أن تساعدك هذه الخطوط في عرض مظهر معاصر.

النصي

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

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

عرض

العرض (يسمى أيضًا زخرفيًا) هو مجموعة الخطوط الأكثر فنية. تميل هذه الخطوط إلى التشابه مع الخط وغالبًا ما تُستخدم في العناوين أو الشعارات:

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

ما يجب مراعاته عند اختيار الخط

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

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

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

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

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

أفضل 8 خطوط لموقع الويب الخاص بك

الآن بعد أن عرفت المزيد عن الخطوط وكيفية استخدامها ، دعنا نلقي نظرة على ثمانية أنماط يمكن العثور عليها في Google Fonts. تختلف هذه الخطوط في الخصائص ويمكن استخدامها لأنواع مختلفة من مواقع الويب.

1. ميريويذر

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

2. إكسو

Exo هو خيار ملتوي له أسلوب مستقبلي. إنه أيضًا نظيف وسهل القراءة. تجعله ميزاته الهندسية وأوزانه متعددة الاستخدامات خيارًا رائعًا لشركات تكنولوجيا المعلومات والمدونات التقنية.

3. كورنثيا

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

4. اليجريا

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

5. افتح Sans

Open Sans هو خط أساسي بلا رقيق. يمكن استخدامه لموقع ويب احترافي بتصميم بسيط. يمكن أن يكون أيضًا مثاليًا للنصوص الطويلة نظرًا لوضوحه وسهولة استخدامه.

6. عرض Playfair

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

7. لاتو

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

8. روبوتو

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

كيفية اختيار الخط المناسب لموقعك على الويب

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

الخطوة 1: فكر في صوت علامتك التجارية وقيمها

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

على سبيل المثال ، Wild at Heart هو متجر زهور عبر الإنترنت به خطوط تعكس قيم علامته التجارية:

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

الخطوة 2: اختبر الخط على أجهزة مختلفة

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

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

الخطوة 3: رتب كل خط حسب الأهمية

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

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

يمكنك استخدام خيارك الثالث للدعوات إلى العمل (CTAs) والشعارات. لا تتردد في العبث بالخطوط المختلفة لمعرفة أيها يبدو أفضل معًا قبل اتخاذ قرارك النهائي.

خاتمة

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

إذا كنت ترغب في توصيل الموثوقية والاحتراف ، فيمكنك استخدام خط serif مثل Playfair Display و Merriweather. بدلاً من ذلك ، قد ترغب في استخدام أسلوب متصل ممتع ، مثل كورينثيا. وفي الوقت نفسه ، يمكن أن يجعل محرف sans serif النظيف مثل Open Sans المحتوى الخاص بك أكثر قابلية للقراءة.
في WP Engine ، نقدم خدمة استضافة قوية لمساعدتك على تنمية أعمالك عبر الإنترنت. تحقق من خطط استضافة WordPress الخاصة بنا اليوم!