⚠️ Как строить предупреждающие сообщения
UX Teddy рассказали, как сделать уведомления понятными и заметными, разделив их на три формата — модальные окна, баннеры и всплывашки. В каждом случае важно соблюсти четкую структуру, чтобы пользователи вовремя замечали сообщение и принимали осознанное решение.
В статье объяснены ключевые отличия: модалки с разделителем и текстовыми кнопками, баннеры с иконкой «X» в шапке и лаконичные всплывашки с тенью и вертикальными кнопками. Правильное расположение и визуальная иерархия помогают избежать путаницы и снизить визуальный шум.
Внутри:
– Модальные окна с заголовком, текстом, разделителем и текстовыми кнопками;
– Баннеры в шапке с иконкой «X» и широким текстом;
– Всплывашки в углу с тенью и вертикальными кнопками;
– Общие принципы структуры и размещения для всех форматов.
➡️ Читать статью
———
💻 Курс по поиску работы 😍 Про дизайн
🔥 Вакансии дизайнерам
🎨 Референсы
3 сайта, где найти вдохновение при создании портфолио
Каждому дизайнеру нужно иметь свое портфолио и чтобы оно выглядело достойно вы можете найти референсы у других авторов:
1) Wall of Portfolios — курируемая библиотека сайтов-портфолио от дизайнеров со всего мира.
2) CursorUP — более 100 стильных портфолио для вашего вдохновения
3) Product Design Portfolio Inspiration — более 90 портфолио от продуктовых дизайнеров в одном файле Figma.
#подборки #сервисы
Как я пилю свой продукт. Часть 14.
Фух, повозился я эти две недельки занятно. Без мощных продуктовых фич, конечно, но порядок навёл достаточно продуктивно.
🟢 Отрефакторил бэк
Весь бэк жил на 99% в одном файле. Было сложно навигироваься и мне и ИИшке. Я разбил весь файл на мелкие. Вынес отдельно апишки, роуты, админку и так далее. Теперь порядок, все работает, ничего не сломалось, это было самое главное. Теперь сильно проще делать правки и фичи
🟣 Примерная зарплата
Улучшил модельку и примерное определение зарплаты для каждой вакансии. Теперь определяет на порядок лучше и чётче. Не 100% верно, конечно, это невозможно, но учитывает десяток параметров, рынок, требования и ещё кучу всего. Повозиться пришлось, но вроде все гуд!
🟡 Поиск
Было сложно, я просидел над этим часа 4 без перерыва, словил несколько багов, но теперь поиск работает шустрее. Был на питоне, стал на sql + fts. Сильно сократилось кол-во запросов к БД и грузится реально быстрее, как и весь сайт в целом после пересборки бэка и удаления лишних частей кода и рефакторинга кода
🔵 Страница компании
Раньше со страницы компании вело просто на главную с подставленным в поисковый инпут названием и показывало ваки. Теперь каждая компания имеет свою страницу html, что улучшит SEO. Потихоньку добавляется описание и ссылка на сайт. Ну и вакансии удобно сгруппированы теперь на отдельной страничке, а не на главной
🟢 404 страницы
У меня все удаленные вакансии падали в 404 страницу. То есть, если где-то была ссылка с вакансией и я её удалял, то пользователь получал 404 с кнопкой на главную. Сейчас вакансия существует, просто помечается как закрытая. Это лучше для SEO, страница не пропадает из индексирования, а остаётся. Буду смотреть эффект. На удивление, все было готово к этой фиче и вакансии уже удалялись не полностью, а «мягко», а я даже не знал. Получилось сделать быстро, кайф!
Статистика тоже радует. Графики растут и прошлая неделя была самой максимальной за все время с трафиком из поисковых систем, что говорит о том, что seo работает лучше и лучше и людей с поиска идёт больше, чем в любую другую неделю. Это меня очень радует, но я буду продолжать. Сейчас, как оказалось, можно даже поднастроить внутри оптимизацию для нейронок, чтобы они тоже советовали твой сайт и пытались его найти) Я это сделал внутри, посмотрим на результат через время.
И спасибо всем огромное, за последние 2 недели я получил больше 1500 регистраций, сейчас уже 3000+ зареганных пользователей почти. И огрооооомное количество благодарностей за сервис в личку на линке и в тг. Это очень-очень мотивирует и греет душу. Спасибо всем ❤️
Если у вас есть предложения, пожелания или вас что-то бесит, приходите в личку
Ну и заглядывайте на сайт ❤️
➡️ Заглянуть
➡️ Заглянуть
➡️ Заглянуть
ч.13
———
💻 Курс по поиску работы 😍 Про дизайн
🔥 Вакансии дизайнерам
🎨 Референсы
Making 3D style animated characters - Landing Page
Мобильное приложение для управления домом
Luxor Developers
После последнего поста про ИИ мне написала подписчица:
«Кажется, мы просто успокаиваем себя. На самом деле, через год визуализаторов заменит ИИ. Я уже думаю, кем работать дальше…»
Это чувство накрывает многих. Не скрою, даже у меня были мысли искать более надежную нишу..
Кажется, будто вот-вот — и наш скилл обесценится. Но на деле всё гораздо сложнее (и интереснее).
Да, на рынке будет большая чистка.
Да, не только визуализаторы, но и дизайнеры, копирайтеры, маркетологи — все, кто не адаптируется, рискуют.
Но.
🔥 Если ты уже используешь ИИ в работе — ты не из них.
Ты не на обочине — ты на волне. Просто она ещё не перестроилась до конца.
➡️ИИ — ЭТО УСИЛИТЕЛЬ, А НЕ ЗАМЕНА.
Чтобы получить сильную картинку через Midjourney, тебе нужно:
— Чёткое визуальное мышление
— Понимание композиции, стилистики, ТЗ
— Опыт, чтобы оценить результат и доработать его
— Навыки в Photoshop, 3D, post-prod, чтобы довести до финала
ИИ не понимает ни контекста проекта, ни боли клиента, ни маркетинговой задачи за визуализацией.
А ты понимаешь. И в этом — твоя ценность.
💡 Вопрос не в том, заменит ли нас ИИ.
Вопрос — как ты его используешь.
Вот с чего реально стоит начать прямо сейчас:
1. Midjourney / DALL·E / Krea
👉 Генерация референсов, поиск атмосферы, композиций, быстрые концепты
— Быстро подбирать идеи вместе с заказчиком
— Экспериментировать со стилями, светом, формой
— Создавать нестандартные moodboards
2. Runway / Pika / Sora (будущее)
👉 Генерация видео, анимация рендеров, движение в кадре
— Упаковка для Reels
— Короткие атмосферные видео из 3D-кадров
— Сторителлинг: визуалка = эмоция = вовлечённость.
3. Photoshop с нейросетями + Topaz / Luminar / Magnific/ Stable Diffusion
👉 Улучшение текстур, шумоподавление, детализация, замена элементов
— Фаст-постобработка без потери качества
— Детализация фона, света, шероховатостей
— Магия для ленивых (и умных)
4. ChatGPT / Notion AI
👉 Создание описаний к проектам, КП, ТЗ, сторис, чек-листов для клиентов
— Экономит часы на тексте
— Помогает упаковывать себя и свои работы
— Умный помощник, если умеешь задавать вопросы
🧠 Вывод?
ИИ не конкурент.
ИИ — твой будущий ассистент.
Он может делать за тебя рутину, но идеи, вкус, выбор, решение — всё это остаётся за тобой.
Так что вместо того, чтобы бояться — внедряй.
Ты не теряешь профессию. Ты её прокачиваешь до нового уровня.
💬 А ты уже пробовал внедрять ИИ в работу?
Если да — поделись своим топ-инструментом.
Если нет — напиши, что мешает.
Что было в июле?
В нашу редакцию ворвались трое новых авторов — Женя, Настя и Вася. Они сразу залетели с постами, будто писали их всю жизнь. Гордимся и радуемся вместе! 🎉
3 июля. Как давать обратную связь высокого качества
4 июля. «Короткие вопросы» с Ариной
10 июля. Эфир с Александром Смирновым про эмоциональный дизайн
11 июля. Пост-рефлексия о времени и надежде
14 июля. 3 техники, чтобы сонастроиться с собой
16 июля. Как справиться со страхом
17 июля. Анонс фестиваля G8 (приём работ на конкурс до 15 августа)
22 июля. Вася представил свою авторскую методологию постановки целей
23 июля. Немного грусти о рынке найма, но не всё так плохо, выход — есть!
24 июля. Помогаем DevCrowd: опрос для продуктовых дизайнеров
25 июля. Лекции с Дизайн-выходных от aic
29 июля. Как не проиграть ИИ при поиске работы
31 июля. Эфир про процессы в продуктовой команде с Машей Чубиной
Лето — время созерцать и думать. Спасибо, что вы рядом ☀️
🙌 Явно.Дизайн
#дайджест
😮 Нейродизайн: почему мозг не замечает очевидного
В статье рассказали, почему пользователи пропускают важные элементы интерфейса и действуют нелогично. Объяснили, как работает фовеальное зрение (чёткое восприятие области в 2–5 градусов) и почему мозг отфильтровывает большую часть информации, обращая внимание лишь на небольшую часть элементов.
Разобрали основные паттерны сканирования (F-паттерн, Z-паттерн и модель слоёного пирога), правило 7±2 и типичные ошибки его применения. Описали, как удерживать внимание по мере скролла и как ненавязчиво направлять пользователя к целевым действиям, избегая эффекта баннерной слепоты.
Внутри:
– Как учитывать особенности фовеального зрения;
– Почему мозг игнорирует часть интерфейса;
– F-паттерн, Z-паттерн и визуальные каталоги;
– Правило 7±2 в интерфейсах;
– Воронка внимания при скролле;
– Как тестировать изменения с помощью тепловых карт.
➡️ Читать статью
———
💻 Курс по поиску работы 😍 Про дизайн
🔥 Вакансии дизайнерам
🎨 Референсы
Всем привет!
Пустые состояния нередко упускаются из виду при проектировании цифровых продуктов. Хотя с ними сталкиваются только 2️⃣➖5️⃣🔤 пользователей, продуманные пустые состояния могут повысить юзабилити, укрепить индивидуальность бренда и создать эмоциональную связь с аудиторией.
📌В статье «Пустые состояния: краткое практическое руководство» мы разберем, что такое пустые состояния, какова их типичная структура, когда их использовать и какие распространенные паттерны есть в этой области.
*****
Бесплатные курсы по UX/UI:
🔥 Продвинутая Figma: Cайты
🔥 Продуктовый дизайн
Телеграм-каналы:
⚡️ UX и продуктовый дизайн
⚡️ UX/UI, Фриланс, Коммерческий дизайн
⚡️ Плакаты: Вдохновение и рефы
⚡️ Личный канал Евгения UPROCK
Полезные материалы:
✨ Бесплатные кириллические шрифты
✨ Бесплатные мокапы
✨ Вакансии для дизайнеров
