Кнопки — базовый UI-элемент, без которого не обходится ни один цифровой продукт. От их удобства зависит эффективность UX. В статье вы найдете 14 лучших практик, которые помогут вам сделать все правильно.

A/B-тестирование — популярный метод UX-исследований, получивший широкое распространение в самых разных отраслях. Расскажем, как подготовиться к проведению и избежать распространённых ошибок.

Об основных принципах дизайна, которые помогут продемонстрировать продукт и об ошибках при проектировании лендингов и посадочных страниц.

3 передовых инструмента на базе ИИ: для создания лендингов, поиска контента и генерации треков. А также 5 классных кириллических шрифтов для самых разных проектов.

Моноширинный ретро-шрифт в пиксельном стиле, акцентный гротеск с литерами разной ширины и чистый и лаконичный вариант для современных проектов. Парочка игривых шрифтов для комиксов.

Разберем когнитивную нагрузку с точки зрения психологии, рассмотрим UX-решения, которые её увеличивают, и предложим способы минимизации умственных усилий пользователей.

Разберем, на что ориентироваться при выборе шрифта для логотипов: какие категории шрифтов существуют, что такое индивидуальность шрифта и как использовать её в дизайне, каким деталям следует уделить внимание.

UX-тексты помогают пользователям ориентироваться в цифровых продуктах и быстрее достигать целей. В статье найдете рекомендации для их создания.

Выпадающий список — простой, интуитивно понятный способ представления доступных опций. В статье мы рассмотрим лучшие практики, которые помогут вам создавать эффективные и удобные выпадающие меню.

Онлайн-редактор мокапов, который поможет вам выгодно представить свой дизайн. Сайт с исключительными работами моушн-дизайнеров для вашего вдохновения. Бесплатная библиотека стоковых изображений.

Подробно рассмотрим несколько типов сайтов информационных услуг, изучим основные типовые страницы и элементы, характерные для них, а также узнаем все нюансы визуального оформления таких сайтов.

Поговорим о мягких навыках, которые помогут начинающим и опытным дизайнерам лучше достигать профессиональных целей. Расскажем, какие существуют софт скиллы и как их правильно прокачивать.

Всплывающие подсказки помогают упростить взаимодействие и одновременно улучшить пользовательский опыт. В этом лонгриде мы рассмотрим особенности tooltip, а также лучшие практики использования.

Рукописный шрифт для создания веселой атмосферы, необычный сжатый шрифт и остро-опасная антиква для вызывающих проектов. Плюс 2 шрифта, вдохновлённых Древней Грецией.

Индикаторы прогресса представляют собой мощный инструмент, способный влиять на вовлеченность и поведение пользователей. Разберем, какую роль играют прогресс-бары в цифровых интерфейсах и как они воздействуют на людей с точки зрения психологии.

Презентация — это элемент коммуникации, передающий знания, идеи, стратегии или вдохновляющий команду на успешную работу. Расскажем, какой должна быть качественная презентация.

Грамотно подобранный фон способен оживить даже скучный дизайн. В сегодняшней статье вы найдете 20 отличных вариантов оформления фона. Вдохновляйтесь и применяйте их в своих проектах!

Начнем с плагина для Figma по созданию цветовых палитр и градиентов, далее отечественная нейросеть для написания текстов, анализа данных и генерации идей, а завершает подборку инструмент для удаления фона.

Аккордеоны в дизайне используются для устранения беспорядка, упрощения навигации и просмотра страниц. Разберем данный элемент подробнее: из чего он состоит, как проектировать, когда его нужно использовать, а когда не стоит.

Сайт-визитка — один из популярных видов сайтов, поэтому важно понимать его специфику и уметь грамотно создавать. Рассмотрим основные аспекты проектирования, разберемся, кому подходит этот вид сайта.

Понимание того, как ведут себя люди и как работает их мозг, — основа для создания эффективного и комфортного опыта.

Энергичный и агрессивный шрифт для дерзких проектов, элегантный и строгий вариант для современного дизайна, а ещё сильный и мощный гротеск. Пара рисованных шрифтов: для сторителлинга, для граф. дизайна и мерча.

Поговорим о значимости этих, казалось бы, обыденных элементов сайта: шапка и подвал. Почему они так важны для ваших пользователей и как их правильно проектировать?

