22878
⚫️ Школа дизайна и технологий. Сайт: bangbangeducation.ru Все каналы школы: https://t.me/addlist/KUYK_-Es-wYzZWJi № 4799759155
Новая беседа на bangbangeducation.ru
Алексей Ивановский — дизайнер, арт-директор, бывший арт-директор W-O-S, основатель стартапа WNDR ( wndr.website ) ▶️ https://bangbangeducation.ru/talk/mnozhiestvo-linz.
bangbangeducation
Это всё совсем не значит, что визуализировать данные круто не получится. ❗️W A R N I N G, примеры:
@
bangbangeducation
⚫️ Инфографика — это информационная графика, иллюстрация, визуально интерпретированная информация или данные. Это отличный способ превратить сложную или запутанную тему в легко усваиваемый и эстетически приятный опыт для зрителя.
🗨Вокруг нас очень много информации, чтобы успевать её передать и переварить — поэтому умное использование типографики, хорошо продуманный рассказ, и лаконичный поток мысли в инфографике могут рассказать любую историю намного быстрее и эффективнее.
♠️После того, как клиент ( например, но необязательно, об этом позже) предоставил вам всю имеющуюся по теме информацию + вы ещё сами накопали и систематизировали немало — первым делом вы должны начать думать об истории. Инфографика нуждается в повествовании и логично-последовательном, захватывающем потоке информации. По существу, вы создаете визуальное путешествие по конкретному вопросу. И, как в любой истории, история в инфографике должна иметь начало, середину ( если даже получится – кульминацию) и конец ( вывод).
@
bangbangeducation
На этой неделе немного про довольно узкую дизайн-задачу, но которую часто может словить в клиентских проектах как графический, так и веб-дизайнер — создание инфографики.
@
Полезное чтиво по сеткам (❗️тяжёлые PDF):
📕 Grid Systems in Graphic Design — Josef Muller-Brokmann
📒 Модульные сетки. Проектирование многополосных изданий — В. Лаптев
📙Сетка — А. Хёрлберт
📘Сетки. Креативные решения для графических дизайнеров — Л. Робертс
❗️W A R N I N G : дальше немного примеров хорошей сетки в модной современной периодике.
Читать полностью…
Фелтон выступал и выступает на бесчисленных конференциях, это он разработал Timeline Facebook, а в 2011 году Fast Company включили его 50 самых влиятельных дизайнеров в Соединенных Штатах ( а их там много).
Фелтон получил известность своим ежегодным проектом по визуализации своих личных данных — С 2005 по 2014 годы он ежегодно выпускал личный годовой отчет — The Felton report. Это красиво оформленные итоги его года, наполненные личными подробностями его жизни: куда он путешествовал, с какими людьми больше общался, сколько и какой выпивки он употребил.
Посмотреть отчёты Фелтона можно на его сайте — http://feltron.com/index.html.
bangbangeducation
Инфографика так же может быть в виде объясняющего ролика, вроде этих:
🎥 https://vimeo.com/63502573
🎥 https://vimeo.com/162287812
🎥 https://vimeo.com/92630207
Или интерактивной 🕹 — http://www.nationalgeographic.com/new-york-city-skyline-tallest-midtown-manhattan
@
bangbangeducation
Очень часто инфографику ошибочно называют визуализацией данных, или информационной архитектурой — это три совсем разных понятия. 🕳
➖Инфографика, как правило, создается с целью рассказать или объяснить конкретную историю, и обычно ориентирована на определённую аудиторию, или вписывается в существующий стиль сайта или издания — поэтому ИНФОГРАФИКА СУБЪЕКТИВНА. Инфографика — это уникальный объект дизайна.
➖Визуализация данных может быть как элементом, так и дисциплиной. Информация поддаётся исчислению, поэтому преподноситься будет в виде точных цифр. ВИЗУАЛИЗАЦИЯ ДАННЫХ ОБЪЕКТИВНА. Визуализация данных с большей вероятностью будет генерироваться автоматически с использованием алгоритмов или онлайн инструментов. И процесс, который используется для создания одной визуализации данных, может быть применен к другому набору данных.
✖️Визуализация данных может быть частью инфографики ( чарт, график, диаграмма, таймлайн и т.п.) — инфографика не может быть частью визуализации данных. Инфографика рассказывает историю, визуализация данных — наглядно демонстрирует данные.
@
bangbangeducation
❗️W A R N I N G : дальше много примеров хорошей инфографики по разным поводам.
@
➕ Тут можно попробовать одну главу из электронного учебника по типографике и вёрстке от Бюро Горбунова — http://bureau.ru/projects/book-typography/
➕ Тут бесплатный урок по сетке от команды Readymag — http://shkola.readymag.com/grid/theory/ ( и макет урока Readymag про сетку — https://www.behance.net/gallery/28376697/Readymag-Design-School-Web)
И, например, вёрстка журнала Citizen K ( дизайнер Ждан Филиппов). Больше страниц – www.behance.net/gallery/3963467/Citizen-K-Russia-Magazine-Part-1.
Читать полностью…
В работе с сеткой правила, простите, устанавливает дизайнер. Многие ждут от дизайн-коллег каких-то конкретных трюков и инструкций — помимо того, что сетка состоит из модулей, модули разделяются линиями — больше инструкций нет. Есть простой практический совет: смотрите внимательно по сторонам, замечайте дизайн, рассмотрите сетку в том дизайне, которые вам нравятся. Чертите линии на страницах журнала, на скриншотах сайтов, коллекционируйте хорошие гриды, пробуйте использовать их в своих проектах, разрушайте чужие сетки, экспериментируйте.
Читать полностью…