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