اینفوگرافیک چیست و کاربرد اینفوگرافیک در طراحی سایت چیست؟اینفوگرافیک چیست و کاربرد اینفوگرافیک در طراحی سایت چیست؟ تاریخ انتشار : 30 فروردین، 1396

اینفوگرافیک چیست و کاربرد اینفوگرافیک در طراحی سایت چیست؟

اولین اینفوگرافیک ها را می توان در نگاره های داخل غار انسان های نخستین یافت. با گذشت زمان و پیشرفت بشر ، اینفوگرافیک ها جنبه علمی تر و کاربردی تری به خود گرفتند . به گونه ای که اواخر سال 1400 میلادی لئوناردو داوینچی برای بیان ایده ها و تشریح مسائل علمی خود از اینفوگرافیک استفاده نمود. یکی از نخستین اینفوگرافیک های مدرن و کاربردی ، در کتاب اطلس سیاسی و تجاری ویلیام سیلوستر مورد استفاده قرارگرفت. این کتاب توسط هیستوگرام‌ها و چارت‌های میله‌ای، اقتصاد انگلستان قرن 18 را توضیح داده بود. مغز ما علاقه زیادی به تحلیل و ذخیره اطلاعات به صورت بصری دارد. حتی ارتباط میان اشیا و اطلاعات را به شکل بصری ذخیره می‌کند نه لغوی.  اینفوگرافیک ‌ها یا گرافیک‌های اطلاع رسان نمایشگران تصویری اطلاعات و داده‌ها هستند.این نگاره‌ها در جاهایی که نیاز به توضیح ساده و یا سریع داده‌ها است، استفاده می‌شوند. استفاده از گرافیک‌های اطلاع رسان باعث می‌شود بیننده با نگاهی کوتاه حجم قابل توجهی از اطلاعات را که شکل نوشتاری آن ممکن است مقاله بلند بالایی را تشکیل دهد، به سادگی از طریق بصری دریافت کند و حتی آن را به خاطر بسپار .مثلا به سه لغت تلویزیون ، مداد و تلفن فکر کنید- چه چیز اول به ذهنتان می‌آید؟ آیا به حروف تشکیل دهنده این لغات فکر می‌کنید یا به شکل فیزیکی آنها؟ پس همانطور که مشاهده می‌کنید درک و یادگیری صورت فیزیکی و بصری داده ها و اطلاعات برای مغز ما به مراتب آسانتر از فهم شکل نوشتاری آنها است.
قواعد ساخت اینفوگراف
نمایش تضادها و مقایسه‌ها
رابطه علت و معمولی یعنی نمایش علت ومعلول‌ها در رابطه‌ها نشان داده شوند
ساده سازی یعنی متون و رنگ‌ها نباید بر کلیت کار غالب باشند
سازمان‌دهی یعنی چه میزان جزئیات نیاز است و کجاها باید تاکید بیش‌تر نمود؟
نمایان سازی یعنی دیگران باید به سادگی بتوانند اینفوگراف را ببینند و از آن استفاده کنند
تعادل یعنی اطلاعات خیلی زیادی ارائه نکنید در عوض وضوح را بالا ببرید
یکپارچگی و انسجام در طرح موضوعات
چند بعدی بودن هدف اصلی اینفوگراف است
زمینه و بافت یعنی آیا بینندگانتان تحمل دیدن اینفوگراف شما را دارند؟

قواعد ساخت اینفوگراف


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

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

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

برخی ویژگی‌های اینفوگراف

 

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

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

 


اشتراک گذاری در :

مقالاتی که پیشنهاد می شود بخوانید

Anchor Text چیست و تاثیر و اهمیت Anchor text در سئو
01 اردیبهشت

Anchor Text چیست و تاثیر و اهمیت Anchor text در سئو

بازدید: 1479

Anchor معنی لنگر را میدهد، در اصطلاح Anchor Text عبارت از متنی نامی میباشد که پیوندی به آن لینک میشود گوگل و تعداد دیگری از موتورهای جستجو، صفحات وب سایت ها را تحت تاثیر مستقیم متن پیوندی یا (Anchor Text ) به آن صفحات در نتایج جستجو نمایش می دهد. این موضوع یعنی اهمیت این متن ها در سئو را میتوان با نگاه كردن به نمونه های فوق العاده ای از صفحات وب سایت ها كه رتبه بالای نتایج جستجو در اختیار دارند درک نمود . Google bombs تقریباً آسان ترین [...]

پیج رنک چیست و نحوه محاسبه پیج رنک برای افزایش Page Rank سایت
29 فروردین

پیج رنک چیست و نحوه محاسبه پیج رنک برای افزایش Page Rank سایت

بازدید: 1984

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

اصطلاح Fold درطراحی سایت به چه معناست و چه اهمیتی دارد؟
30 فروردین

اصطلاح Fold درطراحی سایت به چه معناست و چه اهمیتی دارد؟

بازدید: 1222

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

css چیست؟
28 فروردین

css چیست؟

بازدید: 1270

CSS یا Cascade Style Sheets  یک نوع زبان برنامه نویسی می باشد که کنسرسیوم بین المللی شبکه جهانی وب یا W3C برای غلبه بر مشکلاتی که در طی زمان با استفاده از HTML بوجود آمده است پیشنهاد داده است.زبانی است که جمله یک خطی شما را تبدیل به همان یک جمله خواهد کرد. شما تنها کافی است تا استیل مورد نیازتان را در طراحی تغییر دهید و آن هم تنها با تغییر یک یا چند مورد کوچک. عملا این زبان برنامه نویسی، مکملی بر زبان باستانی HTML است و سعی در پر [...]

الگوریتم گوگل پاندا در سئو چه نقشی دارد؟
29 فروردین

الگوریتم گوگل پاندا در سئو چه نقشی دارد؟

بازدید: 997

گوگل پاندا (Google Panda) به تغییراتی گفته می شود  که از اواخر اسفند  1389  (فوریه 2011) در الگوریتم نمایش نتایج جستجو در گوگل اعمال شد و همچنان ادامه دارد. این تغییرات با هدف کاهش سایت های رتبه بندی شده یا  کیفیت پایین دنبال می شود و سایت های با کیفیت را در بالای صفحه نمایش نتایج جستجو نشان می دهد. در اثر این تغییرات، سایت هایی که حجم بسیار زیادی آگهی تبلیغاتی در خود جای داده بودند به رده های پایین سقوط کننند و وب [...]

الگوریتم مرغ مگس خوار چیست و نحوه عملکرد مرغ مگس خوار
01 اردیبهشت

الگوریتم مرغ مگس خوار چیست و نحوه عملکرد مرغ مگس خوار

بازدید: 4269

مرغ مگس خوار الگوریتم دیگری از گوگل است که الگوریتم های جستجو اضافه شده است. مرغ مگس خوار یا Hummingbird بر خلاف الگوریتم های گوگل پاندا و گوگل پنگوئن یک افزونه آنتی اسپم نیست بلکه بر روی بهینه سازی پرس و جوهای کاربران کار میکند.نحوه عملکرد مرغ مگس خواربا وجود اینکه سوالات زیادی در مورد نحوه عملکرد فنی الگوریتم مرغ مگس خوار مطرح می شود اما گوگل تا کنون جزییاتی در مورد نحوه عملکرد این الگوریتم ارائه نداده است، مرغ [...]