الخط هو أداة مهمة في تصميم وتخطيط النص. يسمح لك بنقل المعلومات وخلق حالة مزاجية وتركيز انتباه القارئ. عند ضبط الخط في النص ، يجب الانتباه إلى عدد من المعلمات الرئيسية التي تسمح لك بتحقيق التأثير المطلوب.
حجم الخط هو أحد أهم المعلمات التي تحدد حجم أحرف النص. يتم قياسه بالبكسل أو النقاط أو النسب المئوية بالنسبة لحجم الخط الافتراضي. يعتمد اختيار حجم الخط الأمثل على العديد من العوامل ، مثل الغرض من النص ونوع المحتوى وإعدادات العرض.
عائلة الخطوط أو المحرف هي مجموعة من الخطوط التي توحدها تصميم وأسلوب مشترك. يمكن أن يؤدي تضمين خطوط مختلفة من نفس العائلة إلى إضافة اهتمام بصري وديناميكية إلى النص. وتشمل الخيارات الرئيسية لتخصيص الخط اختيار عائلة الخط ، نمط الخط ، جريئة والميل.
تباعد الحروف وتباعد الكلمات هما معلمتان أكثر أهمية يجب مراعاتهما عند إعداد الخط. يحدد تباعد الحروف التباعد بين الأحرف الفردية ، مما يسمح لك بالتحكم في كثافة النص وقابليته للقراءة. يحدد تباعد الكلمات ، أو التباعد ، التباعد بين الكلمات ويؤثر على نفس الجانب من النص.
يعد ضبط إعدادات الخط بشكل صحيح خطوة مهمة في التواصل المرئي الناجح. تسمح لك المعلمات الرئيسية بتحقيق التأثير المطلوب والتركيز على النص. فهي تساعد على إنشاء تمثيل مرئي متناغم وقابل للقراءة لمحتوى النص.
- معلومات تمهيدية حول إعدادات الخط
- عائلة الخط والأسلوب
- حجم الخط
- تباعد الأسطر
- لون الخط
- محاذاة الخط
- التشبع والمخطط التفصيلي
- العلوي والسفلي حالة
معلومات تمهيدية حول معلمات الخط
1. حجم الخط: من أهم المعلمات التي تحدد قابلية قراءة النص. يتم قياس حجم الخط بالنقاط (نقطة) أو بكسل (بكسل) ويمكن تعيينه إما كقيمة مطلقة أو نسبة إلى عناصر أخرى.
2. نوع الخط: يحدد نوع ونمط الخط. يمكن أن يكون الخط منتظما (عادي) ، غامق (غامق) ، مائل (مائل) ، مسطر (تسطير) ، إلخ. يتيح لك الجمع بين الخطوط المختلفة إنشاء مجموعة متنوعة من أشكال الخطوط لتمييز أجزاء معينة من النص.
3. الربط: يحدد المسافة بين سطور النص. يمكن تعيين الخط الداخلي بقيمة ثابتة أو معامل نسبي. يتيح لك الاختيار الصحيح للربط جعل النص أكثر قابلية للقراءة والجمالية.
4. يتعثر: تحديد الهوامش بين الحروف والكلمات والفقرات. يمكن تعيين نقاط التوقف بالبكسل أو كنسبة مئوية من عرض أو ارتفاع كتلة النص. يمكن أن يؤدي الاستخدام الصحيح للعثرات إلى تحسين سهولة قراءة النص وبنيته.
5. لون الخط: يحدد لون النص. يمكن تعيين اللون باستخدام أسماء الألوان ، رمز اللون الست عشري ، أو قيم رغب. يعد اختيار لون النص المناسب أمرا مهما للتباين وسهولة القراءة.
6. الخط: يحدد نوع وشكل الخط. يمكن لمطوري الويب استخدام الخطوط المثبتة مسبقا أو توصيل الخطوط الخاصة بهم باستخدام حزم الخطوط أو الخدمات.
تتيح لك إعدادات الخط الناجحة إنشاء تصميم فريد وفعال لصفحة الويب ، وزيادة سهولة قراءتها وجاذبيتها للمستخدمين.
عائلة الخط والأسلوب
اعتمادا على عائلة الخطوط ، قد يبدو النص رسميا أو غير رسمي أو له تصميم اصطناعي خاص. عائلات الخطوط الأكثر شيوعا هي أريال ، تايمز نيو رومان ، فيردانا وساعي جديد.
يحدد نمط الخط مظهر النص. الأنماط الرئيسية هي:
- عادي: يتم عرض النص بطريقة قياسية ، دون تأثيرات إضافية.
- مائل (مائل): يتم عرض النص بشكل غير مباشر ، مما يسمح لك بنقل تلوين عاطفي خاص.
- غامق: يتم عرض النص بخط أغمق وأكثر سمكا ، مما يجعله أكثر تعبيرا وملحوظا.
- تحته خط( تسطير): يتم عرض النص مع خط تسطير سفلي ، وتسليط الضوء عليه وإعطائه لهجة.
- عبرت (خط من خلال): يتم عرض النص بخط يمر عبر منتصف الحروف ، مما يشير إلى طابعه القديم أو غير ذي الصلة.
من خلال الجمع بين مختلف الأسر الخط والأساليب ، يمكنك إنشاء صفحات الويب مع مجموعة متنوعة من تصميم النص المناسب أسلوبيا.
حجم الخط
يلعب تحديد حجم الخط الصحيح دورا مهما في الإدراك البصري للمحتوى. يمكن أن يؤثر حجم الخط الصغير جدا أو الكبير جدا بشكل كبير على سهولة قراءة النص وراحة إدراكه من قبل الزوار.
من المستحسن أن تأخذ في الاعتبار تفاصيل وأهداف مشروعك عند اختيار حجم الخط. على سبيل المثال ، عادة ما تستخدم الخطوط التي تتراوح من 12 إلى 16 بكسل للنص الرئيسي على صفحات الويب. يمكن أن تكون العناوين أكبر حجما لجذب انتباه القارئ أو تمييز الأقسام الرئيسية في الصفحة.
يتيح لك استخدام وحدات القياس النسبية إنشاء تصميمات سريعة الاستجابة تتوسع عبر الأجهزة والمتصفحات. على سبيل المثال ، من خلال تعيين حجم الخط كنسبة مئوية ، يمكنك تغييره تلقائيا بناء على حجم الشاشة أو إعدادات المستخدم.
يمكنك استخدام سمات النمط لضبط حجم الخط في هتمل. على سبيل المثال:
نص بحجم خط 1.2 م نسبة إلى حجم الخط الافتراضي
عند اختيار حجم الخط للمحتوى الخاص بك ، تذكر أنه يجب أن يكون معتدلا وسهل القراءة. ضع في اعتبارك أيضا إمكانية تكييف حجم النص للأجهزة والمتصفحات المختلفة بحيث يكون المحتوى الخاص بك مناسبا للعرض على أي شاشة.
تباعد الأسطر
- سمة اللون
- تسمح لك أنماط كس بتعيين لون الخط لأي علامة أو فئة. على سبيل المثال:
النص
- ,
- رمز اللون السداسي العشري في شكل رغب ، على سبيل المثال:
- رمز اللون السداسي العشري بتنسيق رغبا ، حيث تشير القيمة الأخيرة إلى الشفافية ، على سبيل المثال:
- تحديد لون كدالة رغب ، على سبيل المثال:
رغب(255 ، 0 ، 0)
أو
- رغب (0 ، 255 ، 0)
- .
- يسمح لك لون الخط بجعل النص أكثر تعبيرا ، أو تمييز أجزاء مهمة من المحتوى أو إنشاء حالة مزاجية معينة على صفحة الويب.
- محاذاة الخط
محاذاة المركز: يتم وضع النص في وسط الكتلة أو العنصر. هذا يعني أنه سيتم محاذاة النص بالتساوي على جانبي الكتلة. إذا كان عرض الكتلة غريبا ، فقد لا يكون السطر الأخير طويلا بما يكفي لملء عرض الكتلة.
محاذاة العرض: يتم محاذاة النص إلى عرض الكتلة أو العنصر. في هذه الحالة ، يكون لجميع أسطر النص نفس العرض وتملأ الكتلة تماما. إذا كان النص لا يتناسب مع العرض ، فسيتم تحجيمه أو نقله إلى سطر جديد.
يمكن تطبيق محاذاة الخط على النص بأكمله داخل كتلة أو عنصر ، وكذلك على الأجزاء الفردية من النص. لتعيين محاذاة الخط ، يمكنك استخدام الخاصية المغلق
محاذاة النص
وتعيين قيمته إلى أحد الخيارات المذكورة أعلاه.
التشبع والمخطط التفصيلي
العلوي والسفلي حالة
النمط= " تحويل النص: أحرف كبيرة؛"
. على سبيل المثال:
هذا نص كبير
يطبق ترجمة جميع أحرف النص إلى أحرف كبيرة.
وبالمثل ، لعرض نص صغير في هتمل ، يمكنك استخدام السمة
تحويل النص: أحرف صغيرة;