Инфографика қалай жасалады?

Инфографиканы қалай жасауға болады? Инфографика күрделі деректер мен ақпаратты қабылдайды және оларды түсінікті көрнекі бейнелерге аударады. Қазіргі қарқынды әлемде графикалық дизайнерлер хабарламаны қарапайым және тиімді жеткізуі керек.

 

Топтық тестілеу. Бұны қалай істейді?

Мәтіндік деректерді графикалық деректерге. Инфографиканы қалай жасауға болады?

Оң жақта біз стильде жасалған графикалық дизайнердің түйіндемесін көреміз инфографика. Ол шебер статистикаңызды стильді графиктерге айналдырды, бұл құрғақ статистиканы серпінді етті.

Осындай көрнекіліктер Тибор ван ден Бринкке түс пен эстетикалық интрига қосуға мүмкіндік береді, бұл дәстүрлі түйіндемеден табиғи түрде ерекшеленетін және көрерменді өзіне тартатын екі фактор.

Мұнда біз қарапайым дөңгелек диаграмманың арқасында Тибордың голланд тілін 100% және ағылшын тілін шамамен 88% жақсы меңгергенін жылдам бағалай аламыз. Ол әртүрлі бағдарламалар мен дизайн тұжырымдамаларында өзінің шеберлік деңгейін жылдам көрсету үшін хоббиі үшін белгішелер және «метрлер» сияқты басқа да ақылды тәсілдерді пайдаланады.

Бірден біз оның Photoshop, Illustrator және 75% дағдылары бар екенін көреміз InDesign. Оның барлық ақпараты Adobe Creative Suite көмегімен оның тарихы туралы ұзақ, созылған сөйлемдерді жеңетін қарапайым және қысқаша (және сергітетін) түрде беріледі. Инфографиканы қалай жасауға болады?

Суреттер (және диаграммалар) мың сөзге тұрарлық

«Сурет мың сөзден тұрады» деген атақты сөзді бәрі біледі. Бұл дәйексөз инфографиканың күші туралы көп айтады: адамдар көрнекі жаратылыстар. Мәтін уақыт пен ақыл-ой өңдеуді қажет ететін жерлерде кескіндер жиі дереу және интуитивті болады.

Жоғарыдағы инфографиялық мысалда Рубик текшесі қалай жұмыс істейтінін түсіндіру үшін диаграммалар қатары қолданылады. Рубик текшелерінің күрделілігін ескере отырып, сізге қажет болады ең аз дегенде бұл диаграммалар нені көрсететінін тез және анық түсіндіру үшін мың сөз. Сонымен қатар, бұл инфографика түрлі-түсті және қызықты. Бұл Рубик текшесін мәтіндік түсіндіруден артық екені сөзсіз.

Ағын. Инфографиканы қалай жасауға болады?

Инфографиканың көрнекі ағындары бар. Инфографиканы құрастырған кезде мұны есте сақтау маңызды. Кез келген басқа дизайн пәні сияқты, дизайнер көрермендердің назарын дизайнға аударуға жауапты.

Сол жақтағы инфографика аяқ киімді жасау процесін үш кезеңмен бейнелейді. Егер біз бұл бөлікті сынайтын болсақ, онда көздің үстіңгі жағындағы тақырыптан басталып, табиғи түрде шатырдағы үлкен аяқ киімге қарай тартылады деп айта аламыз.

Содан кейін бұл үлкен аяқ киім бізді масштабтау көпіршігінде орналасқан процестің 3-қадамына апарады. О! Біз 1-қадамнан бастаймыз деп үміттенген едік...

Бұл инфографика түрлі-түсті және әдемі болғанымен, ағынмен байланысты мәселелер бар. Бұл мәселені шешудің бір жолы - үшінші сатыны сол ғимараттың бірінші қабатына, ал бірінші сатыны үлкен етіктің жанына қою.

Әрі қарай сынға алатын болсақ, графиканың мәтіндік деректерді көп немесе басқа жолмен беруі міндетті емес деп айта аламыз. Мысалы, «Өндіріс» кезеңінде біз орындықтарда етік киіп отырған екі фигураны көреміз, бірақ бұл бізге «Өндіріс» сөзінен тыс осы кезең туралы ешқандай қосымша ақпарат немесе сезім бермейді. Дизайн және эскиздер туралы да солай айтуға болады. Инфографика қалай жасалады?

Деректер туралы түсінік беріңіз

Жақсы инфографика эмоцияны, сондай-ақ деректер жиынтығын көрсетеді. Басқаша айтқанда, олар инфографика ұсынатын лезде және/немесе жылдам түсіну нәтижесінде көрерменде инстинктивті реакцияны тудырады.

Жоғарыдағы мысал жер иеленуінің қарапайым пайызын көрсетеді, бірақ күрделі және шынайы графика ұсына отырып, деректерге күрделі сезім береді. Көптеген адамдар Құрама Штаттардағы жер меншігінің осылай бөлінгенін білмеуі мүмкін және жердің кесіліп, қоршалған бейнесін көру, әрине, жайсыздық сезімін тудыруы немесе тақырып туралы көбірек білуге ​​деген ұмтылысты тудыруы мүмкін. .

Белгішелермен навигация. Инфографиканы қалай жасауға болады?

