{
    "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\/",
    "feed_url": "https:\/\/blog-archive.alexkolodko.com\/rss\/",
    "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": "166",
            "url": "https:\/\/blog-archive.alexkolodko.com\/all\/automation-shortcuts-macos-ocr\/",
            "title": "Швидке розпізнавання тексту з екрана чи файлів у macOS",
            "content_html": "<p>Ті, хто користуються macOS починаючи з версії 11, могли помітити, що у Preview є можливість виділяти та копіювати текст з зображень. У систему вбудований непоганий розпізнавач тексту (OCR). Але не всі знають, що його можна викликати не тільки у Preview, а застосувати до будь-чого.<\/p>\n<p>За допомогою Shortcuts я створив два сценарії розпізнавання тексту: з виділеної частини екрана, як при скриншоті, та з вибраного файлу у Finder. Результат копіюється образу в буфер і його можна образу вставляти куди треба. При цьому можна також додати гарячі клавіші для виклику кожного, наприклад, для розпізнавання з екрану у мене це ⌘7.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/automation-shortcuts-macos-ocr-1.png\" width=\"2400\" height=\"1564\" alt=\"\" \/>\n<\/div>\n<div class=\"e2-text-video\">\n<video src=\"https:\/\/blog-archive.alexkolodko.com\/video\/automation-shortcuts-macos-ocr-2.mp4#t=0.001\" width=\"2560\" height=\"1604.4444444444\" controls alt=\"\" \/>\n\n<\/div>\n<div class=\"e2-text-video\">\n<video src=\"https:\/\/blog-archive.alexkolodko.com\/video\/automation-shortcuts-macos-ocr-3.mp4#t=0.001\" width=\"2560\" height=\"1604.4444444444\" controls alt=\"\" \/>\n\n<\/div>\n<p>Нижче викладаю самі файли Shortcuts, які можете додати собі. Продуктивної роботи всім 🦾<\/p>\n<ul>\n<li><a href=\"https:\/\/www.icloud.com\/shortcuts\/dd40af84219846368d24a2222b110d4b\">Розпізнавання з частини екрану<\/a><\/li>\n<li><a href=\"https:\/\/www.icloud.com\/shortcuts\/295019a1b8a14a1095ac99f5fa961a62\">Розпізнавання з файлу<\/a><\/li>\n<\/ul>\n",
            "date_published": "2026-01-25T19:28:43+02:00",
            "date_modified": "2026-01-25T19:28:39+02:00",
            "tags": [
                "automator",
                "mac os x",
                "shortcuts",
                "автоматизація"
            ],
            "image": "https:\/\/blog-archive.alexkolodko.com\/pictures\/automation-shortcuts-macos-ocr-1.png",
            "_date_published_rfc2822": "Sun, 25 Jan 2026 19:28:43 +0200",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "166",
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": [
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/automation-shortcuts-macos-ocr-1.png"
                ]
            }
        },
        {
            "id": "164",
            "url": "https:\/\/blog-archive.alexkolodko.com\/all\/cursor-and-novibecoding\/",
            "title": "Cursor та (не)вайб кодінг",
            "content_html": "<p>Понад рік використовую Cursor для створення робочих інструменті: від окремих скриптів до робочих застосунків та плагінів для браузера. Влітку мені навіть писали з Курсору, сказали що я у «топ 1% юзерів в Києві» (хз, як вони це міряли) та запрошували на мітап 😁<\/p>\n<p>І зараз вони зробили підсумки року,  у вигляді красивої сторінки та красивих цифр — 3,4 тисяч агентів (чатів) та 1,69 млрд токенів. На початку найбільше використовував модель Claude, у порівнянні з іншими вона давала завжди більш робочий результат. Потім авторежим моделі, і коли він не давав потрібний результат перемикав вручну на Claude. Останнім часом пробую їхню модель Composer, яка менша і працює швидше.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/cursor-2025-models.png\" width=\"1728\" height=\"1000\" alt=\"\" \/>\n<\/div>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/cursor-2025.png\" width=\"1080\" height=\"1080\" alt=\"\" \/>\n<\/div>\n<p>Що цікавого можу відмітити за рік використання.<\/p>\n<p><b>Самотужки можна закривати фулстек — повністю створювати застосунки <\/b><br \/>\nВдається за відсутності додаткових спеціалістів з технологій, які ви не так знаєте (для мене це бекенд), створювати працюючі застосунки, які вирішують задачу. У нагоді, стають знання як раз з проєктування і дизайну, які дозволяють придумати і описати бажаний результат, протестувати його і переробити за потреби.<\/p>\n<p><b>Використання будь-яких мов програмування<\/b><br \/>\nЄ частина інструментів які створені для Python, деякі — як вебфреймворк, або ж щось під бази даних. Раніше на їх вивчення могло б піти багато часу, щоб зрозуміти, як правильно працювати з тою чи іншою мовою та технологією. Особливо це стосується веб-фреймворків, які, таке відчуття, що кожен пише свій, і тільки на те, щоб його обрати треба витратити додаткові когнітивні зусилля (а може я вже старий, бо чистий JS мені зрозуміліший). Я так збирав по частинах одну апку, де частину роботи виконують Python-скрипти, як-то транскрибація аудіо в текст за допомогою Whisper, а вже фронт зроблений на NextJS.<\/p>\n<p><b>LLM допомагають перекласти звичайну мову у мову програм<\/b><br \/>\nЄ багато вже розроблених програм, часто які працюють в консолі\/терміналі, і які насправді можуть закривати багато поточних потреб і рутинних задач. Але у них високий поріг входу: треба розуміти як це працює і як їх використати. Так от LLM, на мій погляд, прекрасно підходять для того, щоб почати їх використовувати у повсякденній роботі. Наприклад, я зробив пачку швидких дій у MacOS які конвертують картинки чи відео в різні формати, або ж роблять відео  на швидкості ×2…×4, коли я роблю скрінкаст і демо роботи чогось, роблять чи розбирають PDF, зклеює картинки тощо (якщо цікаво, окремо покажу та розпишу приклади). Зокрема по цій схемі  існує цілий застосунок AI-термінал — Warp. Так і Cursor активно взаємодіє з термінальними програмами.<\/p>\n<p><b>Ідеально для R&D та малих проєктів<\/b><br \/>\nЦей пункт випливає з попередніх. Це можливість швидко зібрати робочий прототип і протестувати чи все працює як задумано. І далі або розвивати далі створений інструмент чи викинути й попробувати щось робити інакше. Іноді навіть створити дашборд з візуалізацією ваших даних іноді навіть простіше і швидше згенерувавши сторінку на D3.js, ніж намагаючись зробити те саме в Екселі. Але важливо розуміти, що інструменти генерації коду, можливо, не роблять ідеальний код і тому його треба використовувати обережно у великих проєктах та проєктах, де важлива безпека.<\/p>\n<p><b>Простіше починати одразу з коду, а не з макета у Figma<\/b><br \/>\nПомітив за собою що вже не так хочеться робити макети у Фігмі, які потім потрібно якось ще переносити у код, і набагато простіше одразу почати роботу з кодом, отримуючи вже інтерактивний інструмент, замість придумування і малювання окремих версій усіх елементів. Так AI\/LLM може понапридумувати аж занадто своєрідний стиль, особливо якщо не сильно описати бажаний результат, але за кілька ітерацій результат вдається стабілізувати. Тут у нагоді може стати подивитись як запит обробляє Firebase: детально описує стиль тексту та іконок, кольори, анімацію.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/firebase-prompt-example@2x.png\" width=\"830\" height=\"854\" alt=\"\" \/>\n<div class=\"e2-text-caption\">Результат обмірковування моделі перед створенням самого коду застосунку<\/div>\n<\/div>\n<p><b>Залежність від інструментів<\/b><br \/>\nАле є і суттєвий мінус: коли щось трапляється з оплатою, або немає можливості підключитись для використання моделей — вважайте що лишаєтесь безпорадними, не в змозі продовжувати активну роботу. На відміну від знання мови, яке можна використати не залежно від наявності підписки. Сюди ж можна додати використання будь-яких мов у різних проєктах — поступово просто перестаєш пам’ятати як влаштовані різні проєкти і через це більше потребуєш моделей, які мають то все зчитувати.<\/p>\n<h2>Особливості роботи з генерацією коду<\/h2>\n<p><b>Написання документації та інструкцій<\/b><br \/>\nЩоб Курсор чи інші моделі згенерували вам найбільш точний результат — йому потрібно якомога точніше описати, що вам треба. Тобто як і в класичному процесі розробки — створити документацію. І цей крок має бути першим. Це іноді трохи лінь робити, бо доводиться описувати наче очевидні речі. В принципі, для цього у тому ж Курсорі присутній режим Планування — на ваш запит і опис модель створює план (як звичайний ntrcnjdbq md-файл) з описом кроків. Що дає змогу почати. Або ж іти меншими кроками нарощуючи потрібні функції і потрібний вигляд саме почерговими запитами.<\/p>\n<p><b>Знання бази та перевірка результату<\/b><br \/>\nЯк і результат будь-яких мовних моделей результати створення коду треба перевіряти на галюцинації. І бажано орієнтуватись хоча б базово це цикл, де умови, де змінні та функції тощо. Ну і просити модель просто поміняти колір елементу через запит — це не ефективне використання ресурсів.<\/p>\n<h2>Що почитати<\/h2>\n<p>Українською не так багато матеріалів на тему, але оці цікаві:<\/p>\n<ul>\n<li><a href=\"https:\/\/dou.ua\/forums\/topic\/57057\/\">Технічна база для дизайну — те, про що соромно запитати у розробників<\/a>. Для дизайнерів без досвіду розробки у цій статті від роз’яснення основ, до початку використання цього у роботі разом<\/li>\n<li><a href=\"https:\/\/dou.ua\/forums\/topic\/56845\/\">Cursor Rules: як навчити AI працювати з вашим проєктом<\/a>. Поради по тоншому налаштуванню Cursor: використання правил .cursorrules, AGENTS.md тощо.<\/li>\n<\/ul>\n<h2>Душний p.s.<\/h2>\n<p>І трохи душноти під кінець стосовно самого терміну «вайбкодінг», який придумав Андрей Карпати. Процес спілкування і використання моделей взагалі не імітує вайб настрій програмування, коли в голові проєктуєш і потім руками відтворюєш алгоритм роботи програми, і відчуття задоволення, коли програма виконує само те, що треба. Окреме задоволення в процесі можна отримувати від вигадування красивішого простішого коротшого алгоритму в коді, який ніхто окрім розробників і не побачить.<\/p>\n<p>Процес проєктування більш схожий на сцену з Залізної людини, коли Тоні Старк проєктує в голові загальну концепцію і розуміє, що конкретно треба, але всю реалізацію бере на себе Джарвіс. Так і з Курсором: проєктуючи у себе в голові, цеглинка за цеглинкою складається і розвивається готове рішення.<\/p>\n",
            "date_published": "2026-01-11T18:53:45+02:00",
            "date_modified": "2026-01-11T19:10:49+02:00",
            "tags": [
                "ai",
                "Claude",
                "cursor",
                "Gemini",
                "Open AI",
                "кодінг"
            ],
            "image": "https:\/\/blog-archive.alexkolodko.com\/pictures\/cursor-2025-models.png",
            "_date_published_rfc2822": "Sun, 11 Jan 2026 18:53:45 +0200",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "164",
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": [
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/cursor-2025-models.png",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/cursor-2025.png",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/firebase-prompt-example@2x.png"
                ]
            }
        },
        {
            "id": "163",
            "url": "https:\/\/blog-archive.alexkolodko.com\/all\/qa-design-and-coding\/",
            "title": "QA: Кодинг у дизайні",
            "content_html": "<p><b>Q: Привіт! Хотів спитати, бо я іноді заходжу на твій сайт, і часто бачу кодінг. Як взагалі відносишся до кодінгу у дизайні? думаю, може варто вивчити щось і закодіть, бо я бачу ти часто використовуєш програмування у дизайні<\/b><\/p>\n<p>A: В принципі, для дизайну, як такого, кодінг не потрібен. Це просто додатковий інструмент для спрощення деяких видів задач у повсякденній роботі. Або ж можливість самостійно можна закривати більшу частину рутини, без додаткової комунікації (комусь, як мені, це в плюс 😅).<\/p>\n<p>Мені нещодавно сказали, що вже є термін Design Engineer, про дизайнерів-кодерів. Виходить це оформлюється в цілий напрям, особливо з розвитком технічних інструментів.<\/p>\n<p>Ще мені особисто просто подобається програмування, я його розумію і тому, напевно, часто використовую. Але мої знання все одно неглибокі, я досконало не знаю жодної мови програмування.<\/p>\n<p>Основне — розуміти алгоритми, як взагалі працюють будь-які програми (змінні, умови, цикли, типи даних тощо). З цим знанням вже можна пошукати в Гуглі рішення чи приклади коду на Stackoverflow в цей алгоритм. Зараз все частіше ще питаю у ChatGPT\/Gemini\/Claude3 і вони все частіше видають робочий код.<\/p>\n<p>І дивлячись на практики розробників, можна собі в дизайн роботу щось теж взяти. Наприклад CI\/CD (continuous integration and continuous delivery). Це автоматична збірка коду, його тестування та публікація. Це дозволяє дуже швидко вносити зміни.<\/p>\n<p>У дизайні цей приклад можна порівняти з підтримкою проєкта та оновленням макетів.<\/p>\n<p>Наприклад, схема метро має кілька видів: у вагон біла, у вагон прозора, на стенди та на стінах швидкісний трамвай (при чому з відміткою на кожній станції, це 18 макетів). Коли перейменовують якусь станцію чи відбуваються якісь зміни, то потрібно оновлювати цей весь парк.<\/p>\n<p>Є два основних макети в АІ: біла схема і темна. Далі всі світлі через різні шаблони в ID готуються під різні розміри (вагон, стенд, трамвай). А в кінці окремі скрипти нарізають, масштабують і перейменовують однаково всі трамвайні схеми. Щось ще перезберігається в TIFF, бо так вимагає типографія.<\/p>\n<p>Налаштування цього займає певний час, але потім окупається. Бо робити це все руками при кожному оновленні займає кожен раз купу часу. Якщо ви стикаєтесь з тим що вже більше трьох разів робите одні і ті самі дії, то можна подумати як то автоматизувати. Бо один раз це випадковість, два — збіг, три — тенденція 😌<\/p>\n<p><hr><\/p>\n<div><div style=\"float: left;\"><p><span style=\"font-weight:bold; font-size: 3em\"><b>?<\/b><\/span><\/p>\n<\/div><div style=\"padding: 1em 0 0 4em\"><p>Якщо у вас є питання або приклад дизайну, які потрібно подивитись та прокоментувати, напишіть на <a href=\"mailto:alexkolodko@gmail.com\">пошту<\/a> або у <a href=\"https:\/\/t.me\/alexkolodko\">телеграм<\/a>.<\/p>\n<\/div><\/div>",
            "date_published": "2024-09-29T15:13:08+02:00",
            "date_modified": "2024-09-29T15:13:05+02:00",
            "tags": [
                "q\/a",
                "автоматизація",
                "дизайн"
            ],
            "_date_published_rfc2822": "Sun, 29 Sep 2024 15:13:08 +0200",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "163",
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": []
            }
        },
        {
            "id": "162",
            "url": "https:\/\/blog-archive.alexkolodko.com\/all\/pocket-metro-map\/",
            "title": "Кишенькові схеми метро",
            "content_html": "<p>Переніс сюди <a href=\"https:\/\/x.com\/alexkolodko\/status\/1838318361111073057\">свій тред<\/a> про кишенькові схеми метро і доповнив ще деякими фото.<\/p>\n<p><hr><\/p>\n<p>Поки збирав матеріал по кишенькових схемах на сайт, то зроблю тред. Загалом виходило 5 версій схем. Розповсюджувались безкоштовно, завдяки партнерам. Усі тиражі були розібрані.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/_cover-photo_2023-08-08-19.39.53.jpeg\" width=\"1280\" height=\"1280\" alt=\"\" \/>\n<\/div>\n<p>Одна з мотивацій, чому ми хотіли паперові схеми  — фізичний артефакт набагато приємніше тримати в руках, можна було брати з собою і орієнтуватись в метро (тоді не було 3g). Ще після оновлення карток метро, були невдоволені, що зникла схема (чи вона була зручною?), тож ось.<\/p>\n<div class=\"e2-text-picture\">\n<div class=\"fotorama\" data-width=\"600\" data-ratio=\"1.4778325123153\">\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/kyiv-oldmetrocard-2.jpg\" width=\"600\" height=\"406\" alt=\"\" \/>\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/kyiv-oldmetrocard-1.png\" width=\"380\" height=\"248\" alt=\"\" \/>\n<\/div>\n<div class=\"e2-text-caption\">Старі картка та проїзний<\/div>\n<\/div>\n<p>І для туристів завжди приємно взяти з собою якусь таку дрібницю про місто. Найбільш знаковий приклад і взірець — Лондон. Вони випускають кишенькову схему з 1947 року і дотепер. Від просто інформаційної брошури вона стала <a href=\"https:\/\/art.tfl.gov.uk\/projects\/?numPosts=16&pageNumber=1&autocomplete=391&autocompleteText=&archive=0&action=projects_loop_handler\">майданчиком для мистецьких проєктів<\/a>. Розмір 300x150 мм та три вертикальних фальци (згини).<\/p>\n<div class=\"e2-text-picture\">\n<div class=\"fotorama\" data-width=\"1024\" data-ratio=\"1.4992679355783\">\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/london-tube-map-3.jpg\" width=\"1024\" height=\"683\" alt=\"\" \/>\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/london-tube-map-2.jpg\" width=\"683\" height=\"1024\" alt=\"\" \/>\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/london-tube-map-1.jpg\" width=\"700\" height=\"1024\" alt=\"\" \/>\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/london-tube-map-7.png\" width=\"2214\" height=\"1868\" alt=\"\" \/>\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/london-tube-map-4.jpg\" width=\"600\" height=\"398\" alt=\"\" \/>\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/london-tube-map-5.jpg\" width=\"600\" height=\"397\" alt=\"\" \/>\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/london-tube-map-6.jpg\" width=\"570\" height=\"760\" alt=\"\" \/>\n<\/div>\n<\/div>\n<h2>Версія 1 · 2016<\/h2>\n<p><b>Формат. <\/b>Спочатку хотіли взяти формат де схема складалась в 5 згинів і мала картонні обкладинки з двох сторін. Але виявилось що це патентований формат zfold. Тож щоб зробити дешевше взяли А4 у 4 згини, щоб останній згин був зверху, щоб легше брати.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/format-zfold.png\" width=\"1024\" height=\"803\" alt=\"\" \/>\n<div class=\"e2-text-caption\">Формат zfold<\/div>\n<\/div>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/format-a4.jpg\" width=\"2560\" height=\"1920\" alt=\"\" \/>\n<div class=\"e2-text-caption\">А4<\/div>\n<\/div>\n<p><b>Дві мови окремо.<\/b> У схемах завжди виклик як розмісти всю інформацію, щоб читабельно і щоб відділяти інформаційні шари. І тут друкований формат дозволив зробити окремо англійську версію. При чому на ній для іноземців можна було підказати що їм релевантно. Їх було 25% тиражу.<\/p>\n<div class=\"e2-text-picture\">\n<div class=\"fotorama\" data-width=\"842\" data-ratio=\"1.4127516778523\">\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/lang-ua.png\" width=\"842\" height=\"596\" alt=\"\" \/>\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/lang-en.png\" width=\"843\" height=\"597\" alt=\"\" \/>\n<\/div>\n<div class=\"e2-text-caption\">Українська та англійська версія першої схеми<\/div>\n<\/div>\n<p><b>Стенд.<\/b> Потрібно було місце, де люди самі могли б брати схему, коли потрібно. І щоб виглядало не кустарно, не гірше Лондона :) Тому придумали що панелі для роздачі схем мають бути поруч з самою схемою: будуєш маршрут на великій, а малу береш з собою.<\/p>\n<p>З тим стендом заморочились і зробили як адресні покажчики — метал та покриття склоемаллю. Саму схему теж. Дорого-багато, дуже красиво і блищить.<\/p>\n<div class=\"e2-text-picture\">\n<div class=\"fotorama\" data-width=\"2560\" data-ratio=\"1.5058823529412\">\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/stand-v1-0.jpg\" width=\"2560\" height=\"1700\" alt=\"\" \/>\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/stand-v1-2.jpg\" width=\"2560\" height=\"1700\" alt=\"\" \/>\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/stand-v1-3.jpg\" width=\"2560\" height=\"1700\" alt=\"\" \/>\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/stand-v1-4.jpg\" width=\"1527\" height=\"2199\" alt=\"\" \/>\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/stand-v1-5.jpg\" width=\"2560\" height=\"1830\" 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\/stand-fail.jpg\" width=\"2560\" height=\"1920\" alt=\"\" \/>\n<div class=\"e2-text-caption\">Той самий папірчик<\/div>\n<\/div>\n<p>Ладно, згин зверху з’явився в наступній. Бо хотіли, щоб коли розгортаєш кожну сторону і тримаєш схему, вся інформація була не перевернута. Але зручність діставання схеми з диспенсера була важливішою. До речі, <a href=\"https:\/\/www.behance.net\/gallery\/46747143\/Metro-Map-Cover-Illustration\">ілюстрації на обкладинку намалювала Олена Годіна<\/a>.<\/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\/map-v1-1.JPG\" width=\"2560\" height=\"1920\" alt=\"\" \/>\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/map-v1-2.JPG\" width=\"2560\" height=\"1920\" alt=\"\" \/>\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/map-v1-3.JPG\" width=\"2560\" height=\"1920\" alt=\"\" \/>\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/map-v1-4.JPG\" width=\"2560\" height=\"1920\" alt=\"\" \/>\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/map-v1-5.JPG\" width=\"2560\" height=\"1920\" alt=\"\" \/>\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/map-v1-6.jpg\" width=\"2427\" height=\"2448\" alt=\"\" \/>\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/map-v1-7.JPG\" width=\"2560\" height=\"1920\" alt=\"\" \/>\n<\/div>\n<div class=\"e2-text-caption\">Перша версія<\/div>\n<\/div>\n<h2>Версія 2 · 2016<\/h2>\n<p>За кілька місяців тираж розібрали та треба було друкувати новий. І хоч контент не змінився, все одно ми хотіли робити одразу серію: у кожної схеми своя ілюстрація на тему метро. Щоб вона стала предметом колекціювання (замашки не гірше ніж у Тартаковського, хто пам’ятає, той пам’ятає 😅)<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/map-v2-DSC_7293-2.jpg\" width=\"2560\" height=\"1700\" alt=\"\" \/>\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\/station-khrest-1345438_original.jpg\" width=\"1000\" height=\"654\" alt=\"\" \/>\n<div class=\"e2-text-caption\">Вестибюль станції «Хрещатик»<\/div>\n<\/div>\n<h2>Версія 3 · 2017<\/h2>\n<p>За пів року друкували ще тираж. На цей раз ілюстрацію робив Дмитро Шевченко, а курував Влад Кулик. Це теж  «Хрещатик» та керамічний декор у залі станції, авторка — <a href=\"https:\/\/hmarochos.kiev.ua\/2023\/07\/30\/u-kyyevi-vidkrylasya-vystavka-avtorky-panno-na-stancziyi-hreshhatyk-hudozhnyczi-vypovnylosya-100-rokiv\/\">Оксана Грудзинська<\/a>. Правда дещо творчо переосмислена. А чому б і ні.<\/p>\n<div class=\"e2-text-picture\">\n<div class=\"fotorama\" data-width=\"2000\" data-ratio=\"1.5552099533437\">\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/map-v3-1.jpg\" width=\"2000\" height=\"1286\" alt=\"\" \/>\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/map-v3-2.jpg\" width=\"2560\" height=\"1597\" alt=\"\" \/>\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/map-v3-3.jpg\" width=\"2560\" height=\"1920\" 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\/station-khrest-1344639_original.jpg\" width=\"598\" height=\"650\" alt=\"\" \/>\n<div class=\"e2-text-caption\">Фото Олег Тоцький<\/div>\n<\/div>\n<h2>Версія 4 · 2017<\/h2>\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\/map-v4-1.JPG\" width=\"2560\" height=\"1920\" alt=\"\" \/>\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/map-v4-2.JPG\" width=\"2560\" height=\"1920\" alt=\"\" \/>\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/map-v4-3.JPG\" width=\"2560\" height=\"1920\" alt=\"\" \/>\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/map-v4-4.JPG\" width=\"2560\" height=\"1919\" alt=\"\" \/>\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/map-v4-5.JPG\" width=\"2560\" height=\"1920\" 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\/map-v4-6.jpg\" width=\"2560\" height=\"1920\" alt=\"\" \/>\n<\/div>\n<p>Фото оригінальної плитки:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/station-lb-1585084_original.jpg\" width=\"1000\" height=\"647\" alt=\"\" \/>\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\/station-lb-60f6c08f8dc23.jpg\" width=\"1080\" height=\"810\" alt=\"\" \/>\n<div class=\"e2-text-caption\">Понівечені колони та решки оригінальної плитки<\/div>\n<\/div>\n<h2>Версія 5 · 2018<\/h2>\n<p>Остання версія вийшла через рік, під фінал Ліги Чемпіонів, який проходив в Києві і спонсором якого був Мастеркард. І вимогою було використати графіку кампанії для ЛЧ, тому це єдина схема яка не у загальному стилі.<\/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\/map-v5-1.jpg\" width=\"2400\" height=\"1800\" alt=\"\" \/>\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/map-v5-2.jpg\" width=\"2400\" height=\"1800\" alt=\"\" \/>\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/map-v5-3.jpg\" width=\"2400\" height=\"1800\" alt=\"\" \/>\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/map-v5-4.jpg\" width=\"2400\" height=\"1800\" alt=\"\" \/>\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/map-v5-5.jpg\" width=\"2400\" height=\"1800\" alt=\"\" \/>\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/map-v5-6.jpg\" width=\"2400\" height=\"1800\" alt=\"\" \/>\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/map-v5-7.jpg\" width=\"2400\" height=\"1800\" alt=\"\" \/>\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/map-v5-8.jpg\" width=\"2400\" height=\"1800\" alt=\"\" \/>\n<\/div>\n<div class=\"e2-text-caption\">П’ята версія<\/div>\n<\/div>\n<p>З приємного:<\/p>\n<ol start=\"1\">\n<li>схему можна було знайти в аеропортах;<\/li>\n<li>працював з новим брендбуком Мастеркарда від Пентаграма, і все стало виглядати доволі свіжо.<\/li>\n<\/ol>\n<div class=\"e2-text-picture\">\n<div class=\"fotorama\" data-width=\"864\" data-ratio=\"0.75\">\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/map-v5-irl-airport1.JPG\" width=\"864\" height=\"1152\" alt=\"\" \/>\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/map-v5-irl-airport2.JPG\" width=\"768\" height=\"1024\" alt=\"\" \/>\n<\/div>\n<div class=\"e2-text-caption\">Стенди в аеропортах<\/div>\n<\/div>\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\/map-v5-process1.JPG\" width=\"2400\" height=\"1800\" alt=\"\" \/>\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/map-v5-process2.JPG\" width=\"2400\" height=\"1800\" alt=\"\" \/>\n<\/div>\n<div class=\"e2-text-caption\">Процес роботи<\/div>\n<\/div>\n<p>Далі проєкт зупинився через неузгодженість партнерами бачення щодо цього формату, а метро самостійно це не продовжили. Висновок: кожним таким проєктом треба постійно займатись і менеджерити все.<\/p>\n<p>З гарного: у контролерів на ескалаторах я неодноразово бачив ці схеми у файликах, на яких вони показують як їхати і де пересаджуватись всім, хто питає.<\/p>\n<p>А це прототип оновленого диспенсера з ПВХ.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/pocket-v5-16.jpg\" width=\"2400\" height=\"1800\" alt=\"\" \/>\n<\/div>\n<p>Не знаю, навіщо вам цей факт, але: на всіх картинкою я намалював свою руку, бо мені треба було правильний ракурс 😅<\/p>\n<div class=\"e2-text-picture\">\n<div class=\"fotorama\" data-width=\"2560\" data-ratio=\"1.7777777777778\">\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/hand-1.jpg\" width=\"2560\" height=\"1440\" alt=\"\" \/>\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/hand-2.png\" width=\"1220\" height=\"1713\" alt=\"\" \/>\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/hand-3.png\" width=\"1562\" height=\"1480\" alt=\"\" \/>\n<\/div>\n<\/div>\n<p>Знайшов фото, де пластикові диспенсери відламані. Тому і вирішили робити металеві.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/stand-v1-crashed-1.jpg\" width=\"2560\" height=\"1920\" alt=\"\" \/>\n<\/div>\n<p>А це зразок одного з нових стендів, де диспенсер не пластиковий, а більш витривалий металевий.<\/p>\n<div class=\"e2-text-picture\">\n<div class=\"fotorama\" data-width=\"2560\" data-ratio=\"1\">\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/stand-v2-1.jpg\" width=\"2560\" height=\"2560\" alt=\"\" \/>\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/stand-v2-2.jpeg\" width=\"2048\" height=\"1152\" alt=\"\" \/>\n<\/div>\n<\/div>\n<h2>Бонус<\/h2>\n<p>Обкладинки, які не вийшли:<\/p>\n<ol start=\"1\">\n<li>Варіант, який хотіли як раз на 5 версію, бо це саме «Олімпійська» і тема шикарної мозаїки зі станції.<\/li>\n<li>Теж «Хрещатик» без абстракцій (кольори просто 🤌)<\/li>\n<li>Старе оздоблення станції «Нивки»<\/li>\n<\/ol>\n<p>Їх, як і 1 та 4, намалювала Олена Годіна.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/covers-notpublished-1-v5-Olimpiiska.jpg\" width=\"1527\" height=\"1030\" alt=\"\" \/>\n<div class=\"e2-text-caption\">Олімпійська<\/div>\n<\/div>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/covers-notpublished-2-3.png\" width=\"1580\" height=\"1070\" alt=\"\" \/>\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\/covers-notpublished-6-concept0.png\" width=\"1654\" height=\"1192\" alt=\"\" \/>\n<\/div>\n<h2>Відгуки<\/h2>\n<p>Ну і наостанок поділюсь відгуком, який зберіг. Якщо у вас є схеми, то можете теж щось про них написати і сфоткати. І для історії, і просто приємно буде.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/pocketscheme-feedback-1.png\" width=\"506\" height=\"863\" alt=\"\" \/>\n<\/div>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/pocketscheme-feedback-2.png\" width=\"950\" height=\"1896\" alt=\"\" \/>\n<\/div>\n<p>І залишу тут на згадку фідбек з твітера:<\/p>\n<div class=\"e2-text-picture\">\n<div class=\"fotorama\" data-width=\"1218\" data-ratio=\"4.6136363636364\">\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/feedback-twi-1.png\" width=\"1218\" height=\"264\" alt=\"\" \/>\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/feedback-twi-2.png\" width=\"1228\" height=\"280\" alt=\"\" \/>\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/feedback-twi-3.png\" width=\"1224\" height=\"264\" alt=\"\" \/>\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/feedback-twi-4.png\" width=\"1226\" height=\"260\" alt=\"\" \/>\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/feedback-twi-5.png\" width=\"1226\" height=\"294\" alt=\"\" \/>\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/feedback-twi-6.png\" width=\"1216\" height=\"254\" alt=\"\" \/>\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/feedback-twi-7.png\" width=\"1218\" height=\"256\" alt=\"\" \/>\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/feedback-twi-8.png\" width=\"1218\" height=\"340\" alt=\"\" \/>\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/feedback-twi-9.png\" width=\"1218\" height=\"222\" alt=\"\" \/>\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/feedback-twi-10.png\" width=\"1224\" height=\"218\" alt=\"\" \/>\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/feedback-twi-11.png\" width=\"1220\" height=\"212\" alt=\"\" \/>\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/feedback-twi-12.png\" width=\"1218\" height=\"206\" alt=\"\" \/>\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/feedback-twi-13.png\" width=\"1226\" height=\"334\" alt=\"\" \/>\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/feedback-twi-14.png\" width=\"1218\" height=\"356\" alt=\"\" \/>\n<\/div>\n<\/div>\n",
            "date_published": "2024-09-27T15:43:26+02:00",
            "date_modified": "2024-09-27T15:43:19+02:00",
            "tags": [
                "агенти змін",
                "метро",
                "схеми"
            ],
            "image": "https:\/\/blog-archive.alexkolodko.com\/pictures\/stand-v2.jpg",
            "_date_published_rfc2822": "Fri, 27 Sep 2024 15:43:26 +0200",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "162",
            "_e2_data": {
                "is_favourite": false,
                "links_required": [
                    "jquery\/jquery.js",
                    "fotorama\/fotorama.css",
                    "fotorama\/fotorama.js"
                ],
                "og_images": [
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/stand-v2.jpg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/covers-notpublished-2.jpg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/covers-notpublished-3.jpg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/_cover-photo_2023-08-08-19.39.53.jpeg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/kyiv-oldmetrocard-2.jpg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/kyiv-oldmetrocard-1.png",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/london-tube-map-3.jpg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/london-tube-map-2.jpg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/london-tube-map-1.jpg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/london-tube-map-7.png",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/london-tube-map-4.jpg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/london-tube-map-5.jpg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/london-tube-map-6.jpg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/format-zfold.png",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/format-a4.jpg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/lang-ua.png",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/lang-en.png",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/stand-v1-0.jpg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/stand-v1-2.jpg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/stand-v1-3.jpg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/stand-v1-4.jpg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/stand-v1-5.jpg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/stand-fail.jpg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/map-v1-1.JPG",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/map-v1-2.JPG",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/map-v1-3.JPG",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/map-v1-4.JPG",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/map-v1-5.JPG",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/map-v1-6.jpg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/map-v1-7.JPG",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/map-v2-DSC_7293-2.jpg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/station-khrest-1345438_original.jpg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/map-v3-1.jpg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/map-v3-2.jpg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/map-v3-3.jpg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/station-khrest-1344639_original.jpg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/map-v4-1.JPG",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/map-v4-2.JPG",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/map-v4-3.JPG",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/map-v4-4.JPG",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/map-v4-5.JPG",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/map-v4-6.jpg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/station-lb-1585084_original.jpg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/station-lb-60f6c08f8dc23.jpg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/map-v5-1.jpg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/map-v5-2.jpg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/map-v5-3.jpg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/map-v5-4.jpg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/map-v5-5.jpg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/map-v5-6.jpg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/map-v5-7.jpg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/map-v5-8.jpg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/map-v5-irl-airport1.JPG",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/map-v5-irl-airport2.JPG",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/map-v5-process1.JPG",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/map-v5-process2.JPG",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/pocket-v5-16.jpg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/hand-1.jpg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/hand-2.png",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/hand-3.png",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/stand-v1-crashed-1.jpg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/stand-v2-1.jpg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/stand-v2-2.jpeg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/covers-notpublished-1-v5-Olimpiiska.jpg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/covers-notpublished-2-3.png",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/covers-notpublished-6-concept0.png",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/pocketscheme-feedback-1.png",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/pocketscheme-feedback-2.png",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/feedback-twi-1.png",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/feedback-twi-2.png",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/feedback-twi-3.png",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/feedback-twi-4.png",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/feedback-twi-5.png",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/feedback-twi-6.png",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/feedback-twi-7.png",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/feedback-twi-8.png",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/feedback-twi-9.png",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/feedback-twi-10.png",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/feedback-twi-11.png",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/feedback-twi-12.png",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/feedback-twi-13.png",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/feedback-twi-14.png"
                ]
            }
        },
        {
            "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": "160",
            "url": "https:\/\/blog-archive.alexkolodko.com\/all\/iconic-transit-maps-the-worlds-best-designs\/",
            "title": "Iconic Transit Maps: The World’s Best Designs",
            "content_html": "<p>Марк Овенден <a href=\"https:\/\/x.com\/markovenden\/status\/1836684397220688331\">випустив<\/a> свою другу книгу про 50 найкращих дизайнів транспортних схем, куди увійшов і Київ. Я раніше писав, що Марк писав лист і я йому спробував коротко розповісти про нашу тодішню роботу. <a href=\"https:\/\/prestelpublishing.penguinrandomhouse.de\/book\/Iconic-Transit-Maps-The-Worlds-Best-Designs\/Mark-Ovenden\/Prestel-com\/e623038.rhd\">Книга на сайти видавництва<\/a>.<\/p>\n<blockquote class=\"twitter-tweet\"><p lang=\"en\" dir=\"ltr\">This new book celebrates the 50 most iconic transit &amp; metro maps. Features deep dives into design of diagrammatic delights: a coffee-table craving for cartophiles! <a href=\"https:\/\/t.co\/0xc5WaoqMv\"><a href=\"https:\/\/t.co\/0xc5WaoqMv\">https:\/\/t.co\/0xc5WaoqMv<\/a><\/a>... English version and a German language one too! <a href=\"https:\/\/t.co\/YdZeqeHu9s\">pic.twitter.com\/YdZeqeHu9s<\/a><\/p>\n<p>&mdash; Mark Ovenden (@markovenden) <a href=\"https:\/\/twitter.com\/markovenden\/status\/1836684397220688331?ref_src=twsrc%5Etfw\">September 19, 2024<\/a><\/p>\n<\/blockquote><script async src=\"https:\/\/platform.twitter.com\/widgets.js\" charset=\"utf-8\"><\/script>\n<p>І приємна дрібниця: я коли побачив розворот і фото станції «Золоті Ворота», напевно, з вікіпедії, то одразу зв’язався з Олегом Тоцьким, щоб попросити у нього одну з його класних фото. Він одразу погодився і знайшов гарні фото станції. Передали їх Марку разом з дозволом на використання. Тож тепер у книжці на одне гарне фото метро більше 😊.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/Iconic_Metro_Maps_V14_Kyiv_Revised.jpeg.jpg\" width=\"2560\" height=\"1600\" alt=\"\" \/>\n<div class=\"e2-text-caption\">Розворот про Київ<\/div>\n<\/div>\n<p>А також Марк люб’язно запропонував або надіслати примірник, або <i>«if your shelves are bowing and you would prefer an electronic version that is do-able!»<\/i> 🤌<\/p>\n",
            "date_published": "2024-09-24T15:05:09+02:00",
            "date_modified": "2024-09-24T15:05:05+02:00",
            "tags": [
                "метро",
                "схеми"
            ],
            "image": "https:\/\/blog-archive.alexkolodko.com\/pictures\/Iconic_Metro_Maps_V14_Kyiv_Revised.jpeg.jpg",
            "_date_published_rfc2822": "Tue, 24 Sep 2024 15:05:09 +0200",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "160",
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": [
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/Iconic_Metro_Maps_V14_Kyiv_Revised.jpeg.jpg"
                ]
            }
        },
        {
            "id": "159",
            "url": "https:\/\/blog-archive.alexkolodko.com\/all\/burned-funicular-and-ban-from-kpt\/",
            "title": "«Згорівший» фунікулер і бан від КиївПасТрансу",
            "content_html": "<p>Вже рік як на станціях швидкісного трамваю <a href=\"https:\/\/blog.alexkolodko.com\/all\/na-stanciyah-shvidkisnogo-tramvaya-oficiyno-zyavilas-shema-shvid\/\">зʼявилась (і оновлюється) схема швидкісного транспорту<\/a>. Тому хочу зафіксувати одну дизайн-історію з 2015 року про те, як Київпастранс «забанили» Агентів змін і принципово не спілкувались аж до 2023 року.<\/p>\n<h2>Передмова. Перші нестиковки з КПТ<\/h2>\n<p>У 2014 році я познайомився з Ігорем Скляревським, який чи не єдиний пробував просувати в Києві навігацію ще у 2012 році, під Євро.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/IMG_2857.jpeg\" width=\"600\" height=\"459\" alt=\"\" \/>\n<div class=\"e2-text-caption\">Концепти пішохідної навігації<\/div>\n<\/div>\n<p>Найпершим проєктом ініціативи А3, можна вважати ліврею міської електрички для Київпастрансу, хоча тоді не було ніякої назви і це була зграя ентузіастів. Тоді радником мера був Олександр Кава, який знав Ігоря по роботах з 2012-го, запросив допомогти з черговим перезапуском міської електрички. Тоді ми ще збирались у Часописі, роздруковували креслення і малювали варіанти ліврей та логотипів. Один поїзд навіть пофарбували у запропоновані кольори, але на решту забили.<\/p>\n<p>Ми навіть почали розробляти навігацію по станціях, на Троєщині-2 тоді був пілотний проєкт. Плюс розробляли на перезапуск плакати у метро та окремі буклети зі схемою та розкладом нової електрички.<\/p>\n<p>Потім все це закинули, бо через безглузду організацію роботи Київпастрансом і містом міська електричка так і не запрацювала: рейси були лише у годину пік і те, якщо пощастить. Тобто через повну непередбачуваність це можна було вважати транспортом, тому нею і не користувались. Зараз електричку, на щастя, забрала собі УЗ і зробила з неї прекрасний Kyiv City Express.<\/p>\n<p>І на цьому наша співпраця з Київпастрансом можна і закінчилась через некомпетентних рагулів.<\/p>\n<h2>Зав’язка<\/h2>\n<p>Передісторія: у 2012-3 році Ігор, Рей Мейсон та команда, на волонтерських засадах зробили <a href=\"http:\/\/a3.kyiv.ua\/projects\/funicular\/\">дизайн навігації, комунікації та лівреї для фунікулера<\/a>,  повернувши йому прекрасний історичний вигляд — білі корпуси з плавною синьою лінією, що підкреслювала їхню форму.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/IMG_2726.JPG\" width=\"1279\" height=\"990\" alt=\"\" \/>\n<div class=\"e2-text-caption\">Фунікулер з лого на лівреєю<\/div>\n<\/div>\n<div class=\"e2-text-video\">\n<iframe src=\"https:\/\/www.youtube.com\/embed\/hQbGPrgKfh0?enablejsapi=1\" allow=\"autoplay\" frameborder=\"0\" allowfullscreen><\/iframe>\n<div class=\"e2-text-caption\">Відео з каналу Костянтина Павлюка<\/div>\n<\/div>\n<p><i>До речі, Богдан Бендзюков <a href=\"https:\/\/funicular.kyiv.ua\">зробив гарний сайт<\/a> про історію київського фунікулера, навіть використав логотип.<\/i><\/p>\n<h2>Концепція дня і ночі<\/h2>\n<p>Отже, у 2015 році виповнювався ювілей фунікулера — 110 років — і його, як зажди в кінці літа, зачиняли на плановий ремонт. І, мабуть, господарники у керівництві КПТ вирішили зробити усім киянам сюрприз (бо кияни ж від транспорту очікують саме сюрпризів) — красиво розфарбувати фунікулер. Авжеж, про це нікому не казали, сюрприз же. Запросили художника і почали.<\/p>\n<p>Вже в процесі виконання вирішили порадувати новиною і дивовижною концепцією: Вагони фунікулера будуть прикрашати краєвиди Дніпра, виконані в концепції дня та ночі.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/IMG_2724.jpg\" width=\"2388\" height=\"1536\" alt=\"\" \/>\n<div class=\"e2-text-caption\">Новина на сайті<\/div>\n<\/div>\n<p>Тобто одна кабіна мала була розмальована схилом Дніпра вдень, а інша — схилом вночі (фунікулер, який сам на схилах, матиме схили на собі, концептуально). Оскільки рівень комунікації від КПТ був в режимі сюрприз і новину вже опублікували , то це дійсно <a href=\"https:\/\/www.facebook.com\/igor.skliarevsky\/posts\/pfbid0rE248SJDe1ghZ9s4k51xHCwXzHzGvNtLbB9Nz49NUBb1DjhYigvs6oLwG3rUVYmsl\">обурило Ігоря<\/a>, який з друзями дійсно зробив гарну роботу.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/IMG_2719.jpg\" width=\"1219\" height=\"1419\" alt=\"\" \/>\n<div class=\"e2-text-caption\">Пост Ігоря в фб. <a href=\"https:\/\/old.kyivcity.gov.ua\/news\/27140.html\">Новина<\/a>, на яку посилається Ігор, на старому сайті<\/div>\n<\/div>\n<p>Потім проходячи по Алеї художників, цей процес побачив Арсеній Фінберг та зробив <a href=\"https:\/\/www.facebook.com\/myshyak\/posts\/pfbid02u2Fu9PsE9QRbTvq7x8dtLUhhEGX2aaC5dF28GEqD83ykWrkzm7CBUdD3ioLWq1Al\">пост у фейсбуці<\/a>. Оскільки фунікулер фарбували повністю, то в процесі він вже виглядав, як після пожежі.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/IMG_2720.jpg\" width=\"1221\" height=\"1461\" alt=\"\" \/>\n<\/div>\n<p>Це все почали жваво обговорювати і саме цей вигляд розлетівся по фейсбуку з критикою і КПТ, і адміністрації. КМДА навіть довелося <a href=\"https:\/\/old.kyivcity.gov.ua\/news\/27743.html\">опублікувати новину<\/a> і розкрити сюрприз, яка була затверджена концепція.<\/p>\n<div class=\"e2-text-picture\">\n<div class=\"fotorama\" data-width=\"600\" data-ratio=\"1.25\">\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/IMG_2721.JPG\" width=\"600\" height=\"480\" alt=\"\" \/>\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/IMG_2722.JPG\" width=\"600\" height=\"480\" alt=\"\" \/>\n<\/div>\n<div class=\"e2-text-caption\">Один — день, другий — ніч. На вигляд, як фотошпалери низької якості<\/div>\n<\/div>\n<p>А оскільки тоді фейсбук мав більшу силу на рішення чиновників, то спочатку сигнал дійшов кудись нагору, а потім звідти у КПТ прилетів такий нагоняй, що вони швидко все змінили. Але ні, не повернули, як було, а вигадали якусь ще менш цікаву історію з «загадковими» цифрами й так вже розфарбували той нещасний фунікулер.<\/p>\n<div class=\"e2-text-picture\">\n<div class=\"fotorama\" data-width=\"1080\" data-ratio=\"1\">\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/IMG_2728.JPG\" width=\"1080\" height=\"1080\" alt=\"\" \/>\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/IMG_2727.JPG\" width=\"1200\" height=\"1600\" alt=\"\" \/>\n<\/div>\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\/IMG_2735.JPG\" width=\"1280\" height=\"854\" alt=\"\" \/>\n<div class=\"e2-text-caption\">Чорт і схема<\/div>\n<\/div>\n<p>Тому для того, щоб якось пробувати ввести хоча б однакові позначки транспорту, ми виклали першу версію транспортних піктограм з вільною ліцензією, з розрахунку, що може це спрацює. І КПТ їх взяли і використовували і схемах, на станціях тощо. Що вже було непогано.<\/p>\n<p>Потім навіть мінялись директори чи піарники, але цей негласний ігнор існував доволі довго аж до 2023 року, коли зі мною звʼязався Олег та нормально попросив зробити схему транспорту на станції швидкісного трамвая, щоб це зробити самі автори, а не вони самі.<\/p>\n<p>Чи можна зробити якийсь висновок? Напевно, перший — які б не були класні концепції, все може впертись в людей, які це не сприймуть і просто гальмуватимуть. А другий — що дизайном і стандартизацією комунікації має займатись не перевізник (а КПТ це просто комунальний перевізник), а єдиний центр (або транспортна компанія, або департамент транспорту, або відділи дизайну, що буде над усіма перевізниками).<\/p>\n<p>І головне, що дизайн у місті потребує постійної роботи та підтримки. Інакше за 5 років результат зникає та замінюється.<\/p>\n",
            "date_published": "2024-09-08T13:44:02+02:00",
            "date_modified": "2024-09-08T16:13:18+02:00",
            "tags": [
                "дизайн історії",
                "київ",
                "київпастранс"
            ],
            "image": "https:\/\/blog-archive.alexkolodko.com\/pictures\/IMG_2734.JPG",
            "_date_published_rfc2822": "Sun, 08 Sep 2024 13:44:02 +0200",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "159",
            "_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_2734.JPG",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/IMG_2730.jpg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/IMG_2733.JPG",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/IMG_2729.jpg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/IMG_2725.jpg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/IMG_2857.jpeg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/IMG_2726.JPG",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/remote\/youtube-hQbGPrgKfh0-cover.jpg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/IMG_2724.jpg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/IMG_2719.jpg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/IMG_2720.jpg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/IMG_2721.JPG",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/IMG_2722.JPG",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/IMG_2728.JPG",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/IMG_2727.JPG",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/IMG_2735.JPG"
                ]
            }
        },
        {
            "id": "118",
            "url": "https:\/\/blog-archive.alexkolodko.com\/all\/wayfinding-fonts-size\/",
            "title": "Розмір шрифтів у навігації",
            "content_html": "<p>Раніше я писав <a href=\"https:\/\/blog.alexkolodko.com\/all\/wayfinding-fonts\/\">про шрифти для навігації<\/a> та в чому їхня відмінність від інших. Сьогодні хочу написати про другу важливу характеристику для навігації — розмір літер, що забезпечує читабельність тексту з відстані.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/wayfinding-fonts-size-cover.png\" width=\"2400\" height=\"1350\" alt=\"\" \/>\n<\/div>\n<p>Можливість прочитати текст з відстані залежить від двох факторів: гостроти зору людини, яка читає текст, та розміру літер. Ці значення обернено пропорційні: ідеальний зір це гострота = 1 (ну або ж 100%), дозволяє читати менший текст (або з більшої відстані). Чим менша гострота зору, тим більший текст потрібен. Але при цьому завжди є обмежена площа для інформації (у просторі або ж у матеріалах), тому це завжди буде компроміс між достатньою читабельністю тексту.<\/p>\n<p>У цьому дописі спробував зібрати усі матеріали на цю тему, з якими стикався. Якщо у вас є доповнення, то пишуть мені на пошту.<\/p>\n<h2>Стандарт Transport for London<\/h2>\n<p>Перший документ, в якому зустрів опис розмірів тексту — <a href=\"https:\/\/tfl.gov.uk\/info-for\/suppliers-and-contractors\/design-standards\">гайдлайни транспорту Лондону<\/a> (TFL; чомусь останнім часом працює тільки через vpn). Ця картинка присутня майже у кожному документі дизайну знаків. В цій картинці наведена таблиця типорозмірів, які використовуються всюди у транспорті й показана шкала розмір тексту та відстань з якої текст читатиметься.<\/p>\n<p>По цих цифрах видно що <b>на кожен 1 м відстані<\/b> має бути <b>3,4 мм прописна літера<\/b> (Cap height) та <b>2,5 мм рядкова літера<\/b> (x height).<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/tfl-font.png\" width=\"1920\" height=\"1532\" alt=\"\" \/>\n<div class=\"e2-text-caption\">Size E: 12 м = 30 mm xh = 41 mm Ch<\/div>\n<\/div>\n<p>Для визначення цієї величини було проведено дослідження читабельності саме цього шрифту і, здається, орієнтувались на гостроту зору не нижче 0,5 (знаходили колись ці документи, але зараз загубив посилання; якщо хтось знайде скиньте, будь ласка, додам).<\/p>\n<h2>Стандарт DIN 1450<\/h2>\n<p>DIN 1450 — німецький стандарт. Рекомендації ґрунтуються на нормальній гостроті зору принаймні 70% (гострота зору ≥ 0,7). Доведено, що практично прийнятними є коефіцієнти від 1,4 (гострота зору ≥ 0,5) до максимального 1,75 (гострота зору ≥ 0,4). Використовуючи ці коефіцієнти, розмір шрифту можна помножити для текстів, спеціально розроблених для читачів з порушеннями зору.<\/p>\n<p>Для відстані <b>1 м = 3,8 мм<\/b> розмір x-height (або 22,8 pt; це саме про рядкову, а не загальний кегль).<\/p>\n<p><a href=\"https:\/\/www.leserlich.info\/werkzeuge\/schriftgroessenrechner\/index-en.php\">Калькулятор по стандарту DIN 1450<\/a>, який враховує також поправки на освітлення, вид текста, кут зчитування тощо. Також там наведена механіка обчислень і посилання на вижимки зі стандарту. Дуже корисний інструмент.<\/p>\n<div class=\"e2-text-picture\">\n<div class=\"fotorama\" data-width=\"2560\" data-ratio=\"1.3182286302781\">\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/leserlich---Font-size-calculator-(DIN-1450).png.jpg\" width=\"2560\" height=\"1942\" alt=\"\" \/>\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/leserlich---Font-size-calculator-(DIN-1450)---Method-1.png\" width=\"1400\" height=\"1996\" alt=\"\" \/>\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/leserlich---Font-size-calculator-(DIN-1450)---Method-2.png\" width=\"1400\" height=\"1996\" alt=\"\" \/>\n<\/div>\n<\/div>\n<h2>Які ще зустрічаються документи<\/h2>\n<p>Я намагаюсь збирати різні згадки по розмірах літер. Цифри всюди дуже схожі між собою і на наведені вище стандарти, тому можна на них орієнтуватись.<\/p>\n<h3>Презентація Urbanite<\/h3>\n<p>Дуже гарна <a href=\"https:\/\/www.slideshare.net\/FrostSydney\/creating-impactful-spatial-experiences\">презентація від Urbanite<\/a> про процес навігації. Там згадуються такі цифри: 10 мм рядкова літера на 3 м відстанв, або 3,3 мм на 1 м.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/urbanite.png\" width=\"2524\" height=\"1784\" alt=\"\" \/>\n<\/div>\n<h3>Wolfstrome<\/h3>\n<p>Часто в Пінтересті можна зустріти таку картинку від студії Wolfstrome, але її ніде немає в нормальній якості. Цифри: 4.4 мм Cap height (заголовна) на 2 метри.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/wolfstrome.jpg\" width=\"1075\" height=\"2560\" alt=\"\" \/>\n<\/div>\n<h3>Стаття студії Farm<\/h3>\n<p><a href=\"https:\/\/www.farm.sg\/farmacy\/article\/a_guide_to_wayfinding_font_size\">У цій статті<\/a> згадуються такі цифри: 20 мм Cap height на 5 м, або 4 мм на 1 м. А ще наводиться розмір для зчитування з авто залежно від швидкості: 40 мм для 30 км\/год.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/FIELD-NOTES-007-WAYFINDING-01.jpg\" width=\"2560\" height=\"1799\" alt=\"\" \/>\n<\/div>\n<h3>Навігація в аеропорту Далласа<\/h3>\n<p>У <a href=\"https:\/\/blog.alexkolodko.com\/all\/gaydlayn-po-navigaciyi-aeroport-dallasu\/\">гайдлайнах аеропорту Далласа<\/a> вказаний розмір Cap height 1’’ дюйм на відстані 25‘ футів, або 25,4 мм на 7,62 м, або 3,33 мм на 1 м.<\/p>\n<div class=\"e2-text-picture\">\n<div class=\"fotorama\" data-width=\"2560\" data-ratio=\"5.7657657657658\">\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/dallas-1.png.jpg\" width=\"2560\" height=\"444\" alt=\"\" \/>\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/dallas-2.png\" width=\"1026\" height=\"1226\" alt=\"\" \/>\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/dallas-3.png.jpg\" width=\"2560\" height=\"1846\" alt=\"\" \/>\n<\/div>\n<\/div>\n<h3>Гайдлайни навігації медзакладів Австралії<\/h3>\n<p>У документі зустрічаються ті ж 10 мм на 3 м, або 3,33 мм на 1 м.<\/p>\n<div class=\"e2-text-picture\">\n<div class=\"fotorama\" data-width=\"2560\" data-ratio=\"1.413583655439\">\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/wayfinding-for-healthcare-facilities_Part54.pdf.jpeg.jpg\" width=\"2560\" height=\"1811\" alt=\"\" \/>\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/wayfinding-for-healthcare-facilities_Part53.pdf.jpeg.jpg\" width=\"2560\" height=\"1811\" alt=\"\" \/>\n<\/div>\n<\/div>\n<p>А це ще документ з Британії.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/Wayfinding-Healthcare_Part34.pdf.jpeg.jpg\" width=\"2560\" height=\"1796\" alt=\"\" \/>\n<\/div>\n<h3>Гайд транспортної та велонавігації Окленду<\/h3>\n<p><a href=\"https:\/\/at.govt.nz\/media\/1985473\/wayfinding-and-signage-design-guide-version-1.pdf\">У документі<\/a> є схожа картинка, як в TFL, але розмір у пунктах, тобто це кегль, а не розмір літери: 600 пт на 45 м, або 13,33 pt (4,7 мм кегль, а літера ті ж 3,33 мм) на 1 м.<\/p>\n<div class=\"e2-text-picture\">\n<div class=\"fotorama\" data-width=\"2560\" data-ratio=\"1.414364640884\">\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/wayfinding-and-signage-design-guide-version-1_Page_022.jpg\" width=\"2560\" height=\"1810\" alt=\"\" \/>\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/wayfinding-and-signage-design-guide-version-1_Page_023.jpg\" width=\"2560\" height=\"1810\" alt=\"\" \/>\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/wayfinding-and-signage-design-guide-version-1_Page_016.jpg\" width=\"2560\" height=\"1810\" alt=\"\" \/>\n<\/div>\n<\/div>\n<h3>The Legibility of Serif and Sans Serif Typefaces<\/h3>\n<p><a href=\"https:\/\/www.dropbox.com\/scl\/fi\/1ouyaup6108tdb5eph6fm\/978-3-030-90984-0.pdf?rlkey=gbigu6x9xyh3gwhuqguzr0u7m&dl=0\">Великий документ<\/a> авторства John T. E. Richardson про дослідження читабельності шрифтів на папері та екрані.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/thelegibility-ofserif-and-sans-serif-typefaces.jpeg\" width=\"850\" height=\"1283\" alt=\"\" \/>\n<\/div>\n<h3>Роботи дослідниці шрифтів Sofie Beirer<\/h3>\n<p><a href=\"http:\/\/sofiebeier.dk\/\">Різні роботи<\/a> є на сайті, а згадаю я роботу <a href=\"https:\/\/www.dropbox.com\/scl\/fi\/ncrcu1po2q45t7z7o7lpd\/ReadingLetters_by_SofieBeier.pdf?rlkey=ejbln3rmferwjkilm2b0zrsyb&dl=0\"><i>Reading Letters. Designing for legibility<\/i><\/a>. Там згадуються теж різні аспекти читабельності літер.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/IMG_2713.jpeg\" width=\"2191\" height=\"1271\" alt=\"\" \/>\n<\/div>\n<h3>Автомобільна навігація<\/h3>\n<p>Під час <a href=\"http:\/\/a3.kyiv.ua\/projects\/road-wayfinding\/1-research\">досліджень автомобільної навігації<\/a> знаходили такі цифри: 10 мм літери на 4,8 м відстані. Цифра дещо більша, оскільки умови зчитування на дорозі більш критичні (менший час, більша швидкість).<\/p>\n<h2>Експеримент А3 для київських адресних табличок<\/h2>\n<p>Коли розробляли дизайн адресних покажчиків для Києва, то підійшли до процесу зі всієї прискіпливістю. Ми вигадали свій експеримент, щоб визначити оптимальний колір покажчиків та одночасно протестувати розмір шрифту на читабельність з відстані.<\/p>\n<h3>Саккади та як ми читаємо текст<\/h3>\n<p>Спочатку треба зрозуміти, що люди не читають текст по літерах. Спочатку око чіпляється за початок слова, потім шукає його кінець, перестрибуючи решту літер, а потім повертається на початок і далі читає слово. Такі мікро рухи ока звуться саккадами, а мозок відсіює і ми бачимо вже плавну картинку.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/photo_2023-12-09-13.56.25.jpeg\" width=\"1280\" height=\"624\" alt=\"\" \/>\n<\/div>\n<p>Ще <a href=\"https:\/\/www.leserlich.info\/kapitel\/zeichen\/schriftgroesse.php\">приклад саккад на сайті Leserlich<\/a>.<\/p>\n<div class=\"e2-text-video\">\n<video src=\"https:\/\/blog-archive.alexkolodko.com\/video\/sakkaden.mp4#t=0.001\" width=\"1920\" height=\"200\" controls alt=\"\" \/>\n\n<\/div>\n<p>У цьому легко впевнитись: «ми мжоемо псиати у будь-якій фомрі, як нам хоечться (кжоного разу, клои пешра й отсання бувки зебргели свій пордяок), і ткест бдуе чтиабеьлним». Це зветься типоглікемія — когнітивний процес, завдяки якому ми можемо зчитувати текст з посилками, тому що мозок спирається не тільки на те що бачить, але й на те що має побачити.<\/p>\n<p>Додаткову роль в розрізненні літер грають виносні елементи, які роблять форму літер більш впізнаваною серед решти тексту. Тому наприклад такий текст легше читати, ніж набраний усіма прописними.<\/p>\n<p>Офтоп. До речі, тому всі рухомі рядки тексту на транспорті погано працюють, бо як раз не дають читати слова повністю. І поки довга назва покажеться, автобус вже поїде. Для уникання проблем є гарна практика — виводити лише кінцеву, бажано коротку і додавати піктограму (наприклад, М для позначення метро, чи потяг для вокзалу). Цього достатньо щоб зрозуміти напрям, а вже детальний маршрут має бути на зупинці і всередині рухомого складу.<\/p>\n<h3>Сам експеримент<\/h3>\n<p>Щоб обійти звички мозку ми придумали створити набір випадкових літер без виносних, які не складатимуться ні в які слова, щоб максимально ускладнити зчитування і створити якомога непрості умови. Також ми порівнювали кілька кольорів тексту і тла, бо існував негласний аргумент про те що жовтий на синьому чи синій на жовтому працює найкраще.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/A3-test-0.jpg\" width=\"1805\" height=\"1153\" alt=\"\" \/>\n<div class=\"e2-text-caption\">Спочатку думали просто випадкові вимволи набирати, а потім ще  й прибрали виносні і трохи скоротили кількість символів, щоб трохи швидше тестувати<\/div>\n<\/div>\n<p>Тож ми ставили зразки різних кольорів на велику відстань і пропонували підходити по кроках, доки людина не починала читати всі літери на табличці. Фіксували відстань  замірювали гостроту зору кожного, і потім проаналізували все.<\/p>\n<div class=\"e2-text-picture\">\n<div class=\"fotorama\" data-width=\"1080\" data-ratio=\"1\">\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/A3-test-1.jpg\" width=\"1080\" height=\"1080\" alt=\"\" \/>\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/A3-test-2.jpg\" width=\"697\" height=\"697\" alt=\"\" \/>\n<\/div>\n<div class=\"e2-text-caption\">Рома та Рита тестують різні варіанти<\/div>\n<\/div>\n<p>Зараз вже результат не знайду, але ми дійшли висновку читабельності літер десь 3,5 мм на 1 м. Тому вирішили що можемо спокійно користуватись таблицею TFL для схожих шрифтів.<\/p>\n<p>Ще один з тестів, який могли бачити — тестування тексту в метро. Хоч воно більше стосувалося вибору кольору тла для знаків з підсвіткою в умовах недостатнього освітлення метро.<\/p>\n<h2>Що в Україні<\/h2>\n<p>Окрім ДСТУ по дорожніх знаках (але це окрема тема), єдиний документ, який хоч якось торкається теми читабельності тексту — <a href=\"https:\/\/www.dropbox.com\/scl\/fi\/otvfyc0vpi4klb547tq4a\/.2.2-40.2018.pdf?rlkey=ytmp8pso7qc4a0gnnfn3r5kq8&dl=0\">ДБН В.2.2-40:2018<\/a> «Інклюзивність будівель і споруд. Основні положення», в конкретно додаток В. В ньому наведено наступну таблицю розмірів:<\/p>\n<div class=\"e2-text-picture\">\n<div class=\"fotorama\" data-width=\"1533\" data-ratio=\"1.7950819672131\">\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/Open-DBN-V.2.2-40.2018-DodatokV.jpeg.png\" width=\"1533\" height=\"854\" alt=\"\" \/>\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/DBN-V.2.2-40.2018-DodatokV.jpg\" width=\"1653\" height=\"2338\" alt=\"\" \/>\n<\/div>\n<\/div>\n<p>Але ця таблиця і додаток в цілому викликає лише питання. На чому основані такі величезні розміри літер, які в 5-10 разів більші за закордонні? Чому діапазон з різницею в два рази і на які саме цифри орієнтуватись для 30 метрів: на 52 см чи на 104? Додатково сумніви в реальності описаного викликають назви шрифтів, які, по-перше, написані з помилками, по-друге, вказані такі, які не варто використовувати для навігації взагалі. Тобто за цим документом немає ніякого обґрунтування.<\/p>\n<p><hr><\/p>\n<div><div style=\"float: left;\"><p><span style=\"font-weight:bold; font-size: 3em\"><b>?<\/b><\/span><\/p>\n<\/div><div style=\"padding: 1em 0 0 4em\"><p>Якщо у вас є питання або приклад дизайну, які потрібно подивитись та прокоментувати, напишіть на <a href=\"mailto:alexkolodko@gmail.com\">пошту<\/a> або у <a href=\"https:\/\/t.me\/alexkolodko\">телеграм<\/a>.<\/p>\n<\/div><\/div><p><hr><\/p>\n<div><div style=\"float: left;\"><p><span style=\"font-weight:bold; font-size: 3em\"><b>₴<\/b><\/span><\/p>\n<\/div><div style=\"padding: 1em 0 0 4em\"><p>Якщо вам було цікаво та корисно, можете пригостити мене кавою ☕️, задонатити чи підписатись:<\/p>\n<ul>\n<li style=\"margin-bottom:0;\">на <a href=\"https:\/\/base.mono.bank\/EDCkFUWg3Tp64e\">Базу<\/a><\/li>\n<li style=\"margin-bottom:0;\">напряму <a href=\"https:\/\/alexkolodko.com\/pay\/\">на картку Монобанку<\/a> або <a href=\"https:\/\/send.monobank.ua\/5jVrTaRziu\">через сайт<\/a>.<\/li>\n<\/ul>\n<\/div><\/div>",
            "date_published": "2024-08-31T09:48:36+02:00",
            "date_modified": "2024-09-01T20:20:37+02:00",
            "tags": [
                "навігація",
                "шрифт"
            ],
            "image": "https:\/\/blog-archive.alexkolodko.com\/pictures\/wayfinding-fonts-size-cover.png",
            "_date_published_rfc2822": "Sat, 31 Aug 2024 09:48:36 +0200",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "118",
            "_e2_data": {
                "is_favourite": false,
                "links_required": [
                    "jquery\/jquery.js",
                    "fotorama\/fotorama.css",
                    "fotorama\/fotorama.js"
                ],
                "og_images": [
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/wayfinding-fonts-size-cover.png",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/tfl-font.png",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/leserlich---Font-size-calculator-(DIN-1450).png.jpg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/leserlich---Font-size-calculator-(DIN-1450)---Method-1.png",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/leserlich---Font-size-calculator-(DIN-1450)---Method-2.png",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/urbanite.png",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/wolfstrome.jpg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/FIELD-NOTES-007-WAYFINDING-01.jpg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/dallas-1.png.jpg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/dallas-2.png",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/dallas-3.png.jpg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/wayfinding-for-healthcare-facilities_Part54.pdf.jpeg.jpg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/wayfinding-for-healthcare-facilities_Part53.pdf.jpeg.jpg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/Wayfinding-Healthcare_Part34.pdf.jpeg.jpg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/wayfinding-and-signage-design-guide-version-1_Page_022.jpg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/wayfinding-and-signage-design-guide-version-1_Page_023.jpg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/wayfinding-and-signage-design-guide-version-1_Page_016.jpg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/thelegibility-ofserif-and-sans-serif-typefaces.jpeg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/IMG_2713.jpeg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/photo_2023-12-09-13.56.25.jpeg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/A3-test-0.jpg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/A3-test-1.jpg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/A3-test-2.jpg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/Open-DBN-V.2.2-40.2018-DodatokV.jpeg.png",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/DBN-V.2.2-40.2018-DodatokV.jpg"
                ]
            }
        },
        {
            "id": "156",
            "url": "https:\/\/blog-archive.alexkolodko.com\/all\/poperedu-novi-dorozhni-znaki-2\/",
            "title": "Попереду нові дорожні знаки",
            "content_html": "<p>У 2020 повпливали на зміни ДСТУ у навігаційних знаках на дорогах, у 2021 створили правила для <a href=\"https:\/\/touristroadguide.a3.kyiv.ua\/#\/\">туристичних знаків<\/a> (їх просто не було). Але решта знаків поки лишається такою самою як і були, з наслідками радянської графіки або якісь зовсім безсенсовні.<\/p>\n<p>Проблему також ускладнює те що знаки існують просто як креслення у ДСТУ, а проєктувальники чи виробники мають свої dwg-файлики, в яких знаки були відмальовані, тому вони можуть бути різні й відтворені з різним ступенем змін.<\/p>\n<p>А дизайнери такі люди, що дай їм щось покращити та передизайнити. Тож разом з Сашею Зайцевим, з яким робили паркувальні таблички, піктограми тур.знаків та ще всяке, захотіли перемалювати, щось осучаснити, щось просто. І потім зробити з цього базу всіх векторних дорожніх знаків, які можна буде завантажити і використовувати (і,  можливо, коли буде чергова зміна ДСТУ, то ці напрацювання цілком зможуть і туди попасти).<\/p>\n<p>І як це буває коли починаєш занурюватись у питання по кожному знаку, порівнювати його з іншими країнами та дивитись глибше, то є купа різних цікавих знадібок в процесі, про які хочеться розповісти.<\/p>\n<p>Проєкт «Попереду нові дорожні знаки» як раз про це і назва зі знаку 5.70 дуже символічно йому підходить.<\/p>\n<p>Створили блог і Саша написав вже перші публікації:<\/p>\n<p>➡️ Про ідею та  мотивацію<br \/>\n<a href=\"https:\/\/roadsigns.in.ua\/posts\/idea-and-motivation\">https:\/\/roadsigns.in.ua\/posts\/idea-and-motivation<\/a><\/p>\n<p>➡️ Про попереджувальні знаки<br \/>\n<a href=\"https:\/\/roadsigns.in.ua\/posts\/warning-signs\/\">https:\/\/roadsigns.in.ua\/posts\/warning-signs\/<\/a><\/p>\n<p>➡️ Про напрямок повороту<br \/>\n<a href=\"https:\/\/roadsigns.in.ua\/posts\/chevrons\/\">https:\/\/roadsigns.in.ua\/posts\/chevrons\/<\/a><\/p>\n<p>Поки можна підписатись на RSS, у твітері чи я сюди буду публікувати.<\/p>\n",
            "date_published": "2024-08-03T13:24:27+02:00",
            "date_modified": "2024-08-03T13:24:22+02:00",
            "tags": [
                "дорожні знаки",
                "навігація",
                "Попереду нові дорожні знаки"
            ],
            "_date_published_rfc2822": "Sat, 03 Aug 2024 13:24:27 +0200",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "156",
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": []
            }
        },
        {
            "id": "155",
            "url": "https:\/\/blog-archive.alexkolodko.com\/all\/mriya-city-and-city-design-code\/",
            "title": "New city Mriya та код міста",
            "content_html": "<p>До мене звернувся Владислав Рашкован та розповів ідею, якою він горить — побудувати повністю нове місто. І попросив сформулювати тези про те яким має бути код міста.<\/p>\n<p>Він презентував свою ідею у Берліні, а <a href=\"https:\/\/drive.google.com\/file\/d\/14x-DMBjpKzpDTnK8POCevlXL_joiawZc\/view\"> тут слайди<\/a>:<\/p>\n<div class=\"e2-text-video\">\n<iframe src=\"https:\/\/www.youtube.com\/embed\/PDcrvTjTXwk?enablejsapi=1\" allow=\"autoplay\" frameborder=\"0\" allowfullscreen><\/iframe>\n<\/div>\n<p>А далі хочу поділитись самим документом і думками, які описав.<\/p>\n<p><hr><\/p>\n<p>Фабула: будуватиметься з нуля нове місто і 8 різних країн будуватимуть кожна по району. Це дуже масштабна співпраця багатьох різних людей зі своїми підходами, баченням, процесами тощо. І для того, щоб поєднати всіх разом, треба створити спільну рамку, правила — код міста.<\/p>\n<p>Базуючись на стратегії потрібно створити бренд міста. Бренд працювати як назовні, вирізняючи місто серед інших та приваблюючи нових мешканців чи туристів, а також всередину, створюючи у мешканців відчуття єдності та спільноти. Бренд — це не тільки про зовнішні розпізнавальні ознаки. Це всі цінності, які ви закладаємо в нього, філософія, до якої хочемо долучити мешканців, образ, який викликає певні емоції при взаємодії.<\/p>\n<p>Основні прояви бренду у просторі — візуальна комунікація міста, комунікація бізнесу й акторів, елементи простору.<\/p>\n<p><b>1. Комунікація міста<\/b> містить в собі офіційну комунікацію влади, комунікацію транспортної системи, яка забезпечує зв’язок усіх частин міста, комунікація усіх сервісів для містян, навігація у просторі (від адресних покажчиків до інформації на кожній зупинці чи навігаційних елементах у просторі чи на великих транспортних вузлах). І усі ці елементи  мають говорити однією мовою (ton of voice), будуватись за схожими принципами. <\/p>\n<p>Часто комунікацією опікується транспортна компанія, як, наприклад, Transport for London, де часто разом з лого компанії стоїть і логотип Mayor of London. TFL опікується як метро та наземним транспортом, так і паркувальними майданчиками, навігацією на вулицях, велопрокатом тощо. Або це може бути умовний Департамент дизайну, який має розробляти спільні правила і допомагати їх впроваджувати у всіх структурах, які будуть дотичні до користувачів\/мешканців.<\/p>\n<p>Антиприклад — Київ, де немає ніяких спільних правил і кожне КП розробляє свої правила й опікується лише своєю частиною простору, тож після перебування у метро ви потрапляєте на зупинку, де комунікація зовсім інша, якщо взагалі є. Навігацією окремо займається Метрополітен, Київпастранс, Укрзалізниця, ГІОЦ та Київ Цифровий, ЦОДР, Київзеленбуд, Управління туризму, КЖСЕ і це мабуть не всі.<br \/>\nЩе має бути механізм для залучення спільноти міста і при цьому узгодження будь-яких втручань у простір. Це може бути художня рада, яка міститиме, як відповідальних за впровадження у місті, так і експертів (дизайнерів, архітекторів тощо). Рада може розглядати будь-які проєкти, що подаватимуть містяни.<\/p>\n<p><b>2. Комунікація бізнесу та інших акторів.<\/b> Кожен бізнес має проявлятись і комунікувати з клієнтами. Проте вони це роблять у спільному просторі, тож потрібні чіткі правила і обмеження, які також не мають перешкоджати роботі бізнесу чи здоровому глузду.<\/p>\n<p>Для цього створюється дизайн-код міста, який містить опис правил вивісок, оформлення вітрин, зовнішньої реклами, інші правила поводження з фасадами та простором вулиці. <\/p>\n<p>У контексті всього міста можна також подумати які принципи мають об’єднувати усі райони, а які можуть відрізняти. Наприклад, у вивісках може бути спільний принцип (тільки окремі літери), а для кожного району буде використовуватись свій матеріал (дерево, метал тощо).<\/p>\n<p>Також правила мають стосуватись і мешканців. Фасади будівель належать спільному просторі, а отже всім містянам, тож має бути заборона за самовільну зміну фасадів (від скління балконів до встановлення кондиціонерів чи плитки на своєму балконі) і має бути механізм санкцій за порушення. У новобудовах, наприклад, мешканці підписують договір про дотримання правил. І при цьому мають бути правила дозволених рішень: кольори опорядження, матеріали тощо.<\/p>\n<p><b>3. Елементи простору<\/b>. Також спільний дизайн-код проявляється через всі елементи простору: від лав, урн, ліхтарів до технічних шаф, каналізаційних люків чи приствольних решіток у дерев.<\/p>\n<p>Базово всі елементи можуть мати якісь частини візуального бренду міста, як-то логотип (як приклад <a href=\"https:\/\/www.amsterdamforvisitors.com\/meaning-of-xxx-in-amsterdam\/\">Амстердам з його лого ХХХ<\/a>). Але ще краще створити унікальні елементи, які з часом можуть стати впізнаваними самі по собі і стати частиною бренду міста, як-то схема метро Лондону чи червоні даблдекери, або ж навіть унікальний паркан, з погляду на який можна впізнати місце (<a href=\"як-то\">Будапешт<\/a>). <\/p>\n<p>І при цьому можна закласти певні правила вигляду всіх елементів простору залежно від району міста, щоб підкреслити особливості кожного з них і щоб вони краще поєднувались із архітектурою, утворюючи цілісну картинку.<\/p>\n<p>Перелік багатьох елементів міста можна знайти у <a href=\"https:\/\/www.urbanyna.com\/dovidnyk-z-vidbudovy-mist\">Довіднику з відбудови міст<\/a>.<\/p>\n<h3>Місто-сервіс<\/h3>\n<p>Всі ці частини складатимуть загальний досвід людей (мешканців та гостей), які взаємодіятимуть з простором і середовищем. Тому можна розглядати місто, як сервіс який люди отримують безперервно від виходу з квартири до потрібного їм місця. І чим цей досвід рівномірний та безшовний, тим комфортніше буде відчуття, а від того прихильність до міста, його бренду та спільноти.<\/p>\n",
            "date_published": "2024-07-31T10:50:22+02:00",
            "date_modified": "2024-07-31T10:51:05+02:00",
            "tags": [
                "Думки",
                "урбаністика"
            ],
            "image": "https:\/\/blog-archive.alexkolodko.com\/pictures\/remote\/youtube-PDcrvTjTXwk-cover.jpg",
            "_date_published_rfc2822": "Wed, 31 Jul 2024 10:50:22 +0200",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "155",
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": [
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/remote\/youtube-PDcrvTjTXwk-cover.jpg"
                ]
            }
        },
        {
            "id": "154",
            "url": "https:\/\/blog-archive.alexkolodko.com\/all\/rozmova-z-mihaylom-demshinim-studiya-more-info-pro-dosvid-stvore\/",
            "title": "Розмова з Михайлом Демшиним (студія More info) про досвід створення навігації в Україні, Австралії та США",
            "content_html": "<p>Запис розмови:<\/p>\n<div class=\"e2-text-video\">\n<iframe src=\"https:\/\/www.youtube.com\/embed\/tGRBejci_oo?enablejsapi=1\" allow=\"autoplay\" frameborder=\"0\" allowfullscreen><\/iframe>\n<\/div>\n<p>Михайло мабуть один з небагатьох кого я знаю, хто займався навігацією. А починали вони з інформаційних табличок до памʼяток, з qr-кодами, збором статистики та шрифтом Брайля. А далі перейшли до навігації. Серед проєктів вулична навігація для Харкова, Маріуполя, Івано-Франківська тощо. Мені дуже подобається, що вони також беспосередньо виробляли самі пілони.<\/p>\n<p>Також вони працюють з навігацією на аутсорсі з закордонними клієнтами і мають цікавий досвід. Бо там більш розвинений ринок саме розробки навігації і всі процеси більш систематизовані, ніж у нас.<\/p>\n<p>Тож мені і самому було цікаво послухати і з вами поділюсь.<\/p>\n<p>Сайт: <a href=\"https:\/\/moreinfo.studio\/\">moreinfo.studio<\/a><\/p>\n<p><i>P.s. Розмова також записувалась на диктофони і я думав красиво звести, додати картинки тощо. Але не буде такої можливості поки.<\/i><\/p>\n",
            "date_published": "2024-07-31T10:25:29+02:00",
            "date_modified": "2024-07-31T10:25:26+02:00",
            "tags": [
                "навігація",
                "щопослухати"
            ],
            "image": "https:\/\/blog-archive.alexkolodko.com\/pictures\/remote\/youtube-tGRBejci_oo-cover.jpg",
            "_date_published_rfc2822": "Wed, 31 Jul 2024 10:25:29 +0200",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "154",
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": [
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/remote\/youtube-tGRBejci_oo-cover.jpg"
                ]
            }
        },
        {
            "id": "153",
            "url": "https:\/\/blog-archive.alexkolodko.com\/all\/zvukopis-ukrayinskogo-dizaynu-pro-navigaciyu\/",
            "title": "Звукопис українського дизайну про навігацію",
            "content_html": "<p>Вова на Настя разом зі школою Skvot покликали мене поспілкуватись про навігацію та загалом про міські проєкти, які є частиною брендингу міст.<\/p>\n<div class=\"e2-text-video\">\n<iframe src=\"https:\/\/www.youtube.com\/embed\/FtaW0JmiyLs?enablejsapi=1\" allow=\"autoplay\" frameborder=\"0\" allowfullscreen><\/iframe>\n<\/div>\n",
            "date_published": "2024-07-31T10:22:56+02:00",
            "date_modified": "2024-07-31T10:22:52+02:00",
            "tags": [
                "звукопис",
                "навігація",
                "Подкаст",
                "щоподивитись",
                "щопослухати"
            ],
            "image": "https:\/\/blog-archive.alexkolodko.com\/pictures\/remote\/youtube-FtaW0JmiyLs-cover.jpg",
            "_date_published_rfc2822": "Wed, 31 Jul 2024 10:22:56 +0200",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "153",
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": [
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/remote\/youtube-FtaW0JmiyLs-cover.jpg"
                ]
            }
        },
        {
            "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": "151",
            "url": "https:\/\/blog-archive.alexkolodko.com\/all\/aurasr-upscaler\/",
            "title": "AuraSR — open-source збільшувач картинок від Adobe",
            "content_html": "<p><a href=\"https:\/\/huggingface.co\/spaces\/gokaygokay\/AuraSR\">Aura SR<\/a> дає непогану різкість і деталі. В порівнянні з Super Resolition від Pixelmator виглядає краще.<\/p>\n<div class=\"e2-text-video\">\n<video src=\"https:\/\/blog-archive.alexkolodko.com\/video\/Screen-Recording-2024-07-05-at-16.51.57-x1.mov#t=0.001\" width=\"2560\" height=\"1457.1428571429\" controls alt=\"\" \/>\n\n<\/div>\n",
            "date_published": "2024-07-05T15:56:11+02:00",
            "date_modified": "2024-07-05T15:56:06+02:00",
            "tags": [
                "інструменти"
            ],
            "_date_published_rfc2822": "Fri, 05 Jul 2024 15:56:11 +0200",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "151",
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": []
            }
        },
        {
            "id": "150",
            "url": "https:\/\/blog-archive.alexkolodko.com\/all\/perfect-days-movie-and-tokyo-toilet\/",
            "title": "Громадські вбиральні в Токіо та фільм «Perfect days»",
            "content_html": "<p>Сьогодні рекомендую глянути фільм «Perfect days», про життя чоловіка, на ім’я Хіраяма — прибиральника туалетів в Токіо, що знайшов спокій у своїй роботі. Фільм після перегляду лишає теплі враження, а вбиральні виглядають чудово.<\/p>\n<p>З вікі:<\/p>\n<blockquote>\n<p>На створення фільму Віма Вендерса надихнула культура незвичних громадських туалетів у Японії. Його запросили в Токіо, аби він оцінив 17 нових вбиралень, кожну з яких збудував спеціально запрошений архітектор до літніх Олімпійських ігор у Токіо. Зрештою враження від цієї поїздки вилились у новий фільм. Стрічку знімали рівно 17 днів.<\/p>\n<\/blockquote>\n<p>Сайт проєкту вбиралень, де є прекрасні фото і відео всіх 17 вбиралень: <a href=\"https:\/\/tokyotoilet.jp\/en\/\">https:\/\/tokyotoilet.jp\/en\/<\/a><\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/perfect-days-movie-toilets-3.jpg\" width=\"2560\" height=\"1915\" alt=\"\" \/>\n<\/div>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/perfect-days-movie-toilets-6.jpg\" width=\"2560\" height=\"1915\" alt=\"\" \/>\n<\/div>\n<div class=\"e2-text-picture\">\n<div class=\"fotorama\" data-width=\"2560\" data-ratio=\"1.3368146214099\">\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/perfect-days-movie-toilets-7.jpg\" width=\"2560\" height=\"1915\" alt=\"\" \/>\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/perfect-days-movie-toilets-15.jpg\" width=\"2560\" height=\"1915\" alt=\"\" \/>\n<\/div>\n<\/div>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/perfect-days-movie-toilets-8.jpg\" width=\"2560\" height=\"1915\" alt=\"\" \/>\n<\/div>\n<div class=\"e2-text-picture\">\n<div class=\"fotorama\" data-width=\"2560\" data-ratio=\"1.3368146214099\">\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/perfect-days-movie-toilets-10.jpg\" width=\"2560\" height=\"1915\" alt=\"\" \/>\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/perfect-days-movie-toilets-17.jpg\" width=\"2560\" height=\"1915\" alt=\"\" \/>\n<\/div>\n<\/div>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/perfect-days-movie-toilets-11.jpg\" width=\"2560\" height=\"1915\" alt=\"\" \/>\n<\/div>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/perfect-days-movie-toilets-12.jpg\" width=\"2560\" height=\"1915\" alt=\"\" \/>\n<\/div>\n<div class=\"e2-text-picture\">\n<div class=\"fotorama\" data-width=\"2560\" data-ratio=\"1.3368146214099\">\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/perfect-days-movie-toilets-18.jpg\" width=\"2560\" height=\"1915\" alt=\"\" \/>\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/perfect-days-movie-toilets-19.jpg\" width=\"2560\" height=\"1915\" alt=\"\" \/>\n<\/div>\n<\/div>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/perfect-days-movie-toilets-20.jpg\" width=\"2560\" height=\"1915\" alt=\"\" \/>\n<\/div>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/perfect-days-movie-toilets-21.jpg\" width=\"2560\" height=\"1915\" alt=\"\" \/>\n<\/div>\n<p>І піктограми:<\/p>\n<div class=\"e2-text-picture\">\n<div class=\"fotorama\" data-width=\"2560\" data-ratio=\"1.3368146214099\">\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/perfect-days-movie-toilets-16.jpg\" width=\"2560\" height=\"1915\" alt=\"\" \/>\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/perfect-days-movie-toilets-2.jpg\" width=\"2560\" height=\"1600\" alt=\"\" \/>\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/perfect-days-movie-toilets-4.jpg\" width=\"2560\" height=\"1915\" alt=\"\" \/>\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/perfect-days-movie-toilets-5.jpg\" width=\"2560\" height=\"1915\" alt=\"\" \/>\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/perfect-days-movie-toilets-9.jpg\" width=\"2560\" height=\"1915\" alt=\"\" \/>\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/perfect-days-movie-toilets-13.jpg\" width=\"2560\" height=\"1915\" alt=\"\" \/>\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/perfect-days-movie-toilets-14.jpg\" width=\"2560\" height=\"1915\" alt=\"\" \/>\n<\/div>\n<\/div>\n",
            "date_published": "2024-06-24T11:12:47+02:00",
            "date_modified": "2024-06-24T11:12:44+02:00",
            "tags": [
                "цікавинки",
                "щоподивитись"
            ],
            "image": "https:\/\/blog-archive.alexkolodko.com\/pictures\/perfect-days-movie-toilets-3.jpg",
            "_date_published_rfc2822": "Mon, 24 Jun 2024 11:12:47 +0200",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "150",
            "_e2_data": {
                "is_favourite": false,
                "links_required": [
                    "jquery\/jquery.js",
                    "fotorama\/fotorama.css",
                    "fotorama\/fotorama.js"
                ],
                "og_images": [
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/perfect-days-movie-toilets-3.jpg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/perfect-days-movie-toilets-6.jpg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/perfect-days-movie-toilets-7.jpg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/perfect-days-movie-toilets-15.jpg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/perfect-days-movie-toilets-8.jpg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/perfect-days-movie-toilets-10.jpg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/perfect-days-movie-toilets-17.jpg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/perfect-days-movie-toilets-11.jpg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/perfect-days-movie-toilets-12.jpg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/perfect-days-movie-toilets-18.jpg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/perfect-days-movie-toilets-19.jpg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/perfect-days-movie-toilets-20.jpg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/perfect-days-movie-toilets-21.jpg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/perfect-days-movie-toilets-16.jpg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/perfect-days-movie-toilets-2.jpg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/perfect-days-movie-toilets-4.jpg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/perfect-days-movie-toilets-5.jpg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/perfect-days-movie-toilets-9.jpg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/perfect-days-movie-toilets-13.jpg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/perfect-days-movie-toilets-14.jpg"
                ]
            }
        },
        {
            "id": "149",
            "url": "https:\/\/blog-archive.alexkolodko.com\/all\/treasure-in-ua\/",
            "title": "Арт-проєкт «Скарбниця»",
            "content_html": "<p><a href=\"https:\/\/thetreasure.in.ua\/\">thetreasure.in.ua<\/a> — дуже красивий арт-проєкт з мініатюрами міст, а опис і відео. Запрошую пороздивлятись усі 50.<\/p>\n<blockquote>\n<p>Все назавжди змінилось. Ми не повернемося на дитячий майданчик, а замість магазину з жуйками тепер автомобільний салон. Школу довелось перефарбувати в інші кольори, а всередині замінили вікна зі старих на металопластикові. Але нас все ще захоплюють найбільші вантажні літаки в світі. Спогади про відпочинок на нашому морі... Це наш скарб, кожен куточок був нашим до великої війни.<\/p>\n<\/blockquote>\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\/treasure-in-ua-0.png\" width=\"2400\" height=\"1500\" alt=\"\" \/>\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/treasure-in-ua-1.png\" width=\"2400\" height=\"1500\" alt=\"\" \/>\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/treasure-in-ua-2.png\" width=\"2400\" height=\"1500\" alt=\"\" \/>\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/treasure-in-ua-4.png\" width=\"2400\" height=\"2400\" alt=\"\" \/>\n<\/div>\n<\/div>\n<p>А це відео про проєкт на Крафтових мандрах:<\/p>\n<div class=\"e2-text-video\">\n<iframe src=\"https:\/\/www.youtube.com\/embed\/GcVapKxr5Qc?enablejsapi=1\" allow=\"autoplay\" frameborder=\"0\" allowfullscreen><\/iframe>\n<\/div>\n",
            "date_published": "2024-06-17T14:22:45+02:00",
            "date_modified": "2024-06-17T14:22:33+02:00",
            "tags": [
                "цікавинки"
            ],
            "image": "https:\/\/blog-archive.alexkolodko.com\/pictures\/treasure-in-ua-0.png",
            "_date_published_rfc2822": "Mon, 17 Jun 2024 14:22:45 +0200",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "149",
            "_e2_data": {
                "is_favourite": false,
                "links_required": [
                    "jquery\/jquery.js",
                    "fotorama\/fotorama.css",
                    "fotorama\/fotorama.js"
                ],
                "og_images": [
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/treasure-in-ua-0.png",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/treasure-in-ua-1.png",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/treasure-in-ua-2.png",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/treasure-in-ua-4.png",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/remote\/youtube-GcVapKxr5Qc-cover.jpg"
                ]
            }
        },
        {
            "id": "148",
            "url": "https:\/\/blog-archive.alexkolodko.com\/all\/automation-excel-and-word\/",
            "title": "Автоматизація Excel та Word",
            "content_html": "<p>Гарний <a href=\"https:\/\/x.com\/MisterDimon\/status\/1801676484093816850\">тред<\/a> про автоматизацію документів у ЗСУ на основі шаблонів Word та даних в Excel.<\/p>\n<blockquote class=\"twitter-tweet\"><p lang=\"uk\" dir=\"ltr\">Може комусь згодиться. Тред, як я роблю 100 рапортів на відпустку менше ніж за 10 хвилин🧵<\/p>\n<p>&mdash; Mr.Dimon (@MisterDimon) <a href=\"https:\/\/twitter.com\/MisterDimon\/status\/1801676484093816850?ref_src=twsrc%5Etfw\">June 14, 2024<\/a><\/p>\n<\/blockquote><script async src=\"https:\/\/platform.twitter.com\/widgets.js\" charset=\"utf-8\"><\/script>\n<p>Ще:<\/p>\n<ul>\n<li><a href=\"https:\/\/docs.google.com\/document\/d\/1h8wstTB5kuBmGWpUb3ro4v56_4QcxFeqObB06d0mTVQ\/edit\">Тред, як один Google Doc<\/a><\/li>\n<li><a href=\"https:\/\/www.dropbox.com\/scl\/fi\/ickva9ob4k7i3jmfbso9c\/Excel-Word.pdf?rlkey=13jk6e89ykpz8lpn3t5vvfpf6&dl=0\">Тред, як PDF<\/a><\/li>\n<\/ul>\n<p><hr><\/p>\n<p>Дано: треба зробити 100 рапортів на відпустку для військовослужбовців. Для прикладу візьмемо уявну базу даних в Excel із В\/Ч де служать 100 найбагатших зі списку Форбс 2021 (у прикладі всі адреси і телефони, посади і звання вигадані)<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/GQDXOXOWYAAeiwr.jpeg\" width=\"1628\" height=\"909\" alt=\"\" \/>\n<\/div>\n<p>Щоб це зробити я користуюсь функцією «злиття» у Word. Тепер покроково. Підготуємо шаблон рапорту на відпустку (за основу взято зразок із turbota.mil.gov.ua) виділяємо жирним або курсивом поля, які треба змінити: адреса, телефон, звання, посада, ПІБ, ПІБ в родовому відмінку<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/GQDXPIzW4AEJO7y.jpeg\" width=\"1929\" height=\"1039\" alt=\"\" \/>\n<\/div>\n<p>Далі переходимо у вкладку «Розсилки». Вибираємо «Розпочати злиття» і «Майстер злиття електронних повідомлень»<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/GQDXPx-XEAAMKGQ.jpeg\" width=\"1920\" height=\"969\" alt=\"\" \/>\n<\/div>\n<p>Справа відкриється вікно для злиття документів. У перших двох кроках нічого не змінюємо. На першому кроці залишаємо «Листи». Переходимо до другого кроку і там лишаємо «Поточний документ»<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/GQDXQgMXsAAxowW.jpeg\" width=\"1929\" height=\"983\" alt=\"\" \/>\n<\/div>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/GQDXQgUWMAAFccW.jpeg\" width=\"1929\" height=\"983\" alt=\"\" \/>\n<\/div>\n<p>На третьому кроці лишаємо активним «Використання списку». Далі натискаємо «Огляд» та вибираємо файл Excel зі створеним списком військовослужбовців, яким треба зробити рапорт<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/GQDXRIvW4AATqCH.jpeg\" width=\"1845\" height=\"803\" alt=\"\" \/>\n<\/div>\n<p>Якщо у файлі Excel було декілька аркушів, то обираємо той, де внесені наші дані<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/GQDXRuaWMAE9Noc.jpeg\" width=\"1908\" height=\"964\" alt=\"\" \/>\n<\/div>\n<p>У наступному вікні відкриється наш список із військовослужбовцями і їх даними. При потребі його можна редагувати використовуючи доступні у вікні параметри. Я ж лишаю все без змін<\/p>\n<p>Переходимо до четвертого кроку. Заповнюємо поля, які мають змінюватися. Виділяємо текст, який буде змінюватися, наприклад «адреса». У вікні «Злиття», тому що справа обираємо «Інші елементи»<br \/>\nта додаємо поле злиття адреса<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/GQDXS7nWEAAoZyM.jpeg\" width=\"1920\" height=\"969\" alt=\"\" \/>\n<\/div>\n<p>І так покроково робимо зі всіма полями для злиття<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/GQDXS7oXAAADIgA.jpeg\" width=\"1926\" height=\"966\" alt=\"\" \/>\n<\/div>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/GQDXSWbXAAAGOx2.jpeg\" width=\"1923\" height=\"975\" alt=\"\" \/>\n<\/div>\n<p>Переходимо до пʼятого кроку і бачмо, що всі поля для злиття змінилися на дані, що були у нашій Excel таблиці. Якщо натискати на стрілки у вікні «Злиття» то вони будуть відповідно змінюватися<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/GQDXTugWQAAhNCC.jpeg\" width=\"1024\" height=\"532\" alt=\"\" \/>\n<\/div>\n<p>На завершальному шостому кроці зберігаємо результати у 100 рапортів. Для цього у вікні «Злиття» обираємо «Змінити окремі листи», або зверху у вкладці розсилки обираємо «Завершити і обʼєднати». Залишаємо активним поле «Усі» та натискаємо ОК<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/GQDXUrEXIAA4DRN.jpeg\" width=\"1024\" height=\"520\" alt=\"\" \/>\n<\/div>\n<p>На виході отримуємо 100 рапортів. При потребі, перевіряємо чи немає помилок і друкуємо<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/GQDXVH-W8AELc4w.jpeg\" width=\"1899\" height=\"984\" alt=\"\" \/>\n<\/div>\n<p>Дякую, всім хто дочитав до кінця. Якщо інформація була корисною пишіть і діліться своїми лайфхаками, що спрощують боротьбу зі святою українською бюрократією😉<\/p>\n<p><hr><\/p>\n<p>Від себе додам ще посилання:<\/p>\n<p><b>Зразки документів від МО<\/b><\/p>\n<p><a href=\"https:\/\/turbota.mil.gov.ua\/zrazky-documentiv\">https:\/\/turbota.mil.gov.ua\/zrazky-documentiv<\/a><\/p>\n<p><b>Зразки рапортів<\/b><br \/>\nЩе один сайт з рапортами<\/p>\n<p><a href=\"https:\/\/legal100.org.ua\/uchasnykam-rosiisko-ukrainskoi-viiny\/zrazky-raportiv-ta-zaiav\/\">https:\/\/legal100.org.ua\/uchasnykam-rosiisko-ukrainskoi-viiny\/zrazky-raportiv-ta-zaiav\/<\/a><\/p>\n<p><b>Інструменти і поради з автоматизації документів від Bot&Partners<\/b><br \/>\nПідбірка інструментів автоматизації документів (ворд, ексель, гугл тощо):<\/p>\n<p><a href=\"https:\/\/bot-partners.notion.site\/f8233690f8554651adb43f144231c83c\">https:\/\/bot-partners.notion.site\/f8233690f8554651adb43f144231c83c<\/a><\/p>\n<p><b>Doc Variables (Google Docs)<\/b><br \/>\nРозширення для Гугл Документів для замінили зміниих у тексті документу. Воно працює в межах одного документу, без таблиць.<\/p>\n<p><a href=\"https:\/\/workspace.google.com\/u\/0\/marketplace\/app\/doc_variables\/232821636920\">https:\/\/workspace.google.com\/u\/0\/marketplace\/app\/doc_variables\/232821636920<\/a><\/p>\n<p><b>Відмінювання ПІБ<\/b><br \/>\nРобив простий сайт де можна пачкою закинути і відмінювати піб. Щоб вставити в таблицю і з неї вже автоматизовувати. Робив для знайомого діловоду.<\/p>\n<p><a href=\"http:\/\/pib.a3.kyiv.ua\/\">http:\/\/pib.a3.kyiv.ua\/<\/a><\/p>\n<p>Там є режим де всі відмінки разом і кнопка приведення до формату на документи.<\/p>\n<p><a href=\"http:\/\/pib.a3.kyiv.ua\/all\">http:\/\/pib.a3.kyiv.ua\/all<\/a><\/p>\n<p><b>Заповнення ПДФ-форм<\/b><br \/>\nКористуватись для заповнення PDF, як окремої форми можна цим:<\/p>\n<p><a href=\"https:\/\/phihag.github.io\/pdfform.js\/docs\/demo.html\">https:\/\/phihag.github.io\/pdfform.js\/docs\/demo.html<\/a><\/p>\n",
            "date_published": "2024-06-15T10:44:45+02:00",
            "date_modified": "2024-07-31T10:37:00+02:00",
            "tags": [
                "excel",
                "word",
                "автоматизація"
            ],
            "image": "https:\/\/blog-archive.alexkolodko.com\/pictures\/GQDXOXOWYAAeiwr.jpeg",
            "_date_published_rfc2822": "Sat, 15 Jun 2024 10:44:45 +0200",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "148",
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": [
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/GQDXOXOWYAAeiwr.jpeg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/GQDXPIzW4AEJO7y.jpeg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/GQDXPx-XEAAMKGQ.jpeg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/GQDXQgMXsAAxowW.jpeg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/GQDXQgUWMAAFccW.jpeg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/GQDXRIvW4AATqCH.jpeg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/GQDXRuaWMAE9Noc.jpeg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/GQDXS7nWEAAoZyM.jpeg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/GQDXS7oXAAADIgA.jpeg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/GQDXSWbXAAAGOx2.jpeg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/GQDXTugWQAAhNCC.jpeg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/GQDXUrEXIAA4DRN.jpeg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/GQDXVH-W8AELc4w.jpeg"
                ]
            }
        },
        {
            "id": "147",
            "url": "https:\/\/blog-archive.alexkolodko.com\/all\/adobe-illustrator-and-indesign-scripts\/",
            "title": "Скрипти Adobe Illustrator та InDesign",
            "content_html": "<p>У роботі все частіше якісь повторювані дії переношу у скрипти. І створив підбірку своїх місцями доволі простих скриптів і хочу з вами поділитись<\/p>\n<p>Сторінка:<\/p>\n<blockquote>\n<p><a href=\"https:\/\/alexkolodko.github.io\/adobe-scripts\/\">alexkolodko.github.io\/adobe-scripts<\/a><\/p>\n<\/blockquote>\n<p>Репозиторій на Github:<\/p>\n<blockquote>\n<p><a href=\"https:\/\/github.com\/alexkolodko\/adobe-scripts\">github.com\/alexkolodko\/adobe-scripts<\/a><\/p>\n<\/blockquote>\n<h3>Найцікавіші скрипти<\/h3>\n<p>Масштабує об’єкти у заданій пропорції, наприклад, якщо є макет наліпки на якій qr-код розміром 50×50, а потрібно масштабувати весь макет під розмір коду 80×80 (не у відсотках).<\/p>\n<div class=\"e2-text-video\">\n<video src=\"https:\/\/blog-archive.alexkolodko.com\/video\/scale-objects-x2.mov#t=0.001\" width=\"1852\" height=\"1360\" controls alt=\"\" \/>\n\n<\/div>\n<p>По розміру шрифту рахує приблизну відстань читабельності і це можна вивести текстом;<\/p>\n<div class=\"e2-text-video\">\n<video src=\"https:\/\/blog-archive.alexkolodko.com\/video\/font-distance-readability-x2.mov#t=0.001\" width=\"1852\" height=\"1360\" controls alt=\"\" \/>\n\n<\/div>\n<p>Нумерує об’єкти зліва-направо та зверху-вниз, наприклад, щоб пронумерувати варіанти дизайну;<\/p>\n<div class=\"e2-text-video\">\n<video src=\"https:\/\/blog-archive.alexkolodko.com\/video\/numbering-objects-x2.mov#t=0.001\" width=\"1852\" height=\"1360\" controls alt=\"\" \/>\n\n<\/div>\n<p>Виводить текстом всі кольори CMYK вибраних об’єктів.<\/p>\n<div class=\"e2-text-video\">\n<video src=\"https:\/\/blog-archive.alexkolodko.com\/video\/list-of-cmyk-colors-x2.mov#t=0.001\" width=\"1998\" height=\"1440\" controls alt=\"\" \/>\n\n<\/div>\n<p><hr><br \/>\nУ створенні скриптів мені дуже допомагає ChatGPT, я його навіть співавтором вказав 😅.<\/p>\n<p>Рік тому писав про автоматизацію з ChatGPT: <a href=\"https:\/\/blog.alexkolodko.com\/all\/adobe-scripting-with-chatgpt\/\">частина 1<\/a> та <a href=\"https:\/\/blog.alexkolodko.com\/all\/design-automation-with-chatgpt-part2\/\">частина 2<\/a>. Весь час користувався суто безкоштовною версією ChatGPT 3.5, так і не купив доступ до версії 4, але результат і без того виходив робочий. Також за цей час порівнював і інші моделі (MS Copilot, Claude), але вони видають гірший результат коду, який частіше не працює.<\/p>\n<p>І ще нагадаю, що <a href=\"https:\/\/github.com\/agentyzmin\/adobe-scripts\">в А3 теж є гарні скрипти транслітерації та збереження файлів<\/a>, може будуть корисні.\u2028<\/p>\n",
            "date_published": "2024-06-10T22:29:54+02:00",
            "date_modified": "2024-06-10T22:29:45+02:00",
            "tags": [
                "інструменти",
                "автоматизація"
            ],
            "image": "https:\/\/blog-archive.alexkolodko.com\/pictures\/github-as.png",
            "_date_published_rfc2822": "Mon, 10 Jun 2024 22:29:54 +0200",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "147",
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": [
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/github-as.png"
                ]
            }
        },
        {
            "id": "146",
            "url": "https:\/\/blog-archive.alexkolodko.com\/all\/book-logo-design-love\/",
            "title": "Книга «Лого Дизайн Любов» від ArtHuss та Cases",
            "content_html": "<p>Нещодавно ArtHuss переклали і видали <a href=\"https:\/\/www.arthuss.com.ua\/shop\/loho-dyzayn-lyubov\">книжку графічного дизайнера Девіда Ейрі «Logo Design Love»<\/a>. І запропонували мені її глянути та написати про неї, і такий огляд на книжку я пишу вперше.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/book-ldl-1.jpg\" width=\"2400\" height=\"1800\" alt=\"\" \/>\n<\/div>\n<p>⚠️<br \/>\nІ перш ніж писати про книгу, хочу розіграти дану книжку за донати. І коли я запропонував це зробити, то ArtHuss додали ще дві книжки. Тому розігруємо три примірники, один квиток на розіграш 100 грн, термін до 15 червня.<\/p>\n<p>Всі кошти підуть на <a href=\"https:\/\/www.instagram.com\/p\/C7ekHC-tk0u\/?img_index=3\">збір на РЕБ<\/a> для евакуаційного відділу медроти 123 ОБрТРО. Бригада працює на південному напрямку. вони пройшли оборону Миколаєва, допомагали звільняти Херсон, зараз працюють над деокупацією лівого берега Дніпра<\/p>\n<p>🔗 Створив дружню банку для розіграшу книг: <a href=\"https:\/\/send.monobank.ua\/jar\/3dycdRLSvq\">https:\/\/send.monobank.ua\/jar\/3dycdRLSvq<\/a><\/p>\n<p><b>UPD: Результати розіграшу<\/b><\/p>\n<p>Насамперед я дякую всім хто долучився, РЕБ вже замовлений! Разом ми назбирали 10243 грн, і це був мій такий перший збір-розіграш.<\/p>\n<p>У монобанці я визначив переможців і три книжки проїдуть до них.<\/p>\n<p>Зараз читаю ще одну, можливо повторимо ;)<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/winners.png\" width=\"1708\" height=\"680\" alt=\"\" \/>\n<\/div>\n<p>📖 А тепер вйо до книги!<\/p>\n<p><hr><\/p>\n<p>Поглянувши на назву і передмову я спочатку дещо скептично подумав, що ця книжка може і бути цікавою, але навряд мені відкриє щось, з чим я не стикався у своїй практиці. Але книжка приємно здивувала.<\/p>\n<p>Це цікава збірка досвіду автора у роботі графічним дизайнером брендів, яка описує різні сфери роботи: від тривіального процесу малювання у блокноті до думок про організацію процесу роботи, про оплату та презентацію клієнту. Це схоже на суміш портфоліо та розповіді про особистий досвід, як би автор натхненно розповідав це в особистій розмові. У нас на ринку дійсно бракує подібних розповідей від дизайнерів про проєкти чи роботу загалом.<\/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\/book-ldl-2.jpg\" width=\"2400\" height=\"1800\" alt=\"\" \/>\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/book-ldl-3.jpg\" width=\"2400\" height=\"1800\" alt=\"\" \/>\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/book-ldl-7.jpg\" width=\"2400\" height=\"1800\" alt=\"\" \/>\n<\/div>\n<div class=\"e2-text-caption\">Кілька розворотів<\/div>\n<\/div>\n<p>Цікаво також було спостерігати, що автор наче лаконічно описує рівно ті думки, до яких доходиш сам на своєму досвіді.<\/p>\n<p>Автор розповідає, що робота дизайнера складається не тільки з креативу, а також спілкування з клієнтами, презентації своїх ідей та модерування зустрічі для ефективного результату.<br \/>\nТакож автор зачіпає тему підтримання мотивації в роботі та розповідає, які методи працюють для нього: навчання новому, спостереження за колегами, творити для самих себе, відходити від комп’ютера тощо.<\/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\/book-ldl-8.jpg\" width=\"2560\" height=\"1920\" alt=\"\" \/>\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/book-ldl-10.jpg\" width=\"2560\" height=\"1920\" alt=\"\" \/>\n<\/div>\n<div class=\"e2-text-caption\">У книзі також присутні гарні приклади айдентики, про які розповідає автор<\/div>\n<\/div>\n<p>Однозначно можу порадити книжку всім хто починає роботі у сфері графічного дизайну. Та й досвідченим професіоналам буде цікавим почитати та порівняти свої підходи з підходами автора.<\/p>\n<p>Далі кілька <i>цитат<\/i>, які мені здались цікавими.<\/p>\n<p>Вважаю, що хороший дизайнер цікавиться всім та з ентузіазмом розбирає, як все влаштовано, а не тільки зосереджений на шрифтах чи кольорах:<\/p>\n<blockquote>\n<p>Щоби бути хорошим дизайнером, ви маєте цікавитися різними аспектами життя; найпотужніші ідеї народжуються з досвіду і з тих знань, які дає нам цей досвід. Що більше ми бачимо, що більше знаємо, то більше маємо «пального» для своїх ідей.<\/p>\n<\/blockquote>\n<p>Про погодинну оплату та оплату за весь проєкт:<\/p>\n<blockquote>\n<p>…Мене часто питають, яку оплату просити — погодинну чи за проєкт? Я однозначно за друге … Ви витратили, можливо, сто тисяч доларів і пʼять років життя на дизайн, щоб навчитися робити за кілька хвилин або годин те, на що раніше йшли тижні й місяці.<\/p>\n<p>… Погодинна оплата нікому не корисна — клієнт не складає уявлення про справжню вартість цієї роботи і ризикує витратити гроші намарно. Краще я забезпечу бажаний результат, аніж просто працюватиму Х годин, сподіваючись, що з того щось вийде. Якщо на досягнення цілі піде надто багато часу, одне з двох: або я недооцінив свою роботу, або працював недостатньо ефективно. Клієнт не мусить потерпати через жодну з цих причин»…<\/p>\n<\/blockquote>\n<p>Про роботу pro bono (не знав, яке значення мають ці слова, але це дійсно міняє суть терміна):<\/p>\n<blockquote>\n<p>Якщо ваша мета — розширити портфоліо, набагато ефективніше буде звʼязатися з місцевими неприбутковими організаціями й запропонувати свою роботу pro bono (до речі, ця фраза означає «для [суспільного] добра», а не просто «безплатно»). Це дасть вам низку переваг порівняно з конкурсами: ви працюватимете безпосередньо з клієнтом, що допоможе розвинути впевненість у собі; ви заведете стосунки з місцевим бізнесом, що може принести вам нових клієнтів у майбутньому; ви зі значно більшою ймовірністю побачите втілення своїх проєктів у дійсність, що набагато краще для портфоліо.<\/p>\n<\/blockquote>\n<p>Про проведення зустрічей і в цілому підхід орієнтований на допомогу клієнту, навіть якщо це просто нагадування усього шляху який пройшли з початку роботи над проєктом:<\/p>\n<blockquote>\n<p>Коли ви вже домоглися особистої зустрічі з комітетом, важливо, щоб ця зустріч була у вас під контролем від початку і до кінця. Керуйте тим, що відбувається, і це вельми сприятиме схваленню ваших ідей. Перш ніж знімати завісу з ваших варіантів дизайну, варто памʼятати, що минуло вже багато часу, — можливо, кілька місяців, — відколи комітет обговорював деталі дизайнерського завдання. Президенти, директори і власники компаній мають безліч інших турбот, тож освіжіть їхню памʼять і нагадайте, чому вони вкладають час і гроші в айдентику їхнього бренду.<\/p>\n<p>Коротко представте вихідні дані: чому постала потреба у новій чи оновленій айдентиці, які цілі нового дизайну, яким чином нова айдентика допоможе компанії збільшити прибутки. Наскільки вам варто заглиблюватись у деталі, залежить від того, як давно комітет сформулював ваше завдання. Що більше минуло часу, то докладнішою має бути ваша передісторія. Утім, не переборщіть: це лише нагадування, а не доповідь, і перед вами — ділові люди з дуже щільним графіком. Кількох хвилин має вистачити.<\/p>\n<\/blockquote>\n<p>Ви можете як спеціаліст і модератор зустрічі встановлювати правила, щоб зустріч була ефективною і не скочувалась у те що ви станете просто «руками», які мають зробити, як сказано:<\/p>\n<blockquote>\n<p>Члени комітету часто вбачають у презентації дизайнерських ідей запрошення до того, щоб пропонувати та приймати власні дизайнерські рішення. Але ви маєте всім нагадати: їхня думка важлива, проте не варто піддаватися спокусі та робити вашу роботу замість вас. Експерт з дизайну — ви; тож якщо дискусія скочується до наказів з їхнього боку використати такий-то колір чи такий-то шрифт, айдентика від цього тільки постраждає.<\/p>\n<p>Поясніть, що від членів комітету ви чекаєте стратегічних спостережень і виконавчої свободи. Скажіть, наприклад, так: «Дайте мені знати, якщо, на вашу думку, мій варіант дизайну не відповідає нашій узгодженій стратегії, але не морочте собі голову тим, як це виправити. Адже за це ви платите мені».<\/p>\n<p>Можете навіть навести приклад конструктивного відгуку, скажімо, такий: «Мені корисно від вас почути, що цей відтінок фіолетового занадто мʼякий для організації, що прагне випромінювати силу, чи що цей шрифт занадто старомодний. Подібні коментарі дуже важливі для успіху нашого проєкту. Та постарайтесь утриматись від зауважень на кшталт «нехай синій буде темнішим» чи «спробуйте шрифт Tungsten». Довіртесь мені, і я підберу правильне дизайнерське рішення на основі ваших відгуків. Інакше, коли за дизайн беруться фахівці з інших сфер, є небезпека, що це лише ослабить вашу айдентику».<br \/>\n…<br \/>\nУтім, вам як людині «ззовні», чия робота — скрупульозно стежити за протоколом і не переходити на особистості, врівноважувати дискусію буває легше, ніж членам комітету. Обʼєктивну й неупереджену фасилітацію важко переоцінити. Тож беріть контроль у свої руки і стійте твердо.<\/p>\n<\/blockquote>\n<p>Про відносини з клієнтом. Я тут хочу додати, що почати треба з формулювань. Вважаю, потрібно відійти від термінів «замовник-виконавець», бо у цих словах вже закладається ієрархія наче замовник над виконавцем і може вказувати що і як робити (у моїй практиці навіть було таке, коли мені на дзвінку намагались вказати на місце бо «хто із нас замовник»). Це відношення, авжеж, сильно залежить від людей і само по собі важко зробити, оскільки ці формулювання вживаються майже завжди у договорах. Натомість думаю потрібно вживати «клієнт». Клієнт приходить з потребою, яку ви можете допомогти вирішити.<\/p>\n<p>А найкращий рівень взаємодії, на мою думку, коли ви з клієнтом партнери, на одному рівні і однаково зацікавлені зробити корисний та дієвий проєкт\/продукт. Зі свого досвіду такі проєкти найулюбленіші: і процес був комфортний і результатом всі задоволені.<\/p>\n<blockquote>\n<p>«Починаючи взаємодію із замовником, ви можете розвивати її за однією з двох моделей: або як пацієнт (замовник) і лікар (студія), або ви відвідувач ресторану і офіціант, — каже Блер. — До вас ставитимуться, як до лікаря або ж офіціанта, залежно від того, наскільки ви контролюєте ситуацію».<\/p>\n<\/blockquote>\n<p>Він має рацію в цю пастку легко потрапити — поставити себе у становище того, хто лише приймає та виконує замовлення.<\/p>\n<blockquote>\n<p>На початку моєї карʼєри таке ставалося надто часто. Клієнт наказував мені використати шрифт або колір, що йому подобались, і я відповідав: «Без проблем! До завтра внесу всі зміни».<\/p>\n<p>У таких випадках клієнт робив мою роботу, не маючи моїх переваг: дизайнерської освіти та досвіду. Це рідко коли приносить користь при створенні довершеної айдентики.<\/p>\n<\/blockquote>\n<p>Не будьте зарозумілими. Ви можете скільки завгодно бути обізнаними у шрифтах чи кольорах за клієнта, але не треба ставати дизайнерським зверхнім пихатим снобом. Це якась базова взаємна повага до усіх людей.<\/p>\n<blockquote>\n<p>Ще раз наголошу, що до процесу дизайну завжди залучені більш ніж одна сторона. Коли якесь питання викликає дискусію, будьте готові притримати своє его та дослухатись до коментарів.<\/p>\n<p>Клієнти часто висувають пропозиції, які вам спочатку не подобаються. Ось приклад із моєї практики: колись я розробив два варіанти лого для TalkTo — мобільного застосунку для повідомлень від місцевих компаній. І хоча членам комітету загалом сподобався той варіант, якому віддавав перевагу я, вони вирішили, що він надто різкий для їхньої компанії з простим і дружнім підходом до справ. Озираючись назад, я погоджуюсь, що вони зробили правильний вибір.<\/p>\n<\/blockquote>\n<p>Як не втрачати мотивацію:<\/p>\n<blockquote>\n<p>Правду кажучи, натхнення для дизайнерів — то мовний штамп. Мене постійно питають, де я черпаю натхнення для своєї роботи чи як я примудряюся його не втрачати; та наша дизайнерська праця не потребує натхнення як такого. Здатність один за одним робити успішні проєкти приходить з освітою, практикою та досвідом, а ще — тоді, коли послідовно робиш певні кроки, про які ми говорили у попередніх розділах.<\/p>\n<p>Однак погоджуся, що мотивація (а не натхнення) часом може бути проблемою. Наївно було б думати, що у довгій дизайнерській карʼєрі не буде моментів, коли ви почуватиметесь демотивовано. Проєкт, якому не видно кінця-краю; надмірно сувора критика від колег; той прикрий випадок, коли після тижнів напруженої роботи ви випадково бачите, що ваша найкраща ідея вже була придумана та використана кимось для іншої компанії; зрештою просте сидіння за компʼютером годинами щодня без особливого успіху — разом чи окремо, ці чинники ладні висмоктати з вас останні краплини мотивації.<\/p>\n<\/blockquote>\n<p>Не припиняйте вчитися:<\/p>\n<blockquote>\n<p>Ви ніколи не знатимете про дизайн все, що тільки можна. Наша професія постійно розвивається, отже, щоб лишатися у грі, вам теж необхідно розвиватися. Щоб відчути, куди ми рухаємось, варто озирнутися на те, звідки ми прийшли. Безліч уроків можна почерпнути з доробку славетних дизайнерів минулого, таких як Пол Ренд (IBM, Westinghouse, АВС), Сол Басс (Continental Airlines, AT&T, Quaker) Том Ґайсмар (Mobil, Chase, National Geographic). Інші люди, що присвятили життя дизайну, також накопичили колосальний досвід; я ніколи не втомлююсь слухати їхні оповідки та анекдоти.<\/p>\n<p>Для мене, одним із найбільших джерел мотивації є мої колеги. Мало що у дизайні так само рухає мене вперед і спонукає вдосконалюватися, як спостереження за тим, як інші дизайнери розробляють айдентику. Я переконався, що найталановитіші дизайнери завжди цікавляться різноманіттям тем. Я вже згадував, що нам потрібно без упину пізнавати світ, нашу історію, наш спосіб життя. Цікавість — це риса, властива всім геніальним дизайнерам.<\/p>\n<\/blockquote>\n<p>Творіть для себе самого:<\/p>\n<blockquote>\n<p>«Я зрозумів, що мені як дизайнеру потрібен творчий досвід поза роботою. Я маю творити також і для самого себе, нікому не намагаючись догодити», — каже Джеррі Куйпер зі студії erry Kuyper Partners, що в Коннектикуті.<\/p>\n<p>«Це допомагає мені краще слухати й ефективніше співпрацювати з моїми клієнтами. Я також нагадую собі регулярно ходити на прогулянки — на вулицях і на природі дивовижна графіка.»<\/p>\n<\/blockquote>\n<p>Творіть щось нове:<\/p>\n<blockquote>\n<p>Гадаю, що бажання стати дизайнером виникає тоді, коли людина дізнається: вона здатна магічним чином створити щось із нічого, — каже Майкл Бірут, партнер студії Pentagram.<\/p>\n<\/blockquote>\n<p>Мисліть латерально:<\/p>\n<blockquote>\n<p>Коли ми думаємо, в мозку формуються певні нейронні звʼязки. Що більше ми виконуємо однакові, типові завдання, то міцнішими стають ті звʼязки. Кілька повторів, і наші думки вже застрягають у звичних коліях.<\/p>\n<p>Один із моїх улюблених письменників — Едвард де Боно, якого багато хто вважає експертом з творчого мислення. «Творче мислення — це навичка, — писав він. — Це не лише особиста обдарованість. Вам не допоможе сісти понад річкою й увімкнути барокову музику в надії «спіймати натхнення». Не допоможуть й інші дешеві трюки». Де Боно виділив новий тип мислення — латеральний.<\/p>\n<p>Так само як ви опановуєте іноземну мову, ви можете навчитися бути творчим. Мета латерального мислення — розглядати можливості, що лежать поза звичними коліями думок.<\/p>\n<p>Як саме це робити? Я знайшов свій метод: замальовую абсолютно кожну ідею, що спадає мені на думку, а тоді уважно розглядаю свої скетчі з дизайнерським завданням у руці; таким чином я малюю значно більше, зокрема й таке, чого інакше б не вигадав. Переверніть свої малюнки догори дригом і ще раз роздивіться. Погляньте на них здалека. Попросіть когось поділитися своїми враженнями від ваших малюнків. Що більш творчими будуть ваші ідеї, то щасливішим буде ваш клієнт, та й ви самі будете більше задоволені собою.<\/p>\n<\/blockquote>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/book-ldl-15.jpg\" width=\"2560\" height=\"1920\" alt=\"\" \/>\n<\/div>\n",
            "date_published": "2024-06-02T16:25:16+02:00",
            "date_modified": "2024-06-10T22:43:49+02:00",
            "tags": [
                "arthuss",
                "cases",
                "книжки",
                "огляд",
                "цікавинки"
            ],
            "image": "https:\/\/blog-archive.alexkolodko.com\/pictures\/book-ldl-1.jpg",
            "_date_published_rfc2822": "Sun, 02 Jun 2024 16:25:16 +0200",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "146",
            "_e2_data": {
                "is_favourite": false,
                "links_required": [
                    "jquery\/jquery.js",
                    "fotorama\/fotorama.css",
                    "fotorama\/fotorama.js"
                ],
                "og_images": [
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/book-ldl-1.jpg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/winners.png",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/book-ldl-2.jpg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/book-ldl-3.jpg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/book-ldl-7.jpg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/book-ldl-8.jpg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/book-ldl-10.jpg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/book-ldl-15.jpg"
                ]
            }
        },
        {
            "id": "145",
            "url": "https:\/\/blog-archive.alexkolodko.com\/all\/road-ui-font\/",
            "title": "Новий шрифт для інтерфейсів — Road UI",
            "content_html": "<p>Зроблений <a href=\"https:\/\/minttype.com\/\">Андрієм Константиновим<\/a> (Minttype) на основі дорожнього шрифту Road UA. А надихнули та ініціювали проєкт <a href=\"https:\/\/vilinskyy.com\/\">Олександр Вілінський<\/a> (студія Superclear) та <a href=\"https:\/\/www.govorukhin.com\/\">Стаc Говорухін<\/a>, які в робочих проєктах вже використовували дорожній шрифт.<\/p>\n<p>Завантажити шрифт: <a href=\"https:\/\/agentyzmin.github.io\/Road-UI-Font\/\">agentyzmin.github.io\/Road-UI-Font<\/a><\/p>\n<p>Основне: \u2028<\/p>\n<ul>\n<li>форми літер краще адаптовані під екран і трохи тонші; \u2028<\/li>\n<li>зроблені пропорційні стрілки та моноширинні цифри;\u2028<\/li>\n<li>з’явилось нахилене накреслення.<\/li>\n<\/ul>\n<div class=\"e2-text-picture\">\n<div class=\"fotorama\" data-width=\"2400\" data-ratio=\"1.4268727705113\">\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/330848231-c9685cb6-3ec6-4290-b64d-9528a3d9abae.png\" width=\"2400\" height=\"1682\" alt=\"\" \/>\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/330848224-f977edd9-892c-4f9e-8ab4-1a9b10a529f7.png\" width=\"2400\" height=\"1425\" alt=\"\" \/>\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/330848228-4e062d17-ae35-448d-8522-53d9b75e09f3.png\" width=\"2400\" height=\"1154\" 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\/330848235-83c3188a-852b-4756-a829-96c9fe5bca7a.png\" width=\"2400\" height=\"1262\" alt=\"\" \/>\n<\/div>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/330848240-4b39f915-ad33-436f-af9f-5e463dac4e87.png\" width=\"2400\" height=\"585\" alt=\"\" \/>\n<\/div>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/330848243-467c8767-94f5-4fe3-9922-514a95227c1f.png\" width=\"2400\" height=\"1602\" alt=\"\" \/>\n<\/div>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/330848253-73ff4242-1b2f-41b8-aa5e-4accee47a3a0.png\" width=\"2400\" height=\"1050\" alt=\"\" \/>\n<\/div>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/330862791-c896ccdf-d64f-4cc3-99b6-01d06f8af797.png\" width=\"2400\" height=\"1211\" alt=\"\" \/>\n<\/div>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/330862837-014ba67b-4bb5-41e7-8528-893c91433337.png\" width=\"2400\" height=\"540\" alt=\"\" \/>\n<\/div>\n<p><a href=\"https:\/\/github.com\/agentyzmin\/Road-UI-Font\">Проєкт на Гітхабі<\/a>. Ліцензія CC BY—ND 4.0, можна використовувати в комерційних проєктах.<\/p>\n<p>Окрема подяка за можливість реалізації студії <a href=\"https:\/\/superclear.design\">Super Clear<\/a> — Design studio for early stage startups.<\/p>\n",
            "date_published": "2024-05-16T15:45:35+02:00",
            "date_modified": "2024-05-16T15:45:57+02:00",
            "tags": [
                "minttype",
                "Road UI",
                "інтерфейси",
                "шрифт"
            ],
            "image": "https:\/\/blog-archive.alexkolodko.com\/pictures\/330848231-c9685cb6-3ec6-4290-b64d-9528a3d9abae.png",
            "_date_published_rfc2822": "Thu, 16 May 2024 15:45:35 +0200",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "145",
            "_e2_data": {
                "is_favourite": false,
                "links_required": [
                    "jquery\/jquery.js",
                    "fotorama\/fotorama.css",
                    "fotorama\/fotorama.js"
                ],
                "og_images": [
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/330848231-c9685cb6-3ec6-4290-b64d-9528a3d9abae.png",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/330848224-f977edd9-892c-4f9e-8ab4-1a9b10a529f7.png",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/330848228-4e062d17-ae35-448d-8522-53d9b75e09f3.png",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/330848235-83c3188a-852b-4756-a829-96c9fe5bca7a.png",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/330848240-4b39f915-ad33-436f-af9f-5e463dac4e87.png",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/330848243-467c8767-94f5-4fe3-9922-514a95227c1f.png",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/330848253-73ff4242-1b2f-41b8-aa5e-4accee47a3a0.png",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/330862791-c896ccdf-d64f-4cc3-99b6-01d06f8af797.png",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/330862837-014ba67b-4bb5-41e7-8528-893c91433337.png"
                ]
            }
        }
    ],
    "_e2_version": 4134,
    "_e2_ua_string": "Aegea 11.3 (v4134)"
}