Дайджест продуктового дизайна больше десяти лет помогает джунам прокачиваться в мидлов, а мидлам — в сеньоров.

Канал и всё остальное ведёт Юрий Ветров. Он давно в профессии и сам прокачивается за счёт статей, презентаций и других полезных материалов, которые публикует в дайджесте. Скажу честно — дайджест не поможет вам войти в профессию. Но если вы уже стартовали — даст хорошую прокачку навыков и мотивационный пинок делать больше. Лучшие методы и практики, паттерны и шаблоны, тренды и похороны уходящих подходов. Всё это помогает прокачать ключевые навыки современного дизайнера интерфейсов — проектирование и визуальный дизайн, пользовательские исследования и аналитика, немного front-end и редактуры. Десятки тысяч дизайнеров и менеджеров продуктов уже подписаны и получают тонны полезной информации. Начни и ты. Подписаться: @pdigest
https://content.desigram.ru/static/b73789f6-4eeb-4e56-9c1c-6e51ac885e1c.jpg

Правильно, левый вариант лучше. Использование чекбокса для согласия с политикой конфиденциальности предпочтительнее не только с точки зрения привычных паттернов, но и с точки зрения юридической точности.

https://content.desigram.ru/static/4c14da97-2ec9-45a8-92ae-9c2d0411fc26.jpg

🧰 Emoji Pattern Generator

Плагин для генерации паттернов в виде эмодзи Dezzigners
https://content.desigram.ru/static/250aeb87-8378-4323-a1c6-1952e5ded752.jpg

Поднимите руки, кто в пятницу успел забежать на выступление Артёма Фёдорова в рамках AVA TOUR 2025? ❤️