Инфографиканың басқа стилі көрерменге деректерді шарлауға көмектесу үшін мәтінмен бірге белгішелерді пайдаланады. Оң жақтағы мысал өтірікті қалай анықтау керектігін түсіндіреді.

1-қадамда бұл қол қимылдары жазбаша түрде қалай көрінетінін түсіндірудің орнына үш тиімді сурет пайдаланылады. Өйткені, бұл қимылдарды жазуға қарағанда иллюстрацияда көрсету оңайырақ.

Басқа әдісте, 2-қадам графиканы мәтіндік түсініктемелерге тікелей қосады, мәтінді біреудің көзі өтірік айтса, көрінетін бағыттар үшін «қолтаңба» ретінде пайдаланады. Бұл тәсіл де тиімді және көздің айналасында әдемі дөңгелек орамасы бар.

4-қадам графиканы басқаша пайдаланады. «Дауыс индикаторларын тыңдау» визуалды түрде артикуляциялау үшін дыбыс толқынының кескіні пайдаланылады. Бұл 1-қадамдағы сызбаға қарағанда тиімді емес, себебі ол іс жүзінде ешқандай деректерді немесе ақпаратты көрсетпейді. Осыған байланысты ол көрнекі интрига мен дизайнның қалған бөлігімен үйлесімділікті қамтамасыз етеді, ол бір нәрсеге тұрарлық және ақыр соңында графиканы ақтайды.

Деректерді тартымды ету. Инфографика қалай жасалады?

Инфографиканың функционалдық және практикалық қасиеттерінен басқа, олардың тағы бір қолданылуы - деректерді тартымды және әдемі ету. Жоғарыдағы мысалда климаттың өзгеруінің көктемгі уақыт кестесіне әсері жиынтықтар арқылы «күн циферблатында» көрнекі түрде көрсетілген. деректер құстар, ағаштар және температура туралы.

Тақырып алаңдатарлық болса да, графика жұмсақ, кінәсіз және тартымды. Түс палитрасы көңілді және күрделі, ал геометриялық гүл көрерменді дизайнға тартады. Бұл мақаланың көрнекі түрде қызықты сипаты қарапайым мәтін макетіне қарағанда көбірек оқырмандарды деректерді зерттеуге шабыттандыруы мүмкін.

Өз инфографикаңызды қалай жасауға болады?

Бұл оқулықта біз фотошопты велосипедпен жүру мен Манхэттендегі Вашингтон сквер паркінен Бруклиндегі Уильямсбург қаласының орталығына дейін пойызбен жүру арасындағы деректерді салыстыратын инфографика жасау үшін қолданамыз. Google Maps мәліметтері бойынша, осы екі нүкте арасында велосипедпен жүру 18 минут, ал көлікпен жүру 30 минутты алады.

 

Бастау үшін Google Maps қолданбасынан скриншотты Photoshop файлымызға қойып, оны қанықтыруға болады. Тибор ван ден Бринктің түс пен эстетикалық тартымдылықтың түпнұсқа үлгісіне қарап, салыстырылатын жолды сары түспен бөліп көрсетуге болады.

Карта жақтауы да сары түсті және жоғарғы жағында мәтінге орын қалдыруға арналған. Бұл мазмұн контраст үшін қою сұр фонның үстіне орналастырылған және оған «карта» сезімін беру үшін нәзік қағаз құрылымымен қабатталған. Инфографиканы қалай жасауға болады?

Содан кейін, «Өтірікті қалай анықтауға болады» мысалын ескере отырып, деректерді жақтауға көмектесетін кейбір белгішелерді қоса аламыз. Мұнда біз минималды велосипед белгішесін және ең аз пойыз белгішесін қолданамыз. Осы шығармашылық ағыннан кейін біз әр сапардың салыстырмалы ұзақтығына сәйкес келетін белгішелерге әртүрлі ұзындықтағы «іздерді» қоса аламыз.

Қосымша көк-жасыл түс мұқият таңдалады. Есіңізде болсын, біз бұл деректерді мүмкіндігінше тартымды еткіміз келеді!

Соңында біз мәтінімізді қоса аламыз. Тақырып қарапайым және қысқа, ал хаттамалар үлкен және оқуға оңай. шрифт. Бұл инфографика сәтті, себебі ол көптеген мәтіндік деректерді, соның ішінде маршрут картасын, салыстырылған тасымалдау әдістерін және уақыттарын графикалық түрде аударады. Инфографиканы қалай жасауға болады?

Ол сондай-ақ бұл деректерді тартымды етуде сәтті болады. Дизайн түрлі-түсті, кәсіби, таза және қарапайым.

қорытынды

Инфографика көптеген формаларда келеді. Оларда иллюстрациялар, диаграммалар, түстер болуы, мәтінді белгішелермен біріктіру немесе тіпті фотосурет болуы мүмкін. Дизайнерлерге инфографиканың әртүрлі түрлерін түсіну және олардың қашан жұмыс істейтінін және жұмыс істемейтінін ажырата білу пайдалы.

Бұл мақаланы кіріспе ретінде пайдаланыңыз және өзіңіздің инфографиялық дизайн дағдыларыңызды нығайту әдісі ретінде келесі инфографиканы бөлшектеуге болатынын көріңіз!