ПредишенСледващото

10 съвета за създаване на висококачествени информационни графики (превежда) - CMS списание

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

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

Създаване на фокусна точка на вниманието

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

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

10 съвета за създаване на висококачествени информационни графики (превежда) - CMS списание

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

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

10 съвета за създаване на висококачествени информационни графики (превежда) - CMS списание

Можете да я прочетете, поглеждайки само веднъж?

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

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

10 съвета за създаване на висококачествени информационни графики (превежда) - CMS списание

Да се ​​използва подходящ метафора

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

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

10 съвета за създаване на висококачествени информационни графики (превежда) - CMS списание

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

10 съвета за създаване на висококачествени информационни графики (превежда) - CMS списание

използвате филийки

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

10 съвета за създаване на висококачествени информационни графики (превежда) - CMS списание

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

10 съвета за създаване на висококачествени информационни графики (превежда) - CMS списание

Информация може да бъде красив

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

Вместо това, ние се стремим към цялата картина: какво можем да се научим да се върнем назад и погледнете всички данни наведнъж? При тези обстоятелства, дизайнери често показват данни, така че резултатът е едно произведение на изкуството!

10 съвета за създаване на висококачествени информационни графики (превежда) - CMS списание

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

Не се пресели с диаграми

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

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

Изисква творчески екип за създаване на информационни графики или уеб сайт?

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

използвате повторение

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

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

10 съвета за създаване на висококачествени информационни графики (превежда) - CMS списание

Разказва историята в снимки

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

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

Внимателно обрисуват сравнения

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

Вече казах, че трябва да се мисли за всеки бар графика, която се използва, но сега искам да се разшири тази идея и да е метод за изображения, които можете да използвате. Вашата задача е да се покаже някой как да 14200000000000 изглеждат в сравнение с 6,95 милиарда - как да го направя? Какви инструменти и трикове използват, за да се вземат тези невъобразим мащаб и да се превърне в нещо, което можем да разберем в две секунди?

10 съвета за създаване на висококачествени информационни графики (превежда) - CMS списание

Не икономисвайте от визуални знаци

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

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

10 съвета за създаване на висококачествени информационни графики (превежда) - CMS списание

Още инфографики

заключение

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

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

Не се включим не само натъртвания, но кръговата диаграма. Графики има повече от 30 вида, а в активна употреба ние сме само 2-3.

Ние трябва да помним, че всяка схема има своя собствена цел и своите ограничения в тези илюстрации. Такива като кръгова диаграма не показва динамиката, бар няма да покаже sturkture.

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

Максим Shayhalov

Дизайнер и проектирането на интерфейси

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

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

10 съвета за създаване на висококачествени информационни графики (превежда) - CMS списание

Катерина Logvinova

Качествени инфографики в Русия не е много, така че появата на всяка такава статия - това е просто празник на някакъв вид. )

И ако творчество пред особени трудности, аз не виждам, че при прилагането на идеи често са проблеми. Един от най-често срещаните грешки, по мое мнение, - липсата на ясна логическа скелет. Вие трябва да го направите: тук ние се справят тук - краката, а това е - корема. В действителност: ruchkonozhki. Много ruchkonozhek. Всяко такова корема?!

Правилото тук е проста: колкото повече елементи присъстват в картинката, трябва да се обърне на повече внимание на структурирането им.

Друг често срещан - необуздан жажда за пъстрота. Чувствайки, че много дизайнери смятат, че помощта се разграничи елементи от един на друг могат да бъдат изключително контрастни цветове. В резултат на това в очите заслепени, главата му - овесена каша.

Павел Ryabov

Фирма: Infogra
Позиция: Изпълнителен директор

Подкрепете проекта - споделете линка, благодаря!