أكاديمية قطوف
🛒
غلاف كتاب الإنفوجرافيك الشامل
كتاب من قطوف

كتاب الإنفوجرافيك الشامل

من البيانات إلى القصة البصرية

تعلم كيف تحول الأرقام والمعلومات الجافة إلى تصاميم بصرية مذهلة تحكي قصصاً مؤثرة.

150درساً
15فصلاً
15درساً مجانياً
ابدأ القراءة

محتويات الكتاب

الدروس المعلَّمة «مجاني» مفتوحة للجميع بلا تسجيل.

مدخل إلى عالم الإنفوجرافيك

1 ما هو الإنفوجرافيك؟ مجاني 🔒 تاريخ الإنفوجرافيك 🔒 أنواع الإنفوجرافيك 🔒 مجالات الاستخدام 🔒 سيكولوجية الإدراك البصري 🔒 مبادئ التصميم للبيانات 🔒 أخطاء شائعة يجب تجنبها 🔒 عناصر الإنفوجرافيك الناجح 🔒 تحليل نماذج عالمية 🔒 رحلة المصمم

فن قراءة البيانات

1 أنواع البيانات مجاني 🔒 مصادر البيانات الموثوقة 🔒 استخلاص القصة من الأرقام 🔒 اختيار البيانات الأهم 🔒 سياق البيانات 🔒 أخلاقيات عرض البيانات 🔒 تشويه البيانات 🔒 البيانات الزمنية 🔒 البيانات المكانية 🔒 تمرين تطبيقي

التخطيط والتنظيم البصري

1 تحديد الهدف والجمهور مجاني 🔒 اختيار الشكل المناسب 🔒 رسم السكيتش الأولي 🔒 التسلسل الهرمي للمعلومات 🔒 نظام الشبكة 🔒 التدفق البصري 🔒 التوازن والتناسب 🔒 المساحات البيضاء 🔒 أنماط التخطيط الشائعة 🔒 مشروع تخطيطي

العناصر البصرية

1 الأيقونات والرموز — لغة بصرية عالمية مجاني 🔒 اختيار الأيقونة المناسبة — الوضوح والملاءمة 🔒 الخطوط في الإنفوجرافيك — الطباعة الفعالة 🔒 الألوان ودلالاتها — علم نفس الألوان 🔒 لوحات ألوان البيانات — تدرجات وتباينات 🔒 الأشكال الهندسية — الدوائر والمستطيلات 🔒 الخطوط والموصلات — ربط العناصر بصرياً 🔒 الأرقام الكبيرة — تصميم الإحصاءات 🔒 دمج الصور — متى وكيف نستخدمها 🔒 بناء Design System — نظام متناسق

الرسوم البيانية

1 متى نستخدم أي رسم؟ مجاني 🔒 الأعمدة والشرائط 🔒 الخطوط والاتجاهات 🔒 الدوائر والنسب 🔒 المساحات والتراكم 🔒 الفقاعات والعلاقات 🔒 الخرائط الحرارية 🔒 المخططات الشجرية 🔒 تحسين الرسوم البيانية 🔒 مشروع شامل

مبادئ الحركة

1 لماذا الحركة؟ مجاني 🔒 مبادئ ديزني الـ 12 🔒 الضغط والتمدد 🔒 التوقع والاستباق 🔒 التوقيت والإيقاع 🔒 دوال التنعيم 🔒 المتابعة والتداخل 🔒 الحركة الثانوية 🔒 المبالغة والتضخيم 🔒 تطبيق على البيانات

سرد البيانات المتحركة

1 هيكل القصة المتحركة مجاني 🔒 الإيقاع السردي 🔒 تسلسل الظهور 🔒 الانتقالات 🔒 بناء التشويق 🔒 نقطة الذروة 🔒 الخاتمة المؤثرة 🔒 الصوت والموسيقى 🔒 التعليق الصوتي 🔒 مشروع قصة بيانات

تحريك أنواع البيانات

1 تحريك الأعمدة مجاني 🔒 تحريك الخطوط 🔒 تحريك الدوائر 🔒 تحريك الأرقام 🔒 تحريك الخرائط 🔒 تحريك المقارنات 🔒 تحريك الجداول الزمنية 🔒 تحريك الرسوم التدفقية 🔒 التحريكات الدقيقة 🔒 الأوركسترا البصرية

مبادئ التفاعلية

1 ما هو التفاعل؟ مجاني 🔒 أنواع التفاعلات 🔒 التغذية الراجعة البصرية 🔒 الوضوح التفاعلي (Affordance) 🔒 معلومات إضافية (Tooltips) 🔒 التصفية والترتيب 🔒 التكبير والتفاصيل (Zoom & Details) 🔒 التفاعل على الجوال (Touch-first) 🔒 السرد بالتمرير (Scroll-Driven) 🔒 أمثلة ملهمة لنماذج تفاعلية

تصميم تجربة البيانات

1 رحلة مستكشف البيانات مجاني 🔒 نقاط الدخول (Entry Points) 🔒 التوجيه vs الحرية (Guided vs Freedom) 🔒 حالات البيانات (Data States) 🔒 الوصولية (Accessibility) 🔒 سهولة الفهم (Simplicity) 🔒 التسلسل الهرمي البصري (Visual Hierarchy) 🔒 التوازن والتركيبة (Balance) 🔒 تصميم الأنظمة البصرية (Design Systems) 🔒 مشروع: بناء خريطة تجربة البيانات

أساسيات الويب للمصممين

1 كيف يعمل الويب؟ مجاني 🔒 HTML: الهيكل 🔒 CSS: المظهر 🔒 JavaScript: السلوك 🔒 SVG للرسومات 🔒 التصميم المتجاوب 🔒 الحركة بـ CSS 🔒 مكتبات الرسوم 🔒 أدوات بلا كود 🔒 التعاون مع المطوّرين

سرد التمرير (Scrollytelling)

1 ما هو سرد التمرير؟ مجاني 🔒 هيكل القصة الطويلة 🔒 تفعيل الحركة بالتمرير 🔒 العناصر الثابتة 🔒 تأثيرات العمق (Parallax) 🔒 مؤشرات التقدم 🔒 نقاط التوقف 🔒 التوازن في الطول 🔒 أمثلة ملهمة 🔒 مشروع: مخطط قصتك

Dashboard ولوحات البيانات

1 ما هو الـ Dashboard؟ مجاني 🔒 أنواع الـ Dashboards 🔒 تخطيط اللوحة 🔒 اختيار المؤشرات (KPIs) 🔒 الترابط بين العناصر 🔒 الفلترة الذكية 🔒 التحديث الحي 🔒 الوضع الداكن 🔒 اللوحة على الجوال 🔒 مشروع: لوحة كاملة

الإنفوجرافيك بالذكاء الاصطناعي

1 الذكاء الاصطناعي للمصممين مجاني 🔒 أدوات التوليد 🔒 تشريح الأمر (Prompt) 🔒 وصف الأسلوب البصري 🔒 وصف عناصر الإنفوجرافيك 🔒 تحدّي النص العربي 🔒 تحسين النتائج 🔒 سير العمل الهجين 🔒 أخلاقيات الاستخدام 🔒 مشروع: إنفوجرافيك هجين

هندسة البرومبت للإنفوجرافيك

1 ما هي هندسة البرومبت؟ مجاني 🔒 هيكل الـ Prompt المثالي 🔒 كلمات القوة 🔒 أوامر الرسوم البيانية 🔒 أوامر التخطيطات 🔒 أوامر الأيقونات 🔒 أوامر الألوان 🔒 أوامر الاستثناء 🔒 مكتبة أوامرك 🔒 المشروع الختامي