تظهر تقنيات واتجاهات جديدة باستمرار في عالم تصميم الويب ، وأحد الجوانب المهمة هو استخدام الخطوط المذهلة. أحد هذه الخطوط هو خط مرتفع يعطي حجم النص ويسلطه الضوء على الصفحة. في هذه المقالة ، سنلقي نظرة على طرق بسيطة لإنشاء خط مرتفع على موقع الويب الخاص بك في عام 2016.
للبدء ، ستحتاج إلى محرر هتمل وبعض المعرفة كس. الطريقة الأولى هي استخدام خاصية ظل النص. تتيح لك هذه الخاصية إضافة ظل إلى النص ، مما يؤدي إلى إنشاء تأثير راقي. للقيام بذلك ، تحتاج إلى تعيين قيم للإزاحة الأفقية والرأسية للظل ، وكذلك اللون والطمس. على سبيل المثال ، يمكنك استخدام الكود التالي: ظل النص: 2 بكسل 2 بكسل 2 بكسل #000000;
هناك طريقة أخرى لإنشاء خط مرتفع وهي استخدام خاصية التحويل مع وظيفة الانحراف. هذا يسمح لك لإمالة النص في مثل هذه الطريقة أنه يخلق تأثير ثلاثي الأبعاد. من الضروري استخدام تحويل رمز كس: منحرف (-5 درجة) ؛ لإمالة النص لأعلى.
من المهم أن تتذكر أنه عند استخدام هذه الطرق ، تحتاج إلى تجربة قيم وإعدادات مختلفة لتحقيق التأثير المطلوب. هناك أيضا العديد من الأدوات والمولدات عبر الإنترنت التي يمكن أن تساعدك في إنشاء خط مرتفع دون الحاجة إلى كتابة التعليمات البرمجية يدويا.
في الختام ، يمكن أن تؤدي إضافة خط مرتفع إلى موقعك إلى جعله أكثر جاذبية ولا ينسى للزوار. استخدم هذه الأساليب والتعليمات البسيطة لإضافة الحجم والنمط إلى النص الخاص بك في عام 2016.
- أثار الخط 2016: طرق وتعليمات بسيطة لموقع الويب الخاص بك
- شعبية الخط المرتفع في تصميم الموقع
- كيفية إنشاء خط مرتفع: طرق بسيطة
- تعليمات لإضافة خط مرتفع على موقعك
أثار الخط 2016: طرق وتعليمات بسيطة لموقع الويب الخاص بك
الخط المرتفع ، المعروف أيضا باسم معلمة أو "سماوي" ، يرفع النص فوق خط الأساس ، مما يخلق تأثيرا ثلاثي الأبعاد. تم استخدام نمط النص هذا بنشاط في تصميم الويب منذ عام 2016 ولا يزال شائعا.
إذا كنت ترغب في إضافة خط مرتفع إلى موقعك ، فهناك بعض الطرق البسيطة للقيام بذلك:
- باستخدام خصائص المغلق.
- استخدام خطوط الويب.
- استخدام الإضافات والمكتبات.
مع القيم السلبية لإنشاء المؤثرات البصرية من الخط التي أثيرت. على سبيل المثال:
ح1 {
نص الظل: - 3 بكسل-3 بكسل 0 # 000;
}
يتيح لك استخدام خطوط الويب استخدام خطوط مصممة خصيصا لها تأثير خط مرتفع مدمج. تتضمن بعض خطوط الويب الشائعة التي تدعم أسلوبا متفائلا بيباس نويه, أوزوالدو و سرطان البحر. يمكنك توصيل هذه الخطوط بموقعك باستخدام خدمات خارجية أو استضافتها بنفسك. |
هناك طريقة أخرى لإضافة خط مرتفع وهي استخدام المكونات الإضافية والمكتبات. هناك العديد من الإضافات المجانية والمدفوعة التي تقدم أنماطا وتأثيرات مختلفة للنص. يحتوي بعضها على إعدادات جاهزة للخط المرتفع ، مما يجعلها ملائمة للاستخدام. |
يعتمد اختيار كيفية إضافة خط مرتفع إلى موقعك على تفضيلاتك ومستوى تجربة تطوير الويب. إذا كنت مبتدئا ، ثم استخدام خصائص كس قد يكون الخيار الأسهل. إذا كانت لديك خبرة وتريد التجربة ، فقد يكون استخدام خطوط الويب أو المكونات الإضافية خيارا مثيرا للاهتمام. |
بالطبع ، يمكن أن يكون الخط المرتفع طريقة رائعة لإضافة التفرد والجاذبية إلى موقعك. تجربة مع طرق مختلفة واختيار واحد الذي يناسب المشروع الخاص بك. لا تخف من التجربة وكن مبدعا! |
شعبية الخط المرتفع في تصميم الموقع
في السنوات الأخيرة ، أصبح الخط المرتفع أحد العناصر الأكثر شيوعا في تصميم مواقع الويب. يضيف اهتماما مرئيا وتسليط الضوء على العناوين والعناوين الفرعية وعناصر النص الرئيسية الأخرى على الصفحة.
الخط المرتفع هو تأثير يخلق وهم حجم النص ، كما لو كان "محدبا" أو "مرتفعا" فوق السطح. يتم تحقيق ذلك عن طريق إضافة ظلال أو تدرجات إلى النص.
عادة ما يستخدم الخط المرتفع لإنشاء عناوين معبرة أو شعارات أو عناصر تمييز. فهو يساعد على تحسين التعرف على النص وقابليته للقراءة ، وجذب انتباه الزوار وجعله أكثر جاذبية.
يتم دمج هذا الخط مع أنماط وسمات تصميم مختلفة. يبدو رائعا على كل من الخلفيات الفاتحة والداكنة ، مما يضيف العمق والتباين إلى التكوين. بالإضافة إلى ذلك ، يمكن استخدام الخط المرتفع مع تأثيرات أخرى مثل الظل أو الحد أو التظليل لإنشاء بنية بصرية أكثر تعقيدا.
في تصميم الويب الحديث ، هناك العديد من الطرق لإنشاء خط مرتفع ، بما في ذلك استخدام خصائص كس ، والقوام ، وحتى برامج تحرير الرسوم. من المهم اختيار الخيار الصحيح لموقعك من أجل إضافة مظهر فريد وجذاب إلى النص الخاص بك.
كيفية إنشاء خط مرتفع: طرق بسيطة
يمكن أن يؤدي إنشاء خط مرتفع إلى تحسين مظهر موقعك بشكل كبير وجذب انتباه المستخدمين. في هذا القسم ، سنلقي نظرة على بعض الطرق البسيطة لإنشاء خط مرتفع.
1. باستخدام علامة سوب
يتم استخدام علامة سوب لإنشاء نص مرتفع. مجرد التفاف العبارة المطلوبة في علامة سوب وإغلاقه قبل علامة الإغلاق.
على سبيل المثال:
مرحبا ، العالم!
النتيجة تبدو مثل هذا: مرحبا ، العالم!
2. باستخدام خاصية كس"عمودي محاذاة"
يمكنك أيضا استخدام الخاصية كس "عمودي محاذاة" لرفع النص. فقط قم بتطبيقه على العنصر المطلوب واضبط القيمة على "سوبر".
على سبيل المثال:
مرحبا ، العالم!
النتيجة تبدو مثل هذا:
- مرحبا ، العالم!
- ضع في اعتبارك أن الطريقة الثانية تتطلب استخدام رمز كس وقد تكون أكثر صعوبة للمستخدمين المبتدئين.
- الآن أنت تعرف بعض الطرق البسيطة لإنشاء خط مرتفع. اختيار واحد الذي يناسبك وتطبيقه على موقع الويب الخاص بك لإعطائها نظرة خاصة وجذب انتباه المستخدمين.
- تعليمات لإضافة خط مرتفع على موقعك
افتح ملف هتمل لموقعك في محرر التعليمات البرمجية.
ابحث عن قسم النص الذي تريد إضافة الخط المرتفع إليه.
التفاف أو علامة حول هذا النص .
في ملف كس أو قسم الأنماط في موقعك ، أضف الكود التالي: