كيفية ضبط خصائص النص في Adobe XD

عندما يكون لديك نص في مشروع Adobe XD الخاص بك ، يمكنك البدء في تغيير خصائص النص. تتضمن هذه الخصائص مجموعة الخط وحجم الخط وسمك الخط والمحاذاة وتباعد الأحرف (تقنين الأحرف والتعقب) وتباعد الأسطر (المسافة بين السطور) والتعبئة والحدود (الحد) والظل (الظل المسقط) وتمويه الخلفية. لذلك دعونا نراجع كيف يتم تطبيق هذه الخصائص.

حول تحديدات الخط والقراءة

اختيار الخط له أهمية حاسمة. قد يكون لديك العديد من خيارات الخطوط في نظامك ، لكن قلة مختارة فقط ستقطعها كخيار ناجح للقراءة على الشاشة. تتضمن بعض الخصائص التي يجب البحث عنها في تحديد الخط الخاص بك ما يلي:

• رقيق أم غير رقيق؟ أدناه ، ترى مجموعة خطوط في نمط serif في الأعلى وواحدة في sans serif في الأسفل. Serifs لها إسقاط طفيف ينتهي بضربة حرف. من ناحية أخرى ، لا يمتلك Sans serif هذا الإسقاط الطفيف. تميل محارف Sans serif إلى الظهور بمظهر أكثر حداثة وهي خيار شائع للتطبيقات والمواقع التفاعلية. في الماضي ، كان يُعتقد أن مجموعات الخطوط التي تحتوي على خطوط الرقيق كانت أسهل في القراءة عندما يكون هناك قدر كبير من النص. أثبتت الاختبارات التي تم إجراؤها باستخدام أجهزة تتبع العين أنه لا يوجد فرق كبير في إمكانية القراءة بين serif أو sans-serif ، لذلك لا تتردد في اختيار أي من الأسلوبين طالما أنك تنتبه إلى بعض خصائص الخطوط الأخرى التالية.

  محرف سيريف في الأعلى ، sans-serif في الأسفل.

• عرض الخط المستقيم والمتساوي: نظرًا لأنه سيتم إنشاء النوع الخاص بك من وحدات البكسل ، فمن الأفضل عدم وجود الكثير من التباين في عرض النص الخاص بك. يمكنك أن ترى الفرق ، في معاينة البكسل ، بين اختيار الخط مع تباين في العرض (أعلى) وخط متناسق في عرضه.

  يحتوي الخط العلوي على تباين في الخطوط السميكة والرفيعة التي تنشئ الخط ؛ الخط السفلي متسق ويسهل قراءته على الشاشة.

• العدادات القوية: العدادات هي الثقوب التي تراها في أحرف مثل "O" و "B" و "R." انتبه إلى حجم هذه العدادات لأنها يمكن أن تتسبب أيضًا في حدوث مشكلات في إمكانية القراءة إذا تم إغلاقها عند عرضها كوحدات بكسل على الشاشة. تظهر طريقة عرض البكسل لعائلتين مختلفتين من الخطوط ؛ انظر كيف تبدو العدادات في كل منها بالمقارنة مع بعضها البعض.

  ابحث عن عدادات مفتوحة قوية في مجموعة الخطوط التي اخترتها.

• السلالات وارتفاع الغطاء: تعتبر العناصر السفلية القصيرة والارتفاعات المنخفضة مهمة لسهولة القراءة على الشاشة. في الجزء العلوي ، ترى مجموعة خطوط ذات خطوط تنازلية قصيرة وارتفاعات كبيرة منخفضة ؛ في الجزء السفلي ، خط به انحدار طويل وارتفاعات عالية.

  عادةً ما يكون من الأسهل قراءة مجموعة الخطوط ذات الإنحدارات القصيرة والارتفاع المنخفض على الشاشة.

اختيار عائلة الخطوط الخاصة بك

الآن بعد أن عرفت ما الذي يجعل تحديد خط أفضل لسهولة القراءة ، استخدم لوحة Properties لتحديد واحد. تتضمن الأشياء التي يجب البحث عنها عند تحديد اختيارك ما يلي:

• عائلة الخطوط: بعد إدخال نوع ما على شاشتك ، يمكنك تحديده واختيار القائمة المنسدلة Font Family في قسم Text في لوحة Properties. إذا كنت تعرف الخط الذي تريده ، فما عليك سوى البدء في كتابة اسم الخط في مربع نص Font Family ، وإذا كان في نظامك ، فسيتم العثور عليه في قائمتك.

  لا تنس أن لديك خطوطًا متاحة لك من خلال Adobe TypeKit.

• وزن الخط: بعد تحديد مجموعة خطوط ، يمكنك اختيار وزن من القائمة المنسدلة "وزن الخط". اعتمادًا على الخطوط الموجودة في نظامك ، سيكون لديك خيارات مختلفة لوزن الخط.

  اختر عائلة الخط وسمك الخط.

• حجم الخط: يمكنك ببساطة كتابة حجم الخط في مربع نص حجم الخط ، ولكن إذا لم تكن متأكدًا من الحجم الأفضل ، فيمكنك وضع المؤشر أسفل مربع نص حجم الخط والنقر والسحب. ابحث عن السهم ذي الرأسين قبل السحب. السحب لأعلى يقلل الحجم ؛ لأسفل يزيد الحجم.

  انقر واسحب لتغيير حجم الخط بصريًا.

• المحاذاة: يمكنك تغيير النص المحدد إلى Align Left أو Center أو Right باستخدام أزرار Alignment في قسم Text من لوحة Properties.
• تباعد الأحرف: يشير تباعد الأحرف إلى المسافة بين الأحرف. يُعرف هذا باسم التعقب . هنا ، ترى نتيجة زيادة التباعد بين الأحرف.

  الأحرف بتباعد عادي ، مضبوطة على 0 (صفر) ثم ضبطها على 150.

لاحظ أنه يمكنك استخدام نفس تقنية النقر والسحب المتوفرة في مربع النص Font Size لتغيير تباعد الأحرف بشكل مرئي.

يمكنك أيضًا تغيير حجم تباعد الأحرف بشكل مرئي عن طريق النقر والسحب.

• ارتفاع السطر: ارتفاع خط و يقود ، والمسافة بين أسطر النص. يمكن أن يلعب هذا دورًا مهمًا في تصميم المعلومات ، لذا تأكد من أنك تستخدم هذا باستمرار في جميع أنحاء التصميم الخاص بك. يمكنك أيضًا وضع المؤشر أسفل مربع نص ارتفاع الخط والنقر والسحب لأعلى أو لأسفل لتقليل ارتفاع الخط وزيادة ارتفاعه.
• اللون: قم بتغيير لون التعبئة بالنقر فوق المربع الموجود بجوار لون التعبئة في لوحة الخصائص. تقوم بهذه المهمة بنفس الطريقة التي تؤديها بأي شكل. حدد مربع التعبئة وحدد لونًا من Color Picker. يمكنك أيضًا تحديد الشفافية للنص من شريحة الشفافية المتوفرة على يمين Color Picker.
• الحد: يؤدي تطبيق حد إلى وضع حد حول النص. لا يُنصح بهذا لأنه قد يتسبب في حدوث مشكلات في إمكانية القراءة. استخدمه باعتدال وربما فقط للتأثيرات الخاصة. تُظهر الصورة أدناه مثالاً على شكل محرف أكبر ذو حد رفيع وتعبئة بيضاء على خلفية داكنة. في مثل هذه الحالة ، يمكن أن تعمل الحدود ، ولكن ليس بنص أصغر.

  حد صغير بتعبئة بيضاء على خلفية داكنة.