UPROCK. UX/UI, Фриланс, Коммерческий дизайн.

Привет, это Алиса, дизайнер и куратор студии UPROCK 👋 В работе я часто сталкиваюсь с тем, что подбор цветовой палитры – это одна из самых сложных задач для начинающих дизайнеров. Особенно если нет ограничений в виде брендбука и нужно придумать все с нуля. Для таких случаев существует множество сервисов, которые здорово помогают с подборкой цветовой палитры, например, один из моих любимых – Pigment Shape Factory. Это ресурс, который каждый раз выдает новые сочетания цветов, никогда не повторяясь. Можно управлять насыщенностью, теплохолодностью, а еще есть версия для градиентов. Я обычно делаю так: сначала подготавливаю макет в черно-белом варианте, чтобы абстрагироваться от цвета, а потом накладываю палитры и пробую разные варианты. Так гораздо проще увидеть, что работает, а что нет. Иногда одна палитра сразу раскрывает проект, и появляется тот самый свежий результат. ➡️ Попробовать инструмент - Pigment Shape Factory Не менее важным аспектом в оформлении проектов, в особенности коммерческих, является качественный визуальный контент, и сегодня в этом здорово помогают нейросети. 🚀 Напоминаем, что если вы хотите научиться усиливать проекты через сгенерированный контент, – приходите сегодня на вебинар в 19:00 МСК. Мы поговорим о том, как сделать генерацию в AI последовательной и профессиональной, и как использовать ее для реальных задач. ⚡️ Зарегистрироваться на вебинар

Обычно дизайнеры подключают нейросети для быстрых решений задач: сгенерировать пару фото в проект, поймать свежую идею или просто развлечься. Это удобно, но на таком уровне результат часто остается случайным — изображение каждый раз разное, а повторить удачное почти невозможно. Совсем другое дело — работа над реальными коммерческими проектами с помощью AI. Там важны последовательность и узнаваемость: персонаж остается одним и тем же из кадра в кадр, визуальный стиль — цельным, а итог — доведенным до качества профессиональной съемки. ❗️Именно поэтому сегодня ключевая компетенция для дизайнеров — умение управлять процессом генерации. Не просто «поймать случайный удачный кадр», а выстраивать серию так, чтобы каждое изображение выглядело цельно и законченно, а во всем проекте сохранялись единая идея, стиль и детали. 👉 Уже завтра в 19:00 (МСК) на вебинаре мы поговорим о том, как работать в нейросетях на PRO-уровне: ⚡️ как добиваться предсказуемости и последовательности в генерации; ⚡️ какие приемы позволяют довести изображения до состояния готового продукта; ⚡️ как с помощью KREA построить цельный и узнаваемый визуальный стиль; ⚡️ почему грамотная генерация становится конкурентным преимуществом для дизайнеров. ➡️ Зарегистрироваться на вебинар

Давайте сегодня поговорим об одной из самых частых ошибок в мобильных интерфейсах: размере шрифта. Часто интерфейс приложения выглядит аккуратно: структура, цвета, кнопки – вроде бы все идеально. Но при тестировании оказывается, что пользователи просто не читают часть текста, и если присмотреться, становится ясно: текст слишком мелкий, глаза напрягаются, буквы сливаются с фоном, заголовки и основной текст выглядят одинаково. Красивый интерфейс, который никто не читает – это пустая трата усилий. В видео разбираю 4 простых правила идеальной типографики в мобильных интерфейсах: 📌 Минимальный кегль + межстрочка 📌 Отступы и иерархия 📌 Контраст 📌 Доступность и языки Читабельность – это уважение к пользователю, а интерфейс — это разговор. Если его невозможно прочитать, разговора не будет. А теперь поделитесь: какой минимальный шрифт используете вы в своих проектах? Представьте, что этот текст будет читать ваша мама или бабушка — хватит ли им 12 px? 😊

