ميش أبو صالح تعمل كخبيرة في التسويق الإلكتروني والتصميم، حيث تمتلك أكثر من 10 سنوات من الخبرة في هذا المجال، بالإضافة إلى إدارتها لشركة 'بروموستير' التي تقدم خدمات لتصميم التسويق الرقمي. يشمل تخصصها تصميم الإنفوجرافيك المتحرك وتطوير البرمجيات والتسويق عبر الإنترنت، وقد شاركت في عدة مشاريع بارزة. تم استعراض أهمية أدوات وتقنيات التصميم المستخدمة في إنشاء الإنفوجرافيك والأمثلة عليها.

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
‫الرابع‬ ‫اليوم‬ ‫أجندة‬
By: Mais AbuSalah
abusalah@promosteer.com
@maisabusalah
•‫المتحرك‬ ‫اإلنفوجرافيك‬ ‫تعريف‬
•‫المتحرك‬ ‫اإلنفوجرافيك‬ ‫تصميم‬ ‫برمجيات‬
•‫للتصميم‬ ‫ويب‬ ‫مواقع‬
•‫البريزي‬ ‫إلى‬ ‫مدخل‬
•‫المتحرك‬ ‫اإلنفوجرافيك‬ ‫لتصميم‬ ‫رسومية‬ ‫برمجيات‬

4. By: Mais AbuSalah
abusalah@promosteer.com
@maisabusalah
‫الرابع‬ ‫اليوم‬ ‫أجندة‬
By: Mais AbuSalah
abusalah@promosteer.com
@maisabusalah
•‫المتحرك‬ ‫اإلنفوجرافيك‬ ‫لتصميم‬ ‫رسومية‬ ‫برمجيات‬
•‫الفالش‬ ‫إلى‬ ‫مدخل‬
•‫أنيميت‬ ‫اإليدج‬ ‫إلى‬ ‫مدخل‬
•‫البرمجي‬ ‫الكود‬ ‫باستخدام‬ ‫التصميم‬
•‫الدورة‬ ‫هذه‬ ‫بعد‬ ‫ماذا‬
•‫تطبيق‬:‫متحرك‬ ‫انفوجرافيك‬ ‫نموذج‬ ‫على‬ ‫التعديل‬

5. 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/

6. By: Mais AbuSalah
abusalah@promosteer.com
@maisabusalah
‫المتحرك‬ ‫اإلنفوجرافيك‬ ‫تعريف‬
‫الفيديو‬ ‫إنفوجرافيك‬:‫و‬ ‫البيانات‬ ‫عليه‬ ‫ويوضع‬ ‫عادي‬ ‫فيديو‬
‫الحقائق‬ ‫بعض‬ ‫إلظهار‬ ‫متحرك‬ ‫جرافيك‬ ‫بشكل‬ ‫التوضيحات‬
‫نفسه‬ ‫الفيديو‬ ‫على‬ ‫والمفاهيم‬.
‫مثال‬:
2&index=5DF78441FFD6559&list=PLE8https://www.youtube.com/watch?v=oMtjZkrTiJ
Swoo2B9m7https://www.youtube.com/watch?v=Qh

7. By: Mais AbuSalah
abusalah@promosteer.com
@maisabusalah
•‫التفاعلي‬ ‫اإلنفوجرافيك‬:
‫يتغير‬ ‫إنفوجرافيك‬
‫معه‬ ‫بتفاعلك‬.
•‫مثال‬:
http://avalaunchmedi
-of-a.com/history
-social
media/Main.html
‫المتحرك‬ ‫اإلنفوجرافيك‬ ‫تعريف‬

8. 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/
‫المتحرك‬ ‫اإلنفوجرافيك‬-‫التفاعلي‬