Углубимся в историю брендинга, разберем как он работает, а также рассмотрим некоторые реальные примеры и актуальные тренды.

Разберем возможные перспективы становления карьеры дизайнера: грейды, навыки, направления в дизайне и места работы.

Библиотека реалистичных 3D-макетов, которые помогут выгодно представить ваш дизайн. Инструмент для поиска идеального цвета за секунды, также сможете сразу измерить контрастность.

О том, как такая проверка помогает определять неисправности и находить слабые места вашего сайта для улучшения его работы и коммуникации с пользователем.

Превращение любой идеи в готовый продукт требует важнейшего первого шага — создания вайрфрейма. Разберем, что такое вайрфреймы, какие типы существуют, а также рассмотрим примеры применения.

Современный минималистичный шрифт, готичный эмоциональный гротеск, брутально-интеллигентная русская панк-антиква. А ещё парочка брутальных шрифтов: один вдохновлён промышленной эстетикой XX века, а другой — стилем гранж.

С помощью дневникового исследования можно понять пользовательские привычки и общие закономерности. Разберём преимущества и недостатки метода, когда его стоит использовать, а также как подготовиться и провести.

Разберем 7 ключевых признаков отличных иконок, а также рассмотрим множество примеров, которые могут послужить источником вдохновения для ваших проектов.

Сгенерированные ИИ аватары для создания более человечного дизайна, революционный инструмент по 3D-моделированию и сервис для быстрого создания презентаций.

Грамотное использование глассморфизма поможет создать визуальную иерархию и иллюзию глубины страницы. Разберем принципы и лучшие практики тренда и дадим рекомендации по созданию интерфейсов в этой стилистике.

Обложка сайта — это первое, что видит пользователь, она отвечает за первое впечатление. Разберем, как выглядит хорошая обложка и как можно её улучшить, основные элементы и тренды веб-дизайна.

Разберем ошибки, с которыми сталкиваются пользователи при взаимодействии с продуктами. Поделимся практиками разработки интуитивных интерфейсов.

По Google Analytics страница «О нас» является часто посещаемой и почти всегда входит в путь посетителя сайта к конверсии.

Дисплейный городской шрифт, вытянутая антиква с оттенком ретро и выразительный гротеск для минималистичных проектов.

Рассмотрим этот подход с точки зрения маркетинга и психологии. Вы узнаете, в каких случаях темная тема сказывается на конверсии продуктов положительно, а в каких — отрицательно.

Футуристичный динамичный шрифт, монолайн для акцентов и изящный курсив. Пара необычных вариантов: первый шрифт вдохновлен формами заброшенных зданий, а второй — приключениями Индианы Джонса.

Узнаете: какие цветовые модели существуют и как их использовать, как выбирать, смешивать и сочетать цвета в интерфейсе, как именовать цвета в UI-китах и дизайн-системах.

Качественные мокапы, библиотека реальных пользовательских интерфейсов и AI-генератор цветовых палитр. Приложение для создания 3D-моделей и презентаций, типографская игра-тренажер.

Интерактивный дизайн отвечает за установление контакта между пользователем и цифровым продуктом. Разберем, что из себя представляет такой дизайн, какие у него задачи и как его спроектировать.

Одним из самых захватывающих событий последних лет стала интеграция дополненной реальности (AR) в веб-пространство. Разберем примеры использования AR в UX/UI-дизайне и дадим советы по проектированию онлайн-сервисов.

Ксения Толокнова — продуктовый дизайнер с 12-летним опытом, на данный момент дизайн-лид в Альфа-Банк, дала рецензию на курс UPROCK.

Дизайн-спринт используют для тестирования продукта до разработки или в её начале. Изучим ограничения и преимущества метода, пошагово разберём процесс организации и проведения дизайн-спринта.

Разберем, что такое поп-ап, зачем он нужен и как его создать. Подробно рассмотрим все существующие виды, отличия в их использовании и самые распространённые ошибки.

5 научно обоснованных практик, способных превратить обычный опыт пользователя в восхитительный: финальный аккорд, воплощенное познание, эффект владения, предвкушение и удивление, ритуалы.

