تعمق في أنماط تصميم واجهة المستخدم ومكونات واجهة المستخدم + قم بإنشاء أنماط التصميم هذه باستخدام أداة التصميم figma
ماذا ستتعلم
تصميم واجهة المستخدم
تصميم واجهة المستخدم
أنماط تصميم واجهة المستخدم
أفضل الممارسات لتصميم واجهة المستخدم
متطلبات
كل المهارات ورائعة للمبتدئين
وصف
الجزء الأول
أنماط التصميم هي مجموعة من إرشادات وقواعد واجهة المستخدم التي تتعلق بكيفية استخدام المستخدمين للمنتجات وعناصر واجهة المستخدم. يعد فهم أنماط التصميم هذه أمرًا ضروريًا لأي مصمم UX أو UI. أشياء مثل حقول النموذج ، والقائمة المنسدلة ، وأشرطة التنقل ، وأشرطة علامات التبويب ، ومنتقي التاريخ ، وما إلى ذلك ، سنتعمق في كل مكون من مكونات واجهة المستخدم وسنغطي أفضل الممارسات لما يلي
• حقول النموذج
• أزرار
• هبوط قطرة
• منتقي التاريخ
• أزرار الاختيار ومربعات الاختيار والتبديل
• استمارات العنوان ونماذج البحث
• أشرطة علامات التبويب وأشرطة العناوين
• الأكورديون وعلامات التبويب
• أداة تلميحات والظلال
• الصور المصغرة و Carousel
• الوسائط و Lightboxes
• القوائم والأدراج
• المعالجات ، فتات الخبز و ترقيم الصفحات
• الأيقونات والصور
يمكن أن يكون استخدام أنماط التصميم مفيدًا للغاية ، غالبًا لأنها توفر الوقت (المال) وتحصل على نتائج أفضل بشكل أسرع. وهي الفلسفة الأساسية لتطوير التطبيقات الرشيقة. بصفتنا مصممين ، يمكننا الاستفادة من هذه الأنماط واستخدامها في اتخاذ قرارات التصميم اليومية لدينا لأن هذه الأنماط والمكونات تُستخدم يوميًا عبر العديد من تجارب المستخدمين وقد اعتاد المستخدمون على كيفية عمل هذه الأنماط. هذه الأنماط أقل خطورة من تصميم شيء ما من البداية أو إنشاء واجهة مستخدم جديدة تمامًا. لا نحتاج إلى تطبيقها تمامًا كما هي على كل مشكلة نواجهها ، ولكن يمكننا الاستفادة منها ، باستخدام خبرتنا لإبلاغ قراراتنا لأننا نعلم أن هذه الأنماط تعمل.
يتم إرفاق مواد الدورة وملف تصميم FIGMA.
بخصوص ملف فيجما
توجد تعليمات في الفيديو بعنوان 'مادة الدورة التدريبية' وقد أرفقت تعليمات أيضًا
هناك أيضًا مواد دورة تدريبية محددة مرفقة بكل موضوع فيديو ولكن يمكنك تنزيلها جميعًا في الفصل يسمى 'مادة الدورة التدريبية'
الجزء 2 - تصميم فيجما
لقد قدمت ملف Figma الذي سنستخدمه كمشروع يمكنك تنزيله. سنذهب بعد ذلك خطوة بخطوة ونبني مكونات التصميم داخل نماذج أولية حية معًا باستخدام أداة التصميم figma
أتمنى أن تستمتع بالدرس
لمن هذه الدورة
تجربة المستخدم ومصممي واجهة المستخدم
معاينة | الصفحة الرسمية
تحميل مباشر فقط العضوية المميزة
بسعر رمزي طريقة الاشتراك بالعضوية المميزة VIP
لكل جديد تابع القناة على تيلجرام
🆓 تحميل مجاني مباشر 🆓
موقع سوق المصمم غير مسؤول عن الاعلانات بمواقع الرفع الرجاء استخدام مانع اعلانات وبرنامج حماية
من لايملك خبرة بالبرامج المكركة وتصنيف برامج الحماية لها الرجاء عدم التحميل
استخدم مانع اعلانات تحميل مجاني من katfile
User Interface Design Patterns - by University UX Instructor.part1.rar
User Interface Design Patterns - by University UX Instructor.part2.rar
User Interface Design Patterns - by University UX Instructor.part3.rar
User Interface Design Patterns - by University UX Instructor.part4.rar
تحميل مجاني من Rapidgator
User Interface Design Patterns - by University UX Instructor.part1.rar
User Interface Design Patterns - by University UX Instructor.part2.rar
User Interface Design Patterns - by University UX Instructor.part3.rar
User Interface Design Patterns - by University UX Instructor.part4.rar
تحميل مباشر usersdrive
User Interface Design Patterns - by University UX Instructor.part1.rar
User Interface Design Patterns - by University UX Instructor.part2.rar
User Interface Design Patterns - by University UX Instructor.part3.rar
User Interface Design Patterns - by University UX Instructor.part4.rar
لفك الضغط اصدار جديد للون رار النسخة الكاملة WinRAR 6.0.2 Final
اكتشاف المزيد من سوق المصمم
اشترك للحصول على أحدث التدوينات المرسلة إلى بريدك الإلكتروني.