9. By: Mais AbuSalah
abusalah@promosteer.com
@maisabusalah
•‫البرمجيات‬ ‫هذه‬ ‫أهم‬(‫والتي‬
‫نسخة‬ ‫شراء‬ ‫استخدامها‬ ‫يتطلب‬
،‫الجهاز‬ ‫على‬ ‫وتنزيلها‬ ‫منها‬
‫جهاز‬ ‫ذاكرة‬ ‫وجود‬ ‫إلى‬ ‫باإلضافة‬
‫جيدة‬:)
1-‫أنمات‬ ‫اإليدج‬:‫ملفات‬ ‫عنه‬ ‫ينتج‬
‫ويب‬(‫ال‬ ‫ام‬ ‫تي‬ ‫اتش‬5‫جافا‬ ‫و‬
‫سكريبت‬.)
2-‫الفالش‬:‫فالش‬ ‫ملفات‬ ‫عنه‬ ‫ينتج‬
‫المتحرك‬ ‫اإلنفوجرافيك‬ ‫لتصميم‬ ‫رسومية‬ ‫برمجيات‬

10. By: Mais AbuSalah
abusalah@promosteer.com
@maisabusalah
•‫تشارتس‬ ‫جوجل‬:
https://google-
developers.appspot.com/chart/inte
ractive/docs/quick_start
•‫بريزي‬:
http://prezi.com
•‫آب‬ ‫سبرايتس‬
https://spritesapp.com
•‫آيديا‬ ‫كابس‬
https://capsidea.com
‫للتصميم‬ ‫ويب‬ ‫مواقع‬

11. By: Mais AbuSalah
abusalah@promosteer.com
@maisabusalah
•‫أنيماترون‬:
https://www.animatron.com
•‫أكتيف‬ ‫إنفو‬:
https://infoactive.co
•‫اس‬ ‫جي‬ ‫تشارتس‬
http://www.chartjs.org/
‫للتصميم‬ ‫ويب‬ ‫مواقع‬

12. By: Mais AbuSalah
abusalah@promosteer.com
@maisabusalah
(‫فيديو‬)
‫البريزي‬ ‫إلى‬ ‫مدخل‬

13. By: Mais AbuSalah
abusalah@promosteer.com
@maisabusalah
‫توضيحية‬ ‫فيديوهات‬ ‫عرض‬
‫الفالش‬ ‫برنامج‬ ‫إلى‬ ‫مدخل‬

14. By: Mais AbuSalah
abusalah@promosteer.com
@maisabusalah
‫توضيحية‬ ‫فيديوهات‬ ‫عرض‬
‫أنيمات‬ ‫اإليدج‬ ‫برنامج‬ ‫إلى‬ ‫مدخل‬

15. By: Mais AbuSalah
abusalah@promosteer.com
@maisabusalah
‫البيانية‬ ‫الرسومات‬ ‫كود‬ ‫تجربة‬
‫الحضور‬ ‫أجهزة‬ ‫على‬ ‫جوجل‬ ‫من‬
‫البرمجي‬ ‫الكود‬ ‫باستخدام‬ ‫التصميم‬

16. By: Mais AbuSalah
abusalah@promosteer.com
@maisabusalah
‫الدورة؟‬ ‫هذه‬ ‫بعد‬ ‫ماذا‬

17. By: Mais AbuSalah
abusalah@promosteer.com
@maisabusalah
‫المواقع‬ ‫أحد‬ ‫أو‬ ‫بريزي‬ ‫استخدام‬
‫أو‬ ‫قوالب‬ ‫على‬ ‫للتعديل‬ ‫المختارة‬
‫جاهزة‬ ‫نماذج‬
‫تطبيق‬(‫متحرك‬ ‫انفوجرافيك‬ ‫نموذج‬ ‫على‬ ‫التعديل‬)

18. By: Mais AbuSalah
abusalah@promosteer.com
@maisabusalah
‫وأجوبة‬ ‫أسئلة‬

19. By: Mais AbuSalah
abusalah@promosteer.com
@maisabusalah
‫لكم‬ ‫شكرا‬