Плагин Alignmate — автоматически выравнивает элементы дизайна с точными отступами и пропорциями. Оптимален для создания аккуратных интерфейсов, мудбордов и систем иконок.

Video is not supported

Эффект объемной тени.

🤍🤍🤍 Визуальный ритм:

🤍🤍🤍 от фото к биту 🤍🤍🤍 СЕГОДНЯ 20:00 😝 Воркшоп "Визуальный ритм - от фото к биту" Кто ведет: Алексей Крюк — музыкант, диджей с более чем 20-летним опытом, работающий под псевдонимом Krjuk, преподаватель курса СЭМ в Щелочи. Основатель лейбла САУНД. На воркшопе покажем что ритм есть не только в музыке. Он в окнах вашей многоэтажки, фасадах, ветках, и повторяющихся линиях. Вы узнаете как увидеть этот ритм в обычной фотографии и превратить его в основу для будущего трека. Выберете собственный снимок с понятной геометрией, перенесёте его структуру в музыкальную сетку и соберёте уникальный ритмический рисунок в ableton. Для работы мы заранее дадим всё необходимое. 🗝🗝🗝🗝🗝🗝🗝🗝 🗝🗝🗝🗝🗝🗝🗝🗝 🗝🗝🗝🗝🗝🗝🗝🗝 🗝🗝🗝🗝🗝🗝🗝🗝 🗝🗝🗝🗝🗝🗝🗝🗝 🗝🗝🗝🗝🗝🗝🗝🗝 🗝🗝🗝🗝🗝🗝🗝🗝 🗝🗝🗝🗝🗝🗝🗝 ❤️ забронировать место ❤️ p.s. автор самого креативного подхода получит специальное предложение на курс СЭМ4

🧱 Стримящийся интерфейс должен быть стабильным, а не просто живым

Joas Pambou разбирает проблему, которая всё чаще появляется в интерфейсах с ИИ, логами, транскрибацией и любыми данными в реальном времени. Экран уже не ждёт полного ответа, а обновляется по ходу генерации. Вроде бы удобно, но на практике такой интерфейс легко начинает мешать: тянет пользователя вниз, двигает элементы под рукой, слишком часто перерисовывает DOM и ломает нормальное чтение. Самое полезное здесь в том, что статья смотрит на стриминг не как на визуальный эффект, а как на набор конкретных UX- и фронтенд-рисков. Если пользователь прокрутил вверх, интерфейс не должен насильно возвращать его к последней строке. Если текст растёт, не нужно пересобирать весь блок на каждый символ. Если данные приходят быстрее, чем браузер рисует кадры, их лучше буферизовать и обновлять экран пачками. Иначе «живой» интерфейс быстро превращается в дергающийся, непредсказуемый и утомительный. Внутри: – Почему стримящиеся интерфейсы сложнее, чем кажутся на первый взгляд; – Как автоскролл может начать бороться с пользователем за внимание; – Почему новые строки, токены и блоки создают сдвиги макета; – Зачем останавливать автоскролл, если пользователь сам ушёл вверх; – Почему не стоит пересобирать весь DOM на каждый новый символ; – Как буферизация через requestAnimationFrame снижает лишние перерисовки; – Что общего у ИИ-чата, логов, транскрибации и дашбордов с метриками; – Почему стабильность интерфейса это не только производительность, но и доступность. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
В Figma появилась возможность группировать вкладки.
Video is not supported
Реальный лайфхак, как от нейронки добиться рабочего кода. Немного жестковато, но как есть. Они постоянно тупят и делают хорошо не сразу. В реальности не так все радужно при использовании ИИ в проекте. Нужно постоянно все переделывать. Но буст по скорости дают приличный, так как код переписывают моментально.
Скрин от моего технического директора, как он с ними общается (первая строчка текста на скрине) Нейронки применяем плотно уже больше полугода. Но важно использовать их с умом. Это когда хорошая дизайн-система, все разложено по компонентам и есть системная архитектура. Тогда нейронке легче делать новые компоненты на основе уже заложенного фундамента. Также важно не рассчитывать на нейронку и постоянно перепроверять ее. Потому что она дает много ошибок в первой, второй, третьей... итерации. И может довести до того, что хочется ударить по столу😅 ➡️ Делюсь внутрянкой, так как вчера поставили много сердечек, вижу вам интересно. Поставите еще – продолжу дальше. Кстати, Алексей, мой тех дир, говорит, что лучший критерий, заменит нейронка прогеров или нет, – это когда он перестанет на них ругаться матом.
Опять задаю тренды портфолио 🤴
В январе захотел обновить на сайте статичную фотку на что-то прикалдэсное. Поигрался чуть-чуть с гемини, потом с клингом, на выходе получилась 3дшная голова. Хотел выделиться. Сайт зафичерился на всех агрегаторах портфолио и постах в линкедине формата «ТОП 5 ПОРТФОЛИО ПРОДУКТОВЫХ ДИЗАЙНЕРОВ». Прошло полгода, теперь анимированная голова или портрет на сайте у каждого второго. В прошлый раз так расфорсили лэйаут моего портфолио в ноушене несколько лет назад 🚶‍♀ . Ну а если серьезно, то это шуточный пост. Почти всех воришек я знаю лично 😊. Это гуд, когда твои идеи и решения замечают и копируют. Повод задуматься, когда этого не происходит.
Video is not supported
Изображение канала: Retro Figma
Iconly V3.0 Free by Piqostudio
Огромная коллекция иконок на любой вкус: внутри более 40 000 элементов. Скачать икон🐱 #иконки
Изображение канала: winkeyless
Миша Наер с ребятами сделал апку, в которой можно послушать радио из разных стран, двигая котика на глобусе
Попросил вам рассказать, что они сейчас очень активно ищут бета-тестеров и фидбэк. Хотят награду эпл получить. Вот тут можно поставить апку: https://testflight.apple.com/join/KE8kbAfb А тут чатик для фидбэка: https://t.me/+g45Wfj6YwgA4NDgy Early adopters'ам при релизе пообещали кастомный эксклюзивный скин котика 🐱
Video is not supported
Изображение канала: Женя UPROCK
Хорошая новость и напоминалочка
Завтра на бесплатном вебинаре разберем по промптам каждую сцену AI-видео. На прошлой неделе поговорили об общем пайплайне (ссылка), а теперь по атомам пройдемся по всем техническим нюансам: как генерировать фото, видео и музыку для AI-клипа. ➡️ Регистрация на вебинар в боте Бонусом прикладываю разбор проектов моих студентов по нейронкам. А прокачать ИИ для дизайна и видео можно на курсе AI-дизайнер 2.0. Поток стартовал сегодня, но до 19 июня вы еще можете присоединиться к нему со скидкой 10 000 руб. Узнать подробнее и записаться на курс можно через коллег в @uprock_hello. Ребята, поставьте 🔥, если вам нравятся такие разборы. Буду рад делиться ими почаще.
Изображение канала: ReuseArch
PDF шпаргалка для архитекторов от инженеров
Трендовая и актуальная архитектура сталкивается с еще большими техническими проблемами, чем традиционные объекты. Одна из таких задач – как «вписать» все инженерные системы в новые и сложные формы? Коллеги с «Инженерной улицы» обобщили огромный опыт проектирования уникальных объектов и сформулировали простые и понятные правила, касающихся технических помещений. Они подготовили удобную «шпаргалку» с инфографикой, полезными цифрами и фактами. Must have для архитекторов и дизайнеров. Скачать PDF файл можно по ссылке.