Вот тут нагенерил Pinterest-досочку с уймой футуристических дропдаунов
👇Сам посмотри
https://ru.pinterest.com/setproduct/dropdown-ai-design/
👇Сам посмотри
https://ru.pinterest.com/setproduct/dropdown-ai-design/
Tooltips AI design inspiration
Нагенерил свежих AI-тултипчиков.
Весь этот визуальный пир я собрал в одной Pinterest-доске.
Это чистый инсайт и вдохновение в одноммягком месте!
Нагенерил свежих AI-тултипчиков.
Весь этот визуальный пир я собрал в одной Pinterest-доске.
Это чистый инсайт и вдохновение в одном
Слайдеров - каких только нету в этой AI коллекции…
Посмотри!
Там тьма невероятной UI концепции
→ https://ru.pinterest.com/setproduct/slider-ai-design/
Посмотри!
Там тьма невероятной UI концепции
→ https://ru.pinterest.com/setproduct/slider-ai-design/
НАСМОТРЕННОСТИ ПРОКАЧКА!
Таких стильков для кнопок ты ни в одной аппке не найдешь.
Только ИИ способен это сгенерить, соединив всякие свечения, градиентики и текстуры.
Смотри в Pinterest → Buttons UI design by AI
Таких стильков для кнопок ты ни в одной аппке не найдешь.
Только ИИ способен это сгенерить, соединив всякие свечения, градиентики и текстуры.
Смотри в Pinterest → Buttons UI design by AI
Полезное дизайнеру
На, понажимай!
This media is not supported in your browser
VIEW IN TELEGRAM
А если немного оживить?
Была вот такая AI-кнопочка, сгенерирована в модели Qwen Image.
Промпт: Frontal desktop interface with a clean white canvas displaying a large, sharp-cornered square button labeled "Submit". The button features 90-degree angles, thick padding, and bold black text. It uses a vibrant green gradient, inner shadow for depth, and high contrast. The visual weight makes it feel tactile and highly clickable. Center it within a card or dialog. Surrounding elements -- title, inputs, text -- are softly blurred and semi-transparent to minimize distractions. Highlight the button's size and dominant press area relative to the layout. Include visual spacing to emphasize the generous click zone.
Промпт: Frontal desktop interface with a clean white canvas displaying a large, sharp-cornered square button labeled "Submit". The button features 90-degree angles, thick padding, and bold black text. It uses a vibrant green gradient, inner shadow for depth, and high contrast. The visual weight makes it feel tactile and highly clickable. Center it within a card or dialog. Surrounding elements -- title, inputs, text -- are softly blurred and semi-transparent to minimize distractions. Highlight the button's size and dominant press area relative to the layout. Include visual spacing to emphasize the generous click zone.
This media is not supported in your browser
VIEW IN TELEGRAM
Затем беру модельку для видео генерации Wan 2.6 и приделываю к кнопке палец-нажималец с помощью промпта:
Image-to-video. Keep the exact composition and background unchanged. Animate a tactile press on the green “Submit” button: it compresses slightly, then a soft ripple travels across the button surface, contained within the rounded square shape (no spill). The ripple subtly distorts specular highlights only. Shadow contracts on press and expands on release. Return to the original frame cleanly for a seamless loop. Text stays identical and readable. No camera movement.
Image-to-video. Keep the exact composition and background unchanged. Animate a tactile press on the green “Submit” button: it compresses slightly, then a soft ripple travels across the button surface, contained within the rounded square shape (no spill). The ripple subtly distorts specular highlights only. Shadow contracts on press and expands on release. Return to the original frame cleanly for a seamless loop. Text stays identical and readable. No camera movement.
Зашёл как-то на Pinterest вот этот ИИ-шотик. Слайдер, светится красиво, ещё и отблеск внизу. Вроде и 3D, вроде и морфизм какой-то.
И неважно, что там нижние плейсхолдеры корявИИе. Это легко замазывается, если надо.
Факт: Pinterest его везде крутит, и когда ты пойдешь за вдохновением – алгоритм его тебе подсунет.
А алгоритму веднее, метрики не врут. Он стал популярным.
И неважно, что там нижние плейсхолдеры корявИИе. Это легко замазывается, если надо.
Факт: Pinterest его везде крутит, и когда ты пойдешь за вдохновением – алгоритм его тебе подсунет.
А алгоритму веднее, метрики не врут. Он стал популярным.
This media is not supported in your browser
VIEW IN TELEGRAM
Дальше придаю ему второе дыхание: беру видео модельку WAN 2.6 и кормлю этим промптом:
Image-to-video. Use the provided image as a locked background plate. Do not change camera angle, framing, or UI layout. Animate the glowing slider thumb moving smoothly from the left position toward the right end (about 80% of the track), then gently snapping back to the starting point with soft easing. The glow follows the thumb, and the reflection on the surface below shifts subtly in sync. Keep all text (“Apply Filters”, “Slare”, “Pesniter”) sharp and unchanged. No new elements, no camera motion. Seamless loop, 2.5 seconds.
Готово! Я офигел – даже рефлекс от кноба синхронно “скользит” по полу.
Image-to-video. Use the provided image as a locked background plate. Do not change camera angle, framing, or UI layout. Animate the glowing slider thumb moving smoothly from the left position toward the right end (about 80% of the track), then gently snapping back to the starting point with soft easing. The glow follows the thumb, and the reflection on the surface below shifts subtly in sync. Keep all text (“Apply Filters”, “Slare”, “Pesniter”) sharp and unchanged. No new elements, no camera motion. Seamless loop, 2.5 seconds.
Готово! Я офигел – даже рефлекс от кноба синхронно “скользит” по полу.
This media is not supported in your browser
VIEW IN TELEGRAM
Image-to-video for Wan 2.6. Animate a repeating activation pulse over 5 seconds: a soft inner light ignites at the center of the button, expands outward into a glowing ring, then dissolves into the ambient glow. Immediately after, the button returns to its neutral glow state before the next pulse begins. Preserve all UI elements and typography. Perfect looping.