{
    "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\/skruglenie-uglov\/",
    "feed_url": "https:\/\/ilyabirman.ru\/meanwhile\/tags\/skruglenie-uglov\/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": "3168",
            "url": "https:\/\/ilyabirman.ru\/meanwhile\/all\/metro-line-curves\/",
            "title": "Про изгибы линий",
            "content_html": "<p>Этот обещанный метроизгибов пост для дизайнеров.<\/p>\n<p>Допустим, нам надо погнуть линию под углом 90 градусов (а такое случается). Есть три способа это сделать:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ilyabirman.ru\/meanwhile\/pictures\/metro-curves-1.png\" width=\"768\" height=\"211\" alt=\"\" \/>\n<\/div>\n<p>Первый способ про то, что изгибы должны быть под 45 градусов, и поэтому типа два раза по 45 — это 90, вот и вся наука. Но два изгиба в два раза хуже чем один (арифметика). Изгиб — это выразительный элемент. Если выразительный элемент лишний, это сразу шум. Но это ещё ничего, назовём это «стилистический ход».<\/p>\n<p>А со вторым способом что не так? Уверен, многие даже не поняли, чем второй от третьего отличается. Объясню. Во втором способе мы доверили рисование кривой бездушной машине:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ilyabirman.ru\/meanwhile\/pictures\/metro-curves-2-radii.png\" width=\"674\" height=\"245\" alt=\"\" \/>\n<\/div>\n<p>Машина скругляет максимально тупым и неестественным образом, подставляя на место изгиба дугу окружности определённого радиуса:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ilyabirman.ru\/meanwhile\/pictures\/metro-curves-3.png\" width=\"742\" height=\"417\" alt=\"\" \/>\n<\/div>\n<p>Проблема тут в том, что в жизни таких изгибов не бывает (вы не смотрите, что текст плохо откернен, борьба с Иллюстратором на эту тему запланирована на вторую половину субботы). На переходе из отрезка прямой в дугу окружности возникают Адские изломы:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ilyabirman.ru\/meanwhile\/pictures\/metro-curves-4.png\" width=\"555\" height=\"276\" alt=\"\" \/>\n<\/div>\n<p>Тут надо внимательно посмотреть, но если один раз это увидишь, дальше всю жизнь будет тошнить от радиусного скругления. Не может такого быть, чтобы радиус кривизны кривой был-был бесконечным, потом вдруг резко стал 20, а потом вдруг опять стал бесконечным. Хрен согнёшь так что-нибудь настоящее.<\/p>\n<p>В жизни изгибы выглядят так:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ilyabirman.ru\/meanwhile\/pictures\/metro-curves-5.png\" width=\"545\" height=\"290\" alt=\"\" \/>\n<\/div>\n<p>Здесь изломов нет, потому что радиус кривизны меняется плавно.<\/p>\n<p>Посмотрим на скелет изгиба глазами Безье:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ilyabirman.ru\/meanwhile\/pictures\/metro-curves-6-bezier.png\" width=\"768\" height=\"250\" alt=\"\" \/>\n<\/div>\n<p>Слева, как и раньше — скруглённый радиусом изгиб, которому сделали экспанд. Усы Безье у такого изгиба торчат на половину радиуса (на самом деле на каплю больше).<\/p>\n<p>Справа — скруглённый вручную изгиб. Сами точки, с которых начинается плавное увеличение радиуса кривизны, отодвинуты дальше от точки изгиба, а усы вытащены из них сильнее. Уверен, Кутузов даже одним глазом бы увидел разницу.<\/p>\n<p>Насколько именно вытаскивать усы — дело вкуса. Вытащишь мало — изломы останутся. Вытащишь много — изгиб станет слишком вялым, как будто не прут погнул, а вермишелину. Правда где-то посередине:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ilyabirman.ru\/meanwhile\/pictures\/metro-curves-7-compare.png\" width=\"728\" height=\"128\" alt=\"\" \/>\n<\/div>\n<p>Ну или чуть правее середины. В этом ряду самый левый изгиб — как раз жуткий радиус (который ещё в начале заметки вам, возможно, казался обычным делом).<\/p>\n<p>Кстати, углы вашего Айфона, Макбука, или что у вас там, изогнуты правильно. А вот в интерфейсе Айфона углы, к сожалению, скруглены радиусами. На ретине это невозможно не замечать. Прям жесть ведь:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ilyabirman.ru\/meanwhile\/pictures\/metro-curves-8-slide.png\" width=\"768\" height=\"120\" alt=\"\" \/>\n<\/div>\n<p>Восемь Адских изломов только в двигалке, и ещё столько же в шахте. Прям смотрю и плачу.<\/p>\n<p>Да, ну для совсем уж зрячих. На схеме метро я вручную сгруглил только углы 90 градусов. Те, которые 45, пока радиусом — там почти незаметно. Это в самом конце, если успею.<\/p>\n<p>Кривые достойны любви не меньше пикселей.<\/p>\n<p>Предыдущие посты про схему метро:<\/p>\n<ul>\n  <li><a href=\"http:\/\/ilyabirman.ru\/meanwhile\/all\/black-and-white-diagrams\/\">Чёрно-белые схемы и проблемы дальтоников<\/a><\/li>\n  <li><a href=\"http:\/\/ilyabirman.ru\/meanwhile\/all\/metro-map-latin\/\">Латиница на схеме метро<\/a><\/li>\n  <li><a href=\"http:\/\/ilyabirman.ru\/meanwhile\/all\/eschyo-para-slov-pro-latinicu\/\">Ещё пара слов про латиницу<\/a><\/li>\n<\/ul>\n",
            "summary": "Этот обещанный метроизгибов пост для дизайнеров",
            "date_published": "2013-01-17T02:58:48+05:00",
            "date_modified": "2021-05-19T11:35:16+05:00",
            "tags": [
                "дизайн",
                "инфографика",
                "метро",
                "московское метро",
                "скругление углов",
                "схема лайв"
            ],
            "image": "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/metro-curves-1.png",
            "_date_published_rfc2822": "Thu, 17 Jan 2013 02:58:48 +0500",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "3168",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": true,
                "links_required": [],
                "og_images": [
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/metro-curves-1.png",
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/metro-curves-2-radii.png",
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/metro-curves-3.png",
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/metro-curves-4.png",
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/metro-curves-5.png",
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/metro-curves-6-bezier.png",
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/metro-curves-7-compare.png",
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/metro-curves-8-slide.png"
                ]
            }
        },
        {
            "id": "2649",
            "url": "https:\/\/ilyabirman.ru\/meanwhile\/2010\/08\/31\/1\/",
            "title": "Индизайн и скруглённые углы",
            "content_html": "<p>В Индизайне можно скруглять разные углы разным радиусом. Это клёво. Но вот как выглядит окно, где это настраивается:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ilyabirman.ru\/meanwhile\/pictures\/indesign-corners.png\" width=\"474\" height=\"272\" alt=\"Индизайн и скруглённые углы\" \/>\n<\/div>\n<p>Казалось бы, очевидно, что должно быть вот так:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ilyabirman.ru\/meanwhile\/pictures\/indesign-corners-shouldhavebeen.png\" width=\"474\" height=\"272\" alt=\"Индизайн и скруглённые углы\" \/>\n<\/div>\n<p>Не говоря уж о том, что ввод радиуса для нескруглённых углов — это бред.<\/p>\n",
            "summary": "В Индизайне можно скруглять разные углы разным радиусом. Это клёво. Но вот как выглядит окно, где это настраивается",
            "date_published": "2010-08-31T01:16:24+05:00",
            "date_modified": "2021-05-19T11:34:59+05:00",
            "tags": [
                "Индизайн",
                "пользовательский интерфейс",
                "скругление углов"
            ],
            "image": "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/indesign-corners.png",
            "_date_published_rfc2822": "Tue, 31 Aug 2010 01:16:24 +0500",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "2649",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": true,
                "links_required": [],
                "og_images": [
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/indesign-corners.png",
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/indesign-corners-shouldhavebeen.png"
                ]
            }
        }
    ],
    "_e2_version": 4269,
    "_e2_ua_string": "Aegea 12.0a (v4269e)"
}