4 заметки с тегом

вёрстка

Излишняя информативность

На днях нашёл самую перегруженную инфографику из тех, с которыми сталкивался

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

Причесать её можно по-разному, в зависимости от задач.

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

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

тот же авиаперевозчик, та же задача, но топ-менеджмент попросил не уродливый график в экселе, а «что-нибудь красивое, модное, и со шрифтами ещё поиграйте напоследок»

Может, выглядит и неважно, но хотя бы ясна мысль — бояться аварий в полёте тупо.

Летайте на здоровье!

Вёрстка — огонь

Принято хвалить за оригинальную вёрстку NY Times — тут и эксперименты c форматом и и графики, вписанные по высоте.

Передовица NYT о безработице в США, 27 марта 2020

Мало кто вспоминает советский «Огонёк», в котором экспериментов с вёрсткой тоже было много. Существовал он и в дореволюционной России, но был приложением к журналу «Биржевые ведомости». Упразднение бирж явно пошло вёрстке на пользу.

Хотя страницы с объявлениями радуют глаз — будто журнал в RDR 2 листаю, август 1910

Хочу поделиться коллекцией. Полистать её можно и самому на Гугл Сайтс.

Материал о тридцатипятилетии Эйфелевой башни, апрель 1924
Объяснение «кожиц» — процесса передачи товаров с фабрики до потребителей, сентябрь 1924
Политкорректность курильщика, февраль 1940
Прорыв блокады Ленинграда, январь 1943
«Можем повторить» родилось сразу после войны, июль 1945
Роуд муви, июль 1958
#BlackLivesMatter, сентябрь 1963

Цветовое кодирование — графики

Специалисты исследовали, где как перемещаются по городам

Наисследовали вот что

На картинке непонятное цветовое кодирование: если не вчитываться, кажется, что есть плохой (красный) и хороший (зеленый) способ перемещения, а в центре вообще его отсутствие (наверное, там про людей, которые не перемещаются совсем).

Нет.

Присмотримся и выясним, что четыре цвета означают четыре разных транспортных средства. Неясно, почему ходьба пешком оказалась светло-зеленой, велосипеды — красными, а общественный транспорт — прозрачным.

Также непонятно, почему по первым трём параметрам проценты целые, а у мопедов — с дробными частями. Вряд ли кому-то принципиально, сколько в Брюсселе пользуются мототранспортом: 43,4% или 43%.

Это — наплевательское отношение к принятой цветовой культуре и цветовым кодированиям. Никто не ожидает, что из красного крана польется холодная вода.

Неудачное цветовое кодирование решается заменой цветов, но не абы какой заменой. Попробуем:

  • Обесцветить картинку. Потеряется ли информативность?

Потерялась! Зато теперь явно видно разницу между общественным транспортом и всем остальным. Оставим этот шаг напоследок, сперва поиграемся с оттенками.

  • Изменить интенсивность одного и того же цвета — это делается в настройках, при клике на чекбокс «В».
Цвета всё ещё ничего не сообщают, но теперь хотя бы видно различие между шкалами, и проинтерпретировать график неверно сложнее.
  • Обесцветить второй вариант
Ничего особо не изменилось
  • Перерисовать схему в экселе
Неоригинально, но по заполнению столбца сразу можно понять, как этот город чувствует себя относительно остальных. С цветовым кодированием всё ещё проблемы, но теперь по крайней мере один из цветов не перекрикивает другой

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

Не ебланьте с цветом,

Кто я

Задумчиво смотрю на Сергиев Посад, 2022

Меня зовут Стас, я работаю с текстами, СМИ, снимаю на плёнку, и пишу музыку. Отучился в школе редакторов Бюро Горбунова, работал в стартапах, сотрудничал с корпорациями и придумывал смешные картинки для университетских сообществ.

Если хотите поработать вместе — напишите мне в telegram, или на почту

Меня интересует всё, связанное с диджиталом: с одинаковой радостью берусь за вёрстку лендинга на тильде и сведение часового подкаста.

