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