في عملية تطوير تصميم الويب ، أحد المكونات الرئيسية هو اختيار الخط. إنه يحدد الجو العام والشعور الذي سيحصل عليه المستخدم عند التفاعل مع الموقع أو التطبيق. فيجما ، أداة تصميم شعبية ، ويقدم مجموعة واسعة من الخطوط التي تدعم مختلف اللغات والأساليب.
واحدة من المزايا الرئيسية لفيجما هي القدرة على استخدام خطوط جوجل. تتيح لك هذه الميزة تحديد الخط المطلوب من العدد الضخم المتاح في خطوط جوجل وتطبيقه على الفور على المشروع. يمكنك أيضا إضافة الخطوط الخاصة بك عن طريق تحميلها على فيغما.
وبالإضافة إلى ذلك ، فيغما يقدم العديد من الأدوات للعمل مع الخطوط ، مثل تغيير الحجم ، والمحاذاة ، والتنسيق ، وتعديل تباعد الأسطر. من خلال الجمع بين الخطوط المختلفة ، يمكنك إنشاء أنماط وتأثيرات فريدة تجعل مشروعك متميزا عن البقية.
في هذه المقالة ، سنلقي نظرة على أمثلة للخطوط المختلفة المتوفرة في فيجما ونقدم نصائح حول كيفية استخدامها. سوف تكون قادرا على اختيار الخط الأنسب للمشروع الخاص بك وتخصيصه وذلك لتحقيق التأثير المطلوب وتعزيز الانطباع من تفاعل المستخدم.
- أفضل الخطوط لفيجما
- حجم الخط ونوعه ولونه
- سهولة القراءة والأسلوب المناسب
- استخدام الخطوط في فيجما
- ربط الخطوط
- تطبيق الخطوط على التصميم
أفضل الخطوط لفيجما
1. روبوتو
أصبح هذا الخط شعبية بسبب استخدامه في تصميم المواد جوجل. يتمتع روبوتو بمظهر حديث ونظيف ، مما يجعله متعدد الاستخدامات لأي مشروع.
2. مونتسيرات
مونتسيرات مثالية لعناوين وتسليط الضوء على المعلومات الهامة. تصميمه الهندسي يعطي التصميم نظرة حديثة وفريدة من نوعها.
3. فتح بلا
فتح بلا لديه تصميم بسيط وقابل للقراءة ، مما يجعلها مثالية للنص كبير الحجم. يضيف الوضوح والدقة إلى أي مشروع.
4. لاتو
لاتو هو خط متوازن مع خطوط نظيفة وسهولة القراءة. وهو مثالي للاستخدام في الفقرات والنص العادي.
5. بوبينز
بوبينز هو الخط الحديث مع قراءة جيدة على أي شاشة. إنه بسيط ومناسب للاستخدام في تصميم الويب وتطبيقات الهاتف المحمول.
يمكن أن يكون اختيار الخطوط في فيجما عملية معقدة. ومع ذلك ، مع هذه القائمة من أفضل الخطوط ، يمكنك اختيار واحد الذي يناسب أي نمط من المشروع في فيغما.
حجم الخط ونوعه ولونه
حجم الخط
يحدد حجم الخط حجم النص الذي سيتم عرضه. في فيجما ، يمكنك تغيير حجم الخط باستخدام شريط الأدوات أو اختصارات لوحة المفاتيح. يوصى بتحديد الحجم ، مع مراعاة نوع المحتوى والخط المحدد.
نوع الخط
يسمح لك نوع الخط (غامق ، مائل) بتمييز النص وإضافة لهجة إليه. في فيجما ، يمكنك استخدام خيارات الخط المختلفة عن طريق إضافة الأنماط المناسبة لهم. من المهم أن تتذكر أنه لا تدعم جميع الخطوط جميع أنواع الخطوط ، لذا تحقق بعناية من إمكانيات الخط المحدد.
لون الخط
يحدد لون الخط تمثيله المرئي. في فيغما ، يمكنك تعيين لون الخط باستخدام لوحة الألوان أو القيم عرافة / رغب. من المستحسن اختيار لون الخط الذي يتناقض بشكل جيد مع الخلفية ويضمن سهولة قراءة النص.
سيساعدك تطبيق حجم الخط والمظهر واللون المناسبين على إنشاء تصميم فعال وجذاب في فيجما.
سهولة القراءة والأسلوب المناسب
يعد اختيار الخط الصحيح في فيجما ذا أهمية كبيرة لضمان سهولة قراءة النص. يجب أن يكون الخط سهلا للعين وله وضوح جيد حتى يتمكن المستخدم من قراءة المحتويات بسهولة.
يعد فهم نمط الخط المناسب لمشروعك عاملا مهما أيضا. يمكن أن تخلق الخطوط المختلفة أمزجة مختلفة وتنقل مشاعر مختلفة. على سبيل المثال ، قد تتطلب مشاريع الأعمال الجادة خطوطا كلاسيكية ورسمية ، في حين أن المشاريع الإبداعية يمكن أن تحمل أسلوبا أكثر مرحا وتجريبيا.
يمكن أيضا استخدام الخطوط لإنشاء تسلسل هرمي مرئي في النص. يمكن تنسيق بعض أجزاء النص بخط غامق أو مائل لجذب انتباه القارئ أو إبراز المعلومات المهمة. استخدم العلامة القوية للنص الغامق والعلامة إم للخط المائل.
أخيرا ، لا تنس حجم الخط. يجب أن يكون الحجم كبيرا بما يكفي لتسهيل قراءة النص على الشاشات والأجهزة المختلفة. يوصى باستخدام حجم خط من 16 إلى 24 بكسل ، اعتمادا على سياق الاستخدام.
استخدام الخطوط في فيجما
في فيجما ، يمكنك استخدام خطوط مختلفة لإنشاء مشاريع التصميم الخاصة بك. يمكن أن تلعب الخطوط دورا مهما في إنشاء مظهر فريد وجذاب لتصميمك.
لاستخدام الخط في فيجما ، تحتاج إلى تثبيته على جهازك. للقيام بذلك ، ستحتاج إلى الحصول على ملف خط بالتنسيق.صندوق النقد الدولي أو .أوتف وتثبيته على نظام التشغيل الخاص بك.
بمجرد تثبيت الخط ، يمكنك استخدامه في فيجما. للقيام بذلك ، تحتاج إلى فتح مشروع التصميم الخاص بك وتحديد عنصر النص المطلوب. ثم يمكنك تحديد خط من القائمة المنسدلة للخط في إعدادات النص.
يمكنك أيضا إضافة الخطوط الخاصة بك إلى فيغما عن طريق تحميل ملفاتهم إلى "الأصول" أو "الخطوط". تحتاج إلى التعرف على ترخيص الخط والتأكد من أن لديك الحق في استخدامها في مشاريعك.
| مزايا استخدام الخطوط في فيجما | مساوئ استخدام الخطوط في الشكل |
|---|---|
| * إنشاء علامة تجارية فريدة من نوعها | * مشاكل التوافق الخط الممكنة عبر الأجهزة |
نتيجة لذلك ، يمكن أن يؤدي استخدام الخطوط في فيجما إلى تحسين الجودة المرئية لتصميمك بشكل كبير وإضافة تفرد إلى علامتك التجارية. ومع ذلك ، عند اختيار الخطوط ، تأكد من توافقها مع أجهزتك ولن تسبب مشاكل عند عرضها على شاشات مختلفة.
ربط الخطوط
لاستخدام خطوط مختلفة في فيجما ، تحتاج إلى توصيلها بشكل صحيح. هناك عدة طرق للقيام بذلك:
خطوط النظام:
في فيجما ، يمكنك استخدام الخطوط المتوفرة على نظام التشغيل الخاص بك. للقيام بذلك ، تحتاج فقط إلى تحديد الخط المطلوب من قائمة الخطوط في أدوات تحرير النص.
ومع ذلك ، يرجى ملاحظة أن مشكلات التوافق قد تحدث عند استخدام خطوط النظام ، حيث قد يتم عرض الخطوط بشكل مختلف على أنظمة تشغيل مختلفة.
خطوط الويب:
لتوفير عرض خط أكثر قابلية للتنبؤ في فيجما ، يمكنك استخدام خطوط الويب. للقيام بذلك ، تحميل ملفات الخط (عادة في وف أو وف 2 الأشكال) وربطها عبر خصائص كس.
أولا ، قم بتحميل ملفات الخطوط إلى الخادم الخاص بك أو استخدم خدمات الخطوط مثل خطوط جوجل أو خطوط أدوبي.
ثم أضف الكود التالي إلى ملف كس الخاص بك:
@الخط الوجه {
عائلة الخط:'اسم مقتصد';
في هذه الحالة ، يجب أن تكون قادرا على تحديد ما إذا كنت ترغب في تحديد ما إذا كنت ترغب في تحديد ما إذا كنت ترغب في ذلك.وف') شكل ('وف'),
هذا هو السبب في أنه من الأفضل أن تكون قادرا على القيام بذلك.ووف 2') شكل ('ووف 2');
الخط الوزن: عادي;
نمط الخط: عادي;
}
حدد اسم الخط بدلا من' اسم الخط '، والمسار إلى ملفات الخط بدلا من'اسم المسار'.
بعد ذلك ، ستتمكن من تحديد هذا الخط في فيجما من قائمة الخطوط عند تحرير النص.
أدوبي الخطوط:
إذا كان لديك اشتراك أدوبي سحابة الإبداعية ، يمكنك استخدام الخطوط من أدوبي الخطوط (المعروفة سابقا باسم تيبكيت) في فيغما.
للقيام بذلك ، تثبيت البرنامج المساعد أدوبي الخطوط ل فيغما ، ثم إضافة مفتاح أبي في إعدادات البرنامج المساعد ، والتي يمكن الحصول عليها على صفحة أدوبي الخطوط.
بعد توصيل أدوبي الخطوط إلى فيغما ، يمكنك تحديد الخطوط مباشرة من مكتبة أدوبي الخطوط واستخدامها في المشاريع الخاصة بك.
لا تنس التحقق من ترخيص استخدام الخطوط المحددة في فيجما ، خاصة عند استخدامها في المشاريع التجارية.
تطبيق الخطوط على التصميم