تخطيط وتصميم الانفوجرافيك - ورشة عمل تدريبية - اليوم الأول

‫وتصميم‬ ‫تخطيط‬
‫االنفوجرافيك‬
‫األول‬ ‫اليوم‬
‫أبوصالح‬ ‫ميس‬
abusalah@promosteer.com
@maisabusalah

By: Mais AbuSalah
@maisabusalah
•‫والمحتوى‬ ‫االلكتروني‬ ‫التسويق‬ ‫مجال‬ ‫في‬ ‫تعمل‬ ‫أبوصالح‬ ‫ميس‬
‫من‬ ‫أكثر‬ ‫منذ‬ ‫اإلنترنت‬ ‫على‬ ‫المرئي‬10‫سنوات‬.‫تسويق‬ ‫مديرة‬
‫وشمال‬ ‫األوسط‬ ‫للشرق‬ ‫تسويق‬ ‫مديرة‬ ‫و‬ ،‫مكتوب‬ ‫في‬ ّ‫ا‬‫سابق‬ ‫الكتروني‬
‫ياهو‬ ‫في‬ ‫افريقيا‬.‫ساهمت‬ ‫و‬ ‫كبيرة‬ ‫رقمية‬ ‫مشاريع‬ ‫بعدة‬ ‫شاركات‬
‫في‬ ‫مستشارة‬ ،‫اإلنترنت‬ ‫على‬ ‫التسويق‬ ‫الحمالت‬ ‫من‬ ‫العديد‬ ‫بإطالق‬
‫اإللكترونية‬ ‫للمواقع‬ ‫الزيارات‬ ‫تحليل‬ ‫مجال‬‫سلوك‬ ‫دراسة‬ ‫و‬
‫،و‬ ‫المستخدمين‬‫أساليب‬ ‫و‬ ‫البحث‬ ‫محركات‬ ‫عمل‬ ‫آلية‬ ‫في‬ ‫خبيرة‬
‫الذكية‬ ‫الرقمية‬ ‫الكتابة‬,‫وتطوير‬ ‫استخدام‬ ‫شهادات‬ ‫على‬ ‫وحائزة‬
‫كلية‬ ‫من‬ ‫و‬ ‫جوجل‬ ‫من‬ ‫البحث‬ ‫محركات‬ ‫على‬ ‫المواقع‬ ‫وتسويق‬
Search Engine‫استراليا‬ ‫في‬.‫االجتماعي‬ ‫اإلعالم‬ ‫نادي‬ ‫في‬ ‫عضو‬
‫الدولي‬–‫اإلمارات‬ ‫فرع‬.‫االجتماعي‬ ‫اإلعالم‬ ‫منتدى‬ ‫في‬ ‫متحدثة‬
‫اإلعالم‬ ‫لرواد‬–‫البحرين‬
•‫الخاصة‬ ‫شركتها‬ ‫إدارة‬ ‫على‬ ً‫ا‬‫حالي‬ ‫تعمل‬(‫بروموستير‬)‫تقوم‬ ‫والتي‬ ،
‫جديدة‬ ‫حاجات‬ ‫تخدم‬ ‫الكترونية‬ ‫وأنظمة‬ ‫مواقع‬ ‫وتسويق‬ ‫بإنشاء‬
‫والتدريب‬ ‫التسويق‬ ‫خدمات‬ ‫إلى‬ ‫باإلضافة‬ ، ،‫واألفراد‬ ‫للشركات‬
‫للعمالء‬ ‫واالنفوجرافيك‬ ‫اللوجو‬ ‫وتصميم‬.
•
•‫تويتر‬ ‫طريق‬ ‫عن‬ ‫تغريداتها‬ ‫متابعة‬ ‫يمكن‬:@maisabusalah
‫المدرب‬ ‫عن‬ ‫نبذة‬

By: Mais AbuSalah
@maisabusalah
•‫المشاركين‬ ‫عن‬ ‫تعريف‬
•‫المتوقعة‬ ‫األهداف‬
•‫االنفوجرافيك‬ ‫تحتاج‬ ‫لماذا‬
‫المتوقعة‬ ‫واألهداف‬ ‫المشاركين‬ ‫عن‬ ‫تعريف‬

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

