31
(Animated Slide)

(Animated Slide) - techwithedu.comtechwithedu.com/lessons/انفوجرافيك نظري .pdf · infographics ϲرصبϠا رϴكفتϠا : لϮلأا رϮحمϠا ةϴسحϠا بناϮجϠاب

  • Upload
    others

  • View
    5

  • Download
    0

Embed Size (px)

Citation preview

Page 1: (Animated Slide) - techwithedu.comtechwithedu.com/lessons/انفوجرافيك نظري .pdf · infographics ϲرصبϠا رϴكفتϠا : لϮلأا رϮحمϠا ةϴسحϠا بناϮجϠاب

(Animated Slide)

Page 2: (Animated Slide) - techwithedu.comtechwithedu.com/lessons/انفوجرافيك نظري .pdf · infographics ϲرصبϠا رϴكفتϠا : لϮلأا رϮحمϠا ةϴسحϠا بناϮجϠاب

اإلبداع في حتماً ستحققون أكثر مما تحلمون، فقط عليكم التركيز و

تقديم األفكار وتنفيذها

:في نهاية المحاضرة ستكون الطالبة قادرة على أن

.تُعرف التفكير البصري •

.تكتشف أهمية التفكير البصري •

.اإلنفوجرافيكمفهوم توضح •

.اإلنفوجرافيكتُصمم نموذجاً تعليمياً خاصاً بها لتصميم •

.اإلنفوجرافيكأنواع تُصنف •

.اإلنفوجرافيكتُقارن بين أنواع •

.اإلنفوجرافيكتُعطي مثاالً على أنواع •

.التعليمفي اإلنفوجرافيكاستخدامات توضح •

.في التعليملالنفوجرافيكتقترح استخدامات إضافية •

.وفقاً لمبادئ تصميمهااإلنفوجرافيكتقوم تصاميم •

األهداف المعرفية

INFOGRAPHICS

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

Page 3: (Animated Slide) - techwithedu.comtechwithedu.com/lessons/انفوجرافيك نظري .pdf · infographics ϲرصبϠا رϴكفتϠا : لϮلأا رϮحمϠا ةϴسحϠا بناϮجϠاب

INFOGRAPHICS

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

يق ُعرضت عليك معلومات حول التعليم في العالم بطريقتين احداهما عن طريق الموقع كما يظهر أمامك واآلخر عن طر

تُفضلين ولماذا؟مالذيدوني مع أعضاء مجموعتك الملصق التعليمي الذي أمامك،

يُمكن للعقل البشري

ي استيعاب المحتوى المرئ

بُسرعة تتضاعف إلى

مره ُمقارنة ( ٦٠٠٠٠)

بالنصوص في الُصحف

.والكتب

Page 4: (Animated Slide) - techwithedu.comtechwithedu.com/lessons/انفوجرافيك نظري .pdf · infographics ϲرصبϠا رϴكفتϠا : لϮلأا رϮحمϠا ةϴسحϠا بناϮجϠاب

INFOGRAPHICS

التفكير البصري : المحور األول

الجوانب الحسية أنه القدرة العقلية التي ترتبط بصورة مباشرة ببياجيهالتفكير البصري والذي يراه يعتمد اإلنفو جرافيك على

من ربط البصرية، حيث يحدث هذا التفكير عندما يكون هناك تناسق بين ما يراه المتعلم من أشكال ورسومات وعالقات وما يحدث

.ونتاجات عقلية معتمدة على الرؤية والرسم المعروض

صور يعتبر مهارة الفرد على تخيل فكرة أو معلومة ما وعرضها باستخدام الأن التفكير البصري wilemanيرى ويلمان بينما

.والرسوم بدالً من كثير من الحشو الذي تستخدمه في االتصال مع اآلخرين

:أهمية التفكير البصري

.القدرة على رؤية العالقات الداخلية المكانية للشكل المعروض❖

.القدرة على اكتشاف العالقات النسبية ضمن الشكل المعروض❖

.تنمية مهارات االستدالل ❖

لبصرية مهمة ، حيث أن األشكال ااإلنفوجرافيكوهذه األهمية يجب أن ينتبه لها المصمم ويوظفها توظيفاً جيداً عندما يخطط لتصميم

