لا شيء أكثر أهمية من قابلية القراءة عندما يتعلق الأمر بالنص على موقع الويب الخاص بك.

لا شيء مطلقا.

إذا كنت لا تستطيع قراءة الكلمات ، فما الجيد الذي تفعله؟ من هو الحصول على رسالتك؟

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

اختيار الخط

هناك الكثير من الخطوط للاختيار من بينها. يمكن أن يكون ساحقا للغاية.

لا تدعها تكون كذلك أفضل شيء يمكنك القيام به عندما يتعلق الأمر بالقابلية هو الحفاظ على بساطة الأمر.

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

ابدأ بخط sans serif لنسخة النص الرئيسي. Sans serifs هي الأسهل على العين عندما يتعلق الأمر بقراءة الشاشة وتميل للعمل بشكل جيد حتى في الأحجام الصغيرة. يمكن أن تبدأ الخطوط Serif في "التشغيل معًا" أو تفقد رسوماتها استنادًا إلى حجم الخط ودقة الشاشة وحتى لون التباين بين النص والخلفية.

Typecast

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

إذا كنت بحاجة إلى المساعدة في تحديد محرف يحاول الاقتران بالخطوط باستخدام أدوات عبر الإنترنت مثل Google Web Fonts أو Typecast.

Google webfonts

الواصلة

الواصلة سيئة. انها قبيحة. انها غير فعالة ومربكة. (وتضخم هذه المشاكل عبر المنصات.)

Hyphenation

ابتعد عنها.

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

كان التفكير وراء استخدام الواصلات هو السماح للنص بالفضاء بشكل صحيح (وبشكل متساوٍ) عبر الخطوط. عند العمل باستخدام نص مُبرَّر ، يمكنك تشغيل مشكلات المسافات الفردية عند إزالة الواصلة.

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

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

Bad Racket

مبرر

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

Justification

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

هناك أنواع أخرى من "التبرير" أو محاذاة النص أيضًا. يمكنك ضبط النص بحيث يصطف على الهامش الأيسر أو على الهامش الأيمن أو أسفل المركز.

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

Nanozoom

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

The paper mill

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

آثار نوع آخر

السكتات الدماغية أو الخطوط العريضة

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

يتوسطه خط أو تسطير

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

53

إمالة أو تشويه

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

اللون

hip2save

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

الحفاظ على نص كبير نظيف

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

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

الواصلات هي عثرات.

سوف المحاذاة الغريبة لا يساعد الملاحة.

هناك بعض الأشياء الأخرى التي يجب التفكير فيها أيضًا عند تصميم التصميم لنوعك الكبير.

فكر في حجم النوع بما يتناسب مع نسخة النص الرئيسي. ستتحدث العناوين والرؤوس الأكبر حجماً والأكثر جرأةً بصوتٍ عالٍ للقراء ، في حين أن الأثاث الأصغر والأروع سوف يهتز.

Dewey's Pizza

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

Ethical Studios

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

اكتب لتناسب

وأخيرا ، نفكر في مناسبا.

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

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

modernerd

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

حاول كتابة الرؤوس والعناوين التي هي سطر واحد فقط (اثنان على الأكثر) ، استخدم الكلمات النشطة.

Crafting Type

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

استنتاج

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

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

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

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

صورة مميزة / صورة مصغرة ، صورة نصية عبر Shutterstock.