الانتقال إلى المحتوى الرئيسي

ما يعتمد عليه عرض الخط: العوامل الرئيسية في تحديد حجم الخط

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

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

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

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

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

  1. العوامل التي تؤثر على عرض الخط
  2. حجم الخط
  3. سمك الخط
  4. نمط الخط
  5. حجم الخط
  6. عرض الخط
  7. المسافة البادئة حول الخط

العوامل التي تؤثر على عرض الخط

يتم تحديد عرض الخط من خلال عدة عوامل تؤثر على تمثيله المرئي. يتم سرد أهمها أدناه:

  1. نمط الخط: أنماط الخطوط المختلفة لها عروض مختلفة ، على سبيل المثال ، الخطوط الرقيق عادة ما تكون أوسع من الخطوط الرقيق (بلا الرقيق).
  2. حجم الخط: عادة ما يستلزم حجم الخط الأكبر عرض حرف أكبر.
  3. الفضاء بين الأحرف وبين الكلمات: يؤثر التباعد بين الأحرف والكلمات أيضا على عرض الخط ويمكن للمستخدم تخصيصه.
  4. إعدادات الخط: قد تحتوي بعض الخطوط على إعدادات إضافية قد تؤثر على عرضها ، مثل ضغط الخط أو التمدد.

، مما يسمح لك بالتحكم في عرض الخط بناء على قيم محددة مسبقا.

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

حجم الخط

وحدات حجم الخط:

يتم استخدام وحدات قياس مختلفة لتحديد حجم الخط في هتمل ، بما في ذلك بكسل (بكسل) ، والنسب المئوية ( ٪ ) و إم (الوحدات النسبية).

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

تستخدم النسب المئوية ( ٪ ) لتحديد حجم الخط بالنسبة لحجم العنصر الأصلي. على سبيل المثال ، إذا كان حجم خط العنصر الأصل 14 بكسل ، وتم تحديد حجم خط العنصر الفرعي كنسبة مئوية بنسبة 150 ٪ ، فسيكون حجم خط العنصر الفرعي 21 بكسل.

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

قيمة حجم الخط:

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

على سبيل المثال:

يحتوي هذا النص على حجم خط 14 بكسل.

يحتوي هذا النص على حجم خط 150٪ من حجم العنصر الأصل.

يحتوي هذا النص على حجم خط 1.5 ضعف حجم العنصر الأصل.

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

سمك الخط

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

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

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

المعنىالوصف
رقيقةخط رفيع
متوسطةخط متوسط
جريئةخط غامق
أسودخط غامق

نمط الخط

يؤثر نمط الخط أيضا على عرضه وحجمه. تتضمن أنماط الخطوط الرئيسية كتابة أحادية الاتجاه (عادية) ومائلة وجريئة.

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

عادة ما يحتوي الخط المائل على منحدر يجعله أوسع قليلا مقارنة بخط أحادي الاتجاه.

يحتوي الخط الغامق أو الخط الغامق على خطوط أكثر سمكا وبالتالي سيكون أعرض من الخط أحادي الاتجاه.

عند اختيار نمط الخط ، من الضروري مراعاة تأثيره على عرض النص واختيار النمط الذي يناسب متطلبات تصميم معينة.

يعرض الجدول أمثلة لأنماط الخطوط المختلفة وتأثيرها على العرض:

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

حجم الخط

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

ومع ذلك ، هناك أحجام خطوط أخرى. على سبيل المثال ، كان عمق الخطوط المبكرة التي تم استخدامها في أجهزة الكمبيوتر وآلات الطباعة 5 أو 7 بتات. هناك أيضا خطوط ذات 16 و 32 بت ، والتي تسمح لك بتمثيل المزيد من الأحرف ، بما في ذلك الأحرف النادرة والمعقدة من نصوص وأبجديات مختلفة.

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

عرض الخط

العوامل الرئيسية التي تحدد عرض الخط هي:

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

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

المسافة البادئة حول الخط

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

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

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