Моя карьера вкратце:

  • Четыре года опыта работы с блогерами и видеоформатами: в подкастах и пиаре. Искал блогеров под задачи, организовывал съёмки и премии, снимал негатив в публичном поле, советовал, как улучшать контент, улучшал контент руками.
  • Три года опыта в пиаре: в телекоме и екоммерсе. Писал релизы, «продавал» их релевантным СМИ, контактировал с кучей деловиков и отдавал комментарии по каждому поводу. Знаю, когда нужно писать текст, и как быть с обработкой негатива.
  • Семь лет работы с текстами. Писал всё: тексты для интерфейсов, лонгриды, сценарии к подкастам и короткие посты в социальные сети. Умею защищать свою точку зрения и переписывать сленг программистов понятными словами.
  • Три года работы со звуком. Могу почистить речь от фонового шума, наложить на неё какие угодно эффекты и отполировать подкаст. Ещё пишу электронную музыку — пока не композитор, но уже артист.
  • Четыре года работы с фотографией. В основном — снимаю архитектуру на плёнку, но работал с портретными съёмками, видеоподкастами и фотосессиями животных. Животных снимать тяжелее всего, уж поверьте.

Моя карьера подробно:

Дорогая редакция, июль 2021 — настоящее время

Отвечаю за все подкасты: ищу людей, контролирую график эпизодов, считаю метрики и придумываю идеи.

Продюсирование

Как в жизни — кинокритики обсуждают кино
Работаем дальше — бизнесмены обсуждают тренды
Я сегодня из дома — компьютерщики обсуждают умный дом
Пойдём домой — собачники берут собак из приютов
Выжившие — кинокритик обсуждает сериал со всеми подряд
Тебе не одиноко — звезды обсуждают, как остановить травлю в школе

Тинькофф Дата, февраль 2021 — июль 2021

Писал исследования, то есть: формулировал задачу, собирал данные изнутри (от аналитиков) и снаружи (от экспертов рынка), ставил задачи на визуализацию и обновлял цифры по мере необходимости.

Дата-журналистика

Рынок доставки еды после пандемии — крупное исследование
Сколько россияне тратят на путешествия — среднее по размерам исследование/пресс-релиз

Ozon, ноябрь 2020 — июль 2021

Писал тексты, давал комментарии, занимался дата-журналистикой и искал интересные инфоповоды

Дата-журналистика

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

Какие книги читали в России в последние 10 лет
Сколько россияне тратят на новогодние украшения
Как в России переходят на фермерские продукты

Пресс-релизы

Рассказываю о новостях компании внешнему миру

Запустили сервис для деловых поездок
Отправили Маликова в 2049
Подарили продавцам денег

МаксимаТелеком, декабрь 2019 — ноябрь 2020

Родоначальнику интернета в метро помогаю с пиаром и текстами.

Кейсы

Рассказываю, как постарались разные команды и подразделения внутри компании.

Как собакам и кошкам из приютов помогла реклама в метро
Как подружить публичный вайфай и последний айос
Как Москва вышла с самоизоляции

Пресс-релизы

Сокращаю цитаты спикеров, отжимаю остатки формальности и рассылаю текст журналистам.

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

XYZ School, октябрь 2019 — сентябрь 2020

Писал тексты в блог крупнейшей школы гейм-дизайна в России. Разговаривал с экспертами и преподавателями, тыкался в программы для 3д-моделирования и писал туториалы.

Лендинги

Гиперказуальные игры
Концепт-арт

Статьи

Успехи студентов
Бэкграунд студентов
Зачем художнику изучать 2д и 3д одновременно?

Туториалы

Как сделать стекло в Substance Painter
Скульпт в Z-Brush

Постнаука, август 2019 — март 2020

Делал тесты. Тексты тоже делал, но ударила пандемия, и издательский дом полностью перешёл на инхаус работу.

Тест по античной риторике
Тест про депрессию

Прочее

Работы с разных проектов

Парк «Интуиция»

Проект «Спички» о профессиональном выгорании

Фотограф

Портфолио на Бихансе. Особенно нравится снимать архитектуру и людей.

Автор

Дневник расходов в Т—Ж
Машинное обучение и облачные вычисления в блог Мейла
Как выгоднее сдать квартиру: с ИП, самозанятостью или по патенту?
Унылые игры
Цензура в видеоиграх
Перевод текста Марка Фишера
Обзор на «Снеговика» Ю Несбё
Обзор Florence в свой бложик

UX-редактор

Русская планета
Faradise

Подкастер

Максим Ильяхов о работе и электронике
Артур Белостоцкий о подкастах и Ульяновске
Ира об эмоциональном выгорании
Совместно с Теориями и практиками делаем подкасты для корпоративного университета Сбера. Сослаться на них не получится — это закрытые материалы, а я под НДА. Но если захотите оценить качество записи — с радостью пришлю кусочек без важной информации.

Сммщик

Новости «Русской планеты»
IGM — самое большое российское видеоигровое сообщество
Парк VR-развлечений
Студенческое медиа TheVyshka

Если всё ещё хотите поработать вместе — пишите в telegram, или на почту