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