UX/UI [by Uprock]

UX/UI [by Uprock]

@uprockpro
Изображение канала: UX/UI [by Uprock]
19 633 подписчика
175 постов
Посты
С пятницей!
Недавно Figma значительно расширила свой функционал, представив на Config 2️⃣0️⃣2️⃣5️⃣ новые инструменты Sites, Draw, Buzz и Make. Как же они могут изменить наш рабочий процесс и что это значит для конкурентов платформы, таких как Adobe, Framer и Canva? 📌В статье «Figma Config 2025: новые функции и их влияние на дизайн» найдете ответы на все эти вопросы! ***** Бесплатные курсы по UX/UI: 🔥 Продвинутая Figma: Cайты 🔥 Продуктовый дизайн Телеграм-каналы: ⚡️ UX и продуктовый дизайн ⚡️ UX/UI, Фриланс, Коммерческий дизайн ⚡️ Плакаты: Вдохновение и рефы ⚡️ Личный канал Евгения UPROCK Полезные материалы: ✨ Бесплатные кириллические шрифтыБесплатные мокапыВакансии для дизайнеров
Изображение поста
Доброе утро!
📌Прокачиваем UX/UI в новой подборке «Полезные ресурсы для дизайнеров»: — онлайн-инструмент для четкой работы с типографической иерархией, — википедия по смайлам, — источник референсов для визуальной упаковки приложений. 5️⃣ кириллических шрифтов для современных интерфейсов: — шрифт для создания настроения, — чистый моноширинный гротеск, — смелый, резкий и уверенный ⚡️ в себе вариант, — заметный дисплейный шрифт, — рукописный и живой шрифт. ***** Бесплатные курсы по UX/UI: 🔥 Продвинутая Figma: Cайты 🔥 Продуктовый дизайн Телеграм-каналы: ⚡️ UX и продуктовый дизайн ⚡️ UX/UI, Фриланс, Коммерческий дизайн ⚡️ Плакаты: Вдохновение и рефы ⚡️ Личный канал Евгения UPROCK Полезные материалы: ✨ Бесплатные кириллические шрифтыБесплатные мокапыВакансии для дизайнеров
Изображение поста
Салют!
Темные паттерны — это дизайнерские уловки, которые вводят пользователей в заблуждение, заставляя их совершать действия, которые в противном случае они бы 😱 не совершили. 📌В статье «Исследуем мир темных паттернов в UX: психология, примеры, лучшие практики (часть 1)» мы разберемся: — почему они по-прежнему процветают,  — какие психологические 🧠 принципы лежат в их основе,  — а также рассмотрим некоторые из наиболее распространенных темных паттернов в UX и примеры их применения в реальных продуктах. ***** Бесплатные курсы по UX/UI: 🔥 Продвинутая Figma: Cайты 🔥 Продуктовый дизайн Телеграм-каналы: ⚡️ UX и продуктовый дизайн ⚡️ UX/UI, Фриланс, Коммерческий дизайн ⚡️ Плакаты: Вдохновение и рефы ⚡️ Личный канал Евгения UPROCK Полезные материалы: ✨ Бесплатные кириллические шрифтыБесплатные мокапыВакансии для дизайнеров
Изображение поста
Всем привет!
Раздражение — одна из самых недооцененных UX-проблем. Раздражение ⚡️ не всегда приводит к негативным отзывам или гневным сообщениям в поддержку, чаще всего пользователь просто уходит и не возвращается. А значит, дизайн, не учитывающий психологию боли, становится убыточным. 📌В лонгриде «Психология боли: 4 элемента дизайна, которые бесят ваших пользователей» мы разберем четыре раздражительных UX-паттерна: таймеры, автообновление, автозапуск видео и аудио, всплывающие окна. Объясним, почему они работают против вас, и покажем, как можно добиться цели без давления и манипуляций. ***** Бесплатные курсы по UX/UI: 🔥 Продвинутая Figma: Cайты 🔥 Продуктовый дизайн Телеграм-каналы: ⚡️ UX и продуктовый дизайн ⚡️ UX/UI, Фриланс, Коммерческий дизайн ⚡️ Плакаты: Вдохновение и рефы ⚡️ Личный канал Евгения UPROCK Полезные материалы: ✨ Бесплатные кириллические шрифтыБесплатные мокапыВакансии для дизайнеров
Изображение поста
Привет!
Типографика — один из краеугольных камней дизайн-системы. Чтобы она была гибкой, адаптивной и легко масштабируемой, важно не просто задать стили, а построить их на основе семантических токенов. Об интеграции типографики в дизайн-систему начали говорить в первой части. 📌В статье «Типографика в дизайн-системах: семантические токены и отзывчивое масштабирование. Часть 2» пошагово разбираем, как: — настроить переменные под разные брейкпоинты, — связать стили с ролями (заголовки, текст, подписи), — организовать масштабируемую типографическую шкалу. Такой подход помогает навести порядок в типографике, а не плодить бесконечные вариации. Подойдет для дизайн-систем любой зрелости. ***** Бесплатные курсы по UX/UI: 🔥 Продвинутая Figma: Cайты 🔥 Продуктовый дизайн Телеграм-каналы: ⚡️ UX и продуктовый дизайн ⚡️ UX/UI, Фриланс, Коммерческий дизайн ⚡️ Плакаты: Вдохновение и рефы ⚡️ Личный канал Евгения UPROCK Полезные материалы: ✨ Бесплатные кириллические шрифтыБесплатные мокапыВакансии для дизайнеров
Изображение поста
С пятницей!
На Config 2025 🫡🔠🔠🔠🅰️ представила множество интересных обновлений, включая дополнительный режим Auto Layout — Grid (или сетка). Эта функция — прямой аналог CSS Grid, способа верстки, который позволяет более точно контролировать расположение элементов в интерфейсе. 📌В статье «Новая функция Grid в Figma: разбираемся, как она работает» мы познакомимся с новой функцией и разберемся, как она работает. ***** Бесплатные курсы по UX/UI: 🔥 Продвинутая Figma: Cайты 🔥 Продуктовый дизайн Телеграм-каналы: ⚡️ UX и продуктовый дизайн ⚡️ UX/UI, Фриланс, Коммерческий дизайн ⚡️ Плакаты: Вдохновение и рефы ⚡️ Личный канал Евгения UPROCK Полезные материалы: ✨ Бесплатные кириллические шрифтыБесплатные мокапыВакансии для дизайнеров
Изображение поста
Доброе утро!
📌В подборке «Полезные ресурсы для дизайнеров» вы найдете 3 сервиса для вдохновения при создании эффектного дизайна: — библиотека PNG-элементов на все случаи интерфейсной жизни, — база шрифтовых сочетаний с дизайнерским вкусом, — галерея паттернов от minimal до glitch. 5️⃣ кириллических шрифтов для вашего нового проекта: — нейтральный гротеск для любого контекста, — декоративный шрифт в стиле рустического письма, — экспериментальный летний 🌞 шрифт, — каллиграфический вариант с ретро-оттенком, — винтажный шрифт в эстетике ар-нуво. ***** Бесплатные курсы по UX/UI: 🔥 Продвинутая Figma: Cайты 🔥 Продуктовый дизайн Телеграм-каналы: ⚡️ UX и продуктовый дизайн ⚡️ UX/UI, Фриланс, Коммерческий дизайн ⚡️ Плакаты: Вдохновение и рефы ⚡️ Личный канал Евгения UPROCK Полезные материалы: ✨ Бесплатные кириллические шрифтыБесплатные мокапыВакансии для дизайнеров
Изображение поста
Салют!
Типографика — это не просто выбор шрифта. Это архитектура текста, которая влияет на восприятие, доступность и читаемость всего интерфейса. В продуманной дизайн-системе она превращается в мощный инструмент: задает ритм, структурирует контент и облегчает работу всей команде. 📌В сегодняшней статье «Типографика в дизайн-системах: семантические токены и отзывчивое масштабирование. Часть 1» мы разберем, как интегрировать типографику в дизайн-систему — от примитивных и семантических токенов до адаптивной иерархии и требований доступности. ***** Бесплатные курсы по UX/UI: 🔥 Продвинутая Figma: Cайты 🔥 Продуктовый дизайн Телеграм-каналы: ⚡️ UX и продуктовый дизайн ⚡️ UX/UI, Фриланс, Коммерческий дизайн ⚡️ Плакаты: Вдохновение и рефы ⚡️ Личный канал Евгения UPROCK Полезные материалы: ✨ Бесплатные кириллические шрифтыБесплатные мокапыВакансии для дизайнеров
Изображение поста
Всем привет!
В современном цифровом мире 🌐 все больше компаний стремятся к созданию продуктов, которые решают реальные потребности пользователей и при этом достигают бизнес-целей. Здесь на первый план выходит продуктовое мышление — подход, при котором дизайнер становится не просто исполнителем интерфейсов, а полноправным участником разработки продукта.   📌В лонгриде «Продуктовое мышление» мы рассмотрим, что такое продуктовое мышление в контексте UX/UI-дизайна, почему оно важно, как его развивать и как оно помогает создавать более осмысленные и успешные цифровые решения. ***** Бесплатные курсы по UX/UI: 🔥 Продвинутая Figma: Cайты 🔥 Продуктовый дизайн Телеграм-каналы: ⚡️ UX и продуктовый дизайн ⚡️ UX/UI, Фриланс, Коммерческий дизайн ⚡️ Плакаты: Вдохновение и рефы ⚡️ Личный канал Евгения UPROCK Полезные материалы: ✨ Бесплатные кириллические шрифтыБесплатные мокапыВакансии для дизайнеров
Изображение поста
Привет!
Поле для ввода пароля — небольшой, но важный элемент интерфейса. Если оно спроектировано плохо, это может привести к разочарованию 😓 и ошибкам, а также создать дополнительные уязвимости и угрозы. 📌В сегодняшней статье «Проектируем поле для ввода пароля: лучшие практики 🔒» мы разберем 5 лучших практик, которые помогут сделать опыт взаимодействия с этим полем безопасным, интуитивным и доступным. ***** Бесплатные курсы по UX/UI: 🔥 Продвинутая Figma: Cайты 🔥 Продуктовый дизайн Телеграм-каналы: ⚡️ UX и продуктовый дизайн ⚡️ UX/UI, Фриланс, Коммерческий дизайн ⚡️ Плакаты: Вдохновение и рефы ⚡️ Личный канал Евгения UPROCK Полезные материалы: ✨ Бесплатные кириллические шрифтыБесплатные мокапыВакансии для дизайнеров
Изображение поста
С пятницей!
Если вы разрабатываете логотипы, вы знаете, что найти в сети достойные ресурсы с качественными, релевантными референсами довольно непросто ❓. 📌Автор статьи «Анализируем логотипы технологических компаний: особенности и инсайты» решил взять ситуацию в свои руки и создал свой собственный ресурс, где собрано более 1000 логотипов технологических компаний, агентств и DTC-брендов. Он проанализировал множество таких лого и делится полученными инсайтами в статье. ***** Бесплатные курсы по UX/UI: 🔥 Продвинутая Figma: Cайты 🔥 Продуктовый дизайн Телеграм-каналы: ⚡️ UX и продуктовый дизайн ⚡️ UX/UI, Фриланс, Коммерческий дизайн ⚡️ Плакаты: Вдохновение и рефы ⚡️ Личный канал Евгения UPROCK Полезные материалы: ✨ Бесплатные кириллические шрифтыБесплатные мокапыВакансии для дизайнеров
Изображение поста
Доброе утро!
📌Залетайте за порцией UX/UI-пользы в подборку «Полезные ресурсы для дизайнеров». Вас ждет: — база знаний и вдохновения для работы с типографикой, — нишевая галерея для оформления блока перед футером, — библиотека-конструктор для создания иллюстраций персонажей. ✏️Кириллица для самых разных задач и целей: — геометрический круглый гротеск, — монументальный и смелый шрифт, — декоративный скетчевый вариант, — современная интерпретация 🌚 готики, — декоративный шрифт с характером. ***** Бесплатные курсы по UX/UI: 🔥 Продвинутая Figma: Cайты 🔥 Продуктовый дизайн Телеграм-каналы: ⚡️ UX и продуктовый дизайн ⚡️ UX/UI, Фриланс, Коммерческий дизайн ⚡️ Плакаты: Вдохновение и рефы ⚡️ Личный канал Евгения UPROCK Полезные материалы: ✨ Бесплатные кириллические шрифтыБесплатные мокапыВакансии для дизайнеров
Изображение поста
Салют!
Цифровые продукты стремительно развиваются, однако большинству пользователей непросто адаптироваться к изменениям. Этот процесс называется периодом 🧠 психологического рефакторинга.  📌В статье «Эффект хамелеона: как адаптация пользователя может преобразить UX и UI 🦎» мы подробнее рассмотрим его особенности и последствия для UX/UI-дизайна, а также разберем практические примеры и рекомендации, которые помогут вам в дальнейшей работе. ***** Бесплатные курсы по UX/UI: 🔥 Продвинутая Figma: Cайты 🔥 Продуктовый дизайн Телеграм-каналы: ⚡️ UX и продуктовый дизайн ⚡️ UX/UI, Фриланс, Коммерческий дизайн ⚡️ Плакаты: Вдохновение и рефы ⚡️ Личный канал Евгения UPROCK Полезные материалы: ✨ Бесплатные кириллические шрифтыБесплатные мокапыВакансии для дизайнеров
Изображение поста
Всем привет!
Этнография в UX — это способ изучать пользователей в их естественной среде. Это не просто наблюдение 👀, а попытка вжиться в повседневную жизнь аудитории: где пользователи взаимодействуют с интерфейсом, при каких обстоятельствах, с какими целями и барьерами. 📌В лонгриде «Этнографическое UX-исследование» мы разберемся, что это за исследование, когда и зачем его проводить, какие методы применяются и какие инсайты оно дает дизайнерам и исследователям. ***** Бесплатные курсы по UX/UI: 🔥 Продвинутая Figma: Cайты 🔥 Продуктовый дизайн Телеграм-каналы: ⚡️ UX и продуктовый дизайн ⚡️ UX/UI, Фриланс, Коммерческий дизайн ⚡️ Плакаты: Вдохновение и рефы ⚡️ Личный канал Евгения UPROCK Полезные материалы: ✨ Бесплатные кириллические шрифтыБесплатные мокапыВакансии для дизайнеров
Изображение поста
Привет!
Индустрия дизайна стремительно развивается. Поспевать за всеми нововведениями практически невозможно, поэтому способность предвидеть 👀 изменения — это уже половина успеха.  📌В сегодняшней статье «10 UX/UI-трендов, которые изменят наш подход к дизайну в 2026 году» вы найдете несколько тенденций, которые стоит взять на заметку, поскольку они с наибольшей вероятностью будут актуальны в 2026 году. ***** Бесплатные курсы по UX/UI: 🔥 Продвинутая Figma: Cайты 🔥 Продуктовый дизайн Телеграм-каналы: ⚡️ UX и продуктовый дизайн ⚡️ UX/UI, Фриланс, Коммерческий дизайн ⚡️ Плакаты: Вдохновение и рефы ⚡️ Личный канал Евгения UPROCK Полезные материалы: ✨ Бесплатные кириллические шрифтыБесплатные мокапыВакансии для дизайнеров
Изображение поста
С пятницей!
Дизайн-токены — важный инструмент, который позволяет командам создавать визуально согласованные, гибкие и масштабируемые цифровые продукты. 📌В статье «Дизайн-токены для тех, кто не занимается дизайном» мы разберем: — что это такое и какие виды токенов существуют, — когда их использовать, — какие преимущества дают дизайн-токены, — как команды работают с ними на практике. ***** Бесплатные курсы по UX/UI: 🔥 Продвинутая Figma: Cайты 🔥 Продуктовый дизайн Телеграм-каналы: ⚡️ UX и продуктовый дизайн ⚡️ UX/UI, Фриланс, Коммерческий дизайн ⚡️ Плакаты: Вдохновение и рефы ⚡️ Личный канал Евгения UPROCK Полезные материалы: ✨ Бесплатные кириллические шрифтыБесплатные мокапыВакансии для дизайнеров
Изображение поста
Доброе утро!
📌Сохраняйте подборку «Полезные ресурсы для дизайнеров» — материалы для развития в UX/UI: — вдохновляющие решения для эффектных микровзаимодействий, — тщательно подобранная коллекция шрифтовых пар, — библиотека логотипов для поиска идей. 5️⃣ кириллических шрифтов для любых проектов: — изящный гротеск с декоративными элементами, — декоративный шрифт, захватывающий внимание с первого взгляда, — выразительная аутентичная антиква, — компактный гротеск для цифровых и печатных 💻 интерфейсов, — неоклассический изящный шрифт. ***** Бесплатные курсы по UX/UI: 🔥 Продвинутая Figma: Cайты 🔥 Продуктовый дизайн Телеграм-каналы: ⚡️ UX и продуктовый дизайн ⚡️ UX/UI, Фриланс, Коммерческий дизайн ⚡️ Плакаты: Вдохновение и рефы ⚡️ Личный канал Евгения UPROCK Полезные материалы: ✨ Бесплатные кириллические шрифтыБесплатные мокапыВакансии для дизайнеров
Изображение поста
Салют!
Вы когда-нибудь замечали, как приятно получить маленький цифровой значок-ачивку 😍 на любимой платформе? Откуда берется это теплое ощущение? 📌В статье «Секрет успеха Reddit: как платформа смогла привлечь 1,1 млрд пользователей» вместе исследуем соответствующую игровую механику на примере популярной социальной платформы Reddit и узнаем, почему знаки отличия 🥇 цепляют нас на самом глубоком, психологическом уровне. ***** Бесплатные курсы по UX/UI: 🔥 Продвинутая Figma: Cайты 🔥 Продуктовый дизайн Телеграм-каналы: ⚡️ UX и продуктовый дизайн ⚡️ UX/UI, Фриланс, Коммерческий дизайн ⚡️ Плакаты: Вдохновение и рефы ⚡️ Личный канал Евгения UPROCK Полезные материалы: ✨ Бесплатные кириллические шрифтыБесплатные мокапыВакансии для дизайнеров
Изображение поста
Всем привет!
Курсор — это не просто указатель на экране. Это важный инструмент взаимодействия, который может усиливать интуитивность интерфейса, направлять пользователя и даже вызывать эмоции. Последние тенденции в UX/UI-дизайне привлекли к нему ➡️ особое внимание, превратив его в динамичный компонент.   📌В лонгриде «Курсор» мы рассмотрим роль курсора в UX/UI-дизайне: как его внешний вид, поведение и интерактивность могут улучшать пользовательский опыт, делать интерфейс интуитивно понятным и визуально привлекательным. ***** Бесплатные курсы по UX/UI: 🔥 Продвинутая Figma: Cайты 🔥 Продуктовый дизайн Телеграм-каналы: ⚡️ UX и продуктовый дизайн ⚡️ UX/UI, Фриланс, Коммерческий дизайн ⚡️ Плакаты: Вдохновение и рефы ⚡️ Личный канал Евгения UPROCK Полезные материалы: ✨ Бесплатные кириллические шрифтыБесплатные мокапыВакансии для дизайнеров
Изображение поста
Привет!
Некоторые команды относятся к онбордингу как к чему-то второстепенному, но это первая линия защиты продукта от удаления. Плохой опыт онбординга может побудить до 80% потенциальных клиентов отказаться от приложения еще до того, как они им воспользуются 😱. 📌В статье «Лучшие практики онбординга по результатам анализа 200 популярных сайтов и приложений» мы разберем, что отличает выигрышный процесс онбординга от провального и как нам спроектировать этот сценарий максимально эффективно. ***** Бесплатные курсы по UX/UI: 🔥 Продвинутая Figma: Cайты 🔥 Продуктовый дизайн Телеграм-каналы: ⚡️ UX и продуктовый дизайн ⚡️ UX/UI, Фриланс, Коммерческий дизайн ⚡️ Плакаты: Вдохновение и рефы ⚡️ Личный канал Евгения UPROCK Полезные материалы: ✨ Бесплатные кириллические шрифтыБесплатные мокапыВакансии для дизайнеров
Изображение поста