UX/UI [by Uprock]

Цветовой контраст играет в UX важную роль, причем для всех пользователей. Да, соблюдать рекомендации по доступности не всегда просто, однако это один из основных способов сделать наши цифровые продукты 👋 удобными и понятными для каждого. 📌В статье «Цветовой контраст в интерфейсе: основные принципы» мы разберем: — что такое коэффициент контрастности и как он измеряется, — какие требования существуют для разных элементов, — как выполнять эти требования на практике. ***** Бесплатные курсы по UX/UI: 🔥 Продвинутая Figma: Cайты 🔥 Продуктовый дизайн Телеграм-каналы: ⚡️ UX и продуктовый дизайн ⚡️ UX/UI, Фриланс, Коммерческий дизайн ⚡️ Плакаты: Вдохновение и рефы ⚡️ Личный канал Евгения UPROCK Полезные материалы: ✨ Бесплатные кириллические шрифты ✨ Бесплатные мокапы ✨ Вакансии для дизайнеров

Кажется, что в основе эстетичного дизайна лежит математическая точность. Однако это не всегда так. Из-за оптических иллюзий 👀, которые создает человеческий мозг, идеальная геометрия совсем не выглядит идеально. 📌В сегодняшней статье «7 оптических иллюзий, о которых должен знать каждый дизайнер» мы разберем распространенные оптические иллюзии, а также эффективные приемы, которые помогут вывести ваши логотипы и графику на новый уровень. ***** Бесплатные курсы по UX/UI: 🔥 Продвинутая Figma: Cайты 🔥 Продуктовый дизайн Телеграм-каналы: ⚡️ UX и продуктовый дизайн ⚡️ UX/UI, Фриланс, Коммерческий дизайн ⚡️ Плакаты: Вдохновение и рефы ⚡️ Личный канал Евгения UPROCK Полезные материалы: ✨ Бесплатные кириллические шрифты ✨ Бесплатные мокапы ✨ Вакансии для дизайнеров

📌В подборке «Полезные ресурсы для дизайнеров» собрали сервисы, которые помогут UX/UI-дизайнерам работать быстрее и эффективнее: — подборка референсов от ведущих SaaS-компаний, — большая коллекция черно-белого клипарта 🫰 в эстетике ручных гравюр, — минималистичный инструмент для генерации цветовых шкал. 5️⃣ шрифтов, которые сделают кириллический текст стильным: — один из самых маленьких пиксельных 🫥 шрифтов, — современный гротеск с характером, — декоративный шрифт в стиле машинописного текста, — рукописный модернистский вариант, — яркий и заметный декоративный шрифт. ***** Бесплатные курсы по UX/UI: 🔥 Продвинутая Figma: Cайты 🔥 Продуктовый дизайн Телеграм-каналы: ⚡️ UX и продуктовый дизайн ⚡️ UX/UI, Фриланс, Коммерческий дизайн ⚡️ Плакаты: Вдохновение и рефы ⚡️ Личный канал Евгения UPROCK Полезные материалы: ✨ Бесплатные кириллические шрифты ✨ Бесплатные мокапы ✨ Вакансии для дизайнеров

Каждая команда стремится создавать продукты, которые нравятся пользователям 😍 и улучшают их жизнь. Процесс создания продукта — от идеи до запуска — называется продуктовым дизайном. 📌Сегодня в статье «Продуктовый дизайн: что это и из каких этапов он состоит» мы разберемся: — что это такое, — из каких этапов состоит этот процесс, — какие AI-инструменты могут нам помочь. ***** Бесплатные курсы по UX/UI: 🔥 Продвинутая Figma: Cайты 🔥 Продуктовый дизайн Телеграм-каналы: ⚡️ UX и продуктовый дизайн ⚡️ UX/UI, Фриланс, Коммерческий дизайн ⚡️ Плакаты: Вдохновение и рефы ⚡️ Личный канал Евгения UPROCK Полезные материалы: ✨ Бесплатные кириллические шрифты ✨ Бесплатные мокапы ✨ Вакансии для дизайнеров

В современном мире дизайна успех профессионала определяется не только техническими навыками, но и способностью реагировать на эмоции 📞 — как свои, так и окружающих. Эмоциональный интеллект играет ключевую роль в работе дизайнера, помогая ему глубже понимать потребности пользователей и эффективно взаимодействовать с командой.   📌В лонгриде «Почему эмоциональный интеллект важен для дизайнера» мы разберем, что такое эмоциональный интеллект, как он влияет на процесс создания дизайна и каким образом его можно развивать для своего профессионального роста. ***** Бесплатные курсы по UX/UI: 🔥 Продвинутая Figma: Cайты 🔥 Продуктовый дизайн Телеграм-каналы: ⚡️ UX и продуктовый дизайн ⚡️ UX/UI, Фриланс, Коммерческий дизайн ⚡️ Плакаты: Вдохновение и рефы ⚡️ Личный канал Евгения UPROCK Полезные материалы: ✨ Бесплатные кириллические шрифты ✨ Бесплатные мокапы ✨ Вакансии для дизайнеров

