Сделай это красиво
4.99K subscribers
278 photos
12 videos
2 files
108 links
Алексей Смагин (@BlackPineapple) — о том, как делать ваши графики понятными и красивыми.

А в деталях учу этому искусству на курсе «Эстетика в графиках»
Download Telegram
Шпаргалка для авторов научных журналов

Ко мне на курс приходят люди с разным бэкграундом, разными навыками и разными запросами. Для кого-то важнее сторителлинг и эстетика, кто-то разбирается с базовыми навыками визуализации.

На одном из потоков у меня была студенткой редактор научного журнала. Её авторы часто присылали в виде иллюстраций абсолютно нечитаемые, ошибочные, запутанные графики; и ей хотелось научиться помогать авторам эти графики исправлять.

В своём дипломном проекте она разобрала частые ошибки, которые у авторов встречались, — и предложила варианты их исправления.

Наталья не дизайнер, поэтому прошу не судить строго её работу за оформление. Однако рекомендации, которые она написала по итогам курса, выглядят очень здраво, и помогают делать графики в статьях намного лучше.

Но нет предела совершенству! Если захотите аккуратно покритиковать некоторые из решений, думаю, это может стать полезным дополнением для новой версии гайда.

Вот, что сама она недавно писала в чат выпускников:
Мне очень пригодился мой диплом, я вовсю использую его для работы с авторами статей и их графиками. Правда, наши авторы креативнее меня и я постоянно в поисках решения для очередного их творения.
🔥265👍2👌1💊1
Ещё один способ искать вдохновение для визуализации

... и он — не поверите — основан на ИИ. Можете выбрать несколько базовых параметров, вводите запрос на любом языке — и вот — кейсы из ggplot2, FlowingData и Datawrapper Data Vis Dispatch у вас в ленте.

Тут, например, результаты поиска по запросу «Красивая визуализация финансов»

Одобряем?

http://mynextchart.com/
❤‍🔥185🤔2
Никто не скажет, что ты манипулируешь с осями, если осей на графике нет

(Не делайте так, пожалуйста)

Источник
😁64🐳6🔥4💯2😎1
Чего не отнять у Куала-Лумпура — так это большого количества разных модных кафешек.

Приятно было заметить, что во многих «заигрывают» с визуализацией данных — например, здесь на карточке можно увидеть вкусовые параметры выбранного сорта матчи

Silky — шелковистый, бархатистый (про текстуру, «гладкое» ощущение во рту)
Nuttiness — ореховость, ореховые ноты
Vegetal — овощной, травянистый, иногда зелёный/растительный (как зелёные овощи, стручковая фасоль, шпинат)
Umami — умами (реже пишут мясистость, бульонность, савори/пикантная насыщенность)
Bitterness — горечь


📍Место называется HULU BLAVK.

В комменты скину фулл — а ещё покажу, как матчу «визуализировали» в другом заведении
12
Как смутить зал своей презентацией

Этот слайд мне скинула студентка со словами «Как вам инфографика студии Лебедева?». На вопрос «а был ли текст» ответила так:

«арт-директор студии сказал одно слово — „наверху креаторы“».

Вы тоже ничего не поняли?

Спикеры часто недооценивают, насколько важны на слайдах заголовок, подписи и единицы измерения. Многие отмахиваются «я это голосом скажу».

Но реальность такова — люди не слушают вас внимательно.

Поэтому — старайтесь делать слайды так, чтобы понять их можно было без пояснений.

Исключения, конечно, могут быть — но это не тот случай.

А слайд говорил об этом
После запуска технологии на протяжении нескольких лет соотношение типов ролей в компании почти не изменилось. Другими словами, дизайнеры без работы не остались. :)
👍14💯113👏3
Фон у столбиков — не украшение

Увидел в исследовании Сетки распространённую ошибку: к столбикам там добавили фон, но потом этот фон обрезали, чтобы сильнее подчеркнуть разницу между значениями.

Делать так нельзя.

Такой фон обычно означает целое, а столбик — долю внутри него. Если фон обрезан, график начинает путать. Сравните: справа доли показаны корректно.

Нужно ли вообще оставлять фон?

Мы об этом постоянно дискутируем со студентами моего курса. Многие считают, что такой фон — это ошибка.

У меня более острожное мнение:
🔴Важнее сравнить → убираем фон
🔴Важнее показать долю каждого из ответов → оставляем
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
💯2117👏1🙏1
Недавно моя выпускница проводила для быших и ныншених студентов курса нетворкинг-сессию. Болтали про рабочие моменты, способы отвлечься и... любимых динозавров.

По итогам мы стали кидать в чат мемы с динозаврами, а я решил проверить, как современные генеративные модели справляются с комиксами.

ChatGPT со своим новым апдейтом картиночного режима справился так.

При такой «лапше» подписи на концах, конечно, не помогут — лучше всё-таки и цвета разграничить. Но для one shot — мощно.

🔥 — если круто вышло
🔥32😁94👍2🥱1
Усы Пескова получают место в зале славы искусных манипуляций

Мало того, что столбики нарисовали не от нуля, так ещё и линейный график сделали по разным временным интервалам, из-за чего складывается ощущение, что долгое время всё было стабильно, а потом ка-а-а-к попёрло!

///

Первоисточник, видимо, тут. Но и слепо перерисовывать — тоже так себе идея.
😁3810💯4🍌2
Ну что, дорогие читатели — вы заставляете автора канала работать в отпуске в Рио 😁

График про рейтинг президента вызвал много обсуждений, и среди прочего был вопрос «а как же так сделать, чтобы и правила не нарушать, и внимание привлечь?». Мол, скучно же будет, если просто одну линию нарисовать — да ещё и за полный период.

Показываю свою версию и рассказываю. Мои советы классические:
1) Важный вывод в заголовке. Сразу настраиваем читателя на идею в графике
2) Сторителлинг. Подписи не только добавляют контекста «что произошло» и облегчают понимание, но и делают его более привлекательным визуально
3) Акценты. Падение подсвечено. Линии сетки, наоборот, максимально убраны и приглушены, поскольку отвлекают от основной идеи.

Ну и иллюстрация Пескова — как вишенка на торте. Можно и без неё, это от контекста зависит. Как вам?

#разбор
31🔥24😁7❤‍🔥5🥴2
Как усилить акцент на падении в конце периода?

В комментариях к прошлому графику читатель написал
В итоге видно колебание, но не видно падение - оно где-то там, сбоку <...>. Для аналитики - топ, для иллюстрации к новости "Шеф, всё пропало, рейтинг падает!" - не особо наглядно.


Готов согласиться, что гротескного падения в моей версии нет. Можно ли усилить сообщение, при этом не так явно манипулируя восприятием, как это сделали Усы?

Пожалуй. Нарисовал две экспериментальных версии:

1) Первая — в целом — близка по идее к оригинальной картинке. Но — вы же понимаете, чем она отличается? Напишите в комменты, что видите.

2) Вторая картинка... Наверное, посложнее, но зато ещё меньше искажает восприятие.

Важно помнить, что такими приёмами стоит пользоваться осозанно, хорошо понимая, зачем они конкретно вам.

Какой вариант понравился больше всего?
26👍11🔥8