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