By: Mais AbuSalah
@maisabusalah
‫والمعلومات‬ ‫البيانات‬ ‫تحويل‬ ‫فن‬ ‫هو‬ ‫االنفوجرافيك‬
‫فهمها‬ ‫يمكن‬ ‫ورسوم‬ ‫صور‬ ‫الي‬ ‫المعقدة‬ ‫والمفاهيم‬
‫يتميز‬ ‫االسلوب‬ ‫وهذا‬ ‫وتشويق‬ ‫بوضوح‬ ‫واستيعابها‬
‫سلسة‬ ‫بطريقة‬ ‫الصعبة‬ ‫و‬ ‫المعقدة‬ ‫المعلومات‬ ‫بعرض‬
‫وواضحة‬ ‫وسهلة‬
‫االنفوجرافيك‬ ‫مفهوم‬

By: Mais AbuSalah
@maisabusalah
‫الصورة‬ ‫تاريخ‬

By: Mais AbuSalah
@maisabusalah
•‫الكهوف‬ ‫على‬ ‫الرسومات‬ ‫مع‬ ‫كانت‬ ‫البدايات‬.
•1015–1020‫يد‬ ‫على‬ ‫الكاميرا‬ ‫اختراع‬
‫الهيثم‬ ‫ابن‬ ‫الحسن‬.
•1660‫إليها‬ ‫وأدخل‬ ‫البدائية‬ ‫الكاميرا‬ ‫تطورت‬
‫بويل‬ ‫روبرت‬ ‫اإليرلندي‬ ‫العالم‬ ‫يد‬ ‫على‬ ‫الضوء‬
‫ومساعده‬.
•1685‫نظام‬ ‫تزان‬ ‫جوهان‬ ‫األلماني‬ ‫العالم‬ ‫ابتكر‬
‫صورة‬ ‫أي‬ ‫لون‬ ‫وترتيب‬ ‫الصورة‬,‫تصوير‬ ‫آلة‬ ‫وبنى‬
‫الخشب‬ ‫من‬ ‫كبيرة‬.
•1820–1830‫داخير‬ ‫لويس‬ ‫العالم‬ ‫ابتكر‬
‫الضوئي‬ ‫التصوير‬ ‫في‬ ‫طريقة‬(‫الداجيروتايب‬)
‫نحاس‬ ‫على‬ ‫تصور‬ ‫وكانت‬.
•1835‫فوكس‬ ‫وليم‬ ‫الفرنسي‬ ‫العالم‬ ‫ابتكر‬
‫سمي‬ ‫جديد‬ ‫فوتوغرافي‬ ‫نظام‬ ‫تالبوت‬
‫ورق‬ ‫على‬ ‫كانت‬ ‫والتي‬ ‫بالكالوتايب‬.

