جامعة الأسكندرية

كلية التربية

دبلومة مهنية : ( قسم تكنولوجيا التعليم)

                     بحث بعنوان :

                     (ألأنفوجرافيك)

إعداد: محمد عبدالرحيم عبد الرحمن حسانين

تحت إشراف:د ـ محمد الباتع

المحتويات  

نبذة تاريخية الانفوجرافيك:

مفهوم الانفوجرافيك

 مسميات الانفوجرافيك

فائدة وأهمية الإنفوجرافيك

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

أدوات الانفوجرافيك

أنواع الانفوجرافيك:

النوع الأول : الانفوجرافيك الثابت

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

علاقة الانفوجرافيك بفسيولوجيا المخ البشرى

اشكال الانفوجرافيك :

خطوات تصميم الإنفوجرافيك:

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

من هو مصمم الجرافيك ؟

  مميزاتة

لماذا تزيد شعبية الانفوجرافيك ؟

مبادئ الانفوجرافيك:

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

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

نصائح عامة لمن يرغب بالبدء في تصميم الإنفوجرافيك:

نبذة تاريخية الانفوجرافيك:

يعود تاريخ هذا الفن إلى العام 7500 قبل الميلاد عندما كان الانسان ينقش الصور والرموز على جدران الكهوف لحفظ التاريخ للأجيال ,وقد تم اكتشاف أول انفوجرافيك عام 1786 م

عاد الانفوجرافيك للظهور في عصر التقنية مع بداية ولادة وسائل التواصل الاجتماعي بين عامي 2005 و عام 2006 لتظهر فقط 5 صور انفوجرافيك ,وتطورت حتى انتشرت وقفزت بشكل سريع مع عام 2011 إلى 2000.000 صورة !

والآن مع هذا الانفوجرافيك الذي يوضح مراحل تطور فن الانفوجرافيك

مفهوم الانفوجرافيك

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

مسميات الانفوجرافيك

انفوجرافيك أو انفوجرافيكس Infographics

التصاميم المعلوماتية Information Design

البيانات التصورية التفاعلية Data Visualization

فائدة وأهمية الإنفوجرافيك:

تغيير الطريقة الروتينية لعرض المعلومات والبيانات للناس وبالتالي هذا يساعد على تغيير استجابة الناس وتفاعلهم مع هذه المعلومات عند رؤيتها

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

مكونات الانفوجرافيك :

1ـ العنصر البصرى : ويتضمن هذا العنصر استخدام الالوان والرسومات والاسهم والاشكال التلقائية والرسوم البيانية بالصور

2ـ المحتوى النصى: ويشمل النصوص المكتوبة والتى يجب ان تكون مختصرة ومرتبطة بالعنصر السابق

3ـ المعرفة: وهى اهم ما يميز الانفوجرافيك ويجعلة اكثرمن كونة نص او صورة وانما طريقة تقديم بطريقة معينة تمثل المفهوم او المعرفة المراد ايصالها كتسلسل الزمنى او التفرعات وغيرها.

أدوات الانفوجرافيك

   1ـ  برامج التصميم مثل Adobe Photoshop – Adobe Illustrator     

  2ـ   قاعدة معرفية واسعة حول الموضوع الذي سيتناوله الرسم

  3ـ  الاتقان والخبرة في مجال التصميم والاختيار المناسب للرسوم           والألوان

  4ـ  مواقع تقدم مقاطع تعليمية ونماذج جاهزة قابلة للتعديل ,مثل

FreePik – Piktochart – Easelly – VectorStock

أنواع الانفوجرافيك:

الانفوجرافيك ينقسم إلى نوعين، ولكل نوع منهم خصائص وبرامج لتنفيذه:


النوع الأول : الانفوجرافيك الثابت

عبارة عن دعاية ثابتة إما أن تطبع أو توزع أو تنشر علي صفحات الانترنت ومحتوي الانفوجرافيك الثابت يشرح بعض المعلومات عن موضوع معين يختاره صاحب الانفوجرافيك.

النوع الثاني : الانفوجرافيك المتحرك
وله نوعان:
النوع الاول : تصوير فيديو عادي ويوضع عليه البيانات و التوضيحات بشكل جرافيك متحرك الظهار بعض الحقائق والمفاهيم علي الفيديو نفسه وللاسف هذا النوع قليل بعض الشيء في الاستخدام.
النوع الثاني : عبارة عن تصميم البيانات والتوضيحات والمعلومات بشكل متحرك كامل حيث يتطلب هذا النوع الكثير من الابداع واختيار الحركات المعبرة التي تساعد في اخراجه بطريقة شيقة وممتعة وكذلك يكون لها سيناريو كامل لإخراج النهائي لهذا النوع وهذا اكثر الانواع استخداما الان.

