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