🧾 Контракт компонентов: как сделать решения проверяемыми

Нейтан Кёртис разбирает, зачем дизайн-системам нужны формальные контракты компонентов. В них фиксируют свойства, состояния, зависимости и правила поведения, чтобы разные платформы одинаково понимали замысел компонента. Автор предлагает строить такие контракты на основе схемы. Она помогает проверять структуру данных, автоматически находить ошибки и генерировать большую часть кода. Хороший контракт должен быть типизированным, неповторяющимся, независимым от конкретной платформы, проверяемым, детерминированным, недорогим в поддержке и готовым к изменениям. Внутри: – Чем контракт компонента отличается от обычного описания или файла в Markdown; – Почему каждое решение нужно хранить в одном месте; – Как сделать контракт независимым от Фигмы, веба, iOS и Android; – Зачем нужны схемы, автоматическая проверка и детерминированная генерация; – Как менять контракты через ADR, версии и понятные правила совместимости. ➡️ Читать статью ——— 💻 Вакансии в IT и digital 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

Как я ссорюсь с коллегами на работе.

Вчера был интересный показательный момент конфликта. Моя коллега, скажем так, забыла дорисовать один модуль для Утопии и переключилась на следующий. Это мое восприятие ситуации. А ее, что она получила новую приоритетную задачу и поставила текущую на паузу. Я ей сказал, что по причине того, что ты не доделала этот модуль, а у тебя заканчивается рабочий день, мы теперь должны «в огне» носиться и думать, как доделывать с прогерами модуль без дизайна. Важный нюанс: я ее не отчитывал, а обозначил, что надо запомнить эту ситуацию и избежать в будущем подобного. Но сказал все слишком прямо, то есть мои слова могли восприняться как обвинение. Поэтому вполне закономерно могла возникнуть обратная защитная реакция. Ну и она мне высказала, что это несправедливо и что она старается и много делает. Она действительно глобально умничка. Но так как я сам находился в критической ситуации, не смог себя проконтролировать в моменте и также с давлением ответил, что это очевидно: надо доделать текущий блок работ, а потом переключаться, а если есть вопросы — переспрашивать. Вроде бы я условно и прав (как минимум в моей голове). Но какая разница, кто прав, если твой сотрудник плачет 😅 В итоге через 2 минуты я взял себя в руки, потому что важен результат в моменте и комфорт совместной работы в долгосроке (то есть то, что мы уважаем друг друга и не ссоримся). Я извинился, сказал: «Давай на пару минут посмотрим макеты, вникнем. А по этой ситуации у меня цель только избежать подобного в будущем, и договорились, что по умолчанию доделываем всегда текущую работу, а потом переключаемся на новую, даже если она приоритетная». Она тоже очень зрело поступила, сразу извинилась и пошла навстречу. По итогу мы сошлись, что ситуация не стоит того, чтобы ссориться. Она даже немного задержалась и еще доделала макеты. Хотя это было не обязательно, я бы на пальцах объяснил прогерам, что нужно. Но с макетами все, конечно, на порядок проще объяснять. За что ей личное спасибо. К чему это я? Мы все люди, и если плотно постоянно находимся в процессах, то неизбежно можем случайно «бортануть» друг друга. А вот руководителю нужно уметь выводить все ситуации в положительное русло. Все понимают, что могут быть мелкие конфликты, но если вы нормально можете из них выходить, то это, наоборот, закрепляет ваши отношения и доверие. Как минимум, это моя философия. ❤️ — Еще делиться, как я работаю И сегодня напомню, что будем искать свой стиль в ИИ и учиться ускорять свою работу! Вебинар в 19:00 по мск. Ссылка на регистрацию, там будут домашки и бесплатные токены.

Последний вагон мастер-класса!