علاقة الانفوجرافيك بفسيولوجيا المخ البشرى:

قدمة ابحاث الدماغ المرتبطة بفسيولوجيا الابصار  والطرق التى نستخدم فيها العين لمعالجة المعلومات مبررات مقنعة لاستخدام الانفوجرافيك فى الاتصالات اليومية المتداخلة حيث اكتشف العلماء فى معهد ماساتشوستس للتكنولوجياtechnology   massachusetts lnstitue of ان الرؤية تعتبر هى الجزء الاكبر فى فسيولوجيا المخ وان حوالى50%تقريباً موجهة بشكل مباشر او غير مباشر نحو وظيفة الابصار وتؤكد هذة النتائج الاحساس القائل بأن معالجة المخ للمعلومات المصورة (الانفوجرافيك) يكون اقل تعقيداً من معالجتة للنصوص الخام

اثبتت الدراسات اننا نتعلم  :

1% بواسطة حاسة الذوق

1,5%بواسطة حاسة اللمس

3,5% بواسطة حاسة الشم

11%بواسطة حاسة السمع

83% بواسطة حاسة البصر

اشكال الانفوجرافيك :

1ـ الاحصائيات: مثل احصائيات اعداد السكان والمواليد والوفيات والصادرات والواردات والهجرة وغيرها

2ـ الاجراءات : مثل اجراءت الدورة الدموية وهضم الغذاء وتكوين الجنين ودورة المياة فى الطبيعة وحركة الانتاج وغيرها

3ـ الافكار:مثل المفاهيم والنظريات والتعليمات والافكار السياسية والاقتصاد ية  والاجتماعية والصحية والغذائية السائدة فى المجتمعات وغيرها

4ـ التسلسل التاريخي : مثل تاريخ الاحداث وترتيبها والخرائط الزمنية والجداول الزمنية وغيرها

5ـ الوصف الجغرافى: مثل الموقع والقياسات حسب المناطق الجغرافية وغيرها

6ـ التشريح: مثل المكونات والعناصر والقوائم وغيرها

7ـ التسلسل الهرمى : مثل الهيكل التنظيمى وتحديد الاحتياجات وغيرها

8ـ العلاقات : مثل العلاقات الداخلية والخارجية والعلاقات بين الاشخاص والمنتاجات/الخدمات وغيرها

9ـ التشخيصات: كأن يتناول الانفوجرافيك شخصية مؤثرة فى احد المجالات المتنوعة للحياة اليومية

خطوات تصميم الإنفوجرافيك:

1ـ تحديد الفكرة التي ترغب بعرضها للجمهور بشكل بسيط وسهل

2ـ تحديد مصادر موثوقة للمعلومات التي ترغب بعرضها وتمثيلها للفكرة المختارة

3ـ عمل رسم وتصور مبدئي للرسم يتحدد فيه العناوين الرئيسية والفرعية، الشكل العام، الألوان، طبيعة التصميم

4ـ تنقيح التصميم والتأكد من أن كل البيانات والمعلومات التي تم جمعها عن الفكرة قد تم عرضها بالشكل المرغوب به والشكل السليم، إضافة الى التأكد من صحة الرسوم وهل تعبر عن الفكرة المختارة أم لا

5ـ الإخراج النهائي للتصميم المرسوم وهل سيعتمد كتصميم ثابت أم متحرك

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

وتختلف البرامج المستخدمة تبعاً لنوع الإنفوجرافيك المراد تصميمه كالتالي :

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

برنامج الفوتوشوب photoshop ، برنامج الاليستريتور illustrator ( والخيار الثاني أفضل لأنه معتمد على مفهوم الـ Vector بالرسم وبالتالي الدقة تكون أعلى ) .

الانفوجرفيك المتحرك:

الافتر افكت aftereffect ، برنامج الموشن Apple Motion ( لكنه خاص بأجهزة آبل فقط).

مواقع تساعدك في تصميم المخططات البيانية والخرائط :

موقع StatSilk الخاص  يوفر برامج تساعدك على تشكيل الخرائط والرسوم والاشكال البيانية التفاعلية كما تريد( Interactive maps and visualizations )

موقع hohli الخاص ببناء المخططات والاشكال البيانية

ملفات مفتوحة المصدر يمكنك الاستفادة منها مثل ملفات الـ PSD الخاصة ببرنامج الفوتوشوب أو ملفات الـ AI الخاصة ببرنامج الاليستريتور

وهناك الكثير من المواقع الآخرى التي لايوجد مجال لحصرها جميعاً .

مواقع عربية تعزز من إثراء مفهوم الانفوجرافيك عربياً على الإنترنت :

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

موقع إنفوجرافيك عربي : وهو مخصص بأرشفة كافة الانفوجرافيك العربي على الانترنت ليشكل مرجع عالمي ومعتمد بهذا المجال عالمياً

