يعد الخط من أهم عناصر التصميم وله تأثير كبير على سهولة قراءة النص وإدراكه. يمكن للخط المختار جيدا والمخصص أن يحسن بشكل كبير الإدراك البصري للمحتوى ، مما يجعله أكثر جاذبية وسهولة في القراءة.
معلمات الخط المهمة هي الحجم وتباعد الأسطر واللون ونمط الخط وما إلى ذلك. يحدد حجم الخط حجم أو دقة الحروف ، ويحدد تباعد الأسطر الفواصل الزمنية بين السطور. يمكن تعيين لون الخط بتنسيقات مختلفة ، على سبيل المثال ، في رمز سداسي عشري أو بالاسم. يحدد نمط الخط أسلوبه: عادي ، غامق ، مائل ، وما إلى ذلك.
عند اختيار خط لفقرة صفحة ، من الضروري أن تأخذ في الاعتبار ميزات التطبيق والمحتوى. بالنسبة لمحتوى النص الذي من المفترض قراءته لفترة طويلة ، يوصى باستخدام الخطوط ذات القراءة الجيدة وسهولة الإدراك. على العكس من ذلك ، يمكن استخدام خطوط أكثر تعبيرا وأنيقة للعناوين الرئيسية أو النصوص المحركة.
من المهم جدا أن تضع في اعتبارك سهولة قراءة الخط وقابليته للاستخدام ، خاصة عند إنشاء صفحات الويب. يجب اختيار الحجم والمخطط واللون بطريقة تضمن أقصى قدر من الوضوح وسهولة قراءة النص. يمكن أن يتسبب استخدام حجم خط صغير جدا أو تباين منخفض أو محرف غير قابل للقراءة في إزعاج القراء وتشويه المعنى.
بشكل عام ، يمكن أن يؤدي التحديد الصحيح وتعديل معلمات الخط لفقرة الصفحة إلى تجنب المشكلات المتعلقة بقراءتها وإدراكها للنص. من المثير للاهتمام أيضا تجربة مجموعات خطوط مختلفة لجعل المكون المرئي للصفحة أكثر جاذبية وسهولة في الاستخدام.
- المعلمات الرئيسية للخط الفقرة
- حجم الخط
- تشبع الخط
- نمط الخط
- المسافة من حرف إلى حرف
- تباعد الأسطر
- لون النص
المعلمات الرئيسية للخط الفقرة
عند اختيار خط لفقرة وتكوينه ، من المهم مراعاة العديد من المعلمات الأساسية. تسمح لك هذه المعلمات بتحديد مظهر النص وقابليته للقراءة.
| المعلمة | الوصف |
|---|---|
| الخط | يحدد مجموعة الأحرف التي سيتم عرضها على الصفحة. يمكن أن يكون الخط من أنواع مختلفة ، مثل الرقيق ، بلا الرقيق ، أحادي المسافة ، إلخ. |
| حجم الخط | يحدد ارتفاع الأحرف بالبكسل أو النسب المئوية. يعتمد حجم الخط الأمثل على نوع المحتوى وتفضيلات المستخدم. |
| لون الخط | يحدد لون النص على الصفحة. يمكن تحديد اللون في رغب ، شكل عرافة ، أو استخدام أسماء الألوان المحددة مسبقا. |
| محاذاة النص | يحدد موضع النص بالنسبة إلى الصفحة أو العنصر. يمكن أن تكون المحاذاة إلى اليسار أو اليمين أو الوسط أو العرض. |
| الربط | يحدد المسافة بين السطور. يمكن أن يكون الربط ثابتا أو تلقائيا ، ويمكن أيضا تحديده بالبكسل أو النسب المئوية. |
| المسافة من حرف إلى حرف | يحدد المسافة بين الأحرف في النص. يمكن تعيين تباعد الأحرف على قيمة افتراضية أو قيمة ثابتة أو قيمة تلقائية. |
عند اختيار خيارات خط الفقرة ، من الضروري مراعاة علاقتها واتساقها مع بقية عناصر الصفحة. سيساعد الخط المختار جيدا والمخصص في جعل النص أكثر قابلية للقراءة وجاذبية للزوار.
حجم الخط
يتم تحديد حجم الخط لفقرة الصفحة باستخدام خاصية" حجم الخط". يمكن استخدام وحدات القياس التالية لتعيين حجم الخط:
- بكسل (بكسل): وحدة القياس الأكثر شيوعا. يتم تعيينه كرقم بدون وحدة قياس (على سبيل المثال ، "حجم الخط: 16 بكسل؛").
- الفائدة ( ٪ ): تعيين حجم الخط النسبي بالنسبة للعنصر الأصل.
- م: وحدة قياس نسبية تعتمد على حجم خط العنصر الأصل.
- .
كقاعدة عامة ، يتم تعيين حجم الخط بالبكسل لتحسين التحكم والقدرة على التنبؤ بالعرض على أجهزة مختلفة وفي متصفحات مختلفة.
على سبيل المثال ، لتعيين حجم خط 16 بكسل ، يتم استخدام قاعدة كس التالية:
ص {حجم الخط: 16 بكسل;
إذا كان يجب تعيين حجم الخط بالنسبة للعنصر الأصل ، فيمكنك استخدام النسب المئوية. على سبيل المثال ، لتعيين الخط إلى 80 ٪ من خط العنصر الأصل:
حجم الخط: 80%;
} |
عند اختيار حجم الخط ، يجب أن تؤخذ في الاعتبار قابلية قراءة النص وتصوره من قبل المستخدم. قد يؤدي حجم الخط الصغير جدا إلى صعوبة القراءة ، وقد يؤدي حجم الخط الكبير جدا إلى عرض نص غير مريح على شاشات صغيرة أو تضييق نطاق الصفحة.
تشبع الخط |
لتعيين الخط الغامق ، استخدم القيمة 700 للخاصية
الخط الوزن
:
كس (أوراق الأنماط المتتالية) يمكن استخدامها لتعيين نمط الخط في هتمل. في كس ، هناك خصائص مختلفة لتخصيص نمط الخط ، مثل
نمط الخط
الخط الأسرة
الخط الوزن
نمط الخط
يستخدم لتعيين مخطط الخط ، على سبيل المثال:
نمط الخط: مائل;
حجم الخط
يمكنك تحديد حجم الخط ، على سبيل المثال:
| حجم الخط: 16 بكسل; | . يحتوي كس على عدة خيارات لتعيين حجم الخط ، مثل وحدات البكسل أو النسب المئوية أو الوحدات النسبية. |
يعتمد اختيار نمط الخط على التصميم المرئي للموقع والمستوى المطلوب من سهولة القراءة وخصائص المحتوى. اضبط نمط الخط بعناية لضمان أقصى قدر من سهولة القراءة وجماليات النص على الصفحة. | |
المسافة من حرف إلى حرف | يمكن تعيين تباعد الحروف باستخدام خاصية كس |
تباعد الحروف |
رمز المغلق
الوصف
من ص {
تباعد الحروف: 1 بكسل;
يضبط تباعد الحروف على 1 بكسل.
}
باستخدام هذا الرمز ، يمكنك إعداد تقنين الأحرف لنص الفقرة على صفحتك. تغيير القيمة في الممتلكات
تباعد الحروف
سيسمح لك بزيادة أو تقليل تباعد الحروف وفقا لذلك.
من المهم أن تتذكر أن المسافة الكبيرة جدا بين الأحرف يمكن أن تؤدي إلى صعوبات في قراءة النص ، بينما قد تبدو المسافة الصغيرة جدا مضغوطة جدا ويصعب قراءتها. لذلك ، يوصى بإيجاد توازن بين قابلية القراءة والجماليات عند تكوين تقنين الأحرف في خط الفقرة.
تباعد الأسطر
في كود هتمل ، يمكن ضبط تباعد الأسطر باستخدام أنماط كس. يتم استخدام خاصية ارتفاع الخط لهذا الغرض. يتم تعيين قيمة هذه الخاصية بالبكسل أو النسب المئوية أو وحدات القياس الأخرى.
إذا كانت قيمة خاصية ارتفاع الخط هي 1 ، فسيكون تباعد الأسطر ضئيلا – سيتم الضغط على الخطوط ضد بعضها البعض. تزيد القيمة الأكبر من 1 المسافة بين السطور ، والقيمة الأقل من 1 تجعلها أكثر كثافة.
لتعيين تباعد الأسطر بالبكسل ، استخدم بناء الجملة هذا:
- لتعيين تباعد الأسطر في وحدات القياس النسبية ، استخدم بناء الجملة هذا:
- الأزرق
- - أزرق
- - قيم الأحمر (
p
) ، أخضر (
h
) والأزرق (
c
) المكونات في النطاق من 0 إلى 255 ، وكذلك قيمة قناة ألفا (
a
نص أحمر