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

2. ‫انفوجرافيك‬
Infographic
‫المعلوماتية‬ ‫التصاميم‬
Information Design
‫التفاع‬ ‫التصويرية‬ ‫البيانات‬‫لية‬
Data Visualization

4. ‫بعلم‬ ‫ليس‬ ‫هو‬‫السنين‬ ‫آالف‬ ‫منذ‬ ‫موجود‬ ‫العلم‬ ‫هذا‬ ‫جديد‬..

6. •‫ووووووووووو‬‫و‬‫ه‬‫وووووووووووم‬‫و‬ ‫ور‬ ‫ووووووووووور‬‫و‬‫ص‬ ‫وووووووووو‬‫و‬‫ل‬ ‫وووووووووو‬‫و‬ ‫المع‬ ‫ووووووووووات‬‫و‬‫والبيان‬ ‫ووووووووووات‬‫و‬‫المعلوم‬ ‫ووووووووووا‬‫و‬‫تموي‬ ‫ووووووووووع‬‫و‬‫ف‬
‫قراء‬ ‫ال‬ ‫الماجة‬ ‫وع‬ ‫تيعابها‬ ‫ا‬ ‫يراها‬ ‫مع‬ ‫عل‬ ‫ها‬ ‫ي‬‫الكثير‬‫النصوص‬ ‫مع‬.
•‫هووووووووووووو‬‫علووووووووووووم‬‫لوووووووووووو‬ ‫البيانووووووووووووات‬ ‫تمويووووووووووووا‬ ‫التفاعليووووووووووووة‬ ‫التصووووووووووووويرية‬ ‫البيانووووووووووووات‬
‫تفاعلية‬ ‫وعالقات‬ ‫صور‬.
•‫ووووك‬‫و‬‫االنفوجرافي‬(infographic)‫يع‬ ‫وووو‬‫و‬ ‫ووووع‬‫و‬‫م‬ ‫ووووة‬‫و‬‫كلم‬ ‫ووووة‬‫و‬‫ه‬(info)‫ووووة‬‫و‬‫لكلم‬ ‫ووووار‬‫و‬‫تص‬ ‫ا‬ ‫ووووة‬‫و‬‫وه‬
(information)‫و‬(graphic)‫اذا‬‫االنفوجرافيك‬‫وكا‬ ‫الوة‬ ‫والمعلوموات‬ ‫البيانوات‬ ‫تمويا‬ ‫هو‬
‫بصر‬.
‫وو‬‫و‬ ‫مع‬ ‫ووات‬‫و‬‫معلوم‬
‫وبيانا‬ ‫ومفاهيم‬‫ت‬
‫االنفوجرافيك‬
‫الة‬ ‫يمولها‬
‫وووووووور‬‫و‬‫ص‬
‫وم‬ ‫ور‬

8. INFORMATION GRAPHIC INFOGRAPHIC

9. ‫و‬ ‫وات‬‫و‬‫البيان‬ ‫يم‬ ‫و‬‫و‬ ‫لت‬ ‫ورية‬‫و‬‫بص‬ ‫ويالت‬‫و‬‫تمث‬ ‫وة‬‫و‬‫ه‬‫وات‬‫و‬‫المعلوم‬‫و‬‫و‬ ‫المع‬‫وة‬‫و‬ ‫بطري‬‫وريعة‬‫و‬
‫يع‬ ‫وتم‬ ‫واضح‬ ‫كا‬ ‫وب‬‫راك‬ ‫اإل‬‫ى‬ ‫ل‬‫المتعلم‬.
‫الو‬ ‫عل‬ ‫ائم‬ ‫ال‬ ‫التعليم‬ ‫تكنولوجيا‬ ‫وات‬ ‫ث‬ ‫م‬ ‫مع‬ ‫التعليمة‬ ‫اإلنفوجرافيك‬ ‫يعتبر‬‫يب‬.
‫؟‬ ‫التعليم‬ ‫فة‬ ‫االنفوجرافيك‬ ‫م‬ ‫ت‬ ‫ن‬ ‫لماذا‬
‫وووا‬‫و‬ ‫الع‬‫ب‬ ‫ووور‬‫و‬ ‫ا‬ ‫وووور‬‫و‬‫المص‬ ‫وووات‬‫و‬‫المعلوم‬ ‫وووالم‬‫و‬‫يع‬60000‫ووور‬‫و‬‫م‬‫وووع‬‫و‬‫م‬
‫النصية‬ ‫المعلومات‬.
90%‫المخ‬ ‫ل‬ ‫ا‬ ‫تنت‬ ‫التة‬ ‫المعلومات‬ ‫مع‬‫هة‬‫معلومات‬‫مصور‬.
40%‫فضوا‬ ‫وتجيبوع‬ ‫ي‬ ‫اص‬ ‫األ‬ ‫مع‬‫للمعلوموات‬‫ا‬‫لمصوور‬‫ار‬ ‫م‬‫نوة‬
‫النصية‬ ‫بالمعلومات‬.

10. ‫واالعتما‬ ‫الفهم‬ ‫هلة‬ ‫وجعلها‬ ‫والكبير‬ ‫المع‬ ‫المعلومات‬ ‫يط‬ ‫تب‬‫عل‬‫الموثثرات‬‫ال‬‫بصورية‬
‫المعلومة‬ ‫توصيا‬ ‫فة‬.
‫ة‬ ‫المتل‬ ‫ال‬ ‫وتوصيلها‬ ‫المعلومة‬ ‫عرض‬ ‫فة‬ ‫رعة‬ ‫ال‬.
‫عورض‬ ‫فوة‬ ‫ووي‬ ‫والت‬ ‫الجاذبية‬‫المعلوموة‬‫لوذا‬‫التوا‬ ‫مواقوو‬ ‫علو‬ ‫كبور‬ ‫التفاعوا‬ ‫ع‬ ‫نجو‬‫صوا‬
‫االجتماعة‬‫مو‬‫المواضيو‬‫صور‬ ‫عل‬ ‫تما‬ ‫ت‬ ‫التة‬.
‫بكات‬ ‫ال‬ ‫عبر‬ ‫االنفوجرافيك‬ ‫ار‬ ‫وانت‬ ‫ر‬ ‫ن‬ ‫هولة‬‫االجتماعية‬.

11. 1-‫لكل‬ ‫مناسب‬‫المجاالت‬‫والتخصصات‬.
2-‫يقدم‬‫الحقائق‬‫في‬ ‫العلمية‬‫بصرية‬ ‫صورة‬‫يسهل‬‫فهمها‬‫واستيعابها‬.
3-‫مثالية‬ ‫أداة‬‫لتوضيح‬‫غير‬ ‫األشياء‬‫المألوفة‬‫للمتعلمين‬.
4-‫يعطي‬‫المتعلم‬‫على‬ ‫القدرة‬‫المقارنة‬‫وتحليل‬‫المعلومات‬.
5-‫على‬ ‫القدرة‬‫ثقافة‬ ‫إثراء‬‫المتعلم‬.

12. ‫العرض‬ ‫ة‬ ‫طري‬ ‫ب‬ ‫م‬ ‫االنفوجرافيك‬ ‫انوا‬:
‫وت‬‫و‬‫ثاب‬:‫وو‬‫و‬‫موض‬ ‫ور‬‫و‬ ‫ت‬ ‫ور‬‫و‬‫ثابت‬ ‫وور‬‫و‬‫كص‬
‫معيع‬
‫متمرك‬( :‫يو‬ ‫في‬–‫متمرك‬ ‫ع‬ ‫مو‬)
‫تفاعلة‬:‫اه‬ ‫الم‬ ‫مع‬ ‫بتمكم‬
‫ب‬ ‫م‬ ‫االنفوجرافيك‬ ‫نوا‬‫كا‬ ‫ال‬
‫اوا‬ ‫ج‬
‫توضيمية‬ ‫وم‬ ‫ر‬
‫رائط‬
‫عالقات‬

13. ‫ثابت‬ ‫تصميم‬

