الخطوط هي واحدة من أهم مكونات التمثيل المرئي للنص. يتيح لك تغيير إعدادات الخط إبراز النقاط الرئيسية في النص بشكل أفضل ، وجعله أكثر قابلية للقراءة وجاذبية للقراء أو المستخدمين.
في هذه المقالة ، سننظر في طرق مختلفة لتغيير إعدادات الخط ، بدءا من الأدوات الأساسية مثل الخط الغامق والمائل ، وتنتهي بتقنيات أكثر تعقيدا مثل التسطير ويتوسطه خط وتسليط الضوء.
بالإضافة إلى ذلك ، سننظر في خيارات تغيير حجم الخط ونوع الخط وتباعد الأحرف لإنشاء نص بالتأثير المطلوب والنمط المناسب.
تعد إدارة مظهر النص إحدى المهارات الأساسية لمصمم الويب أو مصمم التخطيط ، لذلك من المهم تعلم الأدوات والتقنيات الأساسية التي يمكنها تحسين إدراك النص وجعله أكثر جاذبية للمستخدمين.
——--
- الاختلافات بين أنواع الخطوط المختلفة
- الخطوط الرقيق
- خطوط غير مقطوعة
- معلمات الخط الرئيسية هي: الحجم والارتفاع والتشبع
- كيفية تغيير إعدادات الخط في كس
- طرق إدارة مظهر النص
- أمثلة على تغيير إعدادات الخط على صفحة ويب
- تأثير إعدادات الخط على تصور المستخدم للنص
الاختلافات بين أنواع الخطوط المختلفة
الفرق الرئيسي بين أنواع الخطوط المختلفة هو في هيكلها. هناك نوعان رئيسيان من الخطوط: الرقيق وغير الرقيق.
الخطوط الرقيق
الخطوط الرقيق لها خطوط أفقية إضافية ، تسمى الرقيق ، فوق وتحت عناصر الأحرف الأفقية. تستخدم هذه الخطوط عادة للعناوين وإبراز عناصر النص ، لأنها أكثر تعبيرا وجاذبية. أمثلة على الخطوط الرقيقة: تايمز نيو رومان ، جورجيا ، أريال ، فيردانا.
خطوط غير مقطوعة
على العكس من ذلك ، لا تحتوي الخطوط الخالية من الرقيق على خطوط رفيعة ولها بنية أبسط وحديثة وأضيق الحدود. يتم استخدامها عادة للنص الرئيسي ، حيث يسهل قراءتها على الشاشة والورق المطبوع. أمثلة على الخطوط غير المقطوعة: أريال ، هلفتيكا ، كاليبري ، روبوتو.
يعتمد اختيار الخط على المهمة التي تريد حلها. إذا كنت ترغب في لفت الانتباه إلى العنوان أو إنشاء تصميم مذهل ، الخطوط الرقيق يمكن أن يكون خيارا ممتازا. إذا كان هدفك هو ضمان سهولة القراءة وسهولة الإدراك ، فستقوم الخطوط بدون توقف بعمل جيد في هذه المهمة.
بالإضافة إلى ذلك ، بالإضافة إلى الاختلافات في البنية ، تحتوي الخطوط أيضا على خطوط مختلفة ، جريئة ومائلة ، مما يسمح لك بتحقيق التأثير المطلوب في أي سياق.
———-
معلمات الخط الرئيسية هي: الحجم والارتفاع والتشبع
سيتم تعيين حجم الخط إلى 14 بكسل.
سيتم تعيين ارتفاع الخط إلى 1.5 أضعاف حجمها.
سيتم تعيين تشبع الخط إلى 700.
كيفية تغيير إعدادات الخط في كس
في أوراق الأنماط المتتالية (كس) ، هناك عدة طرق لتغيير إعدادات الخط لتعيين المظهر المطلوب للنص على صفحة ويب. تتضمن المعلمات المهمة التي يمكن تغييرها حجم الخط والخط الغامق والنمط واللون وتباعد الأسطر.
1. حجم الخط:
لتغيير حجم الخط ، يمكنك استخدام خاصية حجم الخط. تشمل القيم المقبولة لهذه الخاصية وحدات القياس المطلقة مثل البكسل (بكسل) والنقاط (نقطة) والسنتيمتر (سم) ، بالإضافة إلى وحدات القياس النسبية مثل النسب المئوية ( ٪ ) بالنسبة للعنصر الأصلي.
2. محتوى الدهون:
يتم استخدام خاصية وزن الخط لتغيير محتوى الدهون في النص. يسمح لك بتعيين النص إما عادي أو غامق.
3. نمط:
يمكنك استخدام خاصية نمط الخط لتعيين نمط النص. تشمل القيم المقبولة العادي والمائل والمائل.
4. اللون:
تسمح لك خاصية اللون بتعيين لون النص. يمكنك تحديد اللون بشكل صريح باستخدام أسماء الألوان (على سبيل المثال ، أحمر أو #00000) ، أو تعيينه باستخدام رمز(على سبيل المثال ، رغب (255 ، 0 ، 0) للأحمر).
5. تباعد الأسطر:
يمكنك استخدام خاصية ارتفاع الخط لتغيير تباعد الأسطر. يمكن تعيين القيمة بالبكسل أو النسب المئوية أو نسبة إلى حجم الخط.
يمكن تطبيق كل هذه الخصائص على كل من العناصر الفردية ومجموعات العناصر باستخدام محددات كس.
طرق إدارة مظهر النص
هناك عدة طرق لتغيير مظهر النص في هتمل:
- باستخدام علامة
- باستخدام العلامة
- باستخدام العلامة
- باستخدام العلامة
- باستخدام العلامة
تسمح لك العلامة بتمييز النص بالخط العريض. يتم استخدامه لتعزيز التأثير لجذب انتباه القارئ إلى كلمات أو عبارات معينة.
تسمح لك العلامة بتمييز النص بخط مائل. يتم استخدامه للإشارة إلى أهمية أو التلوين العاطفي لكلمات أو عبارات معينة.
تسمح لك العلامة بتسطير النص. يتم استخدامه عادة لتسليط الضوء على المصطلحات أو المفاهيم الأساسية.
العلامة تسمح لك لعرض النص في منخفض. يمكن أن يكون مفيدا لعرض الصيغ الكيميائية أو المعادلات الرياضية أو الحواشي السفلية.
تسمح لك العلامة بعرض النص باستخدام فهرس علوي. يتم استخدامه لعرض الصيغ الكيميائية أو المعادلات الرياضية أو الحواشي السفلية أعلاه.
تسمح لك هذه العلامات بالتحكم في مظهر النص وإنشاء تأثيرات تساعد في نقل المعلومات أو لفت انتباه القارئ إلى تفاصيل معينة.
أمثلة على تغيير إعدادات الخط على صفحة ويب
تتيح لك القدرة على تغيير إعدادات الخط على صفحة الويب إنشاء أنماط فريدة للنص. لنلق نظرة على بعض الأمثلة:
1. تغيير نوع الخط:
يمكنك تعيين أنواع خطوط مختلفة للنص. على سبيل المثال:
}
2. تغيير حجم الخط:
. على سبيل المثال:
}
3. تغيير الخط السمنة: الخط
. على سبيل المثال:
}
4. تغيير نمط الخط:
. على سبيل المثال:
}
5. تغيير لون الخط:
. على سبيل المثال:
}
باستخدام مجموعة من الخصائص والقيم المختلفة ، يمكنك إنشاء أنماط فريدة للنص على صفحة ويب وجعلها أكثر تعبيرا.
تأثير إعدادات الخط على تصور المستخدم للنص
تلعب إعدادات الخط دورا مهما في إدراك المستخدم للنص. يمكن أن تؤثر على سهولة القراءة والوضوح والإدراك العاطفي لمحتوى النص.
واحدة من معلمات الخط الرئيسية هي الحجم. يساعد حجم الخط الأمثل على تحسين قابلية قراءة النص. يمكن أن يؤدي الحجم الصغير جدا إلى صعوبة القراءة ، ويمكن أن يؤدي الحجم الكبير جدا إلى حدوث إزعاج وتغيير تصور المحتوى.
معلمة خط مهمة أخرى هي نمط الخط. اعتمادا على نمط الخط ، قد يبدو النص أكثر عاطفية أو رسمية. على سبيل المثال ، يمكن أن يؤدي استخدام خط مائل إلى إضافة بعض العاطفة إلى النص ، ويمكن أن يؤدي استخدام خط غامق إلى تمييز الكلمات الرئيسية أو العبارات.
الربط هو معلمة خط أخرى يمكن أن تؤثر على تصور المستخدم للنص. الربط هو المسافة بين أسطر النص. تساعد القيمة المثلى للربط على جعل النص أكثر قابلية للقراءة وسهل القراءة.
ومن الجدير بالذكر أيضا معلمة تباعد الحروف. يحدد تباعد الحروف المسافة بين الأحرف الفردية في الكلمات. يمكن أن يؤدي تعيين تباعد الأحرف بشكل صحيح إلى تحسين إمكانية قراءة النص.
أخيرا ، يعد لون الخط معلمة مهمة أخرى يمكن أن تؤثر على إدراك النص. يجب أن يتناقض لون الخط الأمثل مع الخلفية لضمان سهولة القراءة.
| معلمة الخط | التأثير على تصور النص |
|---|---|
| الحجم | يساعد حجم الخط الأمثل على تحسين قابلية قراءة النص. |
| المخطط التفصيلي | اعتمادا على نمط الخط ، قد يبدو النص أكثر عاطفية أو رسمية. |
| الربط | تساعد القيمة المثلى للربط على جعل النص أكثر قابلية للقراءة وسهل القراءة. |
| تباعد الحروف | يمكن أن يؤدي تعيين تباعد الأحرف بشكل صحيح إلى تحسين إمكانية قراءة النص. |
| اللون | يجب أن يتناقض لون الخط الأمثل مع الخلفية لضمان سهولة القراءة. |