يظهر في فن لتمثيل المعرفة، ليس فقط بوصفها أدوات ارشادية وتربوية لكن بوصفها سمات تربط بين التفكير والتعلم، وهذا ما

.اإلنفوجرافيك

أنت لست الجمهور المستهدف فال تصمم

لنفسك بدالً من الجمهور المستهدفJakob Nielsen

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

Page 5: (Animated Slide) - techwithedu.comtechwithedu.com/lessons/انفوجرافيك نظري .pdf · infographics ϲرصبϠا رϴكفتϠا : لϮلأا رϮحمϠا ةϴسحϠا بناϮجϠاب

INFOGRAPHICS

:لحظة نقاش

ور ُكل مجموعة تُبدع بما تتحدث عنه الص

التي أمامكم بطريقة تقنية تعبيرية؟

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

Page 6: (Animated Slide) - techwithedu.comtechwithedu.com/lessons/انفوجرافيك نظري .pdf · infographics ϲرصبϠا رϴكفتϠا : لϮلأا رϮحمϠا ةϴسحϠا بناϮجϠاب

INFOGRAPHICS

اإلنفوجرافيكمفهوم : المحور الثاني

:لحظة نقاش

وتكون رافيكانفوجنستطيع تحويلها إلى ( ، الصور، الفيديوالنصيه)هل جميع البيانات

ذات فاعلية؟

.مؤخراً في بدايته وانتشر في مجال اإلعالن والتسويق ولم يدخل في مجال التعليم إال اإلنفوجرافيكظهر

:اإلنفوجرافيكتعريف

سلوب فن تحويل البيانات والمعلومات والمفاهيم المعقدة إلى صور ورسوم يمكن فهمها واستيعابها بوضوح وتشويق وهذا األ

.يتميز بعرض المعلومات المعقدة بطريقة سلسة وواضحة

أنه هو لغة عالمية في التواصل بين البشر من خالل أداة تساهماإلنفوجرافيك( Sirieharoen,2015)سيرارونكما يُعرف

ح الصعب ممكناً في التلخيص البصري لكميات كبيرة من المعلومات، حيث أنه يهدف إلى تحويل المعقد إلى بسيط وشرح كيف يصب

. وواضحاً باستخدام لغة الرسوم

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

Page 7: (Animated Slide) - techwithedu.comtechwithedu.com/lessons/انفوجرافيك نظري .pdf · infographics ϲرصبϠا رϴكفتϠا : لϮلأا رϮحمϠا ةϴسحϠا بناϮجϠاب

INFOGRAPHICS

:لحظة نقاش

د من خبرتكم في هذا المقرر، هل البد أن نتقيد بنموذج محد

تعليمي تفاعلي ولماذا ؟انفوجرافيكلتصميم

التعليمي التفاعلياإلنفوجرافيكنموذج : الثالثالمحور

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

Page 8: (Animated Slide) - techwithedu.comtechwithedu.com/lessons/انفوجرافيك نظري .pdf · infographics ϲرصبϠا رϴكفتϠا : لϮلأا رϮحمϠا ةϴسحϠا بناϮجϠاب

INFOGRAPHICS

اإلنفوجرافيكأنواع تصنيف:الرابعالمحور

:انفوجرافيك ثابت -١

.يكون عبارة عن رسم تصويري يشرح شيء معين بشكل ثابت دون الحاجة الى أي تفاعل مع القارئ

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

Page 9: (Animated Slide) - techwithedu.comtechwithedu.com/lessons/انفوجرافيك نظري .pdf · infographics ϲرصبϠا رϴكفتϠا : لϮلأا رϮحمϠا ةϴسحϠا بناϮجϠاب

INFOGRAPHICS

اإلنفوجرافيكتصنيف أنواع : المحور الرابع:انفوجرافيك متحرك-٢

واقع وهو عبارة عن رسم تصويري متحرك يتفاعل معه القارئ وهذا يعتمد على جزء من مفهوم الرسوم المتحركة، وقد نراه في بعض م

ليتفاعل معها المستخدم، وبعضها يظهر على هيئة فيديو يستخدم ( CODE)الويب التي تستخدم أدوات التحكم من أزرار البرمجة

.لتمثيل المعلومات اإلنفوجرافيكرسومات

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