Завтра на мастер-классе «Астральный план» покажу, как передавать ИИ реальные задачи и получать готовый результат. За 2–3 часа разберём: ▶️ Как начать работать с Astra и настроить Codex, даже если вы полный новичок. ▶️ Как выбирать модель и режим под свою задачу. ▶️ Как ставить задачи, чтобы было меньше переделок. ▶️ Как настроить инструкции под себя. ▶️ Как организовать чаты и проекты, чтобы ИИ меньше путался. ▶️ Как смонтировать ролик и подготовить его к публикации. ▶️ Как превратить таблицу с данными в понятный дашборд. ▶️ Как создать свою игру без навыков программирования. ▶️ Как собрать презентацию по своим материалам и референсам. ▶️ Как экономить лимиты и проверять результат работы ИИ. 2 октября, 14:00 МСК. Онлайн. Самое время забрать билет и завтра прийти на практику 👇 🎟 Купить билет на «Астральный план»
Маникюрное место должно одновременно решать четыре задачи: эргономика мастера, комфорт клиента, правильное размещение оборудования и возможность ежедневной санитарной обработки.
Вот что я считаю действительно важным и закладываю в проекты салонов: 1. Маникюрный стол Стол не должен быть слишком глубоким, иначе мастер весь день будет тянуться к рукам клиента, при этом на рабочей поверхности должно хватать места для лампы, инструментов и материалов. Покрытие стола должно быть устойчивым к регулярной обработке моющими и дезинфицирующими средствами. Действующие санитарные правила требуют, чтобы мебель рабочего места позволяла проводить такую обработку. Современный маникюрный стол должен включать в себя: - встроенную вытяжку - розетки для оборудования - питание самого стола - кабель-менеджмент - ящики для ежедневных расходников - место для аппарата - место для чистого инструмента - удобное хранение материалов Чем меньше проводов и случайных предметов находится на поверхности, тем спокойнее выглядит рабочая зона и тем удобнее мастеру. 2. Встроенная вытяжка Для современного маникюрного места я считаю встроенную вытяжку практически мастхевом, она удобнее настольной, потому что не занимает лишнее место, не мешает работе рук и визуально выглядит аккуратнее. Важно! Вытяжку нельзя выбирать после того, как стол уже изготовлен, сначала выбирается конкретная модель, затем под нее проектируется стол и заранее выводится питание. То же самое касается остальных розеток внутри мебели. 3. Стул мастера Мастер проводит на своем рабочем месте много часов подряд, поэтому стул должен подбираться прежде всего по эргономике. Необходимые функции: - регулировка высоты - колесики - удобная спинка - легко моющееся покрытие Один из самых практичных вариантов, медицинские стулья типа «таблетки» со спинкой и обивкой из экокожи, они простые, компактные, регулируются по высоте и позволяют мастеру свободно перемещаться вокруг своего рабочего места. 4. Стул клиента А вот здесь очень часто выбирают глазами. Красивый стул может оказаться совершенно неудобным через 40 минут процедуры. Клиент любого телосложения должен комфортно в нем помещаться, поэтому в наших проектах: - достаточно широкое сиденье - мягкая посадка - удобная спинка - материал, который легко очищается - покрытие, на котором не остаются следы от одежды Экокожа здесь остается одним из самых практичных вариантов, хорошо работают и пластиковые кресла с качественными мягкими подушками. Регулировка высоты удобна, но не обязательна, колесики тоже не всегда нужны. Некоторым клиентам неприятно ощущение подвижного кресла. Если колесики все-таки есть, то обязательно со стопорами. И осторожно с подлокотниками, они выглядят комфортно, но иногда именно из-за них клиентское кресло невозможно достаточно близко придвинуть к маникюрному столу. 5. Общее и местное освещение Для маникюрных кабинетов сейчас должно быть предусмотрено комбинированное освещение: общее и местное. Это прямо закреплено в СП 2.1.4284-26. Общий свет отвечает за равномерное освещение помещения, а непосредственно для работы мастера мы используем хорошую безтеневую лампу, которая равномерно освещает руки клиента и не создает выраженных теней. Важно! Безтеневая лампа это наша профессиональная рекомендация по организации рабочего места, а не формулировка санитарной нормы. Норма требует именно сочетания общего и местного освещения. 6. Розетки и мощность На одном рабочем месте используются: - маникюрный аппарат - встроенная вытяжка - UV/LED-лампа - безтеневая лампа - зарядки и иногда дополнительное оборудование. Поэтому на практике мы предусматриваем 5–6 точек 220 В на одно место плюс USB для клиента. Часть розеток можно спрятать в маникюрном столе. Для типового рабочего места необходимо примерно 0,5 кВт проектной мощности на одно место, 0,8 кВт с запасом. Это не норматив СанПиН, точная электрическая нагрузка всегда определяется инженером после выбора конкретного оборудования. Продолжение в комментарии:
Ласт колл фор «Большая переверстка». Начинаем в понедельник, 5 октября: vk.ru/pereverstka_online
Главная тема мастер-класса — алгоритм верстки. Это мой метод последовательной сборки макета: 1. Сначала разбираемся, что именно нужно сказать 2. Потом определяем, как устроена эта информация 3. Далее собираем конструкцию макета 4. И только после этого занимаемся оформлением — шрифтами, цветами и спецэффектами Содержание → Структура → Конструкция → Стиль Каждый следующий шаг опирается на предыдущие, поэтому решения перестают быть случайными. На мастер-классе учимся применять алгоритм верстки на разных форматах, от книжных обложек до таблиц. Подробнее о методе с примерами
Эфир уже начался🔥
Впереди полтора часа плотной работы: практика по созданию визуала и ускорению дизайн-процессов с помощью ИИ. И, конечно, — первое домашнее задание и бесплатные токены для практики в ИИ. ❤️ Подключайтесь по ссылке: https://www.youtube.com/live/Vz46jCeCMIY
5 минут до старта, заходите 👋
Следующие полтора часа будут самыми насыщенными за этот вечер: с практикой по созданию визуала и ускорению любых дизайн-процессов с помощью ИИ. Получите первое домашнее задание и бесплатные токены для экспериментов. Заходите прямо сейчас по ссылке: 🔴 https://www.youtube.com/live/Vz46jCeCMIY
Выйти из Figma и посмотреть по сторонам
У великолепной Юли из @tap_design стартовал «Насмотрель» — дизайн-квест на весь октябрь про визуальную наблюдательность. Идея простая и очень нам нравится: есть 24 задания, с которыми нужно выходить в реальный мир и искать вокруг композиции, цвета, фактуры, формы и всякие визуальные штуки, мимо которых обычно проходишь по дороге за кофе. Можно специально устраивать прогулки, а можно проходить квест между делом: во дворе, метро, парке или по пути куда-нибудь. В итоге за месяц собирается собственная коллекция находок, которую потом можно использовать как референсы, палитры, текстуры, композиционные идеи — или просто как тренировку внимательности. Проходить можно в своём темпе и закрывать по несколько заданий за одну визуальную охоту. В общем, если давно хотелось качать насмотренность не ещё одной папкой в Pinterest, а собственными глазами — отличный повод. 👉 Начать квест можно тут Там все 24 задания, правила, FAQ и шаблон. ПС: с NPC разговаривать не обязательно. #рекомендация 🍍 Явно.Дизайн x 🍥 tak.pobedim
Час до эфира по ИИ для дизайнера ⏰
Будем миксовать стили, создавать многослойные идеи и работать с нейросетями. К концу эфира поймете, что нужно делать лично вам, чтобы уже сейчас выделиться своим дизайном на рынке. 💡 Поговорим не только о визуале. Вы узнаете, как в разы ускорить свою работу с помощью utopy.ai и максимально эффективно использовать ИИ на каждом этапе. Подключайтесь в 19:00 МСК по ссылке: 🔴 https://www.youtube.com/live/Vz46jCeCMIY И досматривайте эфир до конца, чтобы получить бесплатные токены для практики.
🛠️ Как дизайнер запускает ИИ-продукты
Миша Наер работает в команде экспериментов Сбера, где нужно быстро собирать новые продукты на разных платформах. Поэтому он совмещает дизайн, фронтенд, исследование и работу с ИИ-агентами, а прототипы часто делает сразу в коде. Вместо длинной цепочки «нарисовать в Фигме, передать разработчику, ждать» он использует Paper, Кодекс и другие инструменты. Показывает голосовую клавиатуру, интерактивную читалку и рассказывает, как не утонуть в параллельных задачах. Внутри: – Как дизайнер может брать на себя часть фронтенда и быстрее доводить идеи до рабочего прототипа; – Почему Paper удобен для веб-проектов, если макет сразу должен превращаться в HTML и CSS; – Как Миша собирал сайт голосовой клавиатуры Type и добавлял в него анимации через агента; – Где заканчивается польза вайб-кодинга и начинается когнитивная перегрузка; – Почему важнее не название новой роли, а способность самому довести идею до работающего продукта. ➡️ Смотреть видео ——— 💻 Вакансии в IT и digital 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы