يعد الخط الذي يحتوي على نص ملون طريقة رائعة لإضفاء أسلوب النصوص والأصالة. إنه جذاب في المواد الترويجية أو الشعارات أو لمجرد إضافة لون إلى صفحات الويب أو الشبكات الاجتماعية. في هذه المقالة ، سننظر في عدة طرق لإنشاء خط متعدد الألوان يمكن استخدامه حتى بدون معرفة خاصة بتطوير الويب.
الخطوة 1: استخدم العلامة
الطريقة الأولى لإنشاء خط متعدد الألوان هي استخدام علامة. ستساعدك هذه العلامة في تمييز الكلمات أو الأحرف الفردية في النص وتطبيق أنماط مختلفة عليها. على سبيل المثال ، يمكنك استخدام علامة مع سمة النمط لتعيين ألوان نص مختلفة:
سيكون هذا النص أزرق.
وهذا النص سيكون أحمر.
الخطوة 2: استخدام فئات كس
الطريقة الثانية لإنشاء خط متعدد الألوان هي استخدام فئات كس. تسهل هذه الطريقة إعادة استخدام الأنماط وتطبيقها على عناصر متعددة في نفس الوقت. إنشاء فئات بألوان مختلفة وتطبيقها على العناصر المطلوبة. على سبيل المثال:
سيكون هذا النص أزرق وسيكون هذا النص أحمر.
الآن لديك طريقتان بسيطتان لإنشاء خط متعدد الألوان. يمكنك استخدام مجموعات مختلفة من الألوان والأساليب لإعطاء النصوص الخاصة بك نظرة فريدة وجذابة. اللعب مع الألوان والتجربة!
- خط متعدد الألوان: المراحل الرئيسية
- الخطوة 1: اختيار الألوان للخط
- الخطوة 2: استخدام علامة هتمل
- الخطوة 3: تعيين لون الخط في كس
خط متعدد الألوان: المراحل الرئيسية
- حدد النص الذي تريد تصميمه بخط متعدد الألوان.
- .
- كرر الخطوة 2 لكل جزء من النص الذي تريد تزيينه بألوان مختلفة.
- لإنشاء التباين والتأثير ، يمكنك استخدام ألوان مختلفة ، على سبيل المثال: الأحمر والأزرق والأخضر ، إلخ.
- بعد تعيين اللون لكل جزء من النص ، تأكد من إغلاق جميع العلامات بشكل صحيح.
- ضع كل النص في العلامة
بعد الانتهاء من هذه الخطوات ، ستتلقى خطا متعدد الألوان يمكن استخدامه لإنشاء تصميم جذاب ومعبر. تذكر أن استخدام الخط متعدد الألوان يجب أن يكون محدودا ويستخدم بعناية حتى لا يتم إنشاء نص ساطع للغاية وغير مقروء.
الخطوة 1: اختيار الألوان للخط
قبل البدء في إنشاء خط متعدد الألوان ، تحتاج إلى تحديد مجموعة من الألوان التي تريد استخدامها. يجب أن تتكون المجموعة من ألوان مختلفة لإنشاء تأثير مرئي مثير للاهتمام وجذاب.
يمكنك اختيار الألوان التي تتناسب مع المظهر الخاص بك أو تصميم موقع الويب الخاص بك. على سبيل المثال ، إذا كان موقعك يحتوي على نظام ألوان برتقالي-أزرق ، فيمكنك اختيار ألوان برتقالية وزرقاء لخطك متعدد الألوان.
يمكنك أيضا اختيار الألوان المتناقضة أو المكملة لبعضها البعض. تخلق الألوان المتناقضة مظهرا مشرقا ومعبرا ، وتخلق الألوان التكميلية مزيجا متناغما من الألوان.
إذا لم تكن متأكدا من الألوان التي يجب استخدامها ، فيمكنك استخدام لوحات الألوان المتاحة عبر الإنترنت. تقدم هذه الأدوات مجموعات جاهزة من الألوان تتناسب تماما مع بعضها البعض.
من المهم أن تتذكر أن الألوان المحددة يجب أن تكون قابلة للقراءة في الخلفية. إذا اخترت ألوانا داكنة ، فتأكد من أن لون الخلفية فاتح بدرجة كافية حتى يكون النص مرئيا. على العكس من ذلك ، إذا اخترت ألوانا فاتحة ، فتأكد من أن لون الخلفية غامق بدرجة كافية حتى يكون النص قابلا للقراءة.
عند تحديد مجموعة من الألوان ، اكتب قيمها بالست عشري (على سبيل المثال ، #ف 0000 للأحمر) أو استخدم أسماء الألوان (على سبيل المثال ، الأحمر للأحمر). سوف تستخدم هذه القيم في رمز هتمل لتعيين لون النص.
بمجرد تحديد الألوان ، انتقل إلى الخطوة التالية — اختيار الخط وحجمه.
الخطوة 2: استخدام علامة هتمل
يسمح لك بتحديد جزء النص الذي يمكن تطبيق الأنماط عليه.
. على سبيل المثال ، لجعل الجزء الأول من النص أحمر ، يمكننا استخدام الكود التالي:
سيكون هذا النص أحمر.
وتعيين
يمكنك أيضا استخدام خصائص نمط أخرى مثل
لتعيين لون الخلفية ، وغيرها من الخصائص لتخصيص الخط والأحجام ، وما إلى ذلك.
وبالتالي ، باستخدام العلامة
يسمح لنا بالتحكم بدقة في نمط كل جزء فردي من النص وإنشاء تأثيرات ملونة.
الخطوة 3: تعيين لون الخط في كس
- لتعيين لون الخط في كس ، يمكنك استخدام خاصية اللون. تتيح لك هذه الخاصية تحديد لون الخط لعنصر معين على صفحة الويب.
- يتكون بناء الجملة لتحديد لون الخط في كس من لون الكلمة الرئيسية ، متبوعا بنقطتين (:) ، وقيمة اللون ، والتي يمكن تمثيلها بعدة تنسيقات:
- أسماء الألوان: على سبيل المثال ، أحمر (أحمر) ، أزرق (أزرق) ، أخضر (أخضر) ، إلخ.
رموز عرافة: هذه مجموعات مكونة من 6 أرقام من الأرقام والحروف من أ إلى و تمثل كل قناة من الألوان (الأحمر والأخضر والأزرق) في نظام الأرقام السداسي العشري. على سبيل المثال ، #ف 0000 (أحمر) ، #0000 ف (أزرق) ، #00 ف 00 (أخضر).
قيم رغب: هذه هي القيم لكل قناة اللون (الأحمر والأخضر والأزرق) في التدوين العشري. على سبيل المثال ، رغب(255 ، 0 ، 0) (الأحمر) ، رغب(0 ، 0 ، 255) (الأزرق) ، رغب(0 ، 255 ، 0) (الأخضر).
اللون: أحمر;