Внедрение дизайн-системы сложнее чем реализация

Часто в чатиках и дизайнерских комьюнити вижу истории о том, как небольшая команда на молодом проекте берётся за дизайн-систему. Один-два дизайнера, десяток разработчиков, быстрые договорённости с фронтами — и вот, ресурсы выбиты, процесс пошёл. Завидую… Когда дизайнеры начинают работать над дизайн-системой, их главный фокус — сама реализация: какие компоненты нужны, как их организовать, какие механизмы использовать. И это действительно важно. Если команда маленькая, а проект свежий, достаточно просто начать — остальное наладится в процессе. Но что, если у вас сотни разработчиков, миллионы пользователей, а дизайн-системы нет вовсе? Более того, нет даже базового UI Kit’а, от которого можно было бы оттолкнуться? В таких условиях всё усложняется. Конкретные решения уже не так важны, на первый план выходят процессы, политика и поиск союзников. Нужно договариваться, продвигать ценность дизайн-системы, убеждать команды, которые привыкли работать по старым схемам. И главное — внедрять систему так, чтобы не спровоцировать саботаж (а такое бывает), когда команды будут стараться работать старыми методами игнорируя новые процессы и всячески тормозить внедрение новой системы. Иначе даже самая идеально спроектированная дизайн-система останется просто очередной папкой в Фигме. Дизайн-система — это не только про кнопки и компоненты. Это про людей, процессы и умение менять культуру работы. Это важно не упускать, и не зацикливаться только на токенах и компонентах. - - 🛫 Канал: UXFLOW • Сергей Мухин Сайт: uxflow.ru
Изображение поста

Чи зникає UX в тому вигляді, в якому ми його знаємо?

Чи зникає UX? Ні, але він точно змінюється Уявіть, що вам потрібно організувати робочу поїздку. Зазвичай це виглядає так: відкриваєте купу вкладок, шукаєте авіаквитки, порівнюєте ціни, вручну вводите всі деталі, отримуєте підтвердження на пошту, а потім ще додаєте все це в календар. А тепер уявіть, що ви просто кажете: 🗣️ "Гей, AI, забронюй мені рейс до Берліна, знайди готель біля конференц-залу та додай все в мій календар." І... готово. Без клацань, без пошуків, без заповнення форм. Це вже не майбутнє. Це реальність світу AI-агентів, де UX перестає бути про кнопки та екрани, а стає про те, як штучний інтелект ухвалює рішення. Підписатися на автора: Vitalii Trus #comments">Коментувати | Читати
Изображение поста

Из нейросетевых возможностей Figma: можно сгенерировать варианты компонента

