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

Современный минималистичный шрифт, готичный эмоциональный гротеск, брутально-интеллигентная русская панк-антиква. А ещё парочка брутальных шрифтов: один вдохновлён промышленной эстетикой 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 наиболее заметных стилей и направлений графического дизайна, поговорим об известных представителях каждого из них, плюс вдохновимся интересными примерами.

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

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

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

Расскажем, как проектировать интерфейсы, которые делают жизнь пользователей проще.

Приложение для генерации картинок и видео. Сервис для масштабирования изображений и устранения шума. И ChatGPT, созданный для работы с текстами.

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

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

Качественные векторные и трехмерные иллюстрации, а также иконки, мокапы, UI Kit и адаптивные шаблоны. Библиотеки сайтов для сбора референсов и вдохновения.

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

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

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

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

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

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

О том, что такое поведенческий дизайн, как это работает и как его использовать в рамках UX/UI-дизайна.

Минималистичные интерфейсы много лет остаются на пике популярности, но что делать, если вам предстоит спроектировать какой‑то сложный продукт, например, проф. ПО?

Шрифт, посвященный Дикому Западу, исторический и зимний шрифты. А еще пара готических вариантов: для создания мистического антуража или по‑настоящему жуткой сказки.

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

Игривый шрифт, современный и адаптируемый гротеск, удобный антиквенный шрифт для объемных текстов, элегантный скрипт и моноширинный шрифт,.

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

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

Уникальная насыщенная лекция самого популярного нейробиолога в СНГ Вячеслава Дубынина о том, как применять научный метод в работе дизайнера интерфейсов.

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

Дизайнеры привыкли полагаться на результаты UX-исследований, но можно ли доверять им на 100%? Попытаемся в этом разобраться.

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

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

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

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