Аватар канала Сделай это красиво

Сделай это красиво

@perfectgraphs

Алексей Смагин (@BlackPineapple) — о том, как делать ваши графики понятными и красивыми. А в деталях учу этому искусству на курсе «Эстетика в графиках»

ПроектыRUДизайн

5,210подписчиков

Открыть канал

Последние посты

  • Сделай это красиво

    30 июл., 11:38изменён

    Дашборд и скроллителлингНесколько человек присылали нашей команде вопросы вроде а будем ли мы делать всякие дашборды со сторителлингом и прокруткой?Когда я прочитал «сторителлинг дашборды с прокруткой», в голове сразу всплыл пример из видео 😄Поймите меня правильно, скроллителинг (это когда вы двигаете плашечку по экрану, и видите какие-то изменения в графике на фоне) и приёмы дата-сторителлинга — это вещи, которые многих очень впечатляют. Проекты с этими приёмами набирают много реакций в моих каналах. Но в абсолютном большинстве случаев они несовместимы с дашбордом.Дашборд — это приборная панель, по которой можно понять состояние какого-то сервиса, бизнеса или среза данных. Это много-много метрик, которые сами по себе не рассказывают историю и не дают готовых ответов на вопрос.Если вы всю эту кучу цифр и графиков заставите перемещаться, мигать и рассказывать какие-то истории,
    1,910видео402764Открыть в Telegram
  • Сделай это красиво

    28 июл., 15:41

    В новой версии курса будет много интерактивных вставочек, наглядно показывающих как одна маленькая деталь влияет на восприятие графика.К примеру, этот кейс я взял прямо из недавнего челленджа — здесь мы рассматриваем, насколько более удобным становится график, если развернуть все подписи по направлению чтения.На самом деле, его можно ещё улучшить — но об этом будет в других главках курса.——Напомню, что всю эту красоту уже скоро вы сможете потестировать своими глазами — стартуем новый поток 1 августа. Мест с обратной связью осталось всего 3.Записаться можно по предоплате 1000 рублей.
    1,900видео154Открыть в Telegram
  • Сделай это красиво

    27 июл., 15:38изменён

    Этот график я делал в соавторстве с ИИ — и могу научить вас так жеРаньше для красивой визуализации было два пути.В первом ты сначала делаешь основу в условном Tableau, Flourish или Excel — потом идёшь в графический редактор, и кропотливо дорабатываешь красоту и мелкие детали: шрифты, подписи, иллюстрации.Видео вообще пришлось бы отдельно анимировать в After Effects — настраивая отдельно переходы и анимации для каждого элемента.Второй путь — писать код для такой графики — всегда был уделом избранных, в индустрии это умели единицы.Первый способ был очень затратен по времени и чувствителен к ошибкам. Ошибаешься в выгрузке, хочешь поменять сортировку или временной период — и всё приходится делать заново.Второй — требовал хорошей квалификации, да и с непривычки тоже мог занять много времени на работу с кодом и вылавливание ошибок.ИИ поменял всё: теперь для создания хорошего
    2,200видео15124Открыть в Telegram
  • Сделай это красиво

    24 июл., 13:21

    Есть ли разница, для чего строить графики: для научных или для коммерческих запросов?На разборах у нас было много графиков от людей из научной сферы. Я отмечал, что определённые виды графиков уместны только для научного комьюнити. Но так ли отличаются правила визуализации данных в науке?Одна из студенток курса «Эстетика в графиках» Наталия Мороз @natalysevas тоже задавалась этим вопросом. А ещё поразмышляла над тем, на что похож процесс визуализации и что важнее всего в процессе обучения.Дальше слово Наталье:Я заинтересовалась визуализацией данных, когда поняла, что в этой сфере есть свои правила и законы. Эти законы логичны и понятны.Есть некоторые различия в визуализации данных для коммерческих и научных организаций, обусловленные различием целей и задач, но в целом правила работают одинаково. Следуя им, можно улучшить представление данных в научных исследованиях. Поэтому я
    Иллюстрация к посту канала Сделай это красивоИллюстрация к посту канала Сделай это красиво
  • Сделай это красиво

    23 июл., 11:50

    Вчера уютно посидели на вебинаре, разобрали много интересных работ. Приятно, что так много людей приняли участие в челлендже!Ещё приятнее, что получился у нас не просто монолог, а вполне живое обсуждение — значит, тема актуальная 🔥На вебе я: 🔘подсветил типичные ошибки и похвалил удачные решения (некоторые были просто супер!); 🔘ответил на вопросы участников; 🔘рассказал немного о курсе и разыграл бесплатное место на него; 🔘почти сорвал голос за два часа разговора 🙈Запись уже доступна по ссылке — она будет висеть до конца недели, так что успевайте посмотреть.Максимальная скидка на курс уже сгорела, но до 27 июля вы все еще можете прилично сэкономить и присоединиться по специальным ценам после вебинара:Тариф без обратной связи — 24900 ₽ вместо
    1,890видео121121Открыть в Telegram
  • Сделай это красиво

    22 июл., 15:35

    Уже через час, в 19.30 собираемся онлайн на разборах!Поговорим о том: ⚪Как выбирать вид графика, адекватный задаче, и почему именно его; ⚪ Какие ошибки часто допускают новички (и не только!) в теме визуализации данных; ⚪ Как небольшие детали влияют на восприятие визуализации; ⚪ Как использовать инструменты дата-сторителлинга, чтобы ваш график не просто показывал данные, а рассказывал историю; ⚪ Как использовать нейросети так, чтобы получить залипательный график (и как мы будем изучать это на курсе «Эстетика в графиках»).А ещё разыграем среди участников бесплатное место на курс 😉Встречаемся через час в этом канале. Всех ждём!
    Иллюстрация к посту канала Сделай это красивоИллюстрация к посту канала Сделай это красиво
    1,9608311Открыть в Telegram
  • Сделай это красиво

    20 июл., 16:25

    Анонс разборов с челленджаДрузья, ну это просто восторг.Изучаю сейчас форму с вашими работами — потрясающий материал получился: разброс от научных визуализаций до интерактивных лендингов со сторителлингом.Все графики я подробно прокомментрирую в прямом эфире в эту среду, 22 июля, в 19:30! На примере работ обсудим:✅Как выбирать вид графика, адекватный задаче, и почему именно его; ✅Какие ошибки часто допускают новички (и не только!) в теме визуализации данных; ✅Как небольшие детали влияют на восприятие визуализации; ✅Как использовать инструменты дата-сторителлинга, чтобы ваш график не просто показывал данные, а рассказывал историю; ✅Как использовать нейросети так, чтобы получить залипательный график, а не компромат для
    Иллюстрация к посту канала Сделай это красивоИллюстрация к посту канала Сделай это красиво
  • Сделай это красиво

    19 июл., 14:00изменён

    ДАТАВИЗ-ЧЕЛЛЕНДЖ: НОВЫЙ СЕЗОН (и возможность пройти курс бесплатно) Год назад я уже проводил конкурс по визуализации данных: тогда эта идея многим понравилась, и вот у вас снова есть шанс попрактиковаться, получить от меня персональный фидбек и на других
  • Сделай это красиво

    18 июл., 12:06изменён

    Ну зашла тема! На челлендж пришли первые 10 графиков, очень классные работы получаются ⚡️@Lena_Kopusha помимо графиков сделала и мемчики, похихикал — и вам один из них покажу.Напомню, что свои работы вы можете присылать до конца недели — а в понедельник я анонсирую вебинар, на котором мы все их разберём.
    Иллюстрация к посту канала Сделай это красивоИллюстрация к посту канала Сделай это красиво
    1,91033543Открыть в Telegram
  • Сделай это красиво

    17 июл., 08:39

    Самые интересные работы первого челленджаГод назад мы визуализировали торговый баланс между Россией и Китаем. На челлендж прислали большое количество визуализаций — со своими смыслами, видами визуализаций и приёмами.В этой карусели — 10 работ, которые показались мне тогда самыми интересными. Надеюсь, из них вы подчерпнёте вдохновение и мотивацию поучастовать в новом конкурсе.Если ваш максимум пока — это стандартный график в экселе или matplotlib — все равно шлите свои работы: это отличная практика и возможность получить фидбек.Ждём 🔥
    Иллюстрация к посту канала Сделай это красивоИллюстрация к посту канала Сделай это красивоИллюстрация к посту канала Сделай это красивоИллюстрация к посту канала Сделай это красиво
    1,80019112Открыть в Telegram
  • Сделай это красиво

    16 июл., 12:20изменён

    ДАТАВИЗ-ЧЕЛЛЕНДЖ: НОВЫЙ СЕЗОН (и возможность пройти курс бесплатно)Год назад я уже проводил конкурс по визуализации данных: тогда эта идея многим понравилась, и вот у вас снова есть шанс попрактиковаться, получить от меня персональный фидбек и на других участников посмотреть.На этот раз я выгрузил с Кинопоиска данные о кассовых сборах фильмов — с 2019 года по настоящее время. А также добавил к ним информацию о фильмах: страну производства, жанры, длительность, дату премьеры.Какие истории тут искать — решать вам. Изучите данные, найдите в них интересные инсайты и визуализируйте любым доступным вам способом: от Google Таблиц до d3.js.Работы принимаются до воскресенья (19 июля) включительно. Присылать в форму — комментарии отключаю намеренно 😈, чтобы вы не палили свои решения другим.По вопросам можно писать мне — @BlackPineapple🙋А что мне за это будет? На следующей неделе я
    Иллюстрация к посту канала Сделай это красивоИллюстрация к посту канала Сделай это красиво
    5,11031653Открыть в Telegram
  • Сделай это красиво

    15 июл., 13:02

    Зачем учиться визуализации данных? Свой ответ на этот вопрос дала моя студентка @Nata_MirnayaЯ много работаю с картами и инфографикой, и для меня всегда было важно делать визуализации не просто «красивыми», а осмысленными — чтобы за ними стояла идея и, в идеале, читалась история. Я давно подписана на телеграм-каналы про визуализацию данных, в том числе на канал Алексея, и считаю его одним из лучших. Поэтому, когда я увидела анонс курса, долго не раздумывала 😊Разборы конкретных примеров и, что особенно ценно, антипримеров — это совсем другой уровень по сравнению с простой «насмотренностью». Сразу становится понятно, где и зачем использовать те или иные типы визуализаций, особенно нестандартные. Плюс на курсе я впервые поработала с такими инструментами, как Flourish, Tableau и RawGraphs — теперь это полезные инструменты, которые я точно буду применять в работе.Курс полностью
    Иллюстрация к посту канала Сделай это красивоИллюстрация к посту канала Сделай это красиво
  • Сделай это красиво

    14 июл., 09:14

    От нейрослопа до смысла — один промптАлгоритмическая лента в фейсбуке подкинула пост с таким графиком. Его автор — похоже, хвастался, оптимизацией своего сайта под выдачу нейросетей.График [слева], очевидно — насквозь ии-шный, клод такое сделает за минуту. Визуально выглядит симпатично, но если присмотреться — сразу проблемы. Взять, к примеру, подзаг:Для бренда — % ответов с упоминанием; для конкурентов — доля среди суммы их упоминаний.🤯🤯🤯Мало того, что текст просто трудно переварить. Оказалось — автор на одной оси показывает разные величины. Их просто нельзя сравнивать!Проблема в целом понятна. Клод по умолчанию решил рисовать все столбики с осью до 100%. На такой оси 2-8% конкурентов выглядят настолько маленькими, что автор решил придумать новую метрику.Но этой проблемы бы не было, если бы мы поняли, зачем делаем график:🔴показать,
    Иллюстрация к посту канала Сделай это красивоИллюстрация к посту канала Сделай это красивоИллюстрация к посту канала Сделай это красиво
    1,700121021Открыть в Telegram
  • Сделай это красиво

    9 июл., 17:11

    Шишки, которые можно набить во время визуализации с нейросетямиУ Reuters Institute for the Study of Journalism при University of Oxford вышел классный текст о том, как один человек за неделю собрал большой дата-дашборд с помощью ИИ.На первый взгляд это история про «нейросети теперь всё сделают за нас». Но на самом деле — почти наоборот. ИИ помог быстро собрать прототип: извлекать данные, строить графики, генерировать черновые выводы. А потом начались ошибки: агент рисовал города в море, пропускал примечания к таблицам, делал банальные выводы и иногда уверенно ссылался не на те значения.В этом и есть главный урок: чтобы сделать хороший дата-проект, недостаточно написать промпт. Нужно понимать данные, географию, типы графиков, редакторскую задачу и дизайн.Нейросеть не заменяет редактора, аналитика и дизайнера. Она просто резко ускоряет тех, кто понимает, что хочет получить.В каче
    Иллюстрация к посту канала Сделай это красивоИллюстрация к посту канала Сделай это красивоИллюстрация к посту канала Сделай это красиво
    2,32016543Открыть в Telegram
  • Сделай это красиво

    8 июл., 16:24изменён

    Новый поток моего курса по визуализации данных — теперь с ИИ!Шестой поток курса «Эстетика в графиках» на днях завершил свою работу. А значит совсем скоро я по традиции буду делиться с вами крутыми работами выпускников и звать вас на новый поток.Сразу скажу: он будет другим! Прямо сейчас я обновляю курс.Главных изменений будет два:✅ Во-первых, мы полностью переделываем механику курса. Теперь это будет интерактивный учебник, с которым можно будет взаимодействовать, а не просто смотреть на говорящую голову;✅ Во-вторых, ключевым инструментом на курсе станут нейросети. Сейчас это самый простой и эффективный способ делать графики, и мы будем учиться пользоваться ими правильно и с соблюдением всех принципов визуализации данных.База курса остаётся прежней, поэтому в результате вы не просто будете жать кнопочки в
    2,290видео1693Открыть в Telegram
  • Сделай это красиво

    25 мая, 15:02изменён

    Дайджест последних полезных постов в канале👉 ГАЙД: 5 фатальных ошибок в графиках, которые подрывают доверие к вашему анализу👉 Избыток цифр вам мешает. И вот почему 👉 Как контекст превращает график в историю 👉 Почему нельзя «забить» на текст в визуализации 👉 Самый эстетичный генератор палитр👉 Разборы и перевёрстка: #разбор
    Иллюстрация к посту канала Сделай это красивоИллюстрация к посту канала Сделай это красиво
    3,710832Открыть в Telegram
  • Сделай это красиво

    1 мая, 06:51

    Как усилить акцент на падении в конце периода?В комментариях к прошлому графику читатель написал В итоге видно колебание, но не видно падение - оно где-то там, сбоку <...>. Для аналитики - топ, для иллюстрации к новости "Шеф, всё пропало, рейтинг падает!" - не особо наглядно.Готов согласиться, что гротескного падения в моей версии нет. Можно ли усилить сообщение, при этом не так явно манипулируя восприятием, как это сделали Усы?Пожалуй. Нарисовал две экспериментальных версии:1) Первая — в целом — близка по идее к оригинальной картинке. Но — вы же понимаете, чем она отличается? Напишите в комменты, что видите.2) Вторая картинка... Наверное, посложнее, но зато ещё меньше искажает восприятие.Важно помнить, что такими приёмами стоит пользоваться осозанно, хорошо понимая, зачем они конкретно вам.Какой вариант понравился больше всего?
    Иллюстрация к посту канала Сделай это красивоИллюстрация к посту канала Сделай это красивоИллюстрация к посту канала Сделай это красиво
    4,31027139Открыть в Telegram
  • Сделай это красиво

    30 апр., 09:54изменён

    Ну что, дорогие читатели — вы заставляете автора канала работать в отпуске в Рио 😁График про рейтинг президента вызвал много обсуждений, и среди прочего был вопрос «а как же так сделать, чтобы и правила не нарушать, и внимание привлечь?». Мол, скучно же будет, если просто одну линию нарисовать — да ещё и за полный период.Показываю свою версию и рассказываю. Мои советы классические: 1) Важный вывод в заголовке. Сразу настраиваем читателя на идею в графике 2) Сторителлинг. Подписи не только добавляют контекста «что произошло» и облегчают понимание, но и делают его более привлекательным визуально 3) Акценты. Падение подсвечено. Линии сетки, наоборот, максимально убраны и приглушены, поскольку отвлекают от основной идеи.Ну и иллюстрация Пескова — как вишенка на торте. Можно и без неё, это от контекста зависит. Как вам?#разбор
    Иллюстрация к посту канала Сделай это красивоИллюстрация к посту канала Сделай это красиво
    3,7303325952Открыть в Telegram
  • Сделай это красиво

    28 апр., 07:13

    Усы Пескова получают место в зале славы искусных манипуляцийМало того, что столбики нарисовали не от нуля, так ещё и линейный график сделали по разным временным интервалам, из-за чего складывается ощущение, что долгое время всё было стабильно, а потом ка-а-а-к попёрло!///Первоисточник, видимо, тут. Но и слепо перерисовывать — тоже так себе идея.
    Иллюстрация к посту канала Сделай это красивоИллюстрация к посту канала Сделай это красиво
    3,570421143Открыть в Telegram
  • Сделай это красиво

    24 апр., 06:47

    Недавно моя выпускница проводила для быших и ныншених студентов курса нетворкинг-сессию. Болтали про рабочие моменты, способы отвлечься и... любимых динозавров.По итогам мы стали кидать в чат мемы с динозаврами, а я решил проверить, как современные генеративные модели справляются с комиксами.ChatGPT со своим новым апдейтом картиночного режима справился так.При такой «лапше» подписи на концах, конечно, не помогут — лучше всё-таки и цвета разграничить. Но для one shot — мощно.🔥 — если круто вышло
    Иллюстрация к посту канала Сделай это красивоИллюстрация к посту канала Сделай это красиво
    4,390369421Открыть в Telegram