Пока мы ждём фотоотчет, расскажем факты о выступлениях нашего дизайн-директора. — Тёма всегда отдает пиарщикам стройную тему и подробное описание — остается поправить только запятые — Круто, когда выступает дизайн-директор, потому что вообще не нужно заботиться о дизайне презентации — будет хорошо — Артём всегда отлично выходит на фотографиях с ивентов, даже если мы его сфоткали случайно *Иногда айфон делает подборки со всеми фотками, где есть Артём под мелодичню музыку 👀 А если вам хочется послушать Артёма еще немного — держите! 1. Совершенный дизайн: красота или функция — Design Room 2022 SPB 2. Необычные паттерны в веб-дизайне — Рефодушка 3. Персонализация путешествий: дизайн с опорой на человека — Travel Design Meetup, который мы делали совместно с Яндексом
https://content.desigram.ru/static/88485a49-663a-4c92-92e8-4f1c9878bd35.jpg
UI Sources — готовые дизайн-паттерны из наиболее прибыльных приложений.
uisources.com 🏛DESIGN HUB
ПАТТЕРН ЗИМНЕЙ ХУРМЫ В FIGMA
Рисуем сочный зимний паттерн с хурмой прямо в Figma! #Урок
https://content.desigram.ru/static/281e0588-eb91-4679-a3bf-4d7d5b6fb917.jpg
https://content.desigram.ru/static/628c118a-4344-420f-b643-ab6739a86521.jpg
https://content.desigram.ru/static/6bf991d6-059b-436a-bc24-fa5f49ce1ce3.jpg
https://content.desigram.ru/static/87497c6b-70cc-4dda-a215-e5a260df8e8c.jpg
https://content.desigram.ru/static/b2a821d0-8707-4df3-a6c8-47c61ea3a209.jpg
https://content.desigram.ru/static/f2e36a58-c192-44a4-819f-bb12a4d7650e.jpg
Плагин «Emoji Pattern Generator» by Niyas V
Плагин для генерации паттернов в виде эмодзи 🙂 Скачать плагин 🙂 #plugin
https://content.desigram.ru/static/250aeb87-8378-4323-a1c6-1952e5ded752.jpg
🔗 Pttrns
Одна из крупнейших коллекций UX/UI-паттернов для мобильных приложений. Здесь собраны лучшие решения для iOS и Android, которые помогут улучшить пользовательский опыт и найти вдохновение для интерфейсов. #UX #UI #мобильныйдизайн #паттерны #интерфейсы Посмотреть 🔗
Почти все когнитивные искажения в одной картинке
На днях наткнулся на занимательную инфографику. Я сам часто пишу о «ловушках» нашего мышления: предупрежден — значит вооружен. Подобно тому, как кривое зеркало искажает отражение, наш мозг иногда искажает восприятие реальности. И это не всегда плохо: если бы мозг обрабатывал бы всю поступающую информацию без автоматических паттернов, мы бы все сошли с ума. Например, оптимистическое искажение помогает не сохранять оптимизм и веру в свои силы перед лицом неминуемого дедлайна)) Но знать о когнитивных искажениях необходимо, чтобы не облажаться при принятии важных решений 😁. А еще это очень полезно в работе: невозможно сделать качественную презентацию, если не понимаешь как зритель будет ее воспринимать. Ниже вышлю ее файлом, чтобы вам было удобно изучать)
https://content.desigram.ru/static/bb4092dd-f4d2-4232-94d2-c18df9856642.jpg
🌿 Делаем паттерн реалистичной травы в иллюстраторе
Развиваем дизайн навыки вместе с Денисом (Типичный дизайнер)!
Сетка 2025 + Направляющие Сетки и направляющие — скелет страницы, основа для контента. Сильный инструмент, а добавив щепотку знаний, можно вызывать яркие ощущения и эмоции. Эмоциональный дизайн и хороший уровень в UI является нормой в наше время в продукте, а модульные сетки и направляющие в этом помогают! 001. Модульные сетки нужны? Для лучшего считывания контента, дизайн должен быть выстроен композиционно Оk. Сетки помогут создать четкую структуру страницы, облегчая навигацию и считывание информации. Дизайнеру проще разместить элементы, если они следуют установленной системе. 002. Вы тут главный Когда речь идет о сетках и направляющих, то главное понимать важное правило — вы управляете ими, а не они вами. В начале работы над макетом вы выстраиваете их под свои идеи, продумывая структуру заранее, но не наоборот. Если выставлять сетки и направляющую без анализа, то произойдет ситуация, где 12 колоночная система вас сковывает и ограничивает в решениях, а композиция никак не может выстроиться красиво. Обязательно подумайте с каким видом контента вы работаете, кто ваш пользователь и как будут расставлены акценты. 003. Направляющая Направляющая (силовая линия) — является визуальными, вертикальными рельсами, по которым юзер считывает контент и придаёт ощущения визуального баланса. Силовая линия создает привычный пользователю паттерн сканирования информации, по которому, дизайнер расставляет выгодные ему акценты. Поэтому важно ставить акценты по ней. Акценты это: заголовки, фотографии, карточки, кнопки и всё то, на чем важно сфокусировать внимание пользователя. 004. Эмоции и ощущения Сетки и направляющие — это архитектурный и эмоциональный подход, как и весь дизайн. Благодаря сеткам и направляющим дизайнер может выставить контент и акценты так, чтобы вызывать у пользователя нужные эмоции. Если контент выстроен по вертикали вниз без смещений и изгибов, это дает ощущение стабильности, фундаментальности, что отлично подходит для архитектурного бюро или юридической фирмы. Динамику и движение можно показать через смещение акцентов от одной направляющей к другой, что может быть супер актуально для спортивных сайтов. Ну и просто, сетка это красиво! Забери с собой: Главное помнить, что типографика, цвета, анимации, сетки и направляющие это инструменты дизайнера, а как ими воспользоваться и для чего — решать нам. Илья Абраменко х Типичный Дизайнер Коллаба дня💪🏻 А как вы используете эти инструменты в своих работах? (кидайте проекты в комментарии!)
https://content.desigram.ru/static/bff2b40d-6dd9-4128-ba2a-85e0a42f9e04.jpg
designer.ru — кухня изнутри:
Как же вам повезло что вы выбрали дизайн, а не программирование! Боли те же, а удары судьбы гораздо мягче. Дизайнеры-новички ноют что их никто не берет, работу ищут по полгода и тп. А вы пробовали заглянуть к программистам? )) Там те же приколы только в разы жестче. Вот кричалки школ программистов: 1) срочно всем нужны IT-шники 2) заскакивайте к нам! Уже скоро будете получать 300 тыс руб 3) какие программисты будут восстребованы в 2025 4) 3 месяца обучения - и тебя возьмут даже джуном! Знакомые кричалки? У дизайнеров "кричат" то же самое. А реалии каковы? 1) Учиться на программеров в разы сложнее, потому что мир технологий стал настолько громадным, что каждый день появляются новые плагины и библиотеки. (у нас же и одной Figma, порой, достаточно) 2) З/п-шечка в лучшем случае 80тр. Это будучи джуном в течение года. У прогеров все конкретно: функционал не изучил? Функционал не работает? Нафиг с пляжа! (у нас же "Почему нет дизайна? Это такой вот дизайн-минимализм"). 3) Реально же что-то из себя представлять станешь в лучшем случае через год. А до этого тебя ждет "долина смерти". Никто не берет, потому что опыта нет и слЁзки слЁзки. (у нас же "рисую карточки для маркетплейсов как из пулемёта, пока не обрасту нетворкингом") 3) Ну и, вишенка на торте, из потока школ выживают и становятся программистами лишь... 2% от заявленных на старте (у нас же 5-7% и то, возьмут потому что ты слышал про "скандинавский дизайн" или знаешь где смотят CSS в браузере). 2% выживших! Знакомо? Что же главное у программистов-новичков? Научиться учиться! Научиться управлять энергией и усидчивостью, фокусом внимания. Это профессия исключительно селф-мейд. Знакомо, дизайнеры? Дизайнер может повторить чужой дизайн или даже купить готовый кит на креативных маркетплейсах, клиент это даже не распознает. А программист должен не просто понимать что он повторяет и сделать так чтобы "это" завелось и скомпилировалось, когда рядом еще мильон зависимых библиотек. И наконец, если прямо очень хотеть дотянуться до 300тр - то это минимум пару лет вжобывания. А то и больше. И все это время надо каждый день погружаться в паттерны программирования, искать ментора, курочить чужой код, пытаться написать свой говногод, изучать новые API и фреймворки, и знать JavaScript как батя. Знакомо? Дизайнерам-новичкам еще даже очень повезло. Порог входа гораздо ниже. P/S: Ролик с юным кибернетиком вы и сами нагуглите :))
https://content.desigram.ru/static/1031a64b-f822-45ce-b69e-785477e8b6e4.jpg
Три паттерна в дизайне, которые ведут себя не так, как кажется
Разбор таких популярных дизайн-паттернов, которые могут быть недооценены дизайнерами, но важны для пользовательского опыта Читать на DSGNERS! | #статьи
https://content.desigram.ru/static/4c14dcd0-40fb-4283-9ffa-a09f4a705e48.jpg
Три паттерна в дизайне, которые ведут себя не так, как кажется
Разбор таких популярных дизайн-паттернов, которые могут быть недооценены дизайнерами, но важны для пользовательского опыта Читать на DSGNERS! | #статьи
https://content.desigram.ru/static/4c14dcd0-40fb-4283-9ffa-a09f4a705e48.jpg
Три паттерна в дизайне, которые ведут себя не так, как кажется
Разбор таких популярных дизайн-паттернов, которые могут быть недооценены дизайнерами, но важны для пользовательского опыта Читать на DSGNERS! | #статьи
https://content.desigram.ru/static/4c14dcd0-40fb-4283-9ffa-a09f4a705e48.jpg
Три паттерна в дизайне, которые ведут себя не так, как кажется
Разбор таких популярных дизайн-паттернов, которые могут быть недооценены дизайнерами, но важны для пользовательского опыта Читать на DSGNERS! | #статьи
https://content.desigram.ru/static/4c14dcd0-40fb-4283-9ffa-a09f4a705e48.jpg
Три паттерна в дизайне, которые ведут себя не так, как кажется
Разбор таких популярных дизайн-паттернов, которые могут быть недооценены дизайнерами, но важны для пользовательского опыта Читать на DSGNERS! | #статьи
https://content.desigram.ru/static/4c14dcd0-40fb-4283-9ffa-a09f4a705e48.jpg
Дайджест продуктового дизайна больше десяти лет помогает джунам прокачиваться в мидлов, а мидлам — в сеньоров.
Канал и всё остальное ведёт Юрий Ветров. Он давно в профессии и сам прокачивается за счёт статей, презентаций и других полезных материалов, которые публикует в дайджесте. Скажу честно — дайджест не поможет вам войти в профессию. Но если вы уже стартовали — даст хорошую прокачку навыков и мотивационный пинок делать больше. Лучшие методы и практики, паттерны и шаблоны, тренды и похороны уходящих подходов. Всё это помогает прокачать ключевые навыки современного дизайнера интерфейсов — проектирование и визуальный дизайн, пользовательские исследования и аналитика, немного front-end и редактуры. Десятки тысяч дизайнеров и менеджеров продуктов уже подписаны и получают тонны полезной информации. Начни и ты. Подписаться: @pdigest
https://content.desigram.ru/static/43fd6919-2543-4981-89b0-8aa3eba2c642.jpg
Темные паттерны в интерфейсах
В темном, темном интерфейсе были темные, темные паттерны… Темные паттерны — это всякие неочевидные уловки, которые использует сайты и приложения, чтобы добиться коммерческой выгоды обманным способом. Эти все методики в краткосрочной перспективе могут быть выгодны для бизнеса, но в долгосрок могут подорвать доверие пользователя. 🌚 Упор на чувство вины Этим приемом очень любит пользоваться, например, дуолинго. Когда ты долго не заходишь в приложение, то совенок расстраивается и давит на твое чувство вины. 🌚 Скрытые платежи Это то, чем грешат многие приложения. Когда ты скачиваешь приложение из стора и тебе сходу предлагают подписку за 0$, а потом оказывается, что 0 — это только за период 3-7 дней, а далее тебе за каждую неделю придется платить 500$ 🌚 Отвлечение внимания Это такой прием, когда, например, кнопку «Отписаться» делают незаметной, но зато кнопка с подпиской очень яркая и ее трудно не заметить. Опять же такое распространено во всякого рода приложениях. 🌚 Ловушка Ох как любит эту уловку Яндекс. В частности их подписка Яндекс+ оформлена таким образом, что подписаться на нее легко, а вот найти кнопку отмены ещё тот квест для пользователя. Пишите в комментах какой паттерн вас бесит больше всего👇
https://content.desigram.ru/static/9d3e1d6b-f8bb-47cd-82fe-c548195d2ce9.jpg
Page Flows - коллекция дизайн паттернов разделенная на Desktop, Mobile и Email.
pageflows.com 🏛DESIGN HUB