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

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

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

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

Наявні схеми

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

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

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

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

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

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

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

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

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

Дальтонізм

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

Adobe

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

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

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

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

Як зробити

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

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

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

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

Про місто

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

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

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

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

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

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

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

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

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