Предлагаю вам сегодня разобрать интересную тему: графические приемы в UX/UI. Часто я слышу от студентов: «Графика – это сложно, у меня не получится, у меня нет нужного скилла». На самом деле графика в интерфейсах не обязана быть сложной, наоборот, простые формы могут стать изюминкой вашего проекта. 🟨 Самый простой пример – квадрат. Казалось бы, что может быть проще и причем тут графика? А именно из квадрата можно собрать бесконечное количество решений: – паттерны для фонов – легкий акцент или декоративный элемент – простая иллюстрация – и даже целая композиция Наши студенты часто удивляют меня тем, как они применяют этот прием. Кто-то использует квадраты в айдентике, кто-то собирает из них иллюстрации вроде пиксельных персонажей, а кто-то внедряет паттерн прямо в сайт. Самое важное – в графике нет ничего недосягаемого. Простые формы доступны каждому: попробуйте добавить их в свои проекты, и вы увидите, как даже минимальный прием делает визуал эффектнее, креативнее и выразительнее. ✨ Не бойтесь экспериментировать с графикой, подключайте творчество и фантазию и, уверена, вы удивитесь результату. ⚡️ И, как обычно по пятницам, делимся с вами подборкой полезных статей, которые рекомендуем к прочтению на этих выходных 😊 📖 Лучшая типографика 1920-х годов – от Futura до Industria Gravur Рассмотрим несколько самых знаковых шрифтов этого времени. 📖 Как дизайнеру создать личный бренд Разберем вопрос создания личного бренда для дизайнера: что это такое, зачем он нужен и с чего стоит начать. 📖 Действия в таблицах: рекомендации по проектированию Узнаем, какие паттерны существуют в этой области и как они применяются в реальных продуктах.‍ 📖 Полезные ресурсы для дизайнеров Подборка ресурсов, которые сделают вас сильнее как UX/UI-дизайнера. 📖 Microsoft vs Apple: две философии, два пути Apple и Microsoft — две крупнейшие технологические компании с разной философией и видением, которые на протяжении многих лет соревнуются за лидерство на рынке. ***** Бесплатные курсы по UX/UI: 🔥 Продвинутая Figma: Cайты 🔥 Продуктовый дизайн Телеграм-каналы: ⚡️ UX и продуктовый дизайн ⚡️ Плакаты: Вдохновение и рефы ⚡️ Личный канал Евгения UPROCK Полезные материалы: ✨ Бесплатные кириллические шрифты ✨ Бесплатные мокапы ✨ Статьи по UX/UI

Сегодня четверг, и обычно у нас в этот день проходит практический эфир. На этой неделе мы взяли небольшую паузу. Не потому что устали, а потому что хотим подготовить для вас максимально полезный и структурный контент на следующие недели — вас ждут объемные лекции по нейросетям и коммерческим сайтам 🔥 Но это совсем не значит, что практики не будет. У вас уже есть целый арсенал инструментов, на которых можно практиковаться прямо сейчас — наши бесплатные тренажеры. 📌 по Figma — перестанете теряться в интерфейсе и оптимизируете рабочий процесс. 📌 по UX — прокачаете структурное мышление и узнаете, как устроен процесс работы в продукте; 📌 по цвету — научитесь создавать гармоничные цветовые палитры; Начинать рекомендую с тренажера по Figma. Даже если вы ежедневно работаете в программе, там есть нюансы и фишки, которые реально ускоряют и упрощают работу. Плюс — к каждому уроку идет практика с обратной связью. Вы сможете получить комментарии от кураторов и обсудить любое решение 😊

Приглашаю вас сегодня в 19:00 по МСК на вебинар с ревью продуктовых портфолио Мы будем разбирать реальные портфолио продуктовых дизайнеров: посмотрим 5 кейсов, обсудим сильные стороны и разберем типичные ошибки. 📌 О чем поговорим: – что сразу выделяет портфолио среди сотен других – какие ошибки моментально рушат впечатление – что думает работодатель, когда открывает портфолио Если размышляете, как улучшить свое портфолио и сделать его более убедительным для работодателей – подключайтесь, будет много полезных инсайтов. ⚡️Жду всех сегодня, 20 августа в 19:00 по МСК на Youtube / VK

