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

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

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

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

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

"الكتابة هي مجموعة أحرف جميلة وليست مجموعة أحرف جميلة."

- ماثيو كارتر

عندما تفكر في الخطوط ، ما هو أول شيء يتبادر إلى ذهنك؟ إذا كنت مثل معظم الأشخاص الذين لم يفهموا بعد أهميتهم ، فمن المحتمل أنك تفكر في الخطوط مثل Calibri و Comic Sans و Arial و Times New Roman وغيرها. ومع ذلك ، ما تحتاج إلى معرفته هو أن هذه ليست سوى الأساسيات. عندما تتحدث عن الطباعة التي تحتاج إلى تنفيذها على موقع الويب الخاص بك ، فأنت لا تحتاج فقط إلى التفكير في الخطوط ، ولكن أيضًا أحجامها وألوانها وتقنين الأحرف والتباعد.

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

الخطوط وتأثيرها

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

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

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

أحجام الخطوط وتأثيرها

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

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

لون الخط وموقع الويب الخاص بك

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

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

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

خطوط العناوين وما يجب أن تعرفه

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

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

طول الخط وأهميته

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

نصيحة عملية: إحدى النظريات التي اقترحها معهد قابلية الاستخدام Baymard هي أنه يجب عليك اختيار خط يستخدم 50-75 حرفًا (تم تضمين المسافات) في كل سطر لأن هذا يوفر إمكانية قراءة مثالية. يمكنك أيضًا استخدام حاسبة طباعة النسبة الذهبية لتحديد طول الخط المثالي اعتمادًا على الشاشة المستخدمة لقراءة المحتوى.

تقنين الأحرف ولماذا يهم

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

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

خاتمة

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

في النهاية ، أترككم مع هذا الاقتباس الملهم من ستيف جوبز ، المسؤول الأول عن سبب اهتمامنا الكبير بالخطوط اليوم.

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

-ستيف جوبز