{
    "version": "https:\/\/jsonfeed.org\/version\/1.1",
    "title": "Здоровий глузд: дописи з тегом проекти",
    "_rss_description": "Олександр Колодько. Інформаційний та навігаційний дизайнер. Співзасновник команди ARC, співзасновник та головний дизайнер в Агентах змін (А3). Пишу про дизайн і цікаве мені · alexkolodko.com · wayfinding.systems",
    "_rss_language": "uk",
    "_itunes_email": "",
    "_itunes_categories_xml": "",
    "_itunes_image": "",
    "_itunes_explicit": "",
    "home_page_url": "https:\/\/blog-archive.alexkolodko.com\/tags\/proekti\/",
    "feed_url": "https:\/\/blog-archive.alexkolodko.com\/tags\/proekti\/json\/",
    "icon": "https:\/\/blog-archive.alexkolodko.com\/pictures\/userpic\/userpic@2x.jpg?1768915547",
    "authors": [
        {
            "name": "Олександр Колодько",
            "url": "https:\/\/blog-archive.alexkolodko.com\/",
            "avatar": "https:\/\/blog-archive.alexkolodko.com\/pictures\/userpic\/userpic@2x.jpg?1768915547"
        }
    ],
    "items": [
        {
            "id": "161",
            "url": "https:\/\/blog-archive.alexkolodko.com\/all\/logo-nszu\/",
            "title": "Лого НСЗУ",
            "content_html": "<p>Кінець 2016 року, в гості до «Агентів змін» приходить Дмитро Гурін та каже, що МОЗ запускає Національну службу здоров’я і треба логотип. Такий, щоб всім був зрозумілий і не нагадував аптеку. Кілька ітерацій і вийшов гарний простий символ, який є у кожній лікарні. <a href=\"https:\/\/www.dropbox.com\/scl\/fo\/plit1bhrv61wqcrbe88eo\/AHq8DyKPpZm9jKumb7lRKT4?rlkey=rbtoc5zu8x438nm7zgvft7k3c&dl=0\">Макети у векторі<\/a>.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/nszu-logo-h.png\" width=\"2338\" height=\"1120\" alt=\"\" \/>\n<\/div>\n<p>Застосування:<\/p>\n<div class=\"e2-text-picture\">\n<div class=\"fotorama\" data-width=\"2560\" data-ratio=\"1.3333333333333\">\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/nszu-logo-irl-1.jpg\" width=\"2560\" height=\"1920\" alt=\"\" \/>\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/nszu-logo-irl-2.jpg\" width=\"1200\" height=\"1800\" alt=\"\" \/>\n<\/div>\n<div class=\"e2-text-caption\">Лого на інформаційних плакатах і навіть значки<\/div>\n<\/div>\n<p>А це працює навіть сама форма, в якій розміщене основне повідомлення.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/nszu-logo-irl-3.jpg\" width=\"2560\" height=\"1920\" alt=\"\" \/>\n<\/div>\n<p>Наліпка<\/p>\n<p>А у 2018 зробили комунікацію про сімейних лікарів. Як <i>рекламні<\/i> плакати, сітілайти, білборди, так і пояснювальні плакати, з порядком дій.<\/p>\n<div class=\"e2-text-picture\">\n<div class=\"fotorama\" data-width=\"1662\" data-ratio=\"1.5388888888889\">\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/01-Posters.jpg\" width=\"1662\" height=\"1080\" alt=\"\" \/>\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/02-Posters.jpg\" width=\"1662\" height=\"1080\" alt=\"\" \/>\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/04-Citylight.jpg\" width=\"2560\" height=\"1707\" alt=\"\" \/>\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/05-Billboard.jpg\" width=\"1600\" height=\"1280\" alt=\"\" \/>\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/07-obiavlenye-na-podezde.jpg\" width=\"1200\" height=\"900\" alt=\"\" \/>\n<\/div>\n<\/div>\n<p>Фото наживо з різних лікарень України:<\/p>\n<div class=\"e2-text-picture\">\n<div class=\"fotorama\" data-width=\"949\" data-ratio=\"0.74140625\">\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/cmt.-krakivets-iavorivskoho-rayonu.-ambulatoriia.jpg\" width=\"949\" height=\"1280\" alt=\"\" \/>\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/balta.jpg\" width=\"960\" height=\"720\" alt=\"\" \/>\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/kharkivska-obl.jpg\" width=\"720\" height=\"1280\" alt=\"\" \/>\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/kharkivska-obl2.jpg\" width=\"720\" height=\"1280\" alt=\"\" \/>\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/kp-tspmsd-m.chervonohrad-2.jpg\" width=\"1280\" height=\"723\" alt=\"\" \/>\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/obukhiv.jpg\" width=\"1024\" height=\"1024\" alt=\"\" \/>\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/rivne.jpg\" width=\"1280\" height=\"960\" alt=\"\" \/>\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/rivne2.png.jpg\" width=\"2560\" height=\"1920\" alt=\"\" \/>\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/rivne3.png\" width=\"960\" height=\"1280\" alt=\"\" \/>\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/skolivska-tsrl-poliklinichne-viddilennia-2.jpg\" width=\"1280\" height=\"960\" alt=\"\" \/>\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/smt.-verkhnie-synovydnie-skolivskoho-r-nu.jpg\" width=\"1280\" height=\"960\" alt=\"\" \/>\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/ternopil.jpg\" width=\"1280\" height=\"720\" alt=\"\" \/>\n<\/div>\n<\/div>\n<p>Ну і Дмитро <a href=\"https:\/\/x.com\/DmytroGurinMP\/status\/1839395856656781667\">у твітері згадав<\/a> кілька цифр з цієї кампанії. Дуже потужна була тоді робота команди МОЗ.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/nszu-logo-stat.png\" width=\"1238\" height=\"1070\" alt=\"\" \/>\n<\/div>\n<p>P. S. А могло бути і щось таке. Фінальний результат краще :)<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/nszu-drafts.png\" width=\"1160\" height=\"1098\" alt=\"\" \/>\n<\/div>\n",
            "date_published": "2024-09-27T11:58:50+02:00",
            "date_modified": "2024-09-27T12:02:20+02:00",
            "tags": [
                "агенти змін",
                "моз",
                "нсзу",
                "проекти"
            ],
            "image": "https:\/\/blog-archive.alexkolodko.com\/pictures\/nszu-logo-h.png",
            "_date_published_rfc2822": "Fri, 27 Sep 2024 11:58:50 +0200",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "161",
            "_e2_data": {
                "is_favourite": false,
                "links_required": [
                    "jquery\/jquery.js",
                    "fotorama\/fotorama.css",
                    "fotorama\/fotorama.js"
                ],
                "og_images": [
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/nszu-logo-h.png",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/nszu-logo-irl-1.jpg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/nszu-logo-irl-2.jpg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/nszu-logo-irl-3.jpg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/01-Posters.jpg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/02-Posters.jpg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/04-Citylight.jpg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/05-Billboard.jpg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/07-obiavlenye-na-podezde.jpg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/cmt.-krakivets-iavorivskoho-rayonu.-ambulatoriia.jpg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/balta.jpg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/kharkivska-obl.jpg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/kharkivska-obl2.jpg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/kp-tspmsd-m.chervonohrad-2.jpg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/obukhiv.jpg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/rivne.jpg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/rivne2.png.jpg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/rivne3.png",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/skolivska-tsrl-poliklinichne-viddilennia-2.jpg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/smt.-verkhnie-synovydnie-skolivskoho-r-nu.jpg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/ternopil.jpg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/nszu-logo-stat.png",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/nszu-drafts.png"
                ]
            }
        },
        {
            "id": "152",
            "url": "https:\/\/blog-archive.alexkolodko.com\/all\/braille-generator\/",
            "title": "Генератор написів шрифтом Брайля",
            "content_html": "<p>В роботі з навігацією та дизайном у просторі неодмінно виникає питання доступності для всіх. Десь це про контраст, десь про спрощення подання інформації, а десь про доступ для незрячих і шрифт Брайля. Але майже ніде немає вичерпної інформації про це. Тому можна зустріти написи якихось дивних розмірів, які не можливо пальцями зчитати, та навіть просто надрукований (!) Брайль.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/IMG_1482.jpg\" width=\"2400\" height=\"1800\" alt=\"\" \/>\n<div class=\"e2-text-caption\">Приклад некоректного використання Брайля: розмір точок такий що палець фізично їх не охопить. Хоча я певен було цілком правильне бажання зробити таблички і простір доступними.<\/div>\n<\/div>\n<p>Зі стандартів у нас <a href=\"https:\/\/www.dropbox.com\/scl\/fi\/y7f9v0x77d3kkzqm4t0nb\/ISO-17049.pdf?rlkey=6gtxo5uo0sr8q6hfdx9jtf8ns&dl=0\">ДСТУ ISO 17049<\/a> (<a href=\"https:\/\/www.dropbox.com\/scl\/fi\/jdc7yqldwbcehrn5l5e9r\/Braille-DSTU-ISO-17049.pdf?rlkey=fiagheetrmwldqq4jrd3ipcd3&dl=0\">та вижимка<\/a>) з неперекладеним ISO, але там навіть немає алфавіту. А <a href=\"https:\/\/www.dropbox.com\/scl\/fi\/xcwc38w6vuu53hxog5yb8\/.2.2-40.2018.pdf?rlkey=mnab20jzghukgx6to5p7777dk&dl=0\">ДБН 2.2.40<\/a> описує просто необхідність тих чи інших написів, не говорячи, як їх робити. Також існує така <a href=\"https:\/\/www.dropbox.com\/scl\/fi\/bn7b65hblz9tigwssr79i\/.pdf?rlkey=7brw5w8dvlx4zl280umxn47mf&dl=0\">методичка від Національної туристичної організації України та USAID<\/a>, але теж не повна.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/Braille-DSTU-ISO-17049.jpeg\" width=\"1753\" height=\"1240\" alt=\"\" \/>\n<div class=\"e2-text-caption\">Це вижимки з ДСТУ ISO 17049, якими зі мною поділився Володимир Висоцький<\/div>\n<\/div>\n<p>У США, наприклад, з 2010 року діє <a href=\"https:\/\/www.ada.gov\/law-and-regs\/design-standards\/\">стандарт ADA<\/a>, в якому все доволі детально розписано (<a href=\"https:\/\/www.dropbox.com\/scl\/fi\/z7m1p5njifiossb56ohkm\/Luminant-Signage-and-the-2010-ADA-SAD-v2_1.pdf?rlkey=cut20wnfsj3qiykq7pv03puke&dl=0\">документ від студії Luminant Design<\/a>).<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/Luminant-Signage-and-the-2010-ADA-SAD-v2_1---Page-14.jpg\" width=\"2560\" height=\"1656\" alt=\"\" \/>\n<div class=\"e2-text-caption\">А це американські стандарти ADA. І окремо адаптація у зрозумілий читабельний документ від студії Luminant Design.<\/div>\n<\/div>\n<p>Є кілька організацій, що спеціалізуються на доступності, але я не бачив, щоб вони відкрито ділились інформацією (а по коментарях проєктів один одного складається враження, що кожна з організації вважає лише свої роботи правильними, а всі інші не такі 🤷).<\/p>\n<p>Я вважаю так не має бути. Інформація про те, як коректно робити доступність, має також доступна всім. Бо навіть ті, хто хоче зробити доступно то не розуміє як.<\/p>\n<p>Якщо шукати якісь інструменти роботи з Брайлем, то можна знайти шрифти, в яких на літерах стоять гліфи відповідники по Брайлю (наприклад, <a href=\"https:\/\/www.pharmabraille.com\/\">PharmaBraille<\/a>). Але в них складно корегувати розміри і вони ніяк не враховують інші правила написання текстів. Наприклад, перед блоком цифр має ставитись символ ⠼, і це треба знати і вставляти вручну.<\/p>\n<p>Також є системні шрифти, наприклад, набір Apple Braille в Mac OS, які містять unicode-символи Брайля. Але це не зручний інструмент для роботи і так само потребує знання правил.<\/p>\n<p>Тож я почав створювати такий сервіс, який би переводив текст в Брайль у реальному фізичному розмірі. Це дозволить коректно використовувати написи Брайлем на макетах під час проєктування тих самих табличок, щоб передбачати відповідне місце і площу під напис.<\/p>\n<p class=\"loud\"><a href=\"https:\/\/braille.wayfinding.systems\">braille.wayfinding.systems<\/a><\/p>\n<div class=\"e2-text-video\">\n<video src=\"https:\/\/blog-archive.alexkolodko.com\/video\/braille-demo-2-x2.mov#t=0.001\" width=\"2560\" height=\"1598.5714285714\" controls alt=\"\" \/>\n\n<div class=\"e2-text-caption\">braille.wayfinding.systems<\/div>\n<\/div>\n<p>Це поки бета-версія, бо я ще шукаю консультації стосовно правильності відтворення тих чи інших символів (якщо у вас є інформація, то напишіть мені).<\/p>\n<p>За основу я взяв <a href=\"https:\/\/rcbu.org.ua\/product\/ukrayinska-abetka-dlya-nezryachih-shrift-brajlya\/\">абетку РЦБУ<\/a>:<\/p>\n<div class=\"e2-text-picture\">\n<div class=\"fotorama\" data-width=\"707\" data-ratio=\"0.707\">\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/image007.png\" width=\"707\" height=\"1000\" alt=\"\" \/>\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/ukr_abetka.png\" width=\"500\" height=\"500\" alt=\"\" \/>\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/abc_engl.png\" width=\"500\" height=\"500\" alt=\"\" \/>\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/abc-polska-1.jpg\" width=\"1061\" height=\"1500\" alt=\"\" \/>\n<\/div>\n<\/div>\n<p>Абетка від Ресурсного центру «Безбар’єрна Україна»<\/p>\n<p>В планах туди додати більше інформації про наявні стандарти, про можливі технології відтворення, які знайду. Щоб це стало дійсно корисним інструментом і зробило доступність доступною.<\/p>\n<p>Розробка некомерційна, але можливо хтось знає грантові програми, які могли б допомогти, теж напишіть.<\/p>\n<p><b>UPD:<\/b> Ігор Воробйов поділився ще <a href=\"https:\/\/braille.ukrzen.in.ua\/\">таким сервісом від УкрДзен<\/a>, де можна набрати напис Брайлем.<\/p>\n<p><b>UPD 2:<\/b> Михайло з УкрДзена поділився <a href=\"https:\/\/www.dropbox.com\/scl\/fi\/nzewxwpk3t636rw0cvksr\/4047-001.1-002.0-17-19-1.pdf?rlkey=k41194mcf37dxd4pfu5d5jf10&dl=0\">документом Держслужби з лікарських засобів<\/a>, який описує застосування шрифту Брайля, в тому числі алфавіт.<\/p>\n<div class=\"e2-text-picture\">\n<div class=\"fotorama\" data-width=\"1240\" data-ratio=\"0.70735881346264\">\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/4047-001.1-002.0-17-19-1-1.jpeg\" width=\"1240\" height=\"1753\" alt=\"\" \/>\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/4047-001.1-002.0-17-19-1-2.jpeg\" width=\"1240\" height=\"1753\" alt=\"\" \/>\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/4047-001.1-002.0-17-19-1-3.jpeg\" width=\"1239\" height=\"1754\" alt=\"\" \/>\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/4047-001.1-002.0-17-19-1-4.jpeg\" width=\"1239\" height=\"1754\" alt=\"\" \/>\n<\/div>\n<\/div>\n",
            "date_published": "2024-07-09T18:32:18+02:00",
            "date_modified": "2024-07-17T12:00:31+02:00",
            "tags": [
                "інструменти",
                "проекти"
            ],
            "image": "https:\/\/blog-archive.alexkolodko.com\/pictures\/IMG_1482.jpg",
            "_date_published_rfc2822": "Tue, 09 Jul 2024 18:32:18 +0200",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "152",
            "_e2_data": {
                "is_favourite": false,
                "links_required": [
                    "jquery\/jquery.js",
                    "fotorama\/fotorama.css",
                    "fotorama\/fotorama.js"
                ],
                "og_images": [
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/IMG_1482.jpg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/Braille-DSTU-ISO-17049.jpeg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/Luminant-Signage-and-the-2010-ADA-SAD-v2_1---Page-14.jpg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/image007.png",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/ukr_abetka.png",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/abc_engl.png",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/abc-polska-1.jpg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/4047-001.1-002.0-17-19-1-1.jpeg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/4047-001.1-002.0-17-19-1-2.jpeg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/4047-001.1-002.0-17-19-1-3.jpeg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/4047-001.1-002.0-17-19-1-4.jpeg"
                ]
            }
        },
        {
            "id": "138",
            "url": "https:\/\/blog-archive.alexkolodko.com\/all\/kyiv-memorial-plates\/",
            "title": "Меморіальні таблички Києва",
            "content_html": "<p>Нижче передісторія, а зараз дизайн. Перше рішення — це розділення табличок на всіх, хто ніс службу (військових, нацгвардійців тощо), та загиблих цивільних, яких теж треба вшановувати. Звідси перше рішення — розділити візуально та використати шрифт <a href=\"https:\/\/www.behance.net\/gallery\/186125291\/UAF-Memory-Freeware-variable-typeface\">UAF Memory<\/a> для військових та загальний <a href=\"https:\/\/probanav.a3.kyiv.ua\/\">київський Proba Nav2<\/a> для інших.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/Kyiv-Memorial-Plates-Preview-v1-02.jpg\" width=\"2560\" height=\"1702\" alt=\"\" \/>\n<\/div>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/Kyiv-Memorial-Plates-Preview-v2-01.jpg\" width=\"1844\" height=\"1844\" alt=\"\" \/>\n<div class=\"e2-text-caption\">Це виключно ілюстрація, фото та імена згенеровані<\/div>\n<\/div>\n<p>Далі також хотілося додати приналежність у символах і додавати або символ роду військ, або комбатантський хрест (загальний символ для всіх), а для цивільних просто використати малий державний герб.<\/p>\n<p>Далі кожної таблички може бути два варіанти — з фото, якщо воно є, або ж без (іноді буває немає гарного фото, чи спеціально треба уникнути його використання).<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/Kyiv-Memorial-Plates-1.jpeg\" width=\"2400\" height=\"1697\" alt=\"\" \/>\n<\/div>\n<p>Далі елементи:<\/p>\n<ol start=\"1\">\n<li>Прив’язка до місця, або ж чому саме тут встановлена ця табличка.\u20281.2) Нагороди та відзнаки.<\/li>\n<li>Ім’я та прізвище.<\/li>\n<li>Позивний і підрозділ для військових.<\/li>\n<li>Вік людини. Знову ж зоб уникнути суто похоронного формату «дата народження — дата смерті», додатково це дає осягнути не просто дати, а наскільки молоді були люди.<\/li>\n<li>Додатковий текст про обставини смерті.<\/li>\n<li>Ще є місце під QR та короткий лінк, якщо вони будуть.<\/li>\n<li>Фото. Дуже хотілося уникнути формату з фото в рамці чи обрізане десь по центру, бо вони дуже нагадують надгробки, натомість за прикладом Дніпра, більш людяно виглядають фото до краю формату. Але з точки зору графіки це має бути не фотозображення, а адаптована під гравіювання графіка.\u2028\u2028<\/li>\n<\/ol>\n<div class=\"e2-text-picture\">\n<div class=\"fotorama\" data-width=\"2400\" data-ratio=\"1.4142604596346\">\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/Kyiv-Memorial-Plates-2.jpeg\" width=\"2400\" height=\"1697\" alt=\"\" \/>\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/Kyiv-Memorial-Plates-3.jpeg\" width=\"2400\" height=\"1697\" alt=\"\" \/>\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/Kyiv-Memorial-Plates-4.jpeg\" width=\"2400\" height=\"1697\" alt=\"\" \/>\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/Kyiv-Memorial-Plates-5.jpeg\" width=\"2400\" height=\"1697\" alt=\"\" \/>\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/Kyiv-Memorial-Plates-6.jpeg\" width=\"2400\" height=\"1697\" alt=\"\" \/>\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/Kyiv-Memorial-Plates-7.jpeg\" width=\"2400\" height=\"1697\" alt=\"\" \/>\n<\/div>\n<div class=\"e2-text-caption\">Розміри та шрифти<\/div>\n<\/div>\n<p><a href=\"https:\/\/www.dropbox.com\/scl\/fi\/t2i2n3qz1qfn5tkhjt2kf\/Kyiv-Memorial-Plates.pdf?rlkey=3omqsptzlmavrtwj7tbpi2klk&dl=0\">Завантажити PDF з правилами<\/a><\/p>\n<p>Матеріал та технологія. Питання поки відкрите. Але здається найбільш нейтрально в середовище виглядатиме алюміній. Технологія я певен має бути гравіювання та фарбування, як у Дніпрі. У конструкції не має бути зайвих «прикрашань» з мармуру чи чогось такого, бо це робить таблички занадто масивними. І поки найбільш утилітарними виглядають віддалені кріплення (хоч вони і додають металеву шайбу спереду).<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/kriplennya.jpeg\" width=\"431\" height=\"412\" alt=\"\" \/>\n<\/div>\n<p>Роздрукував кілька розмірів, приміряв на будинках, розміри вийшли 570×300 мм з фото та 400×300 мм без фото.<\/p>\n<div class=\"e2-text-picture\">\n<div class=\"fotorama\" data-width=\"2400\" data-ratio=\"1.3333333333333\">\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/Kyiv-Memorial-Plates-Test-5.jpg\" width=\"2400\" height=\"1800\" alt=\"\" \/>\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/Kyiv-Memorial-Plates-Test-1.jpg\" width=\"1800\" height=\"2400\" alt=\"\" \/>\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/Kyiv-Memorial-Plates-Test-2.jpg\" width=\"1800\" height=\"2400\" alt=\"\" \/>\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/Kyiv-Memorial-Plates-Test-3.jpg\" width=\"1800\" height=\"2400\" alt=\"\" \/>\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/Kyiv-Memorial-Plates-Test-4.jpg\" width=\"1800\" height=\"2400\" alt=\"\" \/>\n<\/div>\n<div class=\"e2-text-caption\">Тестування<\/div>\n<\/div>\n<h2>Передісторія<\/h2>\n<p>Мені прийшов запит на дизайн меморіальної таблички для Києва, бо Департаменту архітектури КМДА звідкись прийшла задача зробити стандарт табличок і вони не довго думаючи просто взяли взірець зі <a href=\"https:\/\/drive.google.com\/file\/d\/17pDqbcGbo_wn4gU3jIbrTVzpNtc52zR4\/view?usp=sharing\">Львова<\/a> і вирішили затвердити, ніяк не осмислюючи це.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/Kiiv_Dodatok_1-copy.png\" width=\"2400\" height=\"1698\" alt=\"\" \/>\n<div class=\"e2-text-caption\">Запропонований вигляд табличок департаментом архітектури КМДА<\/div>\n<\/div>\n<div class=\"e2-text-picture\">\n<div class=\"fotorama\" data-width=\"672\" data-ratio=\"1.3333333333333\">\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/394368231_7114678585211734_4136151407139999041_n.jpg\" width=\"672\" height=\"504\" alt=\"\" \/>\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/skrin-prezentaciya-1.jpg\" width=\"941\" height=\"562\" alt=\"\" \/>\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/skrin-prezentaciya-2.jpg\" width=\"910\" height=\"487\" alt=\"\" \/>\n<\/div>\n<div class=\"e2-text-caption\">Меморіальні таблички Львова<\/div>\n<\/div>\n<p>Тим паче що і приклад львівських не те щоб гарний взірець: це видно з деяких розмірів шрифтів та відсутності роботи з військовою символікою, бо більшість цих табличок все ж присвячена їм.<\/p>\n<p>І от проєкт попав в руки депутатів КМР і вони поки зупинили процес, бо шрифт у табличках не як на адресних покажчиках, а має ж бути однаковим.<\/p>\n<p>Якщо винести за дужки взагалі весь процес узгодження, де доводиться реагувати та щось на швидку руку придумувати. Просто поміняти шрифт кардинально не змінює результат. На що я звернув увагу в першу чергу і над чи треба подумати:<\/p>\n<p><b>1. Чи буде хтось весь процес адмініструвати?<\/b> Бо так простіше буде контролювати, щоб всі таблички були однакові. Якщо затвердити просто стандарт і дати всім з ним працювати, то вийде, як з адресними покажчиками в Києві, які масово роблять не за правилами та не з тих матеріалів. Якщо контролювати ніхто не буде, то хоча б можна зробити сайт на якому можна згенерувати макет.<\/p>\n<p><b>2. Технологія та матеріали.<\/b> Або закласти щось максимально вживане, або треба пошукати щось якісне і естетичне на вигляд. У Дніпрі от обрали гравіювання на 4 мм алюмінії з заливкою фарбою. Має гарний вигляд, максимально довговічне, і не ржавіє\/зеленіє з часом, на відміну від латуні. Той самий приклад з Києвом: є затверджені матеріали, але масово роблять не так і ніхто не контролює, тому по Шевченківському району купа пласких табличок з композиту, а не металеві.<\/p>\n<p><b>3. Елементи на самій табличці:<\/b><\/p>\n<ul>\n<li>Що таке «info info»? Яка інформація передбачається? В якому вигляді? Чи буде це стандартизовано чи модеруватись (явно ні)? Що важливо вказувати про людину?<\/li>\n<li>Точно мають бути два формати з фото і без, бо фото буде не у всіх.<\/li>\n<li>Фото. Потрібен загальний, бажано монохромний стиль. І ще це залежить від бажаної технології нанесення зображення. Далі мають бути критерії як фото відбирати і як готувати. Це не описано.<\/li>\n<li>Далі питання чи таблички тільки для військових, чи також для працівників ДСНС або цивільних. Від цього залежить, що краще вказувати у тексті. Якщо мова про військових, то бажано і символіку і стиль ЗСУ брати за основу, щоб був єдиний стиль по країні + для них важливе вказання підрозділу та позивного. Для решти можна придумати більш загальний.<\/li>\n<li>QR-код. Перед тим як вводити на табличку код, то має бути якесь єдине місце\/сайт, на який посилатись і на якому буде інформація про людину. Звідси випливає, що хтось має модерувати цей ресурс та оновлювати. Інакше на табличках надовго лишаться неробочі коди.\u2028<\/li>\n<\/ul>\n<p>Тож отримавши матеріали та поставивши питання «в повітря» (чого так — питання філософське), я взявся подумати, як би робив на свій розсуд.<\/p>\n<p>Звідки взагалі взялась ця задача: зараз дуже швидко встановлюють пам’ятні дошки у школах, а виглядають вони зазвичай як гранітні плити, чим нагадують надгробки й ретравматизують чи тригерять дітей. Плюс відсутність стандартів були першопричиною розробки табличок.<\/p>\n<div class=\"e2-text-picture\">\n<div class=\"fotorama\" data-width=\"1280\" data-ratio=\"1.6182048040455\">\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/_bob7110_novyirazmer1.jpg\" width=\"1280\" height=\"791\" alt=\"\" \/>\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/_bob7086_novyirazmer.jpg\" width=\"1353\" height=\"960\" alt=\"\" \/>\n<\/div>\n<div class=\"e2-text-caption\">Приклад таблички, які встановлюють у Києві<\/div>\n<\/div>\n<h2>Інші приклади<\/h2>\n<h3>Дніпро<\/h3>\n<p>У Дніпрі затвердили нещодавно і вони провели рік, шукаючи гарний матеріал і технологію (алюміній з гравіюванням). Автори — <a href=\"https:\/\/dnipro.design\">Dnipro.design<\/a>, <a href=\"https:\/\/t.me\/dniprodesign\">t.me\/dniprodesign<\/a><\/p>\n<p>Розпорядження: <a href=\"https:\/\/dniprorada.gov.ua\/uk\/Widgets\/GetWidgetContent?url=\/WebSolution2\/wsGetTextPublicDocument?pID=654145&name=27-13\/2\">27-13\/2, 13.02.2024 Про затвердження вимог щодо зовнішнього вигляду меморіальних дощок загиблим внаслідок російської агресії<\/a><\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/Dnipro---Memorialni-tablichki-27-13_2.jpg\" width=\"2560\" height=\"1151\" alt=\"\" \/>\n<div class=\"e2-text-caption\">Вигляд табличок<\/div>\n<\/div>\n<div class=\"e2-text-picture\">\n<div class=\"fotorama\" data-width=\"1280\" data-ratio=\"1.3333333333333\">\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/dnipro-memorial-materials-1.jpeg\" width=\"1280\" height=\"960\" alt=\"\" \/>\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/dnipro-memorial-materials-2.jpeg\" width=\"1280\" height=\"960\" alt=\"\" \/>\n<\/div>\n<div class=\"e2-text-caption\">Матеріали<\/div>\n<\/div>\n<h3>Івано-Франківськ<\/h3>\n<p>У Франківську почали робити таблички набагато раніше, з часів АТО. Виготовляються з фотоскла (скло з друком) та мають єдиний вигляд.<\/p>\n<div class=\"e2-text-picture\">\n<div class=\"fotorama\" data-width=\"1620\" data-ratio=\"1.5\">\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/091ee8f2be5cc1e1cbcb012602b27556.jpeg\" width=\"1620\" height=\"1080\" alt=\"\" \/>\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/Kolazh-1600x1067.jpg\" width=\"1600\" height=\"1067\" alt=\"\" \/>\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/novyj-proekt-5-1.png\" width=\"1200\" height=\"675\" alt=\"\" \/>\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/novyj-proekt-16.png\" width=\"1200\" height=\"675\" alt=\"\" \/>\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/v-ivano-frankivsku-vidkryly-dvi-memorialni-doshky-zahyblym-heroiam-foto.jpg\" width=\"1000\" height=\"1500\" alt=\"\" \/>\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/v-ivano-frankivsku-vidkryly-memorialni-doshky-heroiam-mykoli-kotku-ta-petru-hrytsiushku-foto.jpg\" width=\"2048\" height=\"1366\" alt=\"\" \/>\n<\/div>\n<\/div>\n",
            "date_published": "2024-03-31T17:10:05+02:00",
            "date_modified": "2024-03-31T17:23:57+02:00",
            "tags": [
                "департамент дизайну",
                "дизайн",
                "київ",
                "проекти"
            ],
            "image": "https:\/\/blog-archive.alexkolodko.com\/pictures\/Kyiv-Memorial-Plates-Preview-v1-02.jpg",
            "_date_published_rfc2822": "Sun, 31 Mar 2024 17:10:05 +0200",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "138",
            "_e2_data": {
                "is_favourite": false,
                "links_required": [
                    "jquery\/jquery.js",
                    "fotorama\/fotorama.css",
                    "fotorama\/fotorama.js"
                ],
                "og_images": [
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/Kyiv-Memorial-Plates-Preview-v1-02.jpg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/Kyiv-Memorial-Plates-Preview-v2-01.jpg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/Kyiv-Memorial-Plates-1.jpeg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/Kyiv-Memorial-Plates-2.jpeg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/Kyiv-Memorial-Plates-3.jpeg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/Kyiv-Memorial-Plates-4.jpeg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/Kyiv-Memorial-Plates-5.jpeg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/Kyiv-Memorial-Plates-6.jpeg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/Kyiv-Memorial-Plates-7.jpeg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/kriplennya.jpeg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/Kyiv-Memorial-Plates-Test-5.jpg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/Kyiv-Memorial-Plates-Test-1.jpg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/Kyiv-Memorial-Plates-Test-2.jpg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/Kyiv-Memorial-Plates-Test-3.jpg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/Kyiv-Memorial-Plates-Test-4.jpg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/Kiiv_Dodatok_1-copy.png",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/394368231_7114678585211734_4136151407139999041_n.jpg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/skrin-prezentaciya-1.jpg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/skrin-prezentaciya-2.jpg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/_bob7110_novyirazmer1.jpg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/_bob7086_novyirazmer.jpg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/Dnipro---Memorialni-tablichki-27-13_2.jpg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/dnipro-memorial-materials-1.jpeg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/dnipro-memorial-materials-2.jpeg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/091ee8f2be5cc1e1cbcb012602b27556.jpeg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/Kolazh-1600x1067.jpg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/novyj-proekt-5-1.png",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/novyj-proekt-16.png",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/v-ivano-frankivsku-vidkryly-dvi-memorialni-doshky-zahyblym-heroiam-foto.jpg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/v-ivano-frankivsku-vidkryly-memorialni-doshky-heroiam-mykoli-kotku-ta-petru-hrytsiushku-foto.jpg"
                ]
            }
        },
        {
            "id": "116",
            "url": "https:\/\/blog-archive.alexkolodko.com\/all\/metromap-1-11\/",
            "title": "Схема метро 1.11",
            "content_html": "<p>Продовжую оновлювати схему метро. На разі виходить версія 1.11, в якій:\u2028<\/p>\n<ul>\n<li>перейменовані Звіринецька та Площа Українських Героїв;\u2028<\/li>\n<li>перейменована частина зупинок швидкісних трамваїв;\u2028<\/li>\n<li>Kyiv City Express: додані зупинки на кільці, додані інші напрямки приміських маршрутів і дещо змінені самі лінії;\u2028<\/li>\n<li>додані примітки про транспорт не працюючий до аеропортів (ще його можна було б прибрати, але загальні схеми зараз важче оновлювати й вони висітимуть доволі довго).\u2028\u2028<\/li>\n<\/ul>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/metromap_wagon_v1.11.009-(alexk)-2400.png\" width=\"2295\" height=\"2400\" alt=\"\" \/>\n<div class=\"e2-text-caption\">Схема метро версії 1.11, <a href=\"https:\/\/www.dropbox.com\/scl\/fi\/a86r50m1jtipcqntu84tn\/metromap_wagon_v1.11.009-alexk.png?rlkey=bj6cc0uy28fwpviw38o6b78xe&dl=0\">великий розмір<\/a><\/div>\n<\/div>\n<p>Ще мали бути перейменовані станції електрички, але остаточно ще цього не відбулось і не зрозуміло, коли це буде. Як тільки це рішення буде остаточно ухвалено, то оновлю на схемі.<\/p>\n<p>Також був прибраний логотип міської електрички, оскільки вона стала частиною КСЕ (була пропозиція по логотипу Сіті експреса, але не була ухвалена, може якось розкажу).<\/p>\n<p>Ще оновлені лінійні схеми: з новими назвами та без транспорту до аеропортів.<\/p>\n<p>Роздивитись PDF:<\/p>\n<ul>\n<li><a href=\"https:\/\/drive.google.com\/file\/d\/1wMx6xrFR1R9BHQL3VZ-U8WlJECufbgp3\/view?usp=sharing\">Загальна схема<\/a><\/li>\n<li><a href=\"https:\/\/drive.google.com\/file\/d\/11sxm-7xGuJnAniidFnvUf1Rvqw4tqGnZ\/view?usp=sharing\">Лінійні схеми<\/a><\/li>\n<\/ul>\n<p>Попередні версії схем зібрані <a href=\"http:\/\/a3.kyiv.ua\/projects\/metromap\/versions\/\">на цій сторінці<\/a>.<\/p>\n",
            "date_published": "2023-08-08T12:53:26+02:00",
            "date_modified": "2023-08-10T14:57:27+02:00",
            "tags": [
                "дизайн",
                "метро",
                "проекти",
                "схеми"
            ],
            "image": "https:\/\/blog-archive.alexkolodko.com\/pictures\/metromap_wagon_v1.11.009-(alexk)-2400.png",
            "_date_published_rfc2822": "Tue, 08 Aug 2023 12:53:26 +0200",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "116",
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": [
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/metromap_wagon_v1.11.009-(alexk)-2400.png"
                ]
            }
        },
        {
            "id": "106",
            "url": "https:\/\/blog-archive.alexkolodko.com\/all\/indesign-course\/",
            "title": "Курс «Робота з InDesign»",
            "content_html": "<p>Разом з платформою «Креативна Практика» зробили <a href=\"https:\/\/cases.media\/creativepractice\/course\/indesign-basics\">курс по роботі з Adobe InDesign<\/a>.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/course-indesign-0.png\" width=\"2400\" height=\"1500\" alt=\"\" \/>\n<\/div>\n<p>Записали цілих 50 уроків загальною тривалістю 17 годин 28 хвилин (або ж 1028 хвилин), в яких я розповідаю по черзі про все що знадобиться, щоб почати впевнено працювати з цим редактором. Курс почав виходити поступово ще восени й виходив поступово, як дозаписували кожен модуль. Частина уроків була записана під час відключень світла, в темряві, з підзарядкою від павербанка.<\/p>\n<div class=\"e2-text-picture\">\n<div class=\"fotorama\" data-width=\"2400\" data-ratio=\"1.6\">\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/course-indesign-1.png\" width=\"2400\" height=\"1500\" alt=\"\" \/>\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/course-indesign-2.png\" width=\"2400\" height=\"1500\" alt=\"\" \/>\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/course-indesign-3.png\" width=\"2400\" height=\"1500\" alt=\"\" \/>\n<\/div>\n<\/div>\n<p>Цей редактор з трійки Photoshop\/Illustrator\/InDesign часто вивчають останнім і є думка, що він насамперед зроблений для книжок чи багато сторінкової верстки.<\/p>\n<p>Насправді Індизайн дуже потужний дозволяє робити три типи проєктів:\u20281. Багатосторінкову верстку (книжки, журнали, брошури, брендбуки, презентації тощо).<\/p>\n<ol start=\"2\">\n<li>Автоматизовувати роботу з макетами (зробити 100500 візитівок чи бейджів на конференцію, вказівники тощо).<\/li>\n<li>Збирати складні макети з різних частин (навігацію, складні карти з багатьох шарів тощо).<\/li>\n<\/ol>\n<p>Тож якщо ви ще не працювали з Індизайном, я раджу спробувати. Він спочатку може здатись не таким звичним, як той самий Ілюстратор, але буде потужнішим при роботі з текстом і купою матеріалів. Тому якщо робили презентації чи брендбуки в Ілюстраторі — перестаньте себе мучити :)<\/p>\n<p>Окрім теоретичних і головних знань у дизайні також важливо вивчати й інструменти. Чим більше різних інструментів ви знатимете, тим більше можливостей матимете під час роботи.<\/p>\n<p><hr><br \/>\nВдячній усій команді Креативної Практики, які зробили курс реальним, змонтували, все оформили, а також розробили практичні завдання для курсу.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/svidok-edobi.jpg\" width=\"1600\" height=\"900\" alt=\"\" \/>\n<div class=\"e2-text-caption\">Називаю картинку «Свідок Adobe» 😅<\/div>\n<\/div>\n",
            "date_published": "2023-05-18T13:07:17+02:00",
            "date_modified": "2023-05-18T13:07:04+02:00",
            "tags": [
                "adobe",
                "indesign",
                "Креативна Практика",
                "курс",
                "лекція",
                "проекти"
            ],
            "image": "https:\/\/blog-archive.alexkolodko.com\/pictures\/course-indesign-0.png",
            "_date_published_rfc2822": "Thu, 18 May 2023 13:07:17 +0200",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "106",
            "_e2_data": {
                "is_favourite": false,
                "links_required": [
                    "jquery\/jquery.js",
                    "fotorama\/fotorama.css",
                    "fotorama\/fotorama.js"
                ],
                "og_images": [
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/course-indesign-0.png",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/course-indesign-1.png",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/course-indesign-2.png",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/course-indesign-3.png",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/svidok-edobi.jpg"
                ]
            }
        },
        {
            "id": "91",
            "url": "https:\/\/blog-archive.alexkolodko.com\/all\/automatisation-with-customisation\/",
            "title": "Автоматизація з кастомізацією",
            "content_html": "<p>Після того, як я опублікував відео про генератори, мене попросили зробити такий інструмент для створення табличок Природного заповідного фонду України для дерев. Зробив першу ітерацію:<br \/>\n<a href=\"https:\/\/g.wayfinding.systems\/pzfu\">g.wayfinding.systems\/pzfu <\/a><\/p>\n<div class=\"e2-text-video\">\n<video src=\"https:\/\/blog-archive.alexkolodko.com\/video\/pzfu-demo-speedx4.mp4#t=0.001\" width=\"2560\" height=\"1736.245912361\" controls alt=\"\" \/>\n\n<div class=\"e2-text-caption\">Демо роботи генератора<\/div>\n<\/div>\n<h2>Процес<\/h2>\n<p><a href=\"https:\/\/capture.dropbox.com\/aA9xUetXOC0PBMjo\">Новий стиль заповідників<\/a> розробляла студія happy, дуже велика і змістовна робота. В основі стилю був зроблений патерн, який повторює текстуру дерева. І на цих табличках він також використовується.<\/p>\n<p>У матеріалах з брендбука ця текстура зроблена однією великою картинкою, щоб потім дизайнер міг на свій розсуд її вставляти у макети та обирати зручний ракурс. У макетах, які мені дали як приклад, текстура для всіх табличок однакова. Але мені хотілося не просто відтворити, а зробити так, щоб для кожної таблички цей патерн був унікальним.<\/p>\n<p>Перша думка була — треба на основі алгоритму якось генерувати подібні лінії. Але я не маю достатньо знань, що створити потрібний алгоритм.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/tree-random-texture-2400.png\" width=\"2400\" height=\"906\" alt=\"\" \/>\n<\/div>\n<p>Але трохи подумав, як можна обійтись тією однією текстурою. Придумав такий підхід:<\/p>\n<ol start=\"1\">\n<li>обрізаємо текстуру, щоб отримати рівний прямокутник великого розміру (у 3-4 рази більший за розмір таблички);<\/li>\n<li>беремо цю текстуру і вставляємо у маску, що має розмір самої таблички;<\/li>\n<li>випадково міняємо: \u2028<br \/>\na) положення текстури у масці, \u2028<br \/>\nb) масштаб текстури від 100 до 120%,<br \/>\nc) віддзеркалення текстури по осі x.<\/li>\n<\/ol>\n<p>Таким чином маючи одну фіксовану текстуру можна отримати безліч комбінацій. Хоча підхід неідеальний: при певних параметрах текстура занадто сильно з’їжджає в якийсь з боків.<\/p>\n<p>\u2028За допомогу окрема подяка dnipro.design, Ігорю та Максиму Крижановським.<\/p>\n",
            "date_published": "2023-03-06T22:26:12+02:00",
            "date_modified": "2023-03-06T22:26:07+02:00",
            "tags": [
                "{△}",
                "автоматизація",
                "генератор",
                "проекти"
            ],
            "image": "https:\/\/blog-archive.alexkolodko.com\/pictures\/tree-random-texture-2400.png",
            "_date_published_rfc2822": "Mon, 06 Mar 2023 22:26:12 +0200",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "91",
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": [
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/tree-random-texture-2400.png"
                ]
            }
        },
        {
            "id": "89",
            "url": "https:\/\/blog-archive.alexkolodko.com\/all\/kyiv-city-express-map-1-0\/",
            "title": "Схема приміських електричок та Kyiv City Express 1.0",
            "content_html": "<p>Робили у 2021 році разом з першим підходом до навігації на станціях на прикладі Святошина. Про навігацію можливо ще окремо напишу, все одно вона так нормально і не з’явилась (хотіли зробити до Дня незалежності, але вийшло, як завжди).<\/p>\n<p>Розрахунок був на те що спочатку випустимо загальну схему, оскільки на станції зараз приїздять всі поїзди підряд (приміські, швидкісні та пасажирські, кільцева яка була ще у Київпастрансу), а концепція KCE ще була сформована. А потім, як тільки будуть зрозумілі сталі маршрути, виділимо на цій схемі окремо мережу City Express, можливо помаранчовим кольором.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/RailwayMap_wagon-70-w2000.png\" width=\"2000\" height=\"2417\" alt=\"\" \/>\n<div class=\"e2-text-caption\">Схема приміських електричок 1.0<\/div>\n<\/div>\n<p>Ось <a href=\"https:\/\/drive.google.com\/file\/d\/1pZ63kuv70oX7VJQ3131RolrF3y_l5I-7\/view?usp=sharing\">PNG<\/a> та <a href=\"https:\/\/drive.google.com\/file\/d\/1pU1QcomS8BuDL5unPJO2IPp3AtSWP7Lj\/view?usp=sharing\u2028\">PDF<\/a> пороздивлятись.<\/p>\n<p>Основний задум був об’єднати зі схемою швидкісного транспорту, оскільки КСЕ має працювати у зв’язці з іншим магістральним транспортом. Більшість людей приїздить з передмістя та пересідає далі на метро. Схема мала стати частиною інфостенда з розкладом руху поїздів зі станції.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/StandWithMap.jpg\" width=\"2560\" height=\"1919\" alt=\"\" \/>\n<div class=\"e2-text-caption\">Довелося прифотошопити схему на стенд, бо її навіть не надрукували чомусь і стенди на Святошині стоять пусті 🙄.<\/div>\n<\/div>\n<p>За цей час вже змінився рух по кільцю з заїздом на Святошин та й сама кільцева електричка вже стала частиною KCE, нарешті вчасно і регулярно їздить.<\/p>\n<p>👉 Готую оновлення схеми. Можете написати коментарі та пропозиції щодо схеми на пошту <a href=\"mailto:alexkolodko@gmail.com\">alexkolodko@gmail.com<\/a>.<\/p>\n<p>\u2028Зліпив трохи корявий таймлапс з різних версій:<\/p>\n<div class=\"e2-text-video\">\n<iframe src=\"https:\/\/www.youtube.com\/embed\/hNfiRZVgDBk?enablejsapi=1\" allow=\"autoplay\" frameborder=\"0\" allowfullscreen><\/iframe>\n<\/div>\n<p>Команда: я, Маргарита Заіменко, Таля Дмитрук.<\/p>\n",
            "date_published": "2023-01-21T20:09:20+02:00",
            "date_modified": "2023-02-03T12:25:57+02:00",
            "tags": [
                "kyivcityexpress",
                "проекти",
                "уз"
            ],
            "image": "https:\/\/blog-archive.alexkolodko.com\/pictures\/RailwayMap_wagon-70-w2000.png",
            "_date_published_rfc2822": "Sat, 21 Jan 2023 20:09:20 +0200",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "89",
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": [
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/RailwayMap_wagon-70-w2000.png",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/StandWithMap.jpg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/remote\/youtube-hNfiRZVgDBk-cover.jpg"
                ]
            }
        },
        {
            "id": "80",
            "url": "https:\/\/blog-archive.alexkolodko.com\/all\/kyiv-passengers-smm\/",
            "title": "Стиль ініціативи Пасажири Києва",
            "content_html": "<p>Захотілося підтримати гарну ініціативу «<a href=\"https:\/\/www.facebook.com\/groups\/1090406018549804\">Пасажири Києва<\/a>», і мінімальне, що можна було б покращити — створити єдиний стиль комунікації, який би у стрічці привертав увагу серед інших постів та чітко асоціювався з ініціативою, а також додав читабельності тексту на картинках :)<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/PK-Concept-Post-1.jpg\" width=\"2560\" height=\"1183\" alt=\"\" \/>\n<\/div>\n<p>За основу взятий, по-перше, жовтий колір, як колір більшості громадського транспорту Києва. А по-друге — біла смуга збоку з піктограмами транспорту, така сама як була на картках метро і мала б бути частиною стилю комунікації й для іншого транспорту. Тільки на смугу додався пішохід та людина на візку, бо транспорт ще і про людей, а також неформальний лого Києва. Шрифт — RoadUA.<\/p>\n<p>На основі цього створив першим формат «відповідь на повідомлення КМДА», а потім ще робив тематичні картинки з цифрами дня на різні теми.<\/p>\n<div class=\"e2-text-picture\">\n<div class=\"fotorama\" data-width=\"1390\" data-ratio=\"1.0451127819549\">\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/shelters-post.png\" width=\"1390\" height=\"1330\" alt=\"\" \/>\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/transport-downtime.png\" width=\"1176\" height=\"1636\" alt=\"\" \/>\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/passengers-lost-post.png\" width=\"1178\" height=\"1640\" alt=\"\" \/>\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/3mln-post.png\" width=\"1184\" height=\"1692\" alt=\"\" \/>\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/54km-bus-lanes-post.png\" width=\"1192\" height=\"1714\" alt=\"\" \/>\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/Post-map.png\" width=\"1080\" height=\"1080\" alt=\"\" \/>\n<\/div>\n<\/div>\n",
            "date_published": "2022-11-08T11:38:32+02:00",
            "date_modified": "2022-11-08T11:40:58+02:00",
            "tags": [
                "комунікація",
                "проекти"
            ],
            "image": "https:\/\/blog-archive.alexkolodko.com\/pictures\/PK-Concept-Post-1.jpg",
            "_date_published_rfc2822": "Tue, 08 Nov 2022 11:38:32 +0200",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "80",
            "_e2_data": {
                "is_favourite": false,
                "links_required": [
                    "jquery\/jquery.js",
                    "fotorama\/fotorama.css",
                    "fotorama\/fotorama.js"
                ],
                "og_images": [
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/PK-Concept-Post-1.jpg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/shelters-post.png",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/transport-downtime.png",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/passengers-lost-post.png",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/3mln-post.png",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/54km-bus-lanes-post.png",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/Post-map.png"
                ]
            }
        },
        {
            "id": "76",
            "url": "https:\/\/blog-archive.alexkolodko.com\/all\/generator-kyivparking\/",
            "title": "{Генератор} + Паркувальні таблички Києва",
            "content_html": "<p>У мене є ідея замість окремих інструментів, створити один спільний генератор, в який можна потім буде простіше додавати різні макети по різних містах, і він стане такою точкою генерації всього: від табличок до розкладів транспорту.<\/p>\n<p>Першим підпроєктом став генератор паркувальних інформаційних табличок Києва — <a href=\"https:\/\/g.wayfinding.systems\/kyivparking \">g.wayfinding.systems\/kyivparking <\/a><\/p>\n<div class=\"e2-text-video\">\n<iframe src=\"https:\/\/www.youtube.com\/embed\/f-KxvLUCaNU?enablejsapi=1\" allow=\"autoplay\" frameborder=\"0\" allowfullscreen><\/iframe>\n<\/div>\n<p>У залежності від зони паркування, змінюється колір таблички, тарифи та штрафи, а також генерується унікальний qr-код який містить номер паркомісця, що дозволить у майбутньому на лендингу використати цей номер. Наприклад, щоб одразу вести у застосунок Київ Цифровий, в якому буде вже обраний автоматично потрібний паркувальний майданчик, тож потрібно буде лише натиснути одну кнопку і почати паркування.<\/p>\n<p>p.s. А ще зацініть фавікону і логотип, який можна написати текстом — {△}<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/generator-favicon.png\" width=\"982\" height=\"254\" alt=\"\" \/>\n<\/div>\n",
            "date_published": "2022-11-03T18:43:51+02:00",
            "date_modified": "2022-11-03T18:43:46+02:00",
            "tags": [
                "{Генератор}",
                "автоматизація",
                "проекти"
            ],
            "image": "https:\/\/blog-archive.alexkolodko.com\/pictures\/remote\/youtube-f-KxvLUCaNU-cover.jpg",
            "_date_published_rfc2822": "Thu, 03 Nov 2022 18:43:51 +0200",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "76",
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": [
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/remote\/youtube-f-KxvLUCaNU-cover.jpg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/generator-favicon.png"
                ]
            }
        },
        {
            "id": "75",
            "url": "https:\/\/blog-archive.alexkolodko.com\/all\/automation-online-generators\/",
            "title": "Автоматизація дизайну: генератори макетів",
            "content_html": "<p>Одним з напрямків автоматизації, яким я цікавлюсь, є створення нових інструментів — онлайнових генераторів макетів, які дають можливість прямо з браузера отримати готовий макет зроблений за всіма правилами, в розмірах, в кривих, готовий до друку.<\/p>\n<div class=\"e2-text-video\">\n<iframe src=\"https:\/\/www.youtube.com\/embed\/2fa3ddVkJVk?enablejsapi=1\" allow=\"autoplay\" frameborder=\"0\" allowfullscreen><\/iframe>\n<div class=\"e2-text-caption\">Приклади створених генераторів<\/div>\n<\/div>\n<p>Генератори макетів підвищують ефективність роботи, дозволяють:<\/p>\n<ul>\n<li>☑️ за той самий час зробити більшу кількість макетів;<\/li>\n<li>☑️ створювати макети без залучення дизайнерів;<\/li>\n<li>☑️ не шукати та не купувати шрифти.<\/li>\n<\/ul>\n<p>Які переваги дає такий генератор:<br \/>\n\u2028🟢 Відповідність дизайну. Неможливо зробити неправильний макет.<\/p>\n<p>🟢 Економія коштів та людських ресурсів. Автоматичне створення макетів займає менше робочого часу та зменшує витрати на роботу.  Можна взагалі не залучати дизайнера для створення чергових типових макетів.<\/p>\n<p>🟢 Унеможливлення помилок. Менше ручної роботи зменшує кількість можливих помилок при введенні тексту.<\/p>\n<p>🟢 Масове впровадження. Дає можливість обробити більше макетів за той самий проміжок часу, а відповідно впровадити велику кількість носіїв.<\/p>\n<p>🟢 Не потрібні шрифти. Виконавцям не треба купляти ліценцію на шрифт кожен раз, а передавати їм шрифти зазвичай забороняє ліценція. Генератор віддає макети «в кривих», тому потрібна лише одна ліценція для сайту під час розробки.<\/p>\n<p>Онлайн-генератор макетів буде корисним для навігаційних та інформаційних знаків: адресні покажчики, навігаційні покажчики, інформаційні знаки зі змінною інформацією, розклади на зупинках, дорожні знаки тощо. А також буде корисним при створенні фірмових макетів зі змінною інформацією: візитівки, бейджі, наліпки з qr-кодами тощо.<\/p>\n<p>Приклади реалізованих публічних генераторів:<\/p>\n<ul>\n<li><a href=\"http:\/\/touristroadsign.a3.kyiv.ua\/b-1-constructor.php\">Туристична навігація на дорогах України<\/a>: ми написали правила та додатково зробили для деяких типів знаків генератор макетів.<\/li>\n<li><a href=\"https:\/\/streetsigns.dnipro.design\/signs\/name\">Адресні таблички Дніпра<\/a><\/li>\n<li><a href=\"http:\/\/kyivstreetsign.a3.kyiv.ua\/#template-1-11-1\">Адресні покажчики Києва<\/a><\/li>\n<li><a href=\"https:\/\/g.wayfinding.systems\/kyivparking\"> Паркувальні таблички Києва<\/a><\/li>\n<\/ul>\n<p>✉️<br \/>\nЯкщо зацікавило і вам у роботі потенційно може бути корисним подібний генератор, напишіть на адресу <a href=\"mailto:generator@wayfinding.systems\">generator@wayfinding.systems<\/a> або в особисті у телеграмі <a href=\"t.me\/alexkolodko\">t.me\/alexkolodko<\/a> чи на пошту <a href=\"mailto:alexkolodko@gmail.com\">alexkolodko@gmail.com<\/a><\/p>\n",
            "date_published": "2022-11-03T18:32:36+02:00",
            "date_modified": "2022-11-03T18:32:33+02:00",
            "tags": [
                "{Генератор}",
                "автоматизація",
                "проекти"
            ],
            "image": "https:\/\/blog-archive.alexkolodko.com\/pictures\/remote\/youtube-2fa3ddVkJVk-cover.jpg",
            "_date_published_rfc2822": "Thu, 03 Nov 2022 18:32:36 +0200",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "75",
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": [
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/remote\/youtube-2fa3ddVkJVk-cover.jpg"
                ]
            }
        },
        {
            "id": "54",
            "url": "https:\/\/blog-archive.alexkolodko.com\/all\/bikesharing-pickup-points\/",
            "title": "Місце паркування самокатів",
            "content_html": "<p>Влітку 2021 року на прохання Віталія Селика розробив знак для місць паркування електросамокатів. Київ тоді як раз підписав меморандум зі всіма сервісами прокату самокатів, щоб вони розміщували та збирали самокати у таких точках і щоб вони не були розкидані по всіх вулицях. Наживо побачив їх тільки під кінець року і тільки в центрі, а наскільки їх розповсюдили далі не знаю.<\/p>\n<p>Завантажити значок у PDF, EPS або SVG: <a href=\"https:\/\/www.dropbox.com\/sh\/dswdaranqxvkoex\/AADJS8oSobOgtJ2ONy55d-eVa?dl=0\">https:\/\/www.dropbox.com\/sh\/dswdaranqxvkoex\/AADJS8oSobOgtJ2ONy55d-eVa?dl=0<\/a><\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/photo_2022-10-07-00.20.49.jpeg\" width=\"1280\" height=\"960\" alt=\"\" \/>\n<\/div>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/photo_2022-10-07-00.20.52.jpeg\" width=\"1280\" height=\"712\" alt=\"\" \/>\n<\/div>\n",
            "date_published": "2022-10-06T23:22:34+02:00",
            "date_modified": "2022-10-06T23:22:34+02:00",
            "tags": [
                "департамент дизайну",
                "дизайн",
                "проекти"
            ],
            "image": "https:\/\/blog-archive.alexkolodko.com\/pictures\/photo_2022-10-07-00.20.49.jpeg",
            "_date_published_rfc2822": "Thu, 06 Oct 2022 23:22:34 +0200",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "54",
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": [
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/photo_2022-10-07-00.20.49.jpeg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/photo_2022-10-07-00.20.52.jpeg"
                ]
            }
        },
        {
            "id": "57",
            "url": "https:\/\/blog-archive.alexkolodko.com\/all\/roadua-font\/",
            "title": "Дорожній шрифт",
            "content_html": "<p>Вважаю однією з перемог це зміна дорожнього шрифти, який увійшов у новий ДСТУ 4100 в 2021 році. Пам’ятаю нерозуміння частини людей дотичних до проєкту (особливо з ДержЖорНДІ, які саме розробляють дорожні стандарти) навіщо змінювати шрифти. Аргументи були, що той шрифт вже багато років існує, люди до нього звикли і зміна може бути навіть небезпечною та створювати ДТП.<\/p>\n<p>Таке враження, ніби існує «презумпція нормальності» тих норм, що існують, і їм ніякі докази не потрібні. І не важливо, чи було щось розроблено 50+ років тому.<\/p>\n<p>Частково рішення змінити шрифт було політичним, аби ще далі піти від стандартів СРСР та росії, щоб нас об’єднувало в один простір на одну річ менше.<\/p>\n<p>Частково рішення було суто практичним, оскільки старий шрифт був заточений під написи ПРОПИСНИМИ, а цей під рядкові з першою прописною. Плюс ще дуже важливо було зробити цей шрифт безкоштовним та загальнодоступним, бо існує проблема коли знаки набираються іншими шрифтами (зазвичай Arial) на етапі виробництва. Є гіпотеза що це через те, що той дорожній шрифт ніде не можна було знайти, а контролюють вироблені знаки не завжди. Таким чином шрифт не потрібно десь шукати на піратських сайтах і простіше його просто завантажити та набрати все, як треба.<\/p>\n<p>Зустрічаю останній рік вже багато знаків, хоч іноді дуже дивних, але з новим шрифтом і дуже тішусь, що вдалося провести цю зміну. І ось побачив дуже красномовне фото зі звільненої Харківщини, яке тільки додає впевненості, що це було правилье рішення.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/307300860_602109984833865_4523466106103456522_n.jpg\" width=\"1585\" height=\"1034\" alt=\"\" \/>\n<div class=\"e2-text-caption\">Фото <a href=\"https:\/\/www.facebook.com\/photo\/?fbid=602109988167198&set=a.577378107307053\">Рубрика, 16 вересня 2022<\/a><\/div>\n<\/div>\n",
            "date_published": "2022-09-18T23:29:00+02:00",
            "date_modified": "2022-10-06T23:31:20+02:00",
            "tags": [
                "дизайн",
                "проекти"
            ],
            "image": "https:\/\/blog-archive.alexkolodko.com\/pictures\/307300860_602109984833865_4523466106103456522_n.jpg",
            "_date_published_rfc2822": "Sun, 18 Sep 2022 23:29:00 +0200",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "57",
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": [
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/307300860_602109984833865_4523466106103456522_n.jpg"
                ]
            }
        },
        {
            "id": "41",
            "url": "https:\/\/blog-archive.alexkolodko.com\/all\/dnipro-streetsigns-generator\/",
            "title": "Генератор адресних покажчиків Дніпра",
            "content_html": "<p>Команда <a href=\"https:\/\/dnipro.design\">dnipro.design<\/a> розробили нові адресні покажчики Дніпра, описали у правилах та <a href=\"https:\/\/www.dropbox.com\/s\/377c1kscx7h5j7t\/streetsigns.pdf?dl=0&utm_source=streetsigns&fbclid=IwAR17EfC7O-wrPODckH1Tgd0HgFybT17CCRjGX4Vzeghsq5VkuROOmYWu_xc\">затвердили<\/a> правила нових адресних покажчиків. Розумію, який то об’єм. Гарна велика робота, респектую всій команді 👏<\/p>\n<p>А для того, щоб правила не лишались на папері ми допомогли створити інструмент для генерації всіх видів макетів:<\/p>\n<p>👉 <a href=\"https:\/\/streetsigns.dnipro.design\/g-name.html\">https:\/\/streetsigns.dnipro.design\/g-name.html<\/a><\/p>\n<p>Такий інструмент допомагає всім охочим зробити потрібні макети за всіма правилами.<\/p>\n<ul>\n<li>Вам не потрібен дизайнер.<\/li>\n<li>Вам не потрібно шукати чи купувати необхідні шрифти.<\/li>\n<li>Вам не потрібна ліценція Adobe, Corel чи інших програм.<\/li>\n<\/ul>\n<div class=\"e2-text-video\">\n<iframe src=\"https:\/\/www.youtube.com\/embed\/EtIg5--4d_c?enablejsapi=1\" allow=\"autoplay\" frameborder=\"0\" allowfullscreen><\/iframe>\n<div class=\"e2-text-caption\">Як працює генератор<\/div>\n<\/div>\n<p>Хочете табличку → Заповнюєте кілька полів → Натискаєте кнопку → Отримуєте готовий до виробництва макет → Замовляєте покажчик → Вішаєте.<\/p>\n<p>Дуже просто, правда?<\/p>\n<p>А далі процес безкінечно масштабується на величезні об’єми знаків через застосування таблиць: заповнюєте таблицю у відповідному форматі → вставляєте посилання → отримуєте 100500 готових макетів.<\/p>\n<p>Окрім очевидних плюсів є ще кілька.<\/p>\n<ol start=\"1\">\n<li>Прагматичне. Чим менше людини у процесі, тим менша ймовірність людських помилок, які призводять до витрат уваги, часу на знаходження і виправлення цих помилок.<\/li>\n<\/ol>\n<ol start=\"2\">\n<li>Егоїстичне. Навіщо витрачати час на нецікаву роботу по створенню ще одного типового макету, якщо можна той самий час приділити вивчення чогось або просто відпочинку.<\/li>\n<\/ol>\n<ol start=\"3\">\n<li>Футуристичне. Чим далі, тим більше роботи на себе заберуть машини, тож варто йти попереду.<\/li>\n<\/ol>\n<p>Застосовувати можна всюди де є багато макетів з різними даними:<\/p>\n<ul>\n<li>адресні покажчики<\/li>\n<li>розклади транспорту<\/li>\n<li>навігаційні покажчики та вказівники<\/li>\n<li>паркувальні та інформаційні таблички<\/li>\n<li>дорожні знаки<\/li>\n<li>автомобільні номери<\/li>\n<li>тощо…<\/li>\n<\/ul>\n<p>Вважаю майбутнє не тільки за розробкою дизайну, а й за створенням інструментів для створення дизайну. Уявіть брендбук, який не просто у ПДФці розповідає, як робити якийсь макет, а одразу його робить за всіма правилами.<\/p>\n<p>Ми зробили генератор табличок Києва, тепер Дніпра, а в роботі ще кілька таких інструментів, які покажемо згодом. А якщо у вас є потреба спростити собі роботу або зробити у себе такий інструмент, то напишіть мені (або розкажіть про це вашому знайомому меру чи головному архітектору 😉).<\/p>\n",
            "date_published": "2022-02-16T20:38:21+02:00",
            "date_modified": "2022-02-16T20:38:14+02:00",
            "tags": [
                "ARC",
                "інструменти",
                "автоматизація",
                "проекти"
            ],
            "image": "https:\/\/blog-archive.alexkolodko.com\/pictures\/remote\/youtube-EtIg5--4d_c-cover.jpg",
            "_date_published_rfc2822": "Wed, 16 Feb 2022 20:38:21 +0200",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "41",
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": [
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/remote\/youtube-EtIg5--4d_c-cover.jpg"
                ]
            }
        },
        {
            "id": "38",
            "url": "https:\/\/blog-archive.alexkolodko.com\/all\/ukrayinsko-rosiyska-tipografska-rozkladka-klaviaturi-v-1-3\/",
            "title": "Українсько-російська типографська розкладка клавіатури v.1.3",
            "content_html": "<p>Оновив свою українсько-російську розкладку, яку <a href=\"https:\/\/blog.alexkolodko.com\/all\/ua-ru-birman-typography-layout\/\">зробив у 2016<\/a>.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/layout-img@2x.png\" width=\"952\" height=\"316\" alt=\"\" \/>\n<\/div>\n<p><a href=\"https:\/\/github.com\/alexkolodko\/UA-RU-Typography-Keyboard-Layout\/raw\/master\/Layouts\/1.3\/Install%20UA-RU-Typo%20Layout%201.3.app.zip\">↓ Завантажити<\/a><\/p>\n<h2>Навіщо потрібна розкладка<\/h2>\n<p>У мене завжди було 3 мови: UA, RU та ЕN. І постійне перемикання між ними завжди додавало помилок, бо я ніколи не пам’ятаю, яка зараз розкладка увімкнена. І щоб не перемикати постійно UA та RU, я об’єднав їх разом з <a href=\"https:\/\/ilyabirman.ru\/projects\/typography-layout\/\">розкладкою Іллі Бірмана<\/a> в одну українсько-російську типографську розкладку.<\/p>\n<h2>Що нового у v.1.3<\/h2>\n<p>Підлаштував розкладку під Macbook 16’ 2019.<\/p>\n<p>Тепер у розкладки є зручний інсталятор та своя окрема сторінка на сайті: <a href=\"https:\/\/alexkolodko.com\/projects\/ua-ru-typography-layout\/\">alexkolodko.com\/projects\/ua-ru-typography-layout<\/a><\/p>\n<p>Осучаснив піктограми, вони так само помітні у менюбарі MacOS Monterey:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/menubar.png\" width=\"420\" height=\"252\" alt=\"\" \/>\n<div class=\"e2-text-caption\">Піктограми у менюбарі MacOS Monterey<\/div>\n<\/div>\n<p>Цікавинка на сайті: зацініть, що картинки є під світлу і темну теми ОС:<\/p>\n<div class=\"e2-text-picture\">\n<div class=\"fotorama\" data-width=\"1800\" data-ratio=\"1.4162077104642\">\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/Screenshot-2021-11-21-at-16.46.29.png\" width=\"1800\" height=\"1271\" alt=\"\" \/>\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/Screenshot-2021-11-21-at-16.46.42.png\" width=\"1800\" height=\"1271\" alt=\"\" \/>\n<\/div>\n<div class=\"e2-text-caption\">Світла та темна тема на сайті<\/div>\n<\/div>\n<h2>Встановлення<\/h2>\n<p>Запустіть app-файл, слідуйте інструкціям та увімкніть у налаштуваннях потрібну розкладку.<\/p>\n<p>Або завантажити з Github файл UA-RU Typography.bundle та скопіювати його в теку ~\/Library\/Keyboard Layouts (у Finder натиснути ⇧+⌘+G та ввести адресу до теки), розлогінитися та увійти знову. Тепер у налаштуваннях розкладок будуть доступні дві нові, обирайте собі будь-яку.<\/p>\n<h2>Які є альтернативи<\/h2>\n<ul>\n<li><a href=\"https:\/\/github.com\/denysdovhan\/ukrainian-typographic-keyboard\">Ukrainian Typographic Keyboard<\/a> від Дениса Довганя.<\/li>\n<li><a href=\"https:\/\/github.com\/neochief\/ukrainian-typographic-layouts\">Сумісні українські типографічні розкладки<\/a> для Windows\/Mac\/Ubuntu від Олександра Швеца<\/li>\n<li>Версія від <a href=\"https:\/\/gagadget.com\/another\/4076-ukrainskaya-tipografskaya-raskladka-klaviaturyi\/\">GaGadget<\/a>.<\/li>\n<li>Версія від <a href=\"https:\/\/anton.shevchuk.name\/my-life\/ukrainian-typography-keyboard-layout\/\">Антона Шевчука<\/a><\/li>\n<li>Гібридна <a href=\"https:\/\/habr.com\/ru\/post\/125589\/\">версія з Хабру<\/a>, хоча вона заснована на старій розкладці Бірмана.<\/li>\n<li>Російсько-українська розкладка <a href=\"https:\/\/shpir.com\/keylayout\/\">Михайла Шпира<\/a>.<\/li>\n<\/ul>\n",
            "date_published": "2021-11-21T17:02:41+02:00",
            "date_modified": "2021-11-21T17:02:08+02:00",
            "tags": [
                "mac os x",
                "лайфхак",
                "проекти"
            ],
            "image": "https:\/\/blog-archive.alexkolodko.com\/pictures\/layout-img@2x.png",
            "_date_published_rfc2822": "Sun, 21 Nov 2021 17:02:41 +0200",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "38",
            "_e2_data": {
                "is_favourite": false,
                "links_required": [
                    "jquery\/jquery.js",
                    "fotorama\/fotorama.css",
                    "fotorama\/fotorama.js"
                ],
                "og_images": [
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/layout-img@2x.png",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/menubar.png",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/Screenshot-2021-11-21-at-16.46.29.png",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/Screenshot-2021-11-21-at-16.46.42.png"
                ]
            }
        },
        {
            "id": "33",
            "url": "https:\/\/blog-archive.alexkolodko.com\/all\/kyiv-parking-info\/",
            "title": "Паркувальні інформаційні таблички у Києві",
            "content_html": "<p>КМДА вчора оголосила підвищення цін за паркування та запуск інспекторів, що має кардинально покращити ситуацію з паркуванням в центрі та прибрати незаконних паркувальників «за готівку».<\/p>\n<p>Ми разом з <a href=\"https:\/\/zaytsev.io\">Олександром Зайцевим<\/a> зробили дизайн нових інформаційних табличок про оплату паркування та дизайн лендингу, на якому скорочено і доступно все пояснено по паркуванню. З початку роботи ще до виходу таблички пережили кілька великих змін: спочатку туди інтегрувалася оплата на той час KyivSmartCity, потім було його оновлення до Київ Цифровий, потім змінювалися тарифи та умови, а кінці ще додали англійську мову, щоб зробити інформацію доступною й іноземцям.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/Post-Preview-1-copy.jpg\" width=\"2560\" height=\"1633\" alt=\"\" \/>\n<\/div>\n<p>Ключові рішення:<\/p>\n<ul>\n<li><b>Формат. <\/b>Раніше це були квадратні великі знаки, але вони дуже недолуго виглядали разом з вертикальними дорожніми знаками. Ми взяли формат інформаційних знаків з ПДР — 700×350 та перевернули його вертикально.<\/li>\n<li><b>Розміщення.<\/b> Оскільки попередній формат знаків був широким їх доводилося вішати високо. І разом з невеликим текстом це було незручно читати. Тепер таблички мають розміщуватись на рівні очей для зручного зчитування і вертикальний формат цьому дуже сприяє.<\/li>\n<li><b>Пріоритет інформації. <\/b>Великий тариф в першу чергу, потім зони, а потім інша додаткова інформація. Нічого зайвого, лише те що буде потрібно біля самого майданчика, решта — на сайті.<\/li>\n<li><b>Кольори зон. <\/b>Для візуального виділення зон використали кольори, які вже були знайомі по абонементах: 1 зона (центр) — червоний, 2 зона (великий центр) — жовтий, 3 зона — зелений. <\/li>\n<li><b>Шрифт і стиль.<\/b> Як і продовження навігації та комунікації на вулицях та у метро використаний навігаційний шрифт Proba Nav2, авторства Андрія Константинова.<\/li>\n<li><b>QR та блок оплати. <\/b>Спочатку вони вели безпосередньо у застосунок Київ Цифровий, де був обраний правильний майданчик і лишалось лише почати погодинне паркування. Потім задля уникнення монополії ми ведемо на лендінг зі швидким вибором варіантів оплати, але також передаємо у посиланні id майданчика, щоб у майбутньому додати якісь інтеграції прив‘язані до конкретних майданчиків.<\/li>\n<li><b>Застереження не давати готівку паркувальникам. <\/b>Явно написали і зробили на цьому акцент, щоб можна було показати пальцем на офіційний знак і послати незаконних паркувальників куди подалі.<\/li>\n<li><b>Каштан.<\/b> Хоч і не офіційний, але підтриманий дизайн-спільнотою символ.<\/li>\n<\/ul>\n<div class=\"e2-text-picture\">\n<div class=\"fotorama\" data-width=\"2560\" data-ratio=\"1.3333333333333\">\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/Post-Preview-3.jpg\" width=\"2560\" height=\"1920\" alt=\"\" \/>\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/Post-Preview-2.jpg\" width=\"1920\" height=\"2560\" alt=\"\" \/>\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/with-signs-1-1.jpg\" width=\"2560\" height=\"2560\" alt=\"\" \/>\n<\/div>\n<\/div>\n<p> <\/p>\n<p>У кінці моя улюблена тема автоматизації: зроблений шаблон, який дозволить робити будь-які кількість макетів знаків з різними кодами майданчиків та qr-кодів (про це <a href=\"https:\/\/blog.alexkolodko.com\/all\/automatisation-with-google-sheets\/\">писав раніше<\/a>).  <\/p>\n<div class=\"e2-text-video\">\n<iframe src=\"https:\/\/www.youtube.com\/embed\/p_ORiwLLoDI?enablejsapi=1\" allow=\"autoplay\" frameborder=\"0\" allowfullscreen><\/iframe>\n<\/div>\n<p>У процесі довелося відстоювати різні прийняті дизайн-рішення і я радий результату, який втілиться в життя. Окрема подяка усім, хто допоміг покращити кінцевий результат: ГІОЦ, Київ Цифровий, Веніамін Матусевич, Дмитро Стеценко, Костянтин Усов, Віктор Сасін, Віталій Селик<\/p>\n",
            "date_published": "2021-07-03T11:08:32+02:00",
            "date_modified": "2021-07-03T11:21:26+02:00",
            "tags": [
                "дизайн",
                "київ",
                "проекти"
            ],
            "image": "https:\/\/blog-archive.alexkolodko.com\/pictures\/Post-Preview-1-copy.jpg",
            "_date_published_rfc2822": "Sat, 03 Jul 2021 11:08:32 +0200",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "33",
            "_e2_data": {
                "is_favourite": false,
                "links_required": [
                    "jquery\/jquery.js",
                    "fotorama\/fotorama.css",
                    "fotorama\/fotorama.js"
                ],
                "og_images": [
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/Post-Preview-1-copy.jpg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/Post-Preview-3.jpg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/Post-Preview-2.jpg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/with-signs-1-1.jpg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/remote\/youtube-p_ORiwLLoDI-cover.jpg"
                ]
            }
        },
        {
            "id": "32",
            "url": "https:\/\/blog-archive.alexkolodko.com\/all\/nova-administrativna-mapa-ukrayini-razom-z-ukrayiner\/",
            "title": "Нова адміністративна мапа України разом з Ukraїner",
            "content_html": "<p>Взимку Сергій Родіонов та Богдан Логвіненко з <a href=\"https:\/\/ukrainer.net\">Ukrainer<\/a> розповіли ідею зробити і надрукувати якусь нову більш естетичну адміністративну мапу для школярів, яка була б кращою за те що можна побачити. І дійсно, якщо пошукати адміністративні карти, то можна побачити якісь строкаті мапи, з насиченими, але не яскравими кольорами, купою різних шрифтів та безліччю зайвої інформації, яка тільки шумить. В окремих випадках розташування інформації були таким, що можна було зустріти скорочення назв міст, бо вони не вміщалися всі (особливо на сході країни). Всього цього хотілося уникнути та створити щось нове. <\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/IMG_8093.JPG\" width=\"2100\" height=\"1401\" alt=\"\" \/>\n<\/div>\n<p>Картографічний дизайн починається в першу чергу з даних і тут нам дуже допоміг Олександр Щеглов, який назбирав з різних джерел різні версії даних про дороги, міста, водойми та все інше. Через те, що єдиного актуального та надійного джерела всіх даних немає, ми їх всі збирали до купи, комбінували та уточнювали, щоб все між собою добре стикувалося та виглядало цілісним.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/IMG_8092.JPG\" width=\"2100\" height=\"1401\" alt=\"\" \/>\n<\/div>\n<p>Разом з Маргаритою Заіменко даним задали стиль та вручну розташовували всі інформаційні шари так, щоб всі вони читались та сприймались. Кілька разів то прибирали якісь дані, то додавали, щоб мапа не стала перевантаженою, бо її першочергова задача показати адміністративні межі, а потім все інше. На карті в решті решт немає скорочених назв, які потрібно було б в легенді розшифровувати. В результати у нас вийшло 12 різних графічних файлів, які потім збирались до купи в цілісну карту. А ще тепер знаю, що всі області достатньо позначити лише 4 кольорами :).<\/p>\n<div class=\"e2-text-picture\">\n<div class=\"fotorama\" data-width=\"2560\" data-ratio=\"1.3333333333333\">\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/IMG_8455.jpg\" width=\"2560\" height=\"1920\" alt=\"\" \/>\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/IMG_8456.jpg\" width=\"2560\" height=\"1920\" alt=\"\" \/>\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/IMG_8477.jpg\" width=\"2560\" height=\"1920\" alt=\"\" \/>\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/IMG_8478.jpg\" width=\"2560\" height=\"1920\" alt=\"\" \/>\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/IMG_8479.jpg\" width=\"2560\" height=\"1920\" alt=\"\" \/>\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/IMG_8480.jpg\" width=\"2560\" height=\"1920\" alt=\"\" \/>\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/IMG_8482.jpg\" width=\"1920\" height=\"2560\" alt=\"\" \/>\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/IMG_8483.jpg\" width=\"2560\" height=\"1920\" alt=\"\" \/>\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/IMG_8485.jpg\" width=\"2560\" height=\"1920\" alt=\"\" \/>\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/IMG_8487.jpg\" width=\"2560\" height=\"1920\" alt=\"\" \/>\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/IMG_8489.jpg\" width=\"2560\" height=\"1896\" alt=\"\" \/>\n<\/div>\n<div class=\"e2-text-caption\">Різні деталі<\/div>\n<\/div>\n<p>Що вдалося показати на карті:<br \/>\n— межі країн, областей та районів;<br \/>\n— обласні центри та великі міста (Кривий Ріг та Маріуполь), районні центри та міста обласного значення (смт вже не стали показувати, бо їх забагато);<br \/>\n— тимчасово окуповані території, бо фактично вони захоплені, а мапа має зображати реальність допоки ці території не стануть знову українськими;<br \/>\n— дороги категорій М, Н, Р та Т (тільки останні вже без номерів, бо забагато), стиль номерів наслідували з дорожньої навігації;<br \/>\n— головні водойми, озера та лимани, а ще кілька відомих островів;<br \/>\n— аеропорти;<br \/>\n— гірські вершини (у Карпатах вище 2000 м, у Криму вище 1500 м) та вулкан (так, в Україні є хоч і невеликий, але вулкан);<br \/>\n— цікаві точки, зібрані в експедиціях Ukraїner;<br \/>\n— культурно-історичні регіони.<\/p>\n<p>В дизайні використали два українські шрифти — новий дорожній <a href=\"https:\/\/agentyzmin.github.io\/Road-UA-Font\/\">Road UA<\/a> (Андрій Константинов) та UA Brand (Кирило Ткачов).<\/p>\n<p>Також дуже дякую менеджеркам Катерині Ковальчат, Людмилі Кучер та Юлії Лактіоновій, які допомогали з перевіркою, перекладом назв та друком.<\/p>\n<p>Перед Арсеналом ще провели в типографії 8+ годин, щоб зробити колір приємним, як і задумували, бо ламінація зробила всі кольори дуже темними.<\/p>\n<p>Якось я напишу про процес роботи над мапою. Це був новий цікавий досвід, а я люблю задачі, які не робив до цього. Тепер хочется зробити якусь красиву рельєфну мапу України 🧐<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/UAAdminMap-1.0-1.jpg\" width=\"2560\" height=\"1811\" alt=\"\" \/>\n<\/div>\n<p>Пороздивлятись карту можна <a href=\"https:\/\/drive.google.com\/file\/d\/138bnnCPuV-AxNkSIFiO14yK4xwcepWcc\/view?usp=sharing\">у великому розмірі<\/a> (JPG, 18 МБ)<\/p>\n<p>Придбати мапу можна в <a href=\"https:\/\/store.ukrainer.net\/product\/map-of-ukraine\/\">інтернет-магазині Ukrainer<\/a>.<\/p>\n",
            "date_published": "2021-06-27T18:49:59+02:00",
            "date_modified": "2021-06-27T18:50:23+02:00",
            "tags": [
                "дизайн",
                "карти",
                "проекти",
                "робота"
            ],
            "image": "https:\/\/blog-archive.alexkolodko.com\/pictures\/IMG_8093.JPG",
            "_date_published_rfc2822": "Sun, 27 Jun 2021 18:49:59 +0200",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "32",
            "_e2_data": {
                "is_favourite": false,
                "links_required": [
                    "jquery\/jquery.js",
                    "fotorama\/fotorama.css",
                    "fotorama\/fotorama.js"
                ],
                "og_images": [
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/IMG_8093.JPG",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/IMG_8092.JPG",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/IMG_8455.jpg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/IMG_8456.jpg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/IMG_8477.jpg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/IMG_8478.jpg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/IMG_8479.jpg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/IMG_8480.jpg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/IMG_8482.jpg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/IMG_8483.jpg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/IMG_8485.jpg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/IMG_8487.jpg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/IMG_8489.jpg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/UAAdminMap-1.0-1.jpg"
                ]
            }
        },
        {
            "id": "31",
            "url": "https:\/\/blog-archive.alexkolodko.com\/all\/road-guide\/",
            "title": "Путівник по маршрутному орієнтуванню",
            "content_html": "<p>На початку року написали <a href=\"http:\/\/roadguide.a3.kyiv.ua\/\">путівник по маршрутному орієнтуванню на дорогах<\/a>, в якому описали всі принципи та правила, за якими треба створювати дорожні знаки. У документі п’ять великих розділів:<\/p>\n<ol start=\"1\">\n<li>Принципи, закладені в основі всієї роботи.<\/li>\n<\/ol>\n<ol start=\"2\">\n<li>Типи ділянок дороги. Усі ситуації на всіх дорогах можна згрупувати по типах, для яких потім треба використовувати свій набір знаків, що робить систему передбачуваною. Також у розділ закладена важлива думка: потрібно думати та проєктувати цілісний маршрут і на основі цього обирати<\/li>\n<\/ol>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/APC_0005.jpg\" width=\"2048\" height=\"1536\" alt=\"\" \/>\n<div class=\"e2-text-caption\">Типи ділянок<\/div>\n<\/div>\n<ol start=\"3\">\n<li>Розміщення знаків відносно дороги: за скільки метрів ставити та які розміщувати над своїми смугами.<\/li>\n<\/ol>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/placement-overhead.png\" width=\"2560\" height=\"1352.7469553451\" alt=\"\" \/>\n<\/div>\n<ol start=\"4\">\n<li>Опис основних елементів та частин, з яких потім складаються всі знаки: написання текстів та номерів, модулів та розмірів самих знаків та графіки на них<\/li>\n<\/ol>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/APC_0006.jpg\" width=\"2048\" height=\"1536\" alt=\"\" \/>\n<\/div>\n<ol start=\"5\">\n<li>Опис різних видів знаків: початок\/кінець населених пунктів, вказівники, схеми, знаки підтвердження, позначки річок та знаки з іншою комунікацією на дорогах.<\/li>\n<\/ol>\n<div class=\"e2-text-picture\">\n<div class=\"fotorama\" data-width=\"2560\" data-ratio=\"1.3333333333333\">\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/IMG_6069.jpg\" width=\"2560\" height=\"1920\" alt=\"\" \/>\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/IMG_6070.jpg\" width=\"2560\" height=\"1920\" alt=\"\" \/>\n<\/div>\n<div class=\"e2-text-caption\">Інформаційні повідомлення<\/div>\n<\/div>\n<p>У кінці два додатки: а) про новий дорожній шрифт; б) таблиця ширини літерних площ та полупробілів літер для різних розмірів знаків (це потрібно під час виробництва, коли літери вручну клеять на знак; навіщо це потрібно у 21 сторіччі — питання риторичне).<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/IMG_6068.jpg\" width=\"2560\" height=\"1920\" alt=\"\" \/>\n<div class=\"e2-text-caption\">Таблиця полупробілів<\/div>\n<\/div>\n<p>Зверстали, як для себе, надрукували собі кілька примірників та поки швидкома перенесли на сайт — <a href=\"http:\/\/roadguide.a3.kyiv.ua\/\">roadguide.a3.kyiv.ua<\/a>. Сам сайт та матеріали на github, а працює через docsify, зробити такий гайд нескладно.<\/p>\n<p>Там можна і сам PDF завантажити, і вся інформація є текстом з пошуком. При чому у планах залучити потенціал вебу: якщо говоримо про транслітерацію, то одразу ж тут робимо транслітератор за всіма правилами, а якщо говоримо про шрифт, то даємо його одразу завантажити.<\/p>\n<div class=\"e2-text-picture\">\n<div class=\"fotorama\" data-width=\"2560\" data-ratio=\"1.3333333333333\">\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/IMG_6061.jpg\" width=\"2560\" height=\"1920\" alt=\"\" \/>\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/IMG_6062.jpg\" width=\"2560\" height=\"1920\" alt=\"\" \/>\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/IMG_6063.jpg\" width=\"2560\" height=\"1920\" alt=\"\" \/>\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/IMG_6065.jpg\" width=\"2560\" height=\"1920\" alt=\"\" \/>\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/APC_0001.jpg\" width=\"2048\" height=\"1536\" alt=\"\" \/>\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/APC_0003.jpg\" width=\"2048\" height=\"1536\" alt=\"\" \/>\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/APC_0004.jpg\" width=\"2048\" height=\"1536\" alt=\"\" \/>\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/APC_0008.jpg\" width=\"2048\" height=\"1536\" alt=\"\" \/>\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/APC_0009.jpg\" width=\"2048\" height=\"1536\" alt=\"\" \/>\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/APC_0010.jpg\" width=\"2048\" height=\"1536\" alt=\"\" \/>\n<\/div>\n<div class=\"e2-text-caption\">Друкований примірник<\/div>\n<\/div>\n<p>Приємно потримати в руках результат роботи.<\/p>\n<div class=\"e2-text-video\">\n<iframe src=\"https:\/\/www.youtube.com\/embed\/lkAT2R7ypiY?enablejsapi=1\" allow=\"autoplay\" frameborder=\"0\" allowfullscreen><\/iframe>\n<div class=\"e2-text-caption\">Прекрасне відео<\/div>\n<\/div>\n",
            "date_published": "2021-06-08T23:39:52+02:00",
            "date_modified": "2021-06-08T23:39:45+02:00",
            "tags": [
                "guide",
                "wayfinding",
                "дороги",
                "дорожні знаки",
                "навігація",
                "проекти",
                "укравтодор"
            ],
            "image": "https:\/\/blog-archive.alexkolodko.com\/pictures\/IMG_6064.jpg",
            "_date_published_rfc2822": "Tue, 08 Jun 2021 23:39:52 +0200",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "31",
            "_e2_data": {
                "is_favourite": false,
                "links_required": [
                    "jquery\/jquery.js",
                    "fotorama\/fotorama.css",
                    "fotorama\/fotorama.js"
                ],
                "og_images": [
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/IMG_6064.jpg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/APC_0007.jpg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/APC_0005.jpg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/placement-overhead.png",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/APC_0006.jpg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/IMG_6069.jpg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/IMG_6070.jpg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/IMG_6068.jpg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/IMG_6061.jpg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/IMG_6062.jpg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/IMG_6063.jpg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/IMG_6065.jpg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/APC_0001.jpg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/APC_0003.jpg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/APC_0004.jpg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/APC_0008.jpg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/APC_0009.jpg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/APC_0010.jpg"
                ]
            }
        }
    ],
    "_e2_version": 4134,
    "_e2_ua_string": "Aegea 11.3 (v4134)"
}