Минутка промта:

Дизайнер Дарья Суркова делится промтом для Nano Banana прототипа презентации упаковки на основе одного макета. Промт для Nano Banana Pro: Create ONE final image. A clean 3×3 [ratio] storyboard grid with nine equal [ratio] sized panels on [4:5] ratio. Use the reference image as the base product reference. Keep the same product, packaging design, branding, materials, colors, proportions and overall identity across all nine panels exactly as the reference. The product must remain clearly recognizable in every frame. The label, logo and proportions must stay exactly the same. This storyboard is a high-end designer mockup presentation for a branding portfolio. The focus is on form, composition, materiality and visual rhythm rather than realism or lifestyle narrative. The overall look should feel curated, editorial and design-driven. FRAME 1: Front-facing hero shot of the product in a clean studio setup. Neutral background, balanced composition, calm and confident presentation of the product. FRAME 2: Close-up shot with the focus centered on the middle of the product. Focusing on surface texture, materials and print details. FRAME 3: Shows the reference product placed in an environment that naturally fits the brand and product category. Studio setting inspired by the product design elements and colours. FRAME 4: Product shown in use or interaction on a neutral studio background. Hands and interaction elements are minimal and restrained, the look matches the style of the package. FRAME 5: Isometric composition showing multiple products arranged in a precise geometric order from the top isometric angle. All products are placed at the same isometric top angle, evenly spaced, clean, structured and graphic. FRAME 6: Product levitating slightly tilted on a neutral background that matches the reference image color palette. Floating position is angled and intentional, the product is floating naturally in space. FRAME 7: is an extreme close-up focusing on a specific detail of the label, edge, texture or material behavior. FRAME 8: The product in an unexpected yet aesthetically strong setting that feels bold, editorial and visually striking. Unexpected but highly stylized setting. Studio-based, and designer-driven. Bold composition that elevates the brand. FRAME 9: Wide composition showing the product in use, placed within a refined designer setup. Clean props, controlled styling, cohesive with the rest of the series. CAMERA & STYLE: Ultra high-quality studio imagery with a real camera look. Different camera angles and framings across frames. Controlled depth of field, precise lighting, accurate materials and reflections. Lighting logic, color palette, mood and visual language must remain consistent across all nine panels as one cohesive series. OUTPUT: A clean 3×3 grid with no borders, no text, no captions and no watermarks.
Изображение поста
Изображение поста
Изображение поста

Interactive Input Fields — Пплагин упрощает создание интерактивных полей для ввода

Изображение поста

О пользе старых публикаций. Сегодня информации больше, чем когда-либо. Каждый день выходят десятки статей и постов, но ощущение такое, что это часто вторично. Люди пересказывают одни и те же идеи. Иногда это делает уже не человек, а LLM от имени человека.

Поэтому я люблю ресурсы вроде researchgate.net или academia.edu. Там можно найти не только что-то доказательное и новое, но и работы прошлых лет. Недавно наткнулся на курс по UX от Keith Andrews опубликованный в 2017 году — «Human-Computer Interaction». Вроде бы знакомые вещи, но все-таки одна иллюстрация зацепила своей новизной. Я раньше ее не встречал, и она оказалась удивительно для меня полезной. Андрюс использует ее, чтобы показать ценность персон и противопоставить их абстрактному «среднему пользователю». А для меня эта картинка стала идеальным объяснением разницы между традиционной персоной и мифической «мета-персоной», которая в какой-то момент проникла в головы дизайнеров. Хорошая иллюстрация заменяет сотню слов. Она помогает объяснить, зачем важно понимать потребности и задачи людей, когда создаешь продукты. Так что спасибо старым публикациям, за свежие идеи.
Изображение поста

#UI_ревью 9. Interactive Login Form

