58
افيك نفوجريم ايط وتصم تخط ول اليوم اح ميس أبوص[email protected] @maisabusalah

تخطيط وتصميم الانفوجرافيك- اليوم الاول (مادة معدلة) #انفوجرافيك

Embed Size (px)

Citation preview

Page 1: تخطيط وتصميم الانفوجرافيك- اليوم الاول (مادة معدلة) #انفوجرافيك

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

اليوم األول ميس أبوصالح

[email protected]

@maisabusalah

Page 2: تخطيط وتصميم الانفوجرافيك- اليوم الاول (مادة معدلة) #انفوجرافيك

By: Mais AbuSalah

[email protected]

@maisabusalah

maisabusalah@نبذة عن المدرب

سنوات 10تعمل في مجال التسويق االلكتروني والمحتوى المرئي على اإلنترنت منذ أكثر من

(سابقا)مديرة تسويق للشرق األوسط وشمال افريقيا في ياهو

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

و دراسة سلوك المستخدمين مستشارة في مجال تحليل الزيارات للمواقع اإللكترونية

خبيرة في آلية عمل محركات البحث و أساليب الكتابة الرقمية الذكية

وحائزة على شهادات استخدام وتطوير وتسويق المواقع على محركات البحث من جوجل ومن استراليا

فرع اإلمارات –عضو في نادي اإلعالم االجتماعي الدولي

البحرين –متحدثة في منتدى اإلعالم االجتماعي لرواد اإلعالم

، والتي تقدم خدمات التسويق والتدريب وتصميم اللوجو واالنفوجرافيك للعمالء(بروموستير)مؤسسة

محاضرة متطوعة في الجامعة األمريكية في دبي

مدربة انفوجرافيك مع ترجمان

Page 3: تخطيط وتصميم الانفوجرافيك- اليوم الاول (مادة معدلة) #انفوجرافيك

By: Mais AbuSalah

[email protected]

@maisabusalah

تعريف عن المشاركين واألهداف المتوقعة

تعريف عن المشاركين

األهداف المتوقعة

استعراض جدول المادة

Page 4: تخطيط وتصميم الانفوجرافيك- اليوم الاول (مادة معدلة) #انفوجرافيك

By: Mais AbuSalah

[email protected]

@maisabusalah

مدخل عام لالنفوجرافيك

By: Mais AbuSalah [email protected] @maisabusalah

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

تاريخ الصورة

أهمية الصورة في إيصال ودعم المحتوى

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

االنفوجرافيك كعمل صحفي

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

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

تطبيقات االنفوجرافيك واستخداماته

Page 5: تخطيط وتصميم الانفوجرافيك- اليوم الاول (مادة معدلة) #انفوجرافيك

By: Mais AbuSalah

[email protected]

@maisabusalah

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

الصعبة بطريقة سلسة وسهلة وواضحة

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

Page 6: تخطيط وتصميم الانفوجرافيك- اليوم الاول (مادة معدلة) #انفوجرافيك

By: Mais AbuSalah

[email protected]

@maisabusalah

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

تصوير مرئي لمعلومات مكثفة

عن قصة أو خبر أو أطروحة

أداة تعليمية

طريقة لبناء ونشر الوعي عن

العالمات التجارية وجذب

الروابط إلى الموقع اإللكتروني

بنصف تكلفة حمالت التسويق

Page 7: تخطيط وتصميم الانفوجرافيك- اليوم الاول (مادة معدلة) #انفوجرافيك

By: Mais AbuSalah

[email protected]

@maisabusalah

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

Page 8: تخطيط وتصميم الانفوجرافيك- اليوم الاول (مادة معدلة) #انفوجرافيك

By: Mais AbuSalah

[email protected]

@maisabusalah

تاريخ الصورة

Page 9: تخطيط وتصميم الانفوجرافيك- اليوم الاول (مادة معدلة) #انفوجرافيك

By: Mais AbuSalah

[email protected]

@maisabusalah

.البدايات كانت مع الرسومات على الكهوف

.اختراع الكاميرا على يد الحسن ابن الهيثم 1020 – 1015

تطورت الكاميرا البدائية وأدخل إليها الضوء على يد 1660 .العالم اإليرلندي روبرت بويل ومساعده

