رتبها

فاطمة العمودي 🌻 | UI/UX Designer

13 تغريدة 16 قراءة Apr 13, 2023

🌙درسنا الواحد والعشرون من دورس تعلم فيجما بيكون عن:
🌟أنواع صيغ التصدير (Export) المدعومة في فيجما وكيف نصدّر تصاميمنا
#figma
@Designers_Sup

بالبداية فيجما تسمح لك تصدّر تصاميمك في عدة صيغ. بنتعرف في هذا الدرس على أنواعها ومتى نستخدم كل نوع.
الصيغ المدعومة👇🏻:

🔹PNG: هذي الصيغة تصدّر صورة تدعم الشفافية والالوان وتحافظ على جودة التصميم ووضوح الخط. عيبها ان حجم الصورة كبير.
📍افضل صيغة تقدر تستخدمها لعرض تصاميمك في ملف الأعمال.

تقدر تحدد مدى دقة التصميم من خلال القيمة الموجودة جنب x. الافتراضي 1x وكل مازاد الرقم جنب x زادت جودة الصورة من خلال زيادة ابعادها وزاد ايضاً حجم ملف الصورة.
تقدر ايضاً تحدد عرض الصورة من خلال (الرقمw) وارتفاع الصورة من خلال (الرقمh).

🔹JPG: هذي الصيغة تصدر صورة اقل جودة من صيغة PNG وحجمها أقل.
📍افضل تستخدمها لما تحتاج الصورة في موقع او تطبيق عشان مايأثر على سرعة الموقع او التطبيق. نفس الشئ تقدر تحدد جودة الصورة من خلال القيمة الموجودة جنب x

الإعدادات اللي تقدر تغيرها في كل من PNG, JPG:
- Ignore overlapping layers:
بيصدر الطبقات اللي اخترتها وبيتجاهل الطبقات الاخرى اللي تتداخل مع الطبقات المختارة
- Include bounding text:
لو كان في نص خارج الحجم الصورة المختار واخترت هذا الخيار بيتغير حجم الصورة عشان يشمل النص.

🔹SVG: افضل صيغة لتصدير الرسومات والشعارات لان جودتها ماتقل كل ما تغيرت أبعاد الصورة.

الإعدادات اللي تقدر تغيرها في SVG مع الخاصيتين اللي في PNG, JPG:
- Include “id” attribute:
مفيدة للمبرمجين اللي يحتاجون يكون في ملف الصورة id
- Outline text:
اذا كانت مختارة ماتقدر تعدل على النص الموجود في الصورة بعد التصميم إذا غير مختارة تقدر تعدل