Дизайн системы UI в Figma

Сегодня нет никакого смысла с нуля создавать стили для типовых интерфейсов, кроме случая когда это является самим предметом вашей работы. В Figma в полном доступе есть сотни готовых решений. В каждую дизайн систему UI вложено сотни часов труда, и лучше сперва потратить свои несколько часов на изучение готовых решений, в поисках подходящего, чем окунаться с головой в создание своего.

Если вы про дизайн-системы ничего не знаете — начните изучение вопроса с этих библиотек дизайнов интерфейсов доступных в Фигме или просто используйте их:

Bootstrap 5 https://www.figma.com/community/file/1044316192441037087

United UI https://www.figma.com/community/file/1020079203222518115

Tailwind CSS UI https://www.figma.com/community/file/768809027799962739

Medusa UI https://www.figma.com/community/file/1278648465968635936

Align UI https://www.figma.com/file/PJ630SzPS3x2D807GYKHOk/

Ссылки на скрипты для Adobe Illustrator

Скрипты для Adobe Illustrator

Автор Ссылка
Сергей Осокин https://ais.sergosokin.ru/all-scripts/
Марат Шагиев https://github.com/dumbm1
Сергей Аносов https://sites.google.com/site/dtpscripting
Павел Рассадин http://mf36.narod.ru/
Даря Ніконішина https://github.com/daani-rika/Illustrator-scripts
Агенти змін https://github.com/agentyzmin/adobe-scripts
John Wundes https://github.com/johnwun/js4ai
Herman van Boeijen https://github.com/nimbling/Nimbling_Scripts
William Dowling https://github.com/wdjsdev/public_illustrator_scripts
Hiroyuki Sato http://shspage.blogspot.com/
Toshiyuki Takahashi https://github.com/gau
3flab inc. https://3fl.jp/d/is/
Seiji Miyazawa https://onthehead.com/ais/
Takashi Planning https://sttk3.com/blog/tips/illustrator
Wolfgang Reszel (+ другие авторы) http://illustrator.hilfdirselbst.ch/dokuwiki/en/skripte/javascript/uebersicht
Jens-Ulrich Kriebler https://www.computergrafik-know-how.de/javascript-ai/
Creator cut-out project http://www.openspc2.org/projectX/
kawamoto_α http://sysys.blog.shinobi.jp/
Gorolib http://gorolib.blog.jp/
EfficiencyDesign https://efficiencydesign.booth.pm/ (магазин)
@piotrlalak https://github.com/piotrlalak/Adobe-Illustrator
@sky-chaser-high https://github.com/sky-chaser-high/adobe-illustrator-scripts
 

Справочные материалы по ExtendScript

Описание Ссылка
Руководство по скриптам CC 2021 в pdf Adobe Illustrator CC 2021 Scripting Guide
Документация для разработчиков Adobe APIs and services
Референсы с поиском Adobe Illustrator Scripting Guide
Референсы в виде словаря с готовыми примерами вызова от Kazuhiro Koura Illustrator JavaScript Reference
Файл справки Object Model Viewer к ExtendScript Toolkit. Находится в локальной папке Windows:
C:\Program Files (x86)\Common Files\Adobe\Scripting Dictionaries CC\Illustrator 2022\omv.xml
macOS:
/Library/Application Support/Adobe/Scripting Dictionaries CC/Illustrator 2022/omv.xml
Вызов нативных команд Иллюстратора. Notion app.executeMenuCommand
Переключение инструментов, появившееся в CC 2020. Notion app.selectTool
В API добавлен поворот канваса View What’s New in Illustrator Scripting CC2021 (v25.3.1 June 2021 release)
Новые классы, методы в API CC 2021 What’s New in Illustrator Scripting CC2021
Новые классы, методы в API CC 2020 What’s New in Illustrator Scripting CC2020
Новые классы, методы в API CC 2018 What’s New in Illustrator Scripting CC2018
Чтение и изменение ключей Preferences от Ten A Illustrator preferences 1
Файлы с некоторыми ключами Preferences AIPreferenceKeys.h в Illustrator SDK
Windows:
C:\Users\<Current user>\AppData\Roaming\Adobe\Adobe Illustrator <vers.> Settings\<lang>\Adobe Illustrator Prefs
macOS:
/<username>/Library/Preferences/Adobe Illustrator <vers.> Settings/<lang>/Adobe Illustrator Prefs
Большое количество вопросов, готовых скриптов от сообщества Форум Adobe Illustrator
Применение эффектов PageItem.applyEffect() Illustrator’s LiveEffect method has managed
Библиотека функций от @m1b для PageItem.applyEffect() AI Live Effects Functions
Тесты алгоритмов выделения объектов от @sttk3 Select faster by script
Документация по ScriptUI в pdf от Peter Kahrel ScriptUI for dummies
Конструктор диалогов для скриптов с экспортом готового кода от Joonas Pääkkö ScriptUI Dialog Builder
Мой блог с советами, найденными багами в скриптовом API https://ais.sergosokin.ru/blog/

