Сайт Кафедры Dprofile в #Madeontilda 🖤

Еще один совместный проект с Сашей @lagutalaguta, в котором рада была принять участие. Интересный прием с «растягивающимся» фоном (взяла себе на заметку тоже) позволил сверстать сайт по window-контейнеру, сохранив при этом размеры даже на широких разрешениях. Кстати, еще можно успеть принять участие в программе https://ed.dprofile.ru/course/laguta">«Дизайнер интерфейсов: карьера, процессы, инструменты», очень рекомендую. Такой основательный подход вы вряд ли где-то еще найдете, который к тому же подкреплен годами реальной практики. ⛓ https://tilda.cc/ru/madeontilda/#!/w/https://ed.dprofile.ru

Искусственный интеллект в дизайне интерфейсов

Это первая часть видео на канале Собака Павлова, в котором показали и рассказали как использовать нейросети в проектной работе дизайнера: – при сборе требований, – в аналитике и расчётах, – для обработки интервью, – при подготовке презентаций, – и даже в тестировании макетов. Без волшебства, но с пользой: ИИ не заменит пользователя, но сэкономит время и прояснит фокус. Смотреть видеохороший ux · вакансии · концепты
Изображение поста

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

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

Еще раз про верстку для дизайнеров

Уже не раз писал о том, насколько важно дизайнерам уметь хотя бы базово понимать верстку. Не поверхностно типа «я в тильде пособирал», а на уровне «могу сделать дизайн, который разработчики смогут заверстать» Сам я учился разработке еще в универе. Сейчас чаще стал использовать AI-шку, но если нужно сделать что-то быстро и красиво — не брезгую конструкторами Недавно узнал про продукт Taptop (писали и представители, и товарищи из Pixel Perfect) — это как Webflow, только на русском Внутри платформы все устроено как в Figma: есть гриды, автолэйауты, адаптивы как в реальном коде. Еще можно посмотреть как собирается CMS, погрузиться в устройство блогов и посмотреть на все в формате HTML/CSS И все это в формате nocode Это точно пригодится, если хочешь: — проектировать интерфейсы, которые команда не будет отвергать с фразой «это нельзя сверстать» — иметь больше коннекта в диалоге с разработчиками С 5 по 10 июня Pixel Perfect запускает бесплатный курс по Taptop За 5 дней можно собрать сайт-портфолио (гифку выше приложил), и базово понять, как работает верстка Приятная плюшка, о которой стоит сказать: ребята разыграют iPhone 16 среди тех, сдаст все ДЗ. Шанс реальный: участников ~100 Присоединиться тут
Всем привет!
Этнография в UX — это способ изучать пользователей в их естественной среде. Это не просто наблюдение 👀, а попытка вжиться в повседневную жизнь аудитории: где пользователи взаимодействуют с интерфейсом, при каких обстоятельствах, с какими целями и барьерами. 📌В лонгриде «Этнографическое UX-исследование» мы разберемся, что это за исследование, когда и зачем его проводить, какие методы применяются и какие инсайты оно дает дизайнерам и исследователям. ***** Бесплатные курсы по UX/UI: 🔥 Продвинутая Figma: Cайты 🔥 Продуктовый дизайн Телеграм-каналы: ⚡️ UX и продуктовый дизайн ⚡️ UX/UI, Фриланс, Коммерческий дизайн ⚡️ Плакаты: Вдохновение и рефы ⚡️ Личный канал Евгения UPROCK Полезные материалы: ✨ Бесплатные кириллические шрифтыБесплатные мокапыВакансии для дизайнеров
Изображение поста
Material Palette Это инструмент, который создает цветовые палитры в стиле Google. Просто выберите два цвета, на которых и будет строиться ваша палитра, а затем инструмент сгенерирует подходящие цвета для текста, разделителей и акцентов.
Пример интерфейса покажет вам, как палитра будет выглядеть в действии. Ее можно будет скачать в CSS, SASS, LESS, SVG, XML и PNG форматах. #полезность #цвет
Изображение поста
📺 Курс - Learn 2D Game Development: Godot 4.3+ & C# from Scratch [ENG]
🛡 Описание: Learn 2D Game Development: Godot 4.3+ & C# from Scratch Инфо: Курс… Освойте движок Godot 4 на C#, создавайте захватывающие 2D-игры и начните свой путь в разработке игр! ✅ ЧЕМУ ВЫ НАУЧИТЕСЬ • Освойте Godot 4 с C#: изучите создание сцен, обработку входных данных, обнаружение столкновений и многое другое, используя мощь C# в игровом движке Godot 4. • Создавайте разнообразные игры: разрабатывайте Flappy Bird, Angry Birds, игры на развитие памяти, платформеры, головоломки, космические шутеры и игры с выходом из лабиринта. • Приобретайте навыки разработки игр: изучайте дизайн уровней, анимацию, искусственный интеллект врагов, бонусы, дизайн пользовательского интерфейса и применяйте шаблоны проектирования, такие как синглтоны и шины событий. • Изучите механику и закономерности 🔸Объем: 18,1 ГБ 💾  ССЫЛКА 💬 Комментарии ➡️ КАНАЛ ⬅️ #курсы #Godot #free #бесплатно Материал предоставлен только для справки и ознакомления. Поддержите автора, купив у него курс
Изображение поста
🛠 Аддон "RizomUV Bridge" предоставляет пользователю простой в использовании пользовательский интерфейс, который позволяет передавать объекты и UV-карты между Blender и RizomUV так же просто, как нажатие кнопки.
Аддон включает в себя множество настраиваемых пользователем настроек, поэтому пользователь может настроить мост так, чтобы он наилучшим образом соответствовал его рабочему процессу. Все эти настройки сохраняются в файле настроек и будут запоминаться между сеансами Blender. 🟠 v1.3.4 - (Blender 3.3 - 4.4) Источник 💾 ССЫЛКА 💬 Комментарии ➡️КАНАЛ⬅️ #addons #RizomUV_Bridge #Blender #3d #free #бесплатно
Практическое руководство по анимации переходов в интерфейсах
Перевод статьи Донгкю Ли о том, каких принципов стоит придерживаться при создании анимаций переходов. Он выделяет шесть важных моментов, которые позволят сделать красивые и уместные анимации в любом дизайне интерфейсов: плавное появление и затухание с изменением прозрачности, масштабирование, постоянное направление движения, баланс скорости, приоритеты, порядок/группировка элементов и ориентация в пространстве. Ссылка #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 О рекламодателе