На лекции разобрали, как шрифт может стать главным выразительным инструментом в интерфейсе. Даже если в проекте нет ярких иллюстраций или фото, правильная работа с текстом способна создать ритм, характер и атмосферу. Делюсь с вами фрагментом из этой лекции, в нем разобрал один из своих любимых приемов в работе с типографикой – текст поверх текста. Посмотреть лекцию полностью пока еще можно по ссылкам: YouTube / VK Что еще разобрал на лекции: – как превратить шрифт в ключевой элемент дизайна – как строить композицию, опираясь на текст – и как типографика меняет восприятие проекта ⚡️ А теперь переходим к практике Чтобы закрепить материал и получить разбор от команды UPROCK пишите слово «Шрифт» менеджеру @upr_help – получите задание, выполняйте в Figma и присылайте результат коллегам в тот же чат @upr_help. Мы посмотрим каждую работу и дадим персональный фидбек. ❗️Лекция будет доступна в открытом доступе до понедельника. Если хотите пересмотреть ее позже, присоединяйтесь к новому формату — «Вышка», закрытому лекторию, где будут храниться все записи подобных эфиров, а также проходят регулярные практические встречи с экспертами в графическом дизайне, фотографии, искусстве, нейросетях, продуктовом дизайне и других сферах. 📌 Например, уже 19 августа пройдет лекция Марии Казановой (lead-дизайнер «Самокат») на тему цвета в дизайне. В этой лекции вы узнаете, как работать с цветом на практике — от поиска идеи до финального выбора оттенков, освоите правило полки (shelf test) для оценки восприятия цвета, познакомитесь с основными цветовыми моделями и особенностями печати, а также научитесь избегать типичных ошибок через приладки, цветопробы и проверки контрастности. Лекция актуальна не только для веб-дизайна — она прокачает ваши навыки колористики для любых проектов, включая печатные. ⚡️ Вступить в лекторий

Движение – самый мощный визуальный приоритет. Оно цепляет наше внимание сильнее всего остального, так заложила в нас эволюция: в древности заметил шевеление, значит успел убежать и выжил. В дизайне мы управляем вниманием пользователя, поэтому анимация – значимый инструмент, который помогает нам заставить пользователя в нужный момент испытать нужные эмоции. Но тут важно знать меру и соблюдать баланс, чтобы анимация не была избыточной. В этом видео подробно разбираю: – когда движение помогает, а когда мешает – как контент влияет на уровень и тип анимации – как строить систему анимации, а не просто накидывать фишечки – как жонглировать вниманием пользователя осознанно 📌 Подробнее рассказываю об основах анимации в лекции на Youtube / VK Мой личный канал об арт-дирекшене, школе и коммерческом дизайне – канал Евгения UPROCK Канал по продуктовому дизайну от эксперта Ксении Толокновой ➡️ Бесплатный бот для обучения UX/UI

Вот уже 4 года я в команде, и каждый день через меня проходит больше сотни студенческих работ, от первых, робких страниц до готовых кейсов ✨ Честно, это безумно вдохновляет. Я вижу, как у студентов растет насмотренность, как они находят крутые визуальные решения и выдают результат на уровне топ-студий — именно за это я люблю свою работу. Это развивает и меня, ведь с таким потоком свежих идей невозможно стоять на месте. Но моя работа — это не только контроль качества. У всех в UPROCK есть общая миссия — нести эстетичный, осмысленный дизайн в массы. Мы хотим, чтобы вы выходили на рынок как специалисты, способные работать на уровне топ-студий. Именно поэтому я запустила новую рубрику «Дизайн коммерческих проектов в прямом эфире» — чтобы бесплатно показывать, как создавать сильные коммерческие проекты, разбирать реальные кейсы и учить подходу, который работает в боевых условиях. Вчера я провела первую лекцию в рамках этой рубрики — о коммерческом дизайне сайтов в промышленной тематике. Спасибо всем, кто был онлайн и поддерживал! Было здорово пообщаться вживую. 👉 Если вы пропустили лекцию, то ее еще можно посмотреть в записи: Youtube / VK. Мы будем встречаться в таком формате регулярно, так что скоро я анонсирую следующую тему ✌️ ⚡️ Также предлагаю вам выполнить практическое задание, чтобы научиться делать эстетично на неэстетичную тему. ❗️Чтобы получить домашку, пишите слово "Завод" моим коллегам в @upr_help После выполнения домашнего задания присылайте ссылку на ваш фигма-файл, мы с командой кураторов обязательно разберем все работы и пришлем индивидуальный фидбек 😊 И по традиции подготовили для вас 5 полезных статей для изучения на выходных 👇 📖 Гамбургер-меню: последние исследования и лучшие практики Мы проанализируем результаты исследований (тогда и сейчас) и рассмотрим лучшие практики. 📖 Пустые состояния: краткое практическое руководство Мы разберем, что такое пустые состояния, какова их типичная структура, когда их использовать. 📖 UX-копирайтинг: как писать отличные тексты для интерфейсов Изучим особенности написания таких текстов и фреймворк. 📖 Полезные ресурсы для дизайнеров Подборка ресурсов, которые сделают вас сильнее как UX/UI-дизайнера. 📖 5 незаметных, но работающих приемов отличного UI Мы узнаем, 5 неочевидных приемов, которые помогут вам создавать продукты, способные удержать аудиторию. * Бесплатные курсы по UX/UI: 🔥 Продвинутая Figma: Cайты 🔥 Продуктовый дизайн Телеграм-каналы: ⚡️ UX и продуктовый дизайн ⚡️ Плакаты: Вдохновение и рефы ⚡️ Личный канал Евгения UPROCK Полезные материалы: ✨ Бесплатные кириллические шрифты ✨ Бесплатные мокапы ✨ Статьи по UX/UI

