Интерактивное выпадающее меню.

• Настраиваемый интерактивный компонент выпадающего меню. #animation #components Открыть в Figma

Салют!

🔤Представляем вам несколько интересных сервисов в новой подборке «Полезные ресурсы для дизайнеров»: — интерактивная платформа для изучения работы с цветом, — интуитивный и удобный 3D-редактор, — бесплатный онлайн-каталог мокапов, 5️⃣ бесплатных кириллических шрифтов: — шрифт, основанный на шильдиках Лады 110, — вариант с «рептильной« энергетикой, — оригинальный и игривый гротеск, — креативный шрифт, повторяющий речные потоки, — современная антиква из заглавных букв.
https://content.desigram.ru/static/81e8de42-650b-45d4-a2fd-8a3b8236b5e9.jpg

Master Visual Novel Game Creation in Unity: For Beginners [ENG]

Изучите создание визуальных новелл в Unity: диалоговые системы, разветвленные истории, анимация персонажей и дизайн пользовательского интерфейса. ✅ ЧЕМУ ВЫ НАУЧИТЕСЬ • Создавайте интерактивные диалоговые системы, разветвленные сюжетные линии и увлекательные взаимодействия персонажей. • Интегрируйте анимацию персонажей, фоновые переходы и звуковые эффекты для усиления погружения. • Создавайте визуально привлекательные диалоговые окна, кнопки выбора и элементы навигации по сценам. • Внедрите системы для отслеживания решений игроков и разблокируйте новый сюжетный контент или главы. 💾 ССЫЛКА 💬 Комментарии ➡️ КАНАЛ ⬅️ #курсы #Unity #free #бесплатно Материал предоставлен только для справки и ознакомления. Поддержите автора, купив у него курс

Давайте поговорим о насущном страхе.

