تلعب الخطوط دورا مهما في إنشاء المظهر المرئي للنص. يتيح لك تغيير إعدادات الخط إعطاء النص أسلوبا فريدا ولونا عاطفيا. يوفر أتش تي أم أل العديد من العلامات والسمات التي تسمح لك بتغيير نوع الخط ونمطه وحجمه ولونه وتعديله.
يتم استخدام علامة الخط لتغيير إعدادات الخط في هتمل. لتغيير نوع الخط ، استخدم سمة الوجه ، والتي تأخذ قيمة اسم الخط أو عائلته. على سبيل المثال ، الوجه="أريال" سيتم تعيين الخط أريال. يمكنك أيضا استخدام خطوط متعددة وتحديدها مفصولة بفواصل بحيث يختار المتصفح أول خط متاح نفسه.
تسمح لك سمة الحجم بتعيين حجم الخط. يشار إلى قيمة السمة برقم من 1 إلى 7 ، حيث 1 هو أصغر حجم و 7 هو الأكبر. على سبيل المثال ، سيحدد الحجم="4" خطا متوسط الحجم.
لتغيير لون الخط ، يتم استخدام سمة اللون ، والتي تأخذ قيمة اللون كاسم للون باللغة الإنجليزية (على سبيل المثال ، اللون="أحمر") أو الرمز السداسي العشري (على سبيل المثال ، اللون="#فف0000"). لتغيير لون الخلفية ، استخدم السمة بغكولور. يمكنك أيضا استخدام قيم خاصة للون ، مثل الأسود والأبيض والأزرق وما إلى ذلك.
ملاحظة: على الرغم من أن علامة الخط لا تزال مدعومة في هتمل ، إلا أنها تعتبر مهملة. فمن المستحسن استخدام خصائص نمط كس لتغيير إعدادات الخط.
- أنواع الخطوط وتطبيقها
- نمط الخط والاختلافات
- حجم الخط وتأثيره على الإدراك
- لون الخط وحمله العاطفي
أنواع الخطوط وتطبيقها
يحدد الخط مظهر النص ويمكن أن يؤثر بشكل كبير على إدراك المعلومات.
هناك عدة أنواع أساسية من الخطوط:
1. مع الرقيق (الرقيق). يحتوي هذا النوع من الخطوط على إسقاطات صغيرة في نهايات الحروف ، تسمى الرقيق.
الخطوط مثل تايمز نيو رومان وجورجيا رائعة لطباعة المستندات,
كما توفر الرقيق نقل النص في شكل خطوط مستمرة ، مما يحسن قابلية القراءة.
2. بلا الرقيق (الرقيق). لا يحتوي هذا النوع من الخطوط على علامات رفيعة في نهايات الحروف.
الأمثلة النموذجية هي أريال وفيردانا. غالبا ما تستخدم الخطوط الخالية من الرقيق على صفحات الويب
لأنها توفر سهولة قراءة أفضل على شاشة الكمبيوتر أو الجهاز اللوحي أو الهاتف الذكي.
3. أحادي المسافة. هذا النوع من الخط له نفس العرض لجميع الأحرف.
ساعي جديد هو مثال رائع على مثل هذا الخط. الخطوط أحادية المسافة ملائمة لإنشاء الجداول,
رمز البرنامج والنصوص الأخرى التي تكون فيها المحاذاة والتماثل مهمة.
4. زينت. يحتوي هذا النوع من الخطوط على عناصر زخرفية تجعله أكثر فردية وتعبيرا.
ومن الأمثلة على ذلك الخطوط أحادية النمط كورسيفا وجراد البحر. غالبا ما تستخدم الخطوط المزخرفة في العناوين الرئيسية أو الشعارات
للفت الانتباه إلى عناصر التصميم الهامة بشكل خاص.
تذكر أن اختيار نوع الخط يجب أن يتطابق مع الغرض من مشروعك وأسلوبه.
استخدم أنواعا مختلفة من الخطوط لخلق حالة مزاجية معينة وتعزيز الإدراك البصري.
نمط الخط والاختلافات
يلعب نمط الخط دورا مهما في تصميم الويب ، مما يؤثر على مظهر محتوى النص. هناك العديد من الخطوط ، لكل منها شكله الفريد.
أحد أكثر أنواع محرف الخط شيوعا هو المحرف العادي. يتميز بخطوط مستقيمة ومخططات واضحة للحروف. يستخدم الخط العادي على نطاق واسع لكتل النص القياسية.
مائل يختلف عن المعتاد في زاوية ، وخلق تأثير الميل. يضيف هذا المخطط التفصيلي الرقي والأناقة إلى النص ، مما يجعله أكثر تعبيرا.
يعطي الخط الغامق النص تعبيرا إضافيا ويزيد من وزنه البصري. الحروف الغامقة أكثر سمكا وأكثر تباينا ، مما يجعل النص أكثر وضوحا للقارئ.
يجمع الخط الغامق المائل (الغامق المائل) بين ميزات الخطوط الغامقة والمائلة. يبدو النص الذي يحتوي على هذا الخط قويا ومعبرا ، ومثاليا لإبراز النقاط الرئيسية.
بالإضافة إلى هذه الخطوط الأساسية ، هناك أيضا اختلافات أخرى في الخطوط ، مثل خط الظل وخط المخطط التفصيلي وخط الحد وغيرها الكثير. تسمح هذه الاختلافات للمصممين بإنشاء أنماط نصية فريدة وإضافة تأثيرات مثيرة للاهتمام لتصميم صفحة الويب.
يعتمد اختيار نمط الخط على أهداف وغايات تصميم الويب. سيساعد الاستخدام السليم للخطوط في إنشاء جميع اللكنات الضرورية والتأكيد على النقاط المهمة في محتوى النص.
| نوع الخط | مثال |
|---|---|
| الخط العادي | نص عادي |
| مائل (مائل) | نص بخط مائل |
| خط غامق (غامق) | نص غامق |
| مائل غامق (غامق مائل) | نص بخط غامق مائل |
حجم الخط وتأثيره على الإدراك
كلما كان حجم الخط أكبر ، كان من الأسهل قراءته ، خاصة للأشخاص ذوي البصر المحدود. يسهل الخط الكبير إدراك النص ، مما يجعله أكثر قابلية للقراءة ويمكن الوصول إليه لمجموعات مختلفة من المستخدمين.
ومع ذلك ، ضع في اعتبارك أن حجم الخط الكبير جدا يمكن أن يسبب بعض المشكلات. يمكن أن يشغل النص الكبير جدا مساحة كبيرة على الصفحة ويسبب إزعاجا عند قراءته. أيضا ، إذا اخترت حجم الخط الخطأ ، فقد يبدو النص غير متناسب ويعطل انسجام التصميم.
لذلك ، عند اختيار حجم الخط ، من الضروري مراعاة ليس فقط احتياجات المستخدمين ، ولكن أيضا نسبة النص إلى عناصر التصميم الأخرى. ينصح باستخدام مجموعة من الخطوط ذات الأحجام المختلفة لإعطاء التعبير عن النص وتحسين قابليته للقراءة.
لون الخط وحمله العاطفي
اللون الأحمر:
عادة ما يرتبط اللون الأحمر للخط بمشاعر مثل الغضب والعاطفة والطاقة. يمكن استخدامه للفت الانتباه إلى المعلومات المهمة أو لإنشاء لهجة. يمكن أن يتسبب اللون الأحمر أيضا في الشعور بالخطر أو التعرض.
اللون البرتقالي:
غالبا ما يرتبط اللون البرتقالي للخط بالبهجة والدفء والحماس. يمكن استخدامه لإعطاء مزاج متفائل وودود للنص. يمكن أن يثير اللون البرتقالي أيضا مشاعر الإبداع والمرح.
اللون الأصفر:
عادة ما يرتبط لون الخط الأصفر بأشعة الشمس والفرح والتفاؤل. يمكن استخدامه لخلق مزاج مشرق وإيجابي. يمكن أن يثير اللون الأصفر أيضا ارتباطات بالطاقة والفكاهة.
الأخضر:
غالبا ما يرتبط اللون الأخضر للخط بالطبيعة والنضارة والانسجام. يمكن استخدامه لنقل الشعور بالنمو والدعم والتوازن. يمكن أن يثير اللون الأخضر أيضا ارتباطات بالصحة والطمأنينة.
اللون الأزرق:
عادة ما يرتبط اللون الأزرق للخط بالهدوء والاستقرار والثقة. يمكن استخدامه لخلق مزاج رسمي ومهني. يمكن أن يثير اللون الأزرق أيضا ارتباطات بالسلام والموثوقية.
اللون الأرجواني:
غالبا ما يرتبط لون الخط الأرجواني بالرفاهية والإبداع والتصوف. يمكن استخدامه لإضافة الأناقة والرقي إلى النص. يمكن أن يثير اللون الأرجواني أيضا ارتباطات بالأسرار والمكائد.
عند اختيار لون الخط للنص ، ضع في الاعتبار السياق والحمل العاطفي المطلوب. سيساعد اختيار اللون المناسب في خلق الحالة المزاجية المناسبة وإبراز ميزات النص الخاص بك.