Практическое руководство по анимации переходов в интерфейсах

Перевод статьи Донгкю Ли о том, каких принципов стоит придерживаться при создании анимаций переходов. Он выделяет шесть важных моментов, которые позволят сделать красивые и уместные анимации в любом дизайне интерфейсов: плавное появление и затухание с изменением прозрачности, масштабирование, постоянное направление движения, баланс скорости, приоритеты, порядок/группировка элементов и ориентация в пространстве. Ссылка #article_nd TOP Tutorial
Изображение поста

Как обратная связь от практикующих дизайнеров помогает расти быстрее на 200%?

381 студента Айтилогии начали получать заказы с 1 месяца обучения. Как это работает можешь проверить на бесплатной практике, где за 7 дней ты: 1. Осваиваешь Figma по пошаговой методике — без воды; 2. Понимаешь, как работать с цветом, шрифтами и композицией; 3. Разбираешься с UX/UI, интерфейсами и прототипами; 4. Учишься упрощать себе работу с помощью ИИ; 5. Делаешь 5 дизайн-проектов с нуля; 6. Получаешь обратную связь по своим работам от практикующих дизайнеров; 7. Понимаешь свои сильные/слабые стороны и строишь план развития. Тут выбор за тобой:  1. годами топтаться на месте хватаясь за всё подряд или… 2. построить чёткий план развития по советам профи и получать заказы уже в течение 1 месяца. 11 июня закроется регистрация на текущий поток. → Успей 7 дней бесплатно попрактиковаться с профи в дизайне С 2019 года Айтилогия наполняет студентов уверенностью через практику.
Изображение поста

привет, это андрей, редактор duo, и сегодня я поделюсь идеями, как необычно и эффективно прокачать своё дизайн-портфолио 📁