أما عن أشهر المواقع العالمية في هذ العلم فهو موقع  visual

الفيديو

من هو مصمم الجرافيك ؟س

أن مصمم الجرافيك وظيفة كبيرة وشاملة للعديد والعديد من الوظائف المتداخلة سنذكر أغلبها:

مصمم الوثائق الدعائية وتشمل الإعلانات الداخلية وتصميمات الكتب والبروشورات والكتيبات الصغيرة والمجلات والجرائد والبوسترات وأغلفة المنتجات وأغلفة أشرطة الفيديو والكاسيت والأسطوانات وقوائم الأسعار وقوائم المنتجات والكتالوجات وشعارات الشركات …. الخ

مصمم الإعلانات الخارجية وتشمل لوحات للمحلات والأسواق والعيادات والشركات …. الخ كذلك إعلانات المنتجات والخدمات الخارجية وإعلانات الطرق

مصمم واجهات المواقع وتشمل كل ما يتعلق بتصميمات واجهات المواقع فقط بدون تعليمات برمجية .

مصمم الإعلانات التلفزيونية وتشمل التصميمات الثابتة والمتحركة التي تجدها على أغلب محطات التلفزيون وتجد أيضاً مقدمة وخاتمة البرامج وكذلك بعض الكليات …. الخ.

مصمم رسوم متحركة ثنائية الأبعاد ومن أمثلتها توم وجيري والكابتن ماجد.

مصمم ستوديوهات وتشمل تصوير الأشخاص والعرائس وتعديل لاصور وإخراجها بشكل جميل وإضافة المكياج وتحسين الصور .

مصمم ثلاثي الأبعاد تصميمات ثابتة وتشمل كل التصميمات ثلاثية الأبعاد الثابتة وتجد أغلبها في شركات المعمار والمقاولات والهندسة.

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

عادة ما يستخدم المصمم في الانفوجرافيك

     الصور بنسبة 60%

     الرموز والأسهم الدلالات 38%

     والكتابة 13%

              مميزاتة

1ـ تبسيط المعلومات المعقدة والكبيرة وجعلهاسهلة الفهم

2ـ الاعتماد على المؤثرات البصرية فى توصيل المعلومة

3ـ تحويل المعلومات والبيانات من ارقام وحروف مملة الى صور ورسوم شيقة

4ـ سهولة نشر وانتشار الانفوجرافيك عبر الشبكات الاجتماعية

لماذا تزيد شعبية الانفوجرافيك ؟

إن الرسوم البيانية أو ( الانفوجرافيك) تمنحنا ملخصاً عن أفضل كيفية للحصول على معلوماتك من الاخرين لتتضح لنا الرؤية أكثر ينبغي أن نعرف ما يسهم فى زيادة شعبية الانفوجرافيك ؟

– معلومات وبيانات : تمنح الانفوجرافيك للقارئ مجموعة من المعلومات وبالنهاية نتيجة وخلاصة. وتتميز الانفوجرافيك الناجحة بسهولة قراءتها محققة بذلك هدفها الرامي إلى إيصال الرسالة الصحيحة لجمهورها وتشجيع مزيد من الأفراد على مشاركته.

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

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

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

مبادئ الانفوجرافيك:

  1ـ   رسم سناريو قبل التصميم

2ـ بناء قاعدة بيانات وتجميع معلومات في برنامج قواعد بيانات مثل الإكسل

3ـ   تدعيم التصميم بالأرقام

   4ـ  البساطة وتجنب الحشو

    5ـ إلتزام نوع واحد في التصميم

   6ـ  السلاسة والبساطة في اختيار الألوان

    7ـ اعتماد التسلسل والنمطية في سرد المعلومات (أفقي – دائري –   مربع – هرمي .)

مجلات الانفوجرافيك:

1ـ المجال الدينى

2ـ المجال الصحى

3ـ المجال التسويقى

4ـ المجال التوعوى

5ـ المجال الجغرافى

6ـ المجال التعليمى

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

1ـ ايصال المعلومات المعقدة بطريقة سهلسة وبسيطة

2 كما انه يخاطب العقل بما بناسبة من ميل معظم معظم المتعلمين للتعلم من خلال الرؤية والتمثيل البصرى

3 يساعد المتعلم على تكوين نظرة اجمالية للمعلومات المتقدمة ومعرفة العلاقات فيما بينها مما يوفر تكامل المعرفة داخل المجال الواحد

4ربط المعارف مع بعضها البعض فى مجالات مختلفة

5توجية المعلم والطلاب الى التركيز على المفهوم وليس على الحفظ والكم

6قلة التكاليف المطلوبة لاستخدام الانفوجرافيك مقارنة بالوسائل التعليمية الاخرى

