«Географический атлас мира: Композиция среды, окружающей человека» 1953 года
Выпускник Баухауса, дизайнер Герберт Байер (1900–1985) составил и разработал географический атлас мира, который хотел превратить в повествование о человеке и географии
Чтобы найти нужные данные и карты, Байер много путешествовал по Европе. При сотрудничестве с другими дизайнерами он создал модернистский графический язык, который никогда ранее не применяли в картографии. При работе над книгой он использовал теории цвета Эгберта Якобсена, статистические представления демографических и социальных данных Отто Нейрата и основы динамичного дизайна Мохой-Надя
Окончательный макет сверстали в виде двухстраничных разворотов для целостного восприятия информации
🇬🇧 Больше информации об атласе и его авторе: codex99.com/design/the-world-geographical-atlas.html
Больше картинок: awdee.ru/the-world-geo-graphical-atlas
#awd_infographic #awd_retro
Выпускник Баухауса, дизайнер Герберт Байер (1900–1985) составил и разработал географический атлас мира, который хотел превратить в повествование о человеке и географии
Чтобы найти нужные данные и карты, Байер много путешествовал по Европе. При сотрудничестве с другими дизайнерами он создал модернистский графический язык, который никогда ранее не применяли в картографии. При работе над книгой он использовал теории цвета Эгберта Якобсена, статистические представления демографических и социальных данных Отто Нейрата и основы динамичного дизайна Мохой-Надя
Окончательный макет сверстали в виде двухстраничных разворотов для целостного восприятия информации
Больше картинок: awdee.ru/the-world-geo-graphical-atlas
#awd_infographic #awd_retro
Please open Telegram to view this post
VIEW IN TELEGRAM
Визуализации коралловых рифов Coral
При помощи Stable Diffusion дизайнеры студии Рефика Анадола сгенерировали 3D-арты, идеально похожие на кораллы. Визуализации они масштабировали до разрешения 6К, применяя технологию ESRGAN
Чтобы добиться такой реалистичности, авторы предварительно обучили нейронку на 100 миллионах фотографий коралловых рифов
Эту коллекцию они представили на Всемирном экономическом форуме 2023, чтобы повысить осведомлённость общества о бедственном положении коралловых рифов и необходимости восстановления экосистем в океанах
refikanadol.com/works/artificial-realities-coral
Больше визуализаций: awdee.ru/artificial-realities-coral
#awd_infographic #awd_3D #awd_dataviz #awd_dataart
При помощи Stable Diffusion дизайнеры студии Рефика Анадола сгенерировали 3D-арты, идеально похожие на кораллы. Визуализации они масштабировали до разрешения 6К, применяя технологию ESRGAN
Чтобы добиться такой реалистичности, авторы предварительно обучили нейронку на 100 миллионах фотографий коралловых рифов
Эту коллекцию они представили на Всемирном экономическом форуме 2023, чтобы повысить осведомлённость общества о бедственном положении коралловых рифов и необходимости восстановления экосистем в океанах
refikanadol.com/works/artificial-realities-coral
Больше визуализаций: awdee.ru/artificial-realities-coral
#awd_infographic #awd_3D #awd_dataviz #awd_dataart
Хотим напомнить, что у нас на сайте есть четыре отличные статьи Андрея Маркелова о дизайне сложных таблиц, графиков и диаграмм:
— Дизайн сложных таблиц
— Дизайн графиков. Шкалы
— Дизайн графиков. Линии
— Дизайн диаграмм рассеяния
#awd_article #awd_graphs #awd_tables #awd_dataviz #awd_infographic
Please open Telegram to view this post
VIEW IN TELEGRAM
Media is too big
VIEW IN TELEGRAM
Визуализация пирамид Мероэ
Мероэ — древняя столица государства Куш, расположенная в долине Нила на территории современного Судана. В этом месте находится более 200 уникальных Нубийских пирамид
Авторы проекта при поддержке ЮНЕСКО Судана создали сайт, на котором пользователи могут прогуляться по улочкам древнего города и заглянуть внутрь одной из пирамид. По мере исследования пирамиды появляется информация о том, кто и как её строил, чем она отличается от египетских пирамид и что находится внутри
artsexperiments.withgoogle.com/meroe/#top
Больше картинок: awdee.ru/vizualizatsiya-piramid-meroe
#awd_dataviz #awd_infographic
Мероэ — древняя столица государства Куш, расположенная в долине Нила на территории современного Судана. В этом месте находится более 200 уникальных Нубийских пирамид
Авторы проекта при поддержке ЮНЕСКО Судана создали сайт, на котором пользователи могут прогуляться по улочкам древнего города и заглянуть внутрь одной из пирамид. По мере исследования пирамиды появляется информация о том, кто и как её строил, чем она отличается от египетских пирамид и что находится внутри
artsexperiments.withgoogle.com/meroe/#top
Больше картинок: awdee.ru/vizualizatsiya-piramid-meroe
#awd_dataviz #awd_infographic
Серия из 140 дата-скульптур под названием «Состояние мира»
Французский художник Матьё Леаннёр создал коллекцию работ из анодированного алюминия. Каждая представляет собой физическую поло-возрастную пирамиду одной из стран мира
Изгибы каждой скульптуры наглядно отражают крупные события отдельной страны, которые оказали влияние на её демографическую ситуацию, например, войны или бэби-бумы
Больше картинок: awdee.ru/seriya-iz-140-data-skulptur-pod-nazvaniem-sostoyanie-mira
#awd_infographic via mathieulehanneur.fr/project/state-of-the-world-sculptures-297
Французский художник Матьё Леаннёр создал коллекцию работ из анодированного алюминия. Каждая представляет собой физическую поло-возрастную пирамиду одной из стран мира
Изгибы каждой скульптуры наглядно отражают крупные события отдельной страны, которые оказали влияние на её демографическую ситуацию, например, войны или бэби-бумы
Больше картинок: awdee.ru/seriya-iz-140-data-skulptur-pod-nazvaniem-sostoyanie-mira
#awd_infographic via mathieulehanneur.fr/project/state-of-the-world-sculptures-297
Хотим напомнить, что недавно мы опубликовали 67 рекомендаций на тему визуализации данных и инфографики от датского агентства Ferdio
Серия состоит из 8 частей:
— Процессы в информационном дизайне
— Визуализация данных в информационном дизайне
— Структура в информационном дизайне
— Контент в инфографике
— Дизайн в инфографике
— Подход в информационном дизайне
— Графика в информационном дизайне
— Публикация и продвижение инфографики
Советы будут полезны всем, кто специализируется на информационном дизайне и визуализации данных
#awd_article #awd_dataviz #awd_infographic
Please open Telegram to view this post
VIEW IN TELEGRAM
Коллекция винтажной инфографики Майкла Столла
Эти образцы коллекционер взял из двух книг XX века: первая — «Nature cross-sections» Ричарда Орра, 1995 — содержит срезы объектов природы, а вторая «Man's reach into space» Роя А. Галланта — отражает человеческие возможности в космосе
В коллекции Майкла Столла представлены и другие образцы, включая, модель глаза, визуализации самолётов, статистики Швейцарии и настенные карты скелетов
Больше примеров: awdee.ru/gems-from-michael-stolls-information-design-collection
#awd_dataviz #awd_infographic #awd_retro
Эти образцы коллекционер взял из двух книг XX века: первая — «Nature cross-sections» Ричарда Орра, 1995 — содержит срезы объектов природы, а вторая «Man's reach into space» Роя А. Галланта — отражает человеческие возможности в космосе
В коллекции Майкла Столла представлены и другие образцы, включая, модель глаза, визуализации самолётов, статистики Швейцарии и настенные карты скелетов
Больше примеров: awdee.ru/gems-from-michael-stolls-information-design-collection
#awd_dataviz #awd_infographic #awd_retro
Винтажные визуализации данных Швейцарии из коллекции Майкла Столла
Больше изображений: awdee.ru/vintage-data-visualizations-of-switzerland-from-the-collection-of-michael-stoll
#awd_dataviz #awd_infographic #awd_retro via johngrimwade.com/blog/2018/04/26/swiss-data-viz
Больше изображений: awdee.ru/vintage-data-visualizations-of-switzerland-from-the-collection-of-michael-stoll
#awd_dataviz #awd_infographic #awd_retro via johngrimwade.com/blog/2018/04/26/swiss-data-viz
Детализированная инфографика на тему теории цвета
#awd_dataviz #awd_infographic #awd_color via reddit.com/r/CourtingWonder/comments/137168t/detailed_color_theory_infographic
#awd_dataviz #awd_infographic #awd_color via reddit.com/r/CourtingWonder/comments/137168t/detailed_color_theory_infographic
Каталог типов визуализации данных
Копенгагенское агентство инфографики Ferdio сделало отличный каталог типов визуализации данных. У каждого из 154 типов есть описание и примеры качественной реализации
Самый кайф в том, что можно фильтровать их по типу исходных данных, геометрии, функции или группе
Однозначно в закладки: datavizproject.com
Больше картинок: awdee.ru/katalog-tipov-vizualizatsii-dannyh-2
#awd_tool #awd_infographic #awd_gold
Копенгагенское агентство инфографики Ferdio сделало отличный каталог типов визуализации данных. У каждого из 154 типов есть описание и примеры качественной реализации
Самый кайф в том, что можно фильтровать их по типу исходных данных, геометрии, функции или группе
Однозначно в закладки: datavizproject.com
Больше картинок: awdee.ru/katalog-tipov-vizualizatsii-dannyh-2
#awd_tool #awd_infographic #awd_gold
Любопытные мысли в инфографике Лиз Фосслиен из Калифорнии
Больше картинок: awdee.ru/curious-thoughts-in-an-infographic-by-liz-fosslien-from-california
#awd_infographic via www.fosslien.com/images
Больше картинок: awdee.ru/curious-thoughts-in-an-infographic-by-liz-fosslien-from-california
#awd_infographic via www.fosslien.com/images
This media is not supported in your browser
VIEW IN TELEGRAM
Карты маяков нашей планеты, отдельных стран и знаковых мест
Аналитик под псевдонимом tterence on bsky на основе собранных данных создаёт 3D-карты со светящимися ночью маяками и иногда анимирует их. Получается красиво и познавательно
Делает он это в пакете инструментов Rayshader, который позволяет наглядно показывать пространственные данные, географические карты и другие типы данных в трёхмерном пространстве
Больше картинок: awdee.ru/maps-of-lighthouses-of-our-planet-individual-countries-and-iconic-places
#awd_infographic via twitter.com/researchremora/status/1709207402510237804
Аналитик под псевдонимом tterence on bsky на основе собранных данных создаёт 3D-карты со светящимися ночью маяками и иногда анимирует их. Получается красиво и познавательно
Делает он это в пакете инструментов Rayshader, который позволяет наглядно показывать пространственные данные, географические карты и другие типы данных в трёхмерном пространстве
Больше картинок: awdee.ru/maps-of-lighthouses-of-our-planet-individual-countries-and-iconic-places
#awd_infographic via twitter.com/researchremora/status/1709207402510237804
Визуальное исследование жанров кино СССР
Любовь Поповец сделала дата-исследование на тему советского кинематографа. Она изучала, как в разные годы политические и социальные перемены влияли на количество выпускаемых фильмов в разрезе жанров. Результаты она представила в виде наглядных диаграмм
Исследование показывает, что в СССР больше всего снимали драмы, комедии и киножурналы. Часто экранизировали литературные произведения. А меньше всего снимали трагедии
Залипнуть: lyubov9995.wixsite.com/sovietmoviegenres
#awd_dataviz #awd_infographic #awd_retro
Любовь Поповец сделала дата-исследование на тему советского кинематографа. Она изучала, как в разные годы политические и социальные перемены влияли на количество выпускаемых фильмов в разрезе жанров. Результаты она представила в виде наглядных диаграмм
Исследование показывает, что в СССР больше всего снимали драмы, комедии и киножурналы. Часто экранизировали литературные произведения. А меньше всего снимали трагедии
Залипнуть: lyubov9995.wixsite.com/sovietmoviegenres
#awd_dataviz #awd_infographic #awd_retro
«Визуальный словарь» от Financial Times — плакат с вариантами визуализации данных в зависимости от типа взаимных отношений между элементами этих данных. Плакат векторный, при желании можно распечатать и повесить на стену
#awd_infographic #awd_free_download via ft.com/vocabulary
Please open Telegram to view this post
VIEW IN TELEGRAM
Психология: 39 исследований человеческого восприятия
Обзор четырёх десятков исследований того, как мы воспринимаем графику вообще и графики с диаграммами в частности
🙂️️ awdee.ru/psychology-39-studies-of-human-perception
#awd_article #awd_infographic
Обзор четырёх десятков исследований того, как мы воспринимаем графику вообще и графики с диаграммами в частности
#awd_article #awd_infographic
Please open Telegram to view this post
VIEW IN TELEGRAM
Оди. О дизайне
39 исследований человеческого восприятия | Психология — Оди
Чем больше в гистограммах компонентов, тем сложнее оценить их пропорции. Чтобы обработать каждый новый компонент в гистограмме, читателю требуются...
How I Feel When You — датавиз на тему личных чувств
Итальянский графический дизайнер Элеонора Каподиферро визуально отразила эмоции, которые она испытывает при общении с близким человеком в разных ситуациях. Например, «Что я чувствую, когда ты на меня кричишь» или «Какие эмоции я испытываю, когда ты говоришь, что любишь меня»
Каждой эмоции автор присвоила определённый цвет. Например, синий означает грусть, красный — любовь, а жёлтый — радость
Для каждой отдельной ситуации она создала квадрат, внутрь которого поместила цветные точки и смешала их в градиент. В центре каждого квадрата она разместила самую сильную эмоцию. Так с помощью цветов дизайнер показала весь спектр её эмоций, соответствующий конкретной ситуации
Больше картинок: awdee.ru/how-i-feel-when-you
#awd_dataviz #awd_infographic via behance.net/gallery/122937265/How-I-Feel-When-You
Итальянский графический дизайнер Элеонора Каподиферро визуально отразила эмоции, которые она испытывает при общении с близким человеком в разных ситуациях. Например, «Что я чувствую, когда ты на меня кричишь» или «Какие эмоции я испытываю, когда ты говоришь, что любишь меня»
Каждой эмоции автор присвоила определённый цвет. Например, синий означает грусть, красный — любовь, а жёлтый — радость
Для каждой отдельной ситуации она создала квадрат, внутрь которого поместила цветные точки и смешала их в градиент. В центре каждого квадрата она разместила самую сильную эмоцию. Так с помощью цветов дизайнер показала весь спектр её эмоций, соответствующий конкретной ситуации
Больше картинок: awdee.ru/how-i-feel-when-you
#awd_dataviz #awd_infographic via behance.net/gallery/122937265/How-I-Feel-When-You
Какую диаграмму выбрать, чтобы правильно отобразить данные
Графический дизайнер Сергей Стеблина заметил, что часто дизайнеры делают красивые и неправильные диаграммы. Тогда он решил написать, в каких случаях какой тип диаграммы следует выбирать, чтобы отобразить данные корректно и понятно
Автор упомянул все самые распространённые типы: от столбчатых и круговых до линейчатых и гистограмм с накоплением, а также ситуации, когда их следует использовать
🙂️️ awdee.ru/which-chart-to-choose-to-display-the-data-correctly
#awd_tool #awd_infographic
Графический дизайнер Сергей Стеблина заметил, что часто дизайнеры делают красивые и неправильные диаграммы. Тогда он решил написать, в каких случаях какой тип диаграммы следует выбирать, чтобы отобразить данные корректно и понятно
Автор упомянул все самые распространённые типы: от столбчатых и круговых до линейчатых и гистограмм с накоплением, а также ситуации, когда их следует использовать
#awd_tool #awd_infographic
Please open Telegram to view this post
VIEW IN TELEGRAM
Оди. О дизайне
Какую диаграмму выбрать, чтобы правильно отобразить данные — Оди. О дизайне
Графический дизайнер Сергей Стеблина заметил, что часто дизайнеры делают красивые и неправильные диаграммы. Тогда он решил написать, в каких случаях какой тип диаграммы следует выбирать, чтобы отобразить данные корректно и понятно. Автор упомянул все самые…
🇬🇧 Как правильно визуализировать данные с помощью цвета
Лиза Шарлотта Мут написала о том, как с помощью цветов делать акценты в визуализациях данных
Рекомендации из статьи:
— Расставьте приоритеты. Что люди точно не должны пропустить? Что им желательно увидеть, но некритично, если это останется незамеченным?
— Сначала всё сделайте серым. Дальше окрашивайте элементы, учитывая, что сначала люди смотрят на самый контрастный, самый насыщенный цвет. Затем на чуть менее насыщенные цвета. И только потом на серые
— Применяйте серый только для обозначения малозначимых элементов и категории «другие»
— Для визуализации нескольких категорий используйте один цвет, но регулируйте его насыщенность. Самые важные категории делайте более насыщенными, а менее значимые — менее насыщенными
Читайте статью с наглядными примерами: blog.datawrapper.de/emphasize-with-color-in-data-visualizations
Также рекомендуем посмотреть гайд Лизы о цветах в датавизе
#awd_dataviz #awd_infographic #awd_article
Лиза Шарлотта Мут написала о том, как с помощью цветов делать акценты в визуализациях данных
Рекомендации из статьи:
— Расставьте приоритеты. Что люди точно не должны пропустить? Что им желательно увидеть, но некритично, если это останется незамеченным?
— Сначала всё сделайте серым. Дальше окрашивайте элементы, учитывая, что сначала люди смотрят на самый контрастный, самый насыщенный цвет. Затем на чуть менее насыщенные цвета. И только потом на серые
— Применяйте серый только для обозначения малозначимых элементов и категории «другие»
— Для визуализации нескольких категорий используйте один цвет, но регулируйте его насыщенность. Самые важные категории делайте более насыщенными, а менее значимые — менее насыщенными
Читайте статью с наглядными примерами: blog.datawrapper.de/emphasize-with-color-in-data-visualizations
Также рекомендуем посмотреть гайд Лизы о цветах в датавизе
#awd_dataviz #awd_infographic #awd_article
Дизайнер Валентин Филиппов придумал новый дизайн российских автомобильных регистрационных знаков
В России стандарт автомобильных номеров не менялся уже тридцать лет. За это время многое изменилось, и в их дизайне накопились проблемы. Валентин изучил историю появления номерных знаков России и проанализировал автомобильные знаки других стран мира. Он нашёл проблемы текущего дизайна российских знаков и предложил эскизную версию возможного варианта редизайна
Читайте полное исследование и смотрите результат: around.design/projects/russian-license-plates
Если тема вас заинтересовала, посмотрите ещё дизайн автомобильных номеров, который делала Студия Лебедева в 2016 году
#awd_infographic #awd_dessert
В России стандарт автомобильных номеров не менялся уже тридцать лет. За это время многое изменилось, и в их дизайне накопились проблемы. Валентин изучил историю появления номерных знаков России и проанализировал автомобильные знаки других стран мира. Он нашёл проблемы текущего дизайна российских знаков и предложил эскизную версию возможного варианта редизайна
Читайте полное исследование и смотрите результат: around.design/projects/russian-license-plates
Если тема вас заинтересовала, посмотрите ещё дизайн автомобильных номеров, который делала Студия Лебедева в 2016 году
#awd_infographic #awd_dessert
Датское агентство инфографики Ferdio, основываясь на собственном опыте, написали 67 коротких заметок об информационном дизайне и инфографике. Они разбили их на 8 больших тем: процессы, визуализация данных, дизайн, подход, контент, структура, публикация и продвижение, визуальное представление
Мы подготовили перевод первой серии, которая состоит из 15 заметок, о том, как правильно выстроить процессы при создании информационного дизайна. Они помогут научиться расставлять приоритеты, генерировать крутые идеи и, самое главное, создавать впечатляющий информационный дизайн, который в понятной форме донесёт до пользователей главную идею проекта
awdee.ru/processes-in-information-design-15-short-tips-from-ferdio
#awd_article #awd_dataviz #awd_infographic
Please open Telegram to view this post
VIEW IN TELEGRAM
Оди. О дизайне
Процессы в информационном дизайне: 15 коротких советов от Ferdio — Оди. О дизайне
Датское агентство инфографики Ferdio, основываясь на собственном опыте, написали 67 коротких заметок об информационном дизайне и инфографике. Они разбили их на 8 больших тем: процессы, визуализация данных, дизайн, подход, контент, структура, публикация и…