14. ‫ثابت‬ ‫تصميم‬

15. 1.‫الفكر‬ ‫ي‬ ‫تم‬.
2.‫المعلومات‬ ‫جمو‬.
3.‫طيط‬ ‫الت‬:‫تصوور‬‫العنواويع‬ ‫ووضوو‬ ‫وم‬ ‫للر‬ ‫مبو‬‫وية‬ ‫الرئي‬‫والفرعيوة‬‫يو‬ ‫وتم‬
‫العام‬ ‫كا‬ ‫ال‬‫واأللواع‬.
4.‫التنفيذ‬.
5.‫وائة‬‫و‬‫النه‬ ‫وراا‬‫و‬ ‫اإل‬:‫و‬‫و‬‫التأك‬‫وات‬‫و‬‫للمعلوم‬ ‫وليم‬‫و‬ ‫ال‬ ‫وا‬‫و‬‫التمثي‬ ‫وع‬‫و‬‫م‬‫تيووار‬ ‫واال‬‫وليم‬‫و‬ ‫ال‬
‫وم‬ ‫للر‬.

17. 1-‫املهمة‬ ‫البيانات‬ ‫من‬ ‫أي‬ ‫يغفل‬ ‫وال‬‫قصة‬ ‫يحكي‬‫متماسك‬ ‫تصميم‬.
2-‫البيانات‬ ‫دقة‬.
3-‫املستهدفة‬ ‫للفئة‬ ‫او‬ ‫للجهة‬‫مناسب‬ ‫تصميم‬.
4-‫ببساطة‬ ‫املعلومات‬ ‫يقدم‬.
5-‫االهتمام‬‫املعبرة‬ ‫واالشكال‬ ‫بالرسوم‬.

18. ‫انفوجرافيك‬ ‫الة‬ ‫لتمويلر‬ ‫با‬ ‫منا‬ ‫الموضو‬ ‫يكوع‬ ‫اع‬
‫وتتابعها‬ ‫المعلومات‬ ‫ا‬ ‫ل‬ ‫ت‬ ‫مراعا‬
‫انفوجرافيك‬ ‫الة‬ ‫لتمويلر‬ ‫با‬ ‫منا‬ ‫الموضو‬ ‫يكوع‬ ‫اع‬
‫المعلومات‬ ‫ر‬ ‫مصا‬ ‫توثي‬
1
4
3
2
‫ف‬ ‫واله‬ ‫للفكره‬ ‫وجذابر‬ ‫بة‬ ‫منا‬ ‫لواع‬ ‫تيار‬ ‫ا‬ 5
‫والنموية‬ ‫اإلمالئير‬ ‫طاء‬ ‫األ‬ ‫مراجعة‬ 6
‫اطة‬ ‫الب‬
‫ي‬ ‫التع‬ ‫م‬ ‫وع‬
‫الف‬ ‫ب‬ ‫ينا‬ ‫اع‬‫ئر‬
‫فة‬ ‫ته‬ ‫الم‬

19. ‫كتاب‬‫الحقائق‬https://www.cia.gov/library/publications/the-world-factbook/index.html

20. ‫إحصائيات‬‫عادات‬‫ميديا‬ ‫الملتي‬‫العرب‬ ‫للمستخدمين‬http://www.insightsmena.com/#!place=home

21. ‫اإلنفوجرافيك‬‫عربة‬
http://arinfographic.net
‫اإلمارات‬‫ااإلنفوجرافيك‬
http://uaeinfographics.blogspot.com

22. ‫اإلنفوجرافيك‬‫عربة‬
http://arinfographic.net
‫اإلمارات‬‫ااإلنفوجرافيك‬
http://uaeinfographics.blogspot.com

