تلعب الخطوط دورا مهما في التصميم المرئي للنص ، مما يساعد على جذب انتباه القراء ونقل الحالة المزاجية الصحيحة. عند إنشاء تصميم صفحة ويب أو مستند ، غالبا ما يتم استخدام أنماط خطوط مختلفة ، والتي تجمع بين أحجام وعائلات وأنماط مختلفة.
تلعب أحجام الخطوط دورا رئيسيا في نقل المعلومات. يمكن أن تكون كبيرة وتبرز من الخلفية ، أو صغيرة ولا تجذب الكثير من الاهتمام. يمكن تمييز كلمات أو عبارات معينة باستخدام الخط الغامق أو المائل أو الشرطات السفلية.
تؤثر عائلات الخطوط أيضا على إدراك النص. بلا عائلات الخط الرقيق مثل أريال أو هلفتيكا تعطي النص نظرة حديثة وموجزة. الخطوط الرقيقة الكلاسيكية مثل تايمز نيو رومان أو جاراموند يمكن أن تخلق إحساسا بالتقاليد والجدية. يمكن أن تضيف الخطوط المائلة لمسة من الأناقة والأناقة.
يلعب اختيار نمط وحجم الخط المناسبين دورا مهما في نقل المعلومات وخلق جو من النص. سيساعد استخدام مجموعات مختلفة من الخطوط والأنماط في إبراز النقاط المهمة وجعل النص أكثر قابلية للقراءة. كن مبدعا عند اختيار الخطوط لإنشاء تصميم فريد!
- أنماط وأحجام الخطوط
- خيارات الخط
- أحجام الخطوط
- عائلات الخط
أنماط وأحجام الخطوط
تستخدم الخطوط لتعيين مظهر النص على صفحة الويب. يساعد التباين بين أحجام الخطوط والمحارف والأنماط في إبراز العناصر المهمة وجعل النص أكثر قابلية للقراءة.
يتم تحديد أحجام الخطوط باستخدام وحدات القياس المطلقة والنسبية. تعمل الوحدات المطلقة مثل "وحدات البكسل" أو "النقاط" على إصلاح حجم الخط بغض النظر عن إعدادات عرض الصفحة. تسمح لك الوحدات النسبية مثل" النسب المئوية "أو" إمس " بتعيين حجم الخط بالنسبة للعنصر الأصلي أو حجم الخط الافتراضي.
يحدد نمط الخط شكل ونمط الحروف. هناك أنماط خطوط مختلفة ، بما في ذلك:
- عادي: نوع الخط القياسي;
- جريئة: الحروف السميكة والمميزة;
- مائل: رسائل مائلة;
- مائل غامق: مزيج من الغامق والإمالة;
- تحته خط (تسطير): رسائل تحتها خط;
- شطب (خط من خلال): شطب الحروف;
- الأحرف الكبيرة: جميع الأحرف مكتوبة بأحرف كبيرة;
- أحرف صغيرة: تتم كتابة جميع الأحرف بأحرف كبيرة;
- الكتابة بالأحرف الكبيرة: يتم كتابة الحرف الأول من كل كلمة بأحرف كبيرة.
يتيح لك الجمع بين المحارف وأحجام الخطوط المختلفة إنشاء مجموعة متنوعة من المجموعات التي تتكيف مع احتياجات تصميم صفحة الويب. ستساعد القدرة على استخدام هذه الميزات في جعل النص أكثر تعبيرا وفعالية.
خيارات الخط
عند اختيار خط لصفحة ويب ، يمكنك استخدام خيارات الخط المختلفة لإعطاء النص المظهر المطلوب. يحدد معيار كس 3 القيم التالية لخاصية نمط الخط:
- عادي - نمط الخط العادي (افتراضيا);
- مائل-نمط الخط المائل;
- المائل هو نمط خط مائل يتم إنشاؤه بشكل مصطنع وقد يبدو مختلفا مقارنة بالخط المائل.
بالإضافة إلى ذلك ، تتوفر الخطوط عادة بعدة محارف. على سبيل المثال:
تايمز نيو رومان:
- عادي-الخط العادي;
- الخط المائل-الخط المائل;
- غامق-خط غامق;
- الخط المائل الغامق هو خط مائل غامق.
أريال:
- عادي-الخط العادي;
- الخط المائل-الخط المائل;
- غامق-خط غامق;
- الخط المائل الغامق هو خط مائل غامق.
إذا كنت بحاجة إلى تعيين خط واحد فقط للنص ، فيمكنك استخدام خاصية وزن الخط لتحديد حجم الخط.
أحجام الخطوط
يتم تحديد أحجام الخطوط في هتمل باستخدام وحدات القياس المطلقة والنسبية. وحدات مطلقة مثل بكسل (بكسل) والنقاط (بت) تعيين حجم الخط الثابت الذي لن يتغير عند تغيير حجم الشاشة أو الجهاز. ومع ذلك ، قد يتم عرضها بشكل مختلف على أجهزة مختلفة. على سبيل المثال ، سيبدو خط 12 بكسل على شاشة عالية الدقة أصغر منه على شاشة منخفضة الدقة.
تعتمد الوحدات النسبية مثل النسب المئوية ( ٪ ) و إم على حجم الخط الحالي المحدد في العنصر الأصلي أو ملف النمط. على سبيل المثال ، إذا تم تعيين حجم الخط في العنصر الأصل إلى 16 بكسل ، فإن النص يرث هذا الحجم إذا لم يتم تغييره. إذا تم تعيين حجم خط العنصر الأصل على 16 بكسل ، وقمت بتعيين حجم خط العنصر الفرعي على 150 ٪ ، فسيكون للعنصر الفرعي حجم خط 24 بكسل (16 * 1.5 = 24).
أحجام الخطوط القياسية في هتمل تبدأ من حجم 1 إلى حجم 7 ، المقابلة لأصغر وأكبر أحجام الخطوط ، على التوالي. ومع ذلك ، يتم تسمية هذه الأحجام فقط ، ويعتمد حجم الخط الفعلي الذي سيراه المستخدم على إعدادات عرض الخط في متصفحه. يوصى باستخدام وحدات القياس النسبية لضمان مظهر أكثر قابلية للتنبؤ بالنص الخاص بك على أجهزة مختلفة.
عائلات الخط
تدعم متصفحات الويب عائلات الخطوط المختلفة التي يمكن استخدامها لتصميم النص على صفحات الويب. تحتوي كل عائلة خطوط على مجموعة الأحرف الخاصة بها والأسلوب الذي يحدد مظهر النص.
فيما يلي بعض عائلات الخطوط الشائعة:
- أريال الأسرة: أريال ، أريال الأسود ، أريال الضيقة ، أريال مدورة مت بولد
- تايمز نيو رومان فاميلي: تايمز نيو رومان ، تايمز ، جورجيا
- ساعي جديد الأسرة: ساعي جديد ، ساعي ، مونوسبيس
- عائلة فيردانا: فيردانا ، جنيف
- عائلة تاهوما: تاهوما ، جنيف
لكل عائلة خطوط خصائصها الخاصة ويمكن استخدامها لنقل مزاج أو نمط معين من النص. على سبيل المثال ، عادة ما يتم استخدام الخط الأريال للعناوين الرئيسية ، لأنه يحتوي على نمط واضح وقابل للقراءة. من ناحية أخرى ، تستخدم عائلة تايمز الرومانية الجديدة عادة لتنسيق النص في المواد المطبوعة ، لأنها تحاكي أسلوب الكتابة.
عند اختيار عائلة خطوط لصفحة الويب الخاصة بك ، ضع في اعتبارك أن بعض الخطوط قد لا تكون متاحة على أجهزة المستخدمين. لذلك ، يوصى بتحديد عائلات الخطوط البديلة في خصائص كس للتأكد من عرض النص بشكل صحيح على جميع الأجهزة.