By: Mais AbuSalah
@maisabusalah
•1826‫نيبس‬ ‫جوزيف‬ ‫الفرنسي‬ ‫العالم‬ ‫يد‬ ‫على‬ ‫حقيقية‬ ‫فوتوغرافية‬ ‫صورة‬ ‫أول‬
‫الفيلم‬ ‫ليحفظ‬ ‫الخشب‬ ‫الدوار‬ ‫استخدم‬ ‫عندما‬.
‫ابتكرها‬ ‫الذي‬ ‫هينريتش‬ ‫جوهان‬ ‫األلماني‬ ‫العالم‬ ‫فكرة‬ ‫نيبس‬ ‫جوزيف‬ ‫استخدم‬
‫عام‬1724‫الضوء‬ ‫ثم‬ ‫ومن‬ ‫الظالم‬ ‫إلى‬ ‫الطباشير‬ ‫مع‬ ‫الفضة‬ ‫تعريض‬ ‫وهي‬ ،
‫الصورة‬ ‫فتثبت‬ ‫المفاجىء‬.
•‫وفينسينت‬ ‫تشارلز‬ ‫األخوان‬ ‫يد‬ ‫على‬ ‫باريس‬ ‫في‬ ‫هذه‬ ‫التصوير‬ ‫آلة‬ ‫صنعت‬
‫شيفالير‬.
•1850‫الزجاج‬ ‫على‬ ‫الصورة‬ ‫ظهور‬ ‫فكرة‬ ‫سكوت‬ ‫فريدريك‬ ‫األلماني‬ ‫العالم‬ ‫اخترع‬
(‫كولوديون‬.)
•‫القرن‬ ‫منتصف‬ ‫في‬ ‫التصوير‬ ‫آلة‬ ‫تطورت‬19‫العالم‬ ‫منهم‬ ‫كثيرين‬ ‫علماء‬ ‫يد‬ ‫على‬
‫يكون‬ ‫أن‬ ‫وهي‬ ‫او‬ ‫في‬ ‫دي‬ ‫السي‬ ‫طريقة‬ ‫اخترع‬ ‫الذي‬ ‫أدولف‬ ‫أندريا‬ ‫الفرنسي‬
‫متتالية‬ ‫صغيرة‬ ‫كروت‬ ‫شكل‬ ‫على‬ ‫الفيلم‬.
•1861‫بمساعدة‬ ‫ماكسويل‬ ‫جيمس‬ ‫الفيزيائي‬ ‫العالم‬ ‫يد‬ ‫على‬ ‫ألوان‬ ‫صورة‬ ‫أول‬
‫الملونة‬ ‫للصورة‬ ‫تجربة‬ ‫مجرد‬ ‫تعتبر‬ ‫وكانت‬ ‫سوتون‬ ‫توماس‬ ‫المصور‬.

By: Mais AbuSalah
@maisabusalah
•‫عن‬ ‫تغنى‬ ‫واحدة‬ ‫صورة‬
‫كلمة‬ ‫ألف‬(‫صيني‬ ‫مثل‬
‫قديم‬)
•‫مواقع‬ ‫على‬ ‫أكبر‬ ‫التفاعل‬
‫مع‬ ‫االجتماعي‬ ‫التواصل‬
‫تحتوي‬ ‫التي‬ ‫اإلدراجات‬
‫الصور‬ ‫على‬(‫فيسبوك‬ ‫مثل‬
‫وتويتر‬.)
•‫وتطبيقات‬ ‫مواقع‬ ‫ظهور‬
‫الصور‬ ‫في‬ ‫متخصصة‬,
‫شات‬ ‫وسناب‬ ‫انستقرام‬ ‫مثل‬
‫للصور‬ ‫فايع‬ ‫وموقع‬.
‫المحتوى‬ ‫ودعم‬ ‫إيصال‬ ‫في‬ ‫الصورة‬ ‫أهمية‬

By: Mais AbuSalah
@maisabusalah

By: Mais AbuSalah
@maisabusalah
•‫أكثر‬ ‫معبر‬ ‫أيهما‬:‫النص؟‬ ‫أم‬ ‫الصورة‬
‫الشمس‬ ‫غروب‬
‫دبي‬ ‫في‬ ‫الساحر‬

By: Mais AbuSalah
@maisabusalah
‫البيانية‬ ‫والرسوم‬ ‫االنفوجرافيك‬ ‫تاريخ‬

By: Mais AbuSalah
@maisabusalah
•‫اصطياد‬ ‫على‬ ‫أكبر‬ ‫الصحفيين‬ ‫تركيز‬ ‫كان‬ ‫قديما‬
‫كمية‬ ‫فهناك‬ ‫اآلن‬ ‫أما‬ ،‫المعلومات‬ ‫لشح‬ ‫الخبر‬
‫والتي‬ ‫الموجودة‬ ‫والبيانات‬ ‫المعلومات‬ ‫من‬ ‫هائلة‬
‫األكبر‬ ‫بالشكل‬ ‫وعرضها‬ ‫تصفيتها‬ ‫يجب‬.
•‫الصحفيين‬ ‫تحديات‬ ‫فتحديات‬ ‫اآلن‬ ‫أما‬
‫المعلومات‬ ‫عصر‬ ‫في‬ ‫والمحررين‬:
1-‫لها‬ ‫معنى‬ ‫إليجاد‬ ‫البيانات‬ ‫أو‬ ‫الخبر‬ ‫تحليل‬ ‫هي‬
‫وهيكلتها‬ ‫لترتيبها‬ ‫وطريقة‬,‫إلى‬ ‫باإلضافة‬
2-‫وتعرض‬ ْ‫القارى‬ ‫تناسب‬ ‫بطريقة‬ ‫الخبر‬ ‫عرض‬
‫اهتمامه‬ ‫يثير‬ ‫ما‬
‫صحفي‬ ‫كعمل‬ ‫االنفوجرافيك‬

