إعدادات الخط هي إعدادات تسمح لك بتعيين خصائص نصية متنوعة ، مثل الحجم ونمط الخط واللون وغيرها. تلعب الخطوط دورا مهما في التصميم المرئي للنص ، لأن الخط المختار جيدا يمكن أن يعزز الانطباع بما تقرأه ويخلق الحالة المزاجية الصحيحة.
يساعد الاستخدام الصحيح لمعلمات الخط على جعل النص أكثر قابلية للقراءة وجاذبية للإدراك. على سبيل المثال ، يمكن أن يجعل حجم الخط المختار جيدا النص أسهل في القراءة ، وسيؤدي استخدام خطوط مختلفة إلى إضافة لهجات وإبراز النقاط المهمة.
ومع ذلك ، يجب أن تضع في اعتبارك الإجراء لتجنب التحميل الزائد للنص بمعلمات الخط المختلفة. يجب أن يكون معنى ومحتوى النص أعلى من التصميم ، وخيارات الخط هي مجرد أداة للتأكيد على المعنى وتعزيز تجربة القراءة.
- حجم الخط: اختيار الحجم الأمثل
- عائلة الخط: اختيار الخط المناسب
- الخط الغامق: يستخدم لتمييز النص
- إمالة الخط: إنشاء تأثير إمالة
- تباعد الأسطر: ضبط الربط
- لون الخط: تأثير اللون على تصور النص
- ديكور النص: إضافة شرطات سفلية ويتوسطها خط
- تأثيرات النص: تجارب مع الظلال والحجم
حجم الخط: اختيار الحجم الأمثل
عند اختيار حجم الخط في النص ، يجب مراعاة عدة جوانب من أجل تحقيق التأثير البصري الأمثل وسهولة القراءة.
أولا ، من المهم تحديد الغرض والجمهور المقصود من النص. قد تكون هناك حاجة إلى أحجام خطوط مختلفة لمجموعات المستخدمين المختلفة. على سبيل المثال ، بالنسبة للنص الصغير المخصص للقراءة على الأجهزة المحمولة ، يجب عليك اختيار حجم خط أصغر حتى لا تشغل مساحة كبيرة على الشاشة. في الوقت نفسه ، قد تتطلب العناوين أو النصوص المراد قراءتها على شاشة كبيرة خطا أكبر للحصول على رؤية واضحة ومريحة.
ثانيا ، يجب أن تأخذ في الاعتبار ميزات تصميم الصفحة أو المشروع. إذا تم استخدام كمية كبيرة من النص على الصفحة ، فمن الجدير اختيار حجم الخط الذي يضمن قراءة جيدة حتى مع القراءة المطولة. إذا كانت كتلة النص تشغل مساحة صغيرة ، فيمكنك اختيار حجم خط أصغر دون المساس بقابلية القراءة.
بالإضافة إلى ذلك ، لكي يكون النص قابلا للقراءة ، يجب مراعاة القواعد المطبعية. يجب أن يكون حجم الخط كافيا لتمييز الحروف والكلمات بوضوح ، وفي نفس الوقت ليس صغيرا جدا أو كبيرا حتى لا يتعب عيون القارئ.
العلاقة بين حجم الخط وعناصر تصميم الصفحة الأخرى مهمة أيضا. يجب أن يكون الخط متناغما مع النمط العام وأن يتناسب مع العناصر الأخرى مثل العناوين والعناوين الفرعية وكتل النص.
نتيجة لذلك ، يعتمد اختيار حجم الخط الأمثل على الغرض والجمهور والتصميم والقواعد المطبعية التي يجب أخذها في الاعتبار عند تطوير صفحة ويب أو مشروع. من الضروري ضمان سهولة قراءة النص وسهولة استخدامه ، مما سيساعد على زيادة الكفاءة العامة ورضا المستخدم.
عائلة الخط: اختيار الخط المناسب
يمكن أن تتضمن عائلة الخطوط خيارات محرف مختلفة-من العادي إلى الغامق والمائل والغامق. تتيح لك الخطوط المختلفة داخل نفس عائلة الخطوط إنشاء مجموعة متنوعة من التأثيرات المرئية والتعامل مع أنماط التصميم المختلفة.
عند اختيار الخط ، من المهم أن تأخذ في الاعتبار سهولة القراءة والراحة للقارئ. إذا كان من الصعب تمييز الخط أو تسبب في إجهاد عند القراءة ، فقد يؤدي ذلك إلى إبعاد القارئ وتفاقم إدراك النص. أيضا ، يجدر الانتباه إلى سياق استخدام الخط-قد تكون بعض الخطوط أكثر ملاءمة للعناوين ، والبعض الآخر للنص الرئيسي.
أمثلة على عائلات الخطوط الشائعة:
عائلة أريال: واحدة من أكثر عائلات الخطوط تنوعا واستخداما على نطاق واسع. أريال لديها خطوط مختلفة وقابلة للقراءة بشكل جيد.
عائلة تايمز الرومانية الجديدة: عائلة خطوط كلاسيكية تستخدم في الطباعة. لها مظهر أنيق وجذاب ويمكن قراءتها جيدا في الكتب والوثائق ذات النص الطويل.
عائلة روبوتو: عائلة خطوط حديثة وأنيقة مناسبة لتصميم الويب وتطبيقات الهاتف المحمول. روبوتو لديها مجموعة واسعة من الأشكال ، والذي يسمح لك لخلق مجموعة متنوعة من الآثار.
عند اختيار خط للمستند الخاص بك ، تذكر أنه من المهم أن تأخذ في الاعتبار عائلته وقابلية القراءة وسياق الاستخدام. سيساعد ذلك على إنشاء تصميم متناغم وقابل للقراءة وضمان إدراك عالي الجودة للمعلومات.
الخط الغامق: يستخدم لتمييز النص
في هتمل ، يتم استخدام العلامة أو لتعيين الخط الغامق. كلاهما يجعل النص غامقا ، لكنهما مختلفان قليلا من الناحية الدلالية. يتم استخدام العلامة لتمييز المعلومات المهمة التي يمكن التعبير عنها في كلمة واحدة أو عبارة قصيرة ، بينما يتم استخدام العلامة لتمييز النص الذي لا يحمل حملا دلاليا.
- مثال على استخدام علامة :
هذا نص مهم.
هذا نص عادي.
,
- أو
- .
- - يحدد ميل الخط المعتاد (وليس المائل);
- يخلق الميل الخط مائل ، حتى لو لم يكن الخط نمط الخط خاص.
لتطبيق الإمالة على النص ، يجب تحديد قيمة الخاصية
نص بخط مائل
إذا كنت بحاجة إلى إنشاء نص عادي (غير مائل) ، فأنت بحاجة إلى استخدام العلامة
يرجى ملاحظة أنه ليس كل الخطوط لها
مائل
. إذا لم يكن هناك نوع خط مطابق لخط معين ، فسيقوم المتصفح تلقائيا بإنشاء تأثير إمالة بناء على نوع الخط العادي.
ارتفاع الخط
| . باستخدام هذه الخاصية ، يمكنك تعيين قيمة ربط ثابتة أو تعريفها كمضاعف لحجم الخط الحالي. | مثال على استخدام نمط | ارتفاع الخط |
|---|---|---|
| أتش تي أم أل | المغلق |
ص {
| خط الارتفاع: 1.5; | } | النص مع الربط 1.5 |
|---|---|---|
| ارتفاع الخط | لتعيين الربط كمضاعف حجم الخط: |
أتش تي أم أل
المغلق
النتيجة
النص مع الربط 1.5
ص {
ارتفاع الخط: 1.5 م;
}
النص مع الربط 1.5
عند اختيار قيمة الربط المناسبة ، يجب أن تأخذ في الاعتبار ميزات الخط وحجم الخط بالإضافة إلى المظهر والأسلوب المطلوبين للنص. قد يختلف الربط الأمثل اعتمادا على السياق وأهداف التصميم.
عند تعيين تباعد الأسطر ، تجدر الإشارة إلى أن القيمة الصغيرة جدا يمكن أن تجعل النص غير قابل للقراءة بشكل جيد ، ويمكن أن يؤدي الحجم الكبير جدا إلى تفاقم الإدراك ويشغل مساحة أكبر على الصفحة.
لون الخط: تأثير اللون على تصور النص
لون الخط له أهمية كبيرة عند تصميم النص على صفحة الويب. فهو لا يجعل النص أكثر جاذبية من الناحية المرئية فحسب ، بل له أيضا تأثير على إدراك المحتوى.
يعتمد اختيار لون الخط على الغرض والسياق والجمهور من النص. يمكن أن تنقل الألوان المختلفة المشاعر والحالات المزاجية المختلفة ، فضلا عن تعزيز قابليتها للقراءة.
| على سبيل المثال ، يعد لون الخط الأسود على خلفية بيضاء أحد أكثر المجموعات قابلية للقراءة ، مما يوفر تباينا جيدا. عادة ما يتم استخدامه للنص الرئيسي. | يتم استخدام لون الخط الرمادي لإنشاء تأثير السلبية والاعتدال. يمكن أن يكون مفيدا للحصول على معلومات إضافية لا تتطلب نفس التعبير مثل النص الرئيسي. |
|---|---|
| يمكن استخدام لون الخط الأزرق لإنشاء روابط أو نص تحته خط. عادة ما يثير الارتباطات مع الارتباطات التشعبية ويعين العناصر النشطة. | غالبا ما يستخدم لون الخط الأحمر لتمييز المعلومات أو التحذيرات المهمة. يجذب الانتباه ويثير الشعور بالإلحاح أو الخطر. |
| يمكن استخدام لون الخط البرتقالي لإنشاء لهجة أو تسطير كلمات أو عبارات معينة. عادة ما يثير الارتباطات بالطاقة والديناميكيات. | يمكن استخدام لون الخط الأصفر لجذب الانتباه أو الإشارة إلى معلومات مهمة. غالبا ما يرتبط بالفرح والتفاؤل. |
| يمكن استخدام لون الخط الأخضر لعرض السمات البيئية أو الطبيعية. كما أنه يرتبط بالنجاح والانسجام والنمو. | بغض النظر عن لون الخط الذي تختاره ، من المهم مراعاة تباينه مع الخلفية للتأكد من أن النص قابل للقراءة. |
| لون الخط | الجمعيات |
| أسود | شكلي ، والموثوقية |
| رمادي | السلبية والاعتدال |
| الأزرق | راحة البال والموثوقية |
أحمر
الأهمية والإلحاح
أورانج
الطاقة والنشاط
الأصفر
الفرح والتفاؤل
الأخضر
السلام والوئام والنجاح
ديكور النص: إضافة شرطات سفلية ويتوسطها خط
التسطير والنص يتوسطه خط هما نمطان زخرفيان إضافيان يمكن تطبيقهما على عناصر النص على صفحة الويب.
يمكن استخدام إضافة شرطة سفلية إلى النص لتمييز الكلمات أو العبارات المهمة. للقيام بذلك ، يمكنك استخدام علامة من شأنها إضافة نمط نص غامق وتسطيره تلقائيا.
على سبيل المثال: