10 съвета за проектиране на по-добра инфографика
Инфографика има от години, но през последните години те наистина попаднаха в светлината на прожекторите като почти неустоим начин за комуникация на сложни сценарии и информация. Не можем да му помогнем, когато видим линк за инфографика, почти трябва да го проверим!
Ако изобщо се интересувате от инфографски дизайн, прочетете заедно, докато разгледаме някои от любимите ни примери и обсъдим някои важни неща и неща за създаване на завладяваща и ефективна графика.
Разгледайте елементи Envato
Създайте една силна фокусна точка
Инфографика твърде често се превръща в сложна каша с графика и текст. Като дизайнер е много лесно да се увлечете и в крайна сметка да излезете с нещо, което е по-завладяващо, отколкото полезно.
Един от начините да управлявате тази тенденция е да разчитате силно на една централна графика, която силно комуникира цялостната ви тема или послание:
източник на изображение
Както можете да видите, основната графика на царевицата тук в никакъв случай не е единствената атрактивна визуализация на страницата, но наистина изяжда по-голямата част от наличното пространство. Това помага да ви изтегли и ви дава усещането, че можете лесно да усвоите изобразената информация.
След като основната графика ви завлече, можете да изберете да насочите вниманието си към страничната информация, графиката и текстовата информация.
източник на изображение
Можете ли да го прочетете с един поглед?
Не забравяйте, че както всеки дизайн, инфографиката трябва да има набор от основни цели, които е предназначена да постигне. Обикновено смисълът на инфографиката е да вземе сложна информация и да улесни влизането чрез графично подсилване. Вашата цел тогава е да създадете нещо, което може да се консумира възможно най-бързо. Не всеки малък скрап от информация трябва да се съобщава за миг, но цялостната същност на данните трябва да бъде забележима поне за няколко секунди.
Ако не следите внимателно тази цел, е лесно да пропуснете маркировката. Резултатът е, че нещо може да е малко подобрение спрямо суровия текст, но не успява истински да представи данните по ангажиращ и лесно консумативен начин.
източник на изображение
Не мога да помогна, но мисля, че тази инфографика е ненужно трудна за подреждане. Докато проектирате, помислете за броя на движенията на очите, които са необходими за дадена точка от данни. В примера по-горе, очите ви се движат навсякъде, за да дешифрирате разположението върху хоризонталната точка на мрежата, вертикалната точка на мрежата, цветовете и как всички те се връзват заедно. Просто казано, това е твърде много работа!
Използвайте приложимите метафори
Някои от най-ангажиращите инфографики приемат скучна, сложна информация и прилагат графична метафора, която е толкова перфектна, че дори миряните почти веднага могат да разберат какво се казва. Инфографиката по-долу служи като отличен пример.
Дизайнерите бяха натоварени със задачата да съобщят петдесет четвърти от сравнителния положителен икономически растеж между 14 държави. В обикновена стара диаграма това е достатъчно, за да може всеки ученик в гимназията да спи. Въпреки това, с метафората на състезанието, това е забавна, разговор, започваща графика, която дори ученик в началното училище може да схване на основно ниво.
източник на изображение
Като друг пример, разгледайте графиката по-долу. Тук напливът на имигранти в Съединените щати е изобразен като поредица от лентови диаграми, съставляващи американското знаме. Това е бързо четене, което е много по-ангажиращо чрез запознаване с формата на данните.
източник на изображение
Вземете филийка
Понякога инфографиката не се използва само за издигане на необработени точки от данни, но за съобщаване на реална ситуация в света. При тези обстоятелства една популярна стратегия за насочване е да илюстрира сцена, използвайки триизмерна графика, която почти прилича на научна извадка, взета от света, подобно на това как учен би извадил дърво.
източник на изображение
Както можете да видите, резултатът от тази техника е забележително интересна илюстрация, която много бързо свързва въпроса. Това, което обикновено трябва да обясни няколко абзаца или дори страници, е сведено до една полезна графика.
източник на изображение
Данните могат да бъдат красиви
Понякога инфографиката взема няколко точки от данни и ги събира за по-бързо четене, друг път въпросът е да се визуализира огромна могила от данни. В тези ситуации просто не винаги е реалистично или дори желателно да се направи всяка отделна точка зона на интерес.
Вместо това основната цел е голямата картина: Какво можем да се научим да направим крачка назад, за да вземем данните наведнъж? При тези обстоятелства дизайнерите често творчески начертават данните по такъв начин, че да се получи красиво произведение на изкуството!
източник на изображение
Ако следвате връзката и разгледате внимателно тази диаграма, виждате, че има просто твърде много информация, за да се опитате да вземете. Инфографиката обаче все още е отличен ресурс, тъй като е превърнала болезнено тъпата информация в нещо наистина забележително, че ясно изобразява определени тенденции.
Преосмислете графиката
Дизайнерът, който ме научи на повечето от това, което знам, ми каза нещо, което винаги е останало с мен: „Първата ти идея вероятно е най-общата ти.“ В дизайна вероятно е така, че първото нещо, което се появява в главата ви, е първото нещо, което би изскочило и в главата на друг дизайнер, което не винаги е лошо, но може да доведе до много неординарна работа.
В инфографиката тази концепция често е под формата на лентова графика. Разбира се, това е невероятно полезен инструмент, който наистина подобрява визуализацията на данните, но също така е малко общ и невъобразителен от гледна точка на дизайна.
Следващият път, когато започнете да създавате лентова диаграма, помислете как можете да поставите свой уникален завъртане върху нея. Инфографиката по-долу е перфектен пример. Тук дизайнерът използва 3D купища карти, за да изобрази мнението на американците за техните съюзници. Колкото по-голям е стекът, толкова по-благоприятно е мнението. В основата си това е просто графика, но на практика е направена за много по-интересна графика.
източник на изображение
Използвайте повторение
Повторението е един от основните ви инструменти за дизайн и трябва да се използва в почти всичко, което създавате. Този инструмент е особено полезен и подходящ за инфографика, където едни и същи точки от данни често се показват многократно в различни контексти.
По-долу нарязах инфографиката за персонала на Envato Remote, за да покажа как дизайнерът многократно използва малките маркери на Google Maps, за да представи членове на персонала. Тъй като диаграмите са свързани с местоположението, това е перфектна метафора и повторението създава позната схема, която мигновено избираме психически и не е необходимо да преосмисляме всеки нов раздел.
източник на изображение
Разкажете визуална история
Този съвет има същата основна концепция зад себе си като номер две по-горе. Тъй като целта на инфографиката е да направи бързо четене, вашият дизайн трябва да разкаже история за миг. Инфографика трябва да бъде много визуални преживявания, които не е задължително да разчитат твърде много на текста. Тя трябва да е там за тези, които искат да отделят време, за да я прочетат, но вашите снимки трябва да носят тежестта на общуването доста добре сами.
В инфографиката по-долу получавам тона информация, без да прочета нито една дума. Моментално знам, че смисълът е да показвам мобилни телефони през годините и наистина получавам усещане за тази еволюция от снимките. Очите ми се спускат от снимките на телефона и виждам висящи тежести, ясна индикация за напредването на физическото тегло на телефоните през годините.
източник на изображение
След като разполагате с работещ дизайн за вашата инфографика, опитайте да премахнете целия текст и да го покажете на някой, който не го е виждал преди. Могат ли да кажат грубо какво става? Има ли нещо, което можете да направите, за да подобрите тази визуална комуникация?
Внимателно визуализирайте сравненията
Това е доста инфографски дизайн 101, но е важен момент, който трябва да обмислите много. Един основен аспект на инфографиката е не само представянето на данни, но по-важното е сравнението на данните. Типографското изкуство е доста популярно в момента, но просто въвеждането на големи числа с приятен шрифт всъщност не носи усещане за мащаб или референция. Поради тази причина дизайнерите се обръщат към диаграми, графики, илюстрации и всичко друго, за което могат да се сетят, за да предадат разказаната история.
Споменах по-горе, че трябва да помислите за преосмисляне на всички графики, които използвате, тук разширявам тази идея за всяка визуализация на данни, която използвате. Вашата работа е да покажете на някого как изглежда 14, 2 трилиона в сравнение с 6, 95 милиарда, как ще постигнете това? Какви инструменти и трикове можете да използвате, за да вземете този немислим мащаб и да го сведете до нещо, което можем да разберем за две секунди?
източник на изображение
Изсипете визуалните съвети
Да речем, че прибягвате до използването на обикновена стара лентова графика, което е напълно приемливо. Вашата задача е да помислите как можете да го направите още по-четим, дори до степен на излишък.
Помислете малките знамена на лентата по-долу. Сега, тъй като съм способен сам да чета лентова диаграма, всъщност не ми трябват онези малки флагове в горната част на всяка лента, изобразяващи стойността. Този трик обаче добавя някакъв визуален интерес към дизайна, като същевременно намалява обема работа, необходим за интерпретирането на данните. Това малко докосване можеше лесно да бъде оставено, но дизайнерът отдели допълнително време, за да се увери двойно, че информацията може да бъде прочетена бързо.
източник на изображение
Повече инфографика
Не можете да получите достатъчно инфографика? Вижте връзките по-долу за по-страхотни примери за дизайн.
- Стил и поток
- Good.is
- InfographicGallery
- Visual.ly
- Готина инфографика
заключение
Вероятно сте забелязали, че много от горните съвети се свеждат до една-единствена точка: правят данните на потребителите удобни. Като дизайнери обичаме да говорим за „доста” аспекта на инфографския дизайн и изкуството, което участва, но наградата да държим очите си е удовлетвореността на потребителите.
Инфографика е един от най-чистите примери за графичен дизайн, който някога ще попаднете. Тук виждаме, че дизайнът е много повече от шрифтове и цветове, дизайнът е креативната организация, стилизирането и представянето на информация с цел повишаване на интереса, четливостта и разбирането отвъд този на чистия текст.
Оставете коментар по-долу и ни уведомете вашите мисли за показаната по-горе инфографика. Кои са любимите ви и защо?
