{
    "version": "https:\/\/jsonfeed.org\/version\/1.1",
    "title": "Здоровий глузд: дописи з тегом дизайн",
    "_rss_description": "Олександр Колодько. Інформаційний та навігаційний дизайнер. Співзасновник команди ARC, співзасновник та головний дизайнер в Агентах змін (А3). Пишу про дизайн і цікаве мені · alexkolodko.com · wayfinding.systems",
    "_rss_language": "uk",
    "_itunes_email": "",
    "_itunes_categories_xml": "",
    "_itunes_image": "",
    "_itunes_explicit": "",
    "home_page_url": "https:\/\/blog-archive.alexkolodko.com\/tags\/design\/",
    "feed_url": "https:\/\/blog-archive.alexkolodko.com\/tags\/design\/json\/",
    "icon": "https:\/\/blog-archive.alexkolodko.com\/pictures\/userpic\/userpic@2x.jpg?1768915547",
    "authors": [
        {
            "name": "Олександр Колодько",
            "url": "https:\/\/blog-archive.alexkolodko.com\/",
            "avatar": "https:\/\/blog-archive.alexkolodko.com\/pictures\/userpic\/userpic@2x.jpg?1768915547"
        }
    ],
    "items": [
        {
            "id": "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": "138",
            "url": "https:\/\/blog-archive.alexkolodko.com\/all\/kyiv-memorial-plates\/",
            "title": "Меморіальні таблички Києва",
            "content_html": "<p>Нижче передісторія, а зараз дизайн. Перше рішення — це розділення табличок на всіх, хто ніс службу (військових, нацгвардійців тощо), та загиблих цивільних, яких теж треба вшановувати. Звідси перше рішення — розділити візуально та використати шрифт <a href=\"https:\/\/www.behance.net\/gallery\/186125291\/UAF-Memory-Freeware-variable-typeface\">UAF Memory<\/a> для військових та загальний <a href=\"https:\/\/probanav.a3.kyiv.ua\/\">київський Proba Nav2<\/a> для інших.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/Kyiv-Memorial-Plates-Preview-v1-02.jpg\" width=\"2560\" height=\"1702\" alt=\"\" \/>\n<\/div>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/Kyiv-Memorial-Plates-Preview-v2-01.jpg\" width=\"1844\" height=\"1844\" alt=\"\" \/>\n<div class=\"e2-text-caption\">Це виключно ілюстрація, фото та імена згенеровані<\/div>\n<\/div>\n<p>Далі також хотілося додати приналежність у символах і додавати або символ роду військ, або комбатантський хрест (загальний символ для всіх), а для цивільних просто використати малий державний герб.<\/p>\n<p>Далі кожної таблички може бути два варіанти — з фото, якщо воно є, або ж без (іноді буває немає гарного фото, чи спеціально треба уникнути його використання).<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/Kyiv-Memorial-Plates-1.jpeg\" width=\"2400\" height=\"1697\" alt=\"\" \/>\n<\/div>\n<p>Далі елементи:<\/p>\n<ol start=\"1\">\n<li>Прив’язка до місця, або ж чому саме тут встановлена ця табличка.\u20281.2) Нагороди та відзнаки.<\/li>\n<li>Ім’я та прізвище.<\/li>\n<li>Позивний і підрозділ для військових.<\/li>\n<li>Вік людини. Знову ж зоб уникнути суто похоронного формату «дата народження — дата смерті», додатково це дає осягнути не просто дати, а наскільки молоді були люди.<\/li>\n<li>Додатковий текст про обставини смерті.<\/li>\n<li>Ще є місце під QR та короткий лінк, якщо вони будуть.<\/li>\n<li>Фото. Дуже хотілося уникнути формату з фото в рамці чи обрізане десь по центру, бо вони дуже нагадують надгробки, натомість за прикладом Дніпра, більш людяно виглядають фото до краю формату. Але з точки зору графіки це має бути не фотозображення, а адаптована під гравіювання графіка.\u2028\u2028<\/li>\n<\/ol>\n<div class=\"e2-text-picture\">\n<div class=\"fotorama\" data-width=\"2400\" data-ratio=\"1.4142604596346\">\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/Kyiv-Memorial-Plates-2.jpeg\" width=\"2400\" height=\"1697\" alt=\"\" \/>\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/Kyiv-Memorial-Plates-3.jpeg\" width=\"2400\" height=\"1697\" alt=\"\" \/>\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/Kyiv-Memorial-Plates-4.jpeg\" width=\"2400\" height=\"1697\" alt=\"\" \/>\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/Kyiv-Memorial-Plates-5.jpeg\" width=\"2400\" height=\"1697\" alt=\"\" \/>\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/Kyiv-Memorial-Plates-6.jpeg\" width=\"2400\" height=\"1697\" alt=\"\" \/>\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/Kyiv-Memorial-Plates-7.jpeg\" width=\"2400\" height=\"1697\" alt=\"\" \/>\n<\/div>\n<div class=\"e2-text-caption\">Розміри та шрифти<\/div>\n<\/div>\n<p><a href=\"https:\/\/www.dropbox.com\/scl\/fi\/t2i2n3qz1qfn5tkhjt2kf\/Kyiv-Memorial-Plates.pdf?rlkey=3omqsptzlmavrtwj7tbpi2klk&dl=0\">Завантажити PDF з правилами<\/a><\/p>\n<p>Матеріал та технологія. Питання поки відкрите. Але здається найбільш нейтрально в середовище виглядатиме алюміній. Технологія я певен має бути гравіювання та фарбування, як у Дніпрі. У конструкції не має бути зайвих «прикрашань» з мармуру чи чогось такого, бо це робить таблички занадто масивними. І поки найбільш утилітарними виглядають віддалені кріплення (хоч вони і додають металеву шайбу спереду).<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/kriplennya.jpeg\" width=\"431\" height=\"412\" alt=\"\" \/>\n<\/div>\n<p>Роздрукував кілька розмірів, приміряв на будинках, розміри вийшли 570×300 мм з фото та 400×300 мм без фото.<\/p>\n<div class=\"e2-text-picture\">\n<div class=\"fotorama\" data-width=\"2400\" data-ratio=\"1.3333333333333\">\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/Kyiv-Memorial-Plates-Test-5.jpg\" width=\"2400\" height=\"1800\" alt=\"\" \/>\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/Kyiv-Memorial-Plates-Test-1.jpg\" width=\"1800\" height=\"2400\" alt=\"\" \/>\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/Kyiv-Memorial-Plates-Test-2.jpg\" width=\"1800\" height=\"2400\" alt=\"\" \/>\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/Kyiv-Memorial-Plates-Test-3.jpg\" width=\"1800\" height=\"2400\" alt=\"\" \/>\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/Kyiv-Memorial-Plates-Test-4.jpg\" width=\"1800\" height=\"2400\" alt=\"\" \/>\n<\/div>\n<div class=\"e2-text-caption\">Тестування<\/div>\n<\/div>\n<h2>Передісторія<\/h2>\n<p>Мені прийшов запит на дизайн меморіальної таблички для Києва, бо Департаменту архітектури КМДА звідкись прийшла задача зробити стандарт табличок і вони не довго думаючи просто взяли взірець зі <a href=\"https:\/\/drive.google.com\/file\/d\/17pDqbcGbo_wn4gU3jIbrTVzpNtc52zR4\/view?usp=sharing\">Львова<\/a> і вирішили затвердити, ніяк не осмислюючи це.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/Kiiv_Dodatok_1-copy.png\" width=\"2400\" height=\"1698\" alt=\"\" \/>\n<div class=\"e2-text-caption\">Запропонований вигляд табличок департаментом архітектури КМДА<\/div>\n<\/div>\n<div class=\"e2-text-picture\">\n<div class=\"fotorama\" data-width=\"672\" data-ratio=\"1.3333333333333\">\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/394368231_7114678585211734_4136151407139999041_n.jpg\" width=\"672\" height=\"504\" alt=\"\" \/>\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/skrin-prezentaciya-1.jpg\" width=\"941\" height=\"562\" alt=\"\" \/>\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/skrin-prezentaciya-2.jpg\" width=\"910\" height=\"487\" alt=\"\" \/>\n<\/div>\n<div class=\"e2-text-caption\">Меморіальні таблички Львова<\/div>\n<\/div>\n<p>Тим паче що і приклад львівських не те щоб гарний взірець: це видно з деяких розмірів шрифтів та відсутності роботи з військовою символікою, бо більшість цих табличок все ж присвячена їм.<\/p>\n<p>І от проєкт попав в руки депутатів КМР і вони поки зупинили процес, бо шрифт у табличках не як на адресних покажчиках, а має ж бути однаковим.<\/p>\n<p>Якщо винести за дужки взагалі весь процес узгодження, де доводиться реагувати та щось на швидку руку придумувати. Просто поміняти шрифт кардинально не змінює результат. На що я звернув увагу в першу чергу і над чи треба подумати:<\/p>\n<p><b>1. Чи буде хтось весь процес адмініструвати?<\/b> Бо так простіше буде контролювати, щоб всі таблички були однакові. Якщо затвердити просто стандарт і дати всім з ним працювати, то вийде, як з адресними покажчиками в Києві, які масово роблять не за правилами та не з тих матеріалів. Якщо контролювати ніхто не буде, то хоча б можна зробити сайт на якому можна згенерувати макет.<\/p>\n<p><b>2. Технологія та матеріали.<\/b> Або закласти щось максимально вживане, або треба пошукати щось якісне і естетичне на вигляд. У Дніпрі от обрали гравіювання на 4 мм алюмінії з заливкою фарбою. Має гарний вигляд, максимально довговічне, і не ржавіє\/зеленіє з часом, на відміну від латуні. Той самий приклад з Києвом: є затверджені матеріали, але масово роблять не так і ніхто не контролює, тому по Шевченківському району купа пласких табличок з композиту, а не металеві.<\/p>\n<p><b>3. Елементи на самій табличці:<\/b><\/p>\n<ul>\n<li>Що таке «info info»? Яка інформація передбачається? В якому вигляді? Чи буде це стандартизовано чи модеруватись (явно ні)? Що важливо вказувати про людину?<\/li>\n<li>Точно мають бути два формати з фото і без, бо фото буде не у всіх.<\/li>\n<li>Фото. Потрібен загальний, бажано монохромний стиль. І ще це залежить від бажаної технології нанесення зображення. Далі мають бути критерії як фото відбирати і як готувати. Це не описано.<\/li>\n<li>Далі питання чи таблички тільки для військових, чи також для працівників ДСНС або цивільних. Від цього залежить, що краще вказувати у тексті. Якщо мова про військових, то бажано і символіку і стиль ЗСУ брати за основу, щоб був єдиний стиль по країні + для них важливе вказання підрозділу та позивного. Для решти можна придумати більш загальний.<\/li>\n<li>QR-код. Перед тим як вводити на табличку код, то має бути якесь єдине місце\/сайт, на який посилатись і на якому буде інформація про людину. Звідси випливає, що хтось має модерувати цей ресурс та оновлювати. Інакше на табличках надовго лишаться неробочі коди.\u2028<\/li>\n<\/ul>\n<p>Тож отримавши матеріали та поставивши питання «в повітря» (чого так — питання філософське), я взявся подумати, як би робив на свій розсуд.<\/p>\n<p>Звідки взагалі взялась ця задача: зараз дуже швидко встановлюють пам’ятні дошки у школах, а виглядають вони зазвичай як гранітні плити, чим нагадують надгробки й ретравматизують чи тригерять дітей. Плюс відсутність стандартів були першопричиною розробки табличок.<\/p>\n<div class=\"e2-text-picture\">\n<div class=\"fotorama\" data-width=\"1280\" data-ratio=\"1.6182048040455\">\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/_bob7110_novyirazmer1.jpg\" width=\"1280\" height=\"791\" alt=\"\" \/>\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/_bob7086_novyirazmer.jpg\" width=\"1353\" height=\"960\" alt=\"\" \/>\n<\/div>\n<div class=\"e2-text-caption\">Приклад таблички, які встановлюють у Києві<\/div>\n<\/div>\n<h2>Інші приклади<\/h2>\n<h3>Дніпро<\/h3>\n<p>У Дніпрі затвердили нещодавно і вони провели рік, шукаючи гарний матеріал і технологію (алюміній з гравіюванням). Автори — <a href=\"https:\/\/dnipro.design\">Dnipro.design<\/a>, <a href=\"https:\/\/t.me\/dniprodesign\">t.me\/dniprodesign<\/a><\/p>\n<p>Розпорядження: <a href=\"https:\/\/dniprorada.gov.ua\/uk\/Widgets\/GetWidgetContent?url=\/WebSolution2\/wsGetTextPublicDocument?pID=654145&name=27-13\/2\">27-13\/2, 13.02.2024 Про затвердження вимог щодо зовнішнього вигляду меморіальних дощок загиблим внаслідок російської агресії<\/a><\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/Dnipro---Memorialni-tablichki-27-13_2.jpg\" width=\"2560\" height=\"1151\" alt=\"\" \/>\n<div class=\"e2-text-caption\">Вигляд табличок<\/div>\n<\/div>\n<div class=\"e2-text-picture\">\n<div class=\"fotorama\" data-width=\"1280\" data-ratio=\"1.3333333333333\">\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/dnipro-memorial-materials-1.jpeg\" width=\"1280\" height=\"960\" alt=\"\" \/>\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/dnipro-memorial-materials-2.jpeg\" width=\"1280\" height=\"960\" alt=\"\" \/>\n<\/div>\n<div class=\"e2-text-caption\">Матеріали<\/div>\n<\/div>\n<h3>Івано-Франківськ<\/h3>\n<p>У Франківську почали робити таблички набагато раніше, з часів АТО. Виготовляються з фотоскла (скло з друком) та мають єдиний вигляд.<\/p>\n<div class=\"e2-text-picture\">\n<div class=\"fotorama\" data-width=\"1620\" data-ratio=\"1.5\">\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/091ee8f2be5cc1e1cbcb012602b27556.jpeg\" width=\"1620\" height=\"1080\" alt=\"\" \/>\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/Kolazh-1600x1067.jpg\" width=\"1600\" height=\"1067\" alt=\"\" \/>\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/novyj-proekt-5-1.png\" width=\"1200\" height=\"675\" alt=\"\" \/>\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/novyj-proekt-16.png\" width=\"1200\" height=\"675\" alt=\"\" \/>\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/v-ivano-frankivsku-vidkryly-dvi-memorialni-doshky-zahyblym-heroiam-foto.jpg\" width=\"1000\" height=\"1500\" alt=\"\" \/>\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/v-ivano-frankivsku-vidkryly-memorialni-doshky-heroiam-mykoli-kotku-ta-petru-hrytsiushku-foto.jpg\" width=\"2048\" height=\"1366\" alt=\"\" \/>\n<\/div>\n<\/div>\n",
            "date_published": "2024-03-31T17:10:05+02:00",
            "date_modified": "2024-03-31T17:23:57+02:00",
            "tags": [
                "департамент дизайну",
                "дизайн",
                "київ",
                "проекти"
            ],
            "image": "https:\/\/blog-archive.alexkolodko.com\/pictures\/Kyiv-Memorial-Plates-Preview-v1-02.jpg",
            "_date_published_rfc2822": "Sun, 31 Mar 2024 17:10:05 +0200",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "138",
            "_e2_data": {
                "is_favourite": false,
                "links_required": [
                    "jquery\/jquery.js",
                    "fotorama\/fotorama.css",
                    "fotorama\/fotorama.js"
                ],
                "og_images": [
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/Kyiv-Memorial-Plates-Preview-v1-02.jpg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/Kyiv-Memorial-Plates-Preview-v2-01.jpg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/Kyiv-Memorial-Plates-1.jpeg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/Kyiv-Memorial-Plates-2.jpeg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/Kyiv-Memorial-Plates-3.jpeg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/Kyiv-Memorial-Plates-4.jpeg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/Kyiv-Memorial-Plates-5.jpeg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/Kyiv-Memorial-Plates-6.jpeg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/Kyiv-Memorial-Plates-7.jpeg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/kriplennya.jpeg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/Kyiv-Memorial-Plates-Test-5.jpg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/Kyiv-Memorial-Plates-Test-1.jpg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/Kyiv-Memorial-Plates-Test-2.jpg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/Kyiv-Memorial-Plates-Test-3.jpg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/Kyiv-Memorial-Plates-Test-4.jpg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/Kiiv_Dodatok_1-copy.png",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/394368231_7114678585211734_4136151407139999041_n.jpg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/skrin-prezentaciya-1.jpg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/skrin-prezentaciya-2.jpg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/_bob7110_novyirazmer1.jpg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/_bob7086_novyirazmer.jpg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/Dnipro---Memorialni-tablichki-27-13_2.jpg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/dnipro-memorial-materials-1.jpeg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/dnipro-memorial-materials-2.jpeg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/091ee8f2be5cc1e1cbcb012602b27556.jpeg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/Kolazh-1600x1067.jpg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/novyj-proekt-5-1.png",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/novyj-proekt-16.png",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/v-ivano-frankivsku-vidkryly-dvi-memorialni-doshky-zahyblym-heroiam-foto.jpg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/v-ivano-frankivsku-vidkryly-memorialni-doshky-heroiam-mykoli-kotku-ta-petru-hrytsiushku-foto.jpg"
                ]
            }
        },
        {
            "id": "117",
            "url": "https:\/\/blog-archive.alexkolodko.com\/all\/mentorska-sesiya-avtomatizaciya-dizaynu-maketiv-nastilnoyi-gri\/",
            "title": "Менторська сесія: автоматизація дизайну макетів настільної гри",
            "content_html": "<p>Провів ще одну менторську сесію <a href=\"https:\/\/www.facebook.com\/prjctrmentorship\">Prjctr Mentorship<\/a>. Поспілкувались з дизайнером Владом Бурко, який розробляє настільну карткову гру і для якої потрібно зробити 150+ макетів карток з різними текстами та елементами.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/prjctr-mentorship-tableboardgame-automation-1.jpg\" width=\"2560\" height=\"1671\" alt=\"\" \/>\n<\/div>\n<p>Поділився, як зібрати все до купи, та автоматизувати дизайн у Фігмі, а також в Ілюстраторі чи Індизайні. Налаштувавши процес можна спростити перевірку, уникати ручних помилок при тиражуванні дизайну та зрештою налагодити процес обробку будь-якої кількості макетів.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/prjctr-mentorship-tableboardgame-automation-2.jpg\" width=\"2560\" height=\"1670\" alt=\"\" \/>\n<\/div>\n<p><a href=\"https:\/\/www.prjctrmentor.com\/mentor\/oleksandr-kolodko\">За донат на ЗСУ проконсультую<\/a> по автоматизації дизайну, а також по дизайну навігації, схем, створенню карт, верстці, інтерфейсам тощо.<\/p>\n<p>Або поділіться своїми дизайн-задачами, які ви постійно виконуєте і які вам набридли.<\/p>\n",
            "date_published": "2023-10-24T19:22:28+02:00",
            "date_modified": "2023-10-24T19:22:26+02:00",
            "tags": [
                "дизайн",
                "менторські сесії"
            ],
            "image": "https:\/\/blog-archive.alexkolodko.com\/pictures\/prjctr-mentorship-tableboardgame-automation-1.jpg",
            "_date_published_rfc2822": "Tue, 24 Oct 2023 19:22:28 +0200",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "117",
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": [
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/prjctr-mentorship-tableboardgame-automation-1.jpg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/prjctr-mentorship-tableboardgame-automation-2.jpg"
                ]
            }
        },
        {
            "id": "116",
            "url": "https:\/\/blog-archive.alexkolodko.com\/all\/metromap-1-11\/",
            "title": "Схема метро 1.11",
            "content_html": "<p>Продовжую оновлювати схему метро. На разі виходить версія 1.11, в якій:\u2028<\/p>\n<ul>\n<li>перейменовані Звіринецька та Площа Українських Героїв;\u2028<\/li>\n<li>перейменована частина зупинок швидкісних трамваїв;\u2028<\/li>\n<li>Kyiv City Express: додані зупинки на кільці, додані інші напрямки приміських маршрутів і дещо змінені самі лінії;\u2028<\/li>\n<li>додані примітки про транспорт не працюючий до аеропортів (ще його можна було б прибрати, але загальні схеми зараз важче оновлювати й вони висітимуть доволі довго).\u2028\u2028<\/li>\n<\/ul>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/metromap_wagon_v1.11.009-(alexk)-2400.png\" width=\"2295\" height=\"2400\" alt=\"\" \/>\n<div class=\"e2-text-caption\">Схема метро версії 1.11, <a href=\"https:\/\/www.dropbox.com\/scl\/fi\/a86r50m1jtipcqntu84tn\/metromap_wagon_v1.11.009-alexk.png?rlkey=bj6cc0uy28fwpviw38o6b78xe&dl=0\">великий розмір<\/a><\/div>\n<\/div>\n<p>Ще мали бути перейменовані станції електрички, але остаточно ще цього не відбулось і не зрозуміло, коли це буде. Як тільки це рішення буде остаточно ухвалено, то оновлю на схемі.<\/p>\n<p>Також був прибраний логотип міської електрички, оскільки вона стала частиною КСЕ (була пропозиція по логотипу Сіті експреса, але не була ухвалена, може якось розкажу).<\/p>\n<p>Ще оновлені лінійні схеми: з новими назвами та без транспорту до аеропортів.<\/p>\n<p>Роздивитись PDF:<\/p>\n<ul>\n<li><a href=\"https:\/\/drive.google.com\/file\/d\/1wMx6xrFR1R9BHQL3VZ-U8WlJECufbgp3\/view?usp=sharing\">Загальна схема<\/a><\/li>\n<li><a href=\"https:\/\/drive.google.com\/file\/d\/11sxm-7xGuJnAniidFnvUf1Rvqw4tqGnZ\/view?usp=sharing\">Лінійні схеми<\/a><\/li>\n<\/ul>\n<p>Попередні версії схем зібрані <a href=\"http:\/\/a3.kyiv.ua\/projects\/metromap\/versions\/\">на цій сторінці<\/a>.<\/p>\n",
            "date_published": "2023-08-08T12:53:26+02:00",
            "date_modified": "2023-08-10T14:57:27+02:00",
            "tags": [
                "дизайн",
                "метро",
                "проекти",
                "схеми"
            ],
            "image": "https:\/\/blog-archive.alexkolodko.com\/pictures\/metromap_wagon_v1.11.009-(alexk)-2400.png",
            "_date_published_rfc2822": "Tue, 08 Aug 2023 12:53:26 +0200",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "116",
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": [
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/metromap_wagon_v1.11.009-(alexk)-2400.png"
                ]
            }
        },
        {
            "id": "115",
            "url": "https:\/\/blog-archive.alexkolodko.com\/all\/mentorska-sesiya-transporta-shema-mista-sarni\/",
            "title": "Менторська сесія: транспорта схема міста Сарни",
            "content_html": "<p>В рамках менторської сесії Projectr Mentorship поспілкувались з дизайнером Олександром Канським, який розробляє транспортну схему свого міста Сарни. Дуже надихають такі ініціативи та бажання покращити своє місто.<\/p>\n<div class=\"e2-text-picture\">\n<div class=\"fotorama\" data-width=\"2400\" data-ratio=\"1.6\">\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/prjctr-mentorship-sarny-1.png\" width=\"2400\" height=\"1500\" alt=\"\" \/>\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/prjctr-mentorship-sarny-2.png\" width=\"2400\" height=\"1500\" alt=\"\" \/>\n<\/div>\n<\/div>\n<p><a href=\"https:\/\/www.prjctrmentor.com\/mentor\/oleksandr-kolodko\">За донат проконсультую <\/a>по дизайну навігації, схем, карт, а також по верстці, інтерфейсам, автоматизації дизайну чи навіть обговорити.<\/p>\n",
            "date_published": "2023-08-07T20:08:47+02:00",
            "date_modified": "2023-10-24T19:22:14+02:00",
            "tags": [
                "дизайн",
                "менторські сесії"
            ],
            "image": "https:\/\/blog-archive.alexkolodko.com\/pictures\/prjctr-mentorship-sarny-1.png",
            "_date_published_rfc2822": "Mon, 07 Aug 2023 20:08:47 +0200",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "115",
            "_e2_data": {
                "is_favourite": false,
                "links_required": [
                    "jquery\/jquery.js",
                    "fotorama\/fotorama.css",
                    "fotorama\/fotorama.js"
                ],
                "og_images": [
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/prjctr-mentorship-sarny-1.png",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/prjctr-mentorship-sarny-2.png"
                ]
            }
        },
        {
            "id": "113",
            "url": "https:\/\/blog-archive.alexkolodko.com\/all\/authenticity-and-ethics\/",
            "title": "Справжність та етичність",
            "content_html": "<p>Oе один приклад етичності в роботі дизайнера та відчуття справжності.<\/p>\n<p><b>Сіль «Міць». <\/b>Думаю багато хто бачив цей кейс від Сільпо, лімітована серія солі з Артемсолі (вже знищена). 500грн , гроші з продажу ідуть в United24 на дрони.<\/p>\n<p>Ілюстрацію створив український дизайнер Артем Гусєв, а тут її офіційно використали для паковання. І саме паковання створене з увагою до деталей і нагадує оригінальну сіль.<\/p>\n<div class=\"e2-text-picture\">\n<div class=\"fotorama\" data-width=\"2000\" data-ratio=\"1.7730496453901\">\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/IMG_5531.jpg\" width=\"2000\" height=\"1128\" alt=\"\" \/>\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/IMG_5532.jpg\" width=\"1280\" height=\"854\" alt=\"\" \/>\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/IMG_5533.jpg\" width=\"664\" height=\"630\" alt=\"\" \/>\n<\/div>\n<div class=\"e2-text-caption\">Сіль «Міць»<\/div>\n<\/div>\n<p><b>Сіль «Воля». <\/b>А цей приклад я побачив пізніше в Новусі. І це виглядає, як Абібас — дешева китайська копія першої: в матеріалах, формі, назві та ілюстрації. Навіть не знаю, хто вирішив застрибнути у цей потяг і зробити свою версію. Як на мене це не справжнє, обман. І ціна 200 грн додатково додає відчуття чогось дешевого.<\/p>\n<p>І відповідно постає питання, а чи справді за цим реальний збір, чи теж обман.<\/p>\n<p>Не знаю хто ухвалював це рішення, але на місці дизайнерів я б відмовляв клієнта від цієї ідеї, або не брав участь в цьому. Бо це неетично, копіювати чужу роботу ще і так погано.<\/p>\n<div class=\"e2-text-picture\">\n<div class=\"fotorama\" data-width=\"2048\" data-ratio=\"1.3333333333333\">\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/IMG_5529.JPG\" width=\"2048\" height=\"1536\" alt=\"\" \/>\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/IMG_5527.JPG\" width=\"1137\" height=\"2048\" alt=\"\" \/>\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/IMG_5530.JPG\" width=\"2048\" height=\"1536\" alt=\"\" \/>\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/IMG_5528.JPG\" width=\"1962\" height=\"1886\" alt=\"\" \/>\n<\/div>\n<div class=\"e2-text-caption\">Сіль «Воля»<\/div>\n<\/div>\n",
            "date_published": "2023-07-11T17:15:05+02:00",
            "date_modified": "2023-07-11T17:11:30+02:00",
            "tags": [
                "дизайн"
            ],
            "image": "https:\/\/blog-archive.alexkolodko.com\/pictures\/IMG_5531.jpg",
            "_date_published_rfc2822": "Tue, 11 Jul 2023 17:15:05 +0200",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "113",
            "_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_5531.jpg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/IMG_5532.jpg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/IMG_5533.jpg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/IMG_5529.JPG",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/IMG_5527.JPG",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/IMG_5530.JPG",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/IMG_5528.JPG"
                ]
            }
        },
        {
            "id": "112",
            "url": "https:\/\/blog-archive.alexkolodko.com\/all\/authenticity-and-details\/",
            "title": "Справжність та деталі",
            "content_html": "<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\/IMG_5320.jpg\" width=\"2560\" height=\"1920\" alt=\"\" \/>\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/IMG_5319.jpg\" width=\"2560\" height=\"1920\" alt=\"\" \/>\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/IMG_5506.jpg\" width=\"2560\" height=\"1920\" alt=\"\" \/>\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/IMG_5317.jpg\" width=\"1920\" height=\"2560\" alt=\"\" \/>\n<\/div>\n<\/div>\n<p>Літери на цих чорних табличках були дуже гарні та приємні, написані явно з почуттями. В цих, на відміну від друкованих, хоч і написані лише назви, але відчувається справжність. А розміщення не на стійках, самих деревах робить їх нюансними не нав’язливими деталями.<\/p>\n<p>Я спитав у робітниць, звідки таблички, і мені сказали, що колись давно в них працювала художниця, вона і малювала. Але потім майже всі позамінювали друкованими.<\/p>\n<p>Я б для таких живих місць робив тільки б написані від руки, хоч це і багато роботи.<\/p>\n",
            "date_published": "2023-07-11T17:14:53+02:00",
            "date_modified": "2023-07-11T17:14:47+02:00",
            "tags": [
                "дизайн",
                "цікавинки"
            ],
            "image": "https:\/\/blog-archive.alexkolodko.com\/pictures\/IMG_5320.jpg",
            "_date_published_rfc2822": "Tue, 11 Jul 2023 17:14:53 +0200",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "112",
            "_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_5320.jpg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/IMG_5319.jpg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/IMG_5506.jpg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/IMG_5317.jpg"
                ]
            }
        },
        {
            "id": "111",
            "url": "https:\/\/blog-archive.alexkolodko.com\/all\/botsad-concept\/",
            "title": "Ідея-концепт для ботсада",
            "content_html": "<p>Полюбляю малювати літери і виникла така ідея-концепт, натхненний малюнком українського авангардиста Василя Єрмілова (остання картинка). Потенційно з цього вийшов би яскравий і різноманітний стиль для ботанічного саду.\u2028<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/Botsad-1.png\" width=\"1520\" height=\"1237\" alt=\"\" \/>\n<\/div>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/Botsad-2-Listivka.jpg\" width=\"2560\" height=\"1920\" alt=\"\" \/>\n<\/div>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/Botsad-3-Futbolka.jpg\" width=\"2560\" height=\"1829\" alt=\"\" \/>\n<\/div>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/Botsad-4-Ekosumka.jpg\" width=\"2560\" height=\"2560\" alt=\"\" \/>\n<\/div>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/Botsad-5-Futbolka.jpg\" width=\"1920\" height=\"1280\" alt=\"\" \/>\n<\/div>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/Botsad-6-Telefon.jpg\" width=\"2560\" height=\"1706\" alt=\"\" \/>\n<\/div>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/Botsad-7-Chashki.jpg\" width=\"2000\" height=\"2500\" alt=\"\" \/>\n<\/div>\n<div class=\"e2-text-picture\">\n<div class=\"fotorama\" data-width=\"1520\" data-ratio=\"1.2287793047696\">\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/Botsad-Eskizi-1.png\" width=\"1520\" height=\"1237\" alt=\"\" \/>\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/Botsad-Eskizi-2.png\" width=\"1520\" height=\"1237\" alt=\"\" \/>\n<\/div>\n<div class=\"e2-text-caption\">Ескізи<\/div>\n<\/div>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/Vasil-YErmilov.-Chervona-Ukraina-(1920).jpeg\" width=\"450\" height=\"330\" alt=\"\" \/>\n<div class=\"e2-text-caption\">Василь Єрмілов. Червона Україна (1920)<\/div>\n<\/div>\n<p><a href=\"https:\/\/www.dropbox.com\/sh\/nqlcliscem5bj8b\/AAAk6107Zm4alsewaRdIMZ0ma?dl=0\">Хайрези<\/a><\/p>\n<p><hr><br \/>\n\u2028\u2028Спочатку це була ідея для лого ОСББ у ЖК Місто квітів. Але не зайшов.<\/p>\n<div class=\"e2-text-picture\">\n<div class=\"fotorama\" data-width=\"2560\" data-ratio=\"1.3996719518863\">\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/Tshirt.jpg\" width=\"2560\" height=\"1829\" alt=\"\" \/>\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/OSBB-MK---Logo.png\" width=\"1777\" height=\"2400\" alt=\"\" \/>\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/ecobag.jpg\" width=\"1030\" height=\"1500\" alt=\"\" \/>\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/mugs-1.jpg\" width=\"2000\" height=\"2500\" alt=\"\" \/>\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/Phone-Case.jpg\" width=\"2560\" height=\"1706\" alt=\"\" \/>\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/tshirt-woman-2.jpg\" width=\"1920\" height=\"1280\" alt=\"\" \/>\n<\/div>\n<\/div>\n",
            "date_published": "2023-07-08T22:19:46+02:00",
            "date_modified": "2023-07-08T22:19:38+02:00",
            "tags": [
                "дизайн",
                "концепт"
            ],
            "image": "https:\/\/blog-archive.alexkolodko.com\/pictures\/Botsad-1.png",
            "_date_published_rfc2822": "Sat, 08 Jul 2023 22:19:46 +0200",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "111",
            "_e2_data": {
                "is_favourite": false,
                "links_required": [
                    "jquery\/jquery.js",
                    "fotorama\/fotorama.css",
                    "fotorama\/fotorama.js"
                ],
                "og_images": [
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/Botsad-1.png",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/Botsad-2-Listivka.jpg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/Botsad-3-Futbolka.jpg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/Botsad-4-Ekosumka.jpg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/Botsad-5-Futbolka.jpg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/Botsad-6-Telefon.jpg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/Botsad-7-Chashki.jpg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/Botsad-Eskizi-1.png",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/Botsad-Eskizi-2.png",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/Vasil-YErmilov.-Chervona-Ukraina-(1920).jpeg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/Tshirt.jpg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/OSBB-MK---Logo.png",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/ecobag.jpg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/mugs-1.jpg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/Phone-Case.jpg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/tshirt-woman-2.jpg"
                ]
            }
        },
        {
            "id": "109",
            "url": "https:\/\/blog-archive.alexkolodko.com\/all\/bad-rutenia\/",
            "title": "Як гарні ідеї перетворюють на шкідливі",
            "content_html": "<p>Бувають дуже гарні та цікаві проєкти самі по собі, але спільнота чи окремі автори настільки звеличують цю ідею, що це починає викликати відразу та нагадувати клуб міських божевільних.<\/p>\n<p>Так і проєктом Рутенія. Цей проєкт є дуже цікавим дослідженням історії кирилки та заслуговує на відзнаки. Але є автор і спільнота навколо нього, які згодом почали критикувати абсолютно всю сучасну кирилку, яка не є Рутенією, та називати все це «московськими шрифтами» усіляко зневажливо на це вказуючи авторам українських шрифтів (зустрічав і такі коментарі пана Чебаника). Хоча сучасна кирилиця не є московською, а Рутенія не є єдиновірної графікою української мови.<\/p>\n<p>І ладно, коли це якась локальна група по інтересах, між собою можна обговорювати все що завгодно. Але іноді це переростає у відверте шкідництво.<\/p>\n<div class=\"e2-text-picture\">\n<div class=\"fotorama\" data-width=\"1406\" data-ratio=\"1.0469099032018\">\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/bad-rutenia-1.png\" width=\"1406\" height=\"1343\" alt=\"\" \/>\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/bad-rutenia-2.png\" width=\"1382\" height=\"1150\" alt=\"\" \/>\n<\/div>\n<div class=\"e2-text-caption\">Пост у фейсбуці<\/div>\n<\/div>\n<p><a href=\"https:\/\/www.facebook.com\/angelika.korniyenko\/posts\/pfbid0TARt5RUB5Hpk9XJwTaZtKGKdGKP8R6tt81RcpS3kjfT3WgWxYLwg3YKedb99nTj4l\">Ось наочний приклад<\/a>. Спільнота Рутенії усіляко просуває свою ідею щодо «змінення візуального вигляда Києва» на основі цих шрифтів. І які приклади вони приводять? Авжеж це адресні покажчики чи назви станцій метро. Але все ці шрифти Рутенії ні в якому разі не можна використовувати для орієнтування. Бо у навігації є особливі вимоги до читабельності текстів і розпізнаваності написів і літер. Тому не всі стандартні шрифти для цього підходять та існують <a href=\"https:\/\/blog.alexkolodko.com\/all\/wayfinding-fonts\/\">окремі, заточені під навігацію<\/a>.<\/p>\n<p>І Рутенія:<br \/>\n— намагається вводити літери які людям малознайомі → потрібно більше часу на зчитування, що у місті може бути критично;<br \/>\n— це акцидентні шрифти й містять багато зайвих деталей → погіршують читабельність і так незнайомих літер.<\/p>\n<p>І автори або цього не розуміють, або відверто шкодять, коли намагаються це просувати на рівні міст. Вважаю, що дизайн-спільнота має також відстоювати адекватність та легітимність подібних пропозицій.<\/p>\n",
            "date_published": "2023-06-23T14:04:52+02:00",
            "date_modified": "2023-06-23T14:07:50+02:00",
            "tags": [
                "дизайн"
            ],
            "image": "https:\/\/blog-archive.alexkolodko.com\/pictures\/bad-rutenia-1.png",
            "_date_published_rfc2822": "Fri, 23 Jun 2023 14:04:52 +0200",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "109",
            "_e2_data": {
                "is_favourite": false,
                "links_required": [
                    "jquery\/jquery.js",
                    "fotorama\/fotorama.css",
                    "fotorama\/fotorama.js"
                ],
                "og_images": [
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/bad-rutenia-1.png",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/bad-rutenia-2.png"
                ]
            }
        },
        {
            "id": "108",
            "url": "https:\/\/blog-archive.alexkolodko.com\/all\/rozmova-z-kirilom-onatskim\/",
            "title": "Розмова з Кирилом Онацьким",
            "content_html": "<p>Поговорили з Кирилом Онацьким (робив концепт бренду Житомира) про те, як дизайн впливає на місто, навіщо містам брендинг та трохи про автоматизацію дизайну.<\/p>\n<div class=\"e2-text-video\">\n<iframe src=\"https:\/\/www.youtube.com\/embed\/gACm_ifxr8k?enablejsapi=1\" allow=\"autoplay\" frameborder=\"0\" allowfullscreen><\/iframe>\n<\/div>\n",
            "date_published": "2023-06-21T14:15:35+02:00",
            "date_modified": "2023-06-21T14:15:32+02:00",
            "tags": [
                "дизайн"
            ],
            "image": "https:\/\/blog-archive.alexkolodko.com\/pictures\/remote\/youtube-gACm_ifxr8k-cover.jpg",
            "_date_published_rfc2822": "Wed, 21 Jun 2023 14:15:35 +0200",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "108",
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": [
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/remote\/youtube-gACm_ifxr8k-cover.jpg"
                ]
            }
        },
        {
            "id": "79",
            "url": "https:\/\/blog-archive.alexkolodko.com\/all\/brandbooks-of-the-feature\/",
            "title": "Брендбуки майбутнього",
            "content_html": "<p>Спочатку брендбуки були паперовими фізичними виданнями, де на сітці малювали логотипи, щоб потім інші по сітці могли їх відтворювати. Потім з появою комп’ютерів брендбуки стали цифровими, але так і лишились у вигляді зверстаного PDF + додаткової теки десь у хмарі зі всіма матеріалами. Буває так що іноді частина матеріалів губиться і нові працівники не завжди знають, що і де було, залежно від ступеня безладу у компанії.<\/p>\n<p>Просунуті компанії всі ці матеріали викладають десь на своєму сайті на окремому піддомені та просто дають посилання. Подекуди стайлгайди роблять у Фігмі та дають посилання на цей робочий файл.<\/p>\n<p>Є навіть вже різні сервіси, які намагаються переосмислити брендбуки: створити якийсь «зовсім новий» формат подачі тієї самої інформації про кольори, шрифти, картинки, з можливістю завантажити логотип або палітри для роботи.<\/p>\n<p>Зібрав посилання на різні такі сервіси:<\/p>\n<ul>\n<li><a href=\"https:\/\/standards.site\">standards.site<\/a><\/li>\n<li><a href=\"create.brandpad.io\/brands\"> create.brandpad.io\/brands<\/a><\/li>\n<li><a href=\"gingersauce.co\">gingersauce.co<\/a><\/li>\n<li><a href=\"zebranding.com\">zebranding.com<\/a><\/li>\n<li><a href=\"myventure.io\">myventure.io<\/a><\/li>\n<li><a href=\"www.corebook.io\">www.corebook.io<\/a><\/li>\n<li><a href=\"brandbuilder.ai\">brandbuilder.ai<\/a><\/li>\n<li><a href=\"bynder.com\">bynder.com<\/a><\/li>\n<li><a href=\"www.brandmaster.com\/platform\/brand-hub\"> www.brandmaster.com\/platform\/brand-hub<\/a><\/li>\n<li><a href=\"www.logaster.com\/brand-guidelines\">www.logaster.com\/brand-guidelines<\/a><\/li>\n<li><a href=\"www.tailorbrands.com\/products\/brand-book\">www.tailorbrands.com\/products\/brand-book<\/a><\/li>\n<li><a href=\"www.canva.com\/presentations\/templates\/brand-guidelines\">www.canva.com\/presentations\/templates\/brand-guidelines<\/a><\/li>\n<\/ul>\n<p>Вважаю, що всі ці формати брендбуків вже застаріли, оскільки вони про одне і те саме — вони розповідають що і як треба робити, аби відтворити задум дизайнерів. Відрізняється лише формат подачі.<\/p>\n<p>Брендбук майбутнього має не просто казати який набір дій треба провести, а стати інструментом який буде відтворювати макети за заданими правилами. Не розповідати як змакетувати візитівку або бейдж, а дати ввести ім’я та отримати готовий макет зроблений за всіма правилами, як і задумали дизайнери. Тоді брендбук з розповіді перетворюється на повноцінний робочий інструмент.<\/p>\n<p>Треба макет продукції — додаємо генератор таких макетів, потрібен згенерований паттерн для смм — додаємо конструктор паттернів по заданому шаблону і так далі.<\/p>\n<p>А вже для створення нових сутностей або продуктів на основі гайдлайнів можна залучати дизайнерів.<\/p>\n",
            "date_published": "2022-11-04T21:50:58+02:00",
            "date_modified": "2022-11-04T21:50:54+02:00",
            "tags": [
                "дизайн"
            ],
            "_date_published_rfc2822": "Fri, 04 Nov 2022 21:50:58 +0200",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "79",
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": []
            }
        },
        {
            "id": "54",
            "url": "https:\/\/blog-archive.alexkolodko.com\/all\/bikesharing-pickup-points\/",
            "title": "Місце паркування самокатів",
            "content_html": "<p>Влітку 2021 року на прохання Віталія Селика розробив знак для місць паркування електросамокатів. Київ тоді як раз підписав меморандум зі всіма сервісами прокату самокатів, щоб вони розміщували та збирали самокати у таких точках і щоб вони не були розкидані по всіх вулицях. Наживо побачив їх тільки під кінець року і тільки в центрі, а наскільки їх розповсюдили далі не знаю.<\/p>\n<p>Завантажити значок у PDF, EPS або SVG: <a href=\"https:\/\/www.dropbox.com\/sh\/dswdaranqxvkoex\/AADJS8oSobOgtJ2ONy55d-eVa?dl=0\">https:\/\/www.dropbox.com\/sh\/dswdaranqxvkoex\/AADJS8oSobOgtJ2ONy55d-eVa?dl=0<\/a><\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/photo_2022-10-07-00.20.49.jpeg\" width=\"1280\" height=\"960\" alt=\"\" \/>\n<\/div>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/photo_2022-10-07-00.20.52.jpeg\" width=\"1280\" height=\"712\" alt=\"\" \/>\n<\/div>\n",
            "date_published": "2022-10-06T23:22:34+02:00",
            "date_modified": "2022-10-06T23:22:34+02:00",
            "tags": [
                "департамент дизайну",
                "дизайн",
                "проекти"
            ],
            "image": "https:\/\/blog-archive.alexkolodko.com\/pictures\/photo_2022-10-07-00.20.49.jpeg",
            "_date_published_rfc2822": "Thu, 06 Oct 2022 23:22:34 +0200",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "54",
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": [
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/photo_2022-10-07-00.20.49.jpeg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/photo_2022-10-07-00.20.52.jpeg"
                ]
            }
        },
        {
            "id": "57",
            "url": "https:\/\/blog-archive.alexkolodko.com\/all\/roadua-font\/",
            "title": "Дорожній шрифт",
            "content_html": "<p>Вважаю однією з перемог це зміна дорожнього шрифти, який увійшов у новий ДСТУ 4100 в 2021 році. Пам’ятаю нерозуміння частини людей дотичних до проєкту (особливо з ДержЖорНДІ, які саме розробляють дорожні стандарти) навіщо змінювати шрифти. Аргументи були, що той шрифт вже багато років існує, люди до нього звикли і зміна може бути навіть небезпечною та створювати ДТП.<\/p>\n<p>Таке враження, ніби існує «презумпція нормальності» тих норм, що існують, і їм ніякі докази не потрібні. І не важливо, чи було щось розроблено 50+ років тому.<\/p>\n<p>Частково рішення змінити шрифт було політичним, аби ще далі піти від стандартів СРСР та росії, щоб нас об’єднувало в один простір на одну річ менше.<\/p>\n<p>Частково рішення було суто практичним, оскільки старий шрифт був заточений під написи ПРОПИСНИМИ, а цей під рядкові з першою прописною. Плюс ще дуже важливо було зробити цей шрифт безкоштовним та загальнодоступним, бо існує проблема коли знаки набираються іншими шрифтами (зазвичай Arial) на етапі виробництва. Є гіпотеза що це через те, що той дорожній шрифт ніде не можна було знайти, а контролюють вироблені знаки не завжди. Таким чином шрифт не потрібно десь шукати на піратських сайтах і простіше його просто завантажити та набрати все, як треба.<\/p>\n<p>Зустрічаю останній рік вже багато знаків, хоч іноді дуже дивних, але з новим шрифтом і дуже тішусь, що вдалося провести цю зміну. І ось побачив дуже красномовне фото зі звільненої Харківщини, яке тільки додає впевненості, що це було правилье рішення.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/307300860_602109984833865_4523466106103456522_n.jpg\" width=\"1585\" height=\"1034\" alt=\"\" \/>\n<div class=\"e2-text-caption\">Фото <a href=\"https:\/\/www.facebook.com\/photo\/?fbid=602109988167198&set=a.577378107307053\">Рубрика, 16 вересня 2022<\/a><\/div>\n<\/div>\n",
            "date_published": "2022-09-18T23:29:00+02:00",
            "date_modified": "2022-10-06T23:31:20+02:00",
            "tags": [
                "дизайн",
                "проекти"
            ],
            "image": "https:\/\/blog-archive.alexkolodko.com\/pictures\/307300860_602109984833865_4523466106103456522_n.jpg",
            "_date_published_rfc2822": "Sun, 18 Sep 2022 23:29:00 +0200",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "57",
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": [
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/307300860_602109984833865_4523466106103456522_n.jpg"
                ]
            }
        },
        {
            "id": "56",
            "url": "https:\/\/blog-archive.alexkolodko.com\/all\/adobe-kupila-figma-za-20-mlrd\/",
            "title": "Adobe купила Figma за $20 млрд",
            "content_html": "<p>Чогось через цю новину всі дизайнери шуткують, що тепер і Фігма почне вилітати, як всі програми Адоб. Хоча насправді може ця співпраця тісніше інтегрує Фігму в усю екосистему Адоба і можна буде швидко переносити та підключати psd чи ai файли у Фігму, користуватись всіма шрифтами з бібліотеки чи адобівським фотостоком. Або у Фігмі зроблять нормальну роботу з друком та CMYK, що дозволить робити там крім інтерфейсів і багато друкованих макетів.<\/p>\n<p>Я не бачу, щоб всі масово пересіли з Фотошопу, наприклад, на Pixelmator, хоча той працює набагато швидше і має більше фіч. Або перейшли на трійку програм Affinity, хоча ніби вони як раз вже альтернатива PS, AI та ID. Все ж зв’язана екосистема вирішує, хоча монополія веде до стагнації і занепаду, а нові зручні інструменти не з’являються.<\/p>\n<p>Так само я колись працював у Corel Draw більше ніж 8 років і досі вважаю його кращим редактором для роботи з вектором. Проте я з нього вимушено перейшов на AI в першу чергу через роботу команди, в якій всі були на Адоб, а в другу через те що купив Мак, а на нього Корелу тоді не було. З того часу мої постійні інструменти це AI та ID, зі всіма їх недоліками та іноді корявими інтерфейсами.<\/p>\n",
            "date_published": "2022-09-15T23:25:00+02:00",
            "date_modified": "2022-10-06T23:25:55+02:00",
            "tags": [
                "figma",
                "дизайн"
            ],
            "_date_published_rfc2822": "Thu, 15 Sep 2022 23:25:00 +0200",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "56",
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": []
            }
        },
        {
            "id": "51",
            "url": "https:\/\/blog-archive.alexkolodko.com\/all\/arrows-legiibility\/",
            "title": "Дослідження читабельності\/розпізнаваності стрілок на знаках",
            "content_html": "<p>Порівняння відстаней, з яких зчитуються різні форми стрілок. Найбільш розпізнавані з більшох відстані — шевронні стрілки с широкими «вусами».<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/Screenshot-2022-09-07-at-11.59.05.png\" width=\"1578\" height=\"956\" alt=\"\" \/>\n<\/div>\n<p>2004 рік. Джерело: <a href=\"https:\/\/www.researchgate.net\/publication\/245560609_New_Font_and_Arrow_for_National_Park_Service_Guide_Signs\">https:\/\/www.researchgate.net\/publication\/245560609_New_Font_and_Arrow_for_National_Park_Service_Guide_Signs<\/a><\/p>\n<p>Взагалі у стрілок є два важливі параметри, які впливають на їхню читабельність:<\/p>\n<ul>\n<li>Ніжка має бути довшою за кожне «вусо», стрілка стає більш видовженою і цим підказує куди вона повернута.<\/li>\n<li>«Вуса» мають явно віступати від ніжки, тоді при розфокусованому зорі буде видно, де більша візуальна маса і де напрямок.<\/li>\n<\/ul>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/Screenshot-2022-09-07-at-12.04.52.png\" width=\"1082\" height=\"648\" alt=\"\" \/>\n<\/div>\n",
            "date_published": "2022-09-06T23:14:00+02:00",
            "date_modified": "2022-10-06T23:14:31+02:00",
            "tags": [
                "дизайн",
                "дослідження",
                "цікавинки"
            ],
            "image": "https:\/\/blog-archive.alexkolodko.com\/pictures\/Screenshot-2022-09-07-at-11.59.05.png",
            "_date_published_rfc2822": "Tue, 06 Sep 2022 23:14:00 +0200",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "51",
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": [
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/Screenshot-2022-09-07-at-11.59.05.png",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/Screenshot-2022-09-07-at-12.04.52.png"
                ]
            }
        },
        {
            "id": "50",
            "url": "https:\/\/blog-archive.alexkolodko.com\/all\/bad-poznyaki\/",
            "title": "Відремонтований вхід у метро Позняки",
            "content_html": "<p>Навіяно вчорашнім постом про відкриття відремонтованого виходу на Позняках коштом приватного інвестора.<\/p>\n<p>Як написали у комментарях про цей дивовижний кейс столиці з 70 міліардним річним бюджетом:<br \/>\n<i>Знадобився цілий Dragon Capital щоб прибрати два кіоска і обшити вагонкою стіну біля входу в перехід. Неймовірно)<\/i><\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/bad-poznyaki.jpg\" width=\"799\" height=\"1241\" alt=\"\" \/>\n<\/div>\n<p>А якщо бути душнілою, то варто зазначити, що окрім мафів там взагалі-то був інформаційний знак, який казав що це не просто метро і просто Позняки, а що це зелена гілка М3 та був вказаний номер виходу, який важливий для орієнтування, а також повністю відсутня транслітерація, яка має допомагати іноземцям.<\/p>\n<p>А ще мені потім скинули прям живе фото звідти, на якому видно, що написи вдень без підсвітки виглядають дуже неконтрастними, а тому можуть бути недоступними для людей зі слабким зором.<\/p>\n<div class=\"e2-text-picture\">\n<div class=\"fotorama\" data-width=\"1280\" data-ratio=\"1.3333333333333\">\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/photo_2022-10-07-00.09.35.jpeg\" width=\"1280\" height=\"960\" alt=\"\" \/>\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/photo_2022-10-07-00.09.34.jpeg\" width=\"960\" height=\"1280\" alt=\"\" \/>\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/photo_2022-10-07-00.09.36.jpeg\" width=\"960\" height=\"1280\" alt=\"\" \/>\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/photo_2022-10-07-00.09.38.jpeg\" width=\"1280\" height=\"960\" alt=\"\" \/>\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/photo_2022-10-07-00.09.39.jpeg\" width=\"1280\" height=\"960\" alt=\"\" \/>\n<\/div>\n<\/div>\n<p>Прикро, що красиві картинки з підсвіченими літерами по центру явно більш важливі, ніж якась єдина система навігації у місті.<\/p>\n<p>Що казати про місто, в якому головний архітектор для мера малює туалети у парках, що ремонтуються і з пафосом відкриваються.<\/p>\n",
            "date_published": "2022-09-05T23:10:00+02:00",
            "date_modified": "2022-10-06T23:15:10+02:00",
            "tags": [
                "департамент дизайну",
                "дизайн",
                "місто"
            ],
            "image": "https:\/\/blog-archive.alexkolodko.com\/pictures\/bad-poznyaki.jpg",
            "_date_published_rfc2822": "Mon, 05 Sep 2022 23:10:00 +0200",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "50",
            "_e2_data": {
                "is_favourite": false,
                "links_required": [
                    "jquery\/jquery.js",
                    "fotorama\/fotorama.css",
                    "fotorama\/fotorama.js"
                ],
                "og_images": [
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/bad-poznyaki.jpg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/photo_2022-10-07-00.09.35.jpeg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/photo_2022-10-07-00.09.34.jpeg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/photo_2022-10-07-00.09.36.jpeg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/photo_2022-10-07-00.09.38.jpeg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/photo_2022-10-07-00.09.39.jpeg"
                ]
            }
        },
        {
            "id": "48",
            "url": "https:\/\/blog-archive.alexkolodko.com\/all\/dizayn-konveyer-avtomatizaciya-roboti-ta-masoviy-dizayn-lekciya\/",
            "title": "Дизайн-конвеєр: автоматизація роботи та масовий дизайн (лекція)",
            "content_html": "<p>Взяв участь у <a href=\"https:\/\/cases.media\/creativepractice\/marathon\">Марафоні Креативної практики<\/a> від Cases на підтримку ЗСУ, та записав лекцію про автоматизацію дизайну, дизайн-конвеєр та можливість створювати масовий дизайн. А взагалі це про підвищення власної продуктивності і цінності, як спеціаліста.<\/p>\n<p>По-перше, в основі продуктивної роботи лежить просунуте знання можливостей робочих інструментів (як і що робити швидше), вивчення нових інструментів у зв’язці з робочими (гугл-таблиці, термінальні команди тощо) та створення своїх інструментів під задачі (форматування даних, генератори макетів тощо). Розповідаю на прикладі дизайну паркувальних табличок та інших навігаційних проєктів, в яких кількість макетів легко може сягати 500+ шт.<\/p>\n<p>По-друге, щоб почати робити велику кількість макетів, потрібно подивитись на процес дизайну, як на алгоритм і створити конвеєр, на якому можна автоматизовувати якусь окрему частину створення макета та робити це швидко і багато. Наприклад, згенерувати 3000+ qr-кодів та вставити їх у макети в Індизайні.<\/p>\n<p>Подивитись лекцію можна на ютуб-каналі Креативної практики:<\/p>\n<div class=\"e2-text-video\">\n<iframe src=\"https:\/\/www.youtube.com\/embed\/YkFWijLZDvg?enablejsapi=1\" allow=\"autoplay\" frameborder=\"0\" allowfullscreen><\/iframe>\n<\/div>\n<p>Або на сторінці марафону: <a href=\"https:\/\/cases.media\/creativepractice\/marathon\">https:\/\/cases.media\/creativepractice\/marathon<\/a><\/p>\n<p>Ставайте крутішими спеціалістами та зробіть переказ в один з фондів на підтримку ЗСУ для наближення нашої перемоги ✊🇺🇦<\/p>\n",
            "date_published": "2022-08-01T22:58:00+02:00",
            "date_modified": "2022-10-06T23:15:58+02:00",
            "tags": [
                "автоматизація",
                "дизайн",
                "лекція"
            ],
            "image": "https:\/\/blog-archive.alexkolodko.com\/pictures\/remote\/youtube-YkFWijLZDvg-cover.jpg",
            "_date_published_rfc2822": "Mon, 01 Aug 2022 22:58:00 +0200",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "48",
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": [
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/remote\/youtube-YkFWijLZDvg-cover.jpg"
                ]
            }
        },
        {
            "id": "19",
            "url": "https:\/\/blog-archive.alexkolodko.com\/all\/ne-provodte-konkursi-na-dizayn\/",
            "title": "(Не)Проводьте конкурси на дизайн",
            "content_html": "<p>Старий пост, написаний для <a href=\"http:\/\/blog.a3.kyiv.ua\/no-design-contests\/\">блогу Агентів змін<\/a>.<\/p>\n<p><hr><\/p>\n<p>Пост навіяно черговим голосуванням вже Полтавської САД за запропоновані варіанти дизайну знаків на в’їзді у місто. Але за останні роки таких прикладів можна назбирати безліч: від вибору логотипів міст до вибору ліврей поліцейських машин. І кожен раз можна побачити схожу картину: запускається голосування, починається шквал критики у соцмережах, голосування або припиняється або завершується, але і організатори і коментатори вважають іншу сторону мудаками, які нічого не розуміють, а у публічному просторі з’являється не завжди гарний дизайн.<\/p>\n<p>Агентство місцевих доріг Полтавської області проводить голосування за варіант дизайну знаку на в’їзду у Полтаву<\/p>\n<iframe src=\"https:\/\/www.facebook.com\/plugins\/post.php?href=https%3A%2F%2Fwww.facebook.com%2Fpermalink.php%3Fstory_fbid%3D1082012412217582%26id%3D498760853876077&show_text=true&width=500\" width=\"500\" height=\"659\" style=\"border:none;overflow:hidden\" scrolling=\"no\" frameborder=\"0\" allowfullscreen=\"true\" allow=\"autoplay; clipboard-write; encrypted-media; picture-in-picture; web-share\"><\/iframe>\n<p>Тому я хочу поміркувати, чому проводити такі конкурси і голосування — це помилка і не треба так робити. А якщо і робити, то правильно.<\/p>\n<h2>Як виникає проблема<\/h2>\n<p>Зазвичай такі скандали виникають у проектах, які пов’язані з публічним і спільним простором. Найчастіше це стосується логотипів та брендів міст, дизайну будь-яких міських проектів, іноді — архітектури.<\/p>\n<p>Організовують такі події зазвичай комунальні структури або обрані громадою відповідальні, наприклад, мери. І зрозуміло, що вони мають відповідати перед громадою, для якої працюють. Тому у розвинених містах існують механізми партисипації і залучення громадськості під час створення громадських проектів. У нас це громадські слухання, на яких представляють проект чи ініціативу і обговорюють плюси, мінуси та підводні камені. Після чого проект має ставати кращим і допомагати різним групам людей.<\/p>\n<p>Такі слухання потрібно організовувати та модерувати, це потребує ресурсів і це складно. З розповсюдженням інтернету і соцмереж здається, що залучати людей до обговорення стало простіше. І, здається, це шлях до тієї прямої демократії, як під час виборів у парламент.<\/p>\n<p>Здається, все має бути добре. Але чому ж організатори стикаються з критикою і що організатори голосувань роблять не так?<\/p>\n<ul>\n<li>У таких конкурсах і голосуваннях мова йде про публічний простір, яким користуватимуться всі. Це не бар чи ресторан, в якому якщо щось не подобається, то в інший раз ви просто не прийдете і не проголосуєте гривнею. Але між громадою та відповідальними немає такого прямого ланцюжка впливу, а люди хочуть брати участь у житті свого міста, і якщо їм дають такий механізм, вони їм користуються.<\/li>\n<li>У людей не питають їхні потреби, а ставлять перед фактом: ось ми придумали таке. Логічним буде обурення, коли людей не спитали до того, як щось робити.<\/li>\n<li>Недостатня комунікація про завдання, яке потрібно було розв’язати, і на чому базуються всі запропоновані рішення. А якщо люди не розуміють задачу, то не сприймають рішення.<br \/>\nЧасто невідомо, хто автор проекту. Невідомо, хто створював варіанти дизайну і у кого можна поставити всі питання, чому зроблено саме так.<\/li>\n<li>Голосування — це перекладання відповідальності за ухвалені рішення на «умовну більшість». Якщо більшість обрала, то маємо це прийняти і з цим жити. Зазвичай така логіка виникає, коли відповідальна особа не може або боїться ухвалити рішення, яке може комусь не сподобатись, і це буде нести якийсь «політичний» ризик.<\/li>\n<li>Голосування за дизайн не працює. В оцінюванні дизайну зазвичай немає чітких критеріїв оцінки, щоб можна було порахувати, що один варіант краще іншого на 18%. Найбільш професіональну оцінку дизайн-рішенням можуть дати професіонали зі сфери, які розуміють конекст: якість шрифтів можуть найкраще оцінити шрифтові дизайнери, бренд — дизайнери, які розуміються на створенні брендів, тощо.<\/li>\n<\/ul>\n<p>Тому в купі варіант з винесенням на голосування громадою за варіанти дизайну — невдале рішення і результати будуть далекими від найкращих, бо люди обиратимуть знайоме і зрозуміле.<\/p>\n<h2>Ліврея авто патрульної поліції<\/h2>\n<p><i>Під час запуску патрульної поліції e 2015 році МВС вирішило провести конкурс на дизайн ліврей і збирало пропозиції від будь-кого. Потім самі обрали кілька варіантів, підредагували, обклеїли кілька машин, поставили їх на Майдані та розмістили біля них урни. Кожен перехожий міг проголосувати за один з варіантів, так і обрали врешті решт дизайн. У відповідь на такий підхід різні дизайнери викладали свої варіанти у соцмережах. І ці варіанти, на мою думку, були більш продуманими і помітними, яскравими.<\/i><\/p>\n<p>Обраний варіант:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/Sluzhboviy_avtomobil_patrulnoyi_policiyi.jpg\" width=\"1280\" height=\"853\" alt=\"\" \/>\n<\/div>\n<p>Новина у фейсбуці:<\/p>\n<iframe src=\"https:\/\/www.facebook.com\/plugins\/post.php?href=https%3A%2F%2Fwww.facebook.com%2Farsen.avakov.1%2Fposts%2F796268640463244&show_text=true&width=500\" width=\"500\" height=\"790\" style=\"border:none;overflow:hidden\" scrolling=\"no\" frameborder=\"0\" allowfullscreen=\"true\" allow=\"autoplay; clipboard-write; encrypted-media; picture-in-picture; web-share\"><\/iframe>\n<p>Голосування на Майдані:<\/p>\n<div class=\"e2-text-video\">\n<iframe src=\"https:\/\/www.youtube.com\/embed\/0DDVhteN7Rs?enablejsapi=1\" allow=\"autoplay\" frameborder=\"0\" allowfullscreen><\/iframe>\n<\/div>\n<p>Альтернативні варіанти від <a href=\"https:\/\/www.facebook.com\/igor.skliarevsky\/posts\/10153979043174368\">Ігоря Скляревського<\/a> та <a href=\"https:\/\/www.facebook.com\/tohazhukov\/posts\/1605559242989236\">Антона Жукова<\/a>.<\/p>\n<div class=\"e2-text-picture\">\n<div class=\"fotorama\" data-width=\"1200\" data-ratio=\"1.5113350125945\">\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/10960192_1605553872989773_1467201443174695994_o.jpg\" width=\"1200\" height=\"794\" alt=\"\" \/>\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/11024222_1605553812989779_206195955519231233_o.jpg\" width=\"1200\" height=\"809\" alt=\"\" \/>\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/11027968_10153979020184368_6343484241040075117_o.jpg\" width=\"1198\" height=\"710\" alt=\"\" \/>\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/11036085_10153979020179368_2377665607161534541_o.jpg\" width=\"1198\" height=\"710\" alt=\"\" \/>\n<\/div>\n<\/div>\n<h2>Як тоді робити міські проекти<\/h2>\n<p><b>Замовити роботу. <\/b> Найпростіший шлях — замовляти роботу з дизайну у професіоналів. При цьому краще робити роботу відкрито, щоб і виконавцям і відповідальним не було соромно поставити підпис під роботою, а люди могли спитати авторів про все, що їм незрозуміло.<\/p>\n<p><b>Провести відкритий конкурс.<\/b> Інший і довгий шлях — провести відкритий конкурс. При цьому треба займатись його організацією та створити умови, в яких професіоналам буде цікаво взяти участь. Як би по-снобськи не звучало, але професіоналам завжди є чим зайнятись, вони завжди зайняті роботою. Логотипи на фрілансі за 500 гривень можна робити, але чи будуть вони гарними? Зазвичай ні, бо у них не вкладатимуть багато інтелектуальної роботи. Також для конкурсів потрібно створювати журі з професіоналів, які можуть оцінити роботи в реальному  контексті.<\/p>\n<p>Тому конкурси можуть найбільше підходити для створення дуже довготривалих проектів, на роки, як наприклад архітектура будівель чи публічних просторів.<\/p>\n<p>Існує ще альтернативний варіант — конкурс портфоліо. Коли оголошується намір співпрацювати з професіоналами, вони надсилають своє портфоліо і організатор обирає, хто може якнайкраще підійти для розв’язання задачі.<\/p>\n<p><b>Комунікувати.<\/b> У будь-якому з варіантів важливою також є комунікація про сам проект. Варто комунікувати ще до початку будь-яких робіт, так можна привернути увагу спеціалістів та громади до проекту. Під час роботи важливо комунікувати про ухвалені рішення та дати можливість зворотного зв’язку. Частіше комунікувати — краще.<\/p>\n<h3>Пам’ятка, як працювати зі зворотнім зв’язком<\/h3>\n<ul>\n<li>Поважати людей. Люди у більшості не злі і не хочуть зробити боляче, навіть коли пишуть дурню, це не привід їх зневажати.<\/li>\n<li>Шукати раціональне зерно у висловах. У нас немає культури зворотнього зв’язку: люди по-різному формулюють думки, часто не чітко.<\/li>\n<li>Задавати відкриті питання, які починаються зі слів: «що», «як», «який», «скільки» та «чому», щоб дізнатись розгорнуту відповідь.<\/li>\n<li>Не зважати на неаргументовану критику. Так само, як і на неаргументовану підтримку.<\/li>\n<\/ul>\n<h2>Що робити, якщо бюджету немає<\/h2>\n<p>Авжеж проводити таку велику роботу потребує ресурсів та бюджету, тому часто можна почути, що їх немає. І здається, що ніяк інакше робити неможливо: або своїми силами, або платити великі кошти.<\/p>\n<p>Нормально і безкоштовно теж можна зробити, якщо захотіти:<\/p>\n<ul>\n<li>Пошукати нормальних дизайнерів чи агенції та попросити їх про допомогу. Наприклад, можна згадати брендинг київського зоопарку від Fedoriv, або Ukraine Now та NAMU від Банди. Великим агенціям іноді може бути цікаво.<\/li>\n<li>Знайти донорів чи зібрати бюджет спільнокоштом, залучити волонтерів та забезпечити впровадження зробленого. Багато людей насправді раді допомогти.<\/li>\n<li>Звернутись у школу дизайну і зробити роботу, як студентський проект. Яскравий приклад —  школа Projector, в якій студенти розробили нову айдентику для Музею Ханенків та Молодого театру.<\/li>\n<\/ul>\n<div class=\"e2-text-picture\">\n<div class=\"fotorama\" data-width=\"976\" data-ratio=\"1.525\">\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/ukrainenow.jpg\" width=\"976\" height=\"640\" alt=\"\" \/>\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/molodyi.jpg\" width=\"740\" height=\"493\" alt=\"\" \/>\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/namu.jpg\" width=\"1600\" height=\"1052\" alt=\"\" \/>\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/hanenkiv.png\" width=\"1900\" height=\"1058\" alt=\"\" \/>\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/Zoo16.jpg\" width=\"2560\" height=\"1440\" alt=\"\" \/>\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/Zoo17.jpg\" width=\"2560\" height=\"1440\" alt=\"\" \/>\n<\/div>\n<div class=\"e2-text-caption\">Приклади брендингу Ukraine NOW, Молодого театру, NAMU, Музею Ханенків, Київського зоопарку<\/div>\n<\/div>\n<h2>У підсумку<\/h2>\n<p>Не проводьте конкурси з голосуванням в інтернеті. Створюйте разом з професіоналами гарний дизайн та беріть відповідальність за результат. І пам’ятайте: оточення формує свідомість.<\/p>\n",
            "date_published": "2022-05-14T18:25:43+02:00",
            "date_modified": "2022-05-14T18:21:58+02:00",
            "tags": [
                "дизайн",
                "конкурси"
            ],
            "image": "https:\/\/blog-archive.alexkolodko.com\/pictures\/Sluzhboviy_avtomobil_patrulnoyi_policiyi.jpg",
            "_date_published_rfc2822": "Sat, 14 May 2022 18:25:43 +0200",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "19",
            "_e2_data": {
                "is_favourite": false,
                "links_required": [
                    "jquery\/jquery.js",
                    "fotorama\/fotorama.css",
                    "fotorama\/fotorama.js"
                ],
                "og_images": [
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/Sluzhboviy_avtomobil_patrulnoyi_policiyi.jpg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/remote\/youtube-0DDVhteN7Rs-cover.jpg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/10960192_1605553872989773_1467201443174695994_o.jpg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/11024222_1605553812989779_206195955519231233_o.jpg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/11027968_10153979020184368_6343484241040075117_o.jpg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/11036085_10153979020179368_2377665607161534541_o.jpg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/ukrainenow.jpg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/molodyi.jpg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/namu.jpg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/hanenkiv.png",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/Zoo16.jpg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/Zoo17.jpg"
                ]
            }
        },
        {
            "id": "37",
            "url": "https:\/\/blog-archive.alexkolodko.com\/all\/evacuation-plans\/",
            "title": "Дизайн планів евакуації",
            "content_html": "<p>Є річ, яка має бути у кожному публічному приміщенні — плани евакуації при пожежі. Ви напевно бачили такі, на них зображують план приміщення та купу стрілок з кімнат до коридорів, а потім до виходів.<\/p>\n<h2>Проблема<\/h2>\n<p>Основна проблема — майже всі плани зроблені «для галочки», бо їх вимагають пожежники. Наявність планів обов’язкова по стандартах. Чому «для галочки»:<\/p>\n<ul>\n<li>плани ніколи не показують ваше точне місце розташування, по них не можна скласти маршрут;<\/li>\n<li>купа стрілок у різні боки, які нічого не скажуть про потрібний напрямок;<\/li>\n<li>на планах забагато зайвого — якісь елементи конструкцій, меблі та інше, що не допомагає орієнтуватись;<\/li>\n<li>плани у різних будівлях виглядають по різному, хоча їх вигляд та візуальна мова має бути знайомою та зрозумілою (як ті самі дорожні знаки).<\/li>\n<\/ul>\n<div class=\"e2-text-picture\">\n<div class=\"fotorama\" data-width=\"2560\" data-ratio=\"1.3333333333333\">\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/retroville.jpg\" width=\"2560\" height=\"1920\" alt=\"\" \/>\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/river-mall.jpg\" width=\"2560\" height=\"1920\" alt=\"\" \/>\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/noname-plan.jpg\" width=\"1920\" height=\"2560\" alt=\"\" \/>\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/railway-station.jpg\" width=\"2560\" height=\"1920\" alt=\"\" \/>\n<\/div>\n<div class=\"e2-text-caption\">Типові плани евакуації<\/div>\n<\/div>\n<p>Щоб зрозуміти, що зайве, варто замислитись у який ситуації має працювати цей план. 99% часу він просто десь висить у будівлі та стає потрібен вже під час виникнення пожежі та екстреної ситуації. Це вже критичні та стресові умови сприйняття інформації, до цього можуть додаватись ще погане або відсутнє освітлення, задимлення тощо. Тож на сприйняття інформації є досить мало часу. І щоб допомогти у такій ситуації план має:<\/p>\n<ol start=\"1\">\n<li>підказати що робити: натиснути кнопку пожежної тривоги, набрати 101 чи 112, евакуюватись і т. д.;<\/li>\n<li>підказати найближчі шляхи евакуації з цієї конкретної точки.<\/li>\n<\/ol>\n<h2>Що по стандартах<\/h2>\n<p>За плани евакуації в Україні відповідає <a href=\"https:\/\/www.dropbox.com\/s\/1g27an65gml7616\/dstu_iso_23601_2019_%D0%86%D0%94%D0%95%D0%9D%D0%A2%D0%98%D0%A4%D0%86%D0%9A%D0%90%D0%A6%D0%86%D0%AF%20%D0%91%D0%95%D0%97%D0%9F%D0%95%D0%A7%D0%9D%D0%9E%D0%A1%D0%A2%D0%86%20%D0%97%D0%9D%D0%90%D0%9A%D0%98%20%D0%9D%D0%90%20%D0%9F%D0%9B%D0%90%D0%9D%D0%90%D0%A5%20%D0%95%D0%92%D0%90%D0%9A%D0%A3%D0%90%D0%A6%D0%86%D0%87.pdf?dl=0\">ДСТУ ISO 23601:2019 «Ідентифікація безпечності знаки на планах евакуації»<\/a>. Всередині він ще посилається на <a href=\"https:\/\/www.dropbox.com\/s\/jaxciu5y56t2rn9\/dsty_iso_3864-1-2005.pdf?dl=0\">ДСТУ ISO 3864-1:2005<\/a> з описом символів пожежної безпеки. Ще є <a href=\"https:\/\/www.dropbox.com\/s\/3ph6iyfkk505kve\/dstu_poj_zahyst.pdf?dl=0\">ДСТУ ISO 6309:2007<\/a> «Протипожежний захист. Знаки безпеки. Форма та колір», який теж описує пожежні позначки.<\/p>\n<div class=\"e2-text-picture\">\n<div class=\"fotorama\" data-width=\"2480\" data-ratio=\"1.4147176269253\">\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/a2-a3.jpg\" width=\"2480\" height=\"1753\" alt=\"\" \/>\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/a4-1.jpg\" width=\"2480\" height=\"1753\" alt=\"\" \/>\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/2-3.jpg\" width=\"2480\" height=\"1753\" alt=\"\" \/>\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/4-5.jpg\" width=\"2480\" height=\"1753\" alt=\"\" \/>\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/6-7.jpg\" width=\"2480\" height=\"1753\" alt=\"\" \/>\n<\/div>\n<div class=\"e2-text-caption\">ДСТУ ISO 23601:2019 «Ідентифікація безпечності знаки на планах евакуації»<\/div>\n<\/div>\n<p>Якщо почитати стандарт по планах, то він виглядає доволі продуманим. Основні цікаві тези у розділі 5 Вимоги до проєктування:<\/p>\n<ul>\n<li>а) На плані евакуації зазначають точне місцеперебування користувача.<\/li>\n<li>g) План евакуації має бути виконано на фоні білого кольору….<\/li>\n<li>j) Орієнтацію відображуваного плану має бути пов’язано з користувачем так, щоб розташування ліворуч від плану перебувало ліворуч від користувача, а розташування справа від плану — праворуч від користувача.<\/li>\n<li>m) Плани евакуації повинні мати заголовок, охоплюючи слова «план евакуації», мовою(-ами) країн, якою(-ими) цей план використовують.<\/li>\n<\/ul>\n<p>Тобто це дуже притомні та логічні вимоги: показати де ви зараз і усіляко допомогти знайти вихід, наприклад, повертати план приміщення так, щоб він був повернутий у напрямку руху, що <a href=\"https:\/\/agentyzmin.medium.com\/карта-нетрадиційної-орієнтації-923c53e5d226\">як ми знаємо<\/a>, полегшує сприйняття будь-якої карти. А також показати лише необхідні напрямки до виходів.<\/p>\n<p>З конкретики є ще:<\/p>\n<ul>\n<li>розміри ліній: 1,6 мм для носійних конструкції, 0,6 мм для перегородок та 0,15 для інших дрібниць;<\/li>\n<li>розмір піктограм — мінімум 7×7 мм<\/li>\n<li>зелений колір для стрілок та світло-зелений для проходів для евакуації<\/li>\n<li>синій колір для позначки «Ви тут»<\/li>\n<\/ul>\n<p>З дивних вимог — зелений колір та зафіксована величина заголовку. Не зрозуміло, нащо так, якщо достатньо виділити сам заголовок.<\/p>\n<p>У самому ДСТУ є приклади планів, що виглядають кращими ніж більшість реальних планів:<\/p>\n<p>До плану ще має бути список дій при пожежі, тільки не написано, який саме. Тож список можна написати по-людськи. Зазвичай він виглядає так, як фраза «відрекомендуйтесь». Але можна і малювати план зрозуміло, і написати спрощений список дій.<\/p>\n<h2>Як робити<\/h2>\n<p>Можна процес спростити до кількох дій:<\/p>\n<ol start=\"1\">\n<li>Максимально спростити наявний архітектурний план приміщень: прибрати все, що не допомагає сприйняти простір (меблі, якісь позначки тощо)<\/li>\n<li>Обернути план у напрямку погляда глядача: праворуч на плані має бути те що праворуч від людини, це дуже спростить сприйняття простору.<\/li>\n<li>Відмітити місце знаходження людини на плані. Воно може бути синім, як написано у ДСТУ, головне щоб відрізнялось від інших позначок.<\/li>\n<li>Виділити зеленим коридори, якими може скористатись людина<\/li>\n<li>Стрілками показати тільки 1-2 маршрути від цієї точки до виходу, інші позначки не потрібні.<\/li>\n<\/ol>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/FirePlan-Both-6Floor.jpg\" width=\"2560\" height=\"1093\" alt=\"\" \/>\n<\/div>\n<p>Для коворкінгу Peremoga взяли запропоновані спеціалістами плани, додали англійську мову, бо у коворкінгу є відвідувачі іноземці. Взяли мінімально допустимий формат — А4, але краще робити хоча б А3, розмір тексту буде більш читабельний. А потім ще винесли окремо дії при пожежі та зробили шрифт ще більше.<\/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\/IMG_8568.jpg\" width=\"2400\" height=\"1800\" alt=\"\" \/>\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/IMG_8588.jpg\" width=\"2400\" height=\"1800\" alt=\"\" \/>\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/IMG_8589.jpg\" width=\"2400\" height=\"1800\" alt=\"\" \/>\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/IMG_8809.jpg\" width=\"2400\" height=\"1800\" alt=\"\" \/>\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/IMG_8810.jpg\" width=\"2400\" height=\"1800\" alt=\"\" \/>\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/IMG_8811.jpg\" width=\"2400\" height=\"1800\" alt=\"\" \/>\n<\/div>\n<div class=\"e2-text-caption\">Плани евакуації Peremoga Space<\/div>\n<\/div>\n<p>Ще гарний приклад плану евакуації, який я зустрічав — магазин Всі.Свої.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/Vsi-Svoyi.jpg\" width=\"1210\" height=\"917\" alt=\"\" \/>\n<div class=\"e2-text-caption\">Всі.Свої на Хрещатику 34<\/div>\n<\/div>\n",
            "date_published": "2021-09-14T16:34:51+02:00",
            "date_modified": "2021-09-14T16:35:19+02:00",
            "tags": [
                "дизайн",
                "робота"
            ],
            "image": "https:\/\/blog-archive.alexkolodko.com\/pictures\/dstu-1.png",
            "_date_published_rfc2822": "Tue, 14 Sep 2021 16:34:51 +0200",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "37",
            "_e2_data": {
                "is_favourite": false,
                "links_required": [
                    "jquery\/jquery.js",
                    "fotorama\/fotorama.css",
                    "fotorama\/fotorama.js"
                ],
                "og_images": [
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/dstu-1.png",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/dstu-2.png",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/dstu-3.png",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/dstu-4.png",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/dstu-5.png",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/dstu-6.png",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/dstu-7.png",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/dstu-8.png",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/dstu-9.png",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/dstu-10.png",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/dstu-11.png",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/dstu-12-example.png",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/dstu-13-example.png",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/dstu-14-example.png",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/dstu-15-example.png",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/dstu-16.png",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/retroville.jpg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/river-mall.jpg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/noname-plan.jpg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/railway-station.jpg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/a2-a3.jpg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/a4-1.jpg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/2-3.jpg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/4-5.jpg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/6-7.jpg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/FirePlan-Both-6Floor.jpg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/IMG_8568.jpg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/IMG_8588.jpg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/IMG_8589.jpg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/IMG_8809.jpg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/IMG_8810.jpg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/IMG_8811.jpg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/Vsi-Svoyi.jpg"
                ]
            }
        },
        {
            "id": "35",
            "url": "https:\/\/blog-archive.alexkolodko.com\/all\/mass-rename\/",
            "title": "Масове переіменування файлів",
            "content_html": "<p>У продовження<a href=\"https:\/\/blog.alexkolodko.com\/all\/design-bruteforce\/\"> попередньої теми<\/a>: коли ми отримуємо безліч макетів, то для кращого орієнтування їх потрібно зрозуміло всі переназвати.<\/p>\n<p>Стандартний інструмент МакОС дає можливість дуже обмежено або замінити частину назви або задати у певному форматі. Але ця функція не гнучка.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/rename-macos.png\" width=\"1002\" height=\"306\" alt=\"\" \/>\n<\/div>\n<h2>Automator<\/h2>\n<p>Наприклад, для паркувальних табличок логічним був би формат<\/p>\n<pre>А1001<\/pre>\n<p>по номеру майданчика. Стандартними інструментами неможливо додати нумерацію з нулями на початку (від 001 до 999). Але на допомогу в такій ситуації приходить маківський Автоматор. У ньому як раз дуже цікава функція — Rename Finder Items. У ньому можна обрати Make Sequential, який і дозволить задати необхідний нам формат за допомогою чекбоксу «Make all numbers _ digits long», щоб усі номери складались з трьох цифр включно з нулями.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/rename-automator-1.png\" width=\"1800\" height=\"1376\" 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\/rename-automator-2.png\" width=\"1800\" height=\"1422\" alt=\"\" \/>\n<div class=\"e2-text-caption\">Вибір збереженого воркфлоу з контекстного меню<\/div>\n<\/div>\n<p>UPD: <a href=\"https:\/\/t.me\/alexkolodko1\/351\">у телеграмі<\/a> відповідаючи на питання показав, як можна зробити автоматичне перейменування через quick action та зробити автоматизацію для теки:<\/p>\n<div class=\"e2-text-video\">\n<iframe src=\"https:\/\/www.youtube.com\/embed\/RLHfAcvF_6E?enablejsapi=1\" allow=\"autoplay\" frameborder=\"0\" allowfullscreen><\/iframe>\n<div class=\"e2-text-caption\">Автоматичне перейменування файлів<\/div>\n<\/div>\n<h2>bash<\/h2>\n<p>Переіменувати по днях року стандартними інструментами виявилось геть неможливо, а перейменовувати по місяцях вручну це знову ж не для лінивих, особливо коли це потрібно зробити 9 разів поспіль, а якщо десь у макетах помилка, то перезберігати та перейменовувати буде потрібно наново.<\/p>\n<p>У цьому випадку нам на допомогу приходять bash-скрипти. Я написав <a href=\"https:\/\/github.com\/alexkolodko\/bash-scripts\/blob\/master\/renamer_v2.2.sh\">простий скрипт<\/a>, в якому задав масив всіх дат, а потім скрипт бере кожен файл у теці та перейменовує їх послідовно, як вказано у масиві.<\/p>\n<pre class=\"e2-text-code\"><code class=\"\">#!\/bin\/bash\n\nname_array=(&quot;01-01&quot; &quot;01-02&quot; &quot;01-03&quot; &quot;01-04&quot; &quot;01-05&quot; &quot;01-06&quot; &quot;01-07&quot; &quot;01-08&quot; &quot;01-09&quot; &quot;01-10&quot; &quot;01-11&quot; &quot;01-12&quot; &quot;01-13&quot; &quot;01-14&quot; &quot;01-15&quot; &quot;01-16&quot; &quot;01-17&quot; &quot;01-18&quot; &quot;01-19&quot; &quot;01-20&quot; &quot;01-21&quot; &quot;01-22&quot; &quot;01-23&quot; &quot;01-24&quot; &quot;01-25&quot; &quot;01-26&quot; &quot;01-27&quot; &quot;01-28&quot; &quot;01-29&quot; &quot;01-30&quot; &quot;01-31&quot; &quot;02-01&quot; &quot;02-02&quot; &quot;02-03&quot; &quot;02-04&quot; &quot;02-05&quot; &quot;02-06&quot; &quot;02-07&quot; &quot;02-08&quot; &quot;02-09&quot; &quot;02-10&quot; &quot;02-11&quot; &quot;02-12&quot; &quot;02-13&quot; &quot;02-14&quot; &quot;02-15&quot; &quot;02-16&quot; &quot;02-17&quot; &quot;02-18&quot; &quot;02-19&quot; &quot;02-20&quot; &quot;02-21&quot; &quot;02-22&quot; &quot;02-23&quot; &quot;02-24&quot; &quot;02-25&quot; &quot;02-26&quot; &quot;02-27&quot; &quot;02-28&quot; &quot;02-29&quot; &quot;03-01&quot; &quot;03-02&quot; &quot;03-03&quot; &quot;03-04&quot; &quot;03-05&quot; &quot;03-06&quot; &quot;03-07&quot; &quot;03-08&quot; &quot;03-09&quot; &quot;03-10&quot; &quot;03-11&quot; &quot;03-12&quot; &quot;03-13&quot; &quot;03-14&quot; &quot;03-15&quot; &quot;03-16&quot; &quot;03-17&quot; &quot;03-18&quot; &quot;03-19&quot; &quot;03-20&quot; &quot;03-21&quot; &quot;03-22&quot; &quot;03-23&quot; &quot;03-24&quot; &quot;03-25&quot; &quot;03-26&quot; &quot;03-27&quot; &quot;03-28&quot; &quot;03-29&quot; &quot;03-30&quot; &quot;03-31&quot; &quot;04-01&quot; &quot;04-02&quot; &quot;04-03&quot; &quot;04-04&quot; &quot;04-05&quot; &quot;04-06&quot; &quot;04-07&quot; &quot;04-08&quot; &quot;04-09&quot; &quot;04-10&quot; &quot;04-11&quot; &quot;04-12&quot; &quot;04-13&quot; &quot;04-14&quot; &quot;04-15&quot; &quot;04-16&quot; &quot;04-17&quot; &quot;04-18&quot; &quot;04-19&quot; &quot;04-20&quot; &quot;04-21&quot; &quot;04-22&quot; &quot;04-23&quot; &quot;04-24&quot; &quot;04-25&quot; &quot;04-26&quot; &quot;04-27&quot; &quot;04-28&quot; &quot;04-29&quot; &quot;04-30&quot; &quot;05-01&quot; &quot;05-02&quot; &quot;05-03&quot; &quot;05-04&quot; &quot;05-05&quot; &quot;05-06&quot; &quot;05-07&quot; &quot;05-08&quot; &quot;05-09&quot; &quot;05-10&quot; &quot;05-11&quot; &quot;05-12&quot; &quot;05-13&quot; &quot;05-14&quot; &quot;05-15&quot; &quot;05-16&quot; &quot;05-17&quot; &quot;05-18&quot; &quot;05-19&quot; &quot;05-20&quot; &quot;05-21&quot; &quot;05-22&quot; &quot;05-23&quot; &quot;05-24&quot; &quot;05-25&quot; &quot;05-26&quot; &quot;05-27&quot; &quot;05-28&quot; &quot;05-29&quot; &quot;05-30&quot; &quot;05-31&quot; &quot;06-01&quot; &quot;06-02&quot; &quot;06-03&quot; &quot;06-04&quot; &quot;06-05&quot; &quot;06-06&quot; &quot;06-07&quot; &quot;06-08&quot; &quot;06-09&quot; &quot;06-10&quot; &quot;06-11&quot; &quot;06-12&quot; &quot;06-13&quot; &quot;06-14&quot; &quot;06-15&quot; &quot;06-16&quot; &quot;06-17&quot; &quot;06-18&quot; &quot;06-19&quot; &quot;06-20&quot; &quot;06-21&quot; &quot;06-22&quot; &quot;06-23&quot; &quot;06-24&quot; &quot;06-25&quot; &quot;06-26&quot; &quot;06-27&quot; &quot;06-28&quot; &quot;06-29&quot; &quot;06-30&quot; &quot;07-01&quot; &quot;07-02&quot; &quot;07-03&quot; &quot;07-04&quot; &quot;07-05&quot; &quot;07-06&quot; &quot;07-07&quot; &quot;07-08&quot; &quot;07-09&quot; &quot;07-10&quot; &quot;07-11&quot; &quot;07-12&quot; &quot;07-13&quot; &quot;07-14&quot; &quot;07-15&quot; &quot;07-16&quot; &quot;07-17&quot; &quot;07-18&quot; &quot;07-19&quot; &quot;07-20&quot; &quot;07-21&quot; &quot;07-22&quot; &quot;07-23&quot; &quot;07-24&quot; &quot;07-25&quot; &quot;07-26&quot; &quot;07-27&quot; &quot;07-28&quot; &quot;07-29&quot; &quot;07-30&quot; &quot;07-31&quot; &quot;08-01&quot; &quot;08-02&quot; &quot;08-03&quot; &quot;08-04&quot; &quot;08-05&quot; &quot;08-06&quot; &quot;08-07&quot; &quot;08-08&quot; &quot;08-09&quot; &quot;08-10&quot; &quot;08-11&quot; &quot;08-12&quot; &quot;08-13&quot; &quot;08-14&quot; &quot;08-15&quot; &quot;08-16&quot; &quot;08-17&quot; &quot;08-18&quot; &quot;08-19&quot; &quot;08-20&quot; &quot;08-21&quot; &quot;08-22&quot; &quot;08-23&quot; &quot;08-24&quot; &quot;08-25&quot; &quot;08-26&quot; &quot;08-27&quot; &quot;08-28&quot; &quot;08-29&quot; &quot;08-30&quot; &quot;08-31&quot; &quot;09-01&quot; &quot;09-02&quot; &quot;09-03&quot; &quot;09-04&quot; &quot;09-05&quot; &quot;09-06&quot; &quot;09-07&quot; &quot;09-08&quot; &quot;09-09&quot; &quot;09-10&quot; &quot;09-11&quot; &quot;09-12&quot; &quot;09-13&quot; &quot;09-14&quot; &quot;09-15&quot; &quot;09-16&quot; &quot;09-17&quot; &quot;09-18&quot; &quot;09-19&quot; &quot;09-20&quot; &quot;09-21&quot; &quot;09-22&quot; &quot;09-23&quot; &quot;09-24&quot; &quot;09-25&quot; &quot;09-26&quot; &quot;09-27&quot; &quot;09-28&quot; &quot;09-29&quot; &quot;09-30&quot; &quot;10-01&quot; &quot;10-02&quot; &quot;10-03&quot; &quot;10-04&quot; &quot;10-05&quot; &quot;10-06&quot; &quot;10-07&quot; &quot;10-08&quot; &quot;10-09&quot; &quot;10-10&quot; &quot;10-11&quot; &quot;10-12&quot; &quot;10-13&quot; &quot;10-14&quot; &quot;10-15&quot; &quot;10-16&quot; &quot;10-17&quot; &quot;10-18&quot; &quot;10-19&quot; &quot;10-20&quot; &quot;10-21&quot; &quot;10-22&quot; &quot;10-23&quot; &quot;10-24&quot; &quot;10-25&quot; &quot;10-26&quot; &quot;10-27&quot; &quot;10-28&quot; &quot;10-29&quot; &quot;10-30&quot; &quot;10-31&quot; &quot;11-01&quot; &quot;11-02&quot; &quot;11-03&quot; &quot;11-04&quot; &quot;11-05&quot; &quot;11-06&quot; &quot;11-07&quot; &quot;11-08&quot; &quot;11-09&quot; &quot;11-10&quot; &quot;11-11&quot; &quot;11-12&quot; &quot;11-13&quot; &quot;11-14&quot; &quot;11-15&quot; &quot;11-16&quot; &quot;11-17&quot; &quot;11-18&quot; &quot;11-19&quot; &quot;11-20&quot; &quot;11-21&quot; &quot;11-22&quot; &quot;11-23&quot; &quot;11-24&quot; &quot;11-25&quot; &quot;11-26&quot; &quot;11-27&quot; &quot;11-28&quot; &quot;11-29&quot; &quot;11-30&quot; &quot;12-01&quot; &quot;12-02&quot; &quot;12-03&quot; &quot;12-04&quot; &quot;12-05&quot; &quot;12-06&quot; &quot;12-07&quot; &quot;12-08&quot; &quot;12-09&quot; &quot;12-10&quot; &quot;12-11&quot; &quot;12-12&quot; &quot;12-13&quot; &quot;12-14&quot; &quot;12-15&quot; &quot;12-16&quot; &quot;12-17&quot; &quot;12-18&quot; &quot;12-19&quot; &quot;12-20&quot; &quot;12-21&quot; &quot;12-22&quot; &quot;12-23&quot; &quot;12-24&quot; &quot;12-25&quot; &quot;12-26&quot; &quot;12-27&quot; &quot;12-28&quot; &quot;12-29&quot; &quot;12-30&quot; &quot;12-31&quot;)\ni=0\n\n# New filename\nnewname=$1\n\nif [ ! -n &quot;$newname&quot; ]; then\n\tread -p &quot;Enter new filename: &quot; newname\t\nfi\n\n\n# Find PDF and rename them\nfor pdf_file in $( gls -1v *.pdf ); do\t\t\t\t\t\n\tmv $pdf_file &quot;$newname-${name_array[i]}.pdf&quot;\t\t\n\tlet i=i+1\ndone<\/code><\/pre><p>Саме цей скрипт застосовується у відео зі змінними<\/p>\n<div class=\"e2-text-video\">\n<iframe src=\"https:\/\/www.youtube.com\/embed\/m6HxcWWCFz4?enablejsapi=1\" allow=\"autoplay\" frameborder=\"0\" allowfullscreen><\/iframe>\n<\/div>\n<p><hr><\/p>\n<p>💡Чи потрібно для цього знати bash та вміти програмувати? Ні, не треба. Я і не знаю. головне розуміти як в цілому працює код та програмування. Коли у мене виникає запит на якусь конкретну задачу, то я шукаю, хто вже робив подібні чи схожі скрипти, копіюю знайдене та адаптовую під свою задачу. Дуже допомагає в цьому StackOverflow та різні онлайн пісочниці на кшталт Codepen чи Jsfidlle.<\/p>\n",
            "date_published": "2021-09-13T11:13:57+02:00",
            "date_modified": "2022-10-08T18:17:58+02:00",
            "tags": [
                "automator",
                "mac os x",
                "автоматизация",
                "дизайн"
            ],
            "image": "https:\/\/blog-archive.alexkolodko.com\/pictures\/rename-macos.png",
            "_date_published_rfc2822": "Mon, 13 Sep 2021 11:13:57 +0200",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "35",
            "_e2_data": {
                "is_favourite": false,
                "links_required": [
                    "highlight\/highlight.js",
                    "highlight\/highlight.css"
                ],
                "og_images": [
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/rename-macos.png",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/rename-automator-1.png",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/rename-automator-2.png",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/remote\/youtube-RLHfAcvF_6E-cover.jpg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/remote\/youtube-m6HxcWWCFz4-cover.jpg"
                ]
            }
        }
    ],
    "_e2_version": 4134,
    "_e2_ua_string": "Aegea 11.3 (v4134)"
}