Infographic الانفوجرافيكالبيانات التصويرية التفاعلية

هو فن إيصال المعلومة بالصور والرموز عوضا عن الفيديو قبل7500 أو الكتابة ,ويعود تاريخ هذا الفن إلى العام

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

1786انفوجرافيك منذ عام .

الانفوجرافيك تصميم مراحل:الفكرة-1

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

عن ) ( انفوجرافيك صوري شرح استخدام طريق عنلماذا .. .. ؟ الفكرة هي ما هي هنا الاسئلة المشروع

هذه وراء من الهدف ؟ ناجحه فكرة انها برأيك تعتقد؟ الفكرة هذه لعرض المستهدفة الجهة ؟ الفكرة

ان تعتقد هل ؟ الفكرة هذه لعرض المستهدفة الفئاتمهمة … الاسئلة هذه جميع ؟ سرد إلى تحتاج القصة

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

البحث-2 ” استخدام “ ومنها الفكرة تلك بناء في تساعدك مواد إلى ستحتاج الفكرة إلى التوصل بعد

من ) , , , ( عدد اكبر إلى للوصل التافيستا ان اس ام ياهو جوجل ك البحث محركات , عملية اثناء مراعاته عليك يتوجب ما المشروع لفكرة الداعمة المعلومات و البيانات

أو , للصفحات المرجعية الروابط تحديد مصداقيتها ومدى المراجع حدوثية هو البحث

في معين بند بناء في استخدامها سيتم التي البيانات منها المستنبط و المستخدمة مالتصمي الدراساتالبيانات-3

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

و بارقام الفكرة لدعم وحداثته المرجع مصداقيةالمواقع , عن ابحث موثق بشكل مدروسة احصائات

ومنها المفتوحة البيانات مفهوم تستخدم التيData.org Data.gov , data.worldbank.org أو

opendatafoundation.org .الفلترة-4

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

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

بناء اساس منها اجعل و النهائي المتج و بالمشروع. الفكرة

التنسيق-5عبر سواء المتوفرة المجانية البرامج باستخدام قم

بوربوينت ) , , اكسل كبرنامج جهازك في أو الانترنتبناء ( في تساعد التي البرامج من وغيرها وورد

مرتب و منسق بشكل . المحتوىالتخطيط-6

باستخدام , المشروع عن مبدئي تخطيط بعمل قمكموقع الانترنت عبر عديدة أو DIGRAME.LY برامج

MINDMAP , قم البرامج هذه استخدام تستطع لم ان

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

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

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

. لاحقاالأدوات-7

في المستخدمة الادوات تحديد سيتم المرحلة هذه فيكـ التصميم برامج واستخدام الفني الاخراج

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

السابقه ” الخطوة في يندرج وذلك النهاية الوجهةباخراج ” ستقوم وجه لأي تحديد يجب التخطيط

مطبوع ) أو الانترنت كان سواء الانفوجرافيكي التصميمالأدوات , ( . قائمة في ايضا يندرج آب رول بوسترتصاميم تطوير في المستخدمة البرمجية التقنيات

البرمجية اللغات مراعاة يتم ومنها ذكية تفاعليةومنها D3 و HTML5 المستخدمة التفاعلية للمواد

و قالب CSS3 الديناميكية تصميم جهوزية تحديد فيالمواد . تحتوي عام بشكل المتصفحات مع متوافق

في ويستخدم غيره من أكبر رواج على الذكية التفاعليةبذلك ليشارك عامه لمحه واعطاء التطوير و التدريبالمواد , أقوى أحد تعد فهي النهائي المستخدم تفاعل

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

الاخراج-8الأمر بداية في عنصرين اخراج يتم المرحلة هذه فيوقد النهائي قبل ما التصور هو اخراجه يتم ما فأول

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

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

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

على ايضا التدقيق يتضمن و اخراجه جهوزيةتفاعل قابلية ومدى المستخدمة اللوغرثميات

التصميم مع النهائي .المستخدم

انفوجراف تصميم :مواقع[. Visual.ly الموقع- ]1

انفوجرافيكية تصاميم عمل خاصية الموقع يوفر" تويتر " كـ الإجتماعية التواصل مواقع بتحليل وذلك

, " " الكتروني مجتمع كأول يعتبر بوك الفيس وبالتصاميم يهتم العنكبوتية الشبكة عبر تفاعلي

. به , ينصح الهادفة الإنفوجرافيكية

[. Stat Planet الموقع ] -2وذلك التفاعلية التصاميم بعمل ايضا متخصص موقعرسم اخراج عمل بدوره ويقوم البيانات بادخال

فلاش . ملف أو كصورة وحفظه تفاعلي

[. Inkscape الموقع ] -3الإمتداد ذات الصور خاصية يدعم مفتوح SVGبرنامج

جرافيكية, تصاميم عمل في الجديدة النسخة تساعدأهما مختلفة بامتدادات بحفظها تمكنك .SVGوالذي

[. Hohli الموقع ] -4إلى , يحتاج لا البيانية الرسوم بعمل متخصص موقع

ويقوم بالبيانات الموقع تزويد بإمكانك تسجيلالأبعاد ثلاثي طابع ذات بيانية رسوم عمل بدوره

بصيغة , Jpegوحفظها اللغة ادراج امكانية مع. البيانية الرسوم لعرض مباشرة بالموقع البرمجية

[. Many Eyes الموقع ] -5

شركة تطوير من خاصية IBMموقع الموقع يقدمإليها الرجوع امكانية مع البيانات حفظ في متطورة

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

, المزود قبل من المستخدمة للبيانات التصاميمالتفاعلية التصاميم رواد احد الموقع يعتبر

. باستخدامه, ينصح الإحترافية

[. Google Public Data الموقع ] -6 , مجانية جوجل شركة مطوري من متطور اداة

, للغة وداعمة متطورة الإداة للجميع ومتاحة , في مثال بعمل قمنا سابقة  العربية عن مقالة

, الإداة هذه باستخدام تفاعلية تصميم عمل كيفيةوالتي التصاميم من مذهلة كمية الإداء هذه توفر

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

[. Tableau الموقع ] -6  , يوفر تفاعلية تصاميم عمل في متطور برنامج

لعمل التعليمية الفيديوهات من مجموعة الموقعالتسجيل , عليك يتوجب موقعهم عبر التصاميم هذه

, / التفاعلية الجرافيكية التصاميم لعمل الموقع عبرباستخدامه . ينصح