الربط هو المسافة بين السطور في النص. له تأثير على الإدراك البصري وسهولة القراءة. يمكن أن يؤدي التعديل المناسب للربط إلى تحسين مظهر النص ، وجعله أكثر قابلية للقراءة وإرضاء للعين.
قد يتطلب تحديد الربط الأمثل للنص الخاص بك بعض التجارب. لحسن الحظ ، هناك العديد من المبادئ التي ستساعدك على تحقيق النتيجة المثالية. في هذا الدليل ، سنتحدث عن الطرق الرئيسية الثلاث لتكوين الارتباط: باستخدام وحدة القياس والقيمة المثلى والإعدادات اليدوية في كس.
باستخدام وحدة القياس. هذه هي الطريقة الأكثر شيوعا لإعداد رابط. عادة ما يتم استخدام وحدات القياس المطلقة أو النسبية لهذا الغرض ، مثل وحدات البكسل (بكسل) أو النسب المئوية ( ٪ ) أو الوحدات الافتراضية (ريم ، إم). يعتمد اختيار الوحدة على تفاصيل مشروعك ومتطلبات النص.
تحديد القيمة المثلى. عند تحديد وحدة قياس الارتباط البيني ، فإن الخطوة التالية هي تحديد القيمة المثلى للنص الخاص بك. عادة ما تكون هذه القيمة في النطاق من 1 إلى 1.5. ومع ذلك ، قد يعتمد الخيار المثالي على العديد من العوامل ، بما في ذلك الخط وحجم النص وكمية المعلومات والصفات المرئية لمشروعك.
- ما هو الربط الخط?
- ضبط تخطيط الخط
- اختيار الخط المناسب
- تغيير تخطيط الخط
- أسباب تغيير الترابط
- تكوين الربط في كس
- باستخدام خاصية ارتفاع الخط
- تأثير الربط على تصور النص
- التأثير النفسي للربط
ما هو الربط الخط?
يتم قياس تباعد الخطوط بالبكسل أو كنسبة مئوية من حجم الخط. يمكن تكبيره لإنشاء نص أكثر انفتاحا أو تصغيره لترتيب أكثر كثافة للأحرف. تعتمد الجاذبية الجمالية وسهولة قراءة النص على الربط الصحيح ، لذا فإن إعداده يعد خطوة مهمة في عملية تصميم المستند.
| مزايا الربط الخط | عيوب الربط الخط |
|---|---|
| يمكن أن تؤدي زيادة الربط إلى زيادة سهولة قراءة النص ، خاصة للأشخاص ضعاف البصر. | قد يؤدي الكثير من الربط إلى الحاجة إلى زيادة عدد الصفحات في المستند. |
| يمكن أن يؤدي ضبط الربط إلى تحسين الإدراك البصري للنص وجعله أكثر جاذبية. | يمكن أن يؤدي الربط غير الكافي إلى صعوبة القراءة وإرهاق العين. |
| يمكن زيادة المسافة بين الأحرف لتسطير العبارات أو الفقرات المهمة. | يمكن أن يؤدي الربط الذي تم تكوينه بشكل غير صحيح إلى صعوبة قراءة النص. |
يمكن تكوين الربط الخط باستخدام المغلق ، مما يسمح للمصممين لتعيين تحديدا الربط لكل عنصر النص على صفحة ويب. يوصى بتجربة قيم الربط المختلفة من أجل العثور على أفضل خيار لنص معين والجمهور المستهدف.
ضبط تخطيط الخط
هناك عدة طرق لتعيين تخطيط الخط:
1. باستخدام خط الملكية المغلق-الارتفاع
واحدة من أسهل الطرق لتعيين تباعد الخط هو استخدام الملكية المغلق خط الارتفاع. يمكنك تعيين قيمة هذه الخاصية بالبكسل أو النسب المئوية أو باستخدام كلمة رئيسية مثل عادي أو وراثة.
على سبيل المثال:
ص {خط الارتفاع: 1.5;
}
في المثال أعلاه ، سيتم تعيين تباعد الخطوط للفقرات على 1.5 ، مما يعني أن المسافة بين السطور ستكون 1.5 ضعف حجم الخط.
2. باستخدام خاصية الخطهناك طريقة أخرى لتعيين تخطيط الخط وهي استخدام خاصية الخط. يمكنك استخدام قيمة هذه الخاصية ، والتي تتضمن كلا من حجم الخط والربط.
على سبيل المثال:
ص {
الخط: 16 بكسل/1.5 أريال ، بلا شريف;
}في هذا المثال ، نقوم بتثبيت خط أريال من 16 بكسل مع رابط 1.5.
3. استخدام خصائص منفصلة لحجم الخط وارتفاع الخط
يمكنك أيضا تعيين تباعد الخط باستخدام خصائص حجم الخط وارتفاع الخط المنفصلة.
على سبيل المثال:
ص {
حجم الخط: 16 بكسل;
خط الارتفاع: 1.5;
}
في هذا المثال ، قمنا بتعيين حجم الخط أريال إلى 16 بكسل والربط إلى 1.5.
يعد تعيين ربط الخط جانبا مهما في إنشاء نص لطيف وقابل للقراءة. اختر قيمة الربط المثلى للنص الخاص بك لضمان سهولة قراءته وتصميمه.
اختيار الخط المناسب
2. النمط: يجب أن يكون الخط متناغما مع النمط العام لموقعك. يجب أن ينقل المزاج الصحيح وأن يكون متسقا مع التصميم والمحتوى.
3. الدعم: يجب دعم الخط على أجهزة وأنظمة تشغيل مختلفة. يوصى باختيار الخطوط التي يتم توزيعها وتوفيرها رسميا بواسطة متصفحات الويب.
4. الخيارات: يمكن أن تحتوي الخطوط على متغيرات مختلفة ، مثل غامق ومائل وجريء. عند اختيار خط ، تحقق من توفر الخيارات الضرورية للمحتوى الخاص بك وإمكانية الوصول إليها.
تذكر أن اختيار الخط هو قرار شخصي. يوصى بالتحقق بعناية من الخط المحدد على أجهزة مختلفة وعناصر نصية مختلفة للصفحة.
واحدة من أكثر الطرق شيوعا لتغيير تباعد الخطوط هي استخدام ارتفاع خط خاصية كس. تتيح لك هذه الخاصية ضبط ارتفاع سطر النص عن طريق تحديد المسافة المطلوبة بين الجانبين.
مثال:
2. خاصية الهامش المغلق
هناك طريقة أخرى لتغيير تباعد الخطوط وهي استخدام خاصية هامش كس للمسافة البادئة بين الفقرات أو أسطر النص. تتيح لك هذه الخاصية التحكم في المساحة قبل النص وبعده ، مما يؤثر أيضا على الربط.
مثال:
- ص {
الهامش: 10 بكسل 0 ؛ / * يتم تعيين نوع المسافة البادئة المحدد بالبكسل للحواف العلوية والسفلية للعنصر */
}
3. استخدام الفقرات
للحصول على تغيير أكثر دقة وتحكما في تخطيط الخط ، يمكنك استخدام علامات الفقرة مثل
. أنها تسمح لك بإنشاء كتل منفصلة من النص مع أنماط مختلفة ، بما في ذلك الربط.مثال:
هذه هي الفقرة الأولى من النص.
هذه هي الفقرة الثانية من النص.
تحسين القراءة: يمكن للربط الكبير أن يجعل النص أكثر قابلية للقراءة ، خاصة للأشخاص الذين يعانون من مشاكل بصرية.
الاعتبارات الجمالية: يمكن أن يساعد تغيير الربط في إنشاء تأثير مرئي معين أو التأكيد على نمط تصميم معين.
من المهم أن نتذكر أن تغيير الترابط يجب أن يكون واعيا وملائما. يمكن أن يؤدي الربط الكبير جدا أو الصغير جدا إلى تدهور قابلية قراءة النص أو انتهاك هيكله المرئي.
تكوين الربط في كس
يتم استخدام الربط لتحديد الفجوة بين أسطر النص. يمكن تكوينه باستخدام خاصية كس ارتفاع الخط. دعونا نلقي نظرة على عدة طرق لإعداد الارتباط.
1. الربط الثابت:
ص {
خط الارتفاع: 1.5;
}
في هذا المثال ، يتم تعيين الربط كـ 1.5. تشير القيمة 1 إلى أن ارتفاع الخط سيكون مساويا لحجم الخط.
2. النسبة المئوية للربط:
ص {
ارتفاع الخط: 150%;
}