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

Пізніше Ctrl + ↑

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

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

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

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

p.s. А ще зацініть фавікону і логотип, який можна написати текстом — {△}

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

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

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

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

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

Які переваги дає такий генератор:

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

🟢 Економія коштів та людських ресурсів. Автоматичне створення макетів займає менше робочого часу та зменшує витрати на роботу. Можна взагалі не залучати дизайнера для створення чергових типових макетів.

🟢 Унеможливлення помилок. Менше ручної роботи зменшує кількість можливих помилок при введенні тексту.

🟢 Масове впровадження. Дає можливість обробити більше макетів за той самий проміжок часу, а відповідно впровадити велику кількість носіїв.

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

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

Приклади реалізованих публічних генераторів:

✉️
Якщо зацікавило і вам у роботі потенційно може бути корисним подібний генератор, напишіть на адресу generator@wayfinding.systems або в особисті у телеграмі t.me/alexkolodko чи на пошту alexkolodko@gmail.com

iA Presenter

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

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

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

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

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

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

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

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

→ Завантажити бета-версію 0.9.1

І можна підтримати розробників поставивши лайк на Product Hunt.

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

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

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

Photoshop

Що нового

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

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

Adobe Illustrator

Що нового

  • Нова опція редагування накладання та перетинів форм: залишається можливість редагувати окремі форми, але різні перетини можна відображати по різному. Краще побачити відео, виглядає цікаво.
  • Нормальне копіювання тексту у Індизайн і назад. Нарешті, давно пора було.
    * Quick Actions: як я зрозумів це просто набір графічних стилів, які зберігатимуться у хмарині, та які звідти можна буде швидше використовувати у нових файлах.
  • Нові формати експорту у 3Д.
    * Оптимізували швидкість роботи з прилінкованими файлами.

Деякі штуки типу 3d та панель матеріалів, авжеж, цікаво виглядають, хоча колись 3d намагались додати аж у Фотошоп, з цього нічого гарного не вийшло. І зараз схоже навертання функцій у наявний інструмент, коли у ньому діє обмеження робочої області, як було від появи програми і не може бути більше 5770 x 5770 мм. Чому — хз. А ще у 21 столітті програма при оновленні не може перенести встановлені користувацькі скрипти, екшени, свотчі та символи.

InDesign

Що нового

  • Auto Style. По факту це набори стилів, які можна зберегти та швидко застосувати по всьому документу (заголовки, тексти, підписи тощо). Може бути зручно мати окремо збережені ваші вже налаштовані стилі, замість того щоб їх копіювати з попередніх документів. Доступно у Technology Preview.
  • Копіпаст тексту з Ілюстратором.
  • Підтримуються нові формати картинок: WEBP, HEIC, JP2, HEIF.
  • Дублювання сторінок тепер додає дубль не в кінець документа, а після наявної сторінки. Для додавання в кінець тепер окрема кнопка. 
    * Можна тепер до INDD файлів додати превью, якого раніше не було. Можна задати навіть кілька сторінок.
    * Використання UXP скриптів.

Студія Cartlidge Levene

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

cartlidgelevene.co.uk

Barbican Arts Centre

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

Derwent London

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

Офіс газети Guardian

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

Паризький музей Musée d’Arts de Nantes

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

Royal College of Art

Цікаві конструкції табличок, які просто звисають з кріплення.

Галерея сучасного мистецтва TATE Modern

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

Westminster Abbey

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

Раніше Ctrl + ↓