Как се прави инфографика?

Как се прави инфографика? Инфографиките вземат сложни данни и информация и ги превеждат в лесни за разбиране визуализации. В днешния забързан свят графичните дизайнери трябва да предадат съобщение просто и ефективно.

 

Тестване на тълпата. Как да го направим?

Текстови данни към графични данни. Как се прави инфографика?

Вдясно виждаме автобиография за графичен дизайнер, оформена в стила инфографика. Той умело превърна статистиката ви в стилни графики, което направи сухата статистика по-динамична.

Визуализации като тези дават на Тибор ван ден Бринк възможността да добави цвят и естетическа интрига, два фактора, които естествено се открояват от традиционната автобиография и привличат зрителя.

Тук можем бързо да преценим, че Тибор владее 100% холандски и около 88% владее английски благодарение на проста кръгова диаграма. Той използва други хитри подходи като икони за своите хобита и „метри“, за да покаже бързо нивото си на умения в различни програми и дизайнерски концепции.

Веднага виждаме, че той има 75% ниво на умения във Photoshop, Illustrator и InDesign. Цялата му информация е предадена по прост и стегнат (и освежаващ) начин, който надминава дългите, провлачени изречения за неговата история с Adobe Creative Suite. Как се прави инфографика?

Снимките (и диаграмите) струват хиляда думи

Всеки знае известната поговорка: „Една снимка струва колкото хиляда думи“. Този цитат говори много за силата на инфографиката: хората са визуални същества. Когато текстът изисква време и умствена обработка, изображенията често са незабавни и интуитивни.

Примерът с инфографика по-горе използва поредица от диаграми, за да обясни как работи кубът на Рубик. Като се има предвид сложността на кубчетата на Рубик, ще ви трябва най-малко хиляда думи, за да обясните бързо и ясно какво показват тези диаграми. Освен това тази инфографика е цветна и интересна. Това без съмнение е за предпочитане пред текстово обяснение на кубчето на Рубик.

Поток. Как се прави инфографика?

Инфографиките имат визуални потоци. Това е важно да запомните, когато проектирате инфографика. Както при всеки друг предмет на дизайна, дизайнерът е отговорен за привличането на вниманието на зрителите към дизайна.

Инфографиката вляво изобразява процеса на производство на обувки на три етапа. Ако трябва да критикуваме това парче, бихме могли да кажем, че окото започва от заглавката в горната част и естествено гравитира към големите обувки на покрива.

След това тази голяма обувка ни отвежда до стъпка 3 от процеса, която е в балончето за мащабиране. Оу! Надявахме се да започнем със стъпка 1...

Въпреки че тази инфографика е цветна и красива, тя очевидно има проблеми с потока. Един от начините за решаване на този проблем би бил да поставите третото стъпало на приземния етаж на тази сграда и първото стъпало на горния етаж до големия багажник.

Като допълнителна критика можем да кажем, че графиките не предават непременно много текстови данни или нещо друго. Например в етапа „Производство“ виждаме две фигури, седнали на столове, обути в ботуши, но това не е задължително да ни дава допълнителна информация или усещане за този етап извън думата „Производство“. Същото може да се каже и за дизайна и скиците. Как се прави инфографика?

Дайте усещане за данни

Добрата инфографика показва емоция, както и набор от данни. С други думи, те предизвикват инстинктивна реакция у зрителя в резултат на мигновеното и/или бързо разбиране, което предоставя инфографиката.

Примерът по-горе показва прост процент на собственост върху земята, но придава на данните сложно усещане, като предлага сложни и реалистични графики. Повечето хора може да не знаят, че собствеността върху земята в Съединените щати е разделена по този начин и гледката на това изображение на земя, изсечена и оградена, може естествено да доведе до чувство на безпокойство или желание да научат повече по темата .

Навигация с икони. Как се прави инфографика?

Друг стил на инфографика използва икони заедно с текст, за да помогне на зрителя да навигира в данните. Примерът вдясно прави точно това, обяснявайки как да забележите лъжа.

В Стъпка 1, вместо обяснение как могат да изглеждат писмено тези жестове с ръце, се използват три ефективни картини. В крайна сметка тези жестове са по-лесни за показване в илюстрации, отколкото в писмена форма.

При друг метод Стъпка 2 директно свързва графиките с текстовите обяснения, като използва текста като „подписи“ за посоките, в които може да гледат очите на някого, ако лъже. Този подход също е ефективен и има красива кръгова обвивка около окото.

Стъпка 4 използва графики по различен начин. За визуално артикулиране на „Слушане на гласови индикатори“ се използва изображение на звукова вълна. Това е по-малко ефективно от графиката в стъпка 1, защото всъщност не показва никакви данни или информация. С това казано, той осигурява визуална интрига и последователност с останалата част от дизайна, което може да струва нещо и в крайна сметка да оправдае графиките.

Да направим данните привлекателни. Как се прави инфографика?

Освен функционалните и практични качества на инфографиките, друга употреба за тях е да направят данните привлекателни и красиви. В примера по-горе въздействието на изменението на климата върху пролетната хронология е визуално представено на „слънчев часовник“ с помощта на комплекти данни за птиците, дърветата и температурата.

Въпреки че темата е смущаваща, графиките са меки, невинни и привлекателни. Цветовата палитра е забавна и изискана, а геометричното цвете привлича зрителя в дизайна. Визуално вълнуващият характер на тази статия вероятно ще вдъхнови повече читатели да изследват данните, отколкото просто оформление на текст.

Как да направите своя собствена инфографика?

В този урок ще използваме Photoshop, за да създадем инфографика, която сравнява данните между каране на велосипед и качване на влак от Washington Square Park в Манхатън до центъра на Williamsburg в Бруклин. Според Google Maps колоезденето между тези две точки отнема 18 минути, а шофирането отнема 30 минути.

 

За да започнем, можем да поставим екранна снимка от Google Maps в нашия Photoshop файл и да го обезцветим. Разглеждайки оригиналния пример на Тибор ван ден Бринк за цвят и естетическа привлекателност, маршрутът, който се сравнява, може да бъде маркиран в жълто.

Рамката на картата също е жълта и е проектирана да оставя място за текст в горната част. Това съдържание е поставено върху тъмносив фон за контраст и е наслоено с фина хартиена текстура, за да му се придаде усещане за „карта“. Как се прави инфографика?

След това, имайки предвид примера „Как да откриваме лъжи“, можем да добавим някои икони, които да помогнат за рамкирането на данните. Тук ще използваме минимална икона на велосипед и минимална икона на влак. Следвайки този творчески поток, можем да добавим „отпечатъци“ с различна дължина към иконите, които приблизително съответстват на относителната продължителност на всяко пътуване.

Допълнителният синьо-зелен цвят е внимателно подбран. Имайте предвид, че искаме да направим тези данни възможно най-привлекателни!

Накрая можем да добавим нашия текст. Заглавието е просто и стегнато, а протоколите са големи и лесни за четене. шрифт. Тази инфографика е успешна, защото графично превежда много текстови данни, включително карта на маршрута, сравнени методи за транспортиране и часове. Как се прави инфографика?

Той също така успява да направи тези данни привлекателни. Дизайнът е цветен, професионален, изчистен и семпъл.

Заключение

Инфографиките се предлагат в много форми. Те могат да съдържат илюстрации, диаграми, цветове, да комбинират текст с икони или дори да бъдат фотографски. За дизайнерите е полезно да разбират различните видове инфографики и да могат да разграничават кога работят и кога не.

Използвайте тази статия като въведение и вижте дали можете да разбиете следващата инфографика, която попаднете, като начин да укрепите собствените си умения за дизайн на инфографика!