ابتكر العالم األلماني جوهان تزان نظام الصورة وترتيب 1685 .وبنى آلة تصوير كبيرة من الخشب, لون أي صورة

ابتكر العالم لويس داخير طريقة في التصوير 1830 – 1820

.وكانت تصور على نحاس( الداجيروتايب)الضوئي

ابتكر العالم الفرنسي وليم فوكس تالبوت نظام 1835 .فوتوغرافي جديد سمي بالكالوتايب والتي كانت على ورق

تاريخ الصورة

Page 10: تخطيط وتصميم الانفوجرافيك- اليوم الاول (مادة معدلة) #انفوجرافيك

By: Mais AbuSalah

[email protected]

@maisabusalah

تاريخ الصورة

Page 11: تخطيط وتصميم الانفوجرافيك- اليوم الاول (مادة معدلة) #انفوجرافيك

By: Mais AbuSalah

[email protected]

@maisabusalah

أول صورة فوتوغرافية حقيقية على يد العالم الفرنسي جوزيف نيبس عندما استخدم الدوار 1826 .الخشب ليحفظ الفيلم

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

.صنعت آلة التصوير هذه في باريس على يد األخوان تشارلز وفينسينت شيفالير

(.كولوديون)اخترع العالم األلماني فريدريك سكوت فكرة ظهور الصورة على الزجاج 1850

على يد علماء كثيرين منهم العالم الفرنسي أندريا 19تطورت آلة التصوير في منتصف القرن .أدولف الذي اخترع طريقة السي دي في او وهي أن يكون الفيلم على شكل كروت صغيرة متتالية

أول صورة ألوان على يد العالم الفيزيائي جيمس ماكسويل بمساعدة المصور توماس 1861 .سوتون وكانت تعتبر مجرد تجربة للصورة الملونة

تاريخ الصورة

Page 12: تخطيط وتصميم الانفوجرافيك- اليوم الاول (مادة معدلة) #انفوجرافيك

By: Mais AbuSalah

[email protected]

@maisabusalah

صورة واحدة تغنى عن ألف كلمة (مثل صيني قديم)

التفاعل أكبر على مواقع التواصل االجتماعي مع اإلدراجات التي

