{ "version": "https:\/\/jsonfeed.org\/version\/1", "title": "Стас Зверянов: заметки с тегом вёрстка", "_rss_description": "Об авторе • Тelegram • Почта", "_rss_language": "ru", "_itunes_email": "", "_itunes_categories_xml": "", "_itunes_image": "", "_itunes_explicit": "", "home_page_url": "https:\/\/twisterblog.ru\/tags\/vyorstka\/", "feed_url": "https:\/\/twisterblog.ru\/tags\/vyorstka\/json\/", "icon": "https:\/\/twisterblog.ru\/user\/userpic@2x.jpg?1600967750", "author": { "name": "pÿøšèł", "url": "https:\/\/twisterblog.ru\/", "avatar": "https:\/\/twisterblog.ru\/user\/userpic@2x.jpg?1600967750" }, "items": [ { "id": "16", "url": "https:\/\/twisterblog.ru\/all\/izlishnyaya-informativnost\/", "title": "Излишняя информативность", "content_html": "

На днях нашёл самую перегруженную инфографику<\/a> из тех, с которыми сталкивался<\/p>\n

\n\"\"\n<\/div>\n

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

Причесать её можно по-разному, в зависимости от задач.<\/p>\n

\n

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

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

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

\n\"\"\n<\/div>\n

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

Летайте на здоровье!<\/p>\n", "date_published": "2020-09-10T16:30:39+03:00", "date_modified": "2020-09-10T16:30:25+03:00", "image": "https:\/\/twisterblog.ru\/pictures\/photo_2020-09-10_14-59-44.jpg", "_date_published_rfc2822": "Thu, 10 Sep 2020 16:30:39 +0300", "_rss_guid_is_permalink": "false", "_rss_guid": "16", "_e2_data": { "is_favourite": false, "links_required": [], "og_images": [ "https:\/\/twisterblog.ru\/pictures\/photo_2020-09-10_14-59-44.jpg", "https:\/\/twisterblog.ru\/pictures\/Otnoshenie-perevezyonnyh-passazhirov-k-pogibshim.png", "https:\/\/twisterblog.ru\/pictures\/Perelyot.jpg" ] } }, { "id": "14", "url": "https:\/\/twisterblog.ru\/all\/vyorstka-ogon\/", "title": "Вёрстка — огонь", "content_html": "

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

\n\"\"\n
Передовица NYT о безработице в США, 27 марта 2020<\/div>\n<\/div>\n

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

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

Хочу поделиться коллекцией. Полистать её можно и самому на Гугл Сайтс<\/a>.<\/p>\n

\n\"\"\n
Материал о тридцатипятилетии Эйфелевой башни, апрель 1924<\/div>\n<\/div>\n
\n\"\"\n
Объяснение «кожиц» — процесса передачи товаров с фабрики до потребителей, сентябрь 1924<\/div>\n<\/div>\n
\n\"\"\n
Политкорректность курильщика, февраль 1940<\/div>\n<\/div>\n
\n\"\"\n
Прорыв блокады Ленинграда, январь 1943<\/div>\n<\/div>\n
\n\"\"\n
«Можем повторить» родилось сразу после войны, июль 1945<\/div>\n<\/div>\n
\n\"\"\n
Роуд муви, июль 1958<\/div>\n<\/div>\n
\n\"\"\n
#BlackLivesMatter, сентябрь 1963<\/div>\n<\/div>\n", "date_published": "2020-06-03T13:23:06+03:00", "date_modified": "2020-06-03T13:22:49+03:00", "image": "https:\/\/twisterblog.ru\/pictures\/image.png", "_date_published_rfc2822": "Wed, 03 Jun 2020 13:23:06 +0300", "_rss_guid_is_permalink": "false", "_rss_guid": "14", "_e2_data": { "is_favourite": false, "links_required": [], "og_images": [ "https:\/\/twisterblog.ru\/pictures\/image.png", "https:\/\/twisterblog.ru\/pictures\/photo_2020-06-03_13-09-05.jpg", "https:\/\/twisterblog.ru\/pictures\/page1.jpg", "https:\/\/twisterblog.ru\/pictures\/7_46_1924_pdf.jpg", "https:\/\/twisterblog.ru\/pictures\/photo_2020-06-03_13-12-30.jpg", "https:\/\/twisterblog.ru\/pictures\/photo_2020-06-03_13-01-56.jpg", "https:\/\/twisterblog.ru\/pictures\/photo_2020-06-03_13-16-09.jpg", "https:\/\/twisterblog.ru\/pictures\/_1958_28_pdf.jpg", "https:\/\/twisterblog.ru\/pictures\/photo_2020-06-03_13-19-32.jpg" ] } }, { "id": "5", "url": "https:\/\/twisterblog.ru\/all\/cvetovoe-kodirovanie-grafiki\/", "title": "Цветовое кодирование — графики", "content_html": "

Специалисты исследовали, где как перемещаются по городам<\/p>\n

\n\"\"\n
Наисследовали вот что<\/div>\n<\/div>\n

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

Нет.<\/p>\n

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

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

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

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