Ох, вы не представляете, как тяжело сейчас найти статьи о дизайне или годноту без упоминания AI, но я попытался. Так что, если вы устали от этих двух букв, вот на чем можно залипнуть:
1. Старая типографика трясёт стариной ✍️
В статье описан эволюционный путь оптической компенсации шрифтов и то, в каком виде она существует сегодня. Это когда в рамках одного семейства с изменением кегля меняется рисунок литер (штрихи становятся толще или тоньше). У Variable Fonts сейчас есть такие возможности, но ими мало кто пользуется. Поэтому важно уметь подбирать пары: акцидентный для заголовков и текстовый для основного набора.
2. Email’ы всё ещё не accessible (сюрприз, блин) 🫣
Так вышло, что в последнее время мне довелось делать много шаблонов писем. Я наивно полагал, что за последние пять лет всё кардинально изменилось и теперь письма можно делать крутыми и жизнерадостными, с анимациями и свистоперделочками. Как бы не так! Ничего не изменилось: письма по-прежнему верстаются таблицами и «процессятся» движком Word (это не шутка, Outlook до сих пор так работает). А в отчете наглядно показано, насколько в этой сфере всё грустно с accessibility. На случай, если захотите не попадать впросак.
3. По кирпичику… 🧱
Тут всё просто: очень прикольная библиотека, которая позволяет собирать пререндеренные SVG из блоков. Причем каждый «кирпичик» настраивается как угодно. Отдельный лайк за демо: всё можно покрутить, повертеть и протестировать прямо в браузере. Руки так и чешутся закирпичить какой-нибудь проект.
4. Маленькие радости 🎁
Ещё проще — библиотека ready-to-prod анимационных переходов между состояниями, которые приправляют взаимодействие щепоткой приятности. Копи-пэйст.
5. Словарик аниматора 🤐
Если вы устали говорить разработчикам: «Нужно, чтобы эта штука делала не вжух, а пшиип-пау», — самое время освежить в памяти терминологию. Отличный шанс заменить бессвязный набор звуков на правильные профессиональные термины.
6. Как адаптировать вашу дизайн-систему под AI… что? 😯 Как это сюда просочилось? DEL! Не читайте дальше!
Но если вы всё-таки продолжили читать, то в статье описан подход минимизации AI-drift с каждым новым запросом. Если коротко, то мало подготовить Figma-либу и кинуть её в агента с криком «Делай так, псина!». Логично, что нужно описать её в понятном формате, но что интересно, что можно просить AI-шку дополнять спеку по мере работы, чтобы все предпочтения и решения сразу заносились в контекст использования всех элементов.
Ну вот и всё…
1. Старая типографика трясёт стариной ✍️
В статье описан эволюционный путь оптической компенсации шрифтов и то, в каком виде она существует сегодня. Это когда в рамках одного семейства с изменением кегля меняется рисунок литер (штрихи становятся толще или тоньше). У Variable Fonts сейчас есть такие возможности, но ими мало кто пользуется. Поэтому важно уметь подбирать пары: акцидентный для заголовков и текстовый для основного набора.
2. Email’ы всё ещё не accessible (сюрприз, блин) 🫣
Так вышло, что в последнее время мне довелось делать много шаблонов писем. Я наивно полагал, что за последние пять лет всё кардинально изменилось и теперь письма можно делать крутыми и жизнерадостными, с анимациями и свистоперделочками. Как бы не так! Ничего не изменилось: письма по-прежнему верстаются таблицами и «процессятся» движком Word (это не шутка, Outlook до сих пор так работает). А в отчете наглядно показано, насколько в этой сфере всё грустно с accessibility. На случай, если захотите не попадать впросак.
3. По кирпичику… 🧱
Тут всё просто: очень прикольная библиотека, которая позволяет собирать пререндеренные SVG из блоков. Причем каждый «кирпичик» настраивается как угодно. Отдельный лайк за демо: всё можно покрутить, повертеть и протестировать прямо в браузере. Руки так и чешутся закирпичить какой-нибудь проект.
4. Маленькие радости 🎁
Ещё проще — библиотека ready-to-prod анимационных переходов между состояниями, которые приправляют взаимодействие щепоткой приятности. Копи-пэйст.
5. Словарик аниматора 🤐
Если вы устали говорить разработчикам: «Нужно, чтобы эта штука делала не вжух, а пшиип-пау», — самое время освежить в памяти терминологию. Отличный шанс заменить бессвязный набор звуков на правильные профессиональные термины.
6. Как адаптировать вашу дизайн-систему под AI… что? 😯 Как это сюда просочилось? DEL! Не читайте дальше!
Но если вы всё-таки продолжили читать, то в статье описан подход минимизации AI-drift с каждым новым запросом. Если коротко, то мало подготовить Figma-либу и кинуть её в агента с криком «Делай так, псина!». Логично, что нужно описать её в понятном формате, но что интересно, что можно просить AI-шку дополнять спеку по мере работы, чтобы все предпочтения и решения сразу заносились в контекст использования всех элементов.
Ну вот и всё…