UI/UX Design with Figma

تعلّم تصميم منتجات رقمية يجد الناس استخدامها سهلاً وممتعاً. تتبّع المراحل الكاملة للتصميم المتمحور حول المستخدم

7 أيامتأسيسي11 وحدة

نظرة عامة

تعلّم تصميم منتجات رقمية يجد الناس استخدامها سهلاً وممتعاً. تتبّع المراحل الكاملة للتصميم المتمحور حول المستخدم، بدءاً من فهم المستخدمين عبر البحث والشخصيات الافتراضية (Personas) ورحلات المستخدم، وصولاً إلى تنظيم المحتوى ورسم مسارات الاستخدام.

وفي Figma تنشئ المخططات الهيكلية (Wireframes) والواجهات المتقنة والنماذج الأولية التفاعلية ومكتبة مكوّنات قابلة لإعادة الاستخدام، مطبّقاً مبادئ سليمة في التخطيط والطباعة والألوان وإمكانية الوصول، بما في ذلك الشاشات ثنائية اللغة والمصمّمة من اليمين إلى اليسار. وتختتم الدورة بدراسة حالة متكاملة جاهزة لملف أعمالك.

ما ستتعلّمه

المحتوى التقني أدناه معروضٌ باللغة الإنجليزية كما ورد في منهاج الدورة، حفاظاً على دقّة المصطلحات.

Explain the principles of user-centred design and the UX process
Plan and run simple user research and turn findings into personas and journeys
Structure content with information architecture and user flows
Create wireframes and high-fidelity interfaces in Figma
Apply layout, typography, colour and accessibility principles
Build interactive prototypes and test them with users
Create reusable components and a simple design system
Prepare designs and specifications for hand-off to developers

المنهاج

11 وحدة

What UX and UI design mean
The user-centred design process
Roles in a product team
Examples of good and poor design

Planning user research
Interviews and surveys
Personas
User journey maps

Organising content
Card sorting
Sitemaps
User flows and task analysis

The Figma interface
Frames, shapes and layers
Working with text and images
Collaboration and comments

Low-fidelity sketching
Digital wireframes in Figma
Layout grids
Designing for mobile and desktop

Hierarchy and spacing
Typography
Colour and contrast
Accessibility basics

Auto layout fundamentals
Constraints and resizing
Responsive screens
Right-to-left and bilingual layouts

Creating components
Variants and properties
Styles and variables
Building a simple design system

Linking screens
Interactions and transitions
Overlays and scrolling
Sharing prototypes

Planning a usability test
Running test sessions
Analysing findings
Iterating on designs

Preparing files for hand-off
Specifications and exporting assets
Presenting your design
Building a portfolio case study

لمن هذه الدورة

المصمّمون الطموحون والمطوّرون والمسوّقون وأعضاء فرق المنتجات الراغبون في أساس عملي في تصميم واجهات المستخدم وتجربته باستخدام Figma.

قبل أن تبدأ

Comfortable using a computer and web applications
No previous design experience is required

الدبلومات

جزءٌ من هذه الدبلومات

دبلوم العالمية في تصميم وتطوير المواقع

3 أيام

تفاصيل الدورة ←

لنرسم خطوتك التالية معاً.

أخبرنا بالدورة أو الشهادة التي تهمّك، ونرسل لك المنهاج والمواعيد القادمة والرسوم وخيارات التدريب الخاص لفريقك.

تحدّث إلى مستشار ←واتساب