Раньше я регулярно ныл про проблемы скриптов в Адобе. Теперь же я стараюсь не ныть, но тут исключительный случай. И поною я про дизайн.
Камим-то случайным образом я стал пользователем пылесоса, дизайнеру которого хочется оторватьпровод руки. Создателю одного из самых полезных бытовых приборов пришла идея сделать одинаковыми кнопки скручивания провода включения и скручивания провода. Разницу кнопок мудрый дизайнер решил выразить тактильным рисунком, который едва видно. Даже на рекламной фотографии сверху вы не сразу определите этот провод рисунок.
И теперь через раз, пытаясь включить пылесос, я сматываю провод, и наоборот — через раз, пытаясь смотать провод, включаю пылесос. Series 2. Всё верно.
Если для проверки вероятности 1/6 вам понадобится игральная кость, то для проверки 1/2 вам больше не нужна монета. Теперь достаточно приобрести этот пылесос.
Ну а так как это всё-таки блог про автоматизацию дизайна, вот ссылка на маленькую заметку про разницу программирования в Адобе: Иллюстраторе и Индизайне —
https://adobescript.ru/blog/get-adobe-item
Камим-то случайным образом я стал пользователем пылесоса, дизайнеру которого хочется оторвать
И теперь через раз, пытаясь включить пылесос, я сматываю провод, и наоборот — через раз, пытаясь смотать провод, включаю пылесос. Series 2. Всё верно.
Если для проверки вероятности 1/6 вам понадобится игральная кость, то для проверки 1/2 вам больше не нужна монета. Теперь достаточно приобрести этот пылесос.
Ну а так как это всё-таки блог про автоматизацию дизайна, вот ссылка на маленькую заметку про разницу программирования в Адобе: Иллюстраторе и Индизайне —
https://adobescript.ru/blog/get-adobe-item
👆👆👆
Про создание генератора адресных табличек для Екатеринбурга я уже рассказывал тут. Но сегодня хочу обратить внимание на такой момент.
Для каждого дизайн-кода города, общественного пространства или для дизайн-системы (или как это называется?) дизайнеры создают подробный гайд, как применять созданный дизайн в различных условиях. Команда дизайн-кода Екатеринбурга тоже сделала подробное руководство. И не только по адресным табличкам, но и другие. И все эти руководства опубликованы на сайте: https://guides.ekaterinburg.city/ — взгляните, сколько внимательной и кропотливой работы!
Но с адресными табличками вышло так, что этот гайд, можно сказать, «больше не нужен» 🥹. Потому что для создания любой адресной вывески: современного или исторического здания, подъездной таблички — используют онлайн-генератор, в котором реализованы все возможные комбинации текста и чисел. Достаточно выбрать улицу и ввести номер дома. Готово!
Я даже не поленился и посчитал объём руководства по дизайну, получилось около 80 изображений и 6800 символов (без пробелов). На самом деле там описаны не все ситуации, в онлайн-генератор заложено 215 комбинаций :))
В общем, делайте онлайн-генераторы PDF-макетов для масштабирования дизайна! Дизайнеры должны заниматься творчеством, а не рутиной.
Про создание генератора адресных табличек для Екатеринбурга я уже рассказывал тут. Но сегодня хочу обратить внимание на такой момент.
Для каждого дизайн-кода города, общественного пространства или для дизайн-системы (или как это называется?) дизайнеры создают подробный гайд, как применять созданный дизайн в различных условиях. Команда дизайн-кода Екатеринбурга тоже сделала подробное руководство. И не только по адресным табличкам, но и другие. И все эти руководства опубликованы на сайте: https://guides.ekaterinburg.city/ — взгляните, сколько внимательной и кропотливой работы!
Но с адресными табличками вышло так, что этот гайд, можно сказать, «больше не нужен» 🥹. Потому что для создания любой адресной вывески: современного или исторического здания, подъездной таблички — используют онлайн-генератор, в котором реализованы все возможные комбинации текста и чисел. Достаточно выбрать улицу и ввести номер дома. Готово!
Я даже не поленился и посчитал объём руководства по дизайну, получилось около 80 изображений и 6800 символов (без пробелов). На самом деле там описаны не все ситуации, в онлайн-генератор заложено 215 комбинаций :))
В общем, делайте онлайн-генераторы PDF-макетов для масштабирования дизайна! Дизайнеры должны заниматься творчеством, а не рутиной.
Переименовал канал (раньше он был AdobeScript). Ну потому что уже давно я занимаюсь не только скриптами в Адобе.
Точнее даже так: мы стараемся всё делать в вебе, и используем Адоб Индизайн или Иллюстратор только при острой необходимости (когда клиент там работает).
С момента первой версии JP — генератора PDF-файлов — он круто прокачался и по возможностям, и по скоростям.
Вот, например, генератор визитки в вебе — https://autocraft.app/example/vcard
Кажется, примитивный случай, но посмотрите, что в этом примере работает «из коробки» в браузере без сервера:
— цвета в CMYK, миллиметры, куар-код с электронной визиткой vCard (можно рисовать любую форму в точках или углах куара);
— 2-страничный макет, оборотная сторона может быть вертикальной (или другого размера);
— все шрифты в кривых (в свойствах PDF-файла вы не найдёте следы шрифтов);
— вы можете загрузить свой PDF-файл в качестве логотипа (можно даже только что скаченную визитку снова вложить в новую визитку, как на картинках).
Далее опции посложней, не совсем очевидные:
— движок сам нарисовал форму ввода и следит за обновлением данных (но можно сделать свой интерфейс и контролировать данные перед генерацией),
— должность в визитке всегда под именем, даже если имя написано в одну или три строки (привязка элементов друг к другу);
— один из шрифтов был создан автором из вариативного, и при кривлении в Фигме в углах образовывались «дыры» в заливке, а тут всё хорошо;
— превью каждой страницы PDF-файла выведено на отдельные PNG-картинки, то есть это не HTML+CSS примерный вид файла, а реальный и контролируемый вид;
— работает условный шаблон, то есть шрифт и цвета визитки зависят от выбора в селекте; причем это не какой-то кастомный JS-код, а генератор обрабатывает условия и меняет цвет.
На самом деле движок уже умеет и RGB-цвета делать, или делать CMYK-файлы с превью в RGB-цветах. Или можно подключить Гугл-таблицу и скачать сразу сотню файлов. Или класть в PDF-файл картинку, а не только PDF.
Но это уже темы для следующих постов. И картинок будет больше, потому что без картинок автоматизация дизайна как-то скучновата.
Точнее даже так: мы стараемся всё делать в вебе, и используем Адоб Индизайн или Иллюстратор только при острой необходимости (когда клиент там работает).
С момента первой версии JP — генератора PDF-файлов — он круто прокачался и по возможностям, и по скоростям.
Вот, например, генератор визитки в вебе — https://autocraft.app/example/vcard
Кажется, примитивный случай, но посмотрите, что в этом примере работает «из коробки» в браузере без сервера:
— цвета в CMYK, миллиметры, куар-код с электронной визиткой vCard (можно рисовать любую форму в точках или углах куара);
— 2-страничный макет, оборотная сторона может быть вертикальной (или другого размера);
— все шрифты в кривых (в свойствах PDF-файла вы не найдёте следы шрифтов);
— вы можете загрузить свой PDF-файл в качестве логотипа (можно даже только что скаченную визитку снова вложить в новую визитку, как на картинках).
Далее опции посложней, не совсем очевидные:
— движок сам нарисовал форму ввода и следит за обновлением данных (но можно сделать свой интерфейс и контролировать данные перед генерацией),
— должность в визитке всегда под именем, даже если имя написано в одну или три строки (привязка элементов друг к другу);
— один из шрифтов был создан автором из вариативного, и при кривлении в Фигме в углах образовывались «дыры» в заливке, а тут всё хорошо;
— превью каждой страницы PDF-файла выведено на отдельные PNG-картинки, то есть это не HTML+CSS примерный вид файла, а реальный и контролируемый вид;
— работает условный шаблон, то есть шрифт и цвета визитки зависят от выбора в селекте; причем это не какой-то кастомный JS-код, а генератор обрабатывает условия и меняет цвет.
На самом деле движок уже умеет и RGB-цвета делать, или делать CMYK-файлы с превью в RGB-цветах. Или можно подключить Гугл-таблицу и скачать сразу сотню файлов. Или класть в PDF-файл картинку, а не только PDF.
Но это уже темы для следующих постов. И картинок будет больше, потому что без картинок автоматизация дизайна как-то скучновата.
Когда начал программировать самостоятельное рисование букв, надо было узнать всё про строение букв. Начал гуглить сайты и шерстить статьи в Википедии.
На каких-то сайтах было всё хорошо написано, но не хватало картинок. Где-то картинки хорошие, но навигация ужасная. Сразу хотелось сделать самому сайт про буквы!
И вот встретил прекрасный сайт, где это всё собрано и с авторскими иллюстрациями. Сайт пополняется. Русского языка нет, но у всех статей есть теги и темы.
Просто вау — https://wiki.wordsoftype.com
На каких-то сайтах было всё хорошо написано, но не хватало картинок. Где-то картинки хорошие, но навигация ужасная. Сразу хотелось сделать самому сайт про буквы!
И вот встретил прекрасный сайт, где это всё собрано и с авторскими иллюстрациями. Сайт пополняется. Русского языка нет, но у всех статей есть теги и темы.
Просто вау — https://wiki.wordsoftype.com