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

Какво е инфографика

Инфографиката (от латински informatio - информираност, изясняване, представяне; и др. гръцки γραφικός - писмен, от γράφω - пиша) е графичен начин за представяне на информация, данни и знания, чиято цел е бързо и ясно представяне на сложна информация. Една от формите на информационен дизайн.

Инфографика, визуално показваща променящите се процеси без никаква анимация. Цените на акциите, посоката на реките, еволюцията на живота на Земята - това и много повече е по-лесно и по-бързо за разбиране чрез инфографиката.

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

Инфографика: какво ще се случи, ако астероид удари Земята

Как да нарисувате толкова интересни неща, няма да мога да кажа в рамките на един запис - това е тема за много книги. Но мога да ви покажа как правилно да използвате прости инструменти, които са достъпни за всеки - текст и таблици.

Най-простата инфографика

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

За да не стъпвате на едно и също гребло, ще говоря за три основни правила. Използвайте ги и вашите доклади, резюмета и курсови работи ще бъдат приятни за гледане и лесни за четене.

Първо, за всичко си има време.

Много факти се записват най-добре с думи или списък. Думите са естествена форма на представяне и съхранение на информация. Не прибягвайте до инфографики, където не е необходимо.

АкоАко имате таблица с две стойности (име на продукта и цена, например), не е необходимо да правите таблица. Добре форматиран списък изглежда по-добре:

За съжаление "дизайнерите" не знаят мерките. Например в отчета на любимите ни Български пощи за 2013 г. на някого му хрумва да украси страници с цифри и факти:

Цифри и факти: всичко е смесено

Пет причини, поради които е по-добре да преминете към прост списък:

Не всички обяснения съответстват на цвета на числата. Фразата „Около 1,5 милиарда“ визуално се отнася до „17 357 превозни средства“. За да разберете кое към какво принадлежи, имате нужда от повече внимание, отколкото е необходимо.
Различните размери на шрифта и яркостта на цветовете всъщност не носят информация. Числото "80" в центъра е голямо и привлича вниманието, но бледият цвят е объркващ - дали този факт е по-важен от по-тъмното число 17 357 долу вдясно?
Не можете да поставите думите на една фраза перпендикулярно. Четейки фразата „Около 42 000 стационарни и мобилни клона ...“, първо искам да наклоня главата си наляво. Погледнете портфолиото на големите дизайнерски фирми - практически няма такива решения.
Заема две страници.
В текста има недоизказвания и тавтологии, твърде много клерикализми.

Може би прост списък би бил по-добър?

Ясно и икономично ли е? да

Ако наистина искате "дизайн", списъкът може да бъде направен с водещи символи.

Второ: таблиците са по-прости от диаграмите и графиките

Списъкът от примера по-горе може да се превърне в таблица, ако трябва да покажем информация от предишни години. Използвам Libre Office, но можете да направите същото в Microsoft Office, не е трудно да създавате таблици:

Ясна и чиста маса

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

Трето: Направете инфографиката чиста

Без излишни украшения в декорацията! Графиките, диаграмите привличат окото в скучните доклади със самия си вид. Няма нужда да ги оцветявате, като детска книжка за оцветяване и да се въртите в пространството. Вие не правите графики за Аватара, а визуализирате стойностите.

Предистория: Незнайко и неговите приятели продават канцеларски материали. Как да го покажа ясно?

Три точки, три стойности - можете да развалите информацията чрез неправилно показване:

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

Заключение: 3-D графиката е лошо решение. Обемът убива точността. Изглежда, разбира се, красиво, но няма да е възможно да се съпоставят точно стойностите.

Това би било по-правилно:

Тази диаграма е добър пример, но не е идеална. LibreOffice Calc го сви до овална форма, плюс няма тире между името и номера.

Моля, обърнете внимание: има само три удара, така че легендата не е необходима. Всички стойности са до акциите.

Разбираш ли нещо за нея? Аз не.

Тази стълбовидна диаграма затруднява възприемането на информация, защото:

триизмерните диаграми са зли (вярно за всички диаграми);
във всеки случай се използват диаграми за динамиката на продажбите;
трябва да се въведат точни числа.

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

Числата отляво не са необходими, но ще има точни стойности над колоните.

Ще продължа и ще покажакакво може да се направи на графика, която ясно ще покаже напредъка на Dunno:

Моля, обърнете внимание, че преместих цялата графика надолу. Най-долу сега не е нула, а 10. Графиката, разположена в центъра, изглежда по-хубава, но ако има подобни наблизо, не го правете. Окото ще бъде измамено и ще се създаде погрешна представа за нарастването на числата. Тази техника често се използва за изкривяване на показаните статистики, но ще бъдем честни, нали?

Инфографиките са по-трудни

Когато овладеете таблици и диаграми, преминете към по-сложни неща.

Техническа страна: Ще направя примери в Adobe Illustrator и LibreOffice Calc, просто защото ги имам. Има много начини за рисуване на инфографики. Важен е не инструментът, а резултатът. При желание може да се рисува инфографика в Microsoft Word.

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

Като вземем примера на Незнайко, който искаше да стане предприемач, нека направим таблица и диаграма за него:

Данните са налице, остава да се покажат нагледно. Най-простото нещо, което трябва да направите е:

Контролна проверка - премахваме числата и се опитваме да разберем какво е показано:

Инфографика без цифри

И без цифри всичко е ясно. Така че това е истинска инфографика. Но има възможност да се направи още по-добре:

Бележниците и тетрадките имат подобни икони и могат да бъдат объркани.
Една значка се равнява на пет продадени артикула. В идеалния случай иконите трябва да са кратни на числа, за да не бъдат отрязани. В този случай една значка трябва да се равнява на една продажба. Ако трябва да направите отчет за стотици продадени артикули, можете да вземете десетки или стотици. Основното нещо е да се избягва подрязването.
Трябва да бъдат групирани подни. Сега текстът и иконите са непрекъснат поток, това не е най-добрият вариант.
Изображението на Dunno вече е безполезно. Може да се активира, като поставите молив в ръката му, бележник в другата, като извадите бележник от джоба. Всичко зависи от вашето въображение: дайте на героя цел - да бъде описание (легенда) на значки, групови продажби не по ден, а по артикул.

Когато имате много време, направете няколко варианта, изберете най-добрия, усъвършенствайте допълнително. Инфографиката за примера отне половин час от времето ми, това се отразява на резултата.

Наративна инфографика

Най-интересният вид инфографика. Можете да кажете например сюжета на филмите:

Или кажете как се е развил животът на планетата:

Композирайте еволюцията на iPhone:

Впечатлете хората с размера на Титаник:

Сложната инфографика преминава през няколко етапа:

Събира се информация.
Определя се важността на всеки факт.
Определят се връзките (какво отива към какво и какво следва от какво).
Съставят се таблици.
Художникът рисува скици, след обсъждане - готовата рисунка.

Това е доста трудно, но дори осъществимо от един човек, ако знаете как да рисувате.

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

Пазете хармонията на цветовете. Цветовата хармония е цяла наука, прочетете за нея. Например, използвайте ярки цветове, когато се комбинират един с друг. В останалите случаи - максимална бледност.
Опростете колкото е възможно повече. Линии, решетки - отървете се от всичко.
Не дублирайте информация. Числа върху и около графиката? Само един може да остане.
Шрифтовете трябва да саидентични. Искам да посветя отделна бележка на въпроса защо е невъзможно да се играе с шрифтове. Накратко - дефинирайте един шрифт и променяйте само размера, цвета, според важността.
Използвайте правилата за композиция. Поне правилото на третините. Това значително подобрява външния вид на почти всичко, което виждаме.
Стреми се към идеала, но знай как да спреш. Идеалът е в главите ни, не съществува в реалния свят.

Къде да изучавате инфографика

За идеален резултат трябва да знаете правилата за оформление, типография, основите на композицията. Има специализирани книги, които се занимават с инфографичен дизайн. Например:

Дан Ромем - Практиката на визуалното мислене.
Сюзън Уайншанк - 100 основни принципа на дизайн и 100 основни принципа на представяне.
Ранди Крум - Инфографика. Визуално представяне на данни.

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

Ако се интересувате от темата, пишете въпроси - ще се опитам да разкрия напълно темите за инфографиката и дизайна.