🧰 Designsystemet - Core UI Kit

Дизайн-система которая подходит для разных проектов Dezzigners
Изображение поста

🔗 Radix UI

Гибкий генератор цветовых палитр для компонентов Radix UI. Можно кастомизировать и подстроить цвета под свой дизайн-системный стек. Работает быстро и без лишней возни. #цвета #palette #ui #дизайн #компоненты #ресурсы #интерфейсы Посмотреть 🔗

👌 Проект на пятёрочку

Сеть магазинов Пятёрочка создала флагманскую СТМ Выручай. Наша команда разработала дизайн-систему для новой марки Нам было необходимо создать зонтичный бренд, охватывающий более 20 категорий и объединяющий разрозненные СТМ под одним зонтом, и разработать гибкую визуальную систему 📍 Глобальной целью было увеличение продаж продуктов, ранее выпускавшихся под другими СТМ, и омоложение аудитории 👉Флагман уже вышел на полки супермаркетов сети. Узнать больше о нашей совместной работе можно по ссылке #depot_case
Изображение поста

Макет деревянного знака

Новый макет деревянного знака на белой стене. Идеальная визуализация, если вы хотите представить дизайн системы навигации, логотипа, значков или шрифта. В каждой из этих ситуаций этот макет сработает как дополнение или даже как полноценная презентация. #знак
💫 Это дизайн система мобильного приложения по продаже электроники. Включает в себя несколько экранов, созданных с помощью AutoLayout и компонентов.
Изображение поста
🔗 Design Systems for Figma
Коллекция готовых дизайн-систем для Figma с кодом и кейсами. Полезна для команд, которые хотят быстро масштабировать интерфейсы и держать визуал в едином стиле. #figma #дизайн_система #ui #компоненты #кейсы #ресурсы #интерфейсы Посмотреть 🔗
Плагин Ruri Colors — объединяет три функции: замену цветов в градиентах, конвертацию HEX в переменные Figma и доступ к готовым палитрам. Упрощает работу с цветом в дизайн-системах и проектах.
🔔 Тосты без конфликтов
Аня Скользнева рассказала, как команда дизайн-системы Т-Банка заметила, что всплывающие уведомления в вебе и мобильном приложении жили разной жизнью. Разобрали визуальные и поведенческие различия, проверили чужие гайдлайны, поняли, что десктопный вариант больше походил на информер и путал разработчиков. Команда разделила функции на лёгкий тост и насыщенный информер, перенесла мобильную архитектуру на десктоп, настроила размеры, контрасты и тени, протестировала всё в светлой и тёмной темах и вывела принципы, которые помогут не сбиваться дальше. Внутри: – Разные тосты на вебе и мобайле; – Анализ чужих дизайн-систем; – Разделение на тост и информер; – Настройка размеров и контрастов; – Тесты на реальных экранах; – Принципы для похожих задач. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение поста
dYdX Design System — дизайн-система с открытым исходным кодом.
Изображение поста
Lineage — плагин, который поможет понять, как ваша дизайн-система используется в вашем проекте и какое влияние каждое изменение окажет на ваш дизайн.
lalomts.com/lineage
Дизайн-система DECATLON
🏦 Банка UI
Команда дизайн-системы Газпромбанка поделилась, как набор кнопок для мобильного приложения превратился в основу всех цифровых сервисов банка. Ребята объединили компоненты для iOS, Android и веба, заложили переменные для быстрых тем и встроили доступность прямо в ядро, поэтому клиенты с нарушением зрения пользовались интернет-банком без проблем. После успеха систему оформили как самостоятельный продукт. Команда завела подробную документацию, запустила портал знаний и открыла исходный код, чтобы внешние подрядчики подключались без лишних согласований. Чёткие правила и версионность помогли семи специалистам поддерживать сотни экранов и развивать Banka UI как настоящий бренд внутри банка. Внутри: – Общие компоненты для трёх платформ; – Переменные для быстрых тем; – Доступность в ядре системы; – Портал знаний и открытый код; – Правила версионности и поддержки. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение поста
душный текст на 7 минут
Кто такой Старший дизайнер по версии Яндекс Путешествий Старший дизайнер (Senior Designer) — это не просто человек с пятью годами опыта или крутым портфолио. Это зрелый специалист, который стал точкой опоры для команды, умеет мыслить стратегически, брать на себя ответственность, видеть за пикселями цель продукта и бизнеса. 1. Опора для команды и продакта Старшему дизайнеру можно доверить сложный проект — от идеи до продакшна — и не возвращаться к нему каждую неделю с уточнениями, он: ▪️сам договорится с разработкой, продактом, аналитиками; ▪️сам пройдёт весь цикл: от ресерча до приёмки; ▪️знает, где принять решение самому, а где — поднять вопрос; ▪️закрывает не только задачи, но и риски. В зрелых командах за бугром таких людей называют "design owner" или "mini-PM от дизайна". Он берёт ответственность за продукт, а не только за макеты. 2. Зрелость — не про возраст, а про поведение Зрелый дизайнер — это человек, на которого можно положиться, он: ▪️умеет держать обещания и соблюдать дедлайны; ▪️понимает последствия своих действий; ▪️не ищет оправданий, а предлагает решения; ▪️не страдает от «звёздной болезни» и умеет слушать. Это не тот, кто «тусил всю ночь и опоздал», а тот, кто уважает время команды и пользователя. Он ведёт себя профессионально — и в работе, и в коммуникации. 3. Баланс между скоростью и качеством Старший дизайнер умеет гибко переключаться между режимами: ▪️прототип за день — если надо валидировать гипотезу; ▪️глубокая проработка — если проект уже в реализации; ▪️шарит за итерационность Он понимает, когда дизайн — это продукт, а когда — инструмент. Не всегда побеждает «графон» — иногда важнее вовремя отдать и проверить. 4. Системное мышление и влияние на продукт Senior — это уже не только про UX и UI. Это про: ▪️знание метрик продукта и умение на них влиять; ▪️понимание пользовательских сценариев и боли; ▪️вклад в дизайн-систему, процессы и культуру команды; ▪️менторство младших специалистов. Он может сказать «нет» фиче, потому что понимает её цену. И предложить альтернативу, которая работает лучше. 5. Суперспособности буллетами ▪️работать с ожиданиями стейкхолдеров ▪️обосновывать решение с позиции бизнеса ▪️итеративно натягивать дизайн на реальность ▪️понимать, что результат — это TEAMPLAY ▪️делать самому, а не только когда просят ▪️влюблять в себя разработчиков ▪️уметь говорить «НЕТ» ▪️уметь говорить «ДА» ▪️уметь договариваться ▪️уметь в компромиссы ------------- Как-то так :)
Врываемся в свежие #ratings">рейтинги Ruward по узким digital-специализациям
не всё так узко, как кажется 👀 2 место — Разработка иллюстраций для digital-проектов 4 место — Motion-дизайн и анимация для digital-проектов 6 место — 3D-моделирование для digital-проектов — Разработка баннеров и других рекламных носителей в digital-среде 8 место — Разработка дизайн-системы digital-проектов 12 место — Usability и UI-дизайн 15 место — Разработка фирменного стиля и идентики для digital-проектов Спасибо команде и клиентам! идём дальше — работать работу📞
Изображение поста
Времени — мало, знания — нужны сейчас
Перевалили за середину лета, а значит, уже можно задуматься о предстоящей учебе. Это подборка ближайших коротких курсов школы (а в августе и сентябре их много), чтобы подтянуть конкретные навыки или попробовать себя в новой сфере. Типографика: о форме и содержании Разберете основы верстки и принципы сочетания шрифтов, научитесь использовать мнемонические и выразительные средства типографики. 🗓 11 августа Арт-дирекшн цифрового продукта Научитель создавать, развивать и продвигать цифровые продукты, усилите визуальный стиль и язык бренда. В итоге — создадите собственный цифровой продукт для портфолио с поддержкой преподавателя. 🗓 25 августа Паттерны дизайн-менеджмента Уже легендарный курс Юрия Ветрова — о том, как дизайн-менеджмент помогает улучшать цифровые продукты не только в макетах, но и в реальной жизни. Вы изучите инструменты, методы и организационные подходы — и попробуете применить их в работе. 🗓 1 сентября Дизайн-системы Будете работать над индивидуальным учебным проектом — научитесь структурировать элементы интерфейса и придумаете правила, которые будут понятны не только дизайнерам, но и другим участникам команды. 🗓 5 сентября Head of Product Design: продуктовый подход к управлению Поймете, как применять продуктовый подход в управлении командой. Научитесь работать с инструментами, которые позволят вырасти до руководителя в цифровом продукте. 🗓 8 сентября UX-исследования Узнаете, какие бывают методы исследований, научитесь формулировать и проверять гипотезы и принимать эффективные решения под руководством дизайн-директора платежей и переводов, терминалов и новых способов оплаты в «Сбере» Алины Ермоковой. 🗓 15 сентября Моушн-дизайн: от простого к сложному Курс позволит быстро освоить After Effects и войти в мир моушн-дизайна и научиться создавать анимацию для рекламы, интерфейсов и видео. Подойдет дизайнерам интерфейсов, которые хотят анимировать элементы интерфейса и выйти за пределы стандартных анимационных ходов. 🗓 29 сентября Дизайн мобильных приложений Последовательно пройдете весь цикл дизайна — от исследования до передачи макетов в разработку. Научитесь разрабатывать пользовательские сценарии и визуальную структуру приложения. 🗓 13 октября
Изображение поста
Привет! Я Вася, очередной UX/UI-дизайнер.
Работаю над real-time интерфейсами в IT-мониторинге. Упаковываю на одном экране многофакторные настройки, многочисленные действия и объёмные данные. Между делом развиваю молодую дизайн-систему. Иногда тянет в сторону разработки и кода, поэтому с интересом разбираюсь в технологиях, использующихся в IT-мониторинге. В плане терапевтического эффекта люблю слушать себя, быть честным с собой и договариваться с собой. Для меня главное вовремя отловить фактор, на который я не могу повлиять сам и начать решать его через коммуникацию. В сообществе планирую просто писать о том, что покажется мне необычным, о том, что захочется рассказать только вам. #приветствие #вася Явно.Дизайн
Изображение поста
🖥 Как рос дизайн Kaspersky Thin Client
Вера Егорова рассказала, как интерфейс прошёл путь от командной строки к зрелому продукту, пережил яркие эксперименты и стал контрастным и удобным даже в шумном цехе. Команда наблюдала пользователей в банках и на фабриках, фиксировала промахи, меняла подход и каждый раз проверяла новые решения на реальных сценариях. Получив данные и отзывы, дизайнеры оформили правила в единую систему, отказались от лишних деталей и начали планировать концепты на годы вперёд. Крупные кнопки, чистая навигация и строгая контрастность помогли операторам работать быстрее, а постоянные исследования сделали продукт готовым к новым задачам. Внутри: – Путь от первой версии к зрелости; – Ошибки и уроки подросткового периода; – Влияние реальных условий цеха; – Создание дизайн системы и метрик; – Долгосрочные планы развития. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение поста
Всем привет!
Дизайн-система — это не набор компонентов, это фундамент, который делает продукт целостным, понятным и удобным для пользователей. Для дизайнеров она становится мощным помощником 💪, даже если вы только начинаете, знакомство с дизайн-системами даст вам огромное преимущество.   📌В лонгриде  «Что такое дизайн-система и зачем она продукту» мы разберем, что это за система, зачем она нужна продукту, как она упрощает жизнь команде и с чего начать, если вы хотите освоить работу с ней. ***** Бесплатные курсы по UX/UI: 🔥 Продвинутая Figma: Cайты 🔥 Продуктовый дизайн Телеграм-каналы: ⚡️ UX и продуктовый дизайн ⚡️ UX/UI, Фриланс, Коммерческий дизайн ⚡️ Плакаты: Вдохновение и рефы ⚡️ Личный канал Евгения UPROCK Полезные материалы: ✨ Бесплатные кириллические шрифтыБесплатные мокапыВакансии для дизайнеров
Изображение поста
Нам это айфоновское стекло уже абсолютно понятно
А если вам нет, то вот тут мы разговаривали о новой iOS с нашим главным специалистом по мобилкам — старшим продуктовым дизайнером в британском финтехе Funding Circle и преподавательницей курса «Дизайн мобильных приложений» Аней Матвеевой. Новый UI Kit от Apple появился в Figma, так что каждый желающий может его «потрогать», поругать или восхититься. → Ну а с нас — два коротких курса, чтобы максимально экспертно обсуждать подобные обновления: Узнаете все особенности гайдлайнов iOS и Android и последовательно пройдете весь цикл дизайна — на курсе «Дизайн мобильных прикложений». Научитесть отличать UI-кит от дизайн-системы и узнаете, как организовать эффективное взаимодействие с разработчиками — на курсе «Дизайн-системы».
Изображение поста
Унификация тостов в дизайн-системе: как мы решали архитектурный конфликт в компоненте
Статья рассказывает о создании дизайн-системы команды Т-Банка для поддержки на различных платформах. Узнаете, как обеспечить единый пользовательский опыт на разных устройствах Читать на дизайнерс | #статья
Изображение поста