تعد وحدة حجم الخط جانبا مهما في تصميم الويب ومنتجات الطباعة. يحدد حجم مصدر النص وعرضه على الشاشة أو الورق. هناك عدة وحدات قياس مختلفة ، لكل منها مزاياها وعيوبها. في هذه المقالة ، سنلقي نظرة على وحدات حجم الخط الأكثر شيوعا وتطبيقها في المواقف المختلفة.
واحدة من أكثر وحدات القياس شيوعا هي النقطة (نقطة). يتم استخدام النقطة في المنتجات المطبوعة وعادة ما يكون حجمها من 8 إلى 14 نقطة. لها حجم ثابت ومناسبة للاستخدام في المواقف التي تحتاج فيها إلى التحكم بدقة في حجم الخط ، على سبيل المثال ، عند تكوين الكتب أو المجلات. وتجدر الإشارة أيضا إلى أن النقطة هي وحدة مطلقة ، مما يعني أنها لا تعتمد على دقة الشاشة أو جهاز المستخدم.
"تشمل وحدات القياس المطلقة الموصى بها أيضا النقطة (نقطة) والذروة (الكمبيوتر الشخصي) ، والتي تستخدم في المنشورات المطبوعة."
- ويكيبيديا
وحدة قياس شائعة أخرى هي البكسل (بكسل). البكسل هو أصغر وحدة على الشاشة يمكن أن يكون لها لونها الخاص وهي أساس عرض الرسومات والنص. يستخدم على نطاق واسع في تصميم الويب ، لأنه يسمح للمطورين بالتحكم في حجم الخط والتخطيط على مختلف الأجهزة ودقة الشاشة. ومع ذلك ، تجدر الإشارة إلى أن البكسل هو وحدة نسبية ، وسيعتمد حجمه على دقة الشاشة وإعدادات المستخدم.
بالإضافة إلى ذلك ، هناك وحدات قياس نسبية مثل النسبة المئوية ( ٪ ) و م. يتم استخدام النسبة المئوية لتحديد الحجم النسبي للنص بالنسبة للعنصر الأصل أو الحاوية. إنه مناسب للاستخدام عند الحاجة إلى القدرة على التكيف وتوسيع نطاق العناصر على الأجهزة المختلفة. م ، بدوره ، يحدد حجم النص بالنسبة لحجم الأصل. كما أن لديها المرونة وسهولة الاستخدام لإنشاء تحجيم خط متناغم وسلس.
- حركة العين السريعة هي الوحدة الأساسية لقياس الخط في المغلق
- بكسل هو وحدة قياس الخط في تصميم المواقع الإلكترونية
- النسبة المئوية هي وحدة عالمية للتصميم التكيفي
- م هي الوحدة النسبية لقياس الخط
حركة العين السريعة هي الوحدة الأساسية لقياس الخط في المغلق
يتم تعريف حجم " ريم " كقيمة نسبية بناء على حجم خط عنصر الجذر (هتمل). بشكل افتراضي ، يبلغ حجم الخط الأساسي لمعظم المتصفحات 16 بكسل. ومع ذلك ، يمكن تغيير هذه القيمة باستخدام الأنماط.
ميزة استخدام "حركة العين السريعة" هي أنها موروثة تلقائيا بواسطة جميع العناصر الفرعية. وبالتالي ، إذا تم تعيين حجم الخط الأساسي ، يسمح لك ريم بتغيير حجم جميع العناصر على صفحة الويب عن طريق تغيير قيمتها.
مثال:
في هذا المثال ، نظرا لحجم الخط الأساسي 16 بكسل ، سيكون للفقرة حجم خط 24 بكسل (1.5 ريم) ، ورأس المستوى الأول هو 32 بكسل (2 ريم).
يعمل استخدام حركة العين السريعة على تبسيط تطوير مواقع الويب سريعة الاستجابة ، حيث يسهل توسيع نطاق جميع عناصر الصفحة عن طريق تغيير قيمة واحدة.
بكسل هو وحدة قياس الخط في تصميم المواقع الإلكترونية
في تصميم الويب ، يتم استخدام بكسل لتحديد حجم خط معين على صفحات الويب. على سبيل المثال ، إذا تم تعيين حجم الخط على 14 بكسل ، فسيتم عرض كل حرف بارتفاع 14 بكسل.
ومع ذلك ، تجدر الإشارة إلى أن البكسل هو وحدة قياس مطلقة ، والتي قد تختلف اعتمادا على دقة الشاشة وجهاز العرض. على سبيل المثال ، في الشاشات عالية الدقة ، قد يكون البكسل أصغر من الشاشات منخفضة الدقة. قد يتسبب هذا في أن يكون النص غير قابل للقراءة على بعض الأجهزة.
تتمثل إحدى طرق حل مشكلة قياس النص في استخدام وحدات القياس النسبية مثل النسب المئوية أو حركة العين السريعة. تسمح وحدات القياس هذه للنص بالتوسع اعتمادا على حجم الشاشة أو إعدادات المستخدم.
ومع ذلك ، لا يزال البكسل مستخدما على نطاق واسع في تصميم الويب ، خاصة عند إنشاء تصميم بعرض ثابت. يسمح البكسل للمطورين بتعيين أبعاد العناصر على الصفحة بدقة وتحقيق المظهر المطلوب.
بشكل عام ، يعد البكسل وحدة مهمة لقياس الخط في تصميم الويب ، مما يسمح للمطورين بالتحكم في أحجام الخطوط على صفحات الويب. ومع ذلك ، عند استخدام وحدات البكسل ، يجب أن تفكر في المشكلات المحتملة المتعلقة بقياس النص على أجهزة مختلفة ودقة الشاشة.
النسبة المئوية هي وحدة عالمية للتصميم التكيفي
يعد استخدام النسب المئوية مفيدا بشكل خاص لإنشاء تصميم متكيف يتم ضبطه تلقائيا على الشاشات والأجهزة المختلفة. على سبيل المثال ، يمكنك تعيين حجم الخط كنسبة مئوية بالنسبة إلى حجم العنصر الأصل. يسمح هذا الأسلوب للنص بالتكيف مع أحجام الشاشة المختلفة دون الحاجة إلى إنشاء أنماط منفصلة لكل جهاز.
بالإضافة إلى حجم الخط ، يمكن أيضا استخدام النسب المئوية لتعيين معلمات نمط أخرى ، مثل العرض والارتفاع والهوامش وموضع العناصر. يتيح لك استخدام النسب المئوية إنشاء تخطيطات مرنة تتكيف بسهولة مع دقة الشاشة والأجهزة المختلفة.
مزايا استخدام النسب المئوية في التصميم التكيفي:
- إنها تسمح لك بإنشاء تخطيطات مرنة تتكيف تلقائيا مع الشاشات والأجهزة المختلفة.
- تبسيط تطوير ودعم التصميم المتجاوب ، لأنها لا تتطلب إنشاء أنماط منفصلة لكل جهاز.
- إنها تسمح لك بتحقيق مظهر موحد لصفحة الويب على أجهزة مختلفة ، مما يحسن تجربة المستخدم.
- إنها تقلل الحمل على الخادم ، حيث أنه من الضروري تحميل إصدار واحد فقط من الصفحة بتخطيط تكيفي.
يتيح لك استخدام النسب المئوية في التصميم سريع الاستجابة إنشاء صفحات ويب متعددة الاستخدامات تبدو جيدة على أي جهاز وشاشة.
م هي الوحدة النسبية لقياس الخط
م هي وحدة قياس نسبية بناء على حجم الخط الحالي. قيمة 1 م تساوي حجم الخط الافتراضي على الصفحة. إذا كان حجم الخط 12 بكسل ، فسيكون 1 إم مساويا لـ 12 بكسل.
ميزة استخدام م هو أنها تسمح لك لخلق تصاميم استجابة أن مقياس جنبا إلى جنب مع تغييرات حجم الخط. هذا مفيد بشكل خاص للمستخدمين ضعاف البصر الذين يمكنهم زيادة حجم الخط في متصفحاتهم.
على سبيل المثال ، إذا كنت تريد تعيين حجم الخط إلى 1.5 مرة أكبر ، يمكنك استخدام القيمة 1.5 م. إذا كان حجم الخط الأساسي هو 16 بكسل ، فسوف يتوافق هذا مع 24 بكسل.
لاستخدام إم في كس ، يمكنك تحديد قيمة حجم الخط في إم في خاصية حجم الخط.
| حجم الخط بالبوصة | حجم الخط بالبكسل |
|---|---|
| 1م | حجم الخط الافتراضي |
| 1.5 م | زاد حجم الخط 1.5 مرة |
| 2 م | حجم الخط بنسبة 2 مرات |
من المهم ملاحظة أن إيماس موروثة من العنصر الأصل ، لذلك إذا كان العنصر الأصل يحتوي على حجم خط 2 إم ، فإن العنصر الفرعي بحجم خط 1 إم سيكون له حجم خط 2 إم.