{
    "version": "https:\/\/jsonfeed.org\/version\/1",
    "title": "Кирилл Беляев: заметки с тегом идея",
    "_rss_description": "о подаче информации, айдентике, интерфейсах и жизненной среде",
    "_rss_language": "ru",
    "_itunes_email": "",
    "_itunes_categories_xml": "",
    "_itunes_image": "",
    "_itunes_explicit": "",
    "home_page_url": "https:\/\/www.kirillbelyaev.com\/ru\/blog\/?go=tags\/idea\/",
    "feed_url": "https:\/\/www.kirillbelyaev.com\/ru\/blog\/?go=tags%2Fidea%2Fjson%2F",
    "icon": "https:\/\/www.kirillbelyaev.com\/ru\/blog\/user\/userpic@2x.jpg?1662385101",
    "author": {
        "name": "Кирилл Беляев",
        "url": "https:\/\/www.kirillbelyaev.com\/ru\/blog\/",
        "avatar": "https:\/\/www.kirillbelyaev.com\/ru\/blog\/user\/userpic@2x.jpg?1662385101"
    },
    "items": [
        {
            "id": "503",
            "url": "https:\/\/www.kirillbelyaev.com\/ru\/blog\/?go=all\/complementary-socks-color\/",
            "title": "Комплиментарные цвета носков",
            "content_html": "<p>Мне нравятся разноцветные носки.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/www.kirillbelyaev.com\/ru\/blog\/pictures\/socks.jpg\" width=\"1280\" height=\"853\" alt=\"\" \/>\n<div class=\"e2-text-caption\">Ношу Хепи-соксы с таким узором и другие с другими<\/div>\n<\/div>\n<p>У таких носков часто цветом выделяют пятку и пальцы. Эти части видно, если надеть носки с сандалиями, но кто так делает?<\/p>\n<p>Пятку и пальцы можно красить в любой цвет. Можно пальцем в небо. А можно добавить пользы и показать к одежде, каких цветов, эти носки подойдут.<\/p>\n<p>Не влияет, какие триады и квадриады цветов нравятся. Удобство в том, что носки до покупки помогают представить, как они будут сочетаться с одеждой.<\/p>\n",
            "date_published": "2017-04-13T21:50:30+03:00",
            "date_modified": "2017-04-13T21:24:57+03:00",
            "image": "https:\/\/www.kirillbelyaev.com\/ru\/blog\/pictures\/socks.jpg",
            "_date_published_rfc2822": "Thu, 13 Apr 2017 21:50:30 +0300",
            "_rss_guid_is_permalink": "true",
            "_rss_guid": "https:\/\/www.kirillbelyaev.com\/ru\/blog\/?go=all\/complementary-socks-color\/",
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": [
                    "https:\/\/www.kirillbelyaev.com\/ru\/blog\/pictures\/socks.jpg"
                ]
            }
        },
        {
            "id": "324",
            "url": "https:\/\/www.kirillbelyaev.com\/ru\/blog\/?go=all\/webfonts-logos\/",
            "title": "Шрифтовые логотипы в вебе",
            "content_html": "<p>На Ретине хорошо выглядит вектор, фотографии и графика, увеличенная в три раза. Готовя графику для сайта, рассчитанного под Ретину, чаще все элементы просто сохраняют в растре с высоким разрешением.<\/p>\n<p>Считаю, что векторные логотипы, с посильными для ЦСС заливками, лучше оставлять в векторе, например в шрифте. Можно весь лого одним элементом или побуквенно, если он как у Гугла текстовый.<\/p>\n<p>Яндекс может просто впечатывать названия продуктов <a href=\"http:\/\/www.artlebedev.ru\/everything\/yandex\/type\/\">фирменным шрифтом<\/a>.<\/p>\n<p><a href=\"http:\/\/ilyabirman.ru\/meanwhile\/all\/underlining-logos\/\">Смельчаки, подчёркивающие логотипы<\/a> на внутренних страницах сайта, могут не грузит вторую картинку, обёрнутый ссылкой лого подчеркнётся и перекрасится сам.<\/p>\n<p>В целом всё по стандартам триза «сделать статическое динамическим» (или постоянное — переменным) и «сделать неуправляемое управляемым» (<a href=\"http:\/\/artgorbunov.ru\/bb\/soviet\/20091008\/\">другой пример применения стандарта<\/a>). Кернить, менять цвет, подчёркивание, кегль и интерлиньяж — одно удовольствие.<\/p>\n<p>Для примера наш логотип:<\/p>\n<div style=\"margin: 30px 0\"><p><span style=\"font-family: 'kipo_logo', sans-serif; font-size: 96px; letter-spacing: 0.7em\"><a style=\"padding-bottom: 0.1em\" href=\"http:\/\/kipo.name\/\"> KIP<span style=\"letter-spacing: -0.7em\">O<\/span><\/a><\/span><\/p>\n<\/div><p>Процедура в три шага:<\/p>\n<ol start=\"1\">\n<li><a href=\"http:\/\/ru.wikipedia.org\/wiki\/OpenType\">Оупен-тайп<\/a> собрал в приложении <a href=\"http:\/\/www.glyphsapp.com\/\">Glyphs<\/a> (кстати, поделитесь простыми шрифтовыми редакторами в комментариях). Скопировал и вставил объекты из Иллюстратора плюс минимально настроил.<\/li>\n<li>Из полученного Оупен‑тайпа сгенерировал набор шрифтов для веба на <a href=\"http:\/\/www.fontsquirrel.com\/tools\/webfont-generator\">Font Squirrel<\/a>.<\/li>\n<li>Добавил набор на сайт.<\/li>\n<\/ol>\n<p>Что скажете? :-)<\/p>\n",
            "date_published": "2014-01-29T15:37:55+03:00",
            "date_modified": "2015-01-03T14:41:03+03:00",
            "_date_published_rfc2822": "Wed, 29 Jan 2014 15:37:55 +0300",
            "_rss_guid_is_permalink": "true",
            "_rss_guid": "https:\/\/www.kirillbelyaev.com\/ru\/blog\/?go=all\/webfonts-logos\/",
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": []
            }
        },
        {
            "id": "307",
            "url": "https:\/\/www.kirillbelyaev.com\/ru\/blog\/?go=all\/absolute-text-units\/",
            "title": "Абсолютные единицы измерения объёма текста",
            "content_html": "<p>У бумажных книг есть страницы. Большинство книг эргономичного формата, и объём страниц у них более или менее совпадает, благодаря чему мы можем сравнивать текст по объёму. Если я скажу, что прочёл повесть в 300 страниц, собеседник скорее всего представит книгу формата А5 толщиной в 2 см.<\/p>\n<p>С электронными книгами такое не прокатывает. У них есть функции выбора шрифта, его кегля, выравнивания и режима отображения, благодаря которым электронные версии конкурируют с бумажными. Побочный эффект этих прекрасных функций — переменное количество страниц, которое порой меняется в разы.<\/p>\n<p>В связи с непостоянством объёма страниц, их в электронных книгах считаю костылём, который решает вопрос только локальной навигации, да, и то неполноценно.<\/p>\n<p>Страницы следует заменить на абсолютные величины — на уже используемые в издательствах и известные почти всем <a href=\"http:\/\/slovari.yandex.ru\/~%D0%BA%D0%BD%D0%B8%D0%B3%D0%B8\/%D0%98%D0%B7%D0%B4%D0%B0%D1%82%D0%B5%D0%BB%D1%8C%D1%81%D0%BA%D0%B8%D0%B9%20%D1%81%D0%BB%D0%BE%D0%B2%D0%B0%D1%80%D1%8C\/%D0%9F%D0%B5%D1%87%D0%B0%D1%82%D0%BD%D1%8B%D0%B9%20%D0%B7%D0%BD%D0%B0%D0%BA\/?ncrnd=6955\">печатные знаки<\/a>.<\/p>\n<p>Для удобства использования подойдут <a href=\"http:\/\/ru.wikipedia.org\/wiki\/%D0%9F%D1%80%D0%B8%D1%81%D1%82%D0%B0%D0%B2%D0%BA%D0%B8_%D0%A1%D0%98\">десятичные приставки системы СИ<\/a>. Например, в «Капитанской дочке» около 200 килознаков (кз).<\/p>\n<p>И совсем будет круто, если в печатных книгах будут дублировать страницы печатными знаками и указывать последние в содержании. Так же для простоты счёта и нумерации страницы могут быть кратны числу знаков, например, 1 стр. = 1 кз.<\/p>\n<p>Для многих величин приняты общие и абсолютные единицы измерения, потому что это удобно. Пора и объёму текста вступить в ряды абсолютных.<\/p>\n",
            "date_published": "2013-08-27T12:31:04+03:00",
            "date_modified": "2015-01-01T11:57:57+03:00",
            "_date_published_rfc2822": "Tue, 27 Aug 2013 12:31:04 +0300",
            "_rss_guid_is_permalink": "true",
            "_rss_guid": "https:\/\/www.kirillbelyaev.com\/ru\/blog\/?go=all\/absolute-text-units\/",
            "_e2_data": {
                "is_favourite": true,
                "links_required": [],
                "og_images": []
            }
        },
        {
            "id": "300",
            "url": "https:\/\/www.kirillbelyaev.com\/ru\/blog\/?go=all\/worktime\/",
            "title": "Время работы с файлом",
            "content_html": "<p>Мне видится удобным отображение времени работы с файлом в шапке программы, рядом с заголовком, например.<\/p>\n<p>Оно давно должно задаваться на уровне ОС для всех программ и файлов. Что сильно упростило бы подсчёт трудочасов. Учитывать, конечно, стоит только «активное» время, пока программа в фоне её работа не в счёт.<\/p>\n<p>Из этой идеи может получится классное приложение для Мак ОС (и любой другой десктопной ОС) в духе Бирмановского <a href=\"http:\/\/ilyabirman.ru\/meanwhile\/tags\/emcee\/\">Эмси<\/a>. Мы будем рады найти мастера, способного написать такое приложение.<\/p>\n<p>Пишите на <a href=\"mail\">hi@kipo.name<\/a><\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/www.kirillbelyaev.com\/ru\/blog\/pictures\/worktime.jpg\" width=\"768\" height=\"877\" alt=\"\" \/>\n<\/div>\n",
            "date_published": "2013-07-20T12:29:04+03:00",
            "date_modified": "2013-07-20T12:18:35+03:00",
            "image": "https:\/\/www.kirillbelyaev.com\/ru\/blog\/pictures\/worktime.jpg",
            "_date_published_rfc2822": "Sat, 20 Jul 2013 12:29:04 +0300",
            "_rss_guid_is_permalink": "true",
            "_rss_guid": "https:\/\/www.kirillbelyaev.com\/ru\/blog\/?go=all\/worktime\/",
            "_e2_data": {
                "is_favourite": true,
                "links_required": [],
                "og_images": [
                    "https:\/\/www.kirillbelyaev.com\/ru\/blog\/pictures\/worktime.jpg"
                ]
            }
        },
        {
            "id": "299",
            "url": "https:\/\/www.kirillbelyaev.com\/ru\/blog\/?go=all\/belt-sale-design\/",
            "title": "Ремень, который покупают чаще благодаря дизайну",
            "content_html": "<p>Примеры работающих решений окружают нас.<\/p>\n<p>Ремни подбирают к обуви, сумкам и одежде. Такой ремень покупают чаще других, потому что он ловко и элегантно сочетает сразу три цвета и подходит к большему числу вещей:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/www.kirillbelyaev.com\/ru\/blog\/pictures\/belt.jpg\" width=\"768\" height=\"512\" alt=\"\" \/>\n<\/div>\n",
            "date_published": "2013-07-19T13:40:36+03:00",
            "date_modified": "2013-07-19T13:40:30+03:00",
            "image": "https:\/\/www.kirillbelyaev.com\/ru\/blog\/pictures\/belt.jpg",
            "_date_published_rfc2822": "Fri, 19 Jul 2013 13:40:36 +0300",
            "_rss_guid_is_permalink": "true",
            "_rss_guid": "https:\/\/www.kirillbelyaev.com\/ru\/blog\/?go=all\/belt-sale-design\/",
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": [
                    "https:\/\/www.kirillbelyaev.com\/ru\/blog\/pictures\/belt.jpg"
                ]
            }
        },
        {
            "id": "190",
            "url": "https:\/\/www.kirillbelyaev.com\/ru\/blog\/?go=2012\/04\/14\/3\/",
            "title": "В магазинах Берлина или всякая всячина II",
            "content_html": "<div class=\"e2-text-calliope-formatted\">В ближайшем к нашему берлинскому дому супермаркете дают попробовать дыню, как на хорошем рынке, чем повышают интерес и число конечных покупателей:<br \/><br \/><img src=\"https:\/\/www.kirillbelyaev.com\/ru\/blog\/pictures\/melon.jpg\" alt=\"Берлин: в магазине или всякая всячина II\" width=\"574\" height=\"768\" \/><br \/><br \/>Там же перед кассой вместо марсо-сникерсов висят карты «Айтюнса»:<br \/> <br \/><img src=\"https:\/\/www.kirillbelyaev.com\/ru\/blog\/pictures\/itunes.jpg\" alt=\"Берлин: в магазине или всякая всячина II\" width=\"574\" height=\"768\" \/><br \/><br \/>Эта находка из очередной сувенирной лавки:<br \/><br \/><img src=\"https:\/\/www.kirillbelyaev.com\/ru\/blog\/pictures\/squirrel.jpg\" alt=\"Берлин: в магазине или всякая всячина II\" width=\"768\" height=\"512\" \/><br \/> <br \/>Пол из магазина шведской марки «КОС» (<a href=\"http:\/\/www.cosstores.com\">COS<\/a>) — это элегантное решение с любовью к материалу:<br \/><br \/><img src=\"https:\/\/www.kirillbelyaev.com\/ru\/blog\/pictures\/floor.jpg\" alt=\"Берлин: в магазине или всякая всячина II\" width=\"768\" height=\"512\" \/><br \/><br \/>Одежда, кстати, фишечная.<\/div>",
            "date_published": "2012-04-14T12:56:52+03:00",
            "date_modified": "2016-08-30T12:12:47+03:00",
            "_date_published_rfc2822": "Sat, 14 Apr 2012 12:56:52 +0300",
            "_rss_guid_is_permalink": "true",
            "_rss_guid": "https:\/\/www.kirillbelyaev.com\/ru\/blog\/?go=2012\/04\/14\/3\/",
            "_e2_data": {
                "is_favourite": false,
                "links_required": null,
                "og_images": []
            }
        },
        {
            "id": "181",
            "url": "https:\/\/www.kirillbelyaev.com\/ru\/blog\/?go=2012\/03\/21\/1\/",
            "title": "Берлин: фишечки",
            "content_html": "<div class=\"e2-text-calliope-formatted\">На улицах немецкой столицы можно найти примеры эффективности приёма, который часто называют «изюминкой». По мне «фишечка» вкуснее, но это просто слова, суть при этом меняется мало.<br \/> <br \/>Итак, экспонат номер один — оформление экстерьера ресторана в 1 шаг: бац — поставили кричащие горшки с цветами и всё готово:<br \/><br \/><img src=\"https:\/\/www.kirillbelyaev.com\/ru\/blog\/pictures\/pink-pots.jpg\" alt=\"Берлин: фишечки\" width=\"768\" height=\"393\" \/><br \/><br \/>Конечно, нужно написать на двери название и часы работы, но с такими горшками об этом можно думать недолго.<br \/><br \/><br \/>Экспонат номер два. Как из обычного здания сделать мини шедевр дизайнерской мысли — с помощью напечатанной на стеклянных панелях иллюзии: <br \/> <br \/><img src=\"https:\/\/www.kirillbelyaev.com\/ru\/blog\/pictures\/illusion-1.jpg\" alt=\"Берлин: фишечки\" width=\"768\" height=\"512\" \/><img src=\"https:\/\/www.kirillbelyaev.com\/ru\/blog\/pictures\/illusion-2.jpg\" alt=\"Берлин: фишечки\" width=\"768\" height=\"512\" \/><img src=\"https:\/\/www.kirillbelyaev.com\/ru\/blog\/pictures\/illusion-3.jpg\" alt=\"Берлин: фишечки\" width=\"400\" height=\"544\" \/><br \/><br \/>Жаль, что ремонт дороги рядом помешал съёмке.<br \/><br \/><br \/>А вот экспонат номер три. Решение для не приглядного <a href=\"http:\/\/ru.wikipedia.org\/wiki\/%D0%91%D1%80%D0%B0%D0%BD%D0%B4%D0%BC%D0%B0%D1%83%D1%8D%D1%80_(%D0%B7%D0%BD%D0%B0%D1%87%D0%B5%D0%BD%D0%B8%D1%8F)\">брандмауэра<\/a> — остроумная надпись на контрастном фоне, объясняющая (в том числе) наличие подобных архитектурных решений:<br \/><br \/><img src=\"https:\/\/www.kirillbelyaev.com\/ru\/blog\/pictures\/mauer.jpg\" alt=\"Берлин: фишечки\" width=\"768\" height=\"512\" \/><br \/><br \/>Перевод её примерно таков: «Это только вопрос времени». Обратите внимание на шрифт — это готическое письмо, характерное для германских народов средневековья.<br \/> <br \/><br \/>Вот четвёртая фишечка — форма клумб вдоль железной дороги:<br \/><br \/><img src=\"https:\/\/www.kirillbelyaev.com\/ru\/blog\/pictures\/flowerbed.jpg\" alt=\"Берлин: фишечки\" width=\"768\" height=\"512\" \/><br \/><br \/>Они сделаны в форме листочков и разбросаны хаотично с разным наклоном, как упавшие листья. В марте здесь ещё не достаточно тепло для цветения и выглядит это немного сухо, но идея отличная.<\/div>",
            "date_published": "2012-03-21T21:29:28+03:00",
            "date_modified": "2016-08-30T12:16:18+03:00",
            "_date_published_rfc2822": "Wed, 21 Mar 2012 21:29:28 +0300",
            "_rss_guid_is_permalink": "true",
            "_rss_guid": "https:\/\/www.kirillbelyaev.com\/ru\/blog\/?go=2012\/03\/21\/1\/",
            "_e2_data": {
                "is_favourite": false,
                "links_required": null,
                "og_images": []
            }
        },
        {
            "id": "179",
            "url": "https:\/\/www.kirillbelyaev.com\/ru\/blog\/?go=2012\/03\/19\/1\/",
            "title": "Берлин: вывески",
            "content_html": "<div class=\"e2-text-calliope-formatted\">На улицах Берлина не редкость вывески кафешек и магазинов, нарисованные краской на стене. Они бывают разных стилей, но выглядит это преимущественно здорово:<br \/><br \/><img src=\"https:\/\/www.kirillbelyaev.com\/ru\/blog\/pictures\/schild_1.jpg\" alt=\"Берлин: вывески\" width=\"768\" height=\"512\" \/><img src=\"https:\/\/www.kirillbelyaev.com\/ru\/blog\/pictures\/schild_2.jpg\" alt=\"Берлин: вывески\" width=\"768\" height=\"512\" \/><img src=\"https:\/\/www.kirillbelyaev.com\/ru\/blog\/pictures\/schild_3.jpg\" alt=\"Берлин: вывески\" width=\"768\" height=\"512\" \/><img src=\"https:\/\/www.kirillbelyaev.com\/ru\/blog\/pictures\/schild_4+.jpg\" alt=\"Берлин: вывески\" width=\"768\" height=\"512\" \/><img src=\"https:\/\/www.kirillbelyaev.com\/ru\/blog\/pictures\/schild_6.jpg\" alt=\"Берлин: вывески\" width=\"768\" height=\"512\" \/><img src=\"https:\/\/www.kirillbelyaev.com\/ru\/blog\/pictures\/schild_5_1.jpg\" alt=\"Берлин: вывески\" width=\"768\" height=\"768\" \/><br \/><br \/><i>Последняя надпись мне особенно нравится — это «Магазин для детей и школьников».<\/i><br \/> <br \/>У такого решения есть два больших плюса: скорость изготовления и экономия средств. Индустрия общественного питания (за исключением сетей) ориентированна на частые перемены, так как потребители быстро пресыщаются меню, интерьером, локацией, концепцией. При частой смене места и названия, нарисованные вывески — это отличное решение.  <br \/> <br \/>Возникает вопрос: почему, например, в Петербурге нет подобных образчиков? В зимнее время, когда на улицах недостаточно света, можно направить на надпись самый простой осветитель, как, например, на второй фотографии, и будет ок. Что мешает кафешкам в городе на Неве делать так же: грязные стены зданий, закон об охране исторического облика или недостаточная крутизна решения?<\/div>",
            "date_published": "2012-03-19T23:25:03+03:00",
            "date_modified": "2016-08-30T12:16:37+03:00",
            "_date_published_rfc2822": "Mon, 19 Mar 2012 23:25:03 +0300",
            "_rss_guid_is_permalink": "true",
            "_rss_guid": "https:\/\/www.kirillbelyaev.com\/ru\/blog\/?go=2012\/03\/19\/1\/",
            "_e2_data": {
                "is_favourite": false,
                "links_required": null,
                "og_images": []
            }
        },
        {
            "id": "177",
            "url": "https:\/\/www.kirillbelyaev.com\/ru\/blog\/?go=2012\/03\/12\/2\/",
            "title": "Информационный дизайн в берлинском метро",
            "content_html": "<div class=\"e2-text-calliope-formatted\"><i>Эта заметка про «находоки» столицы Германии. Пробудем здесь пару месяцев и надеемся собрать и опубликовать побольше интересного.<\/i><br \/>  <br \/>Отечественным носителям даже и не снились такие шедевры рекламной инфографики: сразу видно где, что и по чём дают плюс цепляющее оформление:<br \/><br \/><img src=\"https:\/\/www.kirillbelyaev.com\/ru\/blog\/pictures\/ad_01.jpg\" alt=\"\" width=\"768\" height=\"566\" \/><img src=\"https:\/\/www.kirillbelyaev.com\/ru\/blog\/pictures\/ad_02.jpg\" alt=\"\" width=\"768\" height=\"550\" \/><br \/> <br \/>Вторая идея тоже из метро: на карте города (с нанесённым слоем схемы метрополитена) местоположение смотрящего отмечено очень удобным способом:<br \/><br \/><img src=\"https:\/\/www.kirillbelyaev.com\/ru\/blog\/pictures\/map_medium.jpg\" alt=\"\" width=\"768\" height=\"516\" \/><br \/> <br \/>Большое, яркое, хорошо заметное и в тоже время прозрачное кольцо, центр которого — точка текущего расположения. Такое решение позволяет моментально находить на карте себя, так как кольцо порядка семи см в диаметре сразу видно на карте размером три на два метра.<br \/><br \/><img src=\"https:\/\/www.kirillbelyaev.com\/ru\/blog\/pictures\/map_big_1.jpg\" alt=\"\" width=\"768\" height=\"516\" \/><br \/> <br \/>А за счёт прозрачности кольца не теряется информация. И последний плюс — экономия. Карты все одинаковые только кольцо из самоклеящейся плёнки наклееной в разные места:<br \/><br \/><img src=\"https:\/\/www.kirillbelyaev.com\/ru\/blog\/pictures\/map_small.jpg\" alt=\"\" width=\"768\" height=\"516\" \/><\/div>",
            "date_published": "2012-03-12T16:37:37+03:00",
            "date_modified": "2016-08-30T12:17:25+03:00",
            "_date_published_rfc2822": "Mon, 12 Mar 2012 16:37:37 +0300",
            "_rss_guid_is_permalink": "true",
            "_rss_guid": "https:\/\/www.kirillbelyaev.com\/ru\/blog\/?go=2012\/03\/12\/2\/",
            "_e2_data": {
                "is_favourite": false,
                "links_required": null,
                "og_images": []
            }
        }
    ],
    "_e2_version": 3572,
    "_e2_ua_string": "E2 (v3572; Aegea)"
}