كيفية إنشاء تأثير تقليل الخط: تعليمات بسيطة

الخط هو أحد أهم عناصر تصميم الويب. إنه يؤثر على الإدراك البصري للنص ويمكن أن يجعل الصفحة أكثر قابلية للقراءة أو ، على العكس من ذلك ، يصعب قراءتها. أحد خيارات تغيير الخط هو تقليل حجمه.

يمكن أن يكون تقليل حجم الخط مفيدا عندما تريد التأكيد على أهمية عناصر الصفحة الأخرى أو جعل النص أقل وضوحا. ولكن كيفية إنشاء هذا التأثير دون استخدام رمز معقد أو برامج خاصة? في هذا البرنامج التعليمي ، سنخبرك عن طريقة بسيطة لتحقيق التأثير المطلوب.

الخطوة 1. افتح ملف صفحة هتمل في أي محرر نصوص. ابحث عن مكان تحتاج فيه إلى تقليل الخط.

الخطوة 2. لف النص الذي تريد تقليله في علامة. على سبيل المثال ، سيتم تقليل هذا النص.

الخطوة 3. احفظ الملف وقم بتحديث صفحة متصفح الويب. الآن يجب أن ترى أن النص المرفق في العلامة أصبح أصغر من بقية النص على الصفحة.

وبالتالي ، فقد تعلمت كيفية إنشاء تأثير تقليل الخط باستخدام علامة. هذه الطريقة بسيطة وفعالة ، ويمكنك استخدامها على أي صفحة هتمل. تذكر أن تغيير حجم الخط يجب أن يكون واعيا ويجب ألا يجعل من الصعب على المستخدم قراءة النص.

1. اختيار الخط المناسب
2. تحديد حجم الخط
3. باستخدام وحدات إم و ريم

اختيار الخط المناسب

عندما تريد إنشاء تأثير تقليل الخط ، من المهم اختيار الخط المناسب الذي يناسب أهدافك وتفضيلاتك. وإليك بعض النصائح لمساعدتك على جعل الحق في الاختيار:

1. حجم الخط: عند اختيار خط لإنشاء تأثير تصغير ، تأكد من أنه يحتوي على نطاق واسع بما يكفي من الأحجام بحيث يمكنك اختيار الحجم الأنسب.
2. سهولة القراءة: من المهم أن يكون الخط سهل القراءة حتى مع الحجم المنخفض. تجنب الخطوط ذات التصميم الزخرفي المفرط ، مما قد يجعل من الصعب قراءة النص.
3. النمط والمزاج: اختر خطا يطابق نمط المحتوى الخاص بك ومزاجه. على سبيل المثال ، إذا كان لديك سمة جادة ، فاختر خطا قويا وذو مظهر احترافي.
4. توافق الجهاز: ضع في اعتبارك أن الخط الخاص بك يجب أن يكون متوافقا مع الأجهزة المختلفة التي يمكن للمستخدمين عرض المحتوى الخاص بك عليها ، مثل أجهزة الكمبيوتر والهواتف الذكية والأجهزة اللوحية.
5. خيارات مناسبة: إذا لم تكن متأكدا من الخط الذي تختاره ، فاستشر الخطوط الشائعة مثل أريال أو هلفتيكا أو روبوتو أو تايمز نيو رومان. وسوف توفر قراءة جيدة والتوافق واسعة.

باتباع هذه النصائح ، ستتمكن من اختيار الخط المناسب لإنشاء تأثير تقليل يمتزج مع المحتوى الخاص بك ويضمن سهولة القراءة للمستخدمين.

تحديد حجم الخط

.

.

في المثال أدناه ، سيتم عرض الخط بحجم 16 بكسل:

نموذج النص

.

سيكون هذا النص صغيرا

يمكنك أيضا استخدام وحدات القياس النسبية لتعيين الحجم ، على سبيل المثال ، كنسبة مئوية. على سبيل المثال ، لتعيين خط بحجم 80٪ من الحجم العادي:

حجم نص أصغر

                        
                            
                        
                    

يمكنك ضبط حجم الخط في مستند هتمل لتناسب احتياجاتك.

باستخدام وحدات إم و ريم

وحدات الخط في كس ، مثل بكسل (بكسل) ، يمكن أن تخلق مشاكل عند إنشاء تصاميم استجابة. وحدات البكسل مطلقة ولا تتغير حسب حجم الشاشة أو إعدادات المستخدم. بدلا من ذلك ، يوصى باستخدام وحدات القياس النسبية ، مثل إم و ريم ، والتي تسمح لك بتعيين أحجام الخطوط بالنسبة للعنصر الأصلي أو حجم الخط الرئيسي.

تحدد وحدة القياس إم حجم الخط بالنسبة لحجم العنصر الأصلي. على سبيل المثال ، إذا كان حجم خط العنصر الأصل 16 بكسل ، وقمت بتعيين حجم خط العنصر الفرعي على 1.5 م ، فسيكون حجم خط العنصر الفرعي 24 بكسل (16 بكسل*1.5).

تقوم وحدة قياس حركة العين السريعة بتعيين حجم الخط بالنسبة إلى العنصر الجذر أو حجم الخط الرئيسي للصفحة. عادة ما يكون عنصر الجذر علامة. إذا تم تعيين حجم الخط الرئيسي على 16 بكسل ، وقمت بتعيين حجم خط العنصر على 1.5 ريم ، فسيكون حجمه 24 بكسل (16 بكسل*1.5).

يتيح لك استخدام وحدات القياس النسبية إنشاء تصميم قابل للتطوير وسريع الاستجابة يتكيف تلقائيا مع أحجام الشاشة وإعدادات المستخدم المختلفة.