Программа, способная смоделировать 3D-сцены и 3D-пространство по заданному промту. Русскоязычный AI-копирайтер для написания конкретных текстов. Сервис для перевода изображений в векторный формат.

Рассмотрим основные ошибки, которые допускают создатели продуктов, прощаясь с пользователями, а также примеры и лучшие практики.

Расскажем о бизнес-преимуществах полной согласованности в бренде, а также по шагам разберём, как её добиться, мониторить и в дальнейшем поддерживать.

Высококонтрастная мощная антиква, пара природных шрифтов: один вдохновлён озерами Тульской обл., а второй — стилем Мезоамерики. Забавный шрифт для неформальных проектов, а также универсальный гротеск.

Экраны ошибок, уведомлений и подтверждений перенаправляют внимание пользователя и создают ощущение срочности для принятия быстрых мер. Учимся проектировать их правильно.

Окунемся в историю минимализма в дизайне плакатов, а также разберем основные принципы, преимущества и недостатки минималистичных графических решений.

Анимация создает ощущение полного погружения в цифровую среду и помогает ориентироваться в дизайне, взаимодействовать с ним. Разберем принципы создания анимации, виды и места применения.

Сервисы для создания градиентов и вычленения цветовых палитр. Библиотека эстетичных мокапов, сайт с примерами креативного дизайна пользовательских интерфейсов и типографская игра.

Важный элемент интерфейса, который способен удержать пользователей, рассказать о бренде, развлечь и даже вдохновить! Разберем типологию и дадим советы по его проектированию.

Дисплейный квадратный шрифт для лаконичного дизайна, динамичный «уличный» шрифт для молодежных проектов и декоративный курсив для ретро-концепций. А еще парочка высокочитаемых гротесков!

Разберем метод эвристической оценки дизайна на прототипе приложения. Пройдемся по всем эвристикам Нильсена, чтобы посмотреть, насколько прототип соответствует каждой из них.

Разберем особенности дизайна японских сайтов, от перегруженности контентом до микса языков. А также расскажем, какие практики можно позаимствовать для своих работ.

Акцидентная типографика сделает ваш дизайн более интересным, передаст характер и настроение вашего проекта. Разбираем приемы и уместность использования.

Иконки — это важный инструмент визуальной коммуникации. Расскажем о функциях иконографии, какие виды иконок существуют и что нужно учитывать при их выборе.

Простой инструмент для генерации текстов для ваших сайтов и проектов. Нейронка, которая создает 9 изображений по промту. Сервис по работе с изображениями и видео.

Новая подборка полезностей включает в себя: 3D-алфавит для надписей, бесплатную библиотеку ретро-фотографий, ресурс для поиска референсов, галерею кейсов по дизайну и онлайн-сервис для создания мокапов.

О том, зачем используют видеоролики в веб-дизайне и как это делать правильно.

Шрифт, созданный в вестерн-эстетике, круглый и удобочитаемый гротеск, шрифт, основанный на берестяных грамотах, и два стилизованных шрифта.

Сегодня мы разберем 4 базовых принципа дизайна — структура, отступы, ритм и контраст. Изучив эти концепции, вы сможете создавать продукты, которые удовлетворяют потребности самых разных пользователей.

О том, как выключка текста влияет на визуальную красоту и гармоничность текста, облегчает сканирование и связывает элементы дизайна между собой. Разберем 4 типа выравнивания и особенности их верстки.

Подробно разобрал коммерческий проект выпускника UPROCK, над которым мы работали вместе в рамках его обучения. В видео рассказал о каждом этапе работы, почему мы выбрали такую концепцию и в чем её особенность.

Логотип — важный инструмент, который позволяет установить эмоциональную связь с целевой аудиторией. Если он выглядит устаревшим или слишком сложным, это вредит восприятию бренда.

Стиль, который раздвигает границы традиционных норм веб-дизайна. Разберем, как и когда появилось это направление, его отличительные черты, плюсы и минусы.

Шрифт с легким оттенок рукописного стиля, гротеск с 9 насыщенностями, шрифт с настраиваемым кернингом без потери читабельности. Плюс парочка аутентичных шрифтов.

Разбор визуально сильного проекта Ultra UI, подробно рассказал о концепции и механике создания таких дизайнов. В том числе прошёлся по айдентике.

