كيف تختار أفضل الخطوط لموقعك على WordPress؟

نشرت: 2020-03-01

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

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

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

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

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

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

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

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

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

فيما يلي بعض الأشياء التي يجب أن تأخذها في الاعتبار أثناء اختيار الخطوط المثالية لموقع WordPress الخاص بك.

لنبدأ من الصفر

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

كيفية اختيار موقع Serif أو Sans Serif لموقع WordPress

ماذا تختار - Serif أم Sans Serif؟

هذان هما النوعان الأساسيان من الخطوط. نعم ، هناك المئات من الخطوط لكنها تندرج عادةً ضمن فئتين رئيسيتين - Serif و Sans Serif.

تأتي محارف Serif بضربة زخرفية في نهاية الضربات الرأسية والأفقية للحروف. الخطوط - التي تندرج تحت هذه الفئة - هي البدائل الأكثر تقليدية في جميع أنحاء وتعتبر أيضًا واحدة من أكثر أنماط الخطوط موثوقية. تتضمن بعض خطوط serif الشائعة The Times New Roman و Georgia و Baskerville. لا يمكنك أن تخطئ في اختيار خطوط WordPress مثل The Times New Roman ، لأنها سهلة القراءة للغاية وكانت موجودة منذ فترة طويلة.

من ناحية أخرى ، تأتي محارف Sans Serif بتصميم أكثر حداثة ونظافة دون أي ضربات زخرفية أو حادة على الحروف. Helvetica و Futura و Arial هي أمثلة قليلة لخطوط Sans Serif الأكثر استخدامًا.

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

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

ابق عين على المسافات بين الحروف والمسافة بين الحروف والتتبع

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

لا تتجاهل أهمية التباين

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

محاذاة النص تضمن سلاسة القراءة

قم بمحاذاة نصوصك لضمان تجربة قراءة سلسة

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

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

طول الخط - المسافة بين الجانب الأيسر والأيمن من كتلة النص - هي منطقة أخرى تحتاج إلى انتباهك. يمكنك قياس طول الخط بمتوسط ​​الأحرف في كل سطر. وفقًا للخبراء ، يتراوح طول السطر الأمثل بين 45 إلى 80 حرفًا ، بما في ذلك المسافات.

يجب أن يعكس محرفك الغرض من موقع الويب الخاص بك

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

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

لنتحدث عن الاتساق

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

تعد تركيبة الخطوط أمرًا مهمًا جدًا لموقع WordPress على الويب

ماذا عن تركيبات الخطوط

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

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

الكلمات الأخيرة

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