معرفة بعض أنظمة تصميم واجهات الموقع UI
أهداف درس الخطوات الإجرائية الأساسية لتصميم واجهات الموقع الإلكتروني
المفاهيم الرئيسية لدرس الخطوات الإجرائية الأساسية لتصميم واجهات الموقع الإلكتروني
يمكنك البحث عن المزيد من أنظمة تصميم واجهات الموقع UI مع ذكر وصف لها في الفراغات الآتية:
الخطوات الإجرائية لبدء العمل في أحد برامج تصميم واجهة الموقع UI: أولا: تسجيل الدخول على creativecloud.adobe.com/apps.
برنامج أدوبي إكس دي Adobe XD:
ثانيا: اختيار تثبيت أو تنزيل تطبيق XD من بين التطبيقات.
ثالثا: التعريف بواجهة صفحة برنامج AdobexD
رابعًا: إنشاء ملف جديد في برنامج AdobeXD
خامسا: التعرف على مساحة العمل Workspace.
بتطبيق الخطوات الإجرائية لبدء العمل في برنامج Adobe XD قم بإنشاء ملف من نوع 1920 WEB والتعرف على أيقونات البرنامج وحفظ الملف.
الخطوات الإجرائية للتعامل مع الأدوات الأساسية لبرنامج Adobe XD
خطوات التعرف على مساحة العمل Workspace: معاينة على الجهاز Preview on device
أولاً: التعامل مع الأدوات الأساسية في برنامج Adobe XD التعامل مع الكائنات:
التعامل مع أدوات الرسم Pin, Line
الخطوة الثالثة للتعامل مع الكائنات
استخدم أدوات الرسم في برنامج Adobe XD المحاكاة الأشكال في الصورة أدناه مع تعبئة الألوان وتطبيق بعض العمليات مثل النسخ وتعديل الأشكال والزوايا والإنحناءات.
التعامل مع الحدود التعبئة الخطوط المتقطعة
استخدم أداتي Pin و Line لمحاكاة الرسم في الصورة رقم (1)
عدل أحد الأشكال، مع شرح العمليات التي نفذتها لإجراء التعديل.
استخدم أدوات الرسم في برنامج Adobe XD المحاكاة رسم الأشكال الثلاثة في الصورة أدناه في ضوء قيم التعبئة والحدود الآتية:
التعامل مع تقاطع الأشكال:
ارسم عدة أشكال متشابهة و قدم تجربة عن كيفية التعامل مع تقاطع الأشكال في التصميم.