تلعب الخطوط دورا رئيسيا في التصميم. أنها تساعد على نقل المزاج ، وتحسين قراءة النص وخلق الانسجام البصري. فيجما ، أداة تصميم واجهة شعبية ، لديها طرق مختلفة لتخصيص وتغيير حجم الخطوط.
أحد العناصر الرئيسية للخط هو حجمه. في فيجما ، يمكنك اختيار حجم الخط الافتراضي أو تعيينه بنفسك. لا يعتمد مظهر النص فقط على حجم الخط ، ولكن أيضا على إدراكه من قبل المستخدم. يساعد حجم الخط الصحيح في جعل النص واضحا وقابل للقراءة قدر الإمكان.
في هذا الدليل ، سننظر في كيفية تغيير وضبط أحجام الخطوط في فيجما. بعد قراءة هذه المعلومات ، ستتمكن من إنشاء تصميم واجهة احترافي ومتوازن باستخدام أحجام خطوط مختلفة.
- أحجام الخطوط بالبكسل
- أحجام الخطوط في إم وريم
- أحجام الخطوط التكيفية في فيجما
- استخدام وحدات قياس مختلفة في الخطوط في الشكل
- 1. بكسل (بكسل)
- 2. النقاط (حزب العمال)
- 3. النسب المئوية ( ٪ )
- 4. م
- 5. ريم
أحجام الخطوط بالبكسل
في فيجما ، يمكنك تعيين حجم الخط بالبكسل عن طريق إدخال قيمة رقمية أو باستخدام لوحة الأنماط. يمكنك أيضا تغيير حجم الخط عن طريق زيادة أو تقليل قيمته في لوحة الخصائص أو باستخدام اختصارات لوحة المفاتيح.
عند تعيين حجم الخط بالبكسل ، يظل متناسبا مع دقة الشاشة الحالية. هذا يعني أن حجم الخط سيظل ثابتا نسبيا ، بغض النظر عن دقة جهاز المستخدم. ومع ذلك ، ضع في اعتبارك أنه قد يكون من الصعب قراءة أحجام الخطوط الصغيرة على الأجهزة عالية الدقة.
عند تصدير التصميمات الخاصة بك من فيجما ، يتم حفظ أحجام الخطوط بالبكسل وسيتم عرضها بالحجم المناسب على الأجهزة والتطبيقات الأخرى.
باستخدام وحدات البكسل كوحدة قياس للخطوط في فيجما ، يمكنك التحكم بدقة في حجم النص ومحاذاة النص لإنشاء تصميم أفضل.
أحجام الخطوط في إم وريم
في فيجما ، يمكنك تحديد أحجام الخطوط ليس فقط بالبكسل أو النقاط ، ولكن أيضا بوحدات إم و ريم. هذه الوحدات قابلة للتكيف نسبيا وتجعل من السهل تغيير أحجام الخطوط اعتمادا على السياق.
تعتمد وحدة القياس إم على حجم خط العنصر الأصل. على سبيل المثال ، إذا قمت بتعيين حجم خط العنصر الأصل على 16 بكسل ، فسيكون 1 م 16 بكسل. إذا قمت بتعيين حجم الخط لعنصر فرعي على 1 م ، فسيكون حجمه أيضا 16 بكسل (بشرط ألا يكون للعنصر الفرعي حجم خط منفصل).
تعتمد وحدة قياس حركة العين السريعة على حجم خط عنصر الجذر ، والذي يكون عادة 16 بكسل. لذلك ، 1 ريم يساوي أيضا 16 بكسل. على عكس إم ، ريم لا تعتمد على حجم الخط من العنصر الأصل. هذا يجعل حركة العين السريعة أكثر قابلية للتنبؤ وسهلة الاستخدام ، خاصة عند إنشاء تصميم سريع الاستجابة.
لتعيين حجم الخط في إم أو ريم ، يكفي تحديد رقم في فيجما وإضافة تعيين وحدة بعده (على سبيل المثال ، 1 م أو 2.5 ريم).
أحجام الخطوط التكيفية في فيجما
هناك طريقتان لإنشاء أحجام خطوط تكيفية في فيجما: استخدام وحدات القياس المطلقة واستخدام الوحدات النسبية مثل النسب المئوية أو م.
عند استخدام وحدات القياس المطلقة ، مثل وحدات البكسل أو النقاط ، يمكنك تعيين حجم خط معين سيظل كما هو على شاشات مختلفة. يمكن أن يكون هذا مفيدا إذا كنت بحاجة إلى التحكم بدقة في حجم الخط في مختلف الحالات والقرارات.
من ناحية أخرى ، عند استخدام وحدات القياس النسبية مثل النسب المئوية أو م ، سيتغير حجم الخط تلقائيا اعتمادا على حجم نافذة المتصفح أو الجهاز. على سبيل المثال ، إذا قمت بتعيين حجم الخط إلى 100 ٪ ، فسيكون دائما مساويا لحجم الخط الافتراضي لهذا العنصر وسيتكيف مع الشاشات المختلفة.
يعتمد الاختيار بين وحدات القياس المطلقة والنسبية على متطلبات مشروعك وأسلوب التصميم الخاص بك. إذا كنت بحاجة إلى تصميم أكثر مرونة واستجابة ، فستكون أحجام الخطوط النسبية هي الأفضل.
في فيجما ، من السهل تغيير نوع الخط وحجمه المطبق على أي عنصر من عناصر التصميم الخاص بك. يمكنك بسهولة ضبط قيم حجم الخط لحالات مختلفة ، مثل تحريك الماوس أو الحالة النشطة ، لإنشاء تجربة أكثر تفاعلية وتجربة مستخدم.
وبالتالي ، فإن استخدام أحجام الخطوط التكيفية في فيجما يسمح لك بإنشاء تصميم مرن ومكيف للشاشة. يمكنك بسهولة ضبط أحجام الخطوط بحيث تتغير تلقائيا اعتمادا على دقة الشاشة أو الجهاز ، مما يجعل تصميمك أكثر تنوعا وسهولة في الاستخدام.
استخدام وحدات قياس مختلفة في الخطوط في الشكل
في فيجما ، يمكنك استخدام وحدات قياس مختلفة لتحديد أحجام الخطوط. من خلال معرفة وحدات القياس المختلفة ، ستتمكن من إنشاء تصميمات أكثر مرونة وتكيفا.
1. بكسل (بكسل)
وحدات البكسل هي وحدة القياس الأكثر شيوعا للخطوط في فيجما. إنها وحدات بكسل مادية على الشاشة وعادة ما تستخدم للتحكم بدقة في أحجام الخطوط.
2. النقاط (حزب العمال)
تستخدم النقاط أيضا لقياس أحجام الخطوط في الشكل. إنها وحدة قياس مطلقة وتستخدم في كثير من الأحيان في الرسومات المطبوعة. 1 نقطة حوالي 1/72 من البوصة.
3. الفائدة ( ٪ )
يمكن استخدام النسب المئوية لقياس أحجام الخطوط النسبية. على سبيل المثال ، إذا قمت بتعيين حجم الخط إلى 100 ٪ ، فسيكون له حجم العنصر الأصل. يتيح لك ذلك إنشاء تصميمات أكثر استجابة يتم قياسها اعتمادا على حجم الشاشة أو الحاوية.
4. م
م هي وحدة قياس أخرى تستخدم لأحجام الخطوط النسبية. تعتمد قيمة م على حجم الخط الحالي. على سبيل المثال ، إذا كان لديك عنصر بحجم خط 16 بكسل وقمت بتعيين حجمه على 2 دقيقة ، فسيكون 32 بكسل. يتيح لك ذلك إنشاء تصميمات أكثر مرونة وقابلة للتطوير.
5. ريم
). تعتمد قيمة الريم على حجم خط الجذر هذا. على سبيل المثال ، إذا كان لديك عنصر بحجم خط 16 بكسل وقمت بتعيين حجمه على 2 ريم ، فسيكون 32 بكسل. يسمح لك ريم أيضا بإنشاء تصميمات أكثر مرونة وقابلة للتطوير.
باستخدام وحدات قياس مختلفة في الخطوط في فيجما ، يمكنك إنشاء مجموعة متنوعة من التصاميم التي تتكيف مع الأجهزة والسياقات المختلفة. يعتمد اختيار وحدة القياس المناسبة على متطلبات واحتياجات مشروعك.