Здоровий глузд

Оновлені паркувальні таблички у Києві

Sun, 15 Mar 2026 09:00:00 +0000

У 2021 році розробили паркувальні таблички для Києва. Більше фото у альбомі (один з кількох проєктів, де я замовив фотозйомку для портфоліо). З тих пір якісь міста їх копіювали, по-своєму, якісь надихались і створювали своє бачення. Також за цей час згадували про нові паркувальні зони, але їх поки вирішили не впроваджувати.

І от Київ нарешті в кінці 2025 року вирішив оновити тарифи на паркування, а з цим привести до ладу розміри табличок. Бо дійсно, розмір інформаційних табличок задумувався такий самий, як розмір табличок до дорожніх знаків: якщо знак 600×900 чи 700×1050 мм, то таблички мають бути відповідно 600×300 та 350×700 мм, щоб лишатись в єдиному розмірі. Але у Києві чомусь зі знаками 600×900, зробили таблички 350×700 ¯\_(ツ)_/¯. Тож разом з оновленням тарифів буде оновлено і розміри.

В новій версії

дещо підрівняли розташування елементів
збільшили QR код на 50%, навіть в порівнянні з тим, що таблички були більші.
перемістили блок з кодом вище всю плашку вмістили всередині білої зони, таким чином табличка візуально залишається довшою.

Швидке розпізнавання тексту з екрана чи файлів у macOS

Sun, 25 Jan 2026 19:28:43 +0000

Ті, хто користуються macOS починаючи з версії 11, могли помітити, що у Preview є можливість виділяти та копіювати текст з зображень. У систему вбудований непоганий розпізнавач тексту (OCR). Але не всі знають, що його можна викликати не тільки у Preview, а застосувати до будь-чого.

За допомогою Shortcuts я створив два сценарії розпізнавання тексту: з виділеної частини екрана, як при скриншоті, та з вибраного файлу у Finder. Результат копіюється образу в буфер і його можна образу вставляти куди треба. При цьому можна також додати гарячі клавіші для виклику кожного, наприклад, для розпізнавання з екрану у мене це ⌘7.

Cursor та (не)вайб кодінг

Sun, 11 Jan 2026 18:53:45 +0000

Понад рік використовую Cursor для створення робочих інструменті: від окремих скриптів до робочих застосунків та плагінів для браузера. Влітку мені навіть писали з Курсору, сказали що я у «топ 1% юзерів в Києві» (хз, як вони це міряли) та запрошували на мітап 😁

І зараз вони зробили підсумки року, у вигляді красивої сторінки та красивих цифр — 3,4 тисяч агентів (чатів) та 1,69 млрд токенів. На початку найбільше використовував модель Claude, у порівнянні з іншими вона давала завжди більш робочий результат. Потім авторежим моделі, і коли він не давав потрібний результат перемикав вручну на Claude. Останнім часом пробую їхню модель Composer, яка менша і працює швидше.

QA: Кодинг у дизайні

Sun, 29 Sep 2024 16:13:08 +0000

Q: Привіт! Хотів спитати, бо я іноді заходжу на твій сайт, і часто бачу кодінг. Як взагалі відносишся до кодінгу у дизайні? думаю, може варто вивчити щось і закодіть, бо я бачу ти часто використовуєш програмування у дизайні

A: В принципі, для дизайну, як такого, кодінг не потрібен. Це просто додатковий інструмент для спрощення деяких видів задач у повсякденній роботі. Або ж можливість самостійно можна закривати більшу частину рутини, без додаткової комунікації (комусь, як мені, це в плюс 😅).

Кишенькові схеми метро

Fri, 27 Sep 2024 16:43:26 +0000

Переніс сюди свій тред про кишенькові схеми метро і доповнив ще деякими фото.

Поки збирав матеріал по кишенькових схемах на сайт, то зроблю тред. Загалом виходило 5 версій схем. Розповсюджувались безкоштовно, завдяки партнерам. Усі тиражі були розібрані.

Одна з мотивацій, чому ми хотіли паперові схеми — фізичний артефакт набагато приємніше тримати в руках, можна було брати з собою і орієнтуватись в метро (тоді не було 3g). Ще після оновлення карток метро, були невдоволені, що зникла схема (чи вона була зручною?), тож ось.

Лого НСЗУ

Fri, 27 Sep 2024 12:58:50 +0000

Кінець 2016 року, в гості до «Агентів змін» приходить Дмитро Гурін та каже, що МОЗ запускає Національну службу здоров’я і треба логотип. Такий, щоб всім був зрозумілий і не нагадував аптеку. Кілька ітерацій і вийшов гарний простий символ, який є у кожній лікарні. Макети у векторі.

Застосування:

Лого на інформаційних плакатах і навіть значки

Iconic Transit Maps: The World's Best Designs

Tue, 24 Sep 2024 16:05:09 +0000

Марк Овенден випустив свою другу книгу про 50 найкращих дизайнів транспортних схем, куди увійшов і Київ. Я раніше писав, що Марк писав лист і я йому спробував коротко розповісти про нашу тодішню роботу. Книга на сайти видавництва.

This new book celebrates the 50 most iconic transit & metro maps. Features deep dives into design of diagrammatic delights: a coffee-table craving for cartophiles! https://t.co/0xc5WaoqMv... English version and a German language one too! pic.twitter.com/YdZeqeHu9s
— Mark Ovenden (@markovenden) September 19, 2024

І приємна дрібниця: я коли побачив розворот і фото станції «Золоті Ворота», напевно, з вікіпедії, то одразу зв’язався з Олегом Тоцьким, щоб попросити у нього одну з його класних фото. Він одразу погодився і знайшов гарні фото станції. Передали їх Марку разом з дозволом на використання. Тож тепер у книжці на одне гарне фото метро більше 😊.

«Згорівший» фунікулер і бан від КиївПасТрансу

Sun, 08 Sep 2024 14:44:02 +0000

Вже рік як на станціях швидкісного трамваю зʼявилась (і оновлюється) схема швидкісного транспорту. Тому хочу зафіксувати одну дизайн-історію з 2015 року про те, як Київпастранс «забанили» Агентів змін і принципово не спілкувались аж до 2023 року.

Передмова. Перші нестиковки з КПТ

У 2014 році я познайомився з Ігорем Скляревським, який чи не єдиний пробував просувати в Києві навігацію ще у 2012 році, під Євро.

Концепти пішохідної навігації

Найпершим проєктом ініціативи А3, можна вважати ліврею міської електрички для Київпастрансу, хоча тоді не було ніякої назви і це була зграя ентузіастів. Тоді радником мера був Олександр Кава, який знав Ігоря по роботах з 2012-го, запросив допомогти з черговим перезапуском міської електрички. Тоді ми ще збирались у Часописі, роздруковували креслення і малювали варіанти ліврей та логотипів. Один поїзд навіть пофарбували у запропоновані кольори, але на решту забили.

Розмір шрифтів у навігації

Sat, 31 Aug 2024 10:48:36 +0000

Раніше я писав про шрифти для навігації та в чому їхня відмінність від інших. Сьогодні хочу написати про другу важливу характеристику для навігації — розмір літер, що забезпечує читабельність тексту з відстані.

Можливість прочитати текст з відстані залежить від двох факторів: гостроти зору людини, яка читає текст, та розміру літер. Ці значення обернено пропорційні: ідеальний зір це гострота = 1 (ну або ж 100%), дозволяє читати менший текст (або з більшої відстані). Чим менша гострота зору, тим більший текст потрібен. Але при цьому завжди є обмежена площа для інформації (у просторі або ж у матеріалах), тому це завжди буде компроміс між достатньою читабельністю тексту.

Попереду нові дорожні знаки

Sat, 03 Aug 2024 14:24:27 +0000

У 2020 повпливали на зміни ДСТУ у навігаційних знаках на дорогах, у 2021 створили правила для туристичних знаків (їх просто не було). Але решта знаків поки лишається такою самою як і були, з наслідками радянської графіки або якісь зовсім безсенсовні.

Проблему також ускладнює те що знаки існують просто як креслення у ДСТУ, а проєктувальники чи виробники мають свої dwg-файлики, в яких знаки були відмальовані, тому вони можуть бути різні й відтворені з різним ступенем змін.

New city Mriya та код міста

Wed, 31 Jul 2024 11:50:22 +0000

До мене звернувся Владислав Рашкован та розповів ідею, якою він горить — побудувати повністю нове місто. І попросив сформулювати тези про те яким має бути код міста.

Він презентував свою ідею у Берліні, а тут слайди:

А далі хочу поділитись самим документом і думками, які описав.

Фабула: будуватиметься з нуля нове місто і 8 різних країн будуватимуть кожна по району. Це дуже масштабна співпраця багатьох різних людей зі своїми підходами, баченням, процесами тощо. І для того, щоб поєднати всіх разом, треба створити спільну рамку, правила — код міста.

Розмова з Михайлом Демшиним (студія More info) про досвід створення навігації в Україні, Австралії та США

Wed, 31 Jul 2024 11:25:29 +0000

Запис розмови:

Михайло мабуть один з небагатьох кого я знаю, хто займався навігацією. А починали вони з інформаційних табличок до памʼяток, з qr-кодами, збором статистики та шрифтом Брайля. А далі перейшли до навігації. Серед проєктів вулична навігація для Харкова, Маріуполя, Івано-Франківська тощо. Мені дуже подобається, що вони також беспосередньо виробляли самі пілони.

Також вони працюють з навігацією на аутсорсі з закордонними клієнтами і мають цікавий досвід. Бо там більш розвинений ринок саме розробки навігації і всі процеси більш систематизовані, ніж у нас.

Звукопис українського дизайну про навігацію

Wed, 31 Jul 2024 11:22:56 +0000

Вова на Настя разом зі школою Skvot покликали мене поспілкуватись про навігацію та загалом про міські проєкти, які є частиною брендингу міст.

Генератор написів шрифтом Брайля

Tue, 09 Jul 2024 19:32:18 +0000

В роботі з навігацією та дизайном у просторі неодмінно виникає питання доступності для всіх. Десь це про контраст, десь про спрощення подання інформації, а десь про доступ для незрячих і шрифт Брайля. Але майже ніде немає вичерпної інформації про це. Тому можна зустріти написи якихось дивних розмірів, які не можливо пальцями зчитати, та навіть просто надрукований (!) Брайль.

Приклад некоректного використання Брайля: розмір точок такий що палець фізично їх не охопить. Хоча я певен було цілком правильне бажання зробити таблички і простір доступними.

Зі стандартів у нас ДСТУ ISO 17049 та вижимка з неперекладеним ISO, але там навіть немає алфавіту. А ДБН 2.2.40 описує просто необхідність тих чи інших написів, не говорячи, як їх робити. Також існує така методичка від Національної туристичної організації України та USAID, але теж не повна.

AuraSR — open-source збільшувач картинок від Adobe

Fri, 05 Jul 2024 16:56:11 +0000

Aura SR дає непогану різкість і деталі. В порівнянні з Super Resolition від Pixelmator виглядає краще.

Громадські вбиральні в Токіо та фільм «Perfect days»

Mon, 24 Jun 2024 12:12:47 +0000

Сьогодні рекомендую глянути фільм «Perfect days», про життя чоловіка, на ім’я Хіраяма — прибиральника туалетів в Токіо, що знайшов спокій у своїй роботі. Фільм після перегляду лишає теплі враження, а вбиральні виглядають чудово.

З вікі:

На створення фільму Віма Вендерса надихнула культура незвичних громадських туалетів у Японії. Його запросили в Токіо, аби він оцінив 17 нових вбиралень, кожну з яких збудував спеціально запрошений архітектор до літніх Олімпійських ігор у Токіо. Зрештою враження від цієї поїздки вилились у новий фільм. Стрічку знімали рівно 17 днів.

Арт-проєкт «Скарбниця»

Mon, 17 Jun 2024 15:22:45 +0000

thetreasure.in.ua — дуже красивий арт-проєкт з мініатюрами міст, а опис і відео. Запрошую пороздивлятись усі 50.

Все назавжди змінилось. Ми не повернемося на дитячий майданчик, а замість магазину з жуйками тепер автомобільний салон. Школу довелось перефарбувати в інші кольори, а всередині замінили вікна зі старих на металопластикові. Але нас все ще захоплюють найбільші вантажні літаки в світі. Спогади про відпочинок на нашому морі… Це наш скарб, кожен куточок був нашим до великої війни.

Автоматизація Excel та Word

Sat, 15 Jun 2024 11:44:45 +0000

Гарний тред про автоматизацію документів у ЗСУ на основі шаблонів Word та даних в Excel.

Може комусь згодиться. Тред, як я роблю 100 рапортів на відпустку менше ніж за 10 хвилин🧵
— Mr.Dimon (@MisterDimon) June 14, 2024

Ще:

Дано: треба зробити 100 рапортів на відпустку для військовослужбовців. Для прикладу візьмемо уявну базу даних в Excel із В/Ч де служать 100 найбагатших зі списку Форбс 2021 (у прикладі всі адреси і телефони, посади і звання вигадані)

Скрипти Adobe Illustrator та InDesign

Mon, 10 Jun 2024 23:29:54 +0000

У роботі все частіше якісь повторювані дії переношу у скрипти. І створив підбірку своїх місцями доволі простих скриптів і хочу з вами поділитись

Сторінка з усіма скриптами

alexkolodko.github.io/adobe-scripts

Репозиторій на Github

github.com/alexkolodko/adobe-scripts

Найцікавіші скрипти

Масштабує об’єкти у заданій пропорції, наприклад, якщо є макет наліпки на якій qr-код розміром 50×50, а потрібно масштабувати весь макет під розмір коду 80×80 (не у відсотках).

По розміру шрифту рахує приблизну відстань читабельності і це можна вивести текстом;

Книга «Лого Дизайн Любов» від ArtHuss та Cases

Sun, 02 Jun 2024 17:25:16 +0000

Нещодавно ArtHuss переклали і видали книжку графічного дизайнера Девіда Ейрі «Logo Design Love». І запропонували мені її глянути та написати про неї, і такий огляд на книжку я пишу вперше.

⚠️ І перш ніж писати про книгу, хочу розіграти дану книжку за донати. І коли я запропонував це зробити, то ArtHuss додали ще дві книжки. Тому розігруємо три примірники, один квиток на розіграш 100 грн, термін до 15 червня.

Всі кошти підуть на збір на РЕБ для евакуаційного відділу медроти 123 ОБрТРО. Бригада працює на південному напрямку. вони пройшли оборону Миколаєва, допомагали звільняти Херсон, зараз працюють над деокупацією лівого берега Дніпра

Новий шрифт для інтерфейсів — Road UI

Thu, 16 May 2024 16:45:35 +0000

Зроблений Андрієм Константиновим (Minttype) на основі дорожнього шрифту Road UA. А надихнули та ініціювали проєкт Олександр Вілінський (студія Superclear) та Стаc Говорухін, які в робочих проєктах вже використовували дорожній шрифт.

Завантажити шрифт: agentyzmin.github.io/Road-UI-Font

Основне:

форми літер краще адаптовані під екран і трохи тонші;
зроблені пропорційні стрілки та моноширинні цифри;
з’явилось нахилене накреслення.

Накреслення, цифри, стрілки

Приклади:

Проєкт на Гітхабі. Ліцензія CC BY–ND 4.0, можна використовувати в комерційних проєктах.

Розмір макетів під друк у Figma

Wed, 17 Apr 2024 16:44:43 +0000

Метод підійде не тільки для Фігми, але і до будь-яких екранних редакторів, які не прив’язані до фізичних розмірів (міліметрів, дюймів тощо).

Дисклеймер: винесемо за дужки передачу кольору. Для друку потрібна колірна модель CMYK, а «екранні» редактори заточені лише під роботу з екраном і працюють у RGB/HSB/HSL/Lab та інших адитивних колірних моделях. Але це не завжди буває критично: або можна перевести у CMYK картинку пізніше, або ж при використанні цифрового друку колір буде конвертувати вже сама машина/принтер або друкарі.

Меморіальні таблички Києва

Sun, 31 Mar 2024 18:10:05 +0000

Нижче передісторія, а зараз дизайн. Перше рішення — це розділення табличок на всіх, хто ніс службу (військових, нацгвардійців тощо), та загиблих цивільних, яких теж треба вшановувати. Звідси перше рішення — розділити візуально та використати шрифт UAF Memory для військових та загальний київський Proba Nav2 для інших.

Це виключно ілюстрація, фото та імена згенеровані

Далі також хотілося додати приналежність у символах і додавати або символ роду військ, або комбатантський хрест (загальний символ для всіх), а для цивільних просто використати малий державний герб.

Повідомлення про ремонт колій

Sun, 31 Mar 2024 18:09:31 +0000

Хочу поділитись гарним прикладом небайдужості. В каналі Urban Rail побачив картинку яка нагадувала суміш плаката метро та стилю УЗ, в якому доволі зрозуміло було написано, коли буде відбуватись ремонт колій і як зміниться розклад. Я спитав і в метро, і в УЗ, чи вони робили, але всі здивовано сказали ні.

І от в коментарях нещодавно написав автор, який самотужки просто взяв і переверстав оголошення, як пише «на телефоні». Вийшло чітко, зрозуміло і людяно, у порівнянні з оригіналом.

Паркувальні таблички Дніпра

Tue, 26 Mar 2024 09:51:05 +0000

Гарний приклад, як можна взяти? зробити інакше і гарно. Автори: Dnipro.design, @dniprodesign

Генератор макетів

Фото з міста

Aztec code

Tue, 26 Mar 2024 09:44:47 +0000

Цікавий різновид штрих-кодів, в якому модулі навколо центрального квадрата. Назва походить від схожості на піраміди ацтеків, якщо дивитись згори. Так коди більш компактні, наприклад, на картинці обидва коди вміщають текст в 390 символів.

З цікавого:

Код вже містить високий рівень корекції помилок 23% (якщо майже чверть даних була знищена, ці коди все ще можна зчитувати). Для порівняння звичайний QR за замовченням має 7%, а більший захист потребує більшої кількості модулів.
Код не потребує безпечної зони навколо.

Правда поки що для зчитування потрібна окрема програма, бо не завжди стандартні застосунки камер зчитують такі коди.

Відстань зчитування QR кодів — 10:1

Sun, 24 Mar 2024 09:42:43 +0000

Співвідношення розміру QR та відстані зчитування рекомендують закладати мінімально 10:1, тобто якщо код розміром 10×10 см, то відстань 100 см = 1 м. Якщо кращі умови або ж камера, бо відстань може бути більшою.

При цьому чим коротший текст, що закладено у код, тим відстань більше, і навпаки — довгий текст → більше потрібно модулів (квадрат) → дрібніше кожен модуль в тому ж розмірі → складніше зчитувати.

Також рекомендують для кращого зчитування лишати навколо коду безпечну зону: для коду 21×21 модуль використовувати зону в 4 модулі.

Шрифт Proba Nav2

Sat, 23 Mar 2024 18:01:44 +0000

Навігаційний шрифт Proba Nav2 тепер доступний публічно для некомерційного використання. Його зробив Андрій Константинов (студія Mint Type) на основі свого шрифту Proba Pro, що став стандартом державних вебсайтів.

Також це неофіційний шрифт київської навігації: від схем та плакатів у метро до адресних покажчиків, розкладів та навігаційних стел, та і в цілому проєктів А3. Містить транспортні піктограми, лігатури, табличні цифри та інші opentype-фічі.

Ліцензія така сама як у RoadUA — CC BY–NC–ND 4.0, а шрифт розміщено на Github.

Машина простору і часу від КПІ

Tue, 12 Mar 2024 18:12:19 +0000

Сайт музею КПІ, де зібрані мапи різних років і видів, які прив’язані до реальної карти.

МУР — Ти [Романтика]

Mon, 11 Mar 2024 15:48:31 +0000

Сьогодні рекомендую послухати та подивитись музичний альбом проєкту МУР про розстріляне відродження. Дуже чіпляє і захоплює на всі 40 хвилин.

Окремо хочеться відмітити відеоряд: дуже круто зроблено та гарно доповнює звук. А ще прекрасно метафорично літерами вдається передавати сенс.

🎵 щопослухати

NAZVA, альбом «Гурма» — Youtube Music · Spotify І попередні також, особливо композиція «Кити». Дуже яскрава і місцями незвична музика.

**Schmalgauzen **— Youtube Теж не знаю, як назвати жанр, такий собі мікс кабаре, поезії, а виступи як театральні вистави.

Діти інженерів — Youtube Гарний легкий панк-рок.

🎥 щоподивитись

Інтерв’ю Олексія Єринчака засновника книгарні Сенс на УТ-2. Дуже гарні думки, особливо на урбанізм з точки зору власника бізнеса, про забудову направлену тільки на прибуток і чому комерція в закритих ЖК приречена бути невигідною.

Нові паркувальні зони у Києві

Sun, 25 Feb 2024 18:03:44 +0000

Чергова епопея зі скасування оплати паркування в Києві. Напевно знову всі паркувальні таблички познімають.

Але цікаве також проєкт розпорядження зі зміною паркувальних зон зі своїми тарифами:

I зона — 40₴
II зона — 34₴
III зона — 20₴
IV зона — 7₴

Тож напевно до набору табличок потрібно буде додати ще одну з новим кольором (і зробити вже не 3000 макетів, а 4000 🤓).

Навігація Design District у Північному Гринвічі

Sat, 10 Feb 2024 13:09:17 +0000

Проєкт навігації у Design District від студії Dutch Scot.

Цікаве в ньому те, як унікальність кожної локації викрутили на максимум: з одного боку кожна будівля не схожа на іншу, а з другого у навігації цю ідею підтримали й кожен корпус має свій «логотип», який на схемі ще і зробили з різних матеріалів. Рекомендую роздивитись всі картинки в кейсі.

Скорочувач посилань на своєму сайті та генерація QR-кодів

Fri, 09 Feb 2024 18:58:17 +0000

Під час роботи над проєктом ознакування в заповіднику Тустані стикнувся з задач показувати на табличках QR код з більш детальною інформацією про обʼєкти. Але самі посиланні вели на wiki-сайт, тому посилання були дуже довгими. Відповідно QR-коди містили більше точок і потреб вали більших розмірів, інакше камера їх просто не зчитувала. Тому треба було мати короткі посилання, які б перенаправляли на потрібні сторінки. Тоді це питання вирішив якось адмін сайту.

На станціях швидкісного трамвая офіційно з’явилась схема швидкісного транспорту

Fri, 19 Jan 2024 16:50:00 +0000

Це вперше за 9 років, які Київпастранс «образились» на А3 і повністю ігнорували (цю прекрасну і дурну історію про фунікулер варто окремо описати). До цього хтось з КПТ взяли схеми і самостійно змінили шрифти, лінії та все інше, що суперечило ліцензії. Приклад такого втручання видно на фото з мером:

Але влітку минулого року мені написав Олег Грищак з Київпастрансу, вони через перейменування оновлювали назви у навігації на станціях. І захотіли також і схеми оновити, тож звернулись із запитом, з чим я з радістю допоміг.

Нумерація маршрутів транспорту

Tue, 26 Dec 2023 16:59:55 +0000

В продовження теми знаків на зупинках хочеться поговорити і про практику нумерації та найменування маршрутів транспорту.

Транспорт у місті, в перше чергу, — це система. І як кожна система це множина взаємодії пов’язаних елементів: різні типи рухомого складу, зупинки, маршрути, тарифи та оплата проїзду, інформування тощо. І для орієнтування у цій системі придумують ряд правил та ідентифікаторів, які допомагають розуміти та користуватись цією системою.

У Києві та багатьох містах склалась традиція ідентифікувати маршрути за типом транспорту, номером і кінцевими, іноді ще за кольором. І для кожного типу транспорту нумерація починається спочатку. Таким чином вже є можливість перетину різних типів транспорту з однаковими номерами, як то автобус 31 та тролейбус 31, які їдуть за різними маршрутами.

Знаки на зупинках Львову

Mon, 25 Dec 2023 16:38:40 +0000

Багато де опублікували новини, що у Львові затвердили дизайн табличок з маршрутами на зупинці. В принципі цей дизайн можна було зустріти вже давно у центрі міста. І він добре працює, набагато краще ніж написані від руки назви та беззмістовні інтервали маршрутів у Києві.

Дизайн — Єгор Каліберда

І ще цікаве автоматизаційне: Львівській МТГ є 1102 зупинки громадського транспорту, тож дизайнери також наробили макети на кожну зупинку і зібрали на сайті з вказанням кожної зупинки. Там макети в PDF для друку і у SVG для використання у програмах, що роблять схеми дорожнього руху.

Додаємо у Google Sheets посилання на всі файли у теці Google Drive

Mon, 25 Dec 2023 12:40:44 +0000

Досліджував автоматизацію у Фігмі (напишу окремо). В ній для автоматизованого додавання картинок, потрібно давати на них прямі посилання. Можна завантажувати файли на FTP або копіювати напряму з сайтів. Але часто це не дуже зручно і якщо ви працюєте з Google Drive та тримаєте там робочі файли, то буває потрібно отримати прямі посилання на картинки у Драйві.

Також буває необхідно скопіювати багато прямих посилань на файли, наприклад, щоб вставити їх у брендбук або відправити клієнту.

Відмінювання українських антропонімів: прізвищ, імен та імен по батькові

Tue, 19 Dec 2023 15:46:32 +0000

Мені написав один військовий такий запит по автоматизації:

Підкажіть як можна автоматично список ПІБ, шт 40, отримати в родовому та давальному відмінку в ексель?

Сходу не знайшов ніяких рішень, як це робити в таблиці. Але знайшов непогану js-бібліотеку — shevchenko.js. Тож разом з Артемом Вейкусом зібрали простий сайт, на якому можна вставити пачку ПІБ та отримати їх у потрібному відмінку.

pib.a3.kyiv.ua

Сприймає текст з пробілами та з табуляторами, тож можна копіювати текст з таблиці та вставляти назад.

Dinamo Font Gauntlet

Wed, 13 Dec 2023 17:29:21 +0000

У Дмитра Растворцева підгледів гарний сервіс для демонстрації можливостей варіативних і не тільки шрифтів Font Gaunlet. Можна завантажити файл шрифту та подивитись всі доступні фічі, варіативні вісі та навіть ввімкнути анімацію поступової зміни цих параметрів. При чому є функції зміни за положенням курсора, або ж при зчитуванні звуку з мікрофона.

Також написано, що сервіс кешується браузером, тож можна відкрити сторінки і за відсутності інтернету теж користуватись.

Навігація Берна

Tue, 12 Dec 2023 17:14:11 +0000

Пішохідна навігація міста Берн, Швейцарія. Видно дуже практичний підхід — модулі однакового розміру з яких набирається кожен знак. Таким чином простіше оновлювати чи додавати якусь інформацію. Цікаво, як воно влаштоване всередині. І ще якість виробництва вражає 🤌

Фото: Дмитро Потіха

Пошукавши більше інформації про згаданий проєкт, знайшов цікаві документи на сайті асоціації Pedestrian Mobility Switzerland (Пішохідна мобільність Швейцарії):

Конвеєр: масштабування PDF-файлів за допомогою pdfscale

Thu, 07 Dec 2023 17:47:49 +0000

Іноді буває треба робити однакові макети у різних масштабах. Наприклад, якій знаки, що можуть зчитуватись зблизька і здалека. І можна під ці випадки робити окремі макети, але оновлювати весь цей парк знаків не зручно.

Краще мати якийсь один майстер-макет, як компонент у Фігмі, який можна розтягнути або зменшити до потрібного розміру. Для цього можна зробити основу в AI/ID, а масштабні копії робити в окремому ID, де макет буде вставлений лінком, і будуть налаштовані нові розміри. Потім це все діло можна експортувати у PDF вже у новому розмірі.

Конвеєр: автоматизоване нарізання PDF на різні файли

Thu, 30 Nov 2023 17:07:41 +0000

В роботі над дизайном багатьох макетів буває дуже зручно їх всі робити в одному файлі: можна простіше копіювати елементи та стилі, мати єдину базу символів, бачити загальну картинку одразу на всіх макетах тощо.

Багато макетів різних розмірів у Adobe Illustrator

Але редактори погано пристосовані для збереження потім таких робочих файлів, що йтимуть на виробництво. Процес збереження купи файлів починає нагадувати нудну справу, в якій ви вибираєте що зберігати, якось розділяєте на окремі файли та при збереженні у різні формати правильно називаєте все. Така безглузда трата робочого часу і це нууудно 🥱. І в такій ручній роботі точно виникатимуть помилки, тож доведеться починати наново.

Заклеєні навігаційні стели

Wed, 29 Nov 2023 12:11:49 +0000

Мій пост з фб

Шановні кияни та гості столиці! Нам плювати на вас з високої дзвіниці, приходьте після перемоги. Приблизно так виглядає відношення до людей у багатьох питаннях. Наприклад, навігаційні стели, які рік простояли зафарбовані, ніхто їх не мив, а зараз їх взагалі заклеїли повністю плівкою. Навіть стели на Львівській площі, на які ми зібрали гроші донатами і поставили без жодної бюджетної копійки (лише передали на баланс Київзеленбуду).

Заклеєні стели

При тому, що стели 2018-2020 років зроблені спеціально по технології, яка дозволяє відмивати поверхню від фарби за допомогою антисилікону.

Схема у «крюківські» вагони 81-7021/7022

Wed, 29 Nov 2023 01:14:50 +0000

У поїздах Крюківського заводу серії 81-7021/7022, що їздять зеленою гілкою, є особливість — великі вікна і майже немає стінок. Тому постало питання, де розмішувати схему.

Інтер’єр вагона 81-7021

Було кілька варіантів:

1. Берлінський варіант — на стелі. Але це аж занадто незвичний варіант, крім того, що стеля перфорована.

Схема метро Берліна на стелі вагона

2. На стійці біля кожної двері. Ширина стійки там 27-28 см, тож схему довелось би стиснути втричі. Мінус — занадто дрібний текст, плюс — однаковий макет всюди. З нюансів: на частині стійок розміщені стоп-крани та переговорні пристрої.

BRouter та Trail Router — розрахунок довжини маршрутів на OpenStreetMap

Thu, 23 Nov 2023 22:11:05 +0000

Іноді буває необхідність поміряти відстані маршрутів саме по дорогах та пішохідних доріжках. У великих містах з цим може справлятись просто Гугл Карта, але у більш віддалених місцях часто дані неповні або відсутні. Тут на допомогу може прийти OpenStreetMap, яку оновлю спільнота, тому там можна знайти дуже багато детальних даних. Тому раджу два сервіси, що працюють на даних OSM:

BRouter — є різні профілі користувачів (велосипед, самокат, прогулянка пішки, машина тощо), купа дрібних налаштувань, вивід статистики побудованого маршруту по типах доріг, а внизу сумарна інформацію про відстань, час, набір висоти з діаграмою та набір витрата енергії.

Думки про навігацію

Wed, 22 Nov 2023 11:39:18 +0000

Telegraf Design попросили написати коментар про стан навігації для телеграм-каналу. Публікую тут свою повну версію.

Назбиравши різного досвіду у навігації (від навігації на об’єктах до навігації міста та державних стандартів) я зараз бачу дві основні проблеми або ж напрямки, які потрібно опрацьовувати: 1) навігація, на разі, не існує як частина проєктування та будівництва будь-чого; 2) немає жодних стандартів, довідників чи настанов, які б описували, як зробити навігацію для різних об’єктів та сценаріїв.

Менторська сесія: автоматизація дизайну макетів настільної гри

Tue, 24 Oct 2023 20:22:28 +0000

Провів ще одну менторську сесію Prjctr Mentorship. Поспілкувались з дизайнером Владом Бурко, який розробляє настільну карткову гру і для якої потрібно зробити 150+ макетів карток з різними текстами та елементами.

Поділився, як зібрати все до купи, та автоматизувати дизайн у Фігмі, а також в Ілюстраторі чи Індизайні. Налаштувавши процес можна спростити перевірку, уникати ручних помилок при тиражуванні дизайну та зрештою налагодити процес обробку будь-якої кількості макетів.

За донат на ЗСУ проконсультую по автоматизації дизайну, а також по дизайну навігації, схем, створенню карт, верстці, інтерфейсам тощо.

Схема метро 1.11

Tue, 08 Aug 2023 13:53:26 +0000

Продовжую оновлювати схему метро. На разі виходить версія 1.11, в якій:

перейменовані Звіринецька та Площа Українських Героїв;
перейменована частина зупинок швидкісних трамваїв;
Kyiv City Express: додані зупинки на кільці, додані інші напрямки приміських маршрутів і дещо змінені самі лінії;
додані примітки про транспорт не працюючий до аеропортів (ще його можна було б прибрати, але загальні схеми зараз важче оновлювати й вони висітимуть доволі довго).

Схема метро версії 1.11, великий розмір

Лист від автора книжки про схеми транспорту

Mon, 07 Aug 2023 21:09:54 +0000

Колись побачили нашу схему метро у книжці Марка Овендена «Transit Maps of the World» — збірці різних схем транспорту зі всього світу. Це було дуже не очікувано і приємно.

Сторінки з книжки Mark Ovenden — Transit Maps of the World

І ось нещодавно Марк написав лист, що пише нову книжку і йому цікаво дізнатись більше подробиць про створення схеми. Свого часу ми майже не приділили перекладу кейсів, тому стисло переказав усю історію зі згадкою усіх причетних, можливо це увійде в книгу :)

Менторська сесія: транспорта схема міста Сарни

Mon, 07 Aug 2023 21:08:47 +0000

В рамках менторської сесії Projectr Mentorship поспілкувались з дизайнером Олександром Канським, який розробляє транспортну схему свого міста Сарни. Дуже надихають такі ініціативи та бажання покращити своє місто.

За донат проконсультую по дизайну навігації, схем, карт, а також по верстці, інтерфейсам, автоматизації дизайну чи навіть обговорити.

Справжність та етичність

Tue, 11 Jul 2023 18:15:05 +0000

Oе один приклад етичності в роботі дизайнера та відчуття справжності.

Сіль «Міць». Думаю багато хто бачив цей кейс від Сільпо, лімітована серія солі з Артемсолі (вже знищена). 500грн , гроші з продажу ідуть в United24 на дрони.

Ілюстрацію створив український дизайнер Артем Гусєв, а тут її офіційно використали для паковання. І саме паковання створене з увагою до деталей і нагадує оригінальну сіль.

Сіль «Міць»

Сіль «Воля». А цей приклад я побачив пізніше в Новусі. І це виглядає, як Абібас — дешева китайська копія першої: в матеріалах, формі, назві та ілюстрації. Навіть не знаю, хто вирішив застрибнути у цей потяг і зробити свою версію. Як на мене це не справжнє, обман. І ціна 200 грн додатково додає відчуття чогось дешевого.

Справжність та деталі

Tue, 11 Jul 2023 18:14:53 +0000

У Києві є такий невеликий і скромний, проте дуже затишний і камерний Сирецький дендропарк. І я там побачив деталь, яка мене зачепила — на деяких рослинах були чорні таблички з назвами, які були намальовані від руки. Решта табличок були вже просто друкованими та на стійках.

Таблички в Сирецькому дендропарку

Літери на цих чорних табличках були дуже гарні та приємні, написані явно з почуттями. В цих, на відміну від друкованих, хоч і написані лише назви, але відчувається справжність. А розміщення не на стійках, самих деревах робить їх нюансними не нав’язливими деталями.

Ідея-концепт для ботсада

Sat, 08 Jul 2023 23:19:46 +0000

Полюбляю малювати літери і виникла така ідея-концепт, натхненний малюнком українського авангардиста Василя Єрмілова (остання картинка). Потенційно з цього вийшов би яскравий і різноманітний стиль для ботанічного саду.

Ідеї для айдентики ботанічного саду (листівки, футболки, екосумки, чашки, телефон, ескізи)

Ескізи

Port Authority Wayfinding Manual

Fri, 23 Jun 2023 18:24:53 +0000

Доволі великий гайдлайн Port Authority Wayfinding Manual для аеропорту Ньюарка. Зроблено як окремо у PDF так і вигляді сайту з можливістю завантажити матеріали та шаблони.

Сам дизайн, як на мене, виглядає місцями дуже натягнуто та строкато, але окрім цього багато правильних думок про зонування з рекламою, читабельність чи логіку розміщення.

Port Authority Wayfinding Manual

Як гарні ідеї перетворюють на шкідливі

Fri, 23 Jun 2023 15:04:52 +0000

Бувають дуже гарні та цікаві проєкти самі по собі, але спільнота чи окремі автори настільки звеличують цю ідею, що це починає викликати відразу та нагадувати клуб міських божевільних.

Так і проєктом Рутенія. Цей проєкт є дуже цікавим дослідженням історії кирилки та заслуговує на відзнаки. Але є автор і спільнота навколо нього, які згодом почали критикувати абсолютно всю сучасну кирилку, яка не є Рутенією, та називати все це «московськими шрифтами» усіляко зневажливо на це вказуючи авторам українських шрифтів (зустрічав і такі коментарі пана Чебаника). Хоча сучасна кирилиця не є московською, а Рутенія не є єдиновірної графікою української мови.

Розмова з Кирилом Онацьким

Wed, 21 Jun 2023 15:15:35 +0000

Поговорили з Кирилом Онацьким (робив концепт бренду Житомира) про те, як дизайн впливає на місто, навіщо містам брендинг та трохи про автоматизацію дизайну.

Курс «Робота з InDesign»

Thu, 18 May 2023 14:07:17 +0000

Разом з платформою «Креативна Практика» зробили курс по роботі з Adobe InDesign.

Записали цілих 50 уроків загальною тривалістю 17 годин 28 хвилин (або ж 1028 хвилин), в яких я розповідаю по черзі про все що знадобиться, щоб почати впевнено працювати з цим редактором. Курс почав виходити поступово ще восени й виходив поступово, як дозаписували кожен модуль. Частина уроків була записана під час відключень світла, в темряві, з підзарядкою від павербанка.

Бюлетені у Туреччині

Sun, 14 May 2023 19:54:11 +0000

Сьогодні другий тур виборів у Туреччині й мене зачепили фото бюлетенів. Класні, кольорові з фото. Тут не пройде фокус з однофамільцями у списку, бо голосуєш за обличчя чи за лого партії.

Бюлетені на виборах у Туреччині, 2023

Великі артборди в Ілюстраторі

Sun, 16 Apr 2023 23:22:19 +0000

Від початку у Адоб Ілюстраторі було технічне обмеження на величину артборду чи робочої області — 227×227 дюймів або 5770×5770 мм. Через це з великими форматами доводилось працювати у масштабі, зазвичай, 1:10.

Нещодавно зі здивуванням дізнався, що з версії 24.2 в Ілюстраторі нарешті зробили збільшені до ×100 разів арборди. Таким чином відтепер можна робити макети розмірами до 57700×57700 мм (білборди, зовнішню рекламу, графіку на вантажівки тощо).

Для цього потрібно саме створити новий файл з артбордом потрібного розміру. Збільшити наявний файл у вас не вийде. Більше про функцію у довідці.

Що послухати №2: The Unsleeping — Жити

Sun, 16 Apr 2023 18:42:51 +0000

Пісня, яку я побачив просто у фейсбуці у знайомого, та яка в кінці року була у мене багато разів на повторі. Дуже гарний звук, класний такий характерний голос і головне, що мене зачепило — сенс. Дехто знаходить його таким, що надихає, бо життя це про рух вперед, що б не було. Дехто — що пригнічує, бо життя складне.

Також у них сподобались саме треки українською «Птаха Фред» та «Припустим». Але і перший альбом англійською теж приємний.

GPT for Sheet and Docs

Sun, 16 Apr 2023 00:18:07 +0000

Доповнення GPT for Sheet and Docs, яке дозволяє під’єднати потужність GPT у Гугл Таблиці та Документи, та дозволяє навіть без навичок програмування, створювати потік генерації та конвертування даних у потрібний формат. На сторінці купа прикладів застосування.

З каналу AI Шевченко:

Дуже крутий корисний тред Allie K. Miller про те, як зробити мультизадачного асистента в Google Sheets з допомогою API OpenAI

If you're only using ChatGPT, you're missing out.

Here is a SUPER simple way to start using OpenAI APIs (with screenshots and everything!) for all of my non-technical followers that want to use more of this tech.

Нова айдентика ЗСУ

Thu, 13 Apr 2023 22:17:06 +0000

Сьогодні посилання, яким обов’язково варто поділитись — нова айдентика ЗСУ, авторами якої стали Тарас Іщик, Орест Підлісецький та Дмитро Растворцев.

What can my dont do?

Tue, 11 Apr 2023 11:27:33 +0000

Wakamaifondue — сервіс, схожий на Fontdrop сервіс, який не тільки показує все, що всередині шрифту є, а ще і дає потрібний css.

→ wakamaifondue.com

Підгледів у Катерини Королевцевої в телеграмі, підписуйтесь.

Сортування картинок за співвідношенням сторін та роздільною здатністю у Finder (Mac OS X)

Sun, 09 Apr 2023 22:23:59 +0000

Лайфхак з розряду «це схоже баг, але якось працює». Отже, у Finder на Mac OS у режимі таблиці немає опції сортування картинок за співвідношенням сторін та роздільною здатністю, проте можна це увімкнути.

Для цього треба:

Взяти теку з картинками та перейменувати її на Pictures.
Увімкнути відображення у вигляді таблиці, викликати контекстне меню в шапці таблиці (натиснути правою клавішею миші) та увімкнути параметри Dimensions та Resolution.
Вуаля, нам доступні ці стовпці для сортування. Тепер теку можна перейменувати назад на потрібну назву.

Так можна сортувати картинки від більших до менших за їхнім фактичним розміром у пікселях.

Що послухати: Циферблат

Sun, 09 Apr 2023 20:21:59 +0000

Бачив новину, що у 2022 році на стрімінгових платформах:

38 мільйонів треків не мали жодного прослуховування (24% від всього каталогу);
67,1 мільйона треків набрали від одного до десяти прослуховувань (42% від каталогу).

З одного боку це сумна новина, що стільки людських зусиль витрачено в нікуди, або ця музика нікому не потрібна. З іншого ми вже живемо у світі з такою кількістю інформації навколо, що створення музики без її дистрибуції та промоції не зайде далеко. І стрімінги тут просто частіше показують саме популярне, і виходить що ти слухаєш одних і тих самих виконавців завжди (з радіо здається все ще гірше в цьому плані).

Хвиля нових адресних покажчиків

Sun, 09 Apr 2023 00:05:04 +0000

Там у Києві Цифровому знову опитування по перейменуванню ряду вулиць. Коментувати його не бачу сенсу, все так само погано з донесенням інформації, як і в перші рази. Зараз про інше. Разом із масовим перейменуванням вулиць також постає питання і безпосередньо вигляду покажчиків, бо якщо вже все міняти, то на щось добре. Саме так і у 2015 році почався проєкт у Києві, потім у Дніпрі. Масовим тоді це явище не стало, на жаль.

Плитка з регулюванням відстані / пропуском води

Sat, 25 Mar 2023 18:53:54 +0000

Норвезька студія Snøhetta придумали цікаве інженерне рішення для плитки, яке дозволяє варіювати проміжок між верхніми поверхнями.

Це дозволяє пропускати більше води й вологи там де треба, і робити щільніше поверхню у місцях проходу. Плитка складається з двох частин:

нижня з фіксованим розміром, яка і фіксується між собою; - верхня з трьома видами розмірів, яка й регулює рівень пропуску води.

Та і взагалі це доволі красиво виглядає.

Автоматизація дизайну з ChatGPT. Частина 2: скрипти для InDesign, Figma, Google Docs, Automator

Fri, 24 Mar 2023 22:37:31 +0000

Продовжую експерименти написання простих скриптів з допомогою ChatGPT. Тут перша частина зі скриптами для Adobe Illustrator.

1. Заміна шрифтів у InDesign

Перше, що захотілося зробити, це перенести скрипт з Ілюстратора в Індизайн (хоч скрипти й схожі, але у програм всередині різна специфіка).

Тож спочатку я спробував подібними до попередніх запитами згенерувати скрипт. Але з 5-6 спроб робочого коду не вийшло. Тому далі я знайшов у спільноті Адоб шматок коду схожий на те, що мені треба.

ChatGPT як помічник з автоматизації

Wed, 15 Mar 2023 11:37:29 +0000

Знайшов для себе цікавий кейс застосування ChatGPT — створення простих скриптів для Ілюстратора.

У лекції про дизайн-конвеєр я розповідав, що можна дуже прискорити роботу автоматизуючі окремі дії. І тут дуже допомагають екшени та різного роду скрипти. Але екшени покривають точно не всі функції, а поріг входу у скрипти доволі високий.

Так от, нейромережа може допомогти створювати прості скрипти (до об’ємних вони поки не доросли).

ChatGPT → JSX → Adobe Illustrator

Кілька думок про ШІ

Sat, 11 Mar 2023 15:18:41 +0000

Я покористувався різними сервісами, то спочатку замислився: на початку комп’ютерам треба було писати певні команди у командному рядку, а тепер знову потрібно писати команди, але вже у браузері.

Прийшов до висновку, що те, що зараз називається ШІ, це скоріше ще більш верхньорівнева мова програмування. Ти просиш мережу/модель щось зробити, у певному вигляді, з певними параметрами, і вона робить (точніше намагається якомога точніше передбачити бажаний результат). Так само, як інші програми, тільки інтерфейс став ще більш доступний.

Автоматизація з кастомізацією

Mon, 06 Mar 2023 22:26:12 +0000

Після того, як я опублікував відео про генератори, мене попросили зробити такий інструмент для створення табличок Природного заповідного фонду України для дерев. Зробив першу ітерацію: g.wayfinding.systems/pzfu

Демо роботи генератора

Процес

Новий стиль заповідників розробляла студія happy, дуже велика і змістовна робота. В основі стилю був зроблений патерн, який повторює текстуру дерева. І на цих табличках він також використовується.

У матеріалах з брендбука ця текстура зроблена однією великою картинкою, щоб потім дизайнер міг на свій розсуд її вставляти у макети та обирати зручний ракурс. У макетах, які мені дали як приклад, текстура для всіх табличок однакова. Але мені хотілося не просто відтворити, а зробити так, щоб для кожної таблички цей патерн був унікальним.

Пошук та візуалізація ідей за допомогою ШІ

Wed, 22 Feb 2023 11:56:21 +0000

Поки всі почали тестувати ChatGpt, я пішов глянути Dall-E для генерації зображень. І знайшов гарний кейс пошуку ідей.

В проєкті хочу показати, що треба на будівлі заводу намалювати щось яскраве для привернення уваги. Я пробував шукати у Пінтересті, але там дуже небагато справжніх прикладів таких ідей, або їх важко знайти. А от ШІ дуже просто візуалізує якусь промислову будівлю з яскравою графікою, чого достатньо буде для презентації. Хоча деякі приклади можна прям брати та втілювати, дійсно цікаві варіанти.

Схема приміських електричок та Kyiv City Express 1.0

Sat, 21 Jan 2023 20:09:20 +0000

Робили у 2021 році разом з першим підходом до навігації на станціях на прикладі Святошина. Про навігацію можливо ще окремо напишу, все одно вона так нормально і не з’явилась (хотіли зробити до Дня незалежності, але вийшло, як завжди).

Розрахунок був на те що спочатку випустимо загальну схему, оскільки на станції зараз приїздять всі поїзди підряд (приміські, швидкісні та пасажирські, кільцева яка була ще у Київпастрансу), а концепція KCE ще була сформована. А потім, як тільки будуть зрозумілі сталі маршрути, виділимо на цій схемі окремо мережу City Express, можливо помаранчовим кольором.

Нові опитування у Києві Цифровому щодо назв

Mon, 09 Jan 2023 13:14:56 +0000

Раптово на початку року КЦ вирішили, мабуть, всіх привітати та провести нові опитування щодо деяких перейменувань.

І одразу не зрозуміло звідки ці опитування беруться, хто ініціював і навіщо, якщо були попередні? Чи результат не задовільнив? Не зрозуміло.

Але глянемо, що нас тут питають:

Розробка цілісної дизайн-системи держави

Sun, 11 Dec 2022 15:54:49 +0000

Ярослав Белінський на конференції «Креативна Україна 2022» розповів про проєкт, у якому я теж беру участь — привести до ладу дизайн-систему всієї держави та різних міністерств, описати детальніше всі елементи цієї системи, додати все, чого не вистачає, та створити інструменти для роботи з ними.

Час — 40 хвилин (початок на 20 хвилині)

У презентації Ярослав розповідає про приклади таких дизайн-систем в інших країнах, які дозволяють економити мільйони євро в рік.

Перейменування станцій кільцевої електрички Kyiv City Express

Sun, 11 Dec 2022 15:17:28 +0000

УЗ анонсувала про намір перейменувати для зручності станції на кільцевій лінії електрички. Були такі варіанти:

Рубежівська → парк Нивки
Зеніт → проспект Бандери
Троєщина → Воскресенка
Троєщина-2 → Райдужний
Київ-Дніпровський → парк Перемога
Київська-Русанівка → Русанівка
Лівий Берег → Березняки
Північна платформа станції Київ-Пасажирський → Центральний вокзал

У вівторок взяв участь у зустрічі УЗ та ініціативної експертної групи де обговорили інші варіанти з прив’язкою до локальних районів міста. Віталій Селик у фейсбуці все описав, а Пасажири Києва у себе у телеграмі. Ось ці варіанти:

Літеропад

Fri, 09 Dec 2022 13:10:41 +0000

У фейсбуці за хештегом #літеропад цікавий двіж серед шрифторобів — відмальовують якісь цікаві літери зі шрифтових знахідок.

Зацініть, які класні форми можна знайти в українських авторів.

Також рекомендую групу у фб «Шрифтові знадібки», в якій збирають різні історичні приклади.

Канал Дизайн-борщ

Fri, 09 Dec 2022 12:21:16 +0000

Сьогодні хочу порекомендувати телеграм-канал Дизайн-борщ — t.me/dsgnbr, перший україномовний канал про дизайн.

Відвідав цікаву лекцію Олександри Корчевської-Цехош про те, чому ми не знаємо про український дизайн у масовій культурі. Історично так склалося, що це було масової культури (через репресії та вплив спочатку Російської імперії, а потім СРСР). При цьому їхній вплив на подальших митців був досить суттєвим на наступників. Наприклад, Олександра публікувала у себе в підбірки репресованих геніїв у дизайні та мистецтві: раз та два. На інстаграм теж підпишіться ;)

WeTransfer Paste

Sat, 12 Nov 2022 14:17:33 +0000

Міша Сердюк розповів про ще один сервіс, який хоче переосмислити презентації — Paste від WeTransfer. Також дуже простий підхід з готових блоків з загальними стилями (можна налаштувати 3 основні шрифти, кольори та лого). Дуже проста взаємодія: закидаєте пачку картинок, а сервіс сам підбирає тло для слайдів залежно від самих картинок. Є різні шаблони в тому числі мокапи для телефона, планшета чи ноута. Також можна вставляти навіть файли PDF, які можна передивлятись, а також лінки на файли Дропбокса, Фігми, Фреймера чи прикладів коду на Codepen. Також є режим колаборації для спільної роботи над слайдами.

Mental Canvas (iPad) — цікаве поєднання малювання на площині і у 3д

Sat, 12 Nov 2022 00:40:43 +0000

Mental Canvas — дуже цікавий концепт інструменту для малювання на айпаді: ви малюєте як зазвичай на площині, але потім можете міняти ракурс і малювати на іншій площині, таким чином отримуючи об‘ємну картинку. Краще подивитись відео з прикладами на сайті. Раджу спробувати, якщо маєте айпад з пензлем.

Може дати якийсь інший підхід до сторітелінгу: Heitijiacu China Changsha

Єдиний мінус — якась захмарна ціна $60/місяць чи $600/рік. Лінк у AppStore

iLovePDF — набір інструментів для роботи з PDF

Sat, 12 Nov 2022 00:36:02 +0000

iLovePDF у цілому робить те саме що й Adobe Acrobat. Користуюсь постійно стисканням PDF файлів (збережені з Гугл Документів чи Кейноута) у рекомендованому, чи низькому режимі. Якість картинок лишається на тому ж рівні, а файл важить у кілька разів менше. Плюс — інтерфейс доступний українською.

iLovePDF — головна сторінка

Також з аналогів сервіс SmallPDF.

Стиль ініціативи Пасажири Києва

Tue, 08 Nov 2022 11:38:32 +0000

Захотілося підтримати гарну ініціативу «Пасажири Києва», і мінімальне, що можна було б покращити — створити єдиний стиль комунікації, який би у стрічці привертав увагу серед інших постів та чітко асоціювався з ініціативою, а також додав читабельності тексту на картинках :)

За основу взятий, по-перше, жовтий колір, як колір більшості громадського транспорту Києва. А по-друге — біла смуга збоку з піктограмами транспорту, така сама як була на картках метро і мала б бути частиною стилю комунікації й для іншого транспорту. Тільки на смугу додався пішохід та людина на візку, бо транспорт ще і про людей, а також неформальний лого Києва. Шрифт — RoadUA.

Брендбуки майбутнього

Fri, 04 Nov 2022 21:50:58 +0000

Спочатку брендбуки були паперовими фізичними виданнями, де на сітці малювали логотипи, щоб потім інші по сітці могли їх відтворювати. Потім з появою комп’ютерів брендбуки стали цифровими, але так і лишились у вигляді зверстаного PDF + додаткової теки десь у хмарі зі всіма матеріалами. Буває так що іноді частина матеріалів губиться і нові працівники не завжди знають, що і де було, залежно від ступеня безладу у компанії.

Просунуті компанії всі ці матеріали викладають десь на своєму сайті на окремому піддомені та просто дають посилання. Подекуди стайлгайди роблять у Фігмі та дають посилання на цей робочий файл.

Felt — простий інструмент створення своїх карт

Fri, 04 Nov 2022 15:04:03 +0000

Сьогодні хочу поділитись сервісом Felt, який дозволяє дуже просто робити якісь власні карти. Можна зробити маршрути, примітки, додати фото з прив’язкою до місця тощо.

Авжеж це не суперфункціональний сервіс на кшталт Mapbox, але показує простий підхід до мапування. Підписаний на їхню розсилку, вони кожні 2 тижні щось новеньке додають та активно розвивають сервіс. Тож спробуйте.

{Генератор} + Паркувальні таблички Києва

Thu, 03 Nov 2022 18:43:51 +0000

У мене є ідея замість окремих інструментів, створити один спільний генератор, в який можна потім буде простіше додавати різні макети по різних містах, і він стане такою точкою генерації всього: від табличок до розкладів транспорту.

Першим підпроєктом став генератор паркувальних інформаційних табличок Києва — g.wayfinding.systems/kyivparking

У залежності від зони паркування, змінюється колір таблички, тарифи та штрафи, а також генерується унікальний qr-код який містить номер паркомісця, що дозволить у майбутньому на лендингу використати цей номер. Наприклад, щоб одразу вести у застосунок Київ Цифровий, в якому буде вже обраний автоматично потрібний паркувальний майданчик, тож потрібно буде лише натиснути одну кнопку і почати паркування.

Автоматизація дизайну: генератори макетів

Thu, 03 Nov 2022 18:32:36 +0000

Одним з напрямків автоматизації, яким я цікавлюсь, є створення нових інструментів — онлайнових генераторів макетів, які дають можливість прямо з браузера отримати готовий макет зроблений за всіма правилами, в розмірах, в кривих, готовий до друку.

Приклади створених генераторів

Генератори макетів підвищують ефективність роботи, дозволяють:

☑️ за той самий час зробити більшу кількість макетів;
☑️ створювати макети без залучення дизайнерів;
☑️ не шукати та не купувати шрифти.

Які переваги дає такий генератор: 🟢 Відповідність дизайну. Неможливо зробити неправильний макет.

iA Presenter

Sun, 30 Oct 2022 20:49:55 +0000

Розробники текстового редактора iA Writer випустили бета-версію інструмента для презентацій — iA Presenter.

Цікавий цей редактор тим, що розробники пропонують зосередитись на тексті, а програма вже підбере шаблон під цей текст, в залежності від його кількості та форматування. Саме форматування дуже нагадує розмітку markdown (.md).

Простіше подивитись відео:

Такий підхід на відміну від Кейноута, ПаверПоінта, чи Індизайна дає набагато менше контролю результату. Але у більшості випадків дуже спрощує роботу, без заморочених налаштувань різних стилів для різних текстів, розміщення картинок, їх вирівнювання на різних слайдах тощо.

Оновлення Adobe Creative Cloud 2023

Fri, 21 Oct 2022 23:15:35 +0000

Вийшло оновлення всіх програм, з яких Адоб продовжує ліпити франкенштейнів, додачі все нові функції у ті самі обмежені рамки. Хоча пробують робити і нові, наприклад, Adobe Express для швидкого колажування та дизайну, яка напевно має потіснити Canva.

Що ж принесло оновлення трьох для графдизайнерів.

Photoshop

Що нового

Виділення об’єктів на фоні ще більше покращили і навіть зробили видалення об’єктів в один клік.
Шейр файлів та одночасно робота кількох людей, а також додали можливість коментувати файл. * З єдиного цікавого — Neural Filters, які на нейронках допомагають покращувати зображення. Новий фільтр — відновлення старих фото, на яких прибираються пошкодження, заломи, шуми тощо.

Студія Cartlidge Levene

Thu, 20 Oct 2022 20:33:29 +0000

Сьогодні у цікавинках лондонська студія Catrlidge Levene, яка в тому числі створює навігацію. Рекомендую подивитись всі проєкти, а я зараз поділюсь тими, що сподобались і чому.

→ cartlidgelevene.co.uk

Barbican Arts Centre

Красиве та яскраве поєднання кольорів, а також нестандартні елементи навігації по типу кола.

Barbican Arts Centre — поєднання кольорів і нестандартні елементи навігації

Derwent London

Різна деталізація інформації у різних графічних шарах: діапазон номерів чорний, а самі номери білі. Виглядає дуже об’ємно.

Гайди з доступності центру Barbican

Thu, 20 Oct 2022 16:37:10 +0000

Ще приклад гайдів доступності (access guides) на сайті центру Barbican у Лондоні: https://www.barbican.org.uk/your-visit/accessibility

Access Guide Barbican — приклад гайду з доступності (access guide) для відвідувачів

Там є гайди, який можна роздрукувати з собою, при чому зроблений з урахуванням людей з вадами зору (великий шрифт, контрастні кольори), а також аудіогайди.

Навігація заздалегідь

Thu, 20 Oct 2022 11:39:06 +0000

Коли знайшов цю картинку входу у музей мистецтв у Філадельфії (Philadelphia Museum of Art), то зайшов на їхній сайт та побачив гарний підхід до інформування.

Шлях відвідувача (customer journey) починається ще до того, як людина попадає на локацію: відвідує сайт, знаходить інформацію як дістатись до локації різними видами транспорту, дивиться онлайн-карти, планує подорож, формує очікування тощо.

—

Ось, наприклад, аналіз сценаріїв з нашого проєкту навігації для MacPaw Space, який знаходиться у БЦ «Торонто». Частина навігації на самій локації не така велика, як шлях до неї.

Користувацькі клавіатурні скорочення у Mac OS X, iOS, iPadOS

Mon, 17 Oct 2022 17:45:50 +0000

На Mac OS у налаштуваннях клавіатури є функція задати на будь-які текстові скорочення розгорнуті тексти. Дуже прискорює написання типових повторюваних текстів.

Найбільше мені заощаджують час написання через скорочення електронної пошти, телефона та смайла ¯\_(ツ)_/¯.

А також всі ці налаштування синхронізуються на всі ваші пристрої та доступні з телефона у iOS та планшета у iPadOS.

Clippy — просунутий менеджер копіювання/вставки для Mac OS X

Mon, 17 Oct 2022 17:43:00 +0000

Clipy — програма, яка розширює буфер обміну та зберігає у пам’яті багато скопійованих матеріалів, які потім можна кудись вставляти. А також дає змогу створити базу текстів і відповідей (Snippets), які можна швидко вставляти куди завгодно.

Копіювання тексту та виклик меню з вставкою через ^⌘V

Буде корисно, коли потрібно багато разів вставляти кілька різних текстів, або створити набір шаблонних відповідей, наприклад, ваші контакти або типові відповіді на повідомлення або листи, чи вставляти часто вживані частини коду.

Розклад роботи станцій метро

Thu, 13 Oct 2022 00:23:56 +0000

чНе перший раз бачу обурення, що декларується, що метро в Києві працює до 22:00, але самі станції зачиняються набагато раніше. І це дійсно так, у кожної станції свій розклад роботи, який підлаштовано під рух першого з останніх поїздів (звучить дивно, але має логіку).

Наприклад, Золоті ворота зачиняються о 21:31, при цьому останні поїзди у напрямку Червоного Хутора — 21:41, Сирця — 21:55.

При цьому бачу здивування, що якщо якийсь останній поїзд їде аж о 21:55, то навіщо станцію зачиняти на 24 хв раніше, це ж доведеться чекати, а пасажири ще б могли заходити на станцію.

QA: Автоматизація компресії зображень

Wed, 12 Oct 2022 12:50:53 +0000

Q: А якщо до імдж компресії? Чи можно автонакидувати термінальні команди?

A: По компресії є кілька методів. Зняв відео, а нижче опис:

Автоматитизація компресії зображень

1. ImageOptim

На Мак є програма ImageOptim. Пачкою оптимізує будь-яку кількість картинок. Працює на алгоритмі PNGQuant і також доступний, як програма для терміналу.

2. Terminal: optipng, jpegopti, gifsicle, svgo

Є кілька програм оптимізації зображень для термінала:

а) Для PNG є PNGQuant, pngcrush та optipng. Останній також вміє конвертувати BMP, GIF, TIFF у PNG, сайт. На його прикладі і подивимось.

Схеми транспортних вузлів

Wed, 12 Oct 2022 00:53:36 +0000

Дизайнер малює 3д-схеми станцій метро різних міст — http://stations.albertguillaumes.cat

3D-схеми транспортних вузлів різних міст

Цікавий формат, хоча навігаційної користі від таких схем мало. Деякі вузли настільки складні, як от станція Nation у Парижі, що жодна схема не може передати, як і куди рухатись, щоб перейти з однієї станції на іншу. У таких випадках працюватиме лише навігація по лініях.

QA: Автоматизоване перейменування файлів

Wed, 12 Oct 2022 00:50:07 +0000

Q: Часто доводиться додавати декілька слів на початку назв 10 файлів у папці. Цікаво, чи можна зробити так, щоб можна було прописувати ці декілька слів один раз, а вони додавалися до назв всіх файлів у папці автоматично?

A: Так, на Маку по перше можна напіввручну через функцію перейменування файлів додавати всім файлам на початку назви певне слово.

А також в Автоматорі → Rename Finder Items. Там серед варіантів є додавання тексту до чи після назви файлу. До речі, ця функція в Автоматорі більш просунута, ніж звичайне перейменування у Finder. І використовувати можна або через контекстне меню → Quick Actions, або створити автоматизацію для теки.

Автоматизація у папках у Mac OS за допомогою Automator

Fri, 07 Oct 2022 18:07:45 +0000

На Маку можна на певні теки повісити автоматизацію, при чому можна створити доволі багато різних дій, які обмежені тільки функціями Автоматора (а при знанні Apple Script так і взагалі будь-що у системі можна зробити). Реалізація дещо крива, але в цілому працює.

Швидке демо: файл HEIC конвертується у JPG, а далі копіїються у окрему теку, зменшується на 50% та у назву додається текст «_50%»

Як це працює

Для цього знадобляться два системні інструменти: Automator та Folder Action Setup. У Автоматорі створюється саме автоматизація для теки (folder action), обирається конкретна тека та налаштовується конкретна послідовність дій (workflow) з файлами, які до неї потрапляють.

Гіперболізація

Fri, 07 Oct 2022 17:02:12 +0000

Якщо взяти якийсь прийом та максимально його перебільшити та гіперболізувати, то і навігація стає мистецтвом.

Вхід на експозицію у музеї мистецтв у Філадельфії (Philadelphia Museum of Art):

Philadelphia Museum of Art

Автоматизація у папках Dropbox

Fri, 07 Oct 2022 00:34:37 +0000

У Дропбоксі є така неочевидна функція: деякі типові автоматизації для окремих тек, в яких відбувається якась проста дія:

сортування файлів за певним параметром; * перейменування файлів (наприклад, додати до назви слово, назву теки чи дату); * автоматичне збереження PDF поруч з кожним файлом (корисно для текстових документів та таблиць) * конвертація всіх картинок у формат PNG або JPG (наприклад, переводити фото з HEIC у JPG);
конвертація відео у MOV або MP4 (це відео зберіг через цю функцію, MOV→MP4, розмір не змінився);
розпаковування архіву;
конвертація аудіо у MP3 або WAV;
переведення аудіо у текст.

Довідка, як увімкнути автоматизацію: help.dropbox.com/organize/dropbox-automations

Вишита схема метро

Fri, 07 Oct 2022 00:33:31 +0000

Краса! Бачив і принти, і значки, і навіть тату зі схемою. А тепер ось і вишивка 😊

https://twitter.com/Chill_pizdrik/status/1576590052066750464

Місце паркування самокатів

Fri, 07 Oct 2022 00:22:34 +0000

Влітку 2021 року на прохання Віталія Селика розробив знак для місць паркування електросамокатів. Київ тоді як раз підписав меморандум зі всіма сервісами прокату самокатів, щоб вони розміщували та збирали самокати у таких точках і щоб вони не були розкидані по всіх вулицях. Наживо побачив їх тільки під кінець року і тільки в центрі, а наскільки їх розповсюдили далі не знаю.

Завантажити значок у PDF, EPS або SVG: https://www.dropbox.com/sh/dswdaranqxvkoex/AADJS8oSobOgtJ2ONy55d-eVa?dl=0

Місця паркування електросамокатів у Києві (2021 рік)

Дорожній шрифт

Mon, 19 Sep 2022 00:29:00 +0000

Вважаю однією з перемог це зміна дорожнього шрифти, який увійшов у новий ДСТУ 4100 в 2021 році. Пам’ятаю нерозуміння частини людей дотичних до проєкту (особливо з ДержЖорНДІ, які саме розробляють дорожні стандарти) навіщо змінювати шрифти. Аргументи були, що той шрифт вже багато років існує, люди до нього звикли і зміна може бути навіть небезпечною та створювати ДТП.

Таке враження, ніби існує «презумпція нормальності» тих норм, що існують, і їм ніякі докази не потрібні. І не важливо, чи було щось розроблено 50+ років тому.

Adobe купила Figma за $20 млрд

Fri, 16 Sep 2022 00:25:00 +0000

Чогось через цю новину всі дизайнери шуткують, що тепер і Фігма почне вилітати, як всі програми Адоб. Хоча насправді може ця співпраця тісніше інтегрує Фігму в усю екосистему Адоба і можна буде швидко переносити та підключати psd чи ai файли у Фігму, користуватись всіма шрифтами з бібліотеки чи адобівським фотостоком. Або у Фігмі зроблять нормальну роботу з друком та CMYK, що дозволить робити там крім інтерфейсів і багато друкованих макетів.

Плакати у метро, коли воно було укриттям

Thu, 15 Sep 2022 00:24:00 +0000

На початку вторгнення, коли метро слугувало укриттям для багатьох людей, група дизайнерів-волонтерів робили різні інформаційні плакати для допомоги. Поділився тоді з ними різними робочими файлами. Побачив тільки-но фото одного з плакатів про вбиральні, який лишився з того часу.

Metrotimer на JS

Tue, 13 Sep 2022 00:19:00 +0000

Колись програміст Юрко Машталір зробив нам інструмент, який рахує час від однієї станції метро до всіх інших станцій та віддає у певному відформатованому вигляді для застосування у Індизайні з GREP-стилями. Був зроблений на Пітоні та потребував серверу Heroku.

Зараз Юрко переробив код за допомогою Github Copilot на JS і не потребує серверу.

Поклацати тут: https://agentyzmin.github.io/a3-tools/metrotimer_js/

Код на Гітхабі: https://github.com/agentyzmin/a3-tools/tree/master/metrotimer_js

Metrotimer

Провів лекцію у своєму універі КПІ ВПІ

Tue, 13 Sep 2022 00:18:00 +0000

У 2006 році поступив у КПІ у Видавничо-поліграфічний інститут (ВПІ), де навчався на репрографа. Це більше про додрукарську підготовку, але я в цілому дізнався, як влаштовані книги та інша друкована продукція, а також процес її створення. За запрошенням Тетяни Розум, яка викладала й у мене, провів лекцію про навігацію для студентів. Трохи незвично, але приємно, що студентам було цікаво 😊

Дослідження читабельності/розпізнаваності стрілок на знаках

Wed, 07 Sep 2022 00:14:00 +0000

Порівняння відстаней, з яких зчитуються різні форми стрілок. Найбільш розпізнавані з більшох відстані — шевронні стрілки с широкими «вусами».

2004 рік. Джерело: https://www.researchgate.net/publication/245560609_New_Font_and_Arrow_for_National_Park_Service_Guide_Signs

Взагалі у стрілок є два важливі параметри, які впливають на їхню читабельність:

Ніжка має бути довшою за кожне «вусо», стрілка стає більш видовженою і цим підказує куди вона повернута.
«Вуса» мають явно віступати від ніжки, тоді при розфокусованому зорі буде видно, де більша візуальна маса і де напрямок.

Відремонтований вхід у метро Позняки

Tue, 06 Sep 2022 00:10:00 +0000

Навіяно вчорашнім постом про відкриття відремонтованого виходу на Позняках коштом приватного інвестора.

Як написали у комментарях про цей дивовижний кейс столиці з 70 міліардним річним бюджетом:

Знадобився цілий Dragon Capital щоб прибрати два кіоска і обшити вагонкою стіну біля входу в перехід. Неймовірно)

А якщо бути душнілою, то варто зазначити, що окрім мафів там взагалі-то був інформаційний знак, який казав що це не просто метро і просто Позняки, а що це зелена гілка М3 та був вказаний номер виходу, який важливий для орієнтування, а також повністю відсутня транслітерація, яка має допомагати іноземцям.

Тест Midjourney

Sat, 27 Aug 2022 00:06:00 +0000

Навігація, метро, електричка та схеми очима нейромежі Midjourney:

Дизайн-конвеєр: автоматизація роботи та масовий дизайн (лекція)

Mon, 01 Aug 2022 23:58:00 +0000

Взяв участь у Марафоні Креативної практики від Cases на підтримку ЗСУ, та записав лекцію про автоматизацію дизайну, дизайн-конвеєр та можливість створювати масовий дизайн. А взагалі це про підвищення власної продуктивності і цінності, як спеціаліста.

По-перше, в основі продуктивної роботи лежить просунуте знання можливостей робочих інструментів (як і що робити швидше), вивчення нових інструментів у зв’язці з робочими (гугл-таблиці, термінальні команди тощо) та створення своїх інструментів під задачі (форматування даних, генератори макетів тощо). Розповідаю на прикладі дизайну паркувальних табличок та інших навігаційних проєктів, в яких кількість макетів легко може сягати 500+ шт.

Оцінка назв-переможців

Sat, 02 Jul 2022 11:35:39 +0000

У минулому пості писав про дурнуватий процес голосування за перейменовані вулиці. Зараз комісія опрацювала результати та оголосила остаточні варіанти. Щось спірне прибрали, щось лишили.

Screenshot-2022-07-02-at-11.20.46.png

Раніше також було гарне інтерв’ю про перейменування вулиць з членом експертної комісії Павлом Островським. Там багато пояснень і правильної логіки у перейменуванні з урахуванням і голосів місцевих мешканців вулиць.

А от Вілледж, імхо, могли б ілюстрації зробити реальними макетами реальним шрифтом, бо назви в картинках виглядають лівими 😜

Перейменування вулиць через **** та імітація демократії в красивій обгортці

Thu, 16 Jun 2022 13:44:04 +0000

Вчора (15 червня) у застосунку Київ Цифровий запустили голосування за 296 назв вулиць. Все красиво та навіть називається «електронна демократія».

Пост про запуск голосування

На мою думку, процес знову недалеко пішов від голосування за назви метро і міську адміністрацію цей кейс ніяк не вчить ухвалювати безглузді рішення. Єдина відмінність цього голосування — неанонімне голосування без накрутки. Далі відмінності закінчуються і це так само безліч якихось назв, які просто викотили списком без пояснень, чому їх туди додали. Тільки загорнули в красиву обгортку застосунку з фільтрами по районах і типах вулиць. Навіть аргумент про те, що мають обирати місцеві, не працює, бо голосувати можуть всі мешканці України (попросив перевірити, не мешканець Києва і не платник податків таки може проголосувати).

(Не)Проводьте конкурси на дизайн

Sat, 14 May 2022 19:25:43 +0000

Старий пост, написаний для блогу Агентів змін.

Пост навіяно черговим голосуванням вже Полтавської САД за запропоновані варіанти дизайну знаків на в’їзді у місто. Але за останні роки таких прикладів можна назбирати безліч: від вибору логотипів міст до вибору ліврей поліцейських машин. І кожен раз можна побачити схожу картину: запускається голосування, починається шквал критики у соцмережах, голосування або припиняється або завершується, але і організатори і коментатори вважають іншу сторону мудаками, які нічого не розуміють, а у публічному просторі з’являється не завжди гарний дизайн.

Перейменування станцій київського метро

Sat, 14 May 2022 17:56:08 +0000

Київський метрополітен показав дуже жахливий підхід до перейменування станцій метро з повним перекладанням відповідальності на незрозумілу онлайн-більшість якихось людей. Навіть, якщо цих людей 170+ тисяч.

Пост на сторінці київського метро

Хтось просто на свій розум щось написав, а у метро взяли просто все, що люди накидали, та просто виставили на голосування. Проведення конкурсів з онлайн-голосуванням це вже погано, а тут погано у квадраті.

Назви станцій метро виконують важливу навігаційну роль у місті. Це такі ж топоніми, як і історичні назви районів. І називати Варшавською замість Мінської, коли є Варшавський масив, біля якого теж буде станція, зовсім нелогічно. Одночасно лишається Мінський масив, який поки не перейменований. Назви станцій мають допомагати розуміти місцевість, а не бути від неї відірваними і абстрактними.

Лінійні схеми метро з іншим транспортом

Thu, 17 Feb 2022 10:37:03 +0000

Дмитро Макогон виклав фото схеми з метро Будапешту та написав:

Очень удобно, когда на такой линейной схеме метро указываются еще маршруты наземного транспорта на каждой из станций.

Основна задача лінійної схеми — зорієнтувати, через скільки зупинок вам виходити.

Задачі розповідати про автобуси біля кожної зупинки зазвичай немає. Це ще працює, коли транспорт — єдина система, як от в Будапешті (хоча і там трамваї ще доцільно вказувати лише трамваї, як магістральний транспорт). У Києві жодного сенсу вказувати весь транспорт біля станції немає, бо ви не оберете станцію через номер автобуса, який там десь поруч проходить.

Генератор адресних покажчиків Дніпра

Wed, 16 Feb 2022 20:38:21 +0000

Команда dnipro.design розробили нові адресні покажчики Дніпра, описали у правилах та затвердили правила нових адресних покажчиків. Розумію, який то об’єм. Гарна велика робота, респектую всій команді 👏

А для того, щоб правила не лишались на папері ми допомогли створити інструмент для генерації всіх видів макетів:

👉 streetsigns.dnipro.design/g-name.html

Такий інструмент допомагає всім охочим зробити потрібні макети за всіма правилами.

Вам не потрібен дизайнер.
Вам не потрібно шукати чи купувати необхідні шрифти.
Вам не потрібна ліценція Adobe, Corel чи інших програм.

Як працює генератор

Коментар про новий «мурал» у метро

Sat, 12 Feb 2022 14:59:47 +0000

«Хмарочос» спитали мою думку про новий «мурал» у переході та що з цим переходом можна зробити:

Ми писали новину про мурал-рекламу в переході між станціями метро Хрещатик та Майдан незалежності. Можете пояснити нашим читачам, чому з точки зору дизайну – це візуальний шум і чому реклама-мурал це погано? Що ви взагалі думаєте про це? І ще цікавить, як цей «депресивний» (як його називають) перехід можна біло б змінити.

Мурал у переході

Здається, у питанні вже заховано негативне відношення до цього. Ось що подумав і про мурал, і про рекламу, і про сам перехід.

Лінійні схеми у Фігмі

Mon, 06 Dec 2021 12:55:55 +0000

Ілюстратор та ІнДизайн дуже потужні продукти, але іноді здаються такими, що застрягли у минулому і дуже повільно розвиваються. Іноді в них не вистачає гнучкості, яка є у нових редакторах типу Фігми.

Ось є задача: намалювати у громадському транспорті лінійні схеми із зупинками. Одразу думаю, «як можна зробити 100500 лінійних схем».

Згадав, що у Фігмі є компоненти та в теорії можна створити універсальний компонент, в який можна підставляти назви зупинок та пересадок.

Українсько-російська типографська розкладка клавіатури v.1.3

Sun, 21 Nov 2021 17:02:41 +0000

Оновив свою українсько-російську розкладку, яку зробив у 2016.

↓ Завантажити

Навіщо потрібна розкладка

У мене завжди було 3 мови: UA, RU та ЕN. І постійне перемикання між ними завжди додавало помилок, бо я ніколи не пам’ятаю, яка зараз розкладка увімкнена. І щоб не перемикати постійно UA та RU, я об’єднав їх разом з розкладкою Іллі Бірмана в одну українсько-російську типографську розкладку.

Що нового у v.1.3

Підлаштував розкладку під Macbook 16’ 2019.

Дизайн планів евакуації

Tue, 14 Sep 2021 17:34:51 +0000

Є річ, яка має бути у кожному публічному приміщенні — плани евакуації при пожежі. Ви напевно бачили такі, на них зображують план приміщення та купу стрілок з кімнат до коридорів, а потім до виходів.

Проблема

Основна проблема — майже всі плани зроблені «для галочки», бо їх вимагають пожежники. Наявність планів обов’язкова по стандартах. Чому «для галочки»:

плани ніколи не показують ваше точне місце розташування, по них не можна скласти маршрут;
купа стрілок у різні боки, які нічого не скажуть про потрібний напрямок;
на планах забагато зайвого — якісь елементи конструкцій, меблі та інше, що не допомагає орієнтуватись;
плани у різних будівлях виглядають по різному, хоча їх вигляд та візуальна мова має бути знайомою та зрозумілою (як ті самі дорожні знаки).

Типові плани евакуації

Щоб зрозуміти, що зайве, варто замислитись у який ситуації має працювати цей план. 99% часу він просто десь висить у будівлі та стає потрібен вже під час виникнення пожежі та екстреної ситуації. Це вже критичні та стресові умови сприйняття інформації, до цього можуть додаватись ще погане або відсутнє освітлення, задимлення тощо. Тож на сприйняття інформації є досить мало часу. І щоб допомогти у такій ситуації план має:

Automator

Tue, 14 Sep 2021 15:21:25 +0000

На маку є цікава вже вбудована програма — Автоматор. Вона дозволяє автоматизувати частину дій з файлами та теками у системі. Інтерфейс у неї простий:

обрати тип файлів, для яких потрібно застосовувати сценарій;
зібрати послідовність дій, які потрібно зробити з цими файлами (можна обрати з готових дій різних програм або написати власний скрипт на AppleScript або JS).

Сценарій можна створити у вигляді окремої програми, швидкої дії, яку можна викликати через контекстне меню у Finder, або навіть, як дію для конкретної теки (буде застосовуватись до всіх файлів, які туди потрапляють).

Масове переіменування файлів

Mon, 13 Sep 2021 12:13:57 +0000

У продовженняпопередньої теми: коли ми отримуємо безліч макетів, то для кращого орієнтування їх потрібно зрозуміло всі переназвати.

Стандартний інструмент МакОС дає можливість дуже обмежено або замінити частину назви або задати у певному форматі. Але ця функція не гнучка.

Automator

Наприклад, для паркувальних табличок логічним був би формат

А1001

по номеру майданчика. Стандартними інструментами неможливо додати нумерацію з нулями на початку (від 001 до 999). Але на допомогу в такій ситуації приходить маківський Автоматор. У ньому як раз дуже цікава функція — Rename Finder Items. У ньому можна обрати Make Sequential, який і дозволить задати необхідний нам формат за допомогою чекбоксу «Make all numbers _ digits long», щоб усі номери складались з трьох цифр включно з нулями.

Дизайн-брутфорс

Sat, 11 Sep 2021 17:12:57 +0000

Коротко, дизайн-брутфорс — це нагенерувати всі можливі потрібні макети.

Під час роботи над плакатами про ремонт у метро постала задача: як можна зробити так, щоб у метро самостійно могли робити плакати, коли їм потрібно бо ремонт може бути у будь-який день, але при цьому проконтролювати, щоб початковий дизайн плакату лишався без змін (не стискали чи змінювали шрифти та відступи тощо)?

Першою думкою було передати PDF, який можна редагувати у тому ж Adobe Acrobat. Але для цього у метро має бути цей софт та і редагує він криво, то ж цей варіант теж не ок.

Паркувальні інформаційні таблички у Києві

Sat, 03 Jul 2021 12:08:32 +0000

КМДА вчора оголосила підвищення цін за паркування та запуск інспекторів, що має кардинально покращити ситуацію з паркуванням в центрі та прибрати незаконних паркувальників «за готівку».

Ми разом з Олександром Зайцевим зробили дизайн нових інформаційних табличок про оплату паркування та дизайн лендингу, на якому скорочено і доступно все пояснено по паркуванню. З початку роботи ще до виходу таблички пережили кілька великих змін: спочатку туди інтегрувалася оплата на той час KyivSmartCity, потім було його оновлення до Київ Цифровий, потім змінювалися тарифи та умови, а кінці ще додали англійську мову, щоб зробити інформацію доступною й іноземцям.

Нова адміністративна мапа України разом з Ukraїner

Sun, 27 Jun 2021 19:49:59 +0000

Взимку Сергій Родіонов та Богдан Логвіненко з Ukrainer розповіли ідею зробити і надрукувати якусь нову більш естетичну адміністративну мапу для школярів, яка була б кращою за те що можна побачити. І дійсно, якщо пошукати адміністративні карти, то можна побачити якісь строкаті мапи, з насиченими, але не яскравими кольорами, купою різних шрифтів та безліччю зайвої інформації, яка тільки шумить. В окремих випадках розташування інформації були таким, що можна було зустріти скорочення назв міст, бо вони не вміщалися всі (особливо на сході країни). Всього цього хотілося уникнути та створити щось нове.

Путівник по маршрутному орієнтуванню

Wed, 09 Jun 2021 00:39:52 +0000

На початку року написали путівник по маршрутному орієнтуванню на дорогах, в якому описали всі принципи та правила, за якими треба створювати дорожні знаки. У документі п’ять великих розділів:

Принципи, закладені в основі всієї роботи.
Типи ділянок дороги. Усі ситуації на всіх дорогах можна згрупувати по типах, для яких потім треба використовувати свій набір знаків, що робить систему передбачуваною. Також у розділ закладена важлива думка: потрібно думати та проєктувати цілісний маршрут і на основі цього обирати

Гайдлайн по навігації аеропорт Далласу

Wed, 09 Jun 2021 00:24:52 +0000

Попався цікавий документ з описом, як робити навігацію у даласському аеропорті: логіку розміщення; різні розрахунки та пояснення щодо кольорів, розмірів шрифтів, розташування інформації; всі різновиди знаків тощо.

Приблизно такі «занудні» документи стають результатом після впровадження навігаційної системи, щоб було зрозуміло, як її потім оновлювати.

Цікавий скрін (стр 1-7) про логіку розміщення знаків та інформації

Другий цікавий скрін (стр 2-6) про розміри текстів для пішоходів і для людей на авто.

Автоматизація з Google Sheets

Sun, 16 May 2021 23:50:44 +0000

У контексті автоматизації таблиці можна застосовувати для переформатування (роз’єднання та з’єднання тексту, заміна тексту іншим і так далі) вхідних даних у необхідному вигляді для подальшої роботи у Data Merge в InDesign, JSON для використання на сайтах, консольних командах тощо.

Найцікавіші функції у Google Sheets:

CONCATENATE — об’єднання текстів з різних комірок та з заданим вручну текстом. Наприклад, CONCATENATE (A1;"-";B1;".svg") візьме текст з A1, додасть дефіс, додасть текст з B1 та в кінці додасть «.svg».
JOIN — схоже на CONCATENATE, об’єднає два тексти з вказаним розділювачем між ними. Наприклад, JOIN("–";A1;B1) візьме текст з A1, додасть два дефіси та додасть текст з B1.
SPLIT — розділить текст у комірці на кілька частин по вказаному символу-розділювачу. Наприклад, SPLIT(B3; “-”) розділить текст з комірки B3 на дві частини: ліворуч від дефіса “-” та праворуч від нього. Розділені дані будуть у кількох комірках праворуч від комірки з формулою.

Основи ергономіки

Thu, 06 May 2021 16:40:36 +0000

У минулому пості я згадав книжку «Основи ергономіки» Панеро та Зелника. У мене є лише її скан, тож ділюся всією книжкою (PDF, 210 МБ).

![ergonomics-cover1.jpg](/pictures/ergonomics-cover1.jpg “Обкладинка*)

Та обрав кілька цікавих розворотів звідти, які були корисні в роботі: рівень очей, зріст та кути зору. Для дизайну навігації це допомагає зрозуміти, які габарити будуть комфортними для сприйняття різними людьми.

Рівень очей, зріст та кути зору

Так ми колись дивились, які розміри більше підходять для інфостендів, які має бути зручно читати з відстані ~80–100 см: верхня точка — 2000 мм, нижня — 750 мм (а краще 900 мм). Все що вище або нижче читати буде незручно.

Як розрахувати відстань між підвісними знаками

Mon, 03 May 2021 17:53:05 +0000

Здається логічним припущення, що навігаційні вказівники не мають затуляти один одного. З наземними вказівниками більш менш зрозуміло: як далеко не розміщуй, попередній буде затуляти собою наступний. А от з підвісними цікавіше, бо у перспективі буде видно різні вказівники й ті, що далі — виглядатимуть меншими.

Припустимо, що це коридор в перспективі

І виникає питання, на якій відстані оптимально розміщувати вказівники, щоб вони зчитувались. Можна порахувати цю відстань, бо це більше геометрична задача, для якої потрібно кілька ввідних.

IBAN

Thu, 15 Apr 2021 12:20:53 +0000

Дизайн документів взагалі не пахане поле. Ось Микита Підгайний, який пропагує видалення беззмістовної юрні у юридичних документах, у своєму каналі написав про таку дрібничку, як написання IBAN.

Дійсно дуже складно уважно сприймати таку кількість цифр без додаткових розділювачів. Дійсно потрібно розглянути сценарії використання цього коду. Його можуть:

копіювати та переслати бухгалтерам чи юристам;
копіювати та вставляти у клієнт-банк для оплати;
набирати вручну з роздрукованого договору.

Найпростіший варіант був би, як з номерами телефонів чи банківських карток, — набирати з пробілами. Але якщо такий код скопіювати, то не всі клієнт-банки його сприйматимуть. Авжеж це задачі розробників клієнт-банків зробити нормальний парсер, але маєво що маємо. Тож пробіли — не варіант.

Sublime Text

Sun, 28 Mar 2021 21:28:00 +0000

Sublime Text — дуже потужний текстовий редактор, в якому я постійно пишу код. Є купа доповнень, які дуже просто встановлюються через вбудований Package Control та запускаються через вбудований командний рядок (⌘⇧+P). Окрім кодингу активно користуюсь, коли потрібно щось робити з текстом.

Інтерфейс Sublime Text

Написання купи рядків однакового змісту за допомогою мультикурсорів. Наприклад, маємо купу однакових імен файлів або перелік текстових рядків і потрібно в них всіх щось дописати.

Автоматизація в дизайні 🤖

Thu, 25 Mar 2021 22:56:38 +0000

Кожен раз фруструю, коли мені доводиться монотонно повторювати якусь дію більше ніж три рази. Одразу іду шукати спосіб, як цю дію можна автоматизувати.

Якщо дія разова, то пошук рішення та автоматизація може зайняти набагато більше часу, тому може здаватись недоцільною. Але, якщо щось потрібно зробити три рази, то велика ймовірність того, що потрібно буде робити і четвертий, а може і більше.

Додаткова перевага автоматизації: чим більше робить машина, тим менше місця для помилок людини.

Піктограми на плашках — погана ідея

Sun, 21 Mar 2021 23:30:37 +0000

Для чого потрібні піктограми? Вікіпедія нам каже, що це умовний малюнок із зображенням будь-яких дій, явищ, предметів і т. д.

Дві основні задачі піктограм:

Бути зрозумілою. На відміну від логотипів, чим більш впізнаваний образ на піктограмі, то більша ймовірність, що її правильно зчитають.
Зчитуватись. Піктограми разом із текстом часто зчитуються у поганих умовах і впізнавана форма самої піктограми дуже допомагає її зчитати.

Тож не варто використовувати піктограми на плашках, бо форма плашки нівелює форму іконки. Наприклад, якщо у нас є види транспорту, то основні їх відмінності у деталях (у тролейбуса зверху роги, у залізниці знизу колії, у трамвая пантограф зверху та рейки знизу).

Навігаційні шрифти

Mon, 22 Feb 2021 12:44:21 +0000

У мене іноді питають, який взяти шрифт для навігації. Я намагався зібрати список кириличних шрифтів, які розроблялись під навігацію, але окреслив параметри для вибору такого шрифту.

Навігаційні шрифти розробляються для поганих умов зчитування. Їхнє використання критичне в умовах великого потоку людей, великої швидкості руху, недостатнього часу на зчитування. Це транспорт, автомобільна навігація, аеропорти, вокзали. У таких випадках варто обрати саме навігаційний шрифт.

В інших випадках, коли малий потік людей, мала швидкість та вдосталь часу на читання написів, можна обрати будь-який читабельний шрифт. Це музеї, парки, бізнес-центри, торгівельні центри, житлові комплекси тощо.

Комунікація про зміни руху транспорту

Sat, 13 Feb 2021 21:17:22 +0000

У Львові затопило вулицю Франка і три трамваї змінили свої маршрути. Але Львівелектротранс ніяк про це комунікував на зупинках, тому небайдужий пасажир самостійно зробив і розмістив об’яви про це. Він молодець, ЛЕТ — ні.

Оголошення, які пасажир самостійно розмістив про зміну руху трамваїв у Львові

У коментарях до посту я сказав, що це добра спроба, але для немісцевого пасажира. Що я, як немісцевий, бачу на плакаті:

Wifi QR

Tue, 09 Feb 2021 14:29:22 +0000

Штука, яку чомусь дуже рідко можна у нас зустріти — підключення до вайфаю через qr-код. Хоча це ніби той самий сценарій, коли машина (телефон) має сама спілкуватись з машиною (роутером).

Доступ до вайфаю можна просто закодувати рядком тексту:

WIFI:T:WPA;S:<Network>;P:<Password>;H:;

де,

T: — шифрування (nopass, WEP, WPA)
S: — назва мережі
P: — пароль
H: — прихована мережа (значення true або false)

Авжеж текстом назву та пароль теж треба лишити, щоб люди розуміли що за кодом, та могли під’єднатися до мережі з ноутбука.

Таймери до наступного поїзда у метро

Sun, 31 Jan 2021 00:19:53 +0000

У нашому метро на кожній платформі висять таймери, які показують коли поїхав потяг. Пасажирам ця інформація завжди здавалася дивною, бо не несе для них ніякої користі. Насправді ж ці таймери для машиністів. Але виникає питання нащо вони такі великі, бо можна ж було встановити малі та біля кабіни машиніста, щоб тільки він бачив. Тим паче, що за кордоном у багатьох метрополітенах є таймери, які показують час до наступного потяга. І це як раз зручно, оскільки дає можливість планувати подорож та має заспокійливу дію, оскільки точно знаєш коли поїзд приїде.

Тестування дизайну в AR

Sat, 30 Jan 2021 22:57:32 +0000

Якщо одним рядком: 3д-модель → FBX → Reality converter → USDZ → iOS.

Під час роботи над другою чергою київської навігації подумав, як можна було б спростити процес вибору та затвердження місць розміщення, але лишити його наочним, прямо в середовищі. Не хотілося витрачати час на фотошоплення розміщення пілонів на фото, бо для кожної точки ми дивились кілька різних місць. Згадав про AR та подивився, як же ж можна застосувати цю технологію. Виявляється зовсім не складно. Примірка київських пілонів

Редизайн схеми лінії електрички

Tue, 26 Jan 2021 19:35:00 +0000

Укрзалізниця на днях запустила ще одну електричку Тарасівка—Вишневе—Київ у рамках свого проєкту Kyiv City Express. Це добра новина, транспортне сполучення з супутниками Києва не найкраще. Але поговоримо про дизайн у контексті цієї новини. Мою увагу привернуло фото з салону, на якому видно схему маршруту.

Наявні схеми

Що можна побачити на цій схемі?

Цікавий номер маршруту S5. Здається, не вистачає загальної схеми, щоб зрозуміти, які ще є маршрути. В ідеалі інтегрувати їх у схему швидкісного транспорту. Підкажіть, якщо хтось розумію всі нові маршрути.
Немає трансліту та перекладу всіх назв.
Білий текст на жовтому зовсім неконтрастний.
Сумнівний вибір жовтого кольору для лінії, який схожий на колір міської електрички на інших схемах. Краще було б обрати колір, який би відрізнявся від інших кольорів міського швидкісного транспорту.
Назви зупинок написані всіма великими літерами та під кутом, це погіршує зчитування, при цьому нічого не заважає написати їх рівно.
Піктограми іншого транспорту в колах схожі одна на одну. Та і позначення всіх автобусів викликає сумнів: для тих, хто вперше їде, номери ні про що не говорять без опису маршрутів, тож достатньо вказати швидкісний транспорт.
Номери маршрутів електрички зайві, оскільки вони обидва рухаються по колу, просто в різні боки.

Навігація. Що це і як працює

Wed, 10 Jun 2020 14:23:00 +0000

Для початку треба розібратись з термінами. Навігація в англійській мові зветься «wayfinding», тобто знаходження шляху. І таке значення краще показує суть — допомогти людині пройти вірним шляхом до цілі.

Якщо у Пінтересті пошукати за словом wayfinding, то можна побачити багато всякої краси.

Результати по запросу wayfinding на Пінтересті. Але це лише ~5% навігаційного проєкту.

Що таке навігація

Навігація — структурований набір рішень, які дозволяють дістатись пункту призначення.

Рішення мають допомагати:

Перевірка дизайну на доступність

Thu, 31 Jan 2019 18:24:00 +0000

У своїй роботі ми завжди дотримуємось принципів універсального дизайну, основний з яких — рівність та доступність використання. Тому у цій статі опишемо, як можна перевіряти дизайн та кольори на доступність для людей із порушенням зору.

Дальтонізм

Близько 8% чоловіків та 0,5% жінок народжуються з одним із видів дальтонізму. Тому будь-які макети треба перевіряти на доступність при кольоровій сліпоті, особливо, коли одночасно використовуються червоний та зелений кольори.

Adobe

У Adobe Photoshop, Illustrator та InDesign є вбудована функція перевірки макетів на два найпоширеніші види кольорової сліпоти: View / Proof Setup / Color Blindness Protanopia та Deuteranopia type. Для комфортної роботи можете додати гарячу клавішу для ввімкнення цих режимів у Edit / Keyboard Shortcuts.

ICNS. Як зберігати іконки для Mac OS

Wed, 08 Nov 2017 20:18:19 +0000

Для додатка в Mac OS або для клавіатурної розкладки іконки зберігаються у форматі ICNS. Це аналог формату ICO, але для Mac.

Всередині іконка може містити до десяти розмірів: 16, 32, 128, 256, 512 px і Retina-версії @2x. Для клавіатурної розкладки достатньо двох розмірів: 16 і 16@2x.

Розміри з сайту Apple:

Як зробити

Намалювавши потрібну кількість іконок, задаємо їм імена, як у списку нижче, і зберігаємо в папку. Важливо називати файли саме у такому форматі.

Українсько-російська клавіатурна розкладка Бірмана

Thu, 02 Nov 2017 01:05:19 +0000

**UPD:** оновлено до версії 1.3 (адаптовано під клавіатуру MacBook 16‘ 2019, оновлено іконки та створено інсталятор для простої установки). Також розкладка отримала окрему сторінку на сайті — [alexkolodko.com/projects/ua-ru-typography-layout](https://alexkolodko.com/projects/ua-ru-typography-layout).

У стандартній українській розкладці для macOS є цікава властивість: якщо натиснути альт+і, вводиться літера ы. Це дає змогу користуватися однією розкладкою замість двох.

Ще з часів роботи на ПК я звик використовувати типографічну розкладку Іллі Бірмана, яка зручніша за стандартну маківську. Але мене завжди дратувало тримати три розкладки та постійно між ними перемикатися.

Варшава 2017: транспорт

Mon, 18 Sep 2017 14:04:09 +0000

Я здійснив десятиденний тур по найближчому закордону: Варшава → Братислава → Відень → Будапешт. У цій статті напишу про транспорт у кожному місті, а в наступній — про різні цікаві міські деталі.

Про місто

Варшава мені дуже сподобалася. Після Києва місто виглядає охайним і зеленим (тут не стрижуть газони під нуль і не кронують дерева до стовбура). І, судячи з різних статей та фото, Варшава так змінилася не так давно.

Оновлення плагінів Sketch в один клік за допомогою Git

Sat, 24 Jun 2017 01:23:43 +0000

Для Sketch існує безліч різних плагінів: як великих, так і зовсім невеликих. Великі плагіни впроваджують власні механізми для оновлення, а за оновленнями дрібних плагінів стежити досить складно. Ручне оновлення — це біль.

В інтернеті знайшов цікавий спосіб оновлювати плагіни за допомогою git. Працює тільки для плагінів, які розміщені на GitHub, тому потрібно мати там акаунт.

Все дуже просто:

Спочатку потрібно встановити плагін за допомогою git-клієнта у папку плагінів: ///Users/YOUR-ACCOUNT-FOLDER/Library/Application Support/com.bohemiancoding.sketch3/Plugins///
Оновлювати плагін за допомогою кнопки Pull у git-клієнті

Установка покроково

Створіть акаунт на GitHub.

Таймлапс екрану в Mac OS X

Wed, 07 Jun 2017 17:07:10 +0000

Для одного робочого проєкту з картами захотів записати відео процесу роботи. Але процес малювання карти монотонний і не швидкий, тому звичайний запис екрану в реальному часі не підходить: записувати довго, потім відео треба прискорювати, комп’ютер починає грітися тощо. Згадав, що бачив ролики з прискореним процесом малювання та також захотів зробити схожий таймлапс з екрану (чи як це ще можна назвати).

Почав, звісно ж, із пошуку готового рішення. Перерив увесь безкоштовний софт в App Store, але нічого толкового не знайшов, а купувати купу зайвих функцій заради однієї потрібної не захотів. В App Store натрапив на програму Interval, яка просто збирає відеоролик із пачки зображень. І в мене одразу виникла ідея: робити скріншоти екрану через певні інтервали часу, а потім зібрати з цього ролик. Озброївшись маковським Automator та ознайомившись трохи з AppleScript, написав простий скрипт, який робить знімок екрану через задану кількість секунд і складає всі файли у визначену папку. Потім із цих зображень за допомогою “Інтервалу” збираємо відео.

Пошук

Mon, 01 Jan 0001 00:00:00 +0000

Усі дописи

Mon, 01 Jan 0001 00:00:00 +0000

Здоровий глузд

Оновлені паркувальні таблички у Києві

Швидке розпізнавання тексту з екрана чи файлів у macOS

Cursor та (не)вайб кодінг

QA: Кодинг у дизайні

Кишенькові схеми метро

Лого НСЗУ

Iconic Transit Maps: The World's Best Designs

«Згорівший» фунікулер і бан від КиївПасТрансу

Передмова. Перші нестиковки з КПТ

Розмір шрифтів у навігації

Попереду нові дорожні знаки

New city Mriya та код міста

Розмова з Михайлом Демшиним (студія More info) про досвід створення навігації в Україні, Австралії та США

Звукопис українського дизайну про навігацію

Генератор написів шрифтом Брайля

AuraSR — open-source збільшувач картинок від Adobe

Громадські вбиральні в Токіо та фільм «Perfect days»

Арт-проєкт «Скарбниця»

Автоматизація Excel та Word

Скрипти Adobe Illustrator та InDesign

Сторінка з усіма скриптами

Репозиторій на Github

Найцікавіші скрипти

Книга «Лого Дизайн Любов» від ArtHuss та Cases

Новий шрифт для інтерфейсів — Road UI

Розмір макетів під друк у Figma

Меморіальні таблички Києва

Повідомлення про ремонт колій

Паркувальні таблички Дніпра

Aztec code

Відстань зчитування QR кодів — 10:1

Шрифт Proba Nav2

Машина простору і часу від КПІ

МУР — Ти [Романтика]

Рекомендації #1

🎵 щопослухати

🎥 щоподивитись

Нові паркувальні зони у Києві

Навігація Design District у Північному Гринвічі

Скорочувач посилань на своєму сайті та генерація QR-кодів

На станціях швидкісного трамвая офіційно з’явилась схема швидкісного транспорту

Нумерація маршрутів транспорту

Знаки на зупинках Львову

Додаємо у Google Sheets посилання на всі файли у теці Google Drive

Відмінювання українських антропонімів: прізвищ, імен та імен по батькові

Dinamo Font Gauntlet

Навігація Берна

Конвеєр: масштабування PDF-файлів за допомогою pdfscale

Конвеєр: автоматизоване нарізання PDF на різні файли

Заклеєні навігаційні стели

Схема у «крюківські» вагони 81-7021/7022

Рекомендації Кабміну по доступності сприйняття інформації

BRouter та Trail Router — розрахунок довжини маршрутів на OpenStreetMap

Думки про навігацію

Менторська сесія: автоматизація дизайну макетів настільної гри

Схема метро 1.11

Лист від автора книжки про схеми транспорту

Менторська сесія: транспорта схема міста Сарни

Справжність та етичність

Справжність та деталі

Ідея-концепт для ботсада

Port Authority Wayfinding Manual

Як гарні ідеї перетворюють на шкідливі

Розмова з Кирилом Онацьким

Курс «Робота з InDesign»

Бюлетені у Туреччині

Великі артборди в Ілюстраторі

Що послухати №2: The Unsleeping — Жити

GPT for Sheet and Docs

Нова айдентика ЗСУ

What can my dont do?

Сортування картинок за співвідношенням сторін та роздільною здатністю у Finder (Mac OS X)

Що послухати: Циферблат

Хвиля нових адресних покажчиків

Плитка з регулюванням відстані / пропуском води

Автоматизація дизайну з ChatGPT. Частина 2: скрипти для InDesign, Figma, Google Docs, Automator

1. Заміна шрифтів у InDesign

ChatGPT як помічник з автоматизації

Кілька думок про ШІ