☕︎ ❁ альтернативные версии привычных сервисов возьми знакомое приложение вроде spotify и переделай его под новые условия. например, сделай версию для пожилых пользователей или для работы в офлайне. покажи, какие метрики ты улучшил/а и почему это важно. ❁ дизайн из будущего представь, как будет выглядеть твой любимый сервис в 2050 году. спроектируй интерфейс, исходя из новых технологий и привычек. но не улетай слишком далеко — добавь реалистичную дорожную карту и покажи какие части этой идеи можно внедрить уже сейчас. ❁ ограничения как движок креатива придумай задачу с жёстким ограничением — например, использовать только один цвет или обойтись без иконок. такие рамки часто вытаскивают неожиданные решения. важно показать, какие выводы ты сделал/а из эксперимента. ❁ публичные эксперименты устраивай открытые марафоны — например, «30 экранов за 30 дней». каждый день бери одну гипотезу и тестируй её. выкладывай процесс в соцсетки, комментируй, что сработало, а что нет. а ещё будет классно, если к тебе кто-нибудь присоединится. ❁ неожиданные сферы сделай интерфейс для области, в которой ты раньше не работал/а — медицина, промышленность, агротех — всё что угодно. поясни, с какими ограничениями ты столкнулся/столкнулась и как справился/справилась. это покажет, что ты не боишься нового и умеешь находить подход к разным задачкам. ❁ проекты с недизайнерами придумай что-то вместе с инженером, аналитиком или психологом. расскажи, как вы делили зоны ответственности. покажи, как ваша синергия повлияла на результат. ❁ дизайн наоборот используй приёмы из триз (теория решения изобретательских задач) и придумай проект, который специально ломает стандартные решения. например, интерфейс, где нет кнопок, или сайт, где всё горизонтально. главное — объясни, какие противоречия ты решил/а и зачем. ❁ дизайн в прямом эфире сделай трансляцию в формате скринкаста (например, через screen studio), как ты работаешь над проектом. потом нарежь лучшие моменты, добавь свои комментарии и выложи как кейс. покажи не только результат, но и ход мыслей. ❁ редизайн себя прошлого/прошлой возьми старую работу и переделай её. расскажи, что именно ты изменил/а и почему теперь решил/а иначе. это показывает рост и рефлексию. ❁ социальный смысл запусти проект, который помогает людям. расскажи, как ты подошёл/подошла к задаче, какие метрики были важны и что получилось в итоге. если продукт не сложный, поработай ещё и с кодом — тут поможет ии. ☕︎ всё это можно смешивать, адаптировать и развивать. главное — не бояться пробовать. а вот что можно почитать по теме: ❁ аустин клеон — «show your work!» — коротко и по делу о том, как показывать не только результат, но и процесс. ❁ майк монтэйро — «design is a job» — глобально о работе дизайнера, но ещё и о том, почему портфолио — это не галерея, а рабочий инструмент. ❁ энтони данн и фиона рэби — «speculative everything» — простое введение в спекулятивный дизайн, если хочется мыслить шире. ❁ джейк напп — «sprint» — чёткий и понятный алгоритм проверки гипотез за пять дней. ❁ уильям лидвелл и соавторы — «universal principles of design» — справочник с приёмами, которые работают почти в любом дизайне. ❁ генрих альтшуллер — «найти идею: введение в триз — теорию решения изобретательских задач» — база по триз, если хочется копнуть в методику системного мышления. ❁ ким гудвин — «designing for the digital age» — подробное руководство по работе с пользователями: от исследований до интерфейсов. ✦ ну а если чувствуешь, что нужна помощь с обновлением портфолио — тебе поможет опытная менторка или ментор
Изображение поста
Хорош тот макет, который в интерфейс легко превращается (с).
Далее запустили тренажер для дизайнеров — с его помощью всего за 3 минуты ты сможешь понять, насколько хорошо умеешь готовить макеты к верстке, и подтянуть навыки бесплатно. Переходи в бота, получай результат и полезные материалы для прокачки своих скиллов 🖖
Изображение поста
Хорош тот макет, который в интерфейс легко превращается (с).
Далее запустили тренажер для дизайнеров — с его помощью всего за 3 минуты ты сможешь понять, насколько хорошо умеешь готовить макеты к верстке, и подтянуть навыки бесплатно. Переходи в бота, получай результат и полезные материалы для прокачки своих скиллов 🖖
Изображение поста
Хорош тот макет, который в интерфейс легко превращается (с).
Далее запустили тренажер для дизайнеров — с его помощью всего за 3 минуты ты сможешь понять, насколько хорошо умеешь готовить макеты к верстке, и подтянуть навыки бесплатно. Переходи в бота, получай результат и полезные материалы для прокачки своих скиллов 🖖
Изображение поста
.Figma Make умеет…
Поигрались в этот AI от фигмы. Записали тим-сессию и собрали тезисы по ней: - Можно просто вставить картинку или скрин — как референс, и AI сам строит структуру дизайна. - AI сам придумывает ТЗ, если его не дать. Например, создаёт структуру приложения по визуальному входу. - AI способен сделать интерактив — в примере: страница достижений была не просто сверстана, но и стала кликабельной. - Всё работает без полноценной базы данных — данные временно сохраняются (например, в cookies или памяти приложения). - Код пишется автоматически, разбивается на компоненты и может быть скачан. - Работает быстро, если дать чёткий визуальный референс: от 3 до 5 минут на генерацию UI и кода. - Есть визуальный редактор кода прямо в интерфейсе, можно быстро редактировать. - Иногда переписывает код целиком, даже если нужно изменить только одну часть — это может быть неудобно. - Придумывает сам копирайтинг и тексты, если их нет. - Умеет делать адаптивный дизайн, без дополнительных указаний. - Запоминает контекст прошлых правок, удобно для итерационной работы. - Вёрстка нативная и аккуратная, иногда игнорирует мелкие детали (например, цвета или иконки). - Поддержка интерактивности — можно тестировать UI прямо внутри генератора. - При дублировании проекта хранит весь контекст, а не только результат - Нельзя получить Figma-файл напрямую из Make — всё конвертируется в код. - Можно публиковать сайт прямо из Make, как мини-лендинг. @osensei_design • oleg&kate
#razbor UIX Домашка Мая. Разбор решений участников. Конечно, лучше всего сначала посмотреть моq общий разбор решения и тогда сразу станет понятно на сколько % из 100 удалось взломать этот простой и безобидный интерфейс.
Детальный разбор (без работ участников) — тут. Ссылка на работы участников — figma тут.
Adobe Creative Master Collection 2025 v02.06.2025 Win
🟣Adobe Creative Cloud Collection — это сборник приложений из линейки Creative Cloud 2025 и ряда программ младшей версии, объединенных единым установщиком с возможностью выбора пути установки и языка установленных программ. По функционалу все очень похоже на хорошо зарекомендовавший себя в прошлом Adobe Master Collection CS6. Только вот изменился интерфейс инсталлятора, текущий пакет включает в себя значительно больше программ, чем его тезка Creative Suite 6, а версии самих программ в основном более свежие. ✅ Содержимое пакета - Adobe Acrobat Pro DC 2025.001.20474 - Adobe After Effects 2025 v25.2.2 - Adobe Animate 2024 v24.0.9 - Adobe Audition 2025 v25.2.0 - Adobe Bridge 2025 v15.0.4 - Adobe Character Animator 2025 v25.0 - Adobe Dimension v4.1.2 - Adobe Dreamweaver 2021 v21.5.0 - Adobe Fresco v5.5.0 - Adobe Illustrator 2025 v29.5.1 - Adobe InCopy 2025 v20.3.1 - Adobe InDesign 2025 v20.3.1 - Adobe Lightroom Classic 2025 v14.3.1 - Adobe Media Encoder 2025 v25.2.0 - Adobe Photoshop 2025 v26.7.0 - Adobe Premiere Pro 2025 v25.2.3 - Adobe Premiere Rush v2.10.0.30 - Adobe Substance 3D Designer v14.1.2 - Adobe Substance 3D Modeler v1.22.0 - Adobe Substance 3D Painter v11.0.1 - Adobe Substance 3D Sampler v5.0.2 - Adobe Substance 3D Stager v3.1.2 - Adobe XD v58.0.12 🔸Объем: 37,5 ГБ 💾 ССЫЛКА 💬 Комментарии ➡️КАНАЛ⬅️ #pack #soft #Adobe #free #бесплатно
Изображение поста
Дизайн сайта о медитациях Все время пользователя сопровождает дружелюбный интерфейс и милые мордочки, которые своим существованием уже вызывают улыбку.
Бесплатное обучение 3D-визуализации интерьеров в 3Ds Max
14 дней бесплатной практики в 3D Max! На моем бесплатном онлайн-курсе "3D Max в интерьере: Первые шаги" под руководством личного наставника вы сделайте свою первую 3D-визуализацию комнаты. Начнем работу с установки 3D Max и разберем интерфейс программы. Так что принять участие в марафоне можно, даже если у вас не установлена программа и вы ни разу ее не открывали. 90% программы — чистая практика. Вы с нуля научитесь создавать геометрию помещения, моделировать предметы интерьера, импортировать модели, работать с материалами и выставлять реалистичный свет. Мы дадим базовые знания 3d-визуализаций и главное, расскажем, как освоить профессию 3d-визуализатора и начать зарабатывать! Узнать больше #реклама 16+ ok-visual-3dstart.ru О рекламодателе
Как обратная связь от практикующих дизайнеров помогает расти быстрее на 200%?
381 студента Айтилогии начали получать заказы с 1 месяца обучения. Как это работает можешь проверить на бесплатной практике, где за 7 дней ты: 1. Осваиваешь Figma по пошаговой методике — без воды; 2. Понимаешь, как работать с цветом, шрифтами и композицией; 3. Разбираешься с UX/UI, интерфейсами и прототипами; 4. Учишься упрощать себе работу с помощью ИИ; 5. Делаешь 5 дизайн-проектов с нуля; 6. Получаешь обратную связь по своим работам от практикующих дизайнеров; 7. Понимаешь свои сильные/слабые стороны и строишь план развития. Тут выбор за тобой: 1. годами топтаться на месте хватаясь за всё подряд или… 2. построить чёткий план развития по советам профи и получать заказы уже в течение 1 месяца. ⏳ 11 июня закроется регистрация на текущий поток. 👉 Успей 7 дней бесплатно попрактиковаться с профи в дизайне С 2019 года Айтилогия наполняет студентов уверенностью через практику.
Изображение поста
Food icons
Более 100 самых полезных минималистичных иконок продуктов питания для вашего интерфейса / дизайна #icons ОТКРЫТЬ Источник 👨 Дизайн-телега
Изображение поста
RBC v1.4.7 | A Physics-Based Vehicle Rigging Addon Blender [Beta]
🚕 RBC для Blender 4.0 - 4.4 помогает с легкостью создавать реалистичные риги транспортных средств, основанные на физике, в Blender! Благодаря интуитивно понятному интерфейсу RBC и расширенным возможностям настройки вы сможете быстро и легко настраивать свои автомобильные установки для достижения идеального поведения. ✅ Функции: - Интуитивно понятный интерфейс для легкой настройки и настройки - Расширенные возможности настройки для точного контроля над поведением автомобиля - Поддерживает широкий спектр типов и конфигураций транспортных средств - Параметры управления драйверами, клавиатурой и геймпадом - Экономящие время функции для повышения производительности Источник 💾 ССЫЛКА 💬 Комментарии ➡️КАНАЛ⬅️ #addons #blender #RBC #3d #free #бесплатно
🔗 Carousel Hero
Бесплатный генератор каруселей для соцсетей. Простые шаблоны, понятный интерфейс — делай слайды, которые хочется листать до конца. #соцсети #карусель #контент #шаблоны #дизайн #инструменты #smm Посмотреть 🔗
Плагин Figma
Плагин Musho AI генерирует интерфейсы, брендинг, иллюстрации, слайды презентаций и многое другое. Есть встроенная библиотека готовых ресурсов. Ссылка #materials_nd Что там с дизайном
Изображение поста
Твой дизайн — сразу в браузере
С сервисом Поехали! ты можешь создавать интерактивные веб-приложения без Figma и кода. Просто опиши интерфейс, и он будет готов к использованию и публикации. 👉🏻 Попробуй бесплатно
Изображение поста
Почему мы выбрали именно дизайн презентаций и хотим, чтобы вы обратили своё внимание на эту профессию?
⚡️Дизайн презентаций — это простой и быстрый вход в сферу дизайна. Помимо презентаций вы сможете сделать и карточку для маркетплейса, и рекламный баннер, и красивую картинку для сторис. Что угодно! Главное — придерживаться основ дизайна, которые мы даем на нашем курсе «Дизайнер презентаций», а дальше перед вами откроется целый мир дизайн-индустрии. ⚡️Для того, чтобы стать дизайнером презентаций не нужно иметь талант или художественное образование, не нужно жить в мегаполисе и разбираться в компьютерах, нам не важен твой возраст, пол и кого ты любишь больше — собак или кошек. Главное — идти четко по шагам, опираться на основы дизайна, оттачивать свои навыки и постоянно совершенствоваться. ⚡️ Вся работа строится в одной программе — PowerPoint или KeyNote — каждый из нас хотя бы раз в жизни делал презентации по учёбе или работе и хотя бы частично знаком с этим интерфейсом. Вам не нужно изучать дополнительный софт, чтобы делать крутой дизайн. ⚡️Дизайн презентаций может стать вашим хобби, дополнительным заработком или фулл тайм работой. Это удаленная работа, которая не требует нахождения в офисе с 9 до 18. Многие наши выпускники работают из разных уголков земли: Аргентина, Канада, Германия, Индонезия, Турция и т.д. ⚡️Отчеты, выступления, защита проекта, поиск инвестиций, презентация компании, предложение для клиента, стратегия развития, сопровождение для уроков — презентации нужны сплошь и рядом. И этот рынок с каждым днем только растет.  Напишите в комментариях, что вы знаете о дизайне презентаций и когда в последний раз вы открывали PowerPoint 👇👇👇
Изображение поста
Фрэймы от Воробушков
Фрэймы — фигма файл, в который будут выкладываться исходники визуальных экспериментов в интерфейсах 🐦 Можно декомпозировать, вдохновляться, воровать и делиться 🖤 🎨 Открыть в Figma Материалы и уроки для дизайнеров — Design Loot
Изображение поста