Я слышу массовые крики о проблемах с работой, ленью, прокрастинацией и все подобное) 3D это профессия для тех кто ее любит. Как и любая другая. Всю дорогу новички приходили и уходили с криками о проблемах. Что в 2019, что в 2024. Мне всегда приходилось вытаскивать зубами людей из лени, чтобы заставить сделать что-то. Именно заставить. Потому что иначе эта лень и прокрастинация так и была бы табу для многих. Меня тоже не всегда хватало ментально, чтобы 24 на 7 находится в сфере, развивая ее, не имея личных проблем. Тоже эти проблемы есть) Поэтому и пропадал на время, чтобы разобраться с головой. Каждый раз когда возвращаешься в CG, когда вроде всю аудиторию разогрел, вроде пошло движение, большинство опять уходят в апатию. Апатия связана из-за не понимания куда двигаться. Вы привыкли ориентироваться на кого либо и читать сноски паникеров, которые не имея аргументов кричат громче всех. Нужно понять главный вопрос - когда можно клеить ласты в действительности? Или опять как обычно все забурились и ждут чуда) И на этот вопрос может ответить RTX 5090, которая не создала чего то супер невероятного. Просто новая карта ускоренная на 10%, с большей памятью за конский ценник. То есть железо в ближайшие 2-3 года точно не потянут лучше чем есть сейчас. Железа не хватает даже на то, чтобы обработать программный код. Не то что визуал там какой то) Элементарные вещи в том же Visual Studio обрабатывать как Тони Старк с Джарвисом не получается. Нужно провести кучу времени, чтобы направить в нужную сторону и то не всегда удается. Так же про увольнения, которые происходят из-за нейронок. Вы не найдете ни одного подтвержденного случая подобных увольнений. Изменение рыночных условий, инфляция, рост бюджетов на разработку и финансовые потери - да. Но ни как не из-за нейронок. 3D-шка как ни крути все равно быстрее. Анрил в этом плане очень выигрывает, потому что реалтайм. Нейросети станут буквально рендером для софта. А реалтайм движки перейдут в интерактивные стриминги, в которых будет рендер в реальном времени. На такое нейронка пока не способна даже близко. Дальше будут такие же платные программы в виде моделей. То есть до этого вы покупали Адоб. Теперь вы будете покупать модельки нейро рендера. Нет ни одного продакшена, который использует финальный вид продукта с нейросеткой. Пре-продакшн - да. Но финал был отрендерен в 3D. Многие компании кичились что использовали нейросети в своих продуктах, когда их там в помине не было, кроме апскейлера какого-нибудь. И это постоянная практика. По поводу работы. В пандемию был самый высокий спрос на 3D. Потом спрос стал выше чем был когда либо и не снижался. Кто будет кричать, что работы нет и не будет скидывать портфель - сразу бан. Ходите кошмарите всех)) Если вы не любите 3D, 3D не будет любить вас) 😆
https://content.desigram.ru/static/28728fd7-c7c6-4f4f-ae63-8102fd6401cb.jpg
🚀 Как ускорить процесс создания прототипов?
Если вы хотите быстрее и эффективнее разрабатывать прототипы сайтов, начните осваивать Frontend-разработку! Почему это важно? ✅ Вы будете понимать, как работает сайт изнутри. Создавая дизайн, вы сможете учесть все тонкости его реализации: от адаптивности до интерактивных элементов. ✅ Сэкономите время на правках. Умение писать код помогает создавать прототипы, которые легко интегрируются в разработку без доработок. ✅ Повысите свою ценность как специалиста. Дизайнер, который знает основы HTML, CSS и JavaScript, — настоящий клад для любой команды. 🎓 Skillfactory запускает курс «Специализация Frontend-разработчик». Это обучение с нуля, которое: 💡 Научит писать адаптивный, чистый код. 💡 Познакомит с библиотекой React для сложных проектов. 💡 Поможет создать реальные проекты в портфолио. 🎁 Бонус для подписчиков канала: 🎨 55% скидка на курс для быстрого старта! 👉 Начните развивать навык уже сегодня.
Плагин «Interactive Input Fields» by Florian Voit
А этот плагин упрощает создание интерактивных полей для ввода 🎚️ Скачать плагин 🎚️ #plugin 🗳 Плагины Figma
https://content.desigram.ru/static/adc58438-7606-4dfd-a865-078a2fda184e.jpg
🔵В фигме можно делать анимации, они нужны просто для наглядности когда мы передаем проект для верстки?
Да, для наглядности, но еще, чтобы впечатлить заказчика, обычно, когда они видят дизайн интерактивным, то правок становится меньше. Вау-эффект, наверное. Если это проект для портфолио, без клиента и без верстки, то можно сделать анимацию и интегрировать её в кейс. 🔵Будет еще видео с созданием дизайна сайта уровнем посложнее? Практические уроки будут на новичковском уровне. Снимать практику среднего и сложного уровня для соц сетей не планируют, все подобные уроки идут только в курсы. 🔵Где можно посмотреть работы участников разных конкурсов по дизайну сайтов для насмотренности? https://www.awwwards.com/">https://www.awwwards.com http://cssdesignawards.comhttps://madeontilda.ru/"> https://madeontilda.ru 🔵Можно ли использовать бесплатные уроки по созданию сайтов в качестве временного портфолио? Пока не был создан свой уникальный Нет, нет и еще раз нет! Никаких чужих работ, повтор - это не ваша работа, а авторские права принадлежат автору урока. Даже если вы там поменяете пару цветов и фотки - это все еще не ваша работа. Портфолио - это про уникальность, чтобы заказчик мог увидеть ваши навыки, ваше виденье, а не навык автора бесплатного урока. 🔵Что будет написано в электронном сертификате по прохождении курса: UX/UI дизайн+ WEB дизайн или только UX/UI. Будет написано прошел курс “UX/UI-дизайн» и указаны навыки, которые были освоены. Уточню, что клиентам сертификат не важен, он немного имеет вес при поиске работы, но гораздо важнее другие вещи 🔵В бесплатном видео уроке увидела, что размер фрейма при создании сайта делают 1200 шириной. Это потому что в таком размере есть какое то удобство? Может при создании адаптива? Или все же стандарт 1440? Ширина фрейма 1200 нужна для для тильды, этот дизайн потом будет перенесен туда, поэтому такой размер фрейма. Стандарт 1440
https://content.desigram.ru/static/ad84a4db-d9f3-40a3-a9ba-5fbd4e91a5bf.jpg
Create interactive documents with Adobe InDesign and In5
Курс предназначен для тех, кто хочет научиться создавать динамичный и интерактивный контент, который привлечет внимание аудитории. Вы освоите техники работы с Adobe InDesign и плагином In5, включая создание мультимедийных элементов, анимаций и интерактивных дизайнов для различных форматов. Кроме того, курс охватывает публикацию и экспорт интерактивного контента для различных устройств и платформ, что позволяет создавать привлекательные цифровые публикации. 👀 Скачать 😄 Графика и дизайн
https://content.desigram.ru/static/d8f4fe47-d66c-4764-bcd7-070f4925bfa6.jpg
Adobe Animate
В этом видео вы узнаете как создать интерактивную карту с анимацией пути движения Оригинал Adobe Animate
Дизайн системы: Контур Гайды
«Обзор гайдлайнов Контура как источника полезной информации по дизайну интерфейсов. Здесь есть как базовые принципы (например, цвет, модуль и сетка, типографика), так и более специфическая информация (таблицы, сохранение данных, принципы доступности). Также присутствует отличная библиотека компонентов с интерактивными примерами. И всё это на русском языке» 💻Ознакомиться с курсом💻 00:20:43 #design
https://content.desigram.ru/static/b35d39c8-dcd4-43a5-b551-3192576a5e5b.jpg
ПОДДЕРЖИМ НАЧИНАНИЯ ДРУГ ДРУГА?
Пока что в Inst у меня всего 92 прекрасных подписчика и я очень хочу прийти к своей первой 100 человек 🥹 Уверена, что среди моих читателей есть те, кто тоже хочет начать развивать блог в IG в 2025 году и поэтому я решила устроить мини-интерактив взаимной поддержки ЧТО НУЖНО СДЕЛАТЬ? 🤎 Отправить ссылку на ваш профиль + скриншот блога в Inst (если его нет, то отправляйте TG-канал + о чем он) 🤎 Проявить активность в виде подписки/лайков/комментариев у меня и других ребят в комментариях + НАПИСАТЬ В ОТВЕТ ДРУГОМУ ЧЕЛОВЕКУ, какую активность вы у него проявили 🤎 Я подпишусь на вас/проявлю активность в Inst взаимно Вот ссылочка на мой аккаунт: https://www.instagram.com/heykkum/ Отправляйте ваши блоги в комментариях и проявляйте активность друг у друга 🥰
https://content.desigram.ru/static/7c5c4cf8-6a0b-4fa0-8298-72b10e050226.jpg
Main Menus Beginner Class - Unreal Engine 5. 5
Курс ориентирован на изучение основ создания главных меню для игр на платформе Unreal Engine 5.5. Вы ознакомитесь с различными интерфейсами, а также получите практические навыки в разработке интерактивных элементов, таких как кнопки и навигация. 🖼 Подробнее ⬇️ Скачать #UnrealEngine Весь материал предоставлен только для ознакомления. Для коммерческих целей покупайте лицензию у автора.
https://content.desigram.ru/static/24372843-7bda-4aff-b141-d48c656829d7.jpg
Еще одно напоминание, что если вы хотите выйти за пределы фигмы (и 99% дизайнеров) и научиться делать топовый визуальный дизайн мирового уровня с интерактивом, 3D, мошуеном, современными подходами, и собрать свое портфолио в такой вот сильный шоурил, то вам пора отбить жопу поучиться на курсе NEXT LEVEL UI
До 10-го января действует специальная цена, не пропустите Пойти купить прямо сейчас вот здесь не забудьте нажать на видео, оно со звуком (а в комментах — хайрез)
Создайте потрясающую 3D-карусель с помощью Figma Smart Animate!
Почувствуйте будущее интерактивного дизайна с нашей интеллектуальной анимацией Figma 3D Carousel. Плавно смешивайте форму и функцию, воплощая свои проекты в жизнь с помощью динамических, захватывающих переходов. 👀 Cмотреть 😄 Графика и дизайн
https://content.desigram.ru/static/892a80d7-cc91-42d2-bf63-0631574b13fc.jpg
🧲Adobe Animate 2024 24.0.0.305 by m0nkrus
Adobe Animate, пришедший на смену Flash Professional и Edge Animate - это мощная среда для создания анимации и мультимедийного контента. Позволяет создавать выразительные интерактивные проекты, которые отображаются в превосходном качестве. Adobe Animate также позволяет работать с растровой, векторной а так же с трёхмерной графикой используя при этом GPU #Motion_Soft #Animate #Motion4D Motion
https://content.desigram.ru/static/7ce75a47-96eb-47a5-9ae8-01ae85af67c3.jpg
Скажите, что я не одна такая 🍊
Вот лежу, объедаюсь мандаринами и тут случайно наткнулась на статью про «Золотую неделю» 😑 Золотая неделя — это тот самый промежуток между Новым годом и Рождеством, с 1 по 8 января Но давайте честно: в некоторых случаях она плавно растягивается и до 12 января — пока мы героически доедаем салаты 🤩 Почему она «золотая»? ✨Люди расслаблены и скроллят соцсети: всё, что им нужно — это лёгкий, интересный и вдохновляющий контент ✨Конкуренты ушли на каникулы: блогеры и креаторы дремлют, а значит, шансы привлечь внимание растут ✨Время для творчества: можно пробовать новый формат постов, делиться личными моментами или запускать необычные интерактивы Конечно, лучше подготовиться к Золотой неделе заранее: продумать контент-план, накидать идеи. Но, согласитесь, импровизацию никто не отменял 🤡 Иногда посты рождаются на ходу, когда ты доедаешь второй килограмм мандаринов 🍊 Ну, правда, кто-нибудь ещё из вас подозревал, что неделя выходных — это не просто «доесть все сладости из подарков», а целая стратегия для блогеров? 😎
https://content.desigram.ru/static/edeaa0ba-d7b1-42a1-a21b-65a307abf172.jpg
Лучшее за декабрь
1. Eisku – интернет-магазин мебели с чёткой, но динамичной сеткой 2. Mathieu Crepel – cайт профессионального сноубордиста c полноэкранными видео и энергичной типографикой 3. victors.life – минималистичное портфолио дизайнера с акцентом на воздух и чёткую сетку 4. The future of XR – футуристичный лонгрид о будущем с виртуальной реальностью: неон, коллажи из иллюстраций и интерактивная анимация 5. Guillaume Colombel – портфолио дизайнера с вниманием к детальной, сложной анимации Здесь только те ресурсы, на которые вы отреагировали больше всего, а значит, выжимка — огонь 🔥 Людочка, референсы – отборные работы по веб-дизайну
https://content.desigram.ru/static/a0654cf9-1098-4f60-8266-94a01baaffb2.jpg
🧲Adobe Animate 2024 24.0.0.305 by m0nkrus
Adobe Animate, пришедший на смену Flash Professional и Edge Animate - это мощная среда для создания анимации и мультимедийного контента. Позволяет создавать выразительные интерактивные проекты, которые отображаются в превосходном качестве. Adobe Animate также позволяет работать с растровой, векторной а так же с трёхмерной графикой используя при этом GPU #Motion_Soft #Animate #Motion4D Motion
https://content.desigram.ru/static/7ce75a47-96eb-47a5-9ae8-01ae85af67c3.jpg
Interactive Buttons
Файл с примером интерактивных кнопок со звуком 💾 Открыть Dropzz #Buttons
https://content.desigram.ru/static/042c8229-b280-4c4a-a265-5e592a3af30b.jpg
Kinect Interactive Physics Installation Masterclass with UE5
Курс предлагает обучение использованию Unreal Engine в качестве средства для создания арт-проектов и дизайна с интерактивной физикой, управляемой трекингом тела с помощью Kinect. Вы освоите методы интеграции технологий Kinect для создания захватывающих интерактивных установок, используя возможности Unreal Engine для визуализации и взаимодействия. Видео на английском языке без субтитров. Подробнее с курсом можно ознакомиться здесь. ➡️ СКАЧАТЬ | 1,93 ГБ #курс #Unreal @poly3ds
https://content.desigram.ru/static/2fe9c65a-444e-4c8f-bc0e-1d5aad9dee34.jpg