By: Mais AbuSalah
@maisabusalah
،‫االنفوجرافيك‬ ‫لمستقبل‬ ‫مختلفة‬ ‫تنبؤات‬ ‫هناك‬
‫منها‬:
.1‫أو‬ ‫أجزاء‬ ‫على‬ ‫المقسم‬ ‫االنفوجرافيك‬
‫تعلقها‬ ‫حسب‬ ‫مقالة‬ ‫في‬ ‫توزع‬ ‫وحدات‬
‫المشروح‬ ‫بالنص‬:
‫الوصول‬ ‫هو‬ ‫التصميم‬ ‫هذا‬ ‫فوائد‬ ‫أهم‬
‫وسهولة‬ ،‫المستخدم‬ ‫على‬ ‫أقوى‬ ‫لتأثير‬
‫التواصل‬ ‫مواقع‬ ‫على‬ ‫األجزاء‬ ‫مشاركة‬
‫االجتماعي‬,‫سرد‬ ‫في‬ ‫والمرونة‬
‫باالنفوجرافيك‬ ‫المتعلق‬ ‫الموضوع‬.
‫االنفوجرافيك‬ ‫مستقبل‬

By: Mais AbuSalah
@maisabusalah
2.‫لالنفوجرافيك‬ ‫مخصصة‬ ‫صفحة‬:
‫النظر‬ ‫بغض‬ ‫لالنفوجرافيك‬ ‫مخصص‬ ‫صغير‬ ‫موقع‬ ‫أو‬ ‫صفحة‬
‫العرض‬ ‫طريقة‬ ‫عن‬(‫انفوجرافيك‬ ‫أو‬ ‫فيديو‬ ‫أو‬ ‫عرض‬ ‫شرائح‬
‫تفاعلي‬.)
،‫المستخدمين‬ ‫مع‬ ‫أكبر‬ ‫تفاعل‬ ‫إلى‬ ‫يؤدي‬ ‫أنه‬ ‫االتجاه‬ ‫هذا‬ ‫فوائد‬ ‫أهم‬
‫اإلنفوجرافيك‬ ‫موضوع‬ ‫شرح‬ ‫في‬ ‫ومرونة‬ ،‫أكبر‬ ‫تأثير‬ ‫ويعطي‬

By: Mais AbuSalah
@maisabusalah
3.‫من‬ ‫المختلفة‬ ‫األشكال‬ ‫انفوجرافيك‬
‫مختلفة‬ ‫منصات‬ ‫تناسب‬ ‫التي‬ ،‫المحتوى‬:
‫بعدة‬ ‫يصمم‬ ‫االنفوجرافيك‬ ‫من‬ ‫النوع‬ ‫هذا‬
‫التي‬ ‫المنصات‬ ‫مع‬ ‫يتناسب‬ ‫بما‬ ‫أشكال‬
‫عليها‬ ‫النشر‬ ‫في‬ ‫يرغب‬,‫مثل‬:،‫المدونات‬
‫ساليدشير‬ ،‫تويتر‬ ،‫العادية‬ ‫المواقع‬...‫الخ‬.
‫أكبر‬ ‫قيمة‬ ‫إعطاء‬ ‫هو‬ ‫النوع‬ ‫هذا‬ ‫فوائد‬ ‫أهم‬
‫طريقة‬ ‫في‬ ‫أكبر‬ ‫وتناسق‬ ،‫للمحتوى‬
‫إلى‬ ‫والوصول‬ ،‫والمشاركة‬ ‫العرض‬
‫المستخدمين‬ ‫من‬ ‫أكبر‬ ‫شريحة‬.

