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