Дизайнер, привет

Дизайнер, привет

@jun_hi
Изображение канала: Дизайнер, привет
18 421 подписчик
85 постов
Посты
WCAG в Figma
Не прошло и 10 лет, как Figma завезли встроенный чекер доступности WCAG Теперь мего удобно чекать текст на фоне и наоборот на доступность АА или ААА. Ещё и линией границу показывает, в которой можно находиться, чтобы она соблюдалась Кайф ❤️ Убили все чекеры доступности ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
💡 30 спелых фич ягодного маркетплейса
Интересные фичи по мнению Hardclient в приложении Wildberries, которые стоит взять на заметку Внутри: — Маркеры оригинальности; — Увеличение фото в карточке и в листинге; — Цены у других продавцов и информация про них; — Динамика цены, лист ожидания и др. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение поста
🛍 Маркет или деньги из воздуха
Я тут ползал по сервисам Яндекса пару дней назад (периодически это делаю). Смотрю дизайн, как что реализовано, баги всякие ловлю. Интересно с точки зрения продукта в общем и интерфейсов тоже. Советую, если ещё не делаете так)) В особенности, обожаю сидеть на Маркете и тыкать функционал, смотреть сложные карточки товаров, как кучу инфы умещают в одну страницу И как-то дотыкался до того, что попал на сайт рефералки по Маркету (раньше её никогда не видел) и немного офигел, сколько денег они платят за привлечение одного селлера Если у вас много знакомых селлеров, кто вдруг на маркетплейсах или собирается туда выйти или думает выйти куда-то — зовите их на Маркет Почему? Потому что можно нафармить 15к рублей за 1 подключенного продавца (если он продаст на те же 15к) По факту, если в вашем окружении есть дизы, которые рисуют карточки для маркетплейсов, например, и которые уже с селлрами на короткой ноге, то они могут допом звать новых и делать в N раз больше денег 🔥 Самый прикол: а) продавец может быть в любой категории; б) нет ограничения на их количество. Зовёте 10 — получаете 150к. Если есть выходы на таких ребят, то можно и не работать в целом. ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение поста
🟢 Обновление Figma
Вчера в файлах сообщества апдейтнули UI3 — это компоненты, на которых будет собираться фигма в будущем. Я мельком оценил реакцию и появилось пару мыслей. Справедливо, что часть сообщества дизайнеров не принимает обновление и ностальгирует по старому интерфейсу. Мне по началу тоже было непривычно, но сейчас я даже и не помню как там было раньше — работаю с тем, что есть. Кто-то пишет, что мол ничего нового и интересного. Я тоже отношусь к этим ребятам. Как говорится, ну обновили и обновили)) Но есть пару моментов, которые я заметил в этом файле. Круто, что все разбито по понятным страничкам, все на компонентах, описания имеются, цвета и шрифты привязаны к стилям/токенам и че там ещё есть. Но достаточно кликнуть в любой компонент — тут тени не из библиотеки, тут радиус непривязан к вариэблс, а вот тут уже привязан. Ощущение, что делали быстро и в каких-то местах просто забили что-то прокликать. Хотя казалось бы, это ваш же инструмент, кидая в паблик такой файл покажите как все должно работать, станьте примером. Хотя стоит сказать, что команда фигмы в описании кита оставила форму, в которую можно оставить свои пожелания и предложения. Ну и как я понимаю, это не конечный вариант и будут ещё апдейты. Обязательно ознакомьтесь с файликом и напишите свои впечатления. Возможно, подметите какие-то интересные штуки в сборке макетов — этим тоже поделитесь в комментах. А ссылку на файлик оставлю ниже. ➡️ Посмотреть UI Kit ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение поста
💵 Как Netflix завоевал 200 миллионов платных пользователей
Интересная статья с обзором принципов и юиксовых практик, которые позволили нетфликсу занять первое место в мире по количеству платных подписчиков Внутри: — Прозрачность условий подписки; — Погружение и автовоспроизведение; — Множество точек контакта; — Персонализация как основа опыта; — Дизайн, ориентированный на контент. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение поста
🔜 Как помочь пользователю ждать
Юля Кондратьева проанализировала научные исследования и разобрала примеры, как интерфейс помогает пользователю ожидать выполнения каких-либо операций в системе Внутри: — Немного теории; — Примеры загрузки данных; — Отвлечение внимания при длительном ожидании; — Предоставление информации о прогрессе — Факторы, влияющие на восприятие времени ожидания. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение поста
🔔 Inspiration #126
Подборка лендингов и сайтов для вдохновения на предстоящую неделю 🔥 huntermob.com — базовый сайт для современной визуалки, но достаточно аккуратный. Затемнения, скругления и большие буквы смотрятся интересно. Дальше интересный сервис для меня — букинг от atlascard.com. Нравится, что сначала показывают красивые картинки — сразу представляешь себя. А дальше, рассказывают как всё работает. Хороший пример продажи чего-либо физического valentine.getfreewrite.com. Показать со всех сторон + подвязать это с какой-то историей. Пока скролил очень ждал появления кнопки «заказать». thirdleague.framer.website и parabol.fi — простые, но своими интересными штучками сайты. Просто понравились. Ну и по традиции ещё несколько, которые хочется оставить на канале: — folk.appvelorahome.comletters.appguitarorlov.ruwelcome.socratica.info ——— — unfair.nltakeagander.comretinaa.chitemy.rusortui.company ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение поста
❤️ Новости закрытого канала
Прошло 2 недели с момента создания закрытого канала с вакансиями для UX/UI м продуктовых дизайнеров. Вот итоги: ✅ 101 вакансия опубликованоа. Многие из них опубликованы были в канале быстрее всего с момента появления в сети. ✅ 3 стажировки для дизайнеров (Авиасейлс, Озон), которые появились почти сразу, как только вышли. Многие каналы публиковали их с задержкой 1 неделю, что недопустимо для стажировок (ибо там уже 1000+ откликов) ✅ Вакансии зарубежных компаний с русскими фаундерами, например Recraft ($20m привлекли недавно) К каждой вакансии коротко добавляется описание компании, если она малоизвестная + какого дизайнера ищут, если такое есть, чтобы быстрее фильтровать ваки 💫 Напомню, что вакансии собираются со всего рынка РФ с ключевой разницей от всех остальных каналов с вакансиями: я фильтрую их вручную и отбираю только те, что проходят по нескольким моим параметрам. В канале 0% мусорных вакансий. Я за качество, а не за количество. Но при этом удаётся держать хороший темп (5-7 вакансий в день) 💲 Стоимость 390 рублей в месяц. Дешевле на рынке решения нет. Вступайте ❤️ ➡️ Вступить в канал ➡️ Вступить в канал ➡️ Вступить в канал
Изображение поста
❓ Почему стили в Figma — прошлый век
Игорь Бутков из Friflex рассказал, почему стили не подходят для современных дизайн-систем и как вместо них использовать токены Внутри: — Почему стили — все; — Что такое дизайн-токены?; — С чего начать?; — Как выбрать семантику?. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение поста
👍 Доработка интерфейса навигатора 2ГИС
Хороший способ сделать кейс — взять приложение, которым ты пользуешься и что-то улучшить в нём. Автору статьи было неудобно искать место остановки в навигаторе и она решила поиследовать эту историю. Результат на макетах для кого-то может быть неидеальным, но результат оформленным как кейс, в котором есть проблема и решение — супер. Внутри: — В чём проблема; — Вопросы для исследования; — Навигатор, который думает за вас; — Анализ текущего сценария поиска места; — Side-by-side тестирование; — Что изменилось. ➡️ Читать кейс ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение поста
🔥 Как сделать единую айдентику сразу для нескольких сервисов и не потерять узнаваемость
Статья команды Яндекс 360, в которой поделились опытом создания единого стиля иллюстраций для Почты, Диска, Календаря и других сервисов. Интересно, что ребята старались учесть интересы разной аудитории, поскольку иллюстрации используются и в b2b, и в b2c продуктах. Внутри: — Каким должен быть новый стиль иллюстраций; — Как трансформировались 2D- и 3D-иллюстрации; — Как построили процесс обновления; — Базовые принципы нового стиля и жизненный цикл готовых иллюстраций. ➡️ Читать статью ➡️ Читать статью ➡️ Читать статью
Изображение поста
🚨 Большая подборка онбординга топовых продуктов
Нашёл очередную годноту. Вика Харламова собрала 500+ скриншотов, где выделила ошибки и подсветила крутые идеи для онбординга. Внутри: — Лучшие практики, которые помогают вовлекать пользователей; — Типичные ошибки; — Заметки и фреймворки, которые можно адаптировать под любой продукт. Если этого будем мало, напоминаю про мою подборку, которую публиковал ранее ➡️ Посмотреть подборку ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение поста
🔔 Inspiration #125
Подборка лендингов и сайтов для вдохновения на предстоящую неделю 🔥 — tocaboca.comjoi.softwareufotimeline.comburkinow.comtravelwise.com ——— — portal.graphics60fps.designlorenzwoehr.comredscout.comthe1.amsterdam ——— — timmadeit.comextraordinarythings.coin-puls.comleandra-isler.chsui.io/overflow ——— — dustmoto.comhalfof8.comaino.agencyobscura.nettailscale.com ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение поста
✔️ От legacy к успеху
Миша и Антон из М2 поделились кейсом, в котором рассказали о редизайне приложения и увеличении MAU продукта. М2 — приложение, которое позволяет проводить сделки с недвижимостью онлайн как частным лицам, так и профи рынка — удобно и быстро. Внутри: — Почему решились на редизайн; — Определение целей; — Как работали над дизайном; — Факапы и уроки; — Планы на будущее. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение поста
💡 Ультимативный гайд по анимации в Figma
Миша Нежник написал огромную статью, в которой рассказал об основных моментах и нюансах при работе с анимацией. Все с примерами, как мы любим Внутри: — Что такое анимация; — Режим прототипирования; — Типы взаимодействий и триггеры в режиме прототипа; — Типы действий в режиме прототипа; — Типы анимаций; — Сглаживания и плавности. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение поста
🗣️ Мама, я — дизайн-лид
Ваня Соловьёв из Магнита рассказал, какие навыки стоит развивать тем, кто готовится к переходу на роль лида, что их ждёт на новой должности и как достигать бизнес-целей вместе с командой По этой теме есть ещё хорошая статья Саши Букина, о которой писал тут Внутри: — Развитие управленческих навыков; — Ориентация на бизнес-цели; — Выбор стиля управления; — Делегирование и обратная связь. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение поста
🤡 Новые тёмные паттерны оплаты в Figma
Маргарита Романова из Дзена поделилась статьей, в которой детально разобрала все нюансы оплаты в Figma. Полезно всем, кто оплачивает тариф и особенно кто работает в команде — маленькая ошибка может стоить вашей компании денег. Внутри: — Новая система ролей; — Изменение цен; — Изменения в расчёте инвойса за платные роли; — План действий. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение поста
✨ 800+ экранов Hero Section
Время зря не терял и собрал для вас 800+ первых экранов на разных сайтах. Все в одном файле, как обычно и бесплатно. Тематики разные, например: – AI – Tech – Web3 – Web apps – Mobile apps – E-commerce – Finance и другие Как всегда буду благодарен вашему лайку, репосту. Это всё, что мне нужно ❤️ Там же вы найдёте скрины, если ещё не видели: – Paywall из приложений (200+) – Графики и диаграммы (200+) – Флоу онбордингов (1000+) ➡️ Смотреть скрины ——— 🔥 Закрытый канал с вакансиями
Изображение поста
🔔 Inspiration #124
Подборка лендингов и сайтов для вдохновения на предстоящую неделю 🔥 — inette.cothisisfc88.comcorticallabs.comthechangelab.rugnezdospatial.ru ——— — educarrillo.comsigma-global.composterco.tvmaevechocolate.comusage.pro ——— — microdot.visioncrappypresentations.comjam.devdesperate-housewives.tilda.wstonik.com ——— — zerog.aeroaaru.commyrendezvous.cadeno.comprofluent.bio ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение поста