Принято считать, что видимая навигация является лучшей практикой при проектировании меню, по крайней мере на десктопе 💻. Но действительно ли это единственно верное решение? 📌Сегодня в статье «Скрытые меню: в каких случаях этот паттерн эффективен» мы разберемся, в каких случаях могут быть эффективны скрытые меню и рассмотрим особенности их оформления на реальных примерах. ***** Бесплатные курсы по UX/UI: 🔥 Продвинутая Figma: Cайты 🔥 Продуктовый дизайн Телеграм-каналы: ⚡️ UX и продуктовый дизайн ⚡️ UX/UI, Фриланс, Коммерческий дизайн ⚡️ Плакаты: Вдохновение и рефы ⚡️ Личный канал Евгения UPROCK Полезные материалы: ✨ Бесплатные кириллические шрифты ✨ Бесплатные мокапы ✨ Вакансии для дизайнеров

Как творческие люди, мы всё время находимся в поисках✨ вдохновения ✨. Оно питает наши идеи, помогает мыслить иначе и открывает перед нами широкий мир возможностей. Но что происходит, когда инструменты, призванные нас вдохновлять, превращаются в ловушки? 📌Сегодня в статье «"Кроличья нора" вдохновения: почему важно вовремя остановиться 🐇» мы разберем: — почему визуальные платформы вызывают привыкание, — какова цена перегрузки, — как искать вдохновение более осмысленно. ***** Бесплатные курсы по UX/UI: 🔥 Продвинутая Figma: Cайты 🔥 Продуктовый дизайн Телеграм-каналы: ⚡️ UX и продуктовый дизайн ⚡️ UX/UI, Фриланс, Коммерческий дизайн ⚡️ Плакаты: Вдохновение и рефы ⚡️ Личный канал Евгения UPROCK Полезные материалы: ✨ Бесплатные кириллические шрифты ✨ Бесплатные мокапы ✨ Вакансии для дизайнеров

📌В статье «Полезные ресурсы для дизайнеров» вас ждет подборка must-have инструментов для UX/UI-дизайна: — бесплатная библиотека разнообразных мокапов, — ресурс для поиска и скачивания векторных иллюстраций и иконок, — многофункциональный сервис для работы с цветом. 5️⃣ кириллических шрифтов, которые подойдут для любого проекта: — высококонтрастный и выразительный гротеск, — динамичный фирменный шрифт 🚈 РЖД, — плотный энергичный гротеск, — декоративный винтажный вариант, — геометрический гротеск с характером. ***** Бесплатные курсы по UX/UI: 🔥 Продвинутая Figma: Cайты 🔥 Продуктовый дизайн Телеграм-каналы: ⚡️ UX и продуктовый дизайн ⚡️ UX/UI, Фриланс, Коммерческий дизайн ⚡️ Плакаты: Вдохновение и рефы ⚡️ Личный канал Евгения UPROCK Полезные материалы: ✨ Бесплатные кириллические шрифты ✨ Бесплатные мокапы ✨ Вакансии для дизайнеров

Моушн-дизайн 🍬 по-прежнему остается относительно молодой дисциплиной, которая растет и развивается с каждым днем по мере появления новых технологий и способов их применения. 📌Сегодня в статье «Моушн-дизайн в брендинге: руководство» мы разберем: — что такое моушн-дизайн, — как он появился, — на каком этапе развития находится, — и самое главное — как добавить в свой проект движение 🏃‍♀️, чтобы заинтересовать аудиторию. ***** Бесплатные курсы по UX/UI: 🔥 Продвинутая Figma: Cайты 🔥 Продуктовый дизайн Телеграм-каналы: ⚡️ UX и продуктовый дизайн ⚡️ UX/UI, Фриланс, Коммерческий дизайн ⚡️ Плакаты: Вдохновение и рефы ⚡️ Личный канал Евгения UPROCK Полезные материалы: ✨ Бесплатные кириллические шрифты ✨ Бесплатные мокапы ✨ Вакансии для дизайнеров

  Уверены, что вы слышали о раскадровках в контексте кино или 😮-анимации. Это конкретная последовательность кадров, которые описывают происходящие действия подобно комиксу. Но и в дизайне раскадровка является ценным инструментом: помогает визуализировать пользовательский опыт работы с продуктом или услугой.   📌В лонгриде «Роль UX-раскадровки в создании продукта» мы разберем ключевые компоненты раскадровок и принципы их создания. А еще расскажем, как вы можете использовать раскадровки в своем процессе проектирования. ***** Бесплатные курсы по UX/UI: 🔥 Продвинутая Figma: Cайты 🔥 Продуктовый дизайн Телеграм-каналы: ⚡️ UX и продуктовый дизайн ⚡️ UX/UI, Фриланс, Коммерческий дизайн ⚡️ Плакаты: Вдохновение и рефы ⚡️ Личный канал Евгения UPROCK Полезные материалы: ✨ Бесплатные кириллические шрифты ✨ Бесплатные мокапы ✨ Вакансии для дизайнеров