В этом примере показывается где есть такая опция и как генерируется варианты кнопки. Сделав простую кнопку без иконки у себя я такую опцию не увидел, но зато увидел пункт с поиском похожих элементов из коммьюнити. @goodux
Кнопки L, A, 0 (Ноль) и B в редакторе графиков
A – автоматическое сглаживание L – линейные ключи 0 – сбросить угол касательной на ноль B – разделить касательную #лайфхаки #C4D 🧿 Cinema 4D
Ты НЕ сможешь быстро разобраться с Webflow, если...
собираешься изучать все самостоятельно, такое может быть Но с нами ты разберешься во всех нюансах ноу-код разработки и после не найдешь новых седых волос 😏 И не просто повторишь за Колей при создании сайта, а прям поймешь для чего нужно каждое действие и как это потом использовать на будущих клиентских заказах. 🟡даже если ты никогда не занимался програмированием и для тебя код – это буковки и цифрки 🟡и даже если ты не можешь отличить стильный дизайн от чутка колхозного или не чутка и не понимаешь почему кнопка должна быть именно тут 🟡и да, если ты занят на другой работе, тебе тоже хватит времени. Не переживай Мы собрали новую программу с детально подробными уроками как раз для тебя, чтобы включение в профессию прошло гладко и ты не захотел это забросить через пару домашек. Месяц – это идеальное время для новичка, чтобы и уже разобраться в инструменте и при этом не оставить это на потом. Наши новые тарифы Webflow СТАРТ и Webflow СТАРТ+ как раз созданы для того, чтобы быстро ввести тебя в профессию Webflow разработчик. ↗️ 20.000₽ – Webflow СТАРТ (без поддержки менторов) ↗️ 25.000₽ – Webflow СТАРТ+ (с поддержкой менторов) Напоминаем, что до 10 марта действует скидка 5000р на оба тарифа по промокоду PPSTART. А стартуем изучение уже 26 марта. Оставляй заявку на обучение в анкете предзаписи и жди от нас сообщения в ТГ 😏
Изображение поста
Эффектная 3D-кнопка для твоих проектов
В новом видео рассказали, как создать кнопку в Spline, добавить анимацию и интегрировать на сайт. Ui Web Design
Выравнивание текста внутри кнопки
Изображение поста
Изображение поста
Изображение поста
Изображение поста
Изображение поста
Изображение поста
🟪⚛️FredPelle - ROLLBACK8 PRO
Добейтесь ультрареалистичной эмуляции пленки Super 8 одним нажатием кнопки, а затем легко настраивайте такие параметры, как зернистость, ореол, фильмотека и другие с помощью простого в использовании интерфейса #Motion_AEPlugins #AfterEffects #Motion4D Motion
Изображение поста
Как сделать анимацию лучше Apple за 1 минуту (Spline + Tilda)
В новом видео рассказали, как можно эффектно анимировать любой продукт по кнопке с помощью функционала Spline. Ui Web Design
Кнопка на Mac, скандинавский стиль, дорожные знаки — за многими привычными вещами стоят женщины-дизайнеры, но об их вкладе говорят редко.
Читайте об их достижениях в новой статье медиа.
Изображение поста
Мы были удивлены, когда узнали, что PowerPoint может активировать гиперссылки без нажатия на них!
Заходим в «Фигуры» → «Управляющие кнопки» → «Пустой». Откроется окно настройки действия, где необходимо выбрать «Действие по наведению мыши» → «Перейти по гиперссылке» и выбрать само действие (мы выбрали переход на первый слайд). Теперь если навести курсор на этот блок во время демонстрации экрана, мы попадём на первый слайд. Круто же, согласитесь? #основы
hamburgers — здесь вы найдёте примеры анимации кнопки меню (она же гамбургер).
Изображение поста
МОНОХРОМНЫЙ ДИЗАЙН: СЕКРЕТ ПРИВЛЕКАТЕЛЬНОГО ИНТЕРФЕЙСА 🎨
Хотите создать стильный и запоминающийся интерфейс? Используйте эти приёмы: 🔹 Контраст – тёмный фон + яркие элементы (например, красные кнопки). 🔹 Яркие акценты – выделяйте CTA и важные новости. 🔹 Монохромные изображения – черно-белые фото придают стиль. 🔹 Минимализм – убирайте лишнее для чистого восприятия. 💬 Как вы используете монохром? Делитесь опытом! #UXUI #Дизайн #Интерфейс ПОДПИСАТЬСЯ | ЧАТ ДИЗАЙНЕРОВ | UMA
Изображение поста
Следует ли размещать кнопку подтверждения в начале или в конце?
Дизайнеры предлагают различные варианты размещения CTA-кнопок, и существуют несколько bewкальных практик, которые помогут избежать проблем и улучшить пользовательский опыт. Оба варианта имеют свои преимущества, и выбор зависит от контекста и предпочтений пользователей. Первый вариант соответствует естественному порядку чтения и облегчает точное взаимодействие, освобождая пользователя от просмотра второстепенных действий. Второй вариант создает более логичное и завершенное впечатление диалога. 📘 Design Lessons
Изображение поста
Три идеи для сайта дизайнера
Пока что не обновляю свой собственный сайт с портфолио, но вот идей набрал за последнее время много, хочу поделиться некоторыми из них. Идея оформления сделает сайт запоминающимся, но это может быть просто использование узнаваемых образов или какой-нибудь интересный приём. ⌛ В виде интерфейса программы. Можно наполнить сайт панелями инструментов, летающими окошками, это сразу будет говорить о том, что это сайт дизайнера интерфейсов. Можно представить блоки сайта в виде артбордов в Figma. На своём сайте я использовал некоторые элементы из интерфейса Figma: стрелки из прототипов, пользователи в файле, как будто на сайте присутствую я и гость-зритель. 🖥 В виде страницы из Википедии. Эх, в Википедии нет страницы про меня, но может сделать свой сайт в виде такой страницы. Структура страниц там очень узнаваема, будет забавно использовать такую же для сайта о себе. 🚫 В виде недоступной страницы. Когда пришёл день оплачивать домен, а за него нужно платить раз в год, я не смог попасть на свой сайт, и увидел такую страницу в Chrome (прикладываю пример к посту). Я подумал тут в заголовке написать обратное, что «Удалось получить доступ к сайте» и по нажатию на кнопку «Сведения» разворачивать кейсы. Как вам идеи? Какие были мысли лично у вас, когда вы хотели создать свой сайт со своими работами? @goodux
Изображение поста
😡 Устал от нудных уроков на YouTube, где половина — вода?
Хватит это терпеть) Автор канала Формошлёп убрал воду и оставил только суть: ➧ Мини-гайды по HTML, CSS и JavaScript, которые легко читать и сразу применять. ➧ Шпаргалки, лайфхаки и полезные советы с ноткой юмора. ➧ Всё чётко, лаконично и по делу. Неважно, новичок ты или фронтендер на опыте — у нас всегда найдётся что-то полезное! Присоединяйся: @frontbox будем вместе шлёпать формы и красить кнопки)
Изображение поста
📰 Плагин для работы с текстом в Figma — SBOL Typograph
Можно сделать крутые кнопки и стильные иконки, но плохо отформатированный текст сведет все усилия к нулю. Именно тут на сцену выходит герой нашего рассказа — плагин для текста в Фигме SBOL Typograph. https://itsets.ru/pro-figmu/plagin-dlya-raboty-s-tekstom-v-figma-sbol-typograph
Изображение поста
Добавление блоков в палитру инструментов AutoCAD для повышения эффективности:
Если вы часто используете одни и те же блоки в разных чертежах, их добавление в палитру инструментов значительно ускорит работу. Вот как это сделать: •  Откройте Центр дизайна: Запустите Центр дизайна AutoCAD. •  Найдите нужный файл: Перейдите к файлу чертежа, содержащему необходимые блоки. •  Раскройте содержимое файла: Щелкните значок "+" рядом с именем файла, чтобы отобразить его содержимое, включая блоки. •  Добавьте блоки в палитру: Щелкните правой кнопкой мыши на каждом блоке, который хотите добавить в палитру инструментов, и выберите соответствующую опцию (обычно "Добавить в палитру инструментов"). •  Создайте палитру инструментов (при необходимости): Если у вас еще нет палитры инструментов для этих блоков, щелкните правой кнопкой мыши в области палитр инструментов и выберите "Создать палитру инструментов".
Изображение поста
Конструктор сайтов на основе искусственного интеллекта Webflow 👾
Webflow релизнула бета-версию своего AI Site Builder — инструмент, который позволяет создавать веб-сайты за считанные минуты на основе их ИИ. Как это работает: 1. Опишите свой проект: Сообщите несколько деталей о вашем бизнесе или проекте и типе сайта, который вы хотите создать. 2. Выберите тему: AI Site Builder предложит ряд тем, адаптированных под ваш запрос. 3. Настройте дизайн: Выберите цвета, шрифты, кнопки и другие элементы, чтобы персонализировать сайт. 4. Запустите сайт: Используйте Webflow и AI Assistant для доработки и публикации вашего сайта. ↗️ Посмотреть как это работает можно по ссылке – webflow.com/ai-site-builder. Инструмент находится в бета-версии и пока доступен бесплатно, однако могут быть ограничения на использование. После общего релиза эта функция будет платной. AI Site Builder доступен для всех пользователей, кроме тех, кто использует Enterprise Workspace планы. В ближайшие месяцы планируется расширение доступа и на эти тарифы. Как вам новость? Пишите обратку как протестируете инструмент 🥹
Изображение поста