By: Mais AbuSalah
@maisabusalah
4.‫تتغير‬ ‫انفوجرافيك‬
‫البيانات‬ ‫تغير‬ ‫بنفس‬
(‫لحظيا‬)
Real-time
Infographic

By: Mais AbuSalah
@maisabusalah
‫االنفوجرافيك؟‬ ‫تصميم‬ ‫في‬ ‫للنجاح‬ ‫يلزم‬ ‫ماذا‬
.1‫أهدافك‬ ‫حدد‬
.2‫المستهدفة‬ ‫الشريحة‬ ‫حدد‬
.3‫المستهدفة‬ ‫الشريحة‬ ‫عليها‬ ‫تتواجد‬ ‫التي‬ ‫المنصة‬ ‫حدد‬
.4‫عليه‬ ‫والتركيز‬ ‫واحد‬ ‫موضوع‬ ‫اختيار‬
.5‫مصداقية‬ ‫ذا‬ ‫مصدر‬ ‫اختر‬.
.6‫إلى‬ ‫تحويلها‬ ‫يمكن‬ ‫التي‬ ‫البيانات‬ ‫أو‬ ‫المعلومات‬ ‫اختيار‬
‫بيانية‬ ‫رسوم‬ ‫أو‬ ‫انفوجرافيك‬
.7‫المناسب‬ ‫العنوان‬ ‫اختيار‬ ‫في‬ ‫وقتك‬ ‫خذ‬
.8‫للموضوع‬ ‫المناسبة‬ ‫األلوان‬ ‫اختر‬(‫في‬ ‫تقلل‬ ‫ال‬ ‫أن‬ ‫على‬
‫االنفوجرافيك‬ ‫أو‬ ‫المعلومات‬ ‫وضوع‬)
.9‫حتى‬ ‫مقروءا‬ ‫يكون‬ ‫بحيث‬ ‫الخط‬ ‫تكبير‬ ‫على‬ ‫احرص‬
‫الجوال‬ ‫على‬.
.10‫أخطاء‬ ‫وجود‬ ‫لتجنب‬ ‫النصوص‬ ‫راجع‬.
.11‫الجمهور‬ ‫رغب‬ ‫حال‬ ‫في‬ ‫عنك‬ ‫معلومات‬ ‫أضف‬
‫معك‬ ‫التواصل‬ ‫من‬ ‫المستهدف‬.

By: Mais AbuSalah
@maisabusalah
•‫وإرشادي‬ ‫تعليمي‬
•‫صحفي‬
•‫تسويقي‬
•‫معقدة‬ ‫أو‬ ‫كثيرة‬ ‫بيانات‬ ‫أو‬ ‫معلومات‬ ‫تبسيط‬
‫االنفوجرافيك‬ ‫واستخدام‬ ‫تطبيقات‬

By: Mais AbuSalah
@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
‫تعليمي‬ ‫انفوجرافيك‬
‫أخرى‬ ‫أمثلة‬

By: Mais AbuSalah
@maisabusalah
‫عمل‬ ‫ورقة‬:‫الذاتية‬ ‫السيرة‬ ‫تصميم‬

By: Mais AbuSalah
@maisabusalah
‫وأجوبة‬ ‫أسئلة‬

By: Mais AbuSalah
@maisabusalah
‫لكم‬ ‫شكرا‬

تخطيط وتصميم الانفوجرافيك - ورشة عمل تدريبية - اليوم الأول

Recommandé

Recommandé

Contenu connexe

En vedette

En vedette (20)

Similaire à تخطيط وتصميم الانفوجرافيك - ورشة عمل تدريبية - اليوم الأول

Similaire à تخطيط وتصميم الانفوجرافيك - ورشة عمل تدريبية - اليوم الأول (20)

Plus de Mais AbuSalah

Plus de Mais AbuSalah (20)

Dernier

Dernier (20)

تخطيط وتصميم الانفوجرافيك - ورشة عمل تدريبية - اليوم الأول