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

Post on 17-Jul-2015

237 Views

Category:

Education

8 Downloads

Preview:

Click to see full reader

TRANSCRIPT

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

اليوم األول

ميس أبوصالح

abusalah@promosteer.com

@maisabusalah

By: Mais AbuSalah abusalah@promosteer.com @maisabusalah

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

الكتروني سابقاّ في مكتوب، و مديرة تسويق للشرق األوسط وشمال شاركات بعدة مشاريع رقمية كبيرة و ساهمت . افريقيا في ياهو

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

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

وتسويق المواقع على محركات البحث من جوجل و من كلية Search Engineعضو في نادي اإلعالم االجتماعي . في استراليا

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

، والتي تقوم (بروموستير)تعمل حالياً على إدارة شركتها الخاصة •

بإنشاء وتسويق مواقع وأنظمة الكترونية تخدم حاجات جديدة للشركات واألفراد، ، باإلضافة إلى خدمات التسويق والتدريب

.وتصميم اللوجو واالنفوجرافيك للعمالء• maisabusalah@: يمكن متابعة تغريداتها عن طريق تويتر•

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

By: Mais AbuSalah abusalah@promosteer.com @maisabusalah

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

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

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

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

By: Mais AbuSalah abusalah@promosteer.com @maisabusalah

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

By: Mais AbuSalah abusalah@promosteer.com @maisabusalah

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

تاريخ الصورة•

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

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

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

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

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

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

By: Mais AbuSalah abusalah@promosteer.com @maisabusalah

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

وسهلة وواضحة

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

By: Mais AbuSalah abusalah@promosteer.com @maisabusalah

تاريخ الصورة

By: Mais AbuSalah abusalah@promosteer.com @maisabusalah

.البدايات كانت مع الرسومات على الكهوف•اختراع الكاميرا على يد 1020 – 1015•

.الحسن ابن الهيثمتطورت الكاميرا البدائية وأدخل إليها 1660•

الضوء على يد العالم اإليرلندي روبرت بويل .ومساعده

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

.كبيرة من الخشبابتكر العالم لويس داخير 1830 – 1820•

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

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

.بالكالوتايب والتي كانت على ورق

تاريخ الصورة

By: Mais AbuSalah abusalah@promosteer.com @maisabusalah

تاريخ الصورة

By: Mais AbuSalah abusalah@promosteer.com @maisabusalah

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

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

.المفاجىء فتثبت الصورة

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

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

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

.الفيلم على شكل كروت صغيرة متتالية

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

تاريخ الصورة

By: Mais AbuSalah abusalah@promosteer.com @maisabusalah

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

(قديمالتفاعل أكبر على مواقع •

التواصل االجتماعي مع اإلدراجات التي تحتوي

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

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

مثل انستقرام وسناب شات .وموقع فايع للصور

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

By: Mais AbuSalah abusalah@promosteer.com @maisabusalah

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

By: Mais AbuSalah abusalah@promosteer.com @maisabusalah

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

By: Mais AbuSalah abusalah@promosteer.com @maisabusalah

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

By: Mais AbuSalah abusalah@promosteer.com @maisabusalah

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

By: Mais AbuSalah abusalah@promosteer.com @maisabusalah

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

By: Mais AbuSalah abusalah@promosteer.com @maisabusalah

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

By: Mais AbuSalah abusalah@promosteer.com @maisabusalah

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

By: Mais AbuSalah abusalah@promosteer.com @maisabusalah

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

By: Mais AbuSalah abusalah@promosteer.com @maisabusalah

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

By: Mais AbuSalah abusalah@promosteer.com @maisabusalah

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

By: Mais AbuSalah abusalah@promosteer.com @maisabusalah

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

By: Mais AbuSalah abusalah@promosteer.com @maisabusalah

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

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

غروب الشمس الساحر في دبي

By: Mais AbuSalah abusalah@promosteer.com @maisabusalah

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

By: Mais AbuSalah abusalah@promosteer.com @maisabusalah

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

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

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

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

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

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

By: Mais AbuSalah abusalah@promosteer.com @maisabusalah

هناك تنبؤات مختلفة لمستقبل االنفوجرافيك، :منها

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

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

مشاركة األجزاء على مواقع التواصل والمرونة في سرد , االجتماعي

.الموضوع المتعلق باالنفوجرافيك

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

By: Mais AbuSalah abusalah@promosteer.com @maisabusalah

: صفحة مخصصة لالنفوجرافيك .2

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

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

(. تفاعلي

أهم فوائد هذا االتجاه أنه يؤدي إلى تفاعل أكبر مع المستخدمين،

ويعطي تأثير أكبر، ومرونة في شرح موضوع اإلنفوجرافيك

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

By: Mais AbuSalah abusalah@promosteer.com @maisabusalah

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

أشكال بما يتناسب مع المنصات التي المدونات، : مثل,يرغب في النشر عليها

.الخ...المواقع العادية، تويتر، ساليدشير

أهم فوائد هذا النوع هو إعطاء قيمة أكبر

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

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

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

By: Mais AbuSalah abusalah@promosteer.com @maisabusalah

انفوجرافيك تتغير . 4

بنفس تغير البيانات

(لحظيا)

Real-time Infographic

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

By: Mais AbuSalah abusalah@promosteer.com @maisabusalah

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

حدد أهدافك 1.

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

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

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

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

اختيار المعلومات أو البيانات التي يمكن تحويلها إلى 6. انفوجرافيك أو رسوم بيانية

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

على أن ال تقلل في )اختر األلوان المناسبة للموضوع 8. (وضوع المعلومات أو االنفوجرافيك

احرص على تكبير الخط بحيث يكون مقروءا حتى 9. .على الجوال

.راجع النصوص لتجنب وجود أخطاء10.

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

By: Mais AbuSalah abusalah@promosteer.com @maisabusalah

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

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

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

By: Mais AbuSalah abusalah@promosteer.com @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 abusalah@promosteer.com @maisabusalah

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

By: Mais AbuSalah abusalah@promosteer.com @maisabusalah

أسئلة وأجوبة

By: Mais AbuSalah abusalah@promosteer.com @maisabusalah

شكرا لكم

top related