مثل فيسبوك )تحتوي على الصور (.وتويتر

ظهور مواقع وتطبيقات متخصصة مثل انستقرام وسناب , في الصور

.شات وموقع فايع للصور

أهمية الصورة في إيصال ودعم المحتوى

Page 13: تخطيط وتصميم الانفوجرافيك- اليوم الاول (مادة معدلة) #انفوجرافيك

By: Mais AbuSalah

[email protected]

@maisabusalah

أهمية الصورة في إيصال ودعم المحتوى

Page 14: تخطيط وتصميم الانفوجرافيك- اليوم الاول (مادة معدلة) #انفوجرافيك

By: Mais AbuSalah

[email protected]

@maisabusalah

أهمية الصورة في إيصال ودعم المحتوى

مقاالت نصية

انفوجرا

فيك

عالي

الجودة

من األشخاص يتجاوبون بشكل أفضل للمعلومات المصورة % 40

Page 15: تخطيط وتصميم الانفوجرافيك- اليوم الاول (مادة معدلة) #انفوجرافيك

By: Mais AbuSalah

[email protected]

@maisabusalah

أهمية الصورة في إيصال ودعم المحتوى

Page 16: تخطيط وتصميم الانفوجرافيك- اليوم الاول (مادة معدلة) #انفوجرافيك

By: Mais AbuSalah

[email protected]

@maisabusalah

أهمية الصورة في إيصال ودعم المحتوى

Page 17: تخطيط وتصميم الانفوجرافيك- اليوم الاول (مادة معدلة) #انفوجرافيك

By: Mais AbuSalah

[email protected]

@maisabusalah

أهمية الصورة في إيصال ودعم المحتوى

Page 18: تخطيط وتصميم الانفوجرافيك- اليوم الاول (مادة معدلة) #انفوجرافيك

By: Mais AbuSalah

[email protected]

@maisabusalah

أهمية الصورة في إيصال ودعم المحتوى

Page 19: تخطيط وتصميم الانفوجرافيك- اليوم الاول (مادة معدلة) #انفوجرافيك

By: Mais AbuSalah

[email protected]

@maisabusalah

أهمية الصورة في إيصال ودعم المحتوى

Page 20: تخطيط وتصميم الانفوجرافيك- اليوم الاول (مادة معدلة) #انفوجرافيك

By: Mais AbuSalah

[email protected]

@maisabusalah

أهمية الصورة في إيصال ودعم المحتوى

Page 21: تخطيط وتصميم الانفوجرافيك- اليوم الاول (مادة معدلة) #انفوجرافيك

By: Mais AbuSalah

[email protected]

@maisabusalah

أهمية الصورة في إيصال ودعم المحتوى

Page 22: تخطيط وتصميم الانفوجرافيك- اليوم الاول (مادة معدلة) #انفوجرافيك

By: Mais AbuSalah

[email protected]

@maisabusalah

أهمية الصورة في إيصال ودعم المحتوى

Page 23: تخطيط وتصميم الانفوجرافيك- اليوم الاول (مادة معدلة) #انفوجرافيك

By: Mais AbuSalah

[email protected]

@maisabusalah

أهمية الصورة في إيصال ودعم المحتوى

Page 24: تخطيط وتصميم الانفوجرافيك- اليوم الاول (مادة معدلة) #انفوجرافيك

By: Mais AbuSalah

[email protected]

@maisabusalah

أهمية الصورة في إيصال ودعم المحتوى

الناشرون الذين

يستخدمون

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

الزيارات على

موقعهم بنسبة

أكثر % 12 من أوالئك الذين ال

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

Page 25: تخطيط وتصميم الانفوجرافيك- اليوم الاول (مادة معدلة) #انفوجرافيك

By: Mais AbuSalah

[email protected]

@maisabusalah

الصورة أم النص؟: أيهما معبر أكثر

أهمية الصورة في إيصال ودعم المحتوى

غروب الشمس الساحر

في دبي

Page 26: تخطيط وتصميم الانفوجرافيك- اليوم الاول (مادة معدلة) #انفوجرافيك

By: Mais AbuSalah

[email protected]

@maisabusalah

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

Page 27: تخطيط وتصميم الانفوجرافيك- اليوم الاول (مادة معدلة) #انفوجرافيك

By: Mais AbuSalah

[email protected]

@maisabusalah

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

Page 28: تخطيط وتصميم الانفوجرافيك- اليوم الاول (مادة معدلة) #انفوجرافيك

By: Mais AbuSalah

[email protected]

@maisabusalah

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

Page 29: تخطيط وتصميم الانفوجرافيك- اليوم الاول (مادة معدلة) #انفوجرافيك

By: Mais AbuSalah

[email protected]

@maisabusalah

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

Page 30: تخطيط وتصميم الانفوجرافيك- اليوم الاول (مادة معدلة) #انفوجرافيك

By: Mais AbuSalah

[email protected]

@maisabusalah

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

Page 31: تخطيط وتصميم الانفوجرافيك- اليوم الاول (مادة معدلة) #انفوجرافيك

By: Mais AbuSalah

[email protected]

@maisabusalah

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

Page 32: تخطيط وتصميم الانفوجرافيك- اليوم الاول (مادة معدلة) #انفوجرافيك

By: Mais AbuSalah

[email protected]

@maisabusalah

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

.الموجودة والتي يجب تصفيتها وعرضها بالشكل األكبر

أما اآلن فتحديات تحديات الصحفيين والمحررين في عصر :المعلومات

هي تحليل الخبر أو البيانات إليجاد معنى لها وطريقة لترتيبها -1 باإلضافة إلى, وهيكلتها

عرض الخبر بطريقة تناسب القارْى وتعرض ما يثير اهتمامه -2

االنفوجرافيك كعمل صحفي

Page 33: تخطيط وتصميم الانفوجرافيك- اليوم الاول (مادة معدلة) #انفوجرافيك

By: Mais AbuSalah

[email protected]

@maisabusalah

االنفوجرافيك كعمل صحفي

Page 34: تخطيط وتصميم الانفوجرافيك- اليوم الاول (مادة معدلة) #انفوجرافيك

By: Mais AbuSalah

[email protected]

@maisabusalah

االنفوجرافيك كعمل صحفي

Page 35: تخطيط وتصميم الانفوجرافيك- اليوم الاول (مادة معدلة) #انفوجرافيك

By: Mais AbuSalah

[email protected]

@maisabusalah

االنفوجرافيك كعمل صحفي

Page 36: تخطيط وتصميم الانفوجرافيك- اليوم الاول (مادة معدلة) #انفوجرافيك

By: Mais AbuSalah

[email protected]

@maisabusalah

االنفوجرافيك كعمل صحفي

Page 37: تخطيط وتصميم الانفوجرافيك- اليوم الاول (مادة معدلة) #انفوجرافيك

By: Mais AbuSalah

[email protected]

@maisabusalah

االنفوجرافيك المقسم على أجزاء -1أو وحدات توزع في مقالة حسب

:تعلقها بالنص المشروح

الوصول لتأثير أقوى على المستخدم

سهولة مشاركة األجزاء على مواقع التواصل االجتماعي

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

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

Page 38: تخطيط وتصميم الانفوجرافيك- اليوم الاول (مادة معدلة) #انفوجرافيك

By: Mais AbuSalah

[email protected]

@maisabusalah

: صفحة مخصصة لالنفوجرافيك -2صفحة أو موقع صغير مخصص لالنفوجرافيك بغض

شرائح عرض أو فيديو أو )النظر عن طريقة العرض (. انفوجرافيك تفاعلي

يؤدي إلى تفاعل أكبر مع المستخدمين

يعطي تأثير أكبر

مرونة في شرح موضوع اإلنفوجرافيك

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

Page 39: تخطيط وتصميم الانفوجرافيك- اليوم الاول (مادة معدلة) #انفوجرافيك

By: Mais AbuSalah

[email protected]

@maisabusalah

انفوجرافيك األشكال المختلفة -3من المحتوى، التي تناسب منصات

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

المدونات، المواقع : مثل,المنصات التي يرغب في النشر عليها .الخ...العادية، تويتر، ساليدشير

إعطاء قيمة أكبر للمحتوى

تناسق أكبر في طريقة العرض والمشاركة

.إلى شريحة أكبر من المستخدمينالوصول

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

Page 40: تخطيط وتصميم الانفوجرافيك- اليوم الاول (مادة معدلة) #انفوجرافيك

By: Mais AbuSalah

[email protected]

@maisabusalah

انفوجرافيك تتغير -4بنفس تغير البيانات

(لحظيا)

Real-time Infographic

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

Page 41: تخطيط وتصميم الانفوجرافيك- اليوم الاول (مادة معدلة) #انفوجرافيك

By: Mais AbuSalah

[email protected]

@maisabusalah

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

انفوجرافيك ثالثي األبعاد -4

انفوجرافيك يستخدم صور حقيقية ثالثية األبعاد أو حتى انفوجرافيك مطبوع باستخدام

الطابعة ثالثية األبعاد

Page 42: تخطيط وتصميم الانفوجرافيك- اليوم الاول (مادة معدلة) #انفوجرافيك

By: Mais AbuSalah

[email protected]

@maisabusalah

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

حدد أهدافك حدد الشريحة

المستهدفة

حدد المنصة التي تتواجد عليها

الشريحة المستهدفة

اختر موضوع واحد والتركيز

عليه

اختر مصدرا ذا مصداقية

اختيار المعلومات أو البيانات التي

يمكن تحويلها إلى انفوجرافيك

خذ وقتك في اختيار العنوان

المناسب

اختر األلوان المناسبة للموضوع

احرص على تكبير الخط

راجع النصوص لتجنب وجود

أخطاء

أضف معلومات عنك في حال رغب أحدهم بالتواصل

معك

Page 43: تخطيط وتصميم الانفوجرافيك- اليوم الاول (مادة معدلة) #انفوجرافيك

By: Mais AbuSalah

[email protected]

@maisabusalah

حدد أهدافك

زيادة الوعي

تسويق لمنتج

توضيح لفكرة

عرض إحصائيا

ت مقارنة

تعليمي شرح )

