gram news
Аватар канала UX/UI [by Uprock]

UX/UI [by Uprock]

@uprockpro

Школа веб-дизайна: http://school.uprock.ru/ Студия: http://uprock.ru Instagram: https://www.instagram.com/zhenya.ninja/ YouTube: https://www.youtube.com/c/UPROCK Behance: https://www.behance.net/uprockpro VK: https://vk.com/uprockpro

ПроектыRUДизайн

18,600подписчиков

Открыть канал

Последние посты

  • UX/UI [by Uprock]

    23 сент., 11:43

    Завтра в 19:00 МСК собираемся на вебинаре по вайбкодингуСоберем сайт (прикрепили пример выше☝️) без опыта работы с кодом — только Claude Code и правильные задачи для нейросети.В прямом эфире пройдем весь процесс от идеи до публикации вместе с Евгением 👋 и Артемом 👋 (продуктовый дизайнер, 6+ лет в Альфа-банке).Разберем: • как использовать Claude Code для верстки и топовых анимаций • что такое «скиллы» и как они упрощают работу с нейросетями • как выстроить работающую связку Figma → Claude Code • что учитывать в макете для быстрой публикации в вебе • и с чего начинать дизайнеру, который только слышал о вайбкодинге.Вебинар по этой теме у нас не первый, так что все вопросы и опасения нам знакомы. На все ответим простым языком с примерами из практики.🎁 И, по традиции, всем участников эфира подарим токены для старта практики в ИИ, так что обязательно будем ждать каждого.🔜Регистрация здесь
  • UX/UI [by Uprock]

    22 сент., 09:35

    И сайт красивый, и анимации эффектные, но люди уходят. Почему так происходит? Потому что красиво — не значит понятно. Пользователь заходит и не понимает: куда смотреть и где нажать, чтобы быстро получить то, за чем пришел. Мозгу нужно всего пару секунд на расшифровку, и если за это время не успел разобраться, то просто покидает сайт.Если так происходит, значит вы нарушили законы визуальной иерархии. Это не вкусовщина и не мимолетный тренд, а психология восприятия. Поэтому знать их должен каждый дизайнер.👉 Читать статью: "Основы дизайна: руководство по визуальной иерархии (с инфографикой)".
    Иллюстрация к посту канала UX/UI [by Uprock]Иллюстрация к посту канала UX/UI [by Uprock]
  • UX/UI [by Uprock]

    18 сент., 09:31

    Как потерять пользователя раз и навсегда🙅‍♂️Коллеги, а вы сталкивались с приложениями, где кнопку "Отписаться" возможно найти только через поддержку? Или нажимаешь "Попробовать бесплатно", а через пару дней списание. Оказывается, галочка "Продлить автоматически" стояла по умолчанию.Это не ошибка и не случайность. Это манипулятивный дизайн — когда интерфейс намеренно подталкивает человека к действиям, которые ему не выгодны. Тёмные паттерны работают в краткосроке: конверсия и метрики растут.Но в долгую — это медленная смерть продукта. Пользователь не жалуется, он просто уходит навсегда. Как этого не допустить?👇➡️ Узнаете в новом лонгриде "Манипулятивный дизайн".
    Иллюстрация к посту канала UX/UI [by Uprock]Иллюстрация к посту канала UX/UI [by Uprock]
  • UX/UI [by Uprock]

    17 сент., 12:33

    🔵Сегодня в 19:00 мск встречаемся на бесплатном вебинаре по Claude CodeБудем разбираться, как дизайнеру собирать сайты в Claude Code без полноценного погружения во фронтенд.Подробно рассмотрим на практике, как устроены такие сайты, как грамотно составлять задачу для Claude и создавать сложные эффекты и анимации. Отдельно разберем, что важно понимать самому, а что можно делегировать нейронке.Покажу не просто возможности инструмента, а сам процесс работы. Если давно хотели разобраться, как это работает, то самое время подключиться.⏰ Уже сегодня в 19:00 по МСК🤠 Зарегистрироваться на вебинар
    1,150видео7Открыть в Telegram
  • UX/UI [by Uprock]

    15 сент., 13:40

    Как собирать сайты в Claude CodeСовсем недавно для создания сайта со сложными анимациями и эффектами нельзя было обойтись без разработчика. Сейчас все стало гораздо проще: дизайнеру уже не обязательно осваивать фронтенд целиком. Достаточно разобраться, как работать с Claude Code, и можно самостоятельно собирать и верстать такие проекты.🔵 17 сентября в 19:00 по МСК проведу открытый вебинар и покажу вам на практике, как это работает в Claude Code.Что разберем:🔵как устроены такие сайты внутри; 🔵как правильно ставить задачи Claude Code; 🔵как собирать сложные анимации и визуальные эффекты; 🔵как двигаться от идеи к готовому проекту шаг за шагом.Мы не будем уходить в сложную
    1,310видео102Открыть в Telegram
  • UX/UI [by Uprock]

    15 сент., 09:01

    Рецепт создания объёмной графики: 6 шагов, 0 страданий👩‍🍳Объёмная графика придает интерфейсу глубину, выделяет CTA и повышает вовлечённость. Крупные фигурные иконки, разборные схемы, визуализации продукта — всё это объясняет пользователю быстрее и доступнее, чем текст.Но есть нюанс. Обычно за такой картинкой стоят долгие часы рутинной работы: сетки, углы, выравнивание каждой грани. Именно на этом этапе многие сдаются.Хорошая новость в том, что сегодня мы готовы поделиться способом, как создавать объемные иллюстрации гораздо проще и быстрее👇 Читайте в статье: "Как освоить новое измерение: туториал по созданию изометрических иллюстраций".
    Иллюстрация к посту канала UX/UI [by Uprock]Иллюстрация к посту канала UX/UI [by Uprock]
  • UX/UI [by Uprock]

    11 сент., 09:02

    Вкус — это врожденный талант 🚫Спойлер: это миф, в который верят почти все новички.Правда в том, что насмотренность — это всего лишь навык, такой же тренируемый, как и любой другой. И его можно прокачать с нуля, даже если вы раньше не имели ничего общего ни с дизайном, ни с творчеством.С приходом ИИ порог входа в профессию падает: освоить Figma и другие инструменты теперь может каждый. А вот умение принимать визуальные решения и видеть, что реально работает — то, что отличает высококлассного специалиста, и это нужно тренировать.Как это сделать?👇Узнаете в новом лонгриде: "Как развивать насмотренность в UX/UI-дизайне".
    Иллюстрация к посту канала UX/UI [by Uprock]Иллюстрация к посту канала UX/UI [by Uprock]
  • UX/UI [by Uprock]

    9 сент., 12:19

    переслано из @evgenyuprock

    Коллеги, давно у нас не было вебинаров в теплой ламповой обстановкеХочу завтра поделиться новыми методиками UPROCK и прямо по шагам рассказать, как создавать топовые сайты, которые получают награды.В конце расскажу про новый-старый курс «ULTRA UI: Завоевываем AWWWARDS». А основую часть посвящу мякотке: как создаются раскадровки анимаций, прорабатываются идеи и референсы, как строится работа с ИИ.Разбор проведем на примере проекта студентки Марьяны (приложил к посту)Все будет завтра в 19:00 по МСК, регистрация на мероприятие в этом ботеСтавьте – 🤗, если тоже соскучились по нашим милым встречам
    1,180видео531Открыть в Telegram
  • UX/UI [by Uprock]

    8 сент., 09:01изменён

    Контекстное меню: инструкция по применению 📐Коллеги, поднимите руку, кто из вас сталкивался с ситуацией, когда клиент просил спрятать все лишнее, а потом жаловался, что пользователи не находят нужную кнопку? 🙋‍♂️Контекстное меню — это всегда компромисс. С одной стороны, оно убирает визуальный мусор и экономит клики, но… платой становится низкая информационная наглядность. Пользователь просто не видит, что за ним скрыто.Как использовать этот инструмент правильно?😂Читай в сегодняшней статье "Проектируем контекстные меню: 10 рекомендаций".
    Иллюстрация к посту канала UX/UI [by Uprock]Иллюстрация к посту канала UX/UI [by Uprock]
  • UX/UI [by Uprock]

    5 сент., 09:24

    Страница, которую часто рисуют в последнюю очередь ❌Коллеги, давайте начистоту: когда вы начинаете проектировать сайт, раздел "Помощь" идёт где-то в конце списка задач, да? Но правда в том, что именно эта страница чаще всего определяет, вернётся пользователь или нет.Пока вы любуетесь красотой главного экрана, ваш клиент блуждает по тёмным лабиринтам FAQ и уходит к конкуренту, не находя ответа на свой вопрос. И все ваши усилия идут насмарку.➡️ В новом лонгриде "Дизайн раздела поддержки на сайте", разбираемся, как правильно спроектировать эту страницу.
    Иллюстрация к посту канала UX/UI [by Uprock]Иллюстрация к посту канала UX/UI [by Uprock]
  • UX/UI [by Uprock]

    1 сент., 07:01

    Чем меньше экран, тем больше ответственность 📲Частая история: на большом экране макет выглядит как конфетка, а на телефоне превращается в тыкву. Особенно, когда дело касается текста.На небольших экранах каждый пиксель на счету. Выбор шрифта влияет на читаемость, настроение и даже на доверие к продукту, поэтому цена ошибки слишком высока. В статье "Мастерство мобильной типографики: советы по использованию шрифтов и лучшие практики" рассказали 5 базовых принципов: от выбора гарнитуры до расстановки символов.
    Иллюстрация к посту канала UX/UI [by Uprock]Иллюстрация к посту канала UX/UI [by Uprock]
  • UX/UI [by Uprock]

    28 авг., 08:59

    Сигнал, который пользователь считывает за 0,1 секунды🟩Мы не читаем уведомления — мы их чувствуем. За долю секунды мозг ставит диагноз: красный = кровь/огонь, зелёный = трава/безопасность. Без текста, без иконок — один только цвет. Так работает наше подсознаниеПоэтому, когда дело доходит до системных уведомлений, забудьте про "хочу красиво". Нужно сделать так, чтобы пользователь получил верный сигнал. Как это сделать?👇➡️ Разбираемся в лонгриде "Как цвет системных уведомлений влияет на ощущение безопасности".
    Иллюстрация к посту канала UX/UI [by Uprock]Иллюстрация к посту канала UX/UI [by Uprock]
  • UX/UI [by Uprock]

    27 авг., 13:04

    Бесплатный интенсив: коммерческая 3D-графика в нейросетях 🔥В Utopy.ai стартует серия интенсивов для дизайнеров и всех, кто хочет лучше разобраться в нейросетях. Уже сегодня в 19:00 МСК начинается бесплатный интенсив по созданию коммерческой 3D-графики.Пошагово разберем весь процесс: от идеи и построения сцены до работы со светом, фонами, текстурами и ракурсами. Также расскажем, как анимировать готовую графику.Что вас ждет: ✦ Теория и пошаговый алгоритм создания объемных объектов; ✦ Инструменты для генерации 3D; ✦ Полезные приемы и промпты; ✦ Практические задания; ✦ Разбор работ участников; ✦ Бесплатные токены Utopy.ai; ✦ Розыгрыш призов. Регистрируйтесь по ссылке
    Иллюстрация к посту канала UX/UI [by Uprock]Иллюстрация к посту канала UX/UI [by Uprock]Иллюстрация к посту канала UX/UI [by Uprock]Иллюстрация к посту канала UX/UI [by Uprock]
  • UX/UI [by Uprock]

    26 авг., 12:52

    Почему чем больше разных работ в вашем портфолио, тем лучше?🤔На старте многие грешат тем, что показывают только то, что у них лучше всего получается. Но сильное портфолио — это то, которое доказывает, что справитесь с любой задачей, даже если она выходит за рамки вашей зоны комфорта. Чем ранообразнее ваши проекты, тем быстрее клиент поймет, что вы не заложник одного удачного проекта, а настоящий профессионал. Но и это еще не все👇1️⃣ На старте карьеры важно иметь разноплановое портфолио. Вы попробуете больше разных направлений и выберете то, что вам нужно.2️⃣ У вас появится более глубокое понимание проектов. И, что важно, вы заметите общие закономерности в проектной деятельности разных задач (алгоритм, анализ, обоснования и т. д.).3️⃣ Плюс на первых местах работы от вас будут
    Иллюстрация к посту канала UX/UI [by Uprock]Иллюстрация к посту канала UX/UI [by Uprock]Иллюстрация к посту канала UX/UI [by Uprock]Иллюстрация к посту канала UX/UI [by Uprock]
    1,480видео1Открыть в Telegram
  • UX/UI [by Uprock]

    25 авг., 09:16

    У вас никогда не будет второго шанса произвести первое впечатление 👀Коллеги, вопрос на миллион: вы уделяете оглавлению столько же времени, сколько обложке?Креативная обложка цепляет взгляд. Но именно оглавление становится тем самым решающим моментом, когда читатель оказывается на распутье: остаться или закрыть вкладку. Как склонить чашу весов в сторону первого варианта?⬇️➡️Рассказываем в новой статье "Дизайн оглавления: 15 вдохновляющих примеров + советы профессионалов".
    Иллюстрация к посту канала UX/UI [by Uprock]Иллюстрация к посту канала UX/UI [by Uprock]
  • UX/UI [by Uprock]

    21 авг., 09:22изменён

    Ползунки либо бесят, либо влюбляют в интерфейс с первой секунды. Выбор всегда за дизайнером 😤🆚😍Есть элементы, которые просто выполняют функцию. А есть те, что создают ощущение. Ползунки (слайдеры) — из второй категории.Когда пользователь двигает слайдер, он взаимодействует с продуктом на интуитивном уровне, почти как с физическим объектом. Это мощный инструмент доверия. Или мощный инструмент раздражения — если сделать его наспех.🤩 В сегодняшнем лонгриде "Как правильно использовать ползунки в интерфейсе" разберемся, как приручить этот элемент и сделать его своим союзником.
    Иллюстрация к посту канала UX/UI [by Uprock]Иллюстрация к посту канала UX/UI [by Uprock]
  • UX/UI [by Uprock]

    18 авг., 08:59

    Как создать бренд, который работает 🤔Частая ошибка новичков в том, что они уделяют слишком много внимания красивой картинке. Крутой логотип, модные цвета, стильный шрифт — кажется, что в этом залог успеха бренда.Но тренды меняются каждые полгода. Так что ни один успешный продукт не может держаться только на визуале.По-настоящему сильный бренд строится на смыслах, которые за ним стоят. Он узнаваем, устойчив к изменениям рынка и вызывает доверие. И всё это закладывается не в Figma, а на этапе стратегии — в ответах на простые, но важные вопросы.Какие именно вопросы нужно задать себе перед стартом? ⬇️💜Собрали их в статье: "Как создать сильный и запоминающийся бренд: 9 вопросов, которые вам помогут".
    Иллюстрация к посту канала UX/UI [by Uprock]Иллюстрация к посту канала UX/UI [by Uprock]
  • UX/UI [by Uprock]

    14 авг., 09:59изменён

    Шрифт важнее, чем вы думаете✍️Начинающие дизайнеры часто думают, что типографика — это про красоту. На самом деле, шрифт несет в себе куда больше, он отражает идентичность бренда. Про то, как ваш продукт видят, слышат и чувствуют другие.Каждый раз, подбирая шрифт, вы невольно решаете вопрос: "Кто мы?". Очертания букв считываются быстрее, чем логотип, и громче, чем слоган.Но сегодня бренды сталкиваются с вызовом, поскольку их аудитория разбросана по десяткам площадок: от гигантского баннера до крошечного экрана часов. И шрифт должен работать везде одинаково сильно.Как этого добиться, если вы только в начале пути?⤵️➡️ Узнаете в статье "4 характеристики выдающейся типографики: советы от старшего бренд-директора Monotype".
    Иллюстрация к посту канала UX/UI [by Uprock]Иллюстрация к посту канала UX/UI [by Uprock]
  • UX/UI [by Uprock]

    13 авг., 10:09

    "Мне кажется, тут все интуитивно понятно" — фраза, которая убивает интерфейсы💀Каждый раз это заканчивается одинаково: пользователи путаются, заказчик недоволен, а вы сидите и перерисовываете экран в пятый раз.Хватит полагаться на свою интуицию, скорее всего, вы промахнетесь (никогда не забывайте, вы — не ваш пользователь). Но что тогда делать?Есть методика, которая за 5 минут дает объективную оценку удобства вашего продукта: без эмоций, без "я думаю, эта кнопка должна быть левее", только реальные данные. Именно поэтому ей доверяют продакты и крупные корпорации. 👇〰️В лонгриде "Как работает SUS метод для оценки юзабилити" подробно разбираем разбираем все этапы методики: от вопросов до интерпретации результата.
    Иллюстрация к посту канала UX/UI [by Uprock]Иллюстрация к посту канала UX/UI [by Uprock]
  • UX/UI [by Uprock]

    11 авг., 09:29

    Как выстроить систему поощрений, которая реально работает: на примере гигантов рынка 🥇Дизайнеры, давайте на чистоту, а вы добавляете в свои макеты так называемые "награды", "достижения" или "значки" только потому что так делают все?Duolingo, Nike и Amazon тоже используют этот прием, но результат у всех разный: 🟢 у Duolingo — награды заставляют пользователя открывать приложение каждый день; 🟢 у Nike — система поощрений создает ощущение причастности к единому сообществу; 🟢 у Amazon — бесполезные значки, которые не делают ничего.В чем ошибка Amazon и как правильно использовать данный подход в своих проектах?🤩 Рассказали в сегодняшней статье "Как Duolingo, Nike и Amazon используют награды, чтобы держать вас на крючке".
    Иллюстрация к посту канала UX/UI [by Uprock]Иллюстрация к посту канала UX/UI [by Uprock]