Работа: Outcrowd Сильная работа, которая вызывает вау-эффект, на деле довольно трудоёмкая для разработки, хотя выполнимая. + Без слов считываемая идея, что они следят за курсором, это даёт очень эмоциональный эффект «они меня видят». Такое уже было у Tunnelbear, но в этот раз выполнено более выразительно. + Эффект усиливается их реакцией на ситуацию: пароль неверный или видимый. Забавно отыграны такие эмоции как сочувствие, фрустрация, неловкость, и от этого мы начинаем сопереживать им обратно. + Мультяшный стиль с ярким применением принципов анимации Уолта Диснея. + Простые формы героев, при этом сами они все особенные благодаря исполнению лица, цветам и разнообразию форм. + Поскольку все движущиеся элементы локализованы в блоке слева, понятен механизм экспорта анимации Lottie из After Effects через Bodymovin. C анимацией по тригеру каждой ситуации проблем быть не должно. – Что будет сложно реализовать: движение каждой формы вроде зрачка, лица или рта придётся привязывать к курсору по отдельности, это существенная ручная работа. Дизайн настолько удачный, что его даже плагиатят. Если тебе понравился разбор, поддержи пост звездой. Так мне будет понятно, что такой контент тебе нужен. По теме: Анимация приложения для горных прогулок @slashdesigner #первые_шаги #UI_анимация
Набор «Interactive Buttons» by Alex Einarsson Файл с примером интерактивных кнопок со звуком
Изображение поста
Interactive Buttons Файл с примером интерактивных кнопок со звуком
Изображение поста
3D Interaction for web with Spline
UI Microinteractions – Interactive Components
Готовые интерактивные компоненты с несложной анимацией — удобно, если нужно быстро оживить интерфейс. Можно скопировать файл, чтобы посмотреть настройки, и использовать как есть или адаптировать под свой проект. #прочее Людочка, дизайн – ресурсы для дизайнеров
Изображение поста
♠️Interactive Procedural City Generator (UE 5.1+)
Особенности: - Создавайте оптимизированные города в реальном масштабе за считанные минуты. Рисуйте дороги с помощью мусса и генерируйте город в интерактивном режиме, как в игре «Городской пейзаж». - Поддержка автострад, шоссе, мостов, туннелей, переулков, парковочных дорожек и пандусов. - Поддержка высот. - Полная и подробная документация и видеоуроки. - Полный художественный контроль. - Используйте свои активы. - Каждый модуль может использоваться в автономном режиме и независимо от другого. - Многоступенчатая генерация. - Создавайте любые формы зданий. - Генерация зданий на основе грамматики. #Motion_UE_Assets #UnrealEngine #Motion4D Motion
Изображение поста
The brainstorm landing page interaction design
The brainstorm landing page interaction design
Interactive Input Fields
Плагин для создания реалистичных интерактивных полей ввода. #Plugin ОТКРЫТЬ Источник 👨 Дизайн-телега
Изображение поста
Interactive Sidebars Набор компонентов, с помощью которых вы можете добавить в свой дизайн интерактивные "сайдбары". Есть Dark и Light версии
Изображение поста
Archviz Artist - Unreal Engine Transforming ArchViz
Интерактивный 360-градусный опыт. 🛡 Archviz Artist - Unreal Engine Transforming ArchViz - воплотите свои проекты в жизнь с помощью Unreal Engine. Наша команда художников-архивистов вооружит вас необходимыми навыками для создания потрясающих интерактивных 360-градусных проектов в режиме реального времени, которые выделят вас среди конкурентов в творческой индустрии. 🛡 Archviz Artist - Unreal Engine Transforming ArchViz - Bring your projects to life with Unreal Engine. Our team of archviz artists will equip you with the necessary skills to create stunning interactive 360-degree projects in real time that will set you apart from your competitors in the creative industry. 🔸Объем: 25,8 ГБ 🗣Язык: ESP - RUS (Eng sub) ➡️ КАНАЛ ⬅️ 💬 Комментарии 👉🏼 СКАЧАТЬ в приватном канале - 👈🏼 Download in a private channel #курсы #Unreal_Engine #3d #Спонсорство #по_подписке Материал предоставлен только для справки и ознакомления. Поддержите автора, купив у него курс!
Tear Cards Generator - генератор разрыва ткани от Nodes Interactive помогает создавать реалистичные разрывы на одежде в Blender🍩.
Обеспечивает полный контроль над регулировкой плотности, размера и формы. Возможность выбора типа разрывов: законченный разрыв или элемент из сохранившихся нитей. Генератор включает инструменты деформации, редактирование от руки, поддержку texture atlas и маскировку групп вершин. Цена: 14.99$ ссылка #blender #plugins #geometrynodes
Mediatool home page interaction
Learn how to create an interactive infographic using
Просмотр с базовым знанием английского языка (либо через переводчик). #tools #tutorial Angelo Montilla Adobe Animate