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

Про дизайн, міста та дизайн у містах, кодінг та автоматизацію

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

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

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

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

Читати →

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

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

layout-img@2x.png

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

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

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

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

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

Читати →

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

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

Проблема

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

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

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

Читати →

Automator

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

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

automator-newfile@2x.png

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

Читати →

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

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

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

rename-macos.png

Automator

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

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

Читати →

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

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

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

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

Читати →

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

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

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

Читати →

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

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

Читати →

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

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

  1. Принципи, закладені в основі всієї роботи.

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

    Читати →

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

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

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

DALLAS-FORT-WORTH-INTERNATIONAL-AIRPORT-10@2x.jpeg

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

DALLAS-FORT-WORTH-INTERNATIONAL-AIRPORT-48@2x.jpeg

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

Читати →