UX/UI [by Uprock]

Секретное оружие вашего дизайна🤫 Попробуйте вспомнить шрифт на кнопке "Купить" или в меню сайтов, которые вы открываете каждый день. Сложно, правда? Мы не замечаем хорошую типографику, но именно она управляет нашим восприятием информации. Шрифты помогают передать индивидуальность бренда и повысить читабельность. Многие новички используют стандартные Arial или Times New Roman, потому что так безопаснее. И в итоге их сайты выглядят так же, как тысячи других. Как этого не допустить?👇 ➡️ Читайте в новой статье: "24 лучших шрифта для веб-сайтов. Подборка от Figma".

Вечная классика: почему ар-деко снова в моде? 💎 Роскошь, элегантность и геометрия — синонимы ар-деко. Стиль, который родился в начале XX века, но до сих пор диктует правила в интерьерах, графике и веб-дизайне. Насыщенные цвета, симметрия и дорогие материалы — его визитная карточка. Как использовать принципы ар-деко в своих проектах, чтобы они выглядели дорого и современно?👇 ↗️ Узнаете в новом лонгриде: "Ар-деко в дизайне".

Красиво ≠ Правдиво 📊 Мы живем в мире, где информации больше, чем когда-либо, но доверия к ней все меньше. И часто виноваты в этом дизайнеры. Когда мы выбираем "красивую картинку" вместо точности, визуализация превращается в инструмент манипуляции. Как не стать тем самым дизайнером, чьи работы вводят в заблуждение? Разбираем типичные ошибки и правила честной визуализации в новой статье👇 👉 Читать статью: "Цифры не должны обманывать: обзор типичных ошибок при визуализации данных".

Красивый интерфейс ≠ удобный интерфейс🙅‍♂️ Мы все на это попадались: сайт выглядит как произведение искусства, эффектные анимации, красивая типографика, а потом 5 минут ищешь кнопку оформления заказа. Красивый визуал продаёт первое впечатление. Но удерживает пользователя на сайте совсем другое👇👇 ➡️ Читайте в новом лонгриде: "Почему «красивый» UI-дизайн может быть плохим и не наступайте на грабли, которые уже прошли другие".

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

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

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

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

⚙ Как собирать сайты в Claude Code Совсем недавно для создания сайта со сложными анимациями и эффектами нельзя было обойтись без разработчика. Сейчас все стало гораздо проще: дизайнеру уже не обязательно осваивать фронтенд целиком. Достаточно разобраться, как работать с Claude Code, и можно самостоятельно собирать и верстать такие проекты. 🔵 17 сентября в 19:00 по МСК проведу открытый вебинар и покажу вам на практике, как это работает в Claude Code. Что разберем: 🔵как устроены такие сайты внутри; 🔵как правильно ставить задачи Claude Code; 🔵как собирать сложные анимации и визуальные эффекты; 🔵как двигаться от идеи к готовому проекту шаг за шагом. Мы не будем уходить в сложную разработку и терминологию. Разберем сам процесс с точки зрения дизайнера: что нужно понимать, что можно делегировать ИИ и как контролировать результат. И это будет только первая часть цикла открытых вебинаров про создание сайтов и приложений с помощью ИИ. Дальше будем углубляться в процесс и и постепенно расширять возможности использования нейронок в ваших проектах. ➡ Зарегистрироваться на вебинар

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