24. ‫موقو‬emaze.com:‫صص‬ ‫مت‬ ‫موقو‬‫لوب‬ ‫بأ‬ ‫مية‬ ‫الت‬ ‫العروض‬ ‫اء‬ ‫ن‬ ‫فة‬‫االنفوجرافيك‬.
•‫الموقو‬ ‫فة‬ ‫جيا‬ ‫الت‬ ‫مع‬ ‫الب‬.
•‫اإلنترنت‬ ‫عبر‬ ‫العما‬.
•‫البرنامم‬ ‫إلمكانيات‬ ‫توى‬ ‫م‬ ‫مع‬ ‫كثر‬(‫المجانة‬‫و‬‫وم‬ ‫بر‬).
‫موقو‬prezi.com:‫صص‬ ‫مت‬ ‫موقو‬‫لوب‬ ‫بأ‬ ‫مية‬ ‫الت‬ ‫العروض‬ ‫اء‬ ‫ن‬ ‫فة‬
‫االنفوجرافيك‬.
•‫الموقو‬ ‫فة‬ ‫جيا‬ ‫الت‬ ‫مع‬ ‫الب‬.
•‫اإلنترنت‬ ‫عبر‬ ‫العما‬.
•‫البرنامم‬ ‫إلمكانيات‬ ‫توى‬ ‫م‬ ‫مع‬ ‫كثر‬(‫المجانة‬‫و‬‫وم‬ ‫بر‬).
•‫نظام‬ ‫تمت‬ ‫وب‬ ‫الما‬ ‫عل‬ ‫للعما‬ ‫ة‬ ‫ن‬ ‫تمميا‬ ‫يمكع‬(‫وابا‬ ‫وز‬ ‫وين‬)

25. ‫موقو‬https://www.draw.io
‫لعما‬‫عل‬ ‫رو‬ ‫الم‬ ‫عع‬ ‫ئة‬ ‫مب‬ ‫طيط‬ ‫ت‬‫اإلنترنت‬.
‫موقو‬Piktochart.com:‫موقو‬
‫موا‬ ‫وتطوير‬ ‫تصميم‬ ‫فة‬ ‫صص‬ ‫مت‬
‫االنفوجرافيك‬‫ئيع‬ ‫للمبت‬,‫لك‬ ‫ويتيح‬
‫مجانية‬ ‫والب‬ ‫ب‬ ‫تعانة‬ ‫اال‬,‫الموقو‬ ‫م‬ ‫ي‬
‫فة‬ ‫طة‬ ‫مب‬ ‫مات‬‫تصميم‬
‫الموا‬‫االنفوجرافيك‬‫ف‬ ‫ط‬ ‫المب‬ ‫اء‬ ‫األ‬ ‫ذات‬‫ة‬
‫الفنة‬ ‫راا‬ ‫اإل‬,‫مو‬‫راا‬ ‫ت‬ ‫ا‬ ‫امكانية‬
‫بجو‬ ‫التصميم‬‫و‬ ‫عالية‬‫بع‬‫منها‬ ‫صيغ‬
PNG,JPG.‫الموقو‬ ‫فة‬ ‫جيا‬ ‫الت‬ ‫يجب‬
.

26. ‫موقو‬Piktochart.com:‫موا‬ ‫وتطوير‬ ‫تصميم‬ ‫فة‬ ‫صص‬ ‫مت‬ ‫موقو‬‫االنفوجرافيك‬‫ئيع‬ ‫للمبت‬,‫اال‬ ‫لك‬ ‫ويتيح‬‫تعانة‬
‫مجانية‬ ‫والب‬ ‫ب‬,‫فة‬ ‫طة‬ ‫مب‬ ‫مات‬ ‫الموقو‬ ‫م‬ ‫ي‬‫تصميم‬
‫الموا‬‫االنفوجرافيك‬‫فة‬ ‫ط‬ ‫المب‬ ‫اء‬ ‫األ‬ ‫ذات‬‫الفنة‬ ‫راا‬ ‫اإل‬,‫مو‬‫راا‬ ‫ت‬ ‫ا‬ ‫امكانية‬‫بجو‬ ‫التصميم‬‫و‬ ‫عالية‬‫بع‬‫ص‬‫منها‬ ‫يغ‬
PNG,JPG.‫الموقو‬ ‫فة‬ ‫جيا‬ ‫الت‬ ‫يجب‬.