В современном гиперконкурентном цифровом ландшафте маленькие детали часто дарят пользователям самые яркие и запоминающиеся впечатления 🤩. Именно здесь в игру вступают микровзаимодействия. 📌Сегодня в статье «Микровзаимодействия в веб-дизайне: маленькие детали, которые имеют большое значение» мы разберемся: — что это такое, — из каких элементов они состоят, — где их использовать, — как разрабатывать эффективные микровзаимодействия и многое другое. ***** Бесплатные курсы по UX/UI: 🔥 Продвинутая Figma: Cайты 🔥 Продуктовый дизайн Телеграм-каналы: ⚡️ UX и продуктовый дизайн ⚡️ UX/UI, Фриланс, Коммерческий дизайн ⚡️ Плакаты: Вдохновение и рефы ⚡️ Личный канал Евгения UPROCK Полезные материалы: ✨ Бесплатные кириллические шрифты ✨ Бесплатные мокапы ✨ Вакансии для дизайнеров

Выбор фирменного шрифта — это не просто вопрос эстетики. Речь о создании уникальной визуальной идентичности, которая отражает ценности и индивидуальность вашего бренда и выделяет его на фоне конкурентов. 📌В сегодняшней статье мы разберем «Все, что вам нужно знать о выборе фирменных шрифтов бренда»: — какими характеристиками должен обладать хороший фирменный шрифт, — какие категории шрифтов существуют, — как выбрать наиболее подходящий шрифт и не прогадать. ***** Бесплатные курсы по UX/UI: 🔥 Продвинутая Figma: Cайты 🔥 Продуктовый дизайн Телеграм-каналы: ⚡️ UX и продуктовый дизайн ⚡️ UX/UI, Фриланс, Коммерческий дизайн ⚡️ Плакаты: Вдохновение и рефы ⚡️ Личный канал Евгения UPROCK Полезные материалы: ✨ Бесплатные кириллические шрифты ✨ Бесплатные мокапы ✨ Вакансии для дизайнеров

📌Сегодня в подборке «Полезные ресурсы для дизайнеров» вас ждут сервисы, которые пригодятся каждому UX/UI-дизайнеру: — библиотека графических ресурсов, — платформа для ежедневного вдохновения, — инструмент для создания градиентов. 👉Выбираем шрифт: 5 кириллических гарнитур для разных целей: — экспериментальный гротеск на основе кириллицы XI века, — изысканный декоративный шрифт, — элегантный рукописный вариант, — современный геометрический шрифт — харизматичный 😂 дисплейный шрифт с ретро-характером. ***** Бесплатные курсы по UX/UI: 🔥 Продвинутая Figma: Cайты 🔥 Продуктовый дизайн Телеграм-каналы: ⚡️ UX и продуктовый дизайн ⚡️ UX/UI, Фриланс, Коммерческий дизайн ⚡️ Плакаты: Вдохновение и рефы ⚡️ Личный канал Евгения UPROCK Полезные материалы: ✨ Бесплатные кириллические шрифты ✨ Бесплатные мокапы ✨ Вакансии для дизайнеров

В сегодняшней статье «Аффордансы: что это такое и как их проектировать (часть 2)» мы продолжаем разбираться в теме аффордансов (читайте часть 1 здесь). Мы поговорим о том:  — с какими трудностями могут столкнуться дизайнеры при разработке аффордансов,  — какие типы аффордансов существуют и как реализовать каждый из них, — а также рассмотрим несколько лучших 😻 практик, которые помогут вам создавать более интуитивные и комфортные цифровые продукты. ***** Бесплатные курсы по UX/UI: 🔥 Продвинутая Figma: Cайты 🔥 Продуктовый дизайн Телеграм-каналы: ⚡️ UX и продуктовый дизайн ⚡️ UX/UI, Фриланс, Коммерческий дизайн ⚡️ Плакаты: Вдохновение и рефы ⚡️ Личный канал Евгения UPROCK Полезные материалы: ✨ Бесплатные кириллические шрифты ✨ Бесплатные мокапы ✨ Вакансии для дизайнеров