Page 10: (Animated Slide) - techwithedu.comtechwithedu.com/lessons/انفوجرافيك نظري .pdf · infographics ϲرصبϠا رϴكفتϠا : لϮلأا رϮحمϠا ةϴسحϠا بناϮجϠاب

INFOGRAPHICS

في التعليماإلنفوجرافيكاستخدامات : المحور الخامس

:لحظة نقاش

ن قدمي مع مجموعتك المبدعة مقترحات مبتكرة حول ما ترغب

م؟في التعلياإلنفوجرافيكوما ترونه فعّاالً الستخدام

:شرح المعلومات المعقدة بطريقة تسلسلية وهرمية واضحة وذلك كون-١

.المعلومات المرئية أكثر جاذبية وفاعلية•

.تفسير المعلومات أسهل•

.تنظيم المعلومات يجعلها أكثر فاعلية•

:تلخيص الدراسات والبحوث في الدروس وذلك كون-٢

.النقاط الرئيسية يمكن تعلمها في لمحة بصر خاطفة•

.تعزيز عملية التعليم بتلخيص جذاب•

.تقارن المعلومات بطريقة فعالة•

:كملصق تعليمي مساعد وذلك من خاللاإلنفوجرافيكاستخدام -٣

.تعليقه في الفصل الدراسي لتعزيز التعلم•

.استخدامه لمراجعة المعلومات التي تمت دراستها•

.تنظيم البيانات واألرقام التي يصعب حفظها بشكل تسلسلي واضح لتيسير عملية تذكرها•

:تستخدم كأداة لتقييم تعليم الطالب بطريقة مبتكرة-٤

.يكون كمتطلب لتلخيص محتوى معين من خالل تصميم يقدمه طالب أو مجموعة من الطالب•

.والتركببتقييم تفسير الطالب للمفاهيم المعقدة ،مدى قدرتهم على التحليل •

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

Page 11: (Animated Slide) - techwithedu.comtechwithedu.com/lessons/انفوجرافيك نظري .pdf · infographics ϲرصبϠا رϴكفتϠا : لϮلأا رϮحمϠا ةϴسحϠا بناϮجϠاب

INFOGRAPHICS

اإلنفوجرافيكمبادئ تصميم : المحور السادس

:رآيلحظة تأمل ومشاركة

من المعلومات التي تصل إلى ( ٪٩٠)أثبتت الدراسات أن

!!العقل البشري هي معلومات بصرية

:فوجرافيكاإلنذو الجودة والكفاءة العالية هو الذي يستطيع القارئ فهم محتواه وأهدافه بطريقة سريعة، لذلك يوجد مبادئ أساسية لتصميم اإلنفوجرافيك

دم ُكل ، حيث تستخاستخدام الصور واأليقونات والرموز لتعبير عن المحتوى بعيداً عن كثرة النصوص التفصيلية، مع ضرورة التوازن في استخدام الصور✓

.منها في موضع مناسب لئال تتسبب بتشتت القارئ

المحافظة على وضوح التصميم للقارئ و ذلك من خالل عدم حشو المعلومات النصية والمصورة من خالل وجود مساحات كافية بينها وبحدود ✓

.اإلنفوجرافيك

.لإلنفوجرافيكضرورة تحديد عنوان شيق وجذاب ✓

.بالتوازن البصري، وال يسبب توتر للقارئاإلنفوجرافيكاستخدام نظام ألوان بسيط ومتوازن بحيث يتسم ✓

.ضرورة وضع مسافات محددة في جميع جوانب التصميم✓

.اجعلي التصميم يعكس محتواه، بحيث من يشاهد التصميم يعرف مضمونه من خالل الجرافيك والصور المستخدمة فيه✓

فق لمرن افي حال كان تصميمك ملخص لمحتوى دراسة أو مقالة ، فمن الضروري ارفاق المادة المرتبطة بها، مع مراعاة عدم تكرار المعلومات في حال كا✓

.، بل يكون بمثابة الملحق المفصل لالستزادة حول الموضوعاإلنفوجرافيكهو نفسه ما تم تصميمه في

.التأكد من سالمة المعلومات المتضمنة في التصميم إمالئياً ونحوياً، وكذلك صحتها وحداثتها✓