Сайты для заводов и других промышленных тематик — одни из самых сложных. Начиная от консервативных клиентов и заканчивая «деревянным» дизайном по рынку. Завтра в 19:00 по МСК хочу с вами разобрать — как сделать достойную работу такому клиенту. 📌 Что будет на эфире: Вместе со Златой, арт-директором UPROCK, мы в прямом эфире будем рисовать реальный коммерческий сайт для промышленной компании. Вы узнаете: — как выстраивать структуру и эстетику для недизайнерских тематик — как продавать сложные продукты через визуальный стиль — как превратить любой проект в сильный кейс для портфолио — и как такие проекты дадут вам мощный буст в профессии ❗️А также сделаете домашнее задание и получите персональный разбор от нашего куратора. ➡️ Регистрируйтесь в боте, чтобы получить напоминание о старте эфира и практику с разбором преподавателей UPROCK

Да, мы все это знаем. Но учиться дизайну нужно именно на монохромной палитре, акцентируя свое внимание на навыки работы с формой и композицией. 🟣 Сегодня в видео предлагаю погрузиться в силу монохромного дизайна Вы узнаете: – как отсутствие цвета усиливает восприятие и акценты – когда монохром является выразительным решением – как использовать серую гамму, чтобы передать стиль, глубину и структуру Все советы, приемы и секреты работы с монохромом разобрал на примере проектов студентов и выпускников UPROCK: ⚡️ Мария Верхутина – PILATUS AIRCRAFT ⚡️ Анна Филатова – Shh architecture ⚡️ Дмитрий Цветков – Horizon 📌 Полная лекция о работе с цветом в UX/UI-дизайне доступна по ссылкам: YouTube / VK 🔗 Мой личный канал об арт-дирекшене, школе и коммерческом дизайне – канал Евгения UPROCK

Вчера провел классную и полезную лекцию на тему "Эмоциональный дизайн. Основные принципы" 🔗 Запись доступна по ссылкам Youtube / VK 🔥 Предлагаю попрактиковаться в знаниях, полученных на лекции Получить практическое задание, а также полезные материалы для выполнения домашки вы можете у моих коллег 👇🏼 ❗️Пишите слово "Эмоция" менеджеру службы заботы UPROCK @upr_help 📌 После выполнения домашнего задания присылайте ссылку на ваш фигма-файл в тот же чат коллегам @upr_help. Мы обязательно разберем каждую домашку и пришлем индивидуальный фидбек.

Наша задача — понимать пользователя. Но важно не просто решать его задачи, а делать это на более глубоком, эмоциональном уровне. Именно так создаются интерфейсы, которые действительно запоминаются и выделяют проект среди похожих продуктов. Своих студентов у меня хорошо получается обучать этому через метод, который я назвал Ultra UI — система, основанная на декомпозиции слоев, эмоций, контекста и ощущений в интерфейсе. За последний год этот подход постепенно входит в индустрию. Я вижу, как его адаптируют даже очень опытные дизайнеры. И это не конкуренция — наоборот, я рад, что мой метод работает и помогает другим. 📌 Сегодня на лекции я поделюсь с вами как применять этот метод в ваших проектах. Наглядно на реальных примерах мы разберем все способы создания эмоционального дизайна, а после вы получите домашнее задание для закрепления материала. Жду вас на лекции уже сегодня, 31 июля в 19:00 (МСК) ➡️ Зарегистрироваться на лекцию