Когнитивная нагрузка 🧠 — один из ключевых факторов, влияющих на пользовательский опыт в UX/UI-дизайне. Именно она отвечает за эффективные и интуитивно понятные интерфейсы, к которым пользователи хотят возвращаться вновь. 📌В лонгриде «Как когнитивная нагрузка влияет на качество взаимодействия» мы рассмотрим типы когнитивной нагрузки, ее влияние на пользовательский опыт, причины возникновения и стратегии минимизации. Помните: уменьшив КН, вы сможете повысить удовлетворенность аудитории от взаимодействия с вашим продуктом. ***** Бесплатные курсы по UX/UI: 🔥 Продвинутая Figma: Cайты 🔥 Продуктовый дизайн Телеграм-каналы: ⚡️ UX и продуктовый дизайн ⚡️ UX/UI, Фриланс, Коммерческий дизайн ⚡️ Плакаты: Вдохновение и рефы ⚡️ Личный канал Евгения UPROCK Полезные материалы: ✨ Бесплатные кириллические шрифты ✨ Бесплатные мокапы ✨ Вакансии для дизайнеров

Веб-дизайн — это не просто проектирование эстетичных интерфейсов, это создание опыта, который соответствует их назначению. 📌В статье «Разные типы сайтов и особенности их проектирования» мы рассмотрим различные типы сайтов, их цели, ключевые аспекты проектирования и реальные примеры, которые помогут вам создавать незабываемые цифровые продукты 🤩, отвечающие потребностям и запросам аудитории. ***** Бесплатные курсы по UX/UI: 🔥 Продвинутая Figma: Cайты 🔥 Продуктовый дизайн Телеграм-каналы: ⚡️ UX и продуктовый дизайн ⚡️ UX/UI, Фриланс, Коммерческий дизайн ⚡️ Плакаты: Вдохновение и рефы ⚡️ Личный канал Евгения UPROCK Полезные материалы: ✨ Бесплатные кириллические шрифты ✨ Бесплатные мокапы ✨ Вакансии для дизайнеров

Встречи с потенциальными клиентами нередко бывают спонтанными 👐. В таких случаях визитная карточка по-прежнему остается самым быстрым способом обменяться информацией и произвести неизгладимое впечатление. 📌Разработать классный дизайн визитки может быть непросто, поэтому мы собрали в статье «30+ вдохновляющих идей для оформления визитных карточек» более 30 вдохновляющих идей, которые могут стать отправной точкой для ваших проектов. ***** Бесплатные курсы по UX/UI: 🔥 Продвинутая Figma: Cайты 🔥 Продуктовый дизайн Телеграм-каналы: ⚡️ UX и продуктовый дизайн ⚡️ UX/UI, Фриланс, Коммерческий дизайн ⚡️ Плакаты: Вдохновение и рефы ⚡️ Личный канал Евгения UPROCK Полезные материалы: ✨ Бесплатные кириллические шрифты ✨ Бесплатные мокапы ✨ Вакансии для дизайнеров

📌В новой подборке «Полезные ресурсы для дизайнеров» вас ждут: — бесплатная библиотека стоковых фото и видео, — инструмент для изменения цветовой палитры в SVG-файлах, — игра 🕹 на распознавание шрифтов. ➕А также 5 кириллических шрифтов, которые стоит добавить в свою коллекцию: — модульный необычный шрифт, — четкий геометрический гротеск, — мощный брусковый шрифт, — декоративный шрифт с винтажным характером, — выразительный многострочный гротеск. ***** Бесплатные курсы по UX/UI: 🔥 Продвинутая Figma: Cайты 🔥 Продуктовый дизайн Телеграм-каналы: ⚡️ UX и продуктовый дизайн ⚡️ UX/UI, Фриланс, Коммерческий дизайн ⚡️ Плакаты: Вдохновение и рефы ⚡️ Личный канал Евгения UPROCK Полезные материалы: ✨ Бесплатные кириллические шрифты ✨ Бесплатные мокапы ✨ Вакансии для дизайнеров

Аффордансы — молчаливые помощники, которые подсказывают пользователям, как взаимодействовать с различными элементами интерфейса. Это тот самый секретный ингредиент, который превращает нагромождение пикселей в интуитивно понятную игровую площадку 🎮, где пользователи чувствуют себя как дома. 📌Сегодня в статье «Аффордансы: что это такое и как их проектировать (часть 1)» мы разберемся: — какие функции выполняют аффордансы в UX-дизайне, — как проектировать эффективные аффордансы, — какие ошибки чаще всего встречаются в этой области. ***** Бесплатные курсы по UX/UI: 🔥 Продвинутая Figma: Cайты 🔥 Продуктовый дизайн Телеграм-каналы: ⚡️ UX и продуктовый дизайн ⚡️ UX/UI, Фриланс, Коммерческий дизайн ⚡️ Плакаты: Вдохновение и рефы ⚡️ Личный канал Евгения UPROCK Полезные материалы: ✨ Бесплатные кириллические шрифты ✨ Бесплатные мокапы ✨ Вакансии для дизайнеров