⚠️ Как строить предупреждающие сообщения

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
☄️ Прокачка для твоего творчества!
Хочешь улучшить работу и научиться новым фишкам в творческих профессиях? В этом канале публикуются материалы, которые научат тебя новому. Полезные советы, плагины, мокапы, словари, референсы и многое другое. Залетай в @Astat — твой апгрейд начинается здесь.
После последнего поста про ИИ мне написала подписчица:
«Кажется, мы просто успокаиваем себя. На самом деле, через год визуализаторов заменит ИИ. Я уже думаю, кем работать дальше…» Это чувство накрывает многих. Не скрою, даже у меня были мысли искать более надежную нишу.. Кажется, будто вот-вот — и наш скилл обесценится. Но на деле всё гораздо сложнее (и интереснее). Да, на рынке будет большая чистка. Да, не только визуализаторы, но и дизайнеры, копирайтеры, маркетологи — все, кто не адаптируется, рискуют. Но. 🔥 Если ты уже используешь ИИ в работе — ты не из них. Ты не на обочине — ты на волне. Просто она ещё не перестроилась до конца. ➡️ИИ — ЭТО УСИЛИТЕЛЬ, А НЕ ЗАМЕНА. Чтобы получить сильную картинку через 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 👉 Создание описаний к проектам, КП, ТЗ, сторис, чек-листов для клиентов — Экономит часы на тексте — Помогает упаковывать себя и свои работы — Умный помощник, если умеешь задавать вопросы 🧠 Вывод? ИИ не конкурент. ИИ — твой будущий ассистент. Он может делать за тебя рутину, но идеи, вкус, выбор, решение — всё это остаётся за тобой. Так что вместо того, чтобы бояться — внедряй. Ты не теряешь профессию. Ты её прокачиваешь до нового уровня. 💬 А ты уже пробовал внедрять ИИ в работу? Если да — поделись своим топ-инструментом. Если нет — напиши, что мешает.
Изображение поста
😮 Нейродизайн: почему мозг не замечает очевидного
В статье рассказали, почему пользователи пропускают важные элементы интерфейса и действуют нелогично. Объяснили, как работает фовеальное зрение (чёткое восприятие области в 2–5 градусов) и почему мозг отфильтровывает большую часть информации, обращая внимание лишь на небольшую часть элементов. Разобрали основные паттерны сканирования (F-паттерн, Z-паттерн и модель слоёного пирога), правило 7±2 и типичные ошибки его применения. Описали, как удерживать внимание по мере скролла и как ненавязчиво направлять пользователя к целевым действиям, избегая эффекта баннерной слепоты. Внутри: – Как учитывать особенности фовеального зрения; – Почему мозг игнорирует часть интерфейса; – F-паттерн, Z-паттерн и визуальные каталоги; – Правило 7±2 в интерфейсах; – Воронка внимания при скролле; – Как тестировать изменения с помощью тепловых карт. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение поста
Мобильное приложение с данными для катания на лыжах
Изображение поста
Прокачиваем насмотренность
"NEWFOUND RESPECT FOR RUNNING" от Sebastien Camden #референс #вдохновение
⚡️ Меняем одежду на фото по референсам
Библиотека референсов прямо нк выходя из Figma 😇
#figma Чтобы не ломать голову как расположить объекты в этом блоке, запускаешь плагин Bibbble, и смотришь кучу вариантов реальных сайтов. Автор: dmrygrachev Установить плагин Что там с дизайном
😍 Редизайн записи к врачу в Симед
Команда Собаки Павловой показала, как перестроила модуль записи так, чтобы путь от выбора врача до подтверждения занимал меньше времени и не сбивал с мысли. Убрали лишние шаги, сделали понятный календарь и прозрачные слоты, сократили число возвратов на предыдущие экраны. Проработали разные сценарии для новых и постоянных пациентов, учли специфику клиник и страховых правил, добавили подсказки в нужный момент без перегруза. Навигация стала прямее, статусы записи читались сразу, ошибки объяснялись человеческим языком. Внутри: – Какие проблемы мешали записываться быстро; – Как упростили календарь и выбор слотов; – Сценарии для новых и постоянных пациентов; – Подсказки и тексты вместо лишних экранов; – Правила страховых и ограничения клиник; – Метрики после релиза и планы развития. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение поста