خدميها سهولة ، وتجميع المعلومات المتقاربة وربطها مع بعضها البعض، األمر الذي ييسر على مستاإلنفوجرافيكإبراز العالقات والعمليات المتضمنة في ✓

.الحصول على المعلومات بشكل مختصر

✓ ً (.بشكل مرئي)اختيار بيانات يمكن تمثيلها بصريا

.اختيار موضوع واحد لكل تصميم حتى يكون ذا تركيز ووضوح✓

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

Page 12: (Animated Slide) - techwithedu.comtechwithedu.com/lessons/انفوجرافيك نظري .pdf · infographics ϲرصبϠا رϴكفتϠا : لϮلأا رϮحمϠا ةϴسحϠا بناϮجϠاب

INFOGRAPHICS

:عزيزتي المبدعة

جرافياكلإلنفو، حددي أربع تصااميم اإلنفوجرافيكالرابط أدناه يحتوي على مجموعة من

.، وفندي اختيارك اإلنفوجرافيكتصميم تتحقق فيها مبادئ

http://ncmh.org.sa/index.php/pages/album/15

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

Page 13: (Animated Slide) - techwithedu.comtechwithedu.com/lessons/انفوجرافيك نظري .pdf · infographics ϲرصبϠا رϴكفتϠا : لϮلأا رϮحمϠا ةϴسحϠا بناϮجϠاب

INFOGRAPHICS في التعليماإلنفوجرافيك

يكاإلنفوجرافتقويم تصاميم : المحور السابع

Page 14: (Animated Slide) - techwithedu.comtechwithedu.com/lessons/انفوجرافيك نظري .pdf · infographics ϲرصبϠا رϴكفتϠا : لϮلأا رϮحمϠا ةϴسحϠا بناϮجϠاب

INFOGRAPHICS في التعليماإلنفوجرافيك

يكاإلنفوجرافتقويم تصاميم : المحور السابع

Page 15: (Animated Slide) - techwithedu.comtechwithedu.com/lessons/انفوجرافيك نظري .pdf · infographics ϲرصبϠا رϴكفتϠا : لϮلأا رϮحمϠا ةϴسحϠا بناϮجϠاب

INFOGRAPHICS في التعليماإلنفوجرافيك

يكاإلنفوجرافتقويم تصاميم : المحور السابع

Page 16: (Animated Slide) - techwithedu.comtechwithedu.com/lessons/انفوجرافيك نظري .pdf · infographics ϲرصبϠا رϴكفتϠا : لϮلأا رϮحمϠا ةϴسحϠا بناϮجϠاب

INFOGRAPHICS في التعليماإلنفوجرافيك

يكاإلنفوجرافتقويم تصاميم : المحور السابع

Page 17: (Animated Slide) - techwithedu.comtechwithedu.com/lessons/انفوجرافيك نظري .pdf · infographics ϲرصبϠا رϴكفتϠا : لϮلأا رϮحمϠا ةϴسحϠا بناϮجϠاب

INFOGRAPHICS في التعليماإلنفوجرافيك

يكاإلنفوجرافتقويم تصاميم : المحور السابع

Page 18: (Animated Slide) - techwithedu.comtechwithedu.com/lessons/انفوجرافيك نظري .pdf · infographics ϲرصبϠا رϴكفتϠا : لϮلأا رϮحمϠا ةϴسحϠا بناϮجϠاب

INFOGRAPHICS في التعليماإلنفوجرافيك

يكاإلنفوجرافتقويم تصاميم : المحور السابع

Page 19: (Animated Slide) - techwithedu.comtechwithedu.com/lessons/انفوجرافيك نظري .pdf · infographics ϲرصبϠا رϴكفتϠا : لϮلأا رϮحمϠا ةϴسحϠا بناϮجϠاب

INFOGRAPHICS في التعليماإلنفوجرافيك

يكاإلنفوجرافتقويم تصاميم : المحور السابع

Page 20: (Animated Slide) - techwithedu.comtechwithedu.com/lessons/انفوجرافيك نظري .pdf · infographics ϲرصبϠا رϴكفتϠا : لϮلأا رϮحمϠا ةϴسحϠا بناϮجϠاب

INFOGRAPHICS في التعليماإلنفوجرافيك

يكاإلنفوجرافتقويم تصاميم : المحور السابع