О методах, которые дизайнеры используют, чтобы манипулировать поведением пользователя в интересах компании. Разберем виды темных паттернов и их этичные альтернативы.

Разберем типы личности и то, как различные черты влияют на поведение и предпочтения пользователей. Эти знания помогут вам создавать более эффективный опыт взаимодействия.

Пейволл — обязательный экран для ресурсов с платным контентом. Рассмотрим пейволлы различных степеней жесткости и разберём их основную структуру.

Обратимся к краткой истории ар-деко, изучим его характерные черты и рассмотрим примеры применения этого стиля в самых разных проектах.

Инструмент для удаления фона. Бесплатная нейросеть от Сбера для генерации изображений и видео. Быстрый сервис для масштабирования изображений.

Рассмотрим различные методы юзабилити-тестирования, а также разберем сценарии, когда их следует использовать и почему.

Разберем особенности работы над дизайном новостных и медиапорталов, а также рассмотрим несколько примеров дизайна таких ресурсов.

Расскажем о специфике качественных исследований, разберем плюсы и минусы, а также рассмотрим их виды.

В этой лекции Евгений Кузьмин рассказал, как запускает свой новый большой продукт, а также об ошибках и разных ситуациях в процессе его создания.

Сегодня у нас пара гротесков, один из них контрастный и современный, а второй — смелый и запоминающийся, пиксельный шрифт в стиле ретро и еще два декоративных шрифта: футуристичный и цветочный.

О том, как с помощью цвета можно вызвать нужные эмоции у аудитории и повлиять на её поведение. А также анализ цветовых схем популярных продуктов.

Узнаете, как развивалась типографика, изучите гарнитуры прошлых эпох и проследите, как они повлияли на современный дизайн. А ещё откроете для себя множество «новых» шрифтов!

Библиотеки для дизайнеров с мокапами и шаблонами, кистями и эффектами, 3D-иллюстрациями. Фотосток с бесплатными фото и видео, сайт-галерея минималистичных проектов и генератор цветов.

Расскажем об основных принципах UX-копирайтинга, типах текста в интерфейсах и о самых распространённых ошибках.

Закон Фиттса используется для создания удобных интерфейсов. Он помогает определить оптимальные зоны расположения кликабельных элементов, а также их размеры.

Рассмотрим множество примеров и лучших практик, которые сделают ваши «хлебные крошки» максимально полезными для пользователей.

Поговорим об ошеломляющем максималистском дизайне. Обсудим самые важные характеристики, плюсы и минусы стиля, а также уместность использования.

Отличный гротеск для многоязычных проектов, оригинальный сжатый шрифт, бесстрашный и выразительный вариант, а ещё универсальный и пиксельный шрифты.

Простые практические советы, которые помогут вам создавать эффективные микротексты, даже если у вас нет соответствующего опыта.

Расскажем, как правильно составить и использовать карту эмпатии в процессе UX-дизайна, чтобы лучше понимать потребности пользователей.

Игра для прокачки навыка различать цвета, инструмент для генерации градиентов из фото, сайт с решениями для автомобильных интерфейсов и парочка free стоковых сервисов.

О том, как правильно знакомить пользователя с приложениями. Создаем грамотный онбординг, который поможет удержать аудиторию.

Расскажем, какие типы градиентов существуют и чем они отличаются, как градиенты могут улучшить ваш дизайн, как и где вы можете их использовать.

Расскажем о главных отличиях между этими двумя понятиями и подробно разберем, как их проектировать, чтобы интерфейс был понятным, доступным и неперегруженным.

Собрали 30 интересных приёмов, которые вдохновят вас на эксперименты и помогут разнообразить ваши проекты.

Разберём, когда можно использовать dark mode и как его грамотно создать. Рассмотрим все плюсы тёмного режима и приведём примеры удачных тёмных интерфейсов.

Рассмотрим 11 наиболее заметных стилей и направлений графического дизайна, поговорим об известных представителях каждого из них, плюс вдохновимся интересными примерами.

Расскажем о пользовательских «болевых точках» в контексте дизайна, о их видах и о том, как негативно они могут влиять на восприятие вашего продукта/дизайна.