Сайт услуг KWORK

Обнаружил очень хороший сайт услуг KWORK:

https://kwork.ru/ref/13662221

Можно заказать услуги по любой тематике или выставить свои. Чтобы заказать услуги надо просто зарегистрироваться и создать описание проекта. Чтобы начать зарабатывать, конечно, придется сперва выполнить несколько заказов с демпингом, чтобы заработать рейтинг — выбирите что-то простое. Бирж, в которых созданы комфортные условия для общения и простым вводом/выводом денег мало, это одна из них.

 Я, для интереса, уже выполнил пару заказов, вот мой профиль: https://kwork.ru/user/podhod?ref=13662221

Создание tileset спрайта из тайлов для карты в 2D игре

Сколько надо кусочков платформы нарисовать для аркадной 2D игры? Какие комбинации и сочетания плиток бывают и как можно упростить их создание? Заинтересовался этими вопросами и обнаружил за ними науку.

Оказывается, за созданием тайлов для игр стоит непростая геометрия, в зависимости от того какие сочетания с соседними клетками по горизонтали, вертикали и диагоналям мы хотим предусмотреть. Вот потрясающий сайт на английском популярно рассказывающий про все виды тайлинга, навигация по главам справа в колонке: http://www.cr31.co.uk/stagecast/wang/intro.html

Кратко. Математик Ван Хао описал законы для плитки на плоскости по разным правилам, связал с машиной Тюринга и всё систематизировал. Вот заумная статья про систематизацию тайлов: https://www.boristhebrave.com/2021/11/14/classification-of-tilesets/

Квадратные тайлы можно придумывать по разным правилам. Основные это — учитывать только соединение сторон (4), или соединение углов (4), или и сторон и углов (8). В современном мире это знание применяют дизайнеры текстур — тайлингом решается всё, от обоев с цветочками до кельтских узоров. И применяют создатели 2D игр, чтобы уметь рисовать по клеточкам землю в море или землю висящую в воздухе, в зависимости от того какую двухмерную игру они делают.

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

Самая важное знание: что для того, чтобы учитывать и углы и стороны, потребуется придумать 47 видов тайлов. 47 плиточек можно расположить в один спрайт в квадрат 7×7=49 (2 лишних) или в 8×6=48 (1 лишняя) или в 12×4=48 (1 лишняя). Вот примеры как 47 плиток собрать в один спрайт, чтобы было удобно наблюдать соединения:

Кроме того, сформировался опыт, как имея 5 тайлов разрезать каждый на 4 кусочка и собрать их в 47 комбинаций. То есть из такой картинки:

Автоматически сгенерировать вот такой стандартный шаблон 12×4:

Такую текстуру стало принято использовать в 2D игровых движках, поскольку она наглядна, как палитра, например, для создания уровней в играх-платформерах или для создания лабиринтов в RPG с видом сверху вниз.

Losless Cut программа для обрезки видео без перекодирования

Если вы когда-нибудь занимались оцифровкой видоекассет, то оцените этот инструмент. Каждое новое видео на базе существующего требует его пересоздания (reencoding) — файл увеличивается, а качество теряется. Видеофайлы с кассет получается очень тяжёлые, с шумным и низкокачественным изображением. При этом файл чаще всего надо обязательно нарезать, поскольку в видео, чаще всего, несколько разных эпизодов. Не хочется ухудшать и увеличивать объём и без того проблемных файлов.

Потрясающая программа Losless Cut решает эту и множество других сопутствующих проблем. Вот короткое информативное видео с примерами возможностей программы: https://youtu.be/pYHMxXy05Jg

Cut Videos in SECONDS Instead of Hours with No Quality Loss! 🎬 LosslessCut

Релизы LoslessCut на GitHub https://github.com/mifi/lossless-cut/releases
Сайт о программе https://mifi.no/losslesscut/

Возможно, вам будет интересен обзор других бесплатных видео-редакторов и программ для монтажа фильмов https://vovkasolovev.ru/blog/video-editor/

Подпишитесь на мой Телеграмм https://t.me/VovkaSolovevRu