7يوفر عنصر التشويق والمتعة داخل العملية التعليمية

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

1– كلف  طلابك بالقيام ببحث معين ووفر لهم العديد من المصادر

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

2-اجعل التلاميذ يختارون النمط الأفضل للانفوجراف

اعرض  عليهم العديد من القوالب templates  التي يمكن أن تساعدهم، واجعلهم يتخيرون القالب الأفضل والأكثر مناسبة لموضوع البحث، أي القوالب أفضل لبحث إحصائي ؟  ، أيها أفضل لبحث مقارن؟ ،إذا كنا بصدد الحديث عن مناسبة تاريخية .. فإن من الأفضل أن نستخدم تخطيطا لخط زمني timeline، وهكذا..  سيجدون أن كل نوع من أنواع البحث يناسبه نمط معين من الانفوجرافيك.

3- اطلب من تلاميذك عمل مسودة  للانفوجرافيك

فكر معهم في التصميم الأولي للانفوجرافيك..  مثلا، ما هو المسار الذين يفضلون أن تتبعه عينا القارئ عند الانتقال من أحد البيانات إلي الذي يليه، كيف سيتم الربط بين النص والصورة ؟ ، لا بأس من أن يستعينوا برأي بعض زملائهم في الفصل ؟ …هل هذا التخطيط سهل الفهم ؟… هل سيكون جذابا لعين القارئ ؟ ، ما هي اقتراحاته للوصول بالنفوجرافيك إلي وضع أفضل ؟

4- دعهم يفكرون في باقي عناصر التصميم

اعرض عليهم بعض الأشكال (themes) والألوان وناقشوا معا أيها سوف يناسب الموضوع بشكل أكبر، كيف يمكن أن يعكس شكل الانفوجراف المحتوي العلمي الذي يريدون توضيحه، هل اللون المستخدم سوف يعطي نفس الإيحاء الذي ترغبون في إيصاله للقارئ والذي يتناسب مع المحتوي ؟  ما أنواع الرسومات البيانية التي ترغبون في تضمينها ؟ هل ستجعل الموضوع شيقا وأكثر جاذبية ؟

5- شجعهم علي استخدام عناصر تفاعلية

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

6- دع الطلاب يقيمون عملية صنع الانفوجرافيك

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

7- اطلب من بقية تلاميذ الفصل نقد الانفوجرافيك

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

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

نصائح عامة لمن يرغب بالبدء في تصميم الإنفوجرافيك:

ـ بساطة التصميم

ـ تماسك البنية الأساسية للتصميم وربط كل جزء من الصورة بما قبلها

ـ البحث عن مصادر موثوقة للفكرة التي ترغب بعرضها وتوثيق رسمك بالمصادر المختارة أسفل التصميم حتى يكون هناك مصداقية للناس عند قراءة المعلومات من تصميم

ــ اختيار الألوان المناسبة للتصميم

ـ التدقيق الاملائي للمعلومات والتأكد من خلوها من الأخطاء الاملائية واللغوية

ـ إرفاق بياناتك الشخصية للتواصل في نهاية التصميم، إضافة الى الجهة التي ترعى ـ التصميم اذا وجدت، وبالنهاية المصادر كما قلنا سابقاً

ـ مصادر موثوقة تساعدك على توفير معلومات صحيحة عن الموضوع التي ترغب بعرضه

ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

                                

  المراجع

ـ حســـين محمد أحمد عبدالباسط(1يناير 2015)). المرتكزات الأســـاســـية لتفعيل اســـتخدام الانفوجرافيك في عمليتي التعليم والتعلم ,مجلة التعليم الالكترونى(العدد15)

ـ سامى المطيرى(2013) 100 فكتوريا وملف وايقونة للانفوجرافيك تاريخ الاستيراد 18 مارس2015 من انفوجرافيك عربى

ـ محمود الفرماوى(سبتمبر2010) التعليم وتكنولوجيا التعليم والاتصال . تاريخ الاستيراد18 مارس 2015من تكنولوجيا التعليم

ـ مريم بازرعة .(2014) هل يمكن ان نستخدم الانفوجرافيك فى التعليم تاريخ الاستيراد18 مارس 2015

ـ معتز عيسى (ابريل 2014)ماهو الانفوجرافيك تعريفة ونصائح وادوات مجانية تاريخ الاستيراد 18 مارس 2015 من دوت عربى

ـ من مقال بعنوان: “فن الإنفوجرافيك بين التشويق والتحفيز علي التعلم”.

إعداد: د.محمد شوقي شلتوت، أستاذ تكنولوجيا التعليم المساعد ومدير مركزالتعلم الالكتروني بكليات الشرق العربي للدراسات العليا السعودية.

 



بعض صور الانفوجرافيك