مجلة ع القهوة: Infographic

<div dir="rtl" style="text-align: right;" trbidi="on">
<h4 style="text-align: right;">
علم الإنفوجرافيك Infographic :</h4>
<br />بدأنا مؤخراً نسمع كثيراً كلمة " <b>انفوجرافيك</b> " تتردد على ألسنة الكثير من رواد المواقع التقنية أو حتى من رواد المواقع العادية التي تتناول عرض بيانات معينة حول موضوع ما بشكل رسومي ، فما هو هذا العلم وكيف يمكن الاستفادة منه أو حتى الدخول في عالمه ، هذا ما سنطرحه بهذا الموضوع .<br /><br /><h4 style="text-align: right;">
علم الإنفوجرافيك :</h4>
<br />هو  فن تحويل البيانات والمعلومات والمفاهيم المعقدة الي صور ورسوم يمكن فهمها واستيعابها بوضوح وتشويق ، وهو أسلوب  يتميز بعرض المعلومات المعقدة و الصعبة بطريقة سلسة وسهلة وواضحة للقارئ .<br /><br /><b><span style="color: #3d85c6;">مسميات آخرى شائعة لهذا العلم على المواقع</span></b> : <br /><ol style="text-align: right;">
<li>انفوجرافيك أو انفوجرافيكس  Infographics </li>
<li>التصاميم المعلوماتية  Information Design </li>
<li>البيانات التصورية التفاعلية  Data Visualization </li>
</ol>
<br /><h4 style="text-align: right;">
أنواع الإنفوجرافيك : </h4>
<div>
<br /></div>
<ul style="text-align: right;">
<li><b><span style="color: #990000;">انفوجرافيك ثابت</span></b> : يكون عبارة عن رسم تصويري يشرح شيء معين بشكل ثابت دون الحاجة الى أي تفاعل مع القارئ ، <div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqS1AtUJWgxH0i4BMZ7uhlsOSunqIFGeTSkWHyjQHVADnh43GJrBuHwnYp1EofstHI0JJC4DEM2p7pFfDuGjmPcOx9O-tUviE-whsgbEsK5sLgnDZmAAea_QWbVgI9Pkh5hfgxGuuig7vX/s1600/BCzCuDpCMAAZsUZ.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="علم الإنفوجرافيك - Infographic" border="0" height="580" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqS1AtUJWgxH0i4BMZ7uhlsOSunqIFGeTSkWHyjQHVADnh43GJrBuHwnYp1EofstHI0JJC4DEM2p7pFfDuGjmPcOx9O-tUviE-whsgbEsK5sLgnDZmAAea_QWbVgI9Pkh5hfgxGuuig7vX/s1600/BCzCuDpCMAAZsUZ.jpg" title="علم الإنفوجرافيك - Infographic" width="640" /></a></div>
</li>
<li><b><span style="color: #990000;">انفوجرافيك متحرك</span></b> : وهو عبارة عن رسم تصويري متحرك يتفاعل معه القارئ وهذا يعتمد على جزء من مفهوم الرسوم المتحركة وقد نراه في بعض مواقع الويب التي باتت تميل الى هذا العلم باستخدام تقنيات الويب المختلفة مثلHTML5  والـ CSS3  لتشرح شيء معين  ، وبعضها يظهر على هيئة فيديو يستخدم رسومات الإنفوجرافيك لتمثيل المعلومات </li>
</ul>
<br /><h4 style="text-align: right;">
فائدة وأهمية الإنفوجرافيك: </h4>
<div>
<ol style="text-align: right;">
<li>تغيير الطريقة الروتينية لعرض المعلومات والبيانات للناس وبالتالي هذا يساعد على تغيير استجابة الناس وتفاعلهم مع هذه المعلومات عند رؤيتها </li>
<li>عرض المعلومات والأفكار بشكل سهل وسلس يساعد على توصيل الأفكار المعقدة بكل بساطة </li>
</ol>
<div>
<br /></div>
<h4 style="text-align: right;">
خطوات تصميم الإنفوجرافيك: </h4>
</div>
<div>
<br /><ol style="text-align: right;">
<li>تحديد الفكرة التي ترغب بعرضها للجمهور بشكل بسيط وسهل </li>
<li>تحديد مصادر موثوقة للمعلومات التي ترغب بعرضها وتمثيلها للفكرة المختارة </li>
<li>عمل رسم وتصور مبدئي للرسم يتحدد فيه العناوين الرئيسية والفرعية، الشكل العام، الألوان، طبيعة التصميم </li>
<li>تنقيح التصميم والتأكد من أن كل البيانات والمعلومات التي تم جمعها عن الفكرة قد تم عرضها بالشكل المرغوب به والشكل السليم، إضافة الى التأكد من صحة الرسوم وهل تعبر عن الفكرة المختارة أم لا </li>
<li>الإخراج النهائي للتصميم المرسوم وهل سيعتمد كتصميم ثابت أم متحرك </li>
</ol>
<br /><h4 style="text-align: right;">
نصائح عامة لمن يرغب بالبدء في تصميم الإنفوجرافيك: </h4>
</div>
<div>
<br /><ul style="text-align: right;">
<li>بساطة التصميم </li>
<li>تماسك البنية الأساسية للتصميم وربط كل جزء من الصورة بما قبلها </li>
<li>البحث عن مصادر موثوقة للفكرة التي ترغب بعرضها وتوثيق رسمك بالمصادر المختارة أسفل التصميم حتى يكون هناك مصداقية للناس عند قراءة المعلومات من تصميم </li>
<li>اختيار الألوان المناسبة للتصميم </li>
<li>التدقيق الاملائي للمعلومات والتأكد من خلوها من الأخطاء الاملائية واللغوية </li>
<li>إرفاق بياناتك الشخصية للتواصل في نهاية التصميم، إضافة الى الجهة التي ترعى التصميم اذا وجدت، وبالنهاية المصادر كما قلنا سابقاً </li>
</ul>
<br /><br /><b><span style="color: #3d85c6;">مصادر موثوقة تساعدك على توفير معلومات صحيحة عن الموضوع التي ترغب بعرضه: </span></b></div>
<div style="text-align: right;">
<br /><ol>
<li>موقع <a href="http://www.gapminder.org/"><b>Gapminder</b> </a>وهو موقع مخصص للإحصائيات العالمية في جميع المجالات </li>
<li>موقع العداد العالمي  <a href="http://www.worldometers.info/ar/"><b>worldometers</b> </a>الذي يوفر معلومات محدثة بشكل متواصل لبعض الاحصائيات عالمياً </li>
<li>مركز جوجل العالمي للبيانات <a href="http://www.google.com/publicdata/directory"><b>Public Data</b></a> </li>
<li>إحصائيات عربية على موقع<a href="http://www.ddarabia.com/"> <b>Discover Digital Arabia</b></a> </li>
</ol>
<br /><b><span style="color: #3d85c6;">برامج مستخدمة في تصميم الإنفوجرافيك :</span></b><br /><br />وتختلف البرامج المستخدمة تبعاً لنوع الإنفوجرافيك المراد تصميمه كالتالي : <br /><ul style="text-align: right;">
<li><b><span style="color: #990000;">الإنفوجرافيك الثابت</span></b> :  برنامج الفوتوشوب  photoshop ، برنامج الاليستريتور illustrator   ( والخيار الثاني أفضل لأنه معتمد على مفهوم الـ Vector بالرسم وبالتالي الدقة تكون أعلى  ) . </li>
<li><span style="color: #990000;">الإنفوجرافيك المتحرك </span>: برنامج الافتر افكت  aftereffect  ، برنامج الموشن  Apple Motion ( لكنه خاص بأجهزة آبل فقط). </li>
</ul>
<div style="text-align: right;">
<br /></div>
مواقع  تساعدك في تصميم المخططات البيانية والخرائط : </div>
<div style="text-align: right;">
<br /><ol style="text-align: right;">
<li>موقع  <a href="http://www.statsilk.com/">StatSilk </a>الخاص بتوفير برامج تساعدك على تشكيل الخرائط والرسوم والاشكال البيانية التفاعلية كما تريد(  Interactive maps and visualizations ) </li>
<li>موقع <a href="http://charts.hohli.com/">hohli </a>الخاص ببناء المخططات والاشكال البيانية </li>
<li>ملفات مفتوحة المصدر يمكنك الاستفادة منها مثل ملفات الـ PSD  الخاصة ببرنامج الفوتوشوب أو ملفات الـ AI  الخاصة ببرنامج الاليستريتور </li>
</ol>
<br /><br />وهناك الكثير من المواقع الآخرى التي لايوجد مجال لحصرها جميعاً .<br /><br /><br /><h4 style="text-align: right;">
مواقع عربية تعزز من إثراء مفهوم الانفوجرافيك عربياً على الإنترنت : </h4>
</div>
<div style="text-align: right;">
<br /><ol style="text-align: right;">
<li><a href="http://tajseed.net/"><b><span style="color: #38761d;">موقع تجسيد</span></b></a> : وهي مبادرة عربية غير ربحية تهدف لدعم المحتوى العربي برسومات إنفوجرافيك ، وبناء منصة تربط المصممين المبدعين برجال الأعمال والشركات ، وهو يعتبر آولى المواقع العربية التي دعمت مفهوم الانفوجرافيك العربي </li>
<li><b><span style="color: #38761d;"><a href="http://byani.info/"><span style="color: #38761d;">موقع بياناتي</span></a> : </span></b>وهو موقع يوفر لك البيانات بشكل مبسط وواضح ويعزز مفهوم الانفوجرافيك </li>
<li><b><span style="color: #38761d;"><span style="color: #38761d;"><a href="http://arinfographic.net/"><span style="color: #38761d;">موقع إنفوجرافيك عربي</span></a> :</span> </span></b>وهو مخصص بأرشفة كافة الانفوجرافيك العربي على الانترنت ليشكل مرجع عالمي ومعتمد بهذا المجال عالمياً </li>
</ol>
<br /><br /><b><span style="color: #3d85c6;">   أما عن أشهر المواقع العالمية في هذ العلم فهو موقع <a href="http://visual.ly/">visual</a> </span></b><br />نتمنى أن يكون الموضوع قد أجمل لكم كل ما يتعلق بهذا العلم الرائع الذي بات يشكل وسيلة مميزة جداً للتعبير عن موضوع معين .</div>
</div>

علم الإنفوجرافيك - Infographic

علم الإنفوجرافيك Infographic : بدأنا مؤخراً نسمع كثيراً كلمة " انفوجرافيك " تتردد على ألسنة الكثير من رواد المواقع التقنية أو ...

مزيد من المعلومات »

مجلة ع القهوة

علم الإنفوجرافيك - Infographic

مشاركات

التعليقات

الارشيف