Многие считают гельветикоподобные шрифты (Inter, Neue Haas Grotesk) скучными. Особенно в первых проектах — хочется выбрать самый вычурный шрифт, чтобы украсить макет. Но на самом деле гельветика — это основа. Если ты умеешь работать с ней, ты умеешь работать с чем угодно. Потому что, когда шрифт нейтральный, начинают играть роль другие вещи: композиция, иерархия, ритм. Это отличная возможность прокачать макет на всех визуальных уровнях, не прикрываясь декоративными приемами. Я часто прошу студентов собрать первую версию проекта именно с гельветикоподобными шрифтами. Это быстро показывает, где есть структура, а где просто оформление без фундамента. ➡️ Полную лекцию о гельветике и 13 приёмах работы с ней на коммерческих проектах можно посмотреть здесь: Youtube / VK ⚡️ А завтра продолжим тему на лекции об эмоциональном дизайне — поговорим, как усиливать макеты с помощью метода "ULTRA UI" на всех визуальных слоях. Переходите в бот, чтобы получить анонс, а также бонусную практическую лекцию и домашнее задание ➡️ Зарегистрироваться на лекцию

Кажется, что креатив – это вкусовщина, но на практике его можно (и нужно) оценивать по конкретным критериям. Рейтинг креативности – это инструмент, который помогает понять, насколько визуал соответствует задачам проекта. 📌 В этом видео разбираю как оценивать креативность, как сохранять баланс креатива в проекте, и оставить восприятие информации комфортным для пользователя, а также где та самая грань между уместной креативностью и перегрузом. 🔹Смотреть видео в HD: YouTube / VK Креатив должен усиливать восприятие, а не мешать понять, что происходит на экране, поэтому важно уметь грамотно работать с композицией и сеткой. 🔥 Для этого сегодня я провожу бесплатный вебинар "Главные принципы сеток и композиций в UX/UI". Разберемся на реальных примерах, как делать даже самые креативные интерфейсы понятными с помощью сетки, как работать с ритмом в композиции, и сохранять логику в дизайне. ❗️Жду вас уже сегодня, 24 июля в 19:00 мск, присоединяйтесь ➡️ Зарегистрироваться на вебинар

Сетка – это основа, которая создает ритм, акценты и определяет движение взгляда по экрану, а еще она управляет вниманием и отвечает за баланс между визуалом и логикой. ✔️ В этом видео расскажу: – что такое модульные сетки – как не перегрузить пользователя массивом визуала – как грамотно расставлять акценты в макете Разберем, как правильно использовать сетки в дизайне, поговорим о трендах в сетках, а еще расскажу, почему использование 12 колонок давно устарело. 📌 Смотреть видео в HD: YouTube / VK 📌 Смотреть видео в HD: YouTube / VK

Фестивальные сайты часто кажутся далекими от реальности: слишком смело, концептуально и избыточно. Но на самом деле именно в них тренируется мышца идейности, насмотренность и свобода мышления ⚡️ В этом видео показываю, как использовать метод избыточного креатива в коммерческой работе: – как задать сильную эмоцию или концепт – как не бояться делать чересчур, и зачем это нужно – как идти от идеи к конкретике через принцип "от большего к меньшему" Разберем как адаптировать даже самую смелую идею под работающий дизайн 📌 Смотреть видео в HD: YouTube / VK 📌 Смотреть видео в HD: YouTube / VK

Логотип – это лицо бренда, он должен быть узнаваемым, простым и работать на любую аудиторию. Умение создавать логотипы – важный скилл для дизайнера. 📌 28 и 29 июня на интенсиве разберем, из чего состоит хороший логотип, как искать идеи, собирать референсы и превращать их в понятный и стильный знак. 🔥 За два дня вы разберетесь в логике бренд-дизайна и сделаете свой первый логотип, а также получите индивидуальный фидбек от преподавателей UPROCK ⚡️Первый эфир уже завтра – 28 июня в 14:00 МСК ➡️ Зарегистрироваться на интенсив ➡️ Зарегистрироваться на интенсив

Работы известных студий сразу узнаются за счёт продуманной композиции, типографики и внимания к деталям. Но за эффектной подачей всегда стоит система: как они работают с референсами и анимацией, как строят композицию, как принимают решения. ⚡️ В видео разбираю ключевые приёмы, которыми пользуются топы, на примере известной студии Locomotive, и показываю, как перенести эти подходы в свои проекты с помощью метода Ultra UI. 📌 Смотреть видео в HD: Youtube / VK 📌 Смотреть видео в HD: Youtube / VK ➡️ Делитесь в комментариях, какие еще темы вам было бы интересно разобрать?