يأخذك هذا الكتاب في رحلة عملية من الصفر إلى الإتقان في تصميم واجهات وتجربة المستخدم باستخدام برنامج Figma، وهو أحد أقوى وأبسط أدوات التصميم بمجال UI/UX .

يتكون الكتاب من 140 صفحة غنية بالشرح التطبيقي، والنصائح العملية، والأمثلة البصرية التي تسهّل الفهم وتُسرّع التعلم.

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

كما يتناول الكتاب أساسيات التفكير التصميمي (Design Thinking) ومبادئ تجربة المستخدم (UX Principles) بطريقة مبسطة ومناسبة للمبتدئين والمصممين الجدد.

أسلوب الشرح في الكتاب عملي وسهل، مع أمثلة واقعية وتطبيقات يمكنك تنفيذها مباشرة داخل Figma، مما يجعله المرجع المثالي لكل من يرغب في دخول عالم تصميم الواجهات UI/UX بخطوات ثابتة وواضحة.

وبسعر مناسب ومحتوى متكامل، يعد هذا الكتاب دليلك الأول لبناء تصاميم حديثة وجذابة تنال إعجاب المستخدمين والعملاء على حد سواء.

محتويات الكتاب (رقم الصفحة):

مقدمة الكتاب 8

ما هو تصميم واجهات وتجربة المستخدم (UI/UX)؟ 9

مالمقصود بـ UI ؟ 10

مالمقصود بـ UX ؟ 10

العلاقة بين UI و UX 11

أدوات تصميم UI/UX 13

مبادئ تجربة المستخدم (UX Principles) 14

فهم احتياجات المستخدم 15

تحديد الفئة المستهدفة 15

دراسة الأهداف والمشاكل 18

إنشاء شخصيات المستخدم 21

رحلة المستخدم 25

جمع البيانات من المستخدمين مباشرة 28

التركيز على الحلول الواقعية 29

التدفق المنطقي (User Flow) 30

مبادئ تصميم واجهة المستخدم UI 32

الفرق بين خطط اشتراك Figma 33

تغيير مظهر واجهة Figma 36

ضبط مقاس مساحة العمل 37

تغير لون مساحة العمل 39

أدوات الأشكال الجاهزة 40

الرسم بالبن تول 41

إضافة الصور إلى مساحة العمل 42

إضافة الصورة داخل إطار 43

معالجة الصور داخل Figma 46

مكتبة الملفات المجانية 47

ترتيب المسافات بين الأيقونات 49

إضافة النصوص 51

دليل الكلمات المفتاحية لعناصر UI 54

التكامل بين Illustrator و Figma 55

إضافة الشعار إلى مساحة العمل 56

سحب ألوان الفيكتور 57

تصميم الأزرار (Buttons) 58

إضافة الأيقونات داخل الأزرار 62

استخدام ميزة Component 63

التباين البصري بين النصوص والرموز والخلفيات 65

مواقع لاختيار الألوان المتناسقة 66

تصميم بطاقة للمنتج 68

التنظيم الذكي باستخدام Auto Layout 69

تحميل العناصر واستخدامها 73

شبكة (Grid) 76

دور المسافات البيضاء (White Space) 77

كيف تبني شبكة (Grid) 78

شبكة (Grid) للجوال 79

شبكة (Grid) للكمبيوتر 80

شبكة (Grid) للأيباد 81

إنشاء أنماط (Styles) في Figma 82

كيف تنشئ Style في Figma؟ 83

النماذج الأولية (Prototyping) 86

نقل التصاميم على واجهه مختلفة 87

تصغير العناصر 88

ربط الصفحات 92

تغير أسماء الصفحات 93

اختبار النماذج على الهاتف 94

إنشاء التفاعلات والانتقالات 97

شرح ميزة Variants 98

تغيير اللون مع تفاعل الزر 105

أزرار زيادة ونقصان بقيمة محدودة 109

التحريك الذكي 121

التدرج اللوني في التحريك 125

تحريك الأيقونات 126

نصائح متنوعة 127

سر التناسق في الزوايا الدائرية 128

اختصارات Figma 129

التعاون والمشاركة 130

التغذية البصرية بمجال UI 134

معرض الأعمال (Portfolio) 135

أهمية تصميم UI/UX للشركات الكبرى 136

الخاتمة 138

تقييمك للكتاب 139

مواصفات الكتاب :

• عدد صفحات الكتاب: 140 صفحة.
• الكتاب فقط نسخة إلكترونية بصيغة PDF
• يمكن قراءة الكتاب على الجوال أو الأيباد أو الكمبيوتر المكتبي أو اللابتوب

طريقة تحميل الكتاب:

بعد الشراء تستطيع تحميل الكتاب من خلال الدخول على قائمة طلباتي ثم رقم الطلب

بعدها ستجد ملف الكتاب

تحميل كتاب دليل المبتدئين لتصميم واجهات المستخدم UI/UX ببرنامج Figma

واستمتع بقراءة ممتعة ومفيدة