{
    "version": "https:\/\/jsonfeed.org\/version\/1.1",
    "title": "Блог Ильи Бирмана: заметки с тегом круговые диаграммы",
    "_rss_description": "Блог Ильи Бирмана о дизайне, городах, музыке и жизни.",
    "_rss_language": "ru",
    "_itunes_email": "ilyabirman@ilyabirman.ru",
    "_itunes_categories_xml": "<itunes:category text=\"Arts\"><itunes:category text=\"Design\" \/><\/itunes:category>\r\n<itunes:category text=\"Society &amp; Culture\"><itunes:category text=\"Personal Journals\" \/><\/itunes:category>\r\n<itunes:category text=\"Technology\" \/>\r\n",
    "_itunes_image": "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/userpic\/userpic-square@2x.jpg?1573933764",
    "_itunes_explicit": "no",
    "home_page_url": "https:\/\/ilyabirman.ru\/meanwhile\/tags\/krugovye-diagrammy\/",
    "feed_url": "https:\/\/ilyabirman.ru\/meanwhile\/tags\/krugovye-diagrammy\/json\/",
    "icon": "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/userpic\/userpic@2x.jpg?1573933764",
    "authors": [
        {
            "name": "Илья Бирман",
            "url": "https:\/\/ilyabirman.ru\/meanwhile\/",
            "avatar": "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/userpic\/userpic@2x.jpg?1573933764"
        }
    ],
    "items": [
        {
            "id": "6191",
            "url": "https:\/\/ilyabirman.ru\/meanwhile\/all\/ui-course-frag-132\/",
            "title": "На интерфейсном курсе: дискуссия о задачах инфографики",
            "content_html": "<p>С участником курса обсуждаем представление данных в виде круговой диаграммы или таблицы. Я жалуюсь, что сложно понять, как данные взаимосвязаны, а участник говорит, что ему наоборот легко понять. В итоге получается дискуссия о задачах инфографики, и я рассказываю о том, чему мы в этом смысле учим на курсе. 10 минут:<\/p>\n<div class=\"e2-text-video\">\n<iframe src=\"https:\/\/www.youtube.com\/embed\/Urn9TDalPg4?enablejsapi=1\" allow=\"autoplay\" frameborder=\"0\" allowfullscreen><\/iframe>\n<\/div>\n<p>Это фрагмент № 132 онлайн-курса «Пользовательский интерфейс и представление информации». Записано на курсе 8 сентября 2023 года.<\/p>\n<p>До 2 февраля идёт запись на курс, который пройдёт с 3 февраля по 3 марта.<\/p>\n<p><a href=\"http:\/\/bureau.ru\/educenter\/ui-online\/\" class=\"button buy-button big-button\">Почитать о курсе<\/a><\/p>\n<p class=\"foot\">Программа, отзывы, запись<\/p>\n",
            "summary": "С участником курса обсуждаем представление данных в виде круговой диаграммы или таблицы. Я жалуюсь, что сложно понять, как данные взаимосвязаны, а участник говорит",
            "date_published": "2024-01-01T17:15:21+02:00",
            "date_modified": "2024-01-01T17:15:06+02:00",
            "tags": [
                "видео",
                "инфографика",
                "круговые диаграммы",
                "представление информации",
                "фрагменты курса ПИ"
            ],
            "image": "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/remote\/youtube-Urn9TDalPg4-cover.jpg",
            "_date_published_rfc2822": "Mon, 01 Jan 2024 17:15:21 +0200",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "6191",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": [
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/remote\/youtube-Urn9TDalPg4-cover.jpg"
                ]
            }
        },
        {
            "id": "6065",
            "url": "https:\/\/ilyabirman.ru\/meanwhile\/all\/ui-course-frag-111\/",
            "title": "На интерфейсном курсе: нужны не круговые диаграммы, а таблица",
            "content_html": "<p>Небольшой кусочек, где я говорю, почему круговые диаграммы мешают въехать в данные, и почему тут нужна обычная таблица. 3 минуты:<\/p>\n<div class=\"e2-text-video\">\n<iframe src=\"https:\/\/www.youtube.com\/embed\/wJJdSn4Vk-Q?enablejsapi=1\" allow=\"autoplay\" frameborder=\"0\" allowfullscreen><\/iframe>\n<\/div>\n<p>Это фрагмент № 111 онлайн-курса «Пользовательский интерфейс и представление информации». Записано на курсе 24 марта 2023 года.<\/p>\n<p>До 25 августа идёт запись на курс, который пройдёт с 26 августа по 24 сентября. Сейчас действует скидка 10% из-за ранней записи.<\/p>\n<p><a href=\"http:\/\/bureau.ru\/educenter\/ui-online\/\" class=\"button buy-button big-button\">Почитать о курсе<\/a><\/p>\n<p class=\"foot\">Программа, отзывы, запись<\/p>\n",
            "summary": "Небольшой кусочек, где я говорю, почему круговые диаграммы мешают въехать в данные, и почему тут нужна обычная таблица",
            "date_published": "2023-08-12T08:35:57+02:00",
            "date_modified": "2023-08-14T16:16:43+02:00",
            "tags": [
                "видео",
                "информационный дизайн",
                "круговые диаграммы",
                "представление информации",
                "студентам",
                "таблицы",
                "фрагменты курса ПИ"
            ],
            "image": "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/remote\/youtube-wJJdSn4Vk-Q-cover.jpg",
            "_date_published_rfc2822": "Sat, 12 Aug 2023 08:35:57 +0200",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "6065",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": [
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/remote\/youtube-wJJdSn4Vk-Q-cover.jpg"
                ]
            }
        },
        {
            "id": "5586",
            "url": "https:\/\/ilyabirman.ru\/meanwhile\/all\/ui-course-frag-29\/",
            "title": "На интерфейсном курсе: круговая диаграмма для красоты, табличка для пользы дела",
            "content_html": "<p>Разбираем пример участницы, где используется круговая диаграмма. Как инструмент представления информации она совершенно бестолкова, зато выглядит привлекательно. А под ней — табличка, чтобы можно было сравнить. Норм решение. Покажите дизайнерам:<\/p>\n<div class=\"e2-text-video\">\n<iframe src=\"https:\/\/www.youtube.com\/embed\/N2LINRApqmg?enablejsapi=1\" allow=\"autoplay\" frameborder=\"0\" allowfullscreen><\/iframe>\n<p>\n00:00 Вопрос участницы<br \/>\n00:44 Что нас интересует на курсе о представлении информации? Для красивого скриншота в апсторе может быть надо другое<br \/>\n04:34 Как решить обе задачи сразу. Хорошо, что не надо ничего переключать<br \/>\n<\/p>\n<\/div>\n<p>Это фрагмент № 29 онлайн-курса «Пользовательский интерфейс и представление информации». Записано на курсе 14 октября 2020 года.<\/p>\n<p>До 7 марта идёт запись на курс, который пройдёт с 13 марта по 9 апреля:<\/p>\n<p><a href=\"http:\/\/bureau.ru\/educenter\/ui-online\/\" class=\"button buy-button big-button\">Почитать о курсе<\/a><\/p>\n<p class=\"foot\">Программа, отзывы, запись<\/p>\n",
            "summary": "Разбираем пример участницы, где используется круговая диаграмма. Как инструмент представления информации она совершенно бестолкова, зато выглядит привлекательно",
            "date_published": "2021-02-09T13:57:09+02:00",
            "date_modified": "2023-12-26T11:14:50+02:00",
            "tags": [
                "видео",
                "графики и диаграммы",
                "круговые диаграммы",
                "курсы",
                "представление информации",
                "студентам",
                "таблицы",
                "фрагменты курса ПИ"
            ],
            "image": "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/remote\/youtube-N2LINRApqmg-cover.jpg",
            "_date_published_rfc2822": "Tue, 09 Feb 2021 13:57:09 +0200",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "5586",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": true,
                "links_required": [
                    "jquery\/jquery.js",
                    "jquery\/jquery.js",
                    "media-seek\/media-seek.js"
                ],
                "og_images": [
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/remote\/youtube-N2LINRApqmg-cover.jpg"
                ]
            }
        },
        {
            "id": "4667",
            "url": "https:\/\/ilyabirman.ru\/meanwhile\/all\/telegram-2018-jan-8\/",
            "title": "Телеграм за неделю 1—7 января 2018",
            "content_html": "<p class=\"foot\"><a href=\"https:\/\/ilyabirman.ru\/meanwhile\/all\/telegram-2018-jan-1\">25—31 дек<\/a> ← → <a href=\"https:\/\/ilyabirman.ru\/meanwhile\/all\/telegram-2018-jan-15\/\">8—15 янв<\/a><\/p>\n<p>С новогодними каникулами мы несколько отстали от публикации того, что было <a href=\"https:\/\/t.me\/ilyabirman_channel\">в канале в телеграме<\/a>. Поэтому сегодня не прошлая, а позапрошая неделя. Чтобы не отставать, подписывайтесь на сам канал.<\/p>\n<p>Ещё в прошлом дайджесте мы не догадались, что аудио тоже можно выкладывать, поэтому задним числом публикую ответ на прошлогодний вопрос Сергея Пономаренко:<\/p>\n<blockquote>\n<p>@ilyabirman, вопрос к вам в рамках рубрики «Отвечу голосом». Как относитесь к пуш-уведомлениям на сайтах и планируете ли добавлять их в Эгею?<\/p>\n<\/blockquote>\n<div class=\"e2-text-audio\">\n<div class=\"e2-jouele-wrapper\"><a class=\"jouele\" data-space-control=\"true\" data-length=\"170\" href=\"https:\/\/ilyabirman.ru\/meanwhile\/audio\/telegram-2018-jan-1-dubrovsky.mp3\">Ответ<\/a><\/div>\n<\/div>\n<h2>Понедельник, 1 января<\/h2>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ilyabirman.ru\/meanwhile\/pictures\/telegram-2018-jan-8-2.jpg\" width=\"816\" height=\"464\" alt=\"Дайджест телеграма за неделю 1–7 января 2018\" \/>\n<div class=\"e2-text-caption\">Табличка «Осторожно, ступенька» в блинной<\/div>\n<\/div>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ilyabirman.ru\/meanwhile\/pictures\/telegram-2018-jan-8-3.jpg\" width=\"320\" height=\"693\" alt=\"Дайджест телеграма за неделю 1–7 января 2018\" \/>\n<\/div>\n<p>Почему «Позвони», «Назначь», но «Запустить», «Сказать»? Почему нельзя привести примеры к одной форме хотя бы на демоэкране? Или, если нужно проиллюстрировать, что можно говорить как угодно, почему не сделать, наоборот, все в разной форме? Вообще, синтаксически команда требует глагола в начальной форме («Сидеть!»), но общение с виртуальным помощником воспринимается не как команды, а скорее как просьбы и вопросы. Так что «Запустить» и «Сказать» — в топку.<\/p>\n<p>Занял высокое место в неведомом рейтинге:<br \/>\n<a href=\"https:\/\/tagline.ru\/personalities-rating\/2017\/\">https:\/\/tagline.ru\/personalities-rating\/2017\/<\/a><\/p>\n<h2>Вторник, 2 января<\/h2>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ilyabirman.ru\/meanwhile\/pictures\/telegram-2018-jan-8-4.jpg\" width=\"1000\" height=\"220\" alt=\"Дайджест телеграма за неделю 1–7 января 2018\" \/>\n<\/div>\n<p>У меня вышел 100500-й совет про транспортные схемы. Дмитрий спросил про «решения для пучка маршрутов, которые в обратном направлении пропускают одну-две остановки»<br \/>\n<a href=\"https:\/\/bureau.ru\/bb\/soviet\/20180102\/\">https:\/\/bureau.ru\/bb\/soviet\/20180102\/<\/a><\/p>\n<p>Сравнение — важнейший инструмент визуализации данных. Вот, например, наглядное сравнение разных видеоформатов.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ilyabirman.ru\/meanwhile\/pictures\/telegram-2018-jan-8-5.jpg\" width=\"806\" height=\"850\" alt=\"Дайджест телеграма за неделю 1–7 января 2018\" \/>\n<\/div>\n<p>А если серьёзно, мне очень нравится такая картинка для сравнения площадей разных частей суши. Взяли и наложили перевёрнутую карту на обычную карту:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ilyabirman.ru\/meanwhile\/pictures\/telegram-2018-jan-8-6.jpg\" width=\"768\" height=\"390\" alt=\"Дайджест телеграма за неделю 1–7 января 2018\" \/>\n<\/div>\n<p>Очевидно, что можно сделать куда более продвинутое сравнение, но этот дизайн меня радует тем, как большой эффект достигается простым как пробка решением.<\/p>\n<p>А вот плакат, который я сфоткал года три назад в Таллине:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ilyabirman.ru\/meanwhile\/pictures\/telegram-2018-jan-8-7.jpg\" width=\"768\" height=\"1024\" alt=\"Дайджест телеграма за неделю 1–7 января 2018\" \/>\n<\/div>\n<p>Сергей Голубенко:<\/p>\n<blockquote>\n<p>Вопрос в рубрику «Отвечу голосом». Есть ли проблема в отсутствии обратной связи при копировании текста (Cmd+C)? Если да — как решать? Если нет — то почему?<\/p>\n<\/blockquote>\n<div class=\"e2-text-audio\">\n<div class=\"e2-jouele-wrapper\"><a class=\"jouele\" data-space-control=\"true\" data-length=\"162\" href=\"https:\/\/ilyabirman.ru\/meanwhile\/audio\/telegram-2018-jan-8-voiceadvice.mp3\">Ответ<\/a><\/div>\n<\/div>\n<h2>Среда, 3 января<\/h2>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ilyabirman.ru\/meanwhile\/pictures\/telegram-2018-jan-8-8.jpg\" width=\"640\" height=\"411\" alt=\"Дайджест телеграма за неделю 1–7 января 2018\" \/>\n<\/div>\n<p>Пример того, насколько бессмысленной может быть круговая диаграмма.<\/p>\n<p>Мало того, что КД всегда зло, потому что в ней ничерта нельзя понять и сравнить, так тут ещё и от неё оставлено только кольцо, при этом сравнивается полтора десятка объектов.<\/p>\n<p>Вместо того, чтобы хотя бы подписать каждый фрагмент кольца рядом с ним, все подписи вынесены в отдельный далёкий столбик, чтобы максимально затруднить читателю изучение и заставить совершать огромные прыжки глазами.<\/p>\n<p>В самом столбике слово «айфон» повторяется каждый раз, хотя его явно надо было вынести за скобку.<\/p>\n<p>Такое мог сделать либо человек, который вообще ничего не понимает в визуализации данных, либо человек, у которого была задача запутать читателя или создать у него впечатление «тут график», но так, чтобы читатель не вникал в смысл.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ilyabirman.ru\/meanwhile\/pictures\/telegram-2018-jan-8-9.jpg\" width=\"1280\" height=\"142\" alt=\"Дайджест телеграма за неделю 1–7 января 2018\" \/>\n<\/div>\n<p>Такое ощущение, что формулировку утверждали у замдекана автотракторного факультета. Миллион слов и почти ничего по делу.<\/p>\n<p>Можно было бы написать: «Переводы выполнятся после 9 января» и всё.<\/p>\n<p>А писать «Счастливого Нового года» тут вообще неуместно, выглядит как издёвка. Банк не работает, но вы держитесь, хорошего вам настроения.<\/p>\n<p>Если в вашей компании так пишут или делают такие графики, перешлите это тем, кто это делает. И присылайте ещё примеры, я вам про всё объясню, как нормально делать.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ilyabirman.ru\/meanwhile\/pictures\/telegram-2018-jan-8-10.jpg\" width=\"1280\" height=\"853\" alt=\"Дайджест телеграма за неделю 1–7 января 2018\" \/>\n<div class=\"e2-text-caption\">Забавно, что для парковки человечество не придумало никакого знака и пишет букву P. А это зацеплялка поводка около магазина<\/div>\n<\/div>\n<p>На прошлой неделе я отвечал голосом о том, как отношусь к пуш-уведомлениям на сайтах. А вот как подключить пуш-уведомления предлагает «Саундклауд»:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ilyabirman.ru\/meanwhile\/pictures\/telegram-2018-jan-8-11@2x.jpg\" width=\"451\" height=\"240\" alt=\"Дайджест телеграма за неделю 1–7 января 2018\" \/>\n<\/div>\n<p>Безо всяких модальных окон, когда я уже провёл на сайте полчаса, скромненько показывает мне предложение включить уведомления, сразу же объясняя пользу от них: «so you know what’s playing». Поскольку окно не модальное, оно никак не мешает мне переключать треки или делать что угодно ещё, поэтому у меня нет желания его срочно закрыть, я могу прочитать и обдумать предложение.<\/p>\n<p>Если у вас или у ваших знакомых сайт, который при открытии сразу предлагает включить уведомление, вам или вашим знакомым большой привет!<\/p>\n<p>На днях мы тут встречались с Даниилом Соколовским (Daniel Lesden), пситрансовым музыкантом и диджеем, и он интересовался размещением рекламы своего канала у меня в канале. Пока он думает, я решил сам рассказать про его канал.<\/p>\n<p>Даниил пишет что-то вроде бюрошных советов, но про дело электронного музыканта. В отличие от дизайна, эта тема вообще очень плохо освещена. Он рассказывает про всё, от нюансов настройки конкретных фильтров до отношений между музыкантами и лейблами.<\/p>\n<p>Он только что показал несколько синтезаторов, которыми пользуется, и я выбрал парочку самых красивых на вид для вас.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ilyabirman.ru\/meanwhile\/pictures\/telegram-2018-jan-8-12.jpg\" width=\"1280\" height=\"665\" alt=\"Дайджест телеграма за неделю 1–7 января 2018\" \/>\n<div class=\"e2-text-caption\">Serum, Xfer, $189<\/div>\n<\/div>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ilyabirman.ru\/meanwhile\/pictures\/telegram-2018-jan-8-13.jpg\" width=\"1255\" height=\"1010\" alt=\"Дайджест телеграма за неделю 1–7 января 2018\" \/>\n<div class=\"e2-text-caption\">Spire, Reveal Sound, $189<\/div>\n<\/div>\n<p>Смотрите, какие красивые крутилочки! Правда, с ними всегда проблема интерфейсная: фиг поймёшь, как ими управлять. Двигать мышью по кругу дико неудобно, поэтому обычно делают, что они едут при движении мышью вверх и вниз. Но это противоречит тому, что нарисовано, и часто всё равно сначала пытаешься крутить. Это плата за скеоморфизм.<\/p>\n<h2>Четверг, 4 января<\/h2>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ilyabirman.ru\/meanwhile\/pictures\/telegram-2018-jan-8-14.jpg\" width=\"1086\" height=\"572\" alt=\"Дайджест телеграма за неделю 1–7 января 2018\" \/>\n<\/div>\n<p>Во многих системах веб-статистики такая проблема: только начавшийся месяц включают в общий график, а потом ещё и соединяют всё непрерывной линией — получается, будто всё обвалилось.<\/p>\n<p>Древняя, но вечно актуальная статья Артёма о псевдокривых:<br \/>\n<a href=\"https:\/\/bureau.ru\/bb\/information\/pseudo\/\">https:\/\/bureau.ru\/bb\/information\/pseudo\/<\/a><\/p>\n<p>Если бы тут вместо псевдокривой нарисовали столбики, было бы радикально лучше. Хотя январь всё равно следовало бы отделить визуально.<\/p>\n<p>Мы ещё про это на курсе «Пользовательский интерфейс и представление информации» говорим, конечно.<\/p>\n<h2>Пятница, 5 января<\/h2>\n<p>В декабрьской заметке «Транспортные детали Лондона» Варламов показывает некие новые навигационные стелы на «Кингс-кроссе»:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ilyabirman.ru\/meanwhile\/pictures\/telegram-2018-jan-8-16.jpg\" width=\"1100\" height=\"733\" alt=\"Дайджест телеграма за неделю 1–7 января 2018\" \/>\n<\/div>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ilyabirman.ru\/meanwhile\/pictures\/telegram-2018-jan-8-18.jpg\" width=\"1100\" height=\"733\" alt=\"Дайджест телеграма за неделю 1–7 января 2018\" \/>\n<\/div>\n<p>Красивые — это понятно. Но интересно, что в Лондоне сто лет была другая уличная навигация, типа такой:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ilyabirman.ru\/meanwhile\/pictures\/telegram-2018-jan-8-17.jpg\" width=\"613\" height=\"920\" alt=\"Дайджест телеграма за неделю 1–7 января 2018\" \/>\n<\/div>\n<p>Называется «Леджибл Лондон»:<br \/>\n<a href=\"http:\/\/appliedwayfinding.com\/projects\/legible-london\/\">http:\/\/appliedwayfinding.com\/projects\/legible-london\/<\/a><\/p>\n<p>За много лет она проникла даже в самые спальные районы. Она использует шрифт Джонстон и явно пытается быть частью транспортной инфографики. Снизу даже логотип ТФЛ стоит.<\/p>\n<p>На варламовских фотках ничего такого нет.<\/p>\n<p>Интересно, что сподвигло Лондон начать менять навигацию? Я сначала подумал, что, может, это какая-то локальная штука именно в этом районе, но Илья говорит, что встречал такие и в других местах.<\/p>\n<p>Кто в курсе? Расскажите.<\/p>\n<p>Пост Ильи:<br \/>\n<a href=\"https:\/\/varlamov.ru\/2699039.html\">https:\/\/varlamov.ru\/2699039.html<\/a><\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ilyabirman.ru\/meanwhile\/pictures\/telegram-2018-jan-8-19.jpg\" width=\"1280\" height=\"960\" alt=\"Дайджест телеграма за неделю 1–7 января 2018\" \/>\n<div class=\"e2-text-caption\">Аймак-про под капотом<\/div>\n<\/div>\n<h2>Суббота, 6 января<\/h2>\n<p>Серёга Чикин дело говорит:<\/p>\n<div class=\"e2-text-audio\">\n<div class=\"e2-jouele-wrapper\"><a class=\"jouele\" data-space-control=\"true\" data-length=\"9\" href=\"https:\/\/ilyabirman.ru\/meanwhile\/audio\/telegram-2018-jan-8-chikin.mp3\">Телеграму вместо иконки «Просмотрено» для аудиозаписей нужно делать иконку «Прослушано». Чё там глаз-то делает? Там ухо должно быть<\/a><\/div>\n<\/div>\n<p>Александр Путилин:<\/p>\n<blockquote>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ilyabirman.ru\/meanwhile\/pictures\/telegram-2018-jan-8-20.jpg\" width=\"226\" height=\"82\" alt=\"Дайджест телеграма за неделю 1–7 января 2018\" \/>\n<\/div>\n<p>Принёс милоты. Оказывается, земной шар на иконке для нотификаций поворачивается, если поехать на запад\/восток.<\/p>\n<\/blockquote>\n<h2>Воскресенье, 7 января<\/h2>\n<p>Вопрос от читательницы Mary: «Привет, Илья! Расскажите про трекинг в вертикальных вывесках. Мне кажется, на примере, в горизонтальной надписи, вполне все удалось, а вот вертикальная плохо смотрится»<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ilyabirman.ru\/meanwhile\/pictures\/telegram-2018-jan-8-1.jpg\" width=\"960\" height=\"1280\" alt=\"Дайджест телеграма за неделю 1–7 января 2018\" \/>\n<\/div>\n<p>Вертикальная плохо смотрится, потому что шрифт никто не дизайнил для этого.<\/p>\n<p>Шрифты рассчитаны на использование в строке: буквы стоят на общей базовой линии, дружат по высоте; расстояния между ними подбираются так, чтобы набор смотрелся «ровно».<\/p>\n<p>Вся наша письменность устроена исходя из горизонтальности строк. Не очень понятно, как вообще можно сдизайнить шрифт, чтобы буквы g·t·y·w смотрелись ровно друг под другом. Будут цепляться выносными элементами, столбик будет переменной ширины.<\/p>\n<p>Если вдруг очень надо набрать вертикально, то повёрнутая набок строка будет смотреться намного лучше. Кстати, в этом случае ей понадобится небольшая разрядка.<\/p>\n<p>Если читаемость текста не заботит и хочется, чтобы просто выглядело более-менее ровно, можно использовать заглавные буквы и моноширинный шрифт.<\/p>\n<p>Вертикальные надписи, конечно, хорошо смотрятся на японском. Покажу на примере транспортной схемы :-)<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ilyabirman.ru\/meanwhile\/pictures\/telegram-2018-jan-8-21.jpg\" width=\"1280\" height=\"960\" alt=\"Дайджест телеграма за неделю 1–7 января 2018\" \/>\n<\/div>\n<p>Не знаю про японский, а про китайский мне объясняла настоящая китаянка, что горизонтальный и вертикальный текст для них читается одинаково легко. Больше текста набирают горизонтально просто потому, что это проще технически, когда используется софт, созданный людьми, говорящими на горизонтальных язык.<\/p>\n<p>Но вот разворот из японского журнала, где всё вертикальное. Выглядит офигенно:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ilyabirman.ru\/meanwhile\/pictures\/telegram-2018-jan-8-22.jpg\" width=\"643\" height=\"421\" alt=\"Дайджест телеграма за неделю 1–7 января 2018\" \/>\n<\/div>\n<p>Заодно зацените шрифт «Нихон»:<br \/>\n<a href=\"https:\/\/www.behance.net\/gallery\/19004863\/Nihon-Typeface\">https:\/\/www.behance.net\/gallery\/19004863\/Nihon-Typeface<\/a><\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ilyabirman.ru\/meanwhile\/pictures\/telegram-2018-jan-8-23.jpg\" width=\"600\" height=\"849\" alt=\"Дайджест телеграма за неделю 1–7 января 2018\" \/>\n<\/div>\n<p>В чате сообщают: «Интересно, что в японском вертикальный текст читается справа налево. И если книжка набрана вертикально, то она открывается с изнанки и листается справа налево. Если текст горизонтальный, тогда все по-западному, слева направо».<\/p>\n<p>Дайджест подготовил <a href=\"https:\/\/iaveto.ru\">Иван Ветошкин<\/a>.<\/p>\n",
            "summary": "С новогодними каникулами мы несколько отстали от публикации того, что было в канале в телеграме. Поэтому сегодня не прошлая, а позапрошая неделя",
            "date_published": "2018-01-15T10:02:51+02:00",
            "date_modified": "2023-08-14T16:02:28+02:00",
            "tags": [
                "вынести за скобку",
                "круговые диаграммы",
                "сравнение",
                "телеграм-канал"
            ],
            "image": "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/telegram-2018-jan-8-2.jpg",
            "_date_published_rfc2822": "Mon, 15 Jan 2018 10:02:51 +0200",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "4667",
            "_rss_enclosures": [
                {
                    "url": "https:\/\/ilyabirman.ru\/meanwhile\/audio\/telegram-2018-jan-1-dubrovsky.mp3",
                    "type": "audio\/mpeg",
                    "length": 1362044
                },
                {
                    "url": "https:\/\/ilyabirman.ru\/meanwhile\/audio\/telegram-2018-jan-8-voiceadvice.mp3",
                    "type": "audio\/mpeg",
                    "length": 1301858
                },
                {
                    "url": "https:\/\/ilyabirman.ru\/meanwhile\/audio\/telegram-2018-jan-8-chikin.mp3",
                    "type": "audio\/mpeg",
                    "length": 133149
                }
            ],
            "_e2_data": {
                "is_favourite": false,
                "links_required": [
                    "jquery\/jquery.js",
                    "jouele\/jouele.css",
                    "jouele\/jouele.js"
                ],
                "og_images": [
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/telegram-2018-jan-8-2.jpg",
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/telegram-2018-jan-8-3.jpg",
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/telegram-2018-jan-8-4.jpg",
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/telegram-2018-jan-8-5.jpg",
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/telegram-2018-jan-8-6.jpg",
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/telegram-2018-jan-8-7.jpg",
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/telegram-2018-jan-8-8.jpg",
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/telegram-2018-jan-8-9.jpg",
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/telegram-2018-jan-8-10.jpg",
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/telegram-2018-jan-8-11@2x.jpg",
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/telegram-2018-jan-8-12.jpg",
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/telegram-2018-jan-8-13.jpg",
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/telegram-2018-jan-8-14.jpg",
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/telegram-2018-jan-8-16.jpg",
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/telegram-2018-jan-8-18.jpg",
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/telegram-2018-jan-8-17.jpg",
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/telegram-2018-jan-8-19.jpg",
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/telegram-2018-jan-8-20.jpg",
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/telegram-2018-jan-8-1.jpg",
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/telegram-2018-jan-8-21.jpg",
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/telegram-2018-jan-8-22.jpg",
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/telegram-2018-jan-8-23.jpg"
                ]
            }
        },
        {
            "id": "3535",
            "url": "https:\/\/ilyabirman.ru\/meanwhile\/all\/weekend-reading-89\/",
            "title": "Что почитать на выходных — 89",
            "content_html": "<p>Вот что:<\/p>\n<ol start=\"1\">\n  <li><a href=\"http:\/\/domleca.com\/poetics-of-music\">Poetics of Music<\/a>. У Дома Леки несколько цитат из лекции Стравинского в Гардварде. Во-первых: «Contrast produces an immediate effect. Similarity satisfies us only in the long run». Во-вторых, что ещё важнее: «From the moment song assumes as its calling the expression of the meaning of discourse, it leaves the realm of music and has nothing more in common with it». Ну и вообще.<\/li>\n  <li><a href=\"https:\/\/medium.com\/book-excerpts\/7bb11b0284c2\">The Birth of the iPhone<\/a>. Довольно объёмный отрывок из книги про Джонни Айва. Похоже, надо будет книгу покупать, страшно интересно.<\/li>\n  <li><a href=\"http:\/\/furbo.org\/2014\/03\/13\/wearing-apple\/\">Wearing Apple<\/a>. Крег Хокенберри рассуждает о том, чем будет следующий продукт Эпла (и это, на его взгляд, не часы).<\/li>\n  <li><a href=\"http:\/\/www.newtimes.ru\/articles\/detail\/64032\">Страна заболела манией величия<\/a>. Немка Дора Насс делится воспоминаниями. «И сейчас, вспоминая наше восхищение, то, как мы все и я с моими подругами и друзьями славили нашего фюрера, как готовы были часами ждать его выступления, я бы хотела сказать вот что: нужно научиться распознавать зло, пока оно не стало непобедимым... Моя подруга Хельга жила прямо на Вильгельмштрассе. По этой улице часто ездил автомобиль Гитлера в сопровождении пяти машин. И однажды её игрушка попала под колеса автомобиля фюрера. Он приказал остановиться, дал ей подойти и достать игрушку из-под колёс, а сам вышел из машины и погладил её по голове». Только в живот не поцеловал.<\/li>\n  <li><a href=\"http:\/\/www.businessinsider.com\/pie-charts-are-the-worst-2013-6\">The Worst Chart In The World<\/a>. Почему никогда не надо использовать круговые диаграммы. Это мы ещё <a href=\"http:\/\/artgorbunov.ru\/educenter\/3day\/\">на курсе<\/a> объясняем тоже.<\/li>\n  <li><a href=\"http:\/\/esquire.ru\/wil\/bjoerndalen\">Правила жизни Уле-Эйнара Бьорндалена<\/a>. «Пылесосы занимают особое место в моей жизни». Почему-то очень мило.<\/li>\n<\/ol>\n<p>Однажды в Википедии: <a href=\"http:\/\/en.wikipedia.org\/wiki\/Miranda_warning\">Miranda warning<\/a><\/p>\n",
            "summary": "Вот что...",
            "date_published": "2014-03-14T20:07:22+02:00",
            "date_modified": "2023-08-14T16:02:23+02:00",
            "tags": [
                "Википедия",
                "дизайн",
                "круговые диаграммы",
                "музыка",
                "политика",
                "спорт",
                "цитаты",
                "чтиво",
                "Эпл"
            ],
            "_date_published_rfc2822": "Fri, 14 Mar 2014 20:07:22 +0200",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "3535",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": []
            }
        }
    ],
    "_e2_version": 4259,
    "_e2_ua_string": "Aegea 12.0a (v4259e)"
}