يواجه مصممو الويب باستمرار الحاجة إلى اختيار الخط المناسب لإنشاء تصميم جميل وعملي لصفحة ويب أو تطبيق. باستخدام خيارات الخطوط المختلفة ، يمكنك إنشاء نمط فريد وضمان راحة قراءة محتوى النص.
واحدة من المعالم الرئيسية للخط هو حجمه. العلاقة بين حجم الخط وسهولة القراءة واضحة: حجم الخط الصغير جدا يجعل من الصعب قراءته ، والحجم الكبير جدا يمكن أن يكون مربكا ويسبب إزعاجا للمستخدم. إن تحديد حجم الخط الأمثل ليس مهمة تافهة ، لأنه يعتمد على العديد من العوامل ، بما في ذلك نوع الخط والجمهور المستهدف والرؤية على الأجهزة المختلفة.
نمط الخط هو معلمة خط مهمة أخرى. هذه هي الميزة التي تحدد نمط الخط.: من رفيع إلى غامق ، من مستقيم إلى مائل. يجب أن يتوافق اختيار نمط الخط مع التصميم العام للصفحة ، وكذلك أن يكون قابلا للقراءة من قبل المستخدم. لا تنس ميزات عرض الخطوط على أجهزة مختلفة وفي متصفحات مختلفة.
ارتفاع الخط هو المسافة من الحافة السفلية لأدنى حرف إلى الحافة العلوية للحرف العلوي في العديد من الأحرف. يمكن أن يؤدي تحديد الارتفاع الأمثل للخط إلى تحسين إمكانية القراءة ، خاصة عند التفاعل مع النص لفترة طويلة. عند اختيار ارتفاع الخط ، يجب أن تأخذ في الاعتبار نوع الخط المستخدم ، بالإضافة إلى ميزات العرض على شاشات مختلفة.
وأخيرا ، لون الخط هو المعلمة الأخيرة ، ولكن ليس أقل أهمية. يؤثر اختيار لون الخط على قابلية القراءة والإدراك البصري للنص. من الضروري اختيار لون الخط الذي يتناقض ويقرأ جيدا على خلفية صفحة أو كتلة من النص. من المهم أيضا أن تضع في اعتبارك أنه يمكن استخدام لون الخط لإنشاء تأثيرات وإبراز النص ، واللعب على النقيض من عناصر التصميم الأخرى.
من المهم أن تتذكر أن اختيار معلمات الخط يجب أن يعتمد على أهداف واحتياجات المشروع ، وكذلك مراعاة مبادئ التصميم الجيد وراحة المستخدم.
- حول
- أحجام الخطوط
- نوع الخط
- ارتفاع الخط
- لون الخط
حول الخطوط
تتضمن معلمات الخط:
- الحجم-يحدد ارتفاع الأحرف والمسافة بينهما;
- الخط-يحدد نمط وشكل الأحرف ، مثل" عادي " ، "مائل" ، "غامق" ، إلخ.;
- الارتفاع-يحدد المساحة الرأسية التي تشغلها الأحرف;
- اللون-يحدد لون الأحرف المستخدمة في النص.
يجب أن يكون اختيار الخط ومعلماته مدروسا ومتسقا مع النمط العام وأهداف صفحة الويب. يساعد الخط المختار جيدا على تحسين سهولة قراءة النص ، وجعل الصفحة أكثر جاذبية وسهولة في الاستخدام.
يمكنك استخدام لغة ترميز هتمل لتعيين إعدادات الخط على صفحة ويب. هناك العديد من العلامات في هتمل التي تسمح لك بتعيين معلمات الخط ، مثل و . ومع ذلك ، فمن المستحسن استخدام كس (أوراق الأنماط المتتالية) لهذا الغرض ، لأنه يوفر المزيد من المرونة والتحكم في تصميم النص.
أحجام الخطوط
. يحدد ارتفاع الأحرف المجاورة في النص. يمكن استخدام وحدات قياس مختلفة لتحديد الحجم ، مثل وحدات البكسل أو النسب المئوية أو إم أو ريم.
). مثال على ذلك هو الكود التالي:
مثال على نص بحجم خط 16 بكسل.
يوضح المثال التالي استخدام النسب المئوية (
مثال على نص مع حجم الخط بنسبة 1.25 مرة.
| عنصر قائمة بخط مكبر | |
|---|---|
| |
| في النهاية ، تجدر الإشارة إلى أن تحديد حجم الخط في تطوير الويب يلعب دورا مهما في ضمان سهولة قراءة الموقع وقابليته للاستخدام. |
نوع الخط | في هتمل ، هناك عدة قيم لسمة نمط الخط التي تحدد نمط الخط: |
المعنى | الوصف |
عادي
نوع الخط المائل
الخط المائل
النمط موروث
وراثة نمط الخط من العنصر الأصل
مثال على استخدام سمة نمط الخط:
| سيتم عرض هذا النص بخط مائل. | |
|---|---|
| يمكن تعيين قيمة سمة نمط الخط كعناصر فردية | ، وللوثيقة بأكملها باستخدام ورقة أنماط كس. |
يعتمد اختيار نمط الخط على التفضيلات المرئية للمصمم وخصائص محتوى النص. تحتوي بعض الخطوط على خط عادي فقط ، وقد يحتوي بعضها على خطوط مائلة ومائلة.
ارتفاع الخط
القيم النسبية
الأزرق
#0000
- أزرق.
ومن الممكن أيضا استخدام قيم اللون في شكل رغب ، حيث يتم تعيين كل لون (الأحمر والأخضر والأزرق) في النطاق من 0 إلى 255. على سبيل المثال,
رغب (0 ، 255 ، 0)
أخضر,
رغب (0 ، 0 ، 255)