🌙اليوم الرابع من دروس فيجما في رمضان
🌟كيف نعمل نظام تصميم في فيجما لحفظ الخطوط، الألوان المستخدمة والتأثيرات في التصميم
@OCreativeJobs
#figma
🌟كيف نعمل نظام تصميم في فيجما لحفظ الخطوط، الألوان المستخدمة والتأثيرات في التصميم
@OCreativeJobs
#figma
بالبداية ليه نحتاج نظام تصميم في فيجما. أولاً عشان يترتب شغلك بإن في مجموعة الوان وأحجام خطوط تقدر تستخدمها في كامل التصميم بدلاً من انك تستخدم أحجام او ألوان عشوائية. ثانياً لتسهيل عمل المبرمج عند برمجة التطبيق او الموقع بسهولة الوصول إلى أحجام الخطوط والألوان المستخدمة.
نبدأ كيف نضيف هذه الأشياء في فيجما. في فيجما تقدر تحفظ أربعة أشياء في الملف واللي هي الخطوط، الألوان، التأثيرات مثل الظلال و grid system واللي يترتب عليها التصميم.
🔹كيفية إضافة خطوط: مثل الموضح في الفيديو نختار الخط، ونضغط على الأيقونة عند text styles وبعدها أيقونة الإضافة.
📍لو كان عندك أكثر من مجموعة للخطوط مثل الخطوط الرئيسية والخطوط الفرعية استخدم علامة / مثل الفيديو.
📍لو كان عندك أكثر من مجموعة للخطوط مثل الخطوط الرئيسية والخطوط الفرعية استخدم علامة / مثل الفيديو.
تصير مثلاً اسم المجموعة (الخطوط الرئسية) / اسم الخط (H1).
تقدر تضيف في خانة description معلومات إضافة مثلاً متى تستخدم هذا الخط.
📍نفس الطريقة تقدر تستخدمها لو كان عندك أكثر من مجموعة ألوان.
تقدر تضيف في خانة description معلومات إضافة مثلاً متى تستخدم هذا الخط.
📍نفس الطريقة تقدر تستخدمها لو كان عندك أكثر من مجموعة ألوان.
🔹كيفية إضافة الألوان: نفس الطريقة المتبعة لإضافة الخطوط مثل الموضح في الفيديو.
🔹كيفية إضافة التأثيرات مثلاً الظلال : نفس الطريقة المتبعة لإضافة الخطوط والألوان. مثلاً البطاقة لها ظل فحفظته في نظام التصميم عشان اقدر استخدمه في البطاقات الثانية.
🔹كيفية إضافة Grid system: نفس الطرق السابقة مثل الموضح في الفيديو. الفائدة من حفظه عشان تقدر تستخدمه للواجهات الاخرى في التصميم.
وبس اتمنى انكم استفدتوا من هذا الدرس ولنا لقاء غداً ان شاء الله مع درس جديد 💙
جاري تحميل الاقتراحات...