5 брилянтни приложения на 3D в инфографиката

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

Но това не означава, че трябва да следвате тълпата и да правите абсолютно същото с всяка инфографика, която създавате.



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



01. Как работи двигателят на автомобила

Кликнете върху изображението, за да видите пълната инфографика

Кликнете върху изображението, за да видите пълната инфографика

Тази брилянтна инфографика изследва вътрешното функциониране на автомобилния двигател в детайли, като използва чудесно 3D чертежи на линии, цвят и анимация, за да направи нещата по-ясни. Това е дело на дизайнера Джейкъб О'Нийл, мозъкът отзад Анимаграфи .



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

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

За тази инфографика използва О'Нийл Блендер за създаване на модели и настройка на 3D сцена, след което експортирате всичко с помощта Blend4Web за да може да може да се показва в уеб браузърите.



как да се изгради андроид робот

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

най-добрите писалки за рисуване с писалка и мастило

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

02. Потокът на международната търговия

Кликнете върху изображението, за да видите пълната инфографика

Кликнете върху изображението, за да видите пълната инфографика

Тази анимирана 3D инфографика използва данни от базата данни на Comtrade на ООН за многомилионния глобален пазар за внос на стоки. Интерактивната му движеща се карта показва откъде и къде отиват тези стоки, като всяка точка представлява стойност от 1 милиард долара.

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

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

03. ЛЕБЕЖ

Кликнете върху изображението, за да видите пълната инфографика

Кликнете върху изображението, за да видите пълната инфографика

От сериозното до леко глупавото ... тази инфографика разказва цялата история на първия филм „Междузвездни войни“ и е дълга 123 метра (403,5 фута). Да, добре сте прочели: размерът на това нещо е просто огромен.

След като преминете през него, няма да се изненадате да чуете, че е необходим швейцарски илюстратор Мартин Панчо година и половина за производство Илюстратор CC , използвайки 157 изображения в 22 отделни файла.

„Никога не съм мислил, че ще отнеме толкова много време“, признава той сега. „Честно казано, мисля, че успях да свърша тази обширна работа само защото успях да се подведа. Първоначално направих оценка на 8 м, след това на 20 и след това на 60 и след това просто спрях да броим. '

Нито беше безпроблемен процес. „Бързо разбрах, че моите файлове в Illustrator имат твърде много елементи и разби моя лош iMac. Затова трябваше да създам нови файлове, за да продължа да работя. '

как да нарисувате анатомия на мъжкото тяло

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

„След това гледах първата част на филма и направих раскадровка. След това се потопих в механиката на създаването на филма. Декорът, героите, костюмите ... За щастие този филм е много добре документиран и не беше твърде трудно да намеря това, което търсех. Червената ми нишка беше сценарият от 1974 г. (тъй като имаше няколко версии на филма, предпочетох да взема първата). “

Редовно го питат дали ще направи друга инфографика, базирана на Империята отвръща на удара. 'Идеята е налице', отговаря той. „Но в момента работя върху графичния си роман със същия стил на разказ. Той ще излезе в края на 2018 г. и ще има около 250 страници. “

Междувременно SWANH ще бъде изложен в 4K в Културния център Onassis в Атина, Гърция, като част от Научна фантастика: Пътешествие в неизвестното изложение от 9 октомври до 14 януари.

04. Инфографика за Brexit VR

Кликнете върху изображението, за да видите пълната инфографика

Кликнете върху изображението, за да видите пълната инфографика

Инфографиката вече навлиза в света на виртуалната реалност и ето един чудесен пример. В навечерието на референдума в Обединеното кралство за напускане на ЕС, Google Labs създаде тази 360-градусова визуализация на данните, която илюстрира основните въпроси, задавани във всяка държава при търсене.

Проектиран за използване с Google Cardboard VR viewer, той е създаден в сътрудничество с Уес Грубс и екипа на Pitch Interactive (който е създал оригиналната инфографика) и кодер Майкъл Чанг (който го превърна в завладяващо VR изживяване).

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

05. Неравенство в доходите в Лос Анджелис и Чикаго

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

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

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

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

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

пряк път за дублиране на слой в

Друго голямо предизвикателство беше да се балансира естетическата привлекателност на тази визуализация с точността на данните. „В крайна сметка това, което е свързано с тези визуализации, е по-завладяващият аспект от тях и преживяването им като действителни големи разпечатки (150 х 75 см)“, обяснява той.

„Точността е важна и основен приоритет за мен. Обаче фокусът ми определено беше върху визуалния и опитния аспект на разделението. '