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

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

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

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

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

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

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

29 فروردین

دامنه چیست و چه کاربردی دارد ؟

بازدید: 5338

به آدرس های سایت دامنه می گویند. مانند www.google.com که دامنه آن google.com است. شاید اجزای هر URL را بدانید ولی دامنه یکی از مهم ترین قسمت های سایت و URL است. برای مثال دامنه https://www.example.ir را ببینید پسوند IR ، پسوند این دامنه است ولی به این آدرس https://www.example.ir/default.php دقت کنید، php پسوند فایل default و IR پسوند دامنه ماست. خب حالا فرق .com و .net و .ir و ... در چیست؟ هر یک از پسوند های دامنه معنای خاصی دارد. مثلا پسوند .ac.com یا ac.ir را برای دانشگاه ها و [...]

31 فروردین

تصورات غلط و رایج درباره طراحان وب

بازدید: 1967

اصولا امروزه هر فردی که یک کتاب طراحی وب را مطالعه کرده باشد ، تصورش اینست که دیگر خدای طراحی است و کسی بالای دست او کار نمی کند، اما واقعا یک طراحی وب شامل دانسته هایی از حیطه های مختلف مثل CSS3, HTML5,Javascript,PHP,jQuery و موارد زیاد دیگر است که همه با هم می تواند یک طراح وب را به جلو سوق دهد. برخی از تصورات غلط و البته رایج در مورد یک طراح وب را که اکثرشان هم درست نیستند ، توضیح داده و نکاتی  مهم وقابل توجهی را بیان می [...]

31 فروردین

اصول و قواعد طراحی سایت

بازدید: 6925

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

31 فروردین

روشهایی برای بهبود فوترهای معمولی و رایج

بازدید: 1699

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

31 فروردین

RSS چیست و کاربردهای RSS در طراحی سایت

بازدید: 18351

RSS مخفف Really Simple Syndication به معنی تشکیل ارتباط‌های بسیار ساده است. آر.اس.اس فرمتی برای خروجی اطلاعات می‌باشد. آر.اس.اس فایلی با فرمت خاص (XML) می‌باشد که شامل آخرين عناوين سایت‌های خبری، وبلاگ‌ها و سايت‌هايی از اين دست می‌باشد. در واقع با به روز شدن سایت، فایل آر.اس.اس آن به طور خودکار به روز می‌شود. محتويات فايل‌های آر.اس.اس را می‌توان به کمک نرم‌افزارهای مخصوص و يا سايت‌هايي كه اين امكان را [...]

01 اردیبهشت

Bootstrap چیست و چه کاربردی دارد؟

بازدید: 7707

 Bootstrap ( بوت استرپ ) چیست ؟Bootstrap ( بوت استرپ ) یکی از قدرتمند ترین و محبوب ترین فریم ورک های HTML ، CSS و Javascript برای توسعه و طراحی سایت بصورت واکنش گرا در ابزارهای نمایش وب در اندازه های مختلف از جمله موبایل، تبلت و کامپیوترهای رومیزی می باشد، که امکان طراحی صفحات وب در کمترین زمان را به شما می دهد. تاریخچه Bootstrap :Bootstrap ( بوت استرپ )  توسط یک طراح و یک توسعه دهنده تویتر ایجاد شده است، و تبدیل به یکی از [...]