يعد حجم الخط جانبا مهما من جوانب التصميم يؤثر على سهولة قراءة النص ومظهره على صفحات الويب والمستندات. لتحديد حجم الخط ، نستخدم مجموعة من الأرقام والحروف ، مثل 12 بكسل أو 16 نقطة. ولكن ماذا تعني هذه الأرقام والحروف وكيفية اختيار حجم الخط المناسب لمشروعك?
يتم تعيين قيمة حجم الخط بالبكسل (بكسل) أو النقاط (نقطة) ، وكلاهما يقيس ارتفاع الحرف في الخط. وحدات البكسل هي الوحدات المطلقة لقياس الخط وتستخدم بشكل شائع على صفحات الويب. النقاط هي وحدات قياس نسبية ويفضل استخدامها في مشاريع الطباعة والتصميم.
بالإضافة إلى ذلك ، يمكن أن تحتوي الخطوط أيضا على قيم نسبية مثل النسب المئوية ( ٪ ) ووحدات القياس المتجهة (الذنب) وغيرها. تسمح لك بتعيين حجم الخط بالنسبة للعناصر الأخرى على الصفحة أو جهاز المستخدم. على سبيل المثال ، غالبا ما يستخدم مطورو الويب النسب المئوية لجعل الخط متكيفا وقابل للتطوير تلقائيا للأجهزة المختلفة ودقة الشاشة.
- حجم الخط هو عنصر تصميم مهم
- وحدات الخط
- ماذا تعني الأرقام في أحجام الخطوط?
- ملامح الحروف في أحجام الخطوط
حجم الخط هو عنصر تصميم مهم
في عالم تصميم النص ، يلعب حجم الخط دورا رئيسيا في إنشاء تركيبات مبهجة من الناحية الجمالية وقابلة للقراءة. يتم تحديد حجم الخط من خلال الرموز العددية والأبجدية ، والتي تسمح لك بتحديد حجم الأحرف الأبجدية على الشاشة أو على الورق.
يتم استخدام نظامين لتدوين حجم الخط على نطاق واسع في المجال الرقمي: مطلق (ثابت) ونسبي.
| النظام المطلق | النظام النسبي |
|---|---|
| معبرا عنها بالبكسل (بكسل) أو النقاط (نقطة) أو سم (سم). | يعتمد على حجم الخط الأساسي (100٪) والقيم النسبية (كنسبة مئوية). |
| يتم تعيينه على قيمة رقمية محددة ، على سبيل المثال ، 12 نقطة أو 16 بكسل. | يتم تحديد حجم الخط بالنسبة للقيمة الأساسية ، على سبيل المثال ، 200 ٪ أو 1.5 م. |
| لا يعتمد على إعدادات المستخدم والمسافة من الشاشة. | تتكيف مع التفضيلات الفردية للمستخدم. |
يعتمد اختيار حجم الخط على السياق وأهداف التصميم. عادة ما تستخدم أحجام الخطوط المختلفة للعناوين والنص الأساسي لإنشاء تسلسل هرمي مرئي وضمان سهولة القراءة.
ومع ذلك ، يجب أن نتذكر أن الخط الصغير جدا أو الكبير جدا يمكن أن يجعل النص صعب القراءة أو غير سار للعيون. لذلك ، من المهم اختيار حجم الخط الأمثل ، مع مراعاة خصائص جمهورك وسياق الاستخدام.
وحدات الخط
وحدات الخط المطلقة:
بكسل (بكسل): هذه هي وحدة قياس الخط الأكثر شيوعا. يمثل بكسل واحد نقطة على الشاشة. هذه وحدة مطلقة ، لأنها لا تعتمد على حجم الشاشة أو غيرها من المعلمات.
نقطة (نقاط): نقطة هي وحدة القياس المستخدمة في الطباعة و دتب. نقطة واحدة تساوي 1/72 من البوصة. في تصميم الويب ، تستخدم الفقرات عادة لحفظ حجم خط معين عند طباعة صفحة.
مم (ملليمتر): المليمترات هي وحدات قياس الطول التي يمكن استخدامها أيضا لتحديد حجم الخط. ملليمتر واحد يساوي 1/10 من السنتيمتر.
وحدات الخط النسبية:
م: هذه وحدة قياس تشير إلى حجم العنصر الحالي. على سبيل المثال ، إذا تم تعيين قيمة الخط على 1 دقيقة ، فسيكون هذا مساويا لحجم خط العنصر الأصلي أو حجم الخط الافتراضي للمتصفح.
ريم: هذه وحدة قياس تشير إلى حجم خط عنصر الجذر (عادة). إنه مفيد لإنشاء حجم خط موحد عبر الصفحة بأكملها دون الحاجة إلى تغيير كل عنصر على حدة.
ماذا تعني الأرقام في أحجام الخطوط?
الخطوط لها أحجام مختلفة ، والتي يشار إليها بالأرقام. تستخدم أحجام الخطوط وحدات قياس مختلفة ، مثل وحدات البكسل (بكسل) والنقاط (نقطة) والنسب المئوية ( ٪ ) وغيرها. يشير الرقم في حجم الخط إلى ارتفاعه من القاعدة إلى أعلى الحروف.
في أغلب الأحيان ، يكون للخطوط حجم محدد بالبكسل. على سبيل المثال ، يعني حجم الخط 16 بكسل أن ارتفاعه 16 بكسل. كلما زاد الرقم في حجم الخط ، زاد حجم الخط ، والعكس صحيح.
عند تعيين حجم الخط بالنقاط (نقطة) ، يتم استخدام نظام قياس مختلف. في هذه الحالة ، يشير الرقم إلى ارتفاع الخط بالنقاط ، حيث تكون نقطة واحدة حوالي 1/72 من البوصة. وبالتالي ، فإن حجم الخط 12 نقطة يعني أن ارتفاعه يبلغ حوالي 1/6 بوصة.
يتم تحديد النسبة المئوية لحجم الخط بالنسبة لحجم الخط المحدد في العنصر الأصل. على سبيل المثال ، إذا كان حجم خط العنصر الأصل 16 بكسل ، وتم تعيين العنصر الداخلي على حجم خط 150 ٪ ، فسيكون حجم الخط الفعلي للعنصر الداخلي 24 بكسل (16 بكسل*150٪).
من المهم أن نفهم أن حجم الخط قد يختلف في المتصفحات والأجهزة المختلفة. لهذا السبب ، غالبا ما تستخدم وحدات القياس النسبية مثل النسب المئوية لجعل الخط له حجم أكثر قابلية للتنبؤ به على أجهزة مختلفة.
ملامح الحروف في أحجام الخطوط
عندما نختار حجم الخط ، نرى عادة أرقاما وحروفا مثل 12 بكسل أو 1 دقيقة. تشير الأرقام إلى حجم معين ، ويمكن أن تشير الأحرف إلى وحدات قياس مختلفة أو قيم نسبية.
يمكن أن تتضمن وحدات القياس لحجم الخط وحدات البكسل (بكسل) أو النقاط (نقطة) أو النسب المئوية ( ٪ ) أو الوحدات النسبية مثل إم أو ريم. عندما نستخدم وحدات البكسل أو النقاط ، نحدد العدد الدقيق للوحدات التي سيتم استخدامها لعرض النص. على سبيل المثال ، 12 بكسل تعني أن ارتفاع الخط سيكون 12 بكسل.
إذا استخدمنا وحدات نسبية مثل إم أو ريم ، فإن حجم الخط يعتمد على عوامل أخرى مثل حجم العنصر الأصل أو حجم الخط الأساسي المحدد في كس.
رسائل مثل" بكسل "أو" م " تساعدنا على فهم وحدة القياس التي نستخدمها. على سبيل المثال ، " بكسل "يعني بكسل ، و" إم " يشير إلى أن حجم الخط يتم تحديد نسبة إلى حجم الخط الأساسي ، الذي تم تعيينه في كس.
بالإضافة إلى ذلك ، يمكننا رؤية أحرف أخرى ، مثل "نقطة" ، والتي تشير إلى استخدام النقاط كوحدة لحجم الخط. نقطة واحدة حوالي 0.35 ملليمتر.
يمكنك اختيار وحدة القياس حسب احتياجاتك وتفضيلاتك. يفضل بعض المطورين استخدام وحدات البكسل للتحكم الدقيق في أحجام الخطوط ، بينما يفضل البعض الآخر الوحدات النسبية بحيث يتكيف الخط مع الظروف المختلفة.
نتيجة لذلك ، سيساعدك اختيار وحدة القياس وفهم الحروف بأحجام الخطوط على إنشاء محتوى جذاب وقابل للقراءة على موقع الويب الخاص بك أو في مشاريع أخرى حيث يلزم استخدام النص.