Page 21: (Animated Slide) - techwithedu.comtechwithedu.com/lessons/انفوجرافيك نظري .pdf · infographics ϲرصبϠا رϴكفتϠا : لϮلأا رϮحمϠا ةϴسحϠا بناϮجϠاب

INFOGRAPHICS في التعليماإلنفوجرافيك

يكاإلنفوجرافتقويم تصاميم : المحور السابع

Page 22: (Animated Slide) - techwithedu.comtechwithedu.com/lessons/انفوجرافيك نظري .pdf · infographics ϲرصبϠا رϴكفتϠا : لϮلأا رϮحمϠا ةϴسحϠا بناϮجϠاب

INFOGRAPHICS في التعليماإلنفوجرافيك

يكاإلنفوجرافتقويم تصاميم : المحور السابع

Page 23: (Animated Slide) - techwithedu.comtechwithedu.com/lessons/انفوجرافيك نظري .pdf · infographics ϲرصبϠا رϴكفتϠا : لϮلأا رϮحمϠا ةϴسحϠا بناϮجϠاب

INFOGRAPHICS في التعليماإلنفوجرافيك

يكاإلنفوجرافتقويم تصاميم : المحور السابع

Page 24: (Animated Slide) - techwithedu.comtechwithedu.com/lessons/انفوجرافيك نظري .pdf · infographics ϲرصبϠا رϴكفتϠا : لϮلأا رϮحمϠا ةϴسحϠا بناϮجϠاب

INFOGRAPHICS في التعليماإلنفوجرافيك

يكاإلنفوجرافتقويم تصاميم : المحور السابع

Page 25: (Animated Slide) - techwithedu.comtechwithedu.com/lessons/انفوجرافيك نظري .pdf · infographics ϲرصبϠا رϴكفتϠا : لϮلأا رϮحمϠا ةϴسحϠا بناϮجϠاب

INFOGRAPHICS في التعليماإلنفوجرافيك

يكاإلنفوجرافتقويم تصاميم : المحور السابع

Page 26: (Animated Slide) - techwithedu.comtechwithedu.com/lessons/انفوجرافيك نظري .pdf · infographics ϲرصبϠا رϴكفتϠا : لϮلأا رϮحمϠا ةϴسحϠا بناϮجϠاب

INFOGRAPHICS في التعليماإلنفوجرافيك

يكاإلنفوجرافتقويم تصاميم : المحور السابع

Page 27: (Animated Slide) - techwithedu.comtechwithedu.com/lessons/انفوجرافيك نظري .pdf · infographics ϲرصبϠا رϴكفتϠا : لϮلأا رϮحمϠا ةϴسحϠا بناϮجϠاب

INFOGRAPHICS في التعليماإلنفوجرافيك

يكاإلنفوجرافتقويم تصاميم : المحور السابع

Page 28: (Animated Slide) - techwithedu.comtechwithedu.com/lessons/انفوجرافيك نظري .pdf · infographics ϲرصبϠا رϴكفتϠا : لϮلأا رϮحمϠا ةϴسحϠا بناϮجϠاب

INFOGRAPHICS في التعليماإلنفوجرافيك

يكاإلنفوجرافتقويم تصاميم : المحور السابع

Page 29: (Animated Slide) - techwithedu.comtechwithedu.com/lessons/انفوجرافيك نظري .pdf · infographics ϲرصبϠا رϴكفتϠا : لϮلأا رϮحمϠا ةϴسحϠا بناϮجϠاب

INFOGRAPHICS في التعليماإلنفوجرافيك

يكاإلنفوجرافتقويم تصاميم : المحور السابع

Page 30: (Animated Slide) - techwithedu.comtechwithedu.com/lessons/انفوجرافيك نظري .pdf · infographics ϲرصبϠا رϴكفتϠا : لϮلأا رϮحمϠا ةϴسحϠا بناϮجϠاب

INFOGRAPHICS في التعليماإلنفوجرافيك

يكاإلنفوجرافتقويم تصاميم : المحور السابع

Page 31: (Animated Slide) - techwithedu.comtechwithedu.com/lessons/انفوجرافيك نظري .pdf · infographics ϲرصبϠا رϴكفتϠا : لϮلأا رϮحمϠا ةϴسحϠا بناϮجϠاب

(Animated Slide)