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

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

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

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

90% من دروس هذا الكتاب ليست نصّاً تمشي فيه: فيها ما تحرّكه وتغيّره وترى أثره في الصفحة نفسها — بلا برنامج تفتحه ولا ملفّ تنزّله.

150درساً
15فصلاً
135بمختبر تفاعلي
3درساً مجانياً

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

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

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

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

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

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

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

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

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

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

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

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

مبادئ الحركة

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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