3471
- Курс Инфографика для школьников 2019: https://stepik.org/course/70703/promo - Контакт @novichkov_net
лонгрид ТАСС по Луне-25
вся история вплоть до потери связи 19 августа
https://spec.tass.ru/luna-25/novye-issledovaniya/istoriya
В продолжение
Где качать
https://fonts.google.com/
https://tilda.cc/ru/lp/tildasans/
https://www.paratype.ru/fonts/pt/tilda-sans
http://rus.paratype.ru/pt-sans-pt-serif
https://www.paratype.ru/collections/pt/44157
Где читать
https://type.today/ru/journal/humanist
https://type.today/ru/journal/neo
https://type.today/ru/journal/geo
https://type.today/ru/journal/old-style
https://type.today/ru/journal/transitional
https://type.today/ru/journal/gfdidones
https://info.paratype.ru/no-funds-for-fonts/
Где смотреть
Paratype/videos" rel="nofollow">https://www.youtube.com/@Paratype/videos
https://www.youtube.com/c/Typedesign
📽Для студентов курса «Основы инфографики» сделал мини-инструкцию. Базовый минимум, чтобы упростить жизнь. Решил поделиться, чтобы собрать комментарии. Достаточно будет сердечек (пиши исчо) и какашек (фтопку). Люблю критику, не стесняйтесь в выражениях
Читать полностью…
🎲 Если вы играете в игры, то могли играть в “Бесконечное лето” от российский разработчиков. Атмосфера ностальгии по советскому детству или юности, много монологов и диалогов, однотипные фоны, неподвижные персонажи. Такие игры называют визуальными новеллами и они, на мой взгляд, пример нелинейного иллюстрированного повествования, которое можно реализовать с минимальным бюджетом. Все что нужно — креатив, умение грамотно излагать сюжет. Нужно ли уметь делать иллюстрации? Хороший вопрос в наш век искусственных интеллектов. Не помешает соавторство с иллюстратором, история будет органичнее. Ну или нарисуйте как сможете. Карандаши и маркеры в руки!
Что касается технологий, то вот вам пример абсолютно бесплатного, дружелюбного к тем, кто знает Python, движка. Естественно, чтобы добиться внешне приемлемого результата нужно поколдовать и настроить внутренние стили. Экспорт тоже требует знаний технологий. Но сам факт того, что вот он — набор инструментов, в открытом доступе, не требующий суперкомпьютера вдохновляет. Бери, как говорят, и делай!
#Игровыеплатформывмедиа
Вот тут кстати что-то типа инфографики постили недавно
Читать полностью…
Советское детство в стиле Миядзаки.
Спасибо нейросетям и автору Дмитрию Алексееву.
Зашел тут узнать, что детям про графики рассказывают. А там такое…
Читать полностью…
Ищу педагога. Практикующего гейм-дизайнера, который поможет погрузить студентов трека «Технологии медиа» в мир игровой индустрии. Занятия офлайн в Москве. Нужно высшее образование. Любое.
Все детали и подробности у меня @novichkov_net
А кому иллюстратор стажёр с подобной техникой нужен? Естественный интеллект моей дочки требует практики :) Работает хоть на бумаге, хоть в экране смартфона :)
Читать полностью…
а давайте соберём базу данных серьезной литературы по визуализации данных. не популярной, а научной. статьи, исследования, эксперименты. желательно фундаментальные и актуальные. кидайте в комментарии 🙏
что я имею в виду :)
вот, например, исследование чартджанков:
- тут описание
- тут скачать
- вики
Привет! Признаться, я думал будет больше голосов за «Без разницы». Ну и я снова забыл вариант «Ни один из двух». Поймите и простите :) Поделюсь размышлениями по поводу данных диаграмм.
Кстати, почитайте комментарии к опросу. Там есть ценные мысли от экспертов. Но я же напишу почему я сделал правый вариант, хотя и левый тоже ок.
Итак, для чего нужен нуль. Если бы Excel строил столбчатые диаграммы от нуля по умолчанию, или энтузиасты резать столбики не встречались в природе, то нужды особой в этом не было. Но слишком частый случай, когда понять, что столбики не от нуля можно только косвенным образом. Где-то это по недосмотру, где-то корыстный умысел показать разрыв в значениях, которого нет. Так, что нуль — правило хорошего тона и повышение информативности.
Для чего нужно убирать нули в тысячах, миллионах и миллиардах. Обычно, библиотеки и инструменты визуализаций этого не делают. Ну или делают, если их очень попросить. Это вопрос уже не информативности, а разборчивости. Дело в том, что равномерный ритм — очень мощный графический приём привлечения внимания. Равномерно поверяющиеся однотипные элементы «бьют по глазам», так как редко встречаются в природе, а если встречаются, то это тревожный знак (пчела, например). Это часто используется и в транспортной навигации («зебра», лента места происшествия) и в дизайне (орнаменты и прочий декор). Для визуального анализа подписей засечек осей желательно, чтобы они не сливались, а максимально отличались друг от друга формой. Нули этому мешают. Особенно, если подписи едва заметны. Так что убирать лишние нули — это вопрос эргономики, разборчивости. А в данном случае, только считав подписи оси можно догадаться, что столбики не от нуля. Так что, нуль в начале оси тем более нужен.
Теоретически, зритель «всмотрится» и «догадается». В конце концов, не об этом диаграмма. Главное — столбики. С другой стороны, в этом и суть графического редактирования: снизить когнитивную нагрузку, привлечь и удержать внимание.
Покаюсь, что сам иногда игнорирую нуль в точке отсчёта, но тогда у меня просто отсутствует ось, а столбиков не так уж много и они скорее ступеньки. Но я всегда осознанно принимаю это решение в угоду графической выразительности, чтобы как раз метафору ступеней не размывать лишними подписями.
То и дело пытаюсь вычислить причину, по которой вирусятся минималистичные схемы. Вот свежий пример. Есть гипотезы популярности этого санкея?
Читать полностью…
больше таких проектов
https://journal.tinkoff.ru/litra-stat/
🅰️ Опять слайды для студентов! Уверен, если это увидят типографы, то полетят клочки по закоулочкам. Но я использую данный подход в практике и хочу им поделиться. Его смысл — использовать коммерческие шрифты только в дорогостоящих проектах. Для повседневных, оперативных задач, где будущее непредсказуемо, а участники в создании контента постоянно чередуются, нужно идти по пути ИКЕЯ, которые проделали путь: Futura (коммерческий шрифт), Verdana (условно бесплатный шрифт), Noto Sans (шрифт с открытой лицензией).
У меня есть пара или тройка любимых шрифтов. Они платные и я их себе купил. Но я не требую похожего подхода в работах студентов.
Я помню, как было удивительно после общения с Димой Барбанелем и Антоном Фёдоровым в "Вокруг Света" услышать в РИА Новости от великого шрифтовика Ильи Рудермана требование использовать в инфографике только бесплатные гарнитуры. Спасибо компании Паратайп за семейство Public Types (PT), которые я использую по умолчанию в любой затруднительной ситуации. И вам советую.
Но шрифт — это не только разборчивый текст. Это атмосфера времени, когда он был создан, послание искушённым читателем с богатой визуальной эрудицией. Можно ли это сделать бесплатными шрифтами? Цифровые копии так называемых "Великих шрифтов" стоят своих денег, но что делать студенту, стартаперу, экспериментатору? Ладно, в полиграфии хватит одной цифровой копии шрифта для одного компа, но для веба требуются существенные деньги. Вдруг проект выстрелит и будут многотысячные или даже многомиллионные просмотры? Коммерческие шрифты обычно становятся дороже, если их использует большее количество зрителей онлайн. Не все об этом знают.
В этой презентации я поразмышлял, чем можно было бы заменить культовые, популярные шрифты с определённой атмосферой в слайдах и карточках соцсетей. Специально изменил выравнивание внутри макетов слайдов при переходе от классической симметричной традиции к современной, привязанной к полям.
Типографы, простите меня 🙏
Инфографика: главные достижения генеративных нейросетей с начала года
Блог Everypixel опубликовал занятную статистику по использованию генеративных нейросетей с начала 2023 года.
🔼 Самой быстрорастущей нейросетью по количеству сгенерированных изображений оказался Adobe Firefly. Всего за 3 месяца пользователи создали миллиард изображений
👥 Больше всего пользователей у Midjourney — 15 млн
📊 80% изображений (почти 12,6 млрд) сгенерированы с помощью моделей, приложений, сервисов и платформ, созданных на основе Stable Diffusion
⏳ Всего с начала года пользователи сгенерировали 15,5 млрд изображений. Каждый день генерируется 34 млн изображений
📆 Для сравнения, фотографам понадобилось 150 лет (С 1826 год по 1975 год), чтобы сделать 15 млрд снимков (разницу в трудозатратах авторы исследования решили не упоминать)
▶️ Серия видеороликов «Один график за раз»
Экономист, специалист по визуализации данных и презентациям Jon Schwabish (автор книги «Better Data Visualizations») записал в период пандемии и локдауна серию видеороликов «Один график за раз» (One Chart at a Time). Он пригласил экспертов в области визуализации данных, чтобы в отдельном ролике один эксперт рассказал об одном типе графика. Каждый эксперт отвечает на три основных вопроса:
1. описать тип графика (что нам следует знать о конкретном типе графика?)
2. что мы должны учитывать при создании графиков данного типа (что мы должны или не должны делать, создавая такой график)?
3. привести пример графика
В числе 50+ приглашенных экспертов -- Claus O. Wilke, Andy Kirk, Cole Nussbaumer Knaflic, Steve Wexler и др. Классная серия, которая обязательно повысит вашу графическую грамотность (graphicacy).
#полезное #ресурсы #видео #визуализация_данных #графическая_грамотность #graphicacy
В одном из чатов появился вопрос про подборку цвета для визуализаций.
Для начала я посоветовал бы все, что об этом пишут в Dtawrapper blog.
По опыту могу сказать: если для визуализации нужно больше трёх цветов, то задача почти не решаемая.
В чём основная проблема? Гармоничные цвета ограничены комбинациями треугольника, четырёхугольника или пятиугольника на цветовом круге. Цвета на круге имеют разный контраст к фону. И это ещё не все. Именно фокусы с контрастом фона порождают неоднозначное восприятие цвета. Вспоминаем платье, которе воспринимается разными людьми иначе.
Выбрали цвета которые хорошо выглядят на экране. А теперь переведите их в CMYK для офсета… А теперь распечатайте цветную схему оттенками серого… А теперь покажите людям с расстройством зрения… С разными расстройствами…
Для этого дизайнеры и нужны — взять на себя ответственность за компромиссы. Учесть все варианты использования и исключить решения, которые наносят вред привлекательности и стилю.
Кажется, что мобильные версии диаграмм — это что-то, что пришло в наш мир в 10-е с появлением термина “mobile first”.
Но если подумать — это же вертикальная листовка формата A4. Те же требования к разборчивости элементов. Важны не пиксели или сантиметры, не CMYK или RGB. Важны размер и контраст того, что попадает на сетчатку глаза. Остальные нюансы связаны с технологиями и их ограничениями, но важны они во вторую очередь.
Просто заметил, как дизайнеры борются за размеры в точных значениях тысяч пикселей, гонятся за pixel perfect, верстая слайды, словно это веб-дизайн или, что хуже, полиграфия, забывая о том, что более 60% аудитории будет смотреть запись публичного выступления спикера с мобильного устройства. Задумался об этом еще в 14 году, но публично озвучил три года назад.
Сегодня готов скорректировать свою мысль:
Если смотреть на макет с точки зрения эргономики, а не традиций форматов, то меньше случается рефлексии.
Что я сказать то хотел: люблю Bloomberg за их приверженность контрастным и разборчивым изображениям :)
Источник
🎲 Я знаю, что многие подписались на меня ради инсайтов по визуализациям, но прямо в данный момент готовлю курс по применению игровых платформ в медиа.
Вот совершенно бесплатный проект, который многих может заинтересовать.
Вдруг вам нужно срежиссировать интерактивную новеллу, текстовой интерактив или просто поиграться с относительно новой технологией сторителлинга. Возможно, это будет ваш первый шажок для своего Disco Elysium 😁
#Игровыеплатформывмедиа
📈 Рома Бунин про BI, датавиз и дашборды 📈
🛠 Инструменты
Dashboard Canvas и Dashboard Map — фреймворк разработки системы отчетности и отдельных дашбордов. Кейсы и теория собраны на доске в миро.
Матрица компетенций BI-аналитика — самые важные навыки BI-аналитика по категориям, со ссылками на теорию. Английская версия Саши Баракова и ко.
Wireframe Builder — простой инструмент для прототипирования дашбордов. В виде книги в Табло, в виде презы, в Miro для любой системы или на базе DataLens.
Пример книги-шаблона для стайлгайда — небольшой пример как можно сделать шаблон для дашборда. По этой теме ещё: статья про использование этого примера, дискуссия про стайлгайды, рассказ про стайлгайд Yandex Go.
Статьи
— Метрики BI-системы как продукта
— Интерфейсы в BI системах
— Таблица или график? Как убедить заказчика
— Итоги первого сезона «Залетай в BI»
— Dashboard is dead. Long live Dashboard!
— Чаты и каналы про датавиз, аналитику и около
— Быстрые дашборды с помощью DataLens и ClickHouse
— Как создавать полезные для бизнеса дашборды
— Навигация между дашбордами в Tableau
— Обзор стандарта IBCS
— График План-Факт во времени
— Почему визуализация лучше табличек
— Навыки для визуализации данных
— Что такое визуализация данных
Видео
— Сериал про систему дашбордов: мафия, ресторан
— Как работает BI в Yandex Go
— Под капотом Tableau
— Dashboard Canvas 2.0
— Навыки для визуализации данных
— Рубрика «Переверстка»
— Лайфхаки Tableau
— Таблица или график
— RevealtheData">И ещё много разного на канале в YouTube
Визуализации и дашборды
— Divided World
— Дашборд отдела продаж
— Зарплаты аналитиков на базе HH
— Дашборд про рейтинг игр
— Графики Эдварда Тафти в Tableau
— Опрос менеджеров продуктов
— И ещё 60+ дашбордов на Tableau Public
Подкасты
— Data Heroes про визуализацию данных
— ProductSence про дашборды в бизнесе
— «IT-шниками не рождаются» про карьерный путь
— «Это считается» про роль дашбордов для аналитиков
— Data Heroes про Телеграм канал
Лучшие посты в Телеграме
По тэгу #избранное в канале, по тэгу #книга обзоры книг про датавиз, а по тэгу #наблюдение примеры визуализации из реальной жизни.
Курсы
— Предметы в специальностях от Karpov.Courses
— Совместный курс с Таней Мисютиной и его онлайн версия в Бюро Горбунова
#избранное @revealthedata
Милый рисованный проект Reuters, в котором журналисты объясняют, почему людям стоит сократить выбросы метана, и причём здесь еда.
Внутри — много стилизованного датавиза и классической инфографики, объясняющей климатические процессы. Люблю такое, красиво 🌿
https://www.reuters.com/graphics/FOOD-WASTE/METHANE/gdpzwqwqovw/
Что-то странное с грязными тенями, градиентами и сомнительной нормализацией от WP про забастовки. По ощущениям, можно было элегантнее
Читать полностью…
Рекомендую канал Антона Мизинова. Регулярно что-то интересное появляется. Например
Читать полностью…