۹ نوع اینفوگرافیک برای طراحی و چگونگی استفاده از اینفوگرافی

استفاده از اینفوگرافی

میخواهید بدونید کدوم اینفوگرافیک برای ارائه مطلبتون بهتره؟دراین مقاله میتونین جوابتونو پیدا کنید. طرح کلی اینفوگرافیکی که استفاده میکنید به هدفتون برای استفاده از اینفوگرافی و همچنین نوع مطلبی که میخواهید برای بیننده تصویر کنید، بستگی داره. باز هم مشکلی دارید؟ بله،درسته. اینفوگرافیک ها تنوع “خیلی” زیادی دارند. اونقدری زیاد هستند که میتونن واسه همه، بخصوص کسانی که میخواهند تازه شروع به طراحی اینفوگرافی کنن،مبهم به نظر برسند.

در این مقاله ما انواع قالب‌ها و نحوه استفاده از اینفوگرافی را به خصوص ۹ تا از معروفترینشون رو، تقسیم بندی کرده ایم:

  1. اینفوگرافیک های آماری
  2. اینفوگرافیک های محتوایی
  3. اینفوگرافیک های ترتیب وقایع
  4. اینفوگرافیک های شرح فرایند
  5. اینفوگرافیک های جغرافیایی
  6. اینفوگرافیک های مقایسه ای
  7. اینفوگرافیک های پایگانی(توصیف سلسله مراتب کار)
  8. اینفوگرافیک های لیستی
  9. اینفوگرافیک های رزومه ای

حالا بیاید این اینفوگرافیک هاـرو دقیق تر بشناسیم:

۱- اینفوگرافیک های آماری

اگر میخواهید نتایج تحقیقاتی را نشان دهید یا مطلبی را از چند منبع مختلف به نمایش دراورید،یا نظرات و اطلاعات خود را در مورد یک بحث ارائه کنید،بدونید استفاده از اینفوگرافی آماری بهترین اینفوگرافیک مورد نظر شماست. نقطه عطف اینفوگرافیک های آماری روی مطالبتونه. طرح بندی و تصاویری هم که به کار میبرین،در ارائه مطلب مهم و موثر هستند.

میتونین با استفاده از چارت ها،نماد ها،تصاویر و فونت های مناسب مطالبتونو موثرتر نقل کنید.

برای مثال در اینفوگرافیک زیر برای تجسم کردن بهترآمار و ارقام از نمادها استفاده شده:

اینفوگرافی آماری

همین طور که میبینید در قالب استفاده از اینفوگرافی های آماری؛مانند اینفوگرافیک زیر؛برای توجه بیشتر به آمار و ارقام؛از نمادهای رنگی و فونت های پررنگ استفاده شده:

و اینفوگرافیک آماری زیر هم نوعی دیگر از تصویر سازی مطالب را میبینیم.

اما در طرح اینفوگرافی آماری زیر طرح متنوع تری به کار برده شده. این طرح شامل نمودار دایره ای،نماد ها،و جدول زمان بندی میشود:

اینفوگرافی آماری

اگر هم میخواهید یک سری نکات آماری مورد توجه بیشتری قرار بگیرن،میتونین یه طرح متنوع تری ـرو انتخاب کنید.برای مثال میتونین یه حباب یا یه ابر طراحی کنید؛که میشه سلسله مراتب و حتی مراحل ارائه مطلبتونو به راحتی و موثرتر نشون بدین.فقط مهم ترین مطالب و آمار هاتونو در حباب بزرگ قرار بدید و به ترتیب اهمیت مطالب،سایز حباب هارو کاهش بدین:

اینفوگرافی آماری

نکات مهم در طراحی اینفوگرافیک های آماری

  • نکات مهم و کلیدی مطالبتونو پیدا کنید و اونو در طرحتون منعکس کنید.
  • از روش های مختلف درک مطلب مانند نمودار،نماد ها و تکست ها استفاده کنید.
  • تیتر توصیفی مناسبی رو واسه ی معرفی مطلبتون انتخاب کنید .
  • برای تاکید بیشتر رو یه مطلب از رنگ های متفاوت استفاده کنید یا از عدد و نماد در کنار هم استفاده کنید.

۲- استفاده از اینفوگرافی محتوایی

اگر میخواهید یه مطلب یا یک مفهوم تخصصی رو به اشتراک بذارید یا حتی یه دید کلی از یه موضوعیو به بیننده ها نشون بدید، استفاده از اینفوگرافی محتوایی بهترین راه حل شماست.

عموما،اینفوگرافیک های محتوایی بر اساس عناوین مختلف به چند قسمت تقسیم میشوند.شماره گذاری هر بخش باعث درک بهتر مطالب میشه.هم چنین،تحقیقات نشون داده مردم کلا به اینفوگرافیک هایی که تیترهای شماره گذاری شده دارند علاقه ی بیشتری نشون میدن.

اینفوگرافیک محتوایی زیر تا الان،یکی از محبوب ترین اینفوگرافیک در حوزه مربوط به خودش بوده.کل مطلب در قالب ۴ نکته وبصورت خلاصه ارائه شده.تیترهای توصیفی و آیکون های مناسب همگی باعث شدن هر نکته قابل مفهوم و ساده بنظر بیان:

اینفوگرافی محتوایی

اما لزوما نباید همه مطالبو پشت سر هم و به ترتیب بنویسید.اگر نکاتی که میخواید ضمن مطلب عرض کنید،ترتیب خاصی ندارند؛میتونین از یه طرح دایره وار استفاده کنید.

یادتون نره که از تکنیک های طراحی مثل تغییر رنگ و تغییر جهت برای جلب توجه مردم استفاده کنید.برای مثال رنگ در اینفوگرافیک زیر برای پس زمینه، در هر قسمت متفاوته:

اینفوگرافی رنگی

همچنین میتونین برای متفاوت جلوه دادن اینفوگرافیکتون از کادر بندی های تزیینی استفاده کنید تا از حالت و قالب ساده در بیاد که در مثال بالا این مورد استفاده از اینفوگرافی کاملا مشهوده.

نکات مهم در طراحی اینفوگرافیک های محتوایی

  • برای هر بخش یه تیتر توصیفی به کار ببرید تا مطالب روشن و قابل فهم به نظر بیان.
  • هر بخش ـرو برای سادگی فهم مطلب شماره گذاری کنید.
  • در هر بخش از رنگها،تصاویر و جهات مختلف استفاده کنید تا خواننده برای خواندن مطلب مشتاق تر بشه.
  • سعی کنید برای بیان مطلب بیشتر از آیکون ها و تصاویر استفاده کنید.

۳- اینفوگرافیک های جدول زمانی

برای تجسم سازی تاریخ وقایع و مهم جلوه دادن یک سری تواریخ معین یا حتی مروری بر یک سری حوادث،میتونین استفاده از اینفوگرافی جدول زمانی رو انتخاب کنید.

ازونجایی که انسانها غالبا زمان ـرو بصورت تصویری و ذهنی تجسم میکنند،یه تصویر مانند اینفوگرافیک جدول زمانی،زمان ـرو در یه قالب بهتر و آسون تر برای بیننده ها مصور میکنه.علائم تصویری مثل آِیکون ها،تصاویر و برچسب ها همگی به هایلایت کردن و توصیف نکات یه “زمان” مشخص کمک میکنه.

برای مثال در الگوی اینفوگرافیک زیر برای تاکید بیشتر روی سال از فونت بزرگتری استفاده شده.برای هایلایت کردن هرنکته ی مربوط به یه زمان مشخص،از آیکون رنگی متفاوتی استفاده شده:

اینفوگرافی جدولی

یکی از تکنیک های دیداری برای نشان دادن پیشرفت زمان،استفاده از رنگهای متفاوته.

مثلا در اینفوگرافیک جدول زمانی زیر، رنگهای متفاوت نشون دهنده ی گذر زمان از گذشته به آینده هستند.رنگ تیره در سمت چپ نمایانگر شروع ترتیب وقایع هستند.

تغییر رنگ در مقاطع زمانی متفاوت باعث میشه خواننده توجه بیشتری به جدول زمانی (یا ترتیب وقایع) داشته باشه،مثل:

اینفوگرافی زمانی

نکات مهم در طراحی اینفوگرافیک های جدول زمانی

  • همیشه برای اتصال مقاطع زمانی مختلف به یکدیگر،از یه خط میانی استفاده کنید.
  • برای هایلایت کردن سال یا اسم هر رویداد،از فونت بولد و یا فونت متفاوت تر استفاده کنید.
  • هر مقطع زمانی ـرو با یک آیکون ساده،متمایز جلوه بدین.

۴- اینفوگرافیک های شرح فرایند

همونطور که اینفوگرافیک های جدول زمانی،مقاطع زمانی مشخص ـرو هایلایت میکنند؛ استفاده ازاینفوگرافی های شرح فرایند خلاصه یا دید کلی ای از مراحل یک فرایند ـرو شرح میدهند.

اینفوگرافیک های شرح فرایند؛توصیف یا تعریف هر مرحله ـرو ساده تر و شفاف تر توضیح میده.بیشتر اشکال مرسوم این دسته از اینفوگرافیک ها،از بالا به پایین یا چپ به راست هستند.شماره گذاری گام ها و مراحل باعث قابل فهم تر و آسون تر شدن فرایند مورد نظر میشه.

برای مثال در الگوی اینفوگرافیک فرایند زیر،تیتر هر مرحله با یه رنگ متفاوت نشون داده شده.توجه کنید که چگونه آیکون های شماره گذراری شده سمت راست اینفوگرافیک با تیترها تطابق دارند.

برای روان تر شدن مطلبتون،از فِلِش،خطوط یا اشکال دیگه ای که چشمهارو به جهت موردنظر سوق میده،استفاده کنید.

برای مثال در استفاده از اینفوگرافی زیر برای ترتیب بندی هر مرحله،از فِلش استفاده شده.این اینفوگرافیک خلاصه ی شرح فرایند  ساده ـرو میتونین در قالب یه ویدیو یا یه کنفرانس استفاده کنید:

اینفوگرافی فرآیندی

اگر مراحل شرح فرایندتون خیلی زیاد و طولانیه،از قالب “SNAKE”  استفاده کنید.در این الگو مراحل بصورت عقب جلو و به شکل S مانند در میاد.به علاوه،فضای بیشتری ـرو در صفحه واستون نگه میداره:

اینفوگرافی snake

نکات مهم در طراحی اینفوگرافیک های شرح فرایند

  • هر گام یا مرحله ـرو شماره گذاری کنید تا خواننده به راحتی مطالب ـرو دنبال کنه.
  • برای جا دادن مراحل زیاد در یک صفحه،از الگوی S مانند استفاده کنید.
  • از فلش و علائم جهت یابی استفاده کنید تا خواننده بفهمه برای ادامه مطلب کجارو بخونه.
  • تیترها تونو با یه فونت یا رنگی غیر از فونت یا رنگ تکست اصلی بنویسید تا متمایز به نظر برسند.

۵- اینفوگرافیک های جغرافیایی

میخواهید مطالب جغرافیایی،پراکندگی جمعیت یا یه حجم بزرگی از مطالب ـرو بصورت تصویری ارائه بدین؟در این صورت،اینفوگرافیک های جغرافیایی بهترین استفاده از اینفوگرافی برای ارائه این دسته از مطالبه.

در اینفوگرافیک های جغرافیایی برای فوکوس روی نقاط مختلف، از چارت های نقشه ای استفاده میکنند.و همینطور مطالب متفاوت هر کدوم یه چارت نقشه ای متفاوت و مخصوص دارند.

برای مثال در استفاده از اینفوگرافی جغرافیایی زیر برای نشون دادن هر منطقه مختلف،از یه نقشه ی حرارتی متفاوت استفاده شده.

اما اگر فقط میخواین نقاط و لوکیشن های خاصی ـرو علامت گذاری کنید،از نماد ها و اتیکت های مخصوص استفاده کنید:

خواندن این مقاله را هم به شدت پیشنهاد می‌کنیم!
تصویر سازی در اینفوگرافی چیست و چه کاربردی دارد؟

اینفوگرافی جغرافیایی

هم چنین میتونین برای مقایسه مناطق و پراکندگی جمعیت،از اینفوگرافیک های جغرافیایی استفاده کنید.برای انجام این کار میتونین نقشه هارو یکی یکی کنار هم قرار بدین.

برای مثال،در الگوی اینفوگرافیک جغرافیایی زیر برای مقایسه کردن جمعیت ایران بر اساس نژاد مردم، از نقشه شهرهای متفاوتی استفاده کنید.

نکات مهم در طراحی اینفوگرافیک های جغرافیایی

  • برای تصویر سازی تراکم جمعیت در مناطق و توصیف این مطالب در قالب یه تکست،از نقشه های حرارتی استفاده کنید.
  • برای مقایسه ی مطالب جغرافیایی یا تغییراتی که در طول زمان بوجود اومده از سری نقشه های متفاوت و مربوطه استفاده کنید.
  • اگر هم میخواهید نکته ای ـرو روی نقشه به بیان ساده تر هایلایت کنید،فقط کافیه اون نقاط ـرو علامت گذاری کنید.

۶- اینفوگرافیک های مقایسه ای

بیشتر مردم وقتی میخوان ایده ها یا نظراتشونو ارائه بدن،نمیدونن از کجا شروع کنند و کدوماشونو پیشنهاد کنند.

اگر میخواید یا نظراتـتون ـرو کاملا حق بی غرض و بدون تعصب مورد مقایسه قرار بدین،یا بخواین یه آیتمو بهتر جلوه بدین،اینفوگرافیک های مقایسه ای تو این زمینه میتونن برای این کار بهترین استفاده از اینفوگرافی را برای شما داشته باشند.

مرکز اینفوگرافیک های مقایسه ای معمولا به صورت افقی یا عمودی تقسیم بندی میشود؛که معمولا هر آیتم در یک طرف قرار دارد.

برای مثال در اینفوگرافیک مقایسه ای زیر آمار ازدواج و طلاق با هم مقایسه شده است؛بدون اینکه کدامیک را توصیه کند و جنبه نصیحتی را داشته باشد، مورد مقایسه قرار گرفته اند. آمار هر دو مقوله در وسط اینفوگرافیک اورده شده اند که این باعث شده مقایسه ی آنها آسان تر بشه:

از رنگهای متفاوت و متضاد (مثل سفید و مشکی یا قرمز و آبی بدون در نظر گرفتن پرسپولیسی استقلالی‌ها !‌ ) برای جدا کردن ویژگی های هر اینفوگراف استفاده کنید. هم چنین استفاده از رنگهای روشن تر،چشمگیرتر برای تاکید بیشتر بر روی یه موضوع خاص میتونه زودتر نظر خواننده ـرو جلب کنه.

در اینفوگرافیک زیر،طراح برای تاکید بیشتر روی تفاوت ویژگی ها از رنگهای متضاد و متفاوت استفاده کرده:

اینفوگرافی مقایسه ای

برای مورد مقایسه قرار دادن گزینه هایی بیشتر از ۲ مورد بهتره به جای دو نیم کردن اینفوگرافیک، اونو به چند ستون متفاوت تقسیم کنید.

نکات مهم در طراحی اینفوگرافیک های مقایسه ای

  • اینفوگرافیکتونو به دو قسمت تقسیم کنید تا ۲ گزینه متفاوت را به نمایش بگذارید.
  • اگر بیشتر از ۲ گزینه مدنظر دارید،تعداد نمودار در اینفوگرافی تون ـرو افزایش بدین.
  • برای نشون دادن مقایسه دو گزینه یا دو آیتم،از پس زمینه هایی با رنگهای متضاد استفاده کنید.
  • برای هایلایت کردن یک آیتم خاص،از رنگ روشن تری استفاده کنید.

۷- اینفوگرافیک های پایگانی

در این دسته استفاده از اینفوگرافی ها مطالب بر اساس اهمیت از بزرگترین و مهم ترین،به کمترین و جزئی ترین تقسیم میشوند.

یه مثال معروف از این دسته از اینفوگرافیک ها،هرم نیازهای اساسی مازلو است.اساسی ترین نیازهای انسان از پایین و پایه ی هرم شروع میشود و نیازهای جزئی تر در بخش بالایی قرار دارند.

میتونین برای بیان سلسله مراتب یک مطلب از چارت های هرمی استفاده کنید.برای مثال در اینفوگرافیک پایگانی زیر،موثرترین متدهای تدریس را از مهم ترین در پایین هرم،به سمت بالا متدهای کم اهمیت تر نشان داده شده:

استفاده از اینفوگرافی

میتونین از فلوچارت ها برای نشون دادن شیوه کار با وسایل،یا تشریح اجزای یک دستگاه استفاده کنید.برای مثال در الگوی اینفوگرافیک پایگانی زیر میتوان تشریح وظایف هر سِمَت در یک شرکت را،در قالب دو فلوچارت سازمان بندی شده دید:

اینفوگرافی چارت سازمانی

۸- اینفوگرافیک های لیستی

اگر میخواهید یک سری نکات دسته بندی شده،یا لیستی از منابع،لیستی از نمونه ها ـرو نشون بدین،بهترین استفاده از اینفوگرافی ، اینفوگرافیک لیستی است.

الگوهای این دسته از اینفوگرافیک ها معمولا بصورت یک جهته طراحی میشود-که هدف از این کار این هستش که لیست فقط ساده و مبتدی نباشه و چشمگیرتر بنظر برسه.میتونین به جای نقطه گذاری،از آیکون ها و نمادها استفاده کنید و فونت ها و رنگهای متمایزی ـرو به کار ببرید تا هر آیتم زیباتر بنظر بیاد.

یادتون نره برای روان تر کردن مطالب،هر آیتم ـرو شماره گذاری کنید.در اینفوگرافیک لیستی زیر برای مجزا و زیباتر کردن اعداد در صفحه،از آِیکون های رنگی متفاوتی استفاده شده.

درسته محتوای کارتون فقط یه لیسته،اما به این معنی نیستش که باید یه طرح ساده ـرو روش اعمال کنید.

برای مثال در اینفوگرافیک لیستی زیر،هیچ ترتیب خاصی پیروی نشده؛بلکه نکات مربوطه با رنگهای پس زمینه ای متفاوت،دور موضوع و محور اصلی  قرار داده شده اند که به خودیِ خود هر نکته متفاوت و مجزا به نظر میرسه:

اینفوگرافی لیستی

باز هم دنبال راه های خلاقانه تری برای ارائه نکات مهم در لیستتون بگردین.انتظارات و خواسته های بیننده هاتونو به چالش بندازید و با طراحی های متفاوت و چشم گیر به چشم هاشون یه استراحت بدین.

برای مثال طراح در الگوی اینفوگرافیک لیستی می‌توانید از طرح S شکل استفاده کرده تا چشم بصورت مارپیچی سرتاسر صفحه ـرو بچرخه. آیکون های کم رنگ با پس زمینه یه تضاد خاصی ـرو بوجود اورده که باعث شده طرح جالب تری ارائه بدید.

نکات مهم در طراحی اینفوگرافیک های لیستی

  • هر نکته ی موجود در لیست ـرو شماره گذاری کنید تا مطلب روون تر به نظر بیاد.
  • به جای نقطه گذاری،از آیکون ها استفاده کنید تا نکاتتون زیباتر جلوه کنند.
  • رنگ فونت ها،پس زمینه ها یا آیکون های هر نکته ـرو عوض کنید تا طرحتون زیباتر به نظر بیاد.
  • از الگوهای متفاوت تر مانند طرح های S شکل یا طرح های دایره ای استفاده کنید.

۹- اینفوگرافیک های رزومه ای

با اوضاع بازار کاری امروز،کسانی که به دنبال شغلی برای خودشون هستند باید راه های خلاقانه تری ـرو به کار ببرند تا احتمال موفقیتشون افزایش پیدا کنه.این همون دلیلیه که در سال های اخیر استفاده از اینفوگرافی رزومه ای از شهرت خاصی برخوردار شدن.

گرچه اینفوگرافیک های رزومه ای هنوز موفق نشدن کاملا جای رزومه های سنتی و قدیمی ـرو بگیرن اما به نوع خودش یه مدرک منحصر به فرد هنگام ورود به مصاحبه کاری،یا به اشتراک گذاری سوابق کار در سایت یا ارسال رزومه در قالب یک ایمیل؛محسوب میشه.

برای مثال الگوی اینفوگرافیک رزومه ای زیر،یه طرح صامت با رنگهای مناسب و کافی داره.آیکون های ساده و یک ستون فرعی تفاوت ساده اما زیبایی ـرو به طرح بخشیده:

اینفوگرافی رزومه ای

برای نشون دادن بعد های خلاقانه خودتون،سعی کنید در اینفوگرافیک های رزومه ایتون،از حاشیه های آراسته و تزئینی استفاده کنید.برای مثال می‌توانید در الگوی استفاده از اینفوگرافی رزومه ای از حاشیه های برگ مانند استفاده کنید که بخودی خود احساس دوستانه و صمیمی ـرو به خواننده القا میکنه و این اینفوگرافیک برای یک کارفرما طرح عالی محسوب میشه:

نکات مهم در طراحی اینفوگرافیک های رزومه ای

  • عنوان یا تیتری را طراحی کنید که نشان دهنده شخصیت شما باشد.
  • اینفوگرافیک رزومه ایتون ـرو با لوگوهای کمپانی موردنظر،آیکون ها و داده های تصویری آراسته کنید.
  • برای نشان دادن سود و رشد،از نمودارهای خطی و ستونی استفاده کنید.
  • برای نشان دادن کلمات کلیدی مرتبط مانند مهارت ها یا تجارب از آرایه های لغتی متفاوت استفاده کنید.

 

چارت های اینفوگرافیکی

بعد از اینکه یکی از این ۹ نمونه کار اینفوگرافی رو انتخاب کردید،گام بعدی پیدا کردن یه روش مناسب برای تصویر سازی مطالبه.بسته به نوع مطالب و هدفی که از طراحی اینفوگرافیکتون دارین،ممکنه بخواین یه چارت قدیمی ـرو به یه طرح جدید و متنوع تری به روز کنید.

ما برای انتخاب بهترین چارت ها قانون یا متد ICCOR را به کار میبریم.نوع چارتی که انتخاب میکنید به نوع چارتتون بستگی داره.

ICCOR نماد

Inform(اطلاع رسانی): مطلب ـرو بصورت نکات کلیدی یا یک متن روان و مهم  ارائه بدین که به آسانی قابل فهم و یادگیری باشه.

Compare(مقایسه کردن): تفاوت ها و تشابهات هر قسمت یا هر بخش را بصورت جدا گانه نشان دهید.

Show Change(تغییر): تغییراتی که در طول زمان یا مکان خاصی رخ داده اند.

Organize(سازمان بندی مطالب): گروه ها،الگو ها،درجات یا ترتیب وقایع ـرو نشون بدید.

Reveal Realtionship(ارتباطات): تشابهات و ارتباطات مطالب یا نکات ـرو ذکر کنید.

لطفا امتیاز دهید
۰
Avatar
نویسنده مطلب امید ابوالحسنی
روزی آرزو داشتیم که تمام ایران طراحی را بیاموزد، به سبک ما، به سبکی مدرن، به سبک طراح شید و خوشحالیم که در طول این ۴ سال به آرزویمام رسیده ایم و نامی مطمئن برای مردمان سرزمینم خلق کرده‌ایم و این رسالت ما تا انتها خواهد بود...

بدون دیدگاه