طريقة (عمل

عرض حقائق ممتعة

وصف ما

اليمكن شرحه بالكلمات

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

Page 44: تخطيط وتصميم الانفوجرافيك- اليوم الاول (مادة معدلة) #انفوجرافيك

By: Mais AbuSalah

[email protected]

@maisabusalah

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

حدد الشريحة المستهدفة

المهنة العمر الجنساالهتماما

ت الجنسية

مكان اإلقامة

الدخلالمستوى التعليمي

اللغة

Page 45: تخطيط وتصميم الانفوجرافيك- اليوم الاول (مادة معدلة) #انفوجرافيك

By: Mais AbuSalah

[email protected]

@maisabusalah

حدد المنصة التي تتواجد عليها الشريحة المستهدفة

مدوناتمواقع إخبارية

انستغرام تويتر فيسبوكسناب شات

واتساب ايميل

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

Page 46: تخطيط وتصميم الانفوجرافيك- اليوم الاول (مادة معدلة) #انفوجرافيك

By: Mais AbuSalah

[email protected]

@maisabusalah

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

اختر موضوع واحد والتركيز عليه

اختر مصدرا ذا مصداقية

اختيار المعلومات أو البيانات التي يمكن تحويلها إلى

انفوجرافيك

خذ وقتك في اختيار العنوان المناسب

(عنوان على األقل 20ضع )

Page 47: تخطيط وتصميم الانفوجرافيك- اليوم الاول (مادة معدلة) #انفوجرافيك

By: Mais AbuSalah

[email protected]

@maisabusalah

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

Page 48: تخطيط وتصميم الانفوجرافيك- اليوم الاول (مادة معدلة) #انفوجرافيك

By: Mais AbuSalah

[email protected]

@maisabusalah

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

Page 49: تخطيط وتصميم الانفوجرافيك- اليوم الاول (مادة معدلة) #انفوجرافيك

By: Mais AbuSalah

[email protected]

@maisabusalah

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

Page 50: تخطيط وتصميم الانفوجرافيك- اليوم الاول (مادة معدلة) #انفوجرافيك

By: Mais AbuSalah

[email protected]

@maisabusalah

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

Page 51: تخطيط وتصميم الانفوجرافيك- اليوم الاول (مادة معدلة) #انفوجرافيك

By: Mais AbuSalah

[email protected]

@maisabusalah

تعليمي وإرشادي

صحفي

تسويقي

تبسيط معلومات أو بيانات كثيرة

أو معقدة

تطبيقات واستخدام االنفوجرافيك

Page 52: تخطيط وتصميم الانفوجرافيك- اليوم الاول (مادة معدلة) #انفوجرافيك

By: Mais AbuSalah

[email protected]

@maisabusalah

الكتابة

13%

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

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

تطبيقات واستخدام االنفوجرافيك

Page 53: تخطيط وتصميم الانفوجرافيك- اليوم الاول (مادة معدلة) #انفوجرافيك

By: Mais AbuSalah

[email protected]

@maisabusalah

تطبيقات واستخدام االنفوجرافيك

Page 54: تخطيط وتصميم الانفوجرافيك- اليوم الاول (مادة معدلة) #انفوجرافيك

By: Mais AbuSalah

[email protected]

@maisabusalah

https://www.fay3.com/i6MxsV181

انفوجرافيك تعريفي عن مؤسسة حكومية

https://www.fay3.com/i0X1c7FlT

انفوجرافيك تاريخي

https://www.fay3.com/ii1t3S68Z

انفوجرافيك تسويقي

https://www.fay3.com/i2550Upbh

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

https://www.fay3.com/i62faa0d

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

أمثلة أخرى

Page 55: تخطيط وتصميم الانفوجرافيك- اليوم الاول (مادة معدلة) #انفوجرافيك

By: Mais AbuSalah

[email protected]

@maisabusalah

تصميم السيرة الذاتية: ورقة عمل

Page 56: تخطيط وتصميم الانفوجرافيك- اليوم الاول (مادة معدلة) #انفوجرافيك

By: Mais AbuSalah

[email protected]

@maisabusalah

ابدأ مخطط النفوجرافيك: ورقة عمل

Page 57: تخطيط وتصميم الانفوجرافيك- اليوم الاول (مادة معدلة) #انفوجرافيك

By: Mais AbuSalah

[email protected]

@maisabusalah

أسئلة وأجوبة

Page 58: تخطيط وتصميم الانفوجرافيك- اليوم الاول (مادة معدلة) #انفوجرافيك

By: Mais AbuSalah

[email protected]

@maisabusalah

شكرا لكم