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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

→ wakamaifondue.com

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

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

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

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

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

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

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

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

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

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

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

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

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

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

1. ImageOptim

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

2. Terminal: optipng, jpegopti, gifsicle, svgo

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

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

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

Як це працює

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

У контексті автоматизації таблиці можна застосовувати для переформатування (роз’єднання та з’єднання тексту, заміна тексту іншим і так далі) вхідних даних у необхідному вигляді для подальшої роботи у 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 на дві частини: ліворуч від дефіса “-” та праворуч від нього. Розділені дані будуть у кількох комірках праворуч від комірки з формулою.

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

Інтерфейс Sublime Text

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