يلعب حجم الخط دورا مهما في التصميم المرئي للنص. يعد تحديد حجم الخط الصحيح مهمة مهمة عند إنشاء تصميم موقع ويب أو تصميم نص. يساعد حجم الخط الصحيح في جعل النص قابلا للقراءة وجذابا للقارئ.
تتمثل إحدى طرق تحديد حجم الخط في قياس الجذر التربيعي. مربع الخط هو المنطقة التي تحتلها أحرف الخط. يتيح لك تحديد مربع الخط معرفة عدد الأحرف الموضوعة في منطقة معينة ، مما يساعد بدوره في تحديد حجم الخط الأمثل لنص معين.
تساعد معرفة المبادئ الأساسية لتحجيم الخطوط المصممين والمنضدين على إنشاء تصميم نصي فعال وجذاب. بالنظر إلى مربع الخط ، يمكنك بسهولة ضبط حجم الأحرف بحيث يكون النص قابلا للقراءة وغنية بالمعلومات وجمالية.
يعد تحديد حجم الخط الصحيح جانبا مهما في إنشاء تصميم نص عالي الجودة. بمساعدة معرفة المبادئ الأساسية لتحجيم الخط ومربع الخط ، يمكنك إنشاء نص قابل للقراءة وجذاب سيكون وسيلة فعالة لنقل المعلومات.
- أحجام الخطوط
- المبادئ الأساسية لتحجيم الخط
- المبادئ الأساسية
- وحدات الخط
- اعتماد أحجام الخطوط على دقة الشاشة
أحجام الخطوط
هناك طرق مختلفة لمطوري الويب لتحديد حجم الخط. واحدة من الأكثر شيوعا هو استخدام القيم المطلقة. في هذه الحالة ، يتم تعيين حجم الخط برقم محدد — بالبكسل (بكسل) أو النقاط (بت) أو السنتيمترات (سم).
طريقة أخرى هي استخدام القيم النسبية. يتم تعيين حجم الخط بالنسبة إلى الحجم الأساسي الذي تم تعيينه في المتصفح. على سبيل المثال ، يمكنك تحديد أن حجم الخط يجب أن يكون ضعف حجم القاعدة (2 م) أو 50 ٪ أصغر (0.5 م).
هناك أيضا أحجام خطوط الأحرف. أنها تحدد حجم الخط كجزء من ارتفاع الحرف " س "(الحرف اللاتيني"س"). على سبيل المثال ، إذا قمت بتحديد حجم الخط كما 2إكس ، وسوف يكون مساويا لارتفاعين من الحرف "س".
كل هذه الطرق لتحديد حجم الخط لها خصائصها الخاصة ويتم تطبيقها اعتمادا على متطلبات ومواقف محددة. يسمح لك حجم الخط المختار جيدا بجعل النص على الصفحة سهل القراءة وجذابا للمستخدم.
المبادئ الأساسية لتحجيم الخط
- وحدات حجم الخط:
- البكسل (بكسل) هي وحدة قياس مطلقة ، يتم تعيينها على القيمة الدقيقة بالبكسل. سيكون للخط المحدد بالبكسل حجم ثابت على شاشات مختلفة ولن يتم قياسه عند تغيير حجم نافذة المتصفح.
- الوحدات النسبية (إم ، ريم) هي وحدة قياس نسبية تعتمد على حجم خط العنصر الأصل. سيتم قياس الخط الذي تم تعيينه في الوحدات النسبية عندما يتغير حجم نافذة المتصفح أو حجم خط المتصفح.
- اختيار حجم الخط:
- بالنسبة للنص الرئيسي ، يوصى باستخدام حجم خط في النطاق من 16 بكسل إلى 20 بكسل لضمان سهولة القراءة وسهولة القراءة.
- عادة ما يكون للعناوين والعناوين الفرعية حجم خط أكبر لتمييزها على الصفحة. قد تختلف أحجام الخطوط للعناوين اعتمادا على تصميم الموقع ، ولكنها تتراوح عادة من 24 بكسل إلى 36 بكسل.
- تستخدم أحجام الخطوط الأصغر للعلامات أو عناصر النص الصغيرة مثل الحواشي السفلية أو التسميات التوضيحية للصور ، عادة في نطاق 12 بكسل إلى 14 بكسل.
- بالنظر إلى مشكلات التوفر المحتملة ، يوصى بما يلي:
- لا تستخدم أحجام خطوط صغيرة أو كبيرة للغاية لتلبية احتياجات المستخدمين الذين يعانون من ضعف البصر أو ذوي القدرة المحدودة على توسيع نطاق نافذة المتصفح.
- استخدم إمكانيات المتصفحات والأجهزة لتخصيص حجم خط الموقع ، مما يسمح للمستخدمين بضبط حجم الخط بأنفسهم وتقديم الدعم لوظائف التكبير / التصغير.
سيساعد اتباع المبادئ الأساسية لتحجيم الخطوط في إنشاء موقع ويب أكثر قابلية للقراءة ويمكن الوصول إليه مع محتوى ممتع بصريا لمجموعة واسعة من المستخدمين.
المبادئ الأساسية
يعتمد تعريف حجم الخط على مربع الخط. يتم تعريف مربع الخط على أنه المنطقة التي يشغلها حرف داخل الحاوية الخاصة به. عادة ما يتم قياس مربع الخط بالنقاط (نقطة) ويتم تعيينه بواسطة المطور.
حجم الخط هو مربع خط مضروبا في 1.33. على سبيل المثال ، إذا كان مربع الخط 12 نقطة ، فسيكون حجم الخط 16 نقطة.
يعد تحديد حجم الخط بالبكسل هو الأفضل ، حيث يسمح لك بتحديد حجم الخط بدقة على أي جهاز ، بغض النظر عن دقته. في الوقت نفسه ، يمكن أن يؤدي استخدام وحدات البكسل إلى حدوث مشكلات للمستخدمين ضعاف البصر الذين يفضلون زيادة حجم الخط في متصفحهم.
| حجم الخط (نقطة) | حجم الخط (بكسل) |
|---|---|
| 8 | 10.64 |
| 10 | 13.33 |
| 12 | 15.99 |
| 14 | 18.65 |
| 16 | 21.31 |
يوضح الجدول تطابق حجم الخط بالنقاط والبكسل لبعض القيم الشائعة. يمكن أن يكون مفيدا في تحديد حجم الخط الصحيح لتصميمك.
وحدات الخط
تحتوي الخطوط على وحدات قياس خاصة بها تسمح لك بتحديد وتحديد أحجامها في المستندات. يتم استخدام وحدات قياس مختلفة حسب السياق ومتطلبات التصميم.
فيما يلي بعض وحدات الخطوط الأكثر شيوعا:
- بكسل (بكسل): البكسل هو وحدة قياس الخط الأكثر شيوعا. بكسل واحد يساوي بكسل مادي واحد على الشاشة. تحدد وحدات البكسل حجم خط معين وتضمن استنساخا دقيقا لمظهره على أجهزة مختلفة.
- النقاط (نقطة): النقطة هي وحدة قياس تستخدم بشكل أساسي في الطباعة. نقطة واحدة تساوي 1/72 من البوصة. تستخدم هذه الوحدة عادة عند إنشاء المستندات التي ستتم طباعتها بعد ذلك.
- الفائدة ( ٪ ): يمكن استخدام النسب المئوية لتحديد أحجام الخطوط بالنسبة لحجم الحاوية أو عنصر آخر في الصفحة. على سبيل المثال ، إذا كان حجم الحاوية 20 بكسل ، فإن تعيين حجم الخط على 50 ٪ يعني أن ارتفاعه سيكون 10 بكسل.
- م: يتم استخدام وحدة إم (إم) لقياس الخط بالنسبة لحجم الخط الأساسي على الصفحة. عادة ما يتم تعيين حجم الخط الأساسي في أنماط كس. قيمة 1 م تساوي حجم الخط الحالي.
كل وحدة من وحدات القياس هذه لها خصائصها الخاصة ويمكن أن تكون مفيدة في المواقف المختلفة. عند اختيار وحدة القياس ، يجب أن تأخذ في الاعتبار متطلبات التصميم والجمهور المستهدف ونوع المحتوى المستخدم. من خلال التحكم في أحجام الخطوط ، يمكنك تحقيق مظهر أكثر قابلية للقراءة وإرضاء من الناحية الجمالية للنص على صفحات الويب.
اعتماد أحجام الخطوط على دقة الشاشة
تعتمد أحجام الخطوط على صفحة الويب على دقة الشاشة التي يتم عرضها عليها. وذلك لأن الأجهزة المختلفة لها كثافة بكسل وأحجام شاشة مختلفة.
عند فتح صفحة ويب على جهاز عالي الدقة ، مثل هاتف ذكي بكثافة بكسل عالية ، ستبدو الخطوط أصغر من تلك الموجودة على جهاز منخفض الدقة ، مثل شاشة كبيرة.
ومع ذلك ، يمكن للمطورين التحكم في حجم الخط باستخدام وحدات القياس التي تأخذ في الاعتبار الاختلافات في دقة الشاشة. على سبيل المثال ، بدلا من استخدام وحدات البكسل ، يمكنك استخدام وحدات القياس النسبية مثل النسب المئوية أو إم/ريم.
طريقة أخرى هي استخدام استعلامات الوسائط ، والتي تسمح لك بتعيين أحجام الخطوط اعتمادا على دقة الشاشة. يتيح لك ذلك إنشاء تصميمات سريعة الاستجابة تبدو جيدة على الأجهزة المختلفة.
من المهم أيضا مراعاة سهولة قراءة النص على الأجهزة المختلفة. يجب أن يكون النص كبيرا بما يكفي ليتم قراءته بسهولة على الأجهزة عالية الدقة ، ولكن ليس كبيرا جدا بحيث لا يشغل مساحة كبيرة على الأجهزة منخفضة الدقة.
لذلك ، عند تصميم صفحة ويب ، يجب أن تأخذ في الاعتبار دقة الشاشة واختيار حجم الخط المناسب لتوفير معلومات مرئية سهلة الاستخدام وقابلة للقراءة للمستخدمين على أجهزة مختلفة.