‫وتصميم‬ ‫تخطيط‬
‫االنفوجرافيك‬
‫والثالث‬ ‫الثاني‬ ‫اليومان‬
‫أبوصالح‬ ‫ميس‬
abusalah@promosteer.com
@maisabusalah
By: Mais AbuSalah
abusalah@promosteer.com
@maisabusalah
•‫والمحت‬ ‫االلكتروني‬ ‫التسويق‬ ‫مجال‬ ‫في‬ ‫تعمل‬ ‫أبوصالح‬ ‫ميس‬‫وى‬
‫من‬ ‫أكثر‬ ‫منذ‬ ‫اإلنترنت‬ ‫على‬ ‫المرئي‬10‫سنوات‬.‫تسويق‬ ‫مديرة‬
‫األو‬ ‫للشرق‬ ‫تسويق‬ ‫مديرة‬ ‫و‬ ،‫مكتوب‬ ‫في‬ ّ‫ا‬‫سابق‬ ‫الكتروني‬‫وشمال‬ ‫سط‬
‫ياهو‬ ‫في‬ ‫افريقيا‬.‫ساه‬ ‫و‬ ‫كبيرة‬ ‫رقمية‬ ‫مشاريع‬ ‫بعدة‬ ‫شاركات‬‫مت‬
‫مستشا‬ ،‫اإلنترنت‬ ‫على‬ ‫التسويق‬ ‫الحمالت‬ ‫من‬ ‫العديد‬ ‫بإطالق‬‫في‬ ‫رة‬
‫اإللكترونية‬ ‫للمواقع‬ ‫الزيارات‬ ‫تحليل‬ ‫مجال‬‫سلوك‬ ‫دراسة‬ ‫و‬
‫،و‬ ‫المستخدمين‬‫أسالي‬ ‫و‬ ‫البحث‬ ‫محركات‬ ‫عمل‬ ‫آلية‬ ‫في‬ ‫خبيرة‬‫ب‬
‫الذكية‬ ‫الرقمية‬ ‫الكتابة‬,‫وتطوي‬ ‫استخدام‬ ‫شهادات‬ ‫على‬ ‫وحائزة‬‫ر‬
‫كلية‬ ‫من‬ ‫و‬ ‫جوجل‬ ‫من‬ ‫البحث‬ ‫محركات‬ ‫على‬ ‫المواقع‬ ‫وتسويق‬
Search Engine‫استراليا‬ ‫في‬.‫االجتماع‬ ‫اإلعالم‬ ‫نادي‬ ‫في‬ ‫عضو‬‫ي‬
‫الدولي‬–‫اإلمارات‬ ‫فرع‬.‫االجتماعي‬ ‫اإلعالم‬ ‫منتدى‬ ‫في‬ ‫متحدثة‬
‫اإلعالم‬ ‫لرواد‬–‫البحرين‬
•‫الخاصة‬ ‫شركتها‬ ‫إدارة‬ ‫على‬ ً‫ا‬‫حالي‬ ‫تعمل‬(‫بروموستير‬)‫والت‬ ،‫تقوم‬ ‫ي‬
‫جديدة‬ ‫حاجات‬ ‫تخدم‬ ‫الكترونية‬ ‫وأنظمة‬ ‫مواقع‬ ‫وتسويق‬ ‫بإنشاء‬
‫والتدري‬ ‫التسويق‬ ‫خدمات‬ ‫إلى‬ ‫باإلضافة‬ ، ،‫واألفراد‬ ‫للشركات‬‫ب‬
‫للعمالء‬ ‫واالنفوجرافيك‬ ‫اللوجو‬ ‫وتصميم‬.
•
•‫تويتر‬ ‫طريق‬ ‫عن‬ ‫تغريداتها‬ ‫متابعة‬ ‫يمكن‬:@maisabusalah
‫المدرب‬ ‫عن‬ ‫نبذة‬
By: Mais AbuSalah
abusalah@promosteer.com
@maisabusalah
‫اليومين‬ ‫أجندة‬2‫و‬3
By: Mais AbuSalah
abusalah@promosteer.com
@maisabusalah
•‫اإلنفوجرافيك‬ ‫أنواع‬:‫الثابت‬ ‫اإلنفوجرافيك‬,‫المتح‬ ‫اإلنفوجرافيك‬،‫رك‬
‫التفاعلي‬ ‫اإلنفوجرافيك‬
•‫البيانات‬ ‫مفهوم‬
•‫لإلنفوجرافيك‬ ‫الكتابة‬
•‫لإلحصائية‬ ‫للبيانات‬ ‫المصور‬ ‫العرض‬
•‫الثابت‬ ‫اإلنفوجرافيك‬ ‫تعريف‬
By: Mais AbuSalah
abusalah@promosteer.com
@maisabusalah
•‫الثابت‬ ‫اإلنفوجرافيك‬ ‫تصميم‬ ‫برمجيات‬(‫ل‬ ‫رسومية‬ ‫برمجيات‬‫تصميم‬
‫الثابت‬ ‫اإلنفوجرافيك‬)
•‫للتصميم‬ ‫ويب‬ ‫مواقع‬
•‫البكتوشارت‬ ‫إلى‬ ‫مدخل‬
•‫الفوتوشوب‬ ‫برنامج‬ ‫إلى‬ ‫مدخل‬
•‫اإللوستريتور‬ ‫برنامج‬ ‫إلى‬ ‫مدخل‬
•‫تطبيق‬:‫ثابت‬ ‫انفوجرافيك‬ ‫نموذج‬ ‫على‬ ‫التعديل‬
‫اليومين‬ ‫أجندة‬2‫و‬3
By: Mais AbuSalah
abusalah@promosteer.com
@maisabusalah
‫اإلنفوجرافيك‬ ‫أنواع‬
(‫العرض‬ ‫حيث‬ ‫من‬:)
(1‫ثابت‬ ‫إنفوجرافيك‬
(2‫متحرك‬ ‫إنفوجرافيك‬:
‫أ‬-‫متحركة‬ ‫صورة‬
‫ب‬–‫متحرك‬ ‫فيديو‬
3)‫تفاعلي‬ ‫إنفوجرافيك‬
‫اإلنفوجرافيك‬ ‫أنواع‬
By: Mais AbuSalah
abusalah@promosteer.com
@maisabusalah
‫اإلنفوجرافيك‬ ‫أنواع‬(‫من‬
‫التخطيط‬ ‫حيث‬:)
(1‫شعاعي‬
(2‫عمليات‬ ‫تدرج‬
(3‫جداول‬
(4‫توضيحية‬ ‫رسوم‬
(5‫بياني‬ ‫مخطط‬
(6‫خرائط‬
(7‫عالقات‬
(8‫قوائم‬
‫اإلنفوجرافيك‬ ‫أنواع‬
By: Mais AbuSalah
abusalah@promosteer.com
@maisabusalah
‫الثابت‬ ‫اإلنفوجرافيك‬
‫الثابت‬ ‫االنفوجرافيك‬:‫بعض‬ ‫يشرح‬ ‫ثابت‬ ‫بمحتوى‬ ‫تصميم‬
‫االنفوجرافيك‬ ‫صاحب‬ ‫يختاره‬ ‫معين‬ ‫موضوع‬ ‫عن‬ ‫المعلومات‬.
By: Mais AbuSalah
abusalah@promosteer.com
@maisabusalah
‫المتحرك‬ ‫اإلنفوجرافيك‬-‫الصورة‬
‫المتحرك‬ ‫اإلنفوجرافيك‬(‫الصورة‬):‫تصميم‬
‫متحر‬ ‫بشكل‬ ‫والمعلومات‬ ‫والتوضيحات‬ ‫البيانات‬‫ك‬
‫كامل‬.
‫واختيار‬ ‫االبداع‬ ‫من‬ ‫الكثير‬ ‫النوع‬ ‫هذا‬ ‫يتطلب‬
‫بطريق‬ ‫اخراجه‬ ‫في‬ ‫تساعد‬ ‫التي‬ ‫المعبرة‬ ‫الحركات‬‫ة‬
‫كامل‬ ‫سيناريو‬ ‫لها‬ ‫يكون‬ ‫وكذلك‬ ‫وممتعة‬ ‫شيقة‬
‫النوع‬ ‫لهذا‬ ‫النهائي‬ ‫إلخراج‬.
‫أمثلة‬:
http://www.webbymonks.com/infographic/webtesting/infograph.html
http://animagraffs.com/flat-screen-displays/
http://animagraffs.com/how-a-car-engine-works/
By: Mais AbuSalah
abusalah@promosteer.com
@maisabusalah
‫المتحرك‬ ‫اإلنفوجرافيك‬-‫الفيديو‬
‫التوض‬ ‫و‬ ‫البيانات‬ ‫عليه‬ ‫ويوضع‬ ‫عادي‬ ‫فيديو‬‫يحات‬
‫الحقائق‬ ‫بعض‬ ‫إلظهار‬ ‫متحرك‬ ‫جرافيك‬ ‫بشكل‬
‫نفسه‬ ‫الفيديو‬ ‫على‬ ‫والمفاهيم‬.
‫مثال‬:
https://www.youtube.com/watch?v=oMtjZkrTiJ8&list=PLE6559FFD78441DF5&index=2
https://www.youtube.com/watch?v=Qh7m9B2Swoo
By: Mais AbuSalah
abusalah@promosteer.com
@maisabusalah
•‫اإلنفوجرافيك‬
‫التفاعلي‬:
‫يتغ‬ ‫إنفوجرافيك‬‫ير‬
‫معه‬ ‫بتفاعلك‬.
•‫مثال‬:
http://avalaunchmedi
a.com/history-of-
social-
media/Main.html
‫التفاعلي‬ ‫اإلنفوجرافيك‬
By: Mais AbuSalah
abusalah@promosteer.com
@maisabusalah
•‫أخرى‬ ‫أمثلة‬:
• http://www.simplybusiness.co.uk/microsites/hungry-tech/
• http://autodesk360innovates.com/landing/social-collaboration-
infographic/#scene-pre1960
• http://www.visioncritical.com/evolution-of-insight/
• http://inception-explained.com/
• http://www.theguardian.com/world/ng-interactive/2014/aviation-
100-years
• http://www.evanshalshaw.com/more/bondcars/
• http://www.informationisbeautiful.net/visualizations/worlds-biggest-
data-breaches-hacks/
• http://www.google.com/insidesearch/howsearchworks/thestory/
‫التفاعلي‬ ‫اإلنفوجرافيك‬
By: Mais AbuSalah
abusalah@promosteer.com
@maisabusalah
‫البيانات‬ ‫مفهوم‬
‫البيانات‬‫أو‬‫المعطيات‬:
•‫الحقائق‬ ‫من‬ ‫مترابطة‬ ‫غير‬ ‫سلسلة‬ ‫هي‬
‫عن‬ ‫عليها‬ ‫الحصول‬ ‫يمكن‬ ‫التي‬ ‫الموضوعية‬
‫البحث‬ ‫طريق‬ ‫عن‬ ‫أو‬ ‫المالحظة‬ ‫طريق‬
‫والتسجيل‬.
•‫األرقام‬ ‫أو‬ ‫أوالكلمات‬ ‫الحروف‬ ‫من‬ ‫مجموعة‬ ‫هي‬
‫أوالصور‬ ‫أوالرموز‬(‫الخام‬)‫بموضوع‬ ‫المتعلقة‬
‫معين‬.
‫ذلك‬ ‫مثال‬:‫الموظفين‬ ‫بيانات‬(‫األسماء‬-‫األرق‬‫ام‬
‫الوظيفية‬-‫المهن‬-‫الصور‬)‫وي‬ ،‫ترتيب‬ ‫بدون‬‫نتج‬
‫علي‬ ‫يطلق‬ ‫ما‬ ‫المعالجة‬ ‫بعد‬ ‫البيانات‬ ‫هذه‬ ‫عن‬‫ه‬
‫مصطلح‬‫معلومات‬
By: Mais AbuSalah
abusalah@promosteer.com
@maisabusalah
‫البيانات‬ ‫ايجاد‬ ‫في‬ ‫تساعدنا‬ ‫التي‬ ‫ومواقع‬ ‫مصادر‬:
•‫المجاالت‬ ‫جميع‬ ‫في‬ ‫عالمية‬ ‫احصائيات‬
www.statista.com
•‫جوجل‬ ‫بيانات‬
www.google.com/publicdata/directory
•‫عربية‬ ‫احصائيات‬
www.discoverdigitalarabia.com
•‫التصميم‬ ‫في‬ ‫تساعد‬ ‫مواقع‬
http://www.statsilk.com
•‫البيانية‬ ‫واالشكال‬ ‫والرسوم‬ ‫الخرائط‬ ‫تكوين‬

www.hohli.com
‫البيانات‬ ‫مفهوم‬
By: Mais AbuSalah
abusalah@promosteer.com
@maisabusalah
‫لإلنفوجرافيك‬ ‫الكتابة‬
‫اإلنفوجرافيك؟‬ ‫يناسب‬ ‫جيد‬ ‫هيكل‬ ‫تبني‬ ‫كيف‬
•‫سلس‬ ‫وتسلسل‬ ‫جيد‬ ‫بناء‬ ‫إلى‬ ‫تحتاج‬ ‫قصة‬ ‫كل‬.
•‫ثالث‬ ‫أساسات‬ ‫على‬ ‫تبنى‬ ‫القصة‬:،‫الوسط‬ ،‫البداية‬
‫النهاية‬.
•‫األح‬ ‫وسلسلة‬ ‫والنهاية‬ ‫البداية‬ ،‫العنوان‬ ‫تعرف‬ ‫أن‬ ‫يجب‬‫داث‬
‫لكي‬ ،‫جملة‬ ‫آخر‬ ‫إلى‬ ‫جملة‬ ‫أول‬ ‫من‬ ‫تسرتدها‬ ‫أن‬ ‫يجب‬ ‫التي‬
‫بإيصاله‬ ‫ترغب‬ ‫الذي‬ ‫المعنى‬ ‫أو‬ ‫الهدف‬ ‫إلى‬ ‫تصل‬.
By: Mais AbuSalah
abusalah@promosteer.com
@maisabusalah
1-‫العنوان‬:
•‫على‬ ‫القارىء‬ ‫يحفز‬ ‫الجيد‬ ‫العنوان‬
‫السي‬ ‫والعنوان‬ ،‫االنفوجرافيك‬ ‫استكشاف‬‫ء‬
‫فيه‬ ‫االهتمام‬ ْ‫القارى‬ ‫يفقد‬ ‫قد‬.‫ي‬ ‫لذلك‬‫فض‬
‫يتعلق‬ ‫فيما‬ ‫التالية‬ ‫اإلرشادات‬ ‫تتبع‬ ‫أن‬
‫بالعنوان‬:
•‫هو‬ ‫للعنوان‬ ‫األمثل‬ ‫الطول‬6‫كلمات‬.
•‫يتبع‬ ‫شرح‬ ‫أو‬ ‫ثانوي‬ ‫عنوان‬ ‫هناك‬ ‫كان‬ ‫وإذا‬
‫له‬ ‫األمثل‬ ‫الطول‬ ‫فإن‬ ‫العنوان‬55‫حرف‬.
•ً‫ومثيرا‬ ‫للغنتباه‬ ً‫ملفتا‬ ‫يكون‬ ‫أن‬ ‫يجب‬
‫لالهتمام‬
•‫التسويق‬ ‫موضوع‬ ‫باالعتبار‬ ‫يؤخذ‬ ‫أن‬ ‫يجب‬
‫البحث‬ ‫لمحركات‬(‫علي‬ ‫العثور‬ ‫يسهل‬ ‫لكي‬‫ه‬
‫المستهدفة‬ ‫الشريحة‬ ‫قبل‬ ‫من‬.)
•‫كتابة‬ ‫على‬ ‫تعمل‬ ‫أن‬ ‫حاول‬25‫أن‬ ‫قبل‬ ‫عنوان‬
‫منها‬ ٍ‫د‬‫واح‬ ‫على‬ ‫تستقر‬.
•‫بع‬ ‫اإلنفوجرافيك‬ ‫عن‬ ‫مختصرا‬ ً‫شرحا‬ ‫أضف‬‫د‬
‫العنوان‬.
‫لإلنفوجرافيك‬ ‫الكتابة‬
By: Mais AbuSalah
abusalah@promosteer.com
@maisabusalah
2-‫الوسط‬:
•‫القصة‬ ‫ورواية‬ ‫األحداث‬ ‫سرد‬ ‫مهارة‬
‫في‬ ‫جدا‬ ‫مهمة‬ ‫إيصالها‬ ‫في‬ ‫ترغب‬ ‫التي‬
‫القصص‬ ‫يتذكرون‬ ‫القراء‬ ‫إلن‬ ،‫الجزء‬ ‫هذا‬
‫الجامدة‬ ‫الحقائق‬ ‫من‬ ‫أفضل‬ ‫بشكل‬.
•‫ترك‬ ‫نقطة‬ ‫يتطلب‬ ‫الهدف‬ ‫هذا‬ ‫تحقيق‬‫يز‬
‫الذي‬ ‫المحتوى‬ ‫حولها‬ ‫أو‬ ‫عليها‬ ‫تبني‬
‫بوضعه‬ ‫ترغب‬.‫أنواعها‬:
‫أ‬)‫تقليدية‬ ‫تركيز‬ ‫نقطة‬:
‫توض‬ ‫كبيرة‬ ‫وصورة‬ ‫بمقدمة‬ ‫قصتك‬ ‫ابدأ‬‫ح‬4
‫بملخص‬ ‫وانهها‬ ،‫فرضيتك‬ ‫تدعم‬ ‫نقاط‬
‫إحصائيات‬ ‫مع‬.
‫لإلنفوجرافيك‬ ‫الكتابة‬
By: Mais AbuSalah
abusalah@promosteer.com
@maisabusalah
‫ب‬)‫واحدة‬ ‫تركيز‬ ‫نقطة‬:
•‫أيصال‬ ‫إلى‬ ‫النوع‬ ‫هذا‬ ‫في‬ ‫تحتاج‬
‫واحدة‬ ‫معلومة‬.
•‫هذا‬ ‫في‬ ‫الموجودة‬ ‫واألرقام‬ ‫الحقائق‬ ‫كل‬
‫المعلو‬ ‫تلك‬ ‫لدعم‬ ‫مبنية‬ ‫تكون‬ ‫النوع‬‫مة‬
‫توضيحها‬ ‫أو‬.
•‫عنها‬ ‫تتحدث‬ ‫التي‬ ‫المعلومة‬ ‫اجعل‬
‫الصور‬ ‫باستخدام‬ ‫للفهم‬ ‫أسهل‬
‫والمرئيات‬.
•‫الت‬ ‫تكلفة‬ ‫عن‬ ‫التالي‬ ‫اإلنفوجرافيك‬‫أمين‬
‫الواليات‬ ‫في‬ ‫الوالية‬ ‫حسب‬ ‫الصحي‬
‫األمريكية‬ ‫المتحدة‬.‫ت‬ ‫فيها‬ ‫استخدم‬‫درج‬
،‫واألرخص‬ ‫األغلى‬ ‫على‬ ‫للداللة‬ ‫األلوان‬
‫من‬ ‫الحالي‬ ‫للنظام‬ ‫والرفض‬ ‫والتأييد‬‫قبل‬
‫الشيوخ‬(‫الوالية‬ ‫في‬ ‫السيناتورز‬.)
‫لإلنفوجرافيك‬ ‫الكتابة‬
By: Mais AbuSalah
abusalah@promosteer.com
@maisabusalah
‫ت‬)‫المقارنة‬ ‫على‬ ‫تركيز‬ ‫نقطة‬(‫ب‬ ‫مقابل‬ ‫أ‬:)
•‫عاملين‬ ‫بين‬ ‫تقارن‬ ‫أن‬ ‫النوع‬ ‫هذا‬ ‫في‬ ‫تحتاج‬‫أو‬
‫م‬ ‫لكل‬ ‫والقيم‬ ‫الخصائص‬ ‫بإدراج‬ ‫وذلك‬ ،‫أكثر‬‫ن‬
‫معين‬ ‫هدف‬ ‫إليصال‬ ‫ومقارنتها‬ ‫العوامل‬ ‫تلك‬.
‫لإلنفوجرافيك‬ ‫الكتابة‬
By: Mais AbuSalah
abusalah@promosteer.com
@maisabusalah
‫لإلنفوجرافيك‬ ‫الكتابة‬
‫ث‬)‫معينة‬ ‫عملية‬ ‫على‬ ‫تركيز‬ ‫نقطة‬:
•‫خالل‬ ‫من‬ ‫إيصالها‬ ‫في‬ ‫ترغب‬ ‫التي‬ ‫الرسالة‬
‫على‬ ‫تكون‬ ‫أن‬ ‫يجب‬ ‫اإلنفوجرافيك‬ ‫هذا‬
‫عملية‬ ‫تدفق‬ ‫شكل‬Process Flow،‫أو‬
،‫والتوجيهات‬ ‫اإلرشادات‬ ‫من‬ ‫مجموعة‬
‫تؤدي‬ ‫مرحلة‬ ‫أو‬ ‫شيء‬ ‫كل‬ ‫أن‬ ‫تبين‬ ‫بطريقة‬
‫أخرى‬ ‫مرحلة‬ ‫إلى‬ ‫تقود‬ ‫أو‬.
•‫الذي‬ ‫اإلنفوجرافيك‬ ‫تناسب‬ ‫الطريقة‬ ‫هذه‬
‫بخطوة‬ ‫خطوة‬ ‫األشياء‬ ‫عمل‬ ‫طريقة‬ ‫يشرح‬.
‫أسهم‬ ‫شكل‬ ‫على‬ ‫عادة‬ ‫يكون‬ ‫والذي‬
‫مرئية‬ ‫ومساعدات‬ ‫وخطوط‬
By: Mais AbuSalah
abusalah@promosteer.com
@maisabusalah
‫لإلنفوجرافيك‬ ‫الكتابة‬
3-‫الخالصة‬(‫النهاية‬:)
•‫القارى‬ ‫تغرق‬ ‫التي‬ ‫هي‬ ‫الجيدة‬ ‫النهاية‬‫ء‬
‫موضوع‬ ‫حول‬ ‫متمحورة‬ ‫أفكار‬ ‫في‬
‫الن‬ ‫بتنفيذ‬ ‫القيام‬ ‫أو‬ ‫اإلنفوجرافيك‬‫داء‬
Call to action‫في‬ ‫وضعته‬ ‫الذي‬
‫اإلنفوجرافيك‬.
•‫أن‬ ‫يجب‬ ،‫العنوان‬ ‫في‬ ‫الحال‬ ‫هو‬ ‫كما‬
‫مثل‬ ،‫ومحفزة‬ ‫معبرة‬ ‫الخاتمة‬ ‫تكون‬
‫بموضوع‬ ‫متعلق‬ ‫معين‬ ‫سؤال‬
‫أم‬ ‫لتنفيذ‬ ‫نداء‬ ‫حتى‬ ‫أو‬ ‫اإلنفوجرافيك‬‫ر‬
‫معين‬(‫موقعك‬ ‫زيارة‬ ‫مثل‬.)
By: Mais AbuSalah
abusalah@promosteer.com
@maisabusalah
‫الصحفية‬ ‫للبيانات‬ ‫المصور‬ ‫العرض‬
By: Mais AbuSalah
abusalah@promosteer.com
@maisabusalah
‫الصحفية‬ ‫للبيانات‬ ‫المصور‬ ‫العرض‬
By: Mais AbuSalah
abusalah@promosteer.com
@maisabusalah
‫األول‬ ‫اليوم‬ ‫تدريب‬ ‫في‬ ‫مذكور‬
‫الثابت‬ ‫اإلنفوجرافيك‬ ‫تعريف‬
By: Mais AbuSalah
abusalah@promosteer.com
@maisabusalah
•‫البرمجيات‬ ‫هذه‬ ‫أهم‬(‫والتي‬
‫شراء‬ ‫استخدامها‬ ‫يتطلب‬
‫على‬ ‫وتنزيلها‬ ‫منها‬ ‫نسخة‬
‫وجود‬ ‫إلى‬ ‫باإلضافة‬ ،‫الجهاز‬
‫جيدة‬ ‫جهاز‬ ‫ذاكرة‬:)
1-‫اإللوستريتور‬
2-‫الفوتوشوب‬
‫الثابت‬ ‫اإلنفوجرافيك‬ ‫تصميم‬ ‫برمجيات‬
(‫الثابت‬ ‫اإلنفوجرافيك‬ ‫لتصميم‬ ‫رسومية‬ ‫برمجيات‬)
By: Mais AbuSalah
abusalah@promosteer.com
@maisabusalah
•‫بيكتوشارت‬
www.piktochart.com
•‫انفوجرام‬
https://infogr.am/
•‫فيجوالي‬
http://visual.ly/twitter
•‫فيزمي‬
www.visme.co
•‫إيزيلي‬:
http://www.easel.ly/
‫للتصميم‬ ‫ويب‬ ‫مواقع‬
By: Mais AbuSalah
abusalah@promosteer.com
@maisabusalah
(‫عملي‬ ‫تطبيق‬)
‫البيكتوتشارت‬ ‫إلى‬ ‫مدخل‬
By: Mais AbuSalah
abusalah@promosteer.com
@maisabusalah
‫توضيحي‬ ‫فيديو‬ ‫عرض‬
‫اإللوستريتور‬ ‫برنامج‬ ‫إلى‬ ‫مدخل‬
By: Mais AbuSalah
abusalah@promosteer.com
@maisabusalah
‫توضيحي‬ ‫فيديو‬ ‫عرض‬
‫الفوتوشوب‬ ‫برنامج‬ ‫إلى‬ ‫مدخل‬
By: Mais AbuSalah
abusalah@promosteer.com
@maisabusalah
‫من‬ ‫أو‬ ‫توضيحي‬ ‫فيديو‬ ‫عرض‬
‫السابق‬ ‫الويب‬ ‫مواقع‬ ‫خالل‬
‫ذكرها‬
‫نموذج‬ ‫على‬ ‫التعديل‬‫جاهز‬ ‫إنفوجرافيك‬
By: Mais AbuSalah
abusalah@promosteer.com
@maisabusalah
‫وأجوبة‬ ‫أسئلة‬
By: Mais AbuSalah
abusalah@promosteer.com
@maisabusalah
‫لكم‬ ‫شكرا‬

تخطيط وتصميم الانفوجرافيك - ورشة عمل تدريبية - اليومان الثاني والثالث

  • 1.
    ‫وتصميم‬ ‫تخطيط‬ ‫االنفوجرافيك‬ ‫والثالث‬ ‫الثاني‬‫اليومان‬ ‫أبوصالح‬ ‫ميس‬ abusalah@promosteer.com @maisabusalah
  • 2.
    By: Mais AbuSalah abusalah@promosteer.com @maisabusalah •‫والمحت‬‫االلكتروني‬ ‫التسويق‬ ‫مجال‬ ‫في‬ ‫تعمل‬ ‫أبوصالح‬ ‫ميس‬‫وى‬ ‫من‬ ‫أكثر‬ ‫منذ‬ ‫اإلنترنت‬ ‫على‬ ‫المرئي‬10‫سنوات‬.‫تسويق‬ ‫مديرة‬ ‫األو‬ ‫للشرق‬ ‫تسويق‬ ‫مديرة‬ ‫و‬ ،‫مكتوب‬ ‫في‬ ّ‫ا‬‫سابق‬ ‫الكتروني‬‫وشمال‬ ‫سط‬ ‫ياهو‬ ‫في‬ ‫افريقيا‬.‫ساه‬ ‫و‬ ‫كبيرة‬ ‫رقمية‬ ‫مشاريع‬ ‫بعدة‬ ‫شاركات‬‫مت‬ ‫مستشا‬ ،‫اإلنترنت‬ ‫على‬ ‫التسويق‬ ‫الحمالت‬ ‫من‬ ‫العديد‬ ‫بإطالق‬‫في‬ ‫رة‬ ‫اإللكترونية‬ ‫للمواقع‬ ‫الزيارات‬ ‫تحليل‬ ‫مجال‬‫سلوك‬ ‫دراسة‬ ‫و‬ ‫،و‬ ‫المستخدمين‬‫أسالي‬ ‫و‬ ‫البحث‬ ‫محركات‬ ‫عمل‬ ‫آلية‬ ‫في‬ ‫خبيرة‬‫ب‬ ‫الذكية‬ ‫الرقمية‬ ‫الكتابة‬,‫وتطوي‬ ‫استخدام‬ ‫شهادات‬ ‫على‬ ‫وحائزة‬‫ر‬ ‫كلية‬ ‫من‬ ‫و‬ ‫جوجل‬ ‫من‬ ‫البحث‬ ‫محركات‬ ‫على‬ ‫المواقع‬ ‫وتسويق‬ Search Engine‫استراليا‬ ‫في‬.‫االجتماع‬ ‫اإلعالم‬ ‫نادي‬ ‫في‬ ‫عضو‬‫ي‬ ‫الدولي‬–‫اإلمارات‬ ‫فرع‬.‫االجتماعي‬ ‫اإلعالم‬ ‫منتدى‬ ‫في‬ ‫متحدثة‬ ‫اإلعالم‬ ‫لرواد‬–‫البحرين‬ •‫الخاصة‬ ‫شركتها‬ ‫إدارة‬ ‫على‬ ً‫ا‬‫حالي‬ ‫تعمل‬(‫بروموستير‬)‫والت‬ ،‫تقوم‬ ‫ي‬ ‫جديدة‬ ‫حاجات‬ ‫تخدم‬ ‫الكترونية‬ ‫وأنظمة‬ ‫مواقع‬ ‫وتسويق‬ ‫بإنشاء‬ ‫والتدري‬ ‫التسويق‬ ‫خدمات‬ ‫إلى‬ ‫باإلضافة‬ ، ،‫واألفراد‬ ‫للشركات‬‫ب‬ ‫للعمالء‬ ‫واالنفوجرافيك‬ ‫اللوجو‬ ‫وتصميم‬. • •‫تويتر‬ ‫طريق‬ ‫عن‬ ‫تغريداتها‬ ‫متابعة‬ ‫يمكن‬:@maisabusalah ‫المدرب‬ ‫عن‬ ‫نبذة‬
  • 3.
    By: Mais AbuSalah abusalah@promosteer.com @maisabusalah ‫اليومين‬‫أجندة‬2‫و‬3 By: Mais AbuSalah abusalah@promosteer.com @maisabusalah •‫اإلنفوجرافيك‬ ‫أنواع‬:‫الثابت‬ ‫اإلنفوجرافيك‬,‫المتح‬ ‫اإلنفوجرافيك‬،‫رك‬ ‫التفاعلي‬ ‫اإلنفوجرافيك‬ •‫البيانات‬ ‫مفهوم‬ •‫لإلنفوجرافيك‬ ‫الكتابة‬ •‫لإلحصائية‬ ‫للبيانات‬ ‫المصور‬ ‫العرض‬ •‫الثابت‬ ‫اإلنفوجرافيك‬ ‫تعريف‬
  • 4.
    By: Mais AbuSalah abusalah@promosteer.com @maisabusalah •‫الثابت‬‫اإلنفوجرافيك‬ ‫تصميم‬ ‫برمجيات‬(‫ل‬ ‫رسومية‬ ‫برمجيات‬‫تصميم‬ ‫الثابت‬ ‫اإلنفوجرافيك‬) •‫للتصميم‬ ‫ويب‬ ‫مواقع‬ •‫البكتوشارت‬ ‫إلى‬ ‫مدخل‬ •‫الفوتوشوب‬ ‫برنامج‬ ‫إلى‬ ‫مدخل‬ •‫اإللوستريتور‬ ‫برنامج‬ ‫إلى‬ ‫مدخل‬ •‫تطبيق‬:‫ثابت‬ ‫انفوجرافيك‬ ‫نموذج‬ ‫على‬ ‫التعديل‬ ‫اليومين‬ ‫أجندة‬2‫و‬3
  • 5.
    By: Mais AbuSalah abusalah@promosteer.com @maisabusalah ‫اإلنفوجرافيك‬‫أنواع‬ (‫العرض‬ ‫حيث‬ ‫من‬:) (1‫ثابت‬ ‫إنفوجرافيك‬ (2‫متحرك‬ ‫إنفوجرافيك‬: ‫أ‬-‫متحركة‬ ‫صورة‬ ‫ب‬–‫متحرك‬ ‫فيديو‬ 3)‫تفاعلي‬ ‫إنفوجرافيك‬ ‫اإلنفوجرافيك‬ ‫أنواع‬
  • 6.
    By: Mais AbuSalah abusalah@promosteer.com @maisabusalah ‫اإلنفوجرافيك‬‫أنواع‬(‫من‬ ‫التخطيط‬ ‫حيث‬:) (1‫شعاعي‬ (2‫عمليات‬ ‫تدرج‬ (3‫جداول‬ (4‫توضيحية‬ ‫رسوم‬ (5‫بياني‬ ‫مخطط‬ (6‫خرائط‬ (7‫عالقات‬ (8‫قوائم‬ ‫اإلنفوجرافيك‬ ‫أنواع‬
  • 7.
    By: Mais AbuSalah abusalah@promosteer.com @maisabusalah ‫الثابت‬‫اإلنفوجرافيك‬ ‫الثابت‬ ‫االنفوجرافيك‬:‫بعض‬ ‫يشرح‬ ‫ثابت‬ ‫بمحتوى‬ ‫تصميم‬ ‫االنفوجرافيك‬ ‫صاحب‬ ‫يختاره‬ ‫معين‬ ‫موضوع‬ ‫عن‬ ‫المعلومات‬.
  • 8.
    By: Mais AbuSalah abusalah@promosteer.com @maisabusalah ‫المتحرك‬‫اإلنفوجرافيك‬-‫الصورة‬ ‫المتحرك‬ ‫اإلنفوجرافيك‬(‫الصورة‬):‫تصميم‬ ‫متحر‬ ‫بشكل‬ ‫والمعلومات‬ ‫والتوضيحات‬ ‫البيانات‬‫ك‬ ‫كامل‬. ‫واختيار‬ ‫االبداع‬ ‫من‬ ‫الكثير‬ ‫النوع‬ ‫هذا‬ ‫يتطلب‬ ‫بطريق‬ ‫اخراجه‬ ‫في‬ ‫تساعد‬ ‫التي‬ ‫المعبرة‬ ‫الحركات‬‫ة‬ ‫كامل‬ ‫سيناريو‬ ‫لها‬ ‫يكون‬ ‫وكذلك‬ ‫وممتعة‬ ‫شيقة‬ ‫النوع‬ ‫لهذا‬ ‫النهائي‬ ‫إلخراج‬. ‫أمثلة‬: http://www.webbymonks.com/infographic/webtesting/infograph.html http://animagraffs.com/flat-screen-displays/ http://animagraffs.com/how-a-car-engine-works/
  • 9.
    By: Mais AbuSalah abusalah@promosteer.com @maisabusalah ‫المتحرك‬‫اإلنفوجرافيك‬-‫الفيديو‬ ‫التوض‬ ‫و‬ ‫البيانات‬ ‫عليه‬ ‫ويوضع‬ ‫عادي‬ ‫فيديو‬‫يحات‬ ‫الحقائق‬ ‫بعض‬ ‫إلظهار‬ ‫متحرك‬ ‫جرافيك‬ ‫بشكل‬ ‫نفسه‬ ‫الفيديو‬ ‫على‬ ‫والمفاهيم‬. ‫مثال‬: https://www.youtube.com/watch?v=oMtjZkrTiJ8&list=PLE6559FFD78441DF5&index=2 https://www.youtube.com/watch?v=Qh7m9B2Swoo
  • 10.
    By: Mais AbuSalah abusalah@promosteer.com @maisabusalah •‫اإلنفوجرافيك‬ ‫التفاعلي‬: ‫يتغ‬‫إنفوجرافيك‬‫ير‬ ‫معه‬ ‫بتفاعلك‬. •‫مثال‬: http://avalaunchmedi a.com/history-of- social- media/Main.html ‫التفاعلي‬ ‫اإلنفوجرافيك‬
  • 11.
    By: Mais AbuSalah abusalah@promosteer.com @maisabusalah •‫أخرى‬‫أمثلة‬: • http://www.simplybusiness.co.uk/microsites/hungry-tech/ • http://autodesk360innovates.com/landing/social-collaboration- infographic/#scene-pre1960 • http://www.visioncritical.com/evolution-of-insight/ • http://inception-explained.com/ • http://www.theguardian.com/world/ng-interactive/2014/aviation- 100-years • http://www.evanshalshaw.com/more/bondcars/ • http://www.informationisbeautiful.net/visualizations/worlds-biggest- data-breaches-hacks/ • http://www.google.com/insidesearch/howsearchworks/thestory/ ‫التفاعلي‬ ‫اإلنفوجرافيك‬
  • 12.
    By: Mais AbuSalah abusalah@promosteer.com @maisabusalah ‫البيانات‬‫مفهوم‬ ‫البيانات‬‫أو‬‫المعطيات‬: •‫الحقائق‬ ‫من‬ ‫مترابطة‬ ‫غير‬ ‫سلسلة‬ ‫هي‬ ‫عن‬ ‫عليها‬ ‫الحصول‬ ‫يمكن‬ ‫التي‬ ‫الموضوعية‬ ‫البحث‬ ‫طريق‬ ‫عن‬ ‫أو‬ ‫المالحظة‬ ‫طريق‬ ‫والتسجيل‬. •‫األرقام‬ ‫أو‬ ‫أوالكلمات‬ ‫الحروف‬ ‫من‬ ‫مجموعة‬ ‫هي‬ ‫أوالصور‬ ‫أوالرموز‬(‫الخام‬)‫بموضوع‬ ‫المتعلقة‬ ‫معين‬. ‫ذلك‬ ‫مثال‬:‫الموظفين‬ ‫بيانات‬(‫األسماء‬-‫األرق‬‫ام‬ ‫الوظيفية‬-‫المهن‬-‫الصور‬)‫وي‬ ،‫ترتيب‬ ‫بدون‬‫نتج‬ ‫علي‬ ‫يطلق‬ ‫ما‬ ‫المعالجة‬ ‫بعد‬ ‫البيانات‬ ‫هذه‬ ‫عن‬‫ه‬ ‫مصطلح‬‫معلومات‬
  • 13.
    By: Mais AbuSalah abusalah@promosteer.com @maisabusalah ‫البيانات‬‫ايجاد‬ ‫في‬ ‫تساعدنا‬ ‫التي‬ ‫ومواقع‬ ‫مصادر‬: •‫المجاالت‬ ‫جميع‬ ‫في‬ ‫عالمية‬ ‫احصائيات‬ www.statista.com •‫جوجل‬ ‫بيانات‬ www.google.com/publicdata/directory •‫عربية‬ ‫احصائيات‬ www.discoverdigitalarabia.com •‫التصميم‬ ‫في‬ ‫تساعد‬ ‫مواقع‬ http://www.statsilk.com •‫البيانية‬ ‫واالشكال‬ ‫والرسوم‬ ‫الخرائط‬ ‫تكوين‬ 
www.hohli.com ‫البيانات‬ ‫مفهوم‬
  • 14.
    By: Mais AbuSalah abusalah@promosteer.com @maisabusalah ‫لإلنفوجرافيك‬‫الكتابة‬ ‫اإلنفوجرافيك؟‬ ‫يناسب‬ ‫جيد‬ ‫هيكل‬ ‫تبني‬ ‫كيف‬ •‫سلس‬ ‫وتسلسل‬ ‫جيد‬ ‫بناء‬ ‫إلى‬ ‫تحتاج‬ ‫قصة‬ ‫كل‬. •‫ثالث‬ ‫أساسات‬ ‫على‬ ‫تبنى‬ ‫القصة‬:،‫الوسط‬ ،‫البداية‬ ‫النهاية‬. •‫األح‬ ‫وسلسلة‬ ‫والنهاية‬ ‫البداية‬ ،‫العنوان‬ ‫تعرف‬ ‫أن‬ ‫يجب‬‫داث‬ ‫لكي‬ ،‫جملة‬ ‫آخر‬ ‫إلى‬ ‫جملة‬ ‫أول‬ ‫من‬ ‫تسرتدها‬ ‫أن‬ ‫يجب‬ ‫التي‬ ‫بإيصاله‬ ‫ترغب‬ ‫الذي‬ ‫المعنى‬ ‫أو‬ ‫الهدف‬ ‫إلى‬ ‫تصل‬.
  • 15.
    By: Mais AbuSalah abusalah@promosteer.com @maisabusalah 1-‫العنوان‬: •‫على‬‫القارىء‬ ‫يحفز‬ ‫الجيد‬ ‫العنوان‬ ‫السي‬ ‫والعنوان‬ ،‫االنفوجرافيك‬ ‫استكشاف‬‫ء‬ ‫فيه‬ ‫االهتمام‬ ْ‫القارى‬ ‫يفقد‬ ‫قد‬.‫ي‬ ‫لذلك‬‫فض‬ ‫يتعلق‬ ‫فيما‬ ‫التالية‬ ‫اإلرشادات‬ ‫تتبع‬ ‫أن‬ ‫بالعنوان‬: •‫هو‬ ‫للعنوان‬ ‫األمثل‬ ‫الطول‬6‫كلمات‬. •‫يتبع‬ ‫شرح‬ ‫أو‬ ‫ثانوي‬ ‫عنوان‬ ‫هناك‬ ‫كان‬ ‫وإذا‬ ‫له‬ ‫األمثل‬ ‫الطول‬ ‫فإن‬ ‫العنوان‬55‫حرف‬. •ً‫ومثيرا‬ ‫للغنتباه‬ ً‫ملفتا‬ ‫يكون‬ ‫أن‬ ‫يجب‬ ‫لالهتمام‬ •‫التسويق‬ ‫موضوع‬ ‫باالعتبار‬ ‫يؤخذ‬ ‫أن‬ ‫يجب‬ ‫البحث‬ ‫لمحركات‬(‫علي‬ ‫العثور‬ ‫يسهل‬ ‫لكي‬‫ه‬ ‫المستهدفة‬ ‫الشريحة‬ ‫قبل‬ ‫من‬.) •‫كتابة‬ ‫على‬ ‫تعمل‬ ‫أن‬ ‫حاول‬25‫أن‬ ‫قبل‬ ‫عنوان‬ ‫منها‬ ٍ‫د‬‫واح‬ ‫على‬ ‫تستقر‬. •‫بع‬ ‫اإلنفوجرافيك‬ ‫عن‬ ‫مختصرا‬ ً‫شرحا‬ ‫أضف‬‫د‬ ‫العنوان‬. ‫لإلنفوجرافيك‬ ‫الكتابة‬
  • 16.
    By: Mais AbuSalah abusalah@promosteer.com @maisabusalah 2-‫الوسط‬: •‫القصة‬‫ورواية‬ ‫األحداث‬ ‫سرد‬ ‫مهارة‬ ‫في‬ ‫جدا‬ ‫مهمة‬ ‫إيصالها‬ ‫في‬ ‫ترغب‬ ‫التي‬ ‫القصص‬ ‫يتذكرون‬ ‫القراء‬ ‫إلن‬ ،‫الجزء‬ ‫هذا‬ ‫الجامدة‬ ‫الحقائق‬ ‫من‬ ‫أفضل‬ ‫بشكل‬. •‫ترك‬ ‫نقطة‬ ‫يتطلب‬ ‫الهدف‬ ‫هذا‬ ‫تحقيق‬‫يز‬ ‫الذي‬ ‫المحتوى‬ ‫حولها‬ ‫أو‬ ‫عليها‬ ‫تبني‬ ‫بوضعه‬ ‫ترغب‬.‫أنواعها‬: ‫أ‬)‫تقليدية‬ ‫تركيز‬ ‫نقطة‬: ‫توض‬ ‫كبيرة‬ ‫وصورة‬ ‫بمقدمة‬ ‫قصتك‬ ‫ابدأ‬‫ح‬4 ‫بملخص‬ ‫وانهها‬ ،‫فرضيتك‬ ‫تدعم‬ ‫نقاط‬ ‫إحصائيات‬ ‫مع‬. ‫لإلنفوجرافيك‬ ‫الكتابة‬
  • 17.
    By: Mais AbuSalah abusalah@promosteer.com @maisabusalah ‫ب‬)‫واحدة‬‫تركيز‬ ‫نقطة‬: •‫أيصال‬ ‫إلى‬ ‫النوع‬ ‫هذا‬ ‫في‬ ‫تحتاج‬ ‫واحدة‬ ‫معلومة‬. •‫هذا‬ ‫في‬ ‫الموجودة‬ ‫واألرقام‬ ‫الحقائق‬ ‫كل‬ ‫المعلو‬ ‫تلك‬ ‫لدعم‬ ‫مبنية‬ ‫تكون‬ ‫النوع‬‫مة‬ ‫توضيحها‬ ‫أو‬. •‫عنها‬ ‫تتحدث‬ ‫التي‬ ‫المعلومة‬ ‫اجعل‬ ‫الصور‬ ‫باستخدام‬ ‫للفهم‬ ‫أسهل‬ ‫والمرئيات‬. •‫الت‬ ‫تكلفة‬ ‫عن‬ ‫التالي‬ ‫اإلنفوجرافيك‬‫أمين‬ ‫الواليات‬ ‫في‬ ‫الوالية‬ ‫حسب‬ ‫الصحي‬ ‫األمريكية‬ ‫المتحدة‬.‫ت‬ ‫فيها‬ ‫استخدم‬‫درج‬ ،‫واألرخص‬ ‫األغلى‬ ‫على‬ ‫للداللة‬ ‫األلوان‬ ‫من‬ ‫الحالي‬ ‫للنظام‬ ‫والرفض‬ ‫والتأييد‬‫قبل‬ ‫الشيوخ‬(‫الوالية‬ ‫في‬ ‫السيناتورز‬.) ‫لإلنفوجرافيك‬ ‫الكتابة‬
  • 18.
    By: Mais AbuSalah abusalah@promosteer.com @maisabusalah ‫ت‬)‫المقارنة‬‫على‬ ‫تركيز‬ ‫نقطة‬(‫ب‬ ‫مقابل‬ ‫أ‬:) •‫عاملين‬ ‫بين‬ ‫تقارن‬ ‫أن‬ ‫النوع‬ ‫هذا‬ ‫في‬ ‫تحتاج‬‫أو‬ ‫م‬ ‫لكل‬ ‫والقيم‬ ‫الخصائص‬ ‫بإدراج‬ ‫وذلك‬ ،‫أكثر‬‫ن‬ ‫معين‬ ‫هدف‬ ‫إليصال‬ ‫ومقارنتها‬ ‫العوامل‬ ‫تلك‬. ‫لإلنفوجرافيك‬ ‫الكتابة‬
  • 19.
    By: Mais AbuSalah abusalah@promosteer.com @maisabusalah ‫لإلنفوجرافيك‬‫الكتابة‬ ‫ث‬)‫معينة‬ ‫عملية‬ ‫على‬ ‫تركيز‬ ‫نقطة‬: •‫خالل‬ ‫من‬ ‫إيصالها‬ ‫في‬ ‫ترغب‬ ‫التي‬ ‫الرسالة‬ ‫على‬ ‫تكون‬ ‫أن‬ ‫يجب‬ ‫اإلنفوجرافيك‬ ‫هذا‬ ‫عملية‬ ‫تدفق‬ ‫شكل‬Process Flow،‫أو‬ ،‫والتوجيهات‬ ‫اإلرشادات‬ ‫من‬ ‫مجموعة‬ ‫تؤدي‬ ‫مرحلة‬ ‫أو‬ ‫شيء‬ ‫كل‬ ‫أن‬ ‫تبين‬ ‫بطريقة‬ ‫أخرى‬ ‫مرحلة‬ ‫إلى‬ ‫تقود‬ ‫أو‬. •‫الذي‬ ‫اإلنفوجرافيك‬ ‫تناسب‬ ‫الطريقة‬ ‫هذه‬ ‫بخطوة‬ ‫خطوة‬ ‫األشياء‬ ‫عمل‬ ‫طريقة‬ ‫يشرح‬. ‫أسهم‬ ‫شكل‬ ‫على‬ ‫عادة‬ ‫يكون‬ ‫والذي‬ ‫مرئية‬ ‫ومساعدات‬ ‫وخطوط‬
  • 20.
    By: Mais AbuSalah abusalah@promosteer.com @maisabusalah ‫لإلنفوجرافيك‬‫الكتابة‬ 3-‫الخالصة‬(‫النهاية‬:) •‫القارى‬ ‫تغرق‬ ‫التي‬ ‫هي‬ ‫الجيدة‬ ‫النهاية‬‫ء‬ ‫موضوع‬ ‫حول‬ ‫متمحورة‬ ‫أفكار‬ ‫في‬ ‫الن‬ ‫بتنفيذ‬ ‫القيام‬ ‫أو‬ ‫اإلنفوجرافيك‬‫داء‬ Call to action‫في‬ ‫وضعته‬ ‫الذي‬ ‫اإلنفوجرافيك‬. •‫أن‬ ‫يجب‬ ،‫العنوان‬ ‫في‬ ‫الحال‬ ‫هو‬ ‫كما‬ ‫مثل‬ ،‫ومحفزة‬ ‫معبرة‬ ‫الخاتمة‬ ‫تكون‬ ‫بموضوع‬ ‫متعلق‬ ‫معين‬ ‫سؤال‬ ‫أم‬ ‫لتنفيذ‬ ‫نداء‬ ‫حتى‬ ‫أو‬ ‫اإلنفوجرافيك‬‫ر‬ ‫معين‬(‫موقعك‬ ‫زيارة‬ ‫مثل‬.)
  • 21.
    By: Mais AbuSalah abusalah@promosteer.com @maisabusalah ‫الصحفية‬‫للبيانات‬ ‫المصور‬ ‫العرض‬
  • 22.
    By: Mais AbuSalah abusalah@promosteer.com @maisabusalah ‫الصحفية‬‫للبيانات‬ ‫المصور‬ ‫العرض‬
  • 23.
    By: Mais AbuSalah abusalah@promosteer.com @maisabusalah ‫األول‬‫اليوم‬ ‫تدريب‬ ‫في‬ ‫مذكور‬ ‫الثابت‬ ‫اإلنفوجرافيك‬ ‫تعريف‬
  • 24.
    By: Mais AbuSalah abusalah@promosteer.com @maisabusalah •‫البرمجيات‬‫هذه‬ ‫أهم‬(‫والتي‬ ‫شراء‬ ‫استخدامها‬ ‫يتطلب‬ ‫على‬ ‫وتنزيلها‬ ‫منها‬ ‫نسخة‬ ‫وجود‬ ‫إلى‬ ‫باإلضافة‬ ،‫الجهاز‬ ‫جيدة‬ ‫جهاز‬ ‫ذاكرة‬:) 1-‫اإللوستريتور‬ 2-‫الفوتوشوب‬ ‫الثابت‬ ‫اإلنفوجرافيك‬ ‫تصميم‬ ‫برمجيات‬ (‫الثابت‬ ‫اإلنفوجرافيك‬ ‫لتصميم‬ ‫رسومية‬ ‫برمجيات‬)
  • 25.
  • 26.
    By: Mais AbuSalah abusalah@promosteer.com @maisabusalah (‫عملي‬‫تطبيق‬) ‫البيكتوتشارت‬ ‫إلى‬ ‫مدخل‬
  • 27.
    By: Mais AbuSalah abusalah@promosteer.com @maisabusalah ‫توضيحي‬‫فيديو‬ ‫عرض‬ ‫اإللوستريتور‬ ‫برنامج‬ ‫إلى‬ ‫مدخل‬
  • 28.
    By: Mais AbuSalah abusalah@promosteer.com @maisabusalah ‫توضيحي‬‫فيديو‬ ‫عرض‬ ‫الفوتوشوب‬ ‫برنامج‬ ‫إلى‬ ‫مدخل‬
  • 29.
    By: Mais AbuSalah abusalah@promosteer.com @maisabusalah ‫من‬‫أو‬ ‫توضيحي‬ ‫فيديو‬ ‫عرض‬ ‫السابق‬ ‫الويب‬ ‫مواقع‬ ‫خالل‬ ‫ذكرها‬ ‫نموذج‬ ‫على‬ ‫التعديل‬‫جاهز‬ ‫إنفوجرافيك‬
  • 30.
  • 31.