🙂 Виталий Кузьмин и его правила работы

Вчера мы публиковали рабочее место автора PT Root, PT Root UI, Sober Sans, соавтор Golos UI и Golos Text — Виталия Кузьмина. Виталик — шрифтовой и графический дизайнер, леттерер и график. Он же автор интерфейсных шрифтов VTB Group и интерфейсных начертаний шрифтовой системы Сбера, которая получила награды конкурсов GRANSHAN, Red Dot и ED Awards. А ещё Виталик занимается аналоговой фотографией и коллекционированием любимых брендов! И вот его правила: — По каждому проекту всегда параллельно работаю на бумаге (эскизы, почеркушки, заметки и т. д.). Приучил себя подписывать все листы (категория/заказчик/проект и дата). На самом деле делаю много записей по длительным проектам, на бумаге проще и наглядней думается. — На ноуте слева, когда работа довольно рутинная, часто что-то параллельно играет, аниме или труба, но если задачи сложней, то просто музыка на фоне, а порой и совсем тишина, чтобы не отвлекаться и погружаться в задачу максимально. — Вторая клава и вторая мышка для PC, который стоит под столом и иногда тоже требуется. Второй монитор подключён сразу и к Mac Mini, и к PC. — Модель мышки и клавиатуры не менял, кажется, больше 10 лет*, руки к ним привыкли. Покупаю такие же по мере выхода из строя тех, что в работе. — Не представляю работу без двух мониторов, очень давно привык именно так. * — Кстати, я тут подумал, что про мышку и клаву приуменьшил, лет 15 минимум не менял, а то и все 20 ⚡️

Фигма 28 мая выкатила важный апдейт Make: теперь инструмент можно подключить к локальной кодовой базе. Открываешь существующий проект, выбираешь элемент на экране, правишь свойства, отступы, цвет, размер, раскладку, а агент уже находит нужное место в коде и вносит изменения. Пока это ограниченная бета в десктопном приложении для Mac. И сама Фигма честно пишет, что лучше всего это подойдёт дизайнерам, у которых уже есть доступ к кодовой базе компании. Раньше вайбкодинг в дизайне чаще был про быстрый черновик. Собрал экран, показал идею, выбросил половину, что-то утащил в работу. Вроде полезно, но всё равно чуть отдельно от настоящего продукта. А теперь Фигма Make пытается работать с тем местом, где продукт уже живёт. Самый важный вопрос теперь: кто имеет право двигать кнопку, если эта кнопка уже в коде? Потому что визуальная правка реального интерфейса звучит очень соблазнительно. Увидел, что отступ кривой, выбрал блок, поправил. Текст не тот, поменял. Цвет уехал, вернул. Не надо писать разработчику «можешь тут 8 пикселей вместо 12», ждать, объяснять, показывать скрин, потом снова смотреть, что получилось. Но чем ближе дизайнер подходит к коду, тем быстрее появляются взрослые вопросы: 1. кто проверяет такие изменения 2. что считается безопасной правкой 3. где начинается логика, а где просто внешний вид 4. кто отвечает, если агент поменял не тот компонент 5. как откатиться, если всё поехало Фигма это понимает, поэтому делает не «пуш в прод», а нормальный путь через разработку. Изменения сначала лежат как локальные коммиты. Можно создавать ветки, смотреть историю, откатываться, а потом открыть пулл-реквест, чтобы инженеры проверили правку как обычное изменение в коде. И это, по-моему, правильная часть новости. Не сам факт, что дизайнер может подвигать блок в живом проекте. А то, что Фигма пытается встроить это в нормальный процесс разработки. Через ветки, коммиты, проверку и возможность отката. Потому что без этого будет весело примерно два дня. Потом кто-то визуально поправит карточку, агент заденет общий компонент, уедет ещё десять экранов, разработчик откроет код и спросит, кто вообще это сделал. Но я бы не хотел, чтобы это стало режимом «дизайнеры теперь сами чинят фронт». Скорее это должно быть как быстрый слой для понятных UI-правок. Поправить отступ. Проверить состояние. Подкинуть вариант. Открыть пулл-реквест. Дальше уже обычная проверка. Ещё важная штука: Фигма разрешает копировать экраны из Make обратно на холст как слои, обсуждать с командой и потом приносить решения назад в код. Это уже похоже на нормальный круг: продукт живёт в коде, команда думает на холсте, изменения возвращаются через понятный процесс. Если Фигма сможет удержать этот круг без бардака, будет сильно. Потому что дизайнеру часто не нужен ещё один генератор красивого прототипа. А вот дизайн-ревью проводить и за качеством прода следить гуд, ибо разработчики лажают оч часто. ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

Минималистичный мокап макбука для создания стильных презентаций вашего дизайна. 💻Скачать мокап💻 #мокапы

Figma Community • #mockups

https://pica.joshpuckett.me/">https://pica.joshpuckett.me/ Кто-то вообще ими сейчас пользуется? 🤔

Часто продукт уже собран нормально: сетка на месте, компоненты аккуратные, логика понятная. Но ощущение все равно какое-то «почти». И вот это «почти» обычно живет в деталях: как переносится текст, как ведут себя цифры, насколько мягко входят и выходят элементы, где иконка стоит математически ровно, но визуально все равно криво. Якуб Крехел собрал очень прикладной список таких мелочей. Не про глобальный редизайн, а про маленькие интерфейсные решения, которые по отдельности кажутся незначительными, а вместе сильно поднимают общее ощущение от продукта. Особенно понравилось, что почти все советы можно быстро проверить прямо в своем интерфейсе без долгой подготовки. Внутри: – Как text-wrap: balance помогает убрать сиротские слова и сделать текст аккуратнее; – Почему вложенные элементы выглядят лучше с концентрическим скруглением; – Как анимировать иконки контекстно, чтобы интерфейс ощущался живее; – Зачем делать текст чуть более crisp на macOS через сглаживание; – Почему для обновляющихся чисел лучше использовать табличные цифры; – Чем interruptible-анимации лучше фиксированных keyframes в интерактивных сценариях; – Почему enter-анимации лучше разбивать на части и слегка стеггерить; – Как сделать exit-анимации мягче и менее навязчивыми; – Почему иногда выравнивать нужно не геометрически, а оптически; – Когда тень работает лучше границы; – Зачем добавлять изображениям тонкий внутренний outline. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

В новой версии добавили презентацию приложения в режиме реального времени, новые мокапы, таймлайн, создание скриншотов для AppStore и многое другое. www.rotato.xyz

Install ️ Figma Дизайн

⏰ 30 марта 16:30–18:00 Приглашаем всех желающих на вебинар, посвященный цветам 2026, где вместе с экспертом мы разберем главную концепцию этого года — "ностальгию по будущему", и узнаем как цвет становится инструментом психологической поддержки. В программе: ▪️Ностальгия по будущему: главная концепция сезона ▪️Психология цвета — 90 секунд на решение ▪️Четыре главных макротренда, формирующие палитру года ▪️Группа "Уверенность и роскошь" ▪️Группа "Природа и тактильность" ▪️Группа "Технологии и будущее" ▪️Цвет как инструмент психологической поддержки ▪️Разбор интересных примеров из практики ▪️Ответы на вопросы участников 🎙️ Спикер: Есения Пенкина - эксперт-трендвотчер, основательница trendburo (TBR), консультант по креативному менеджменту с международным опытом во Франции, России и в странах Азии. Выпускница Лионской Школы Современного Искусства и Парижской школы Визуальной Коммуникации Мариз Элуа. Преподаватель трендвотчинга и коммуникаций в БВШД, MAC и ВШЭ, а также в ряде онлайн-платформ, включая SkillBox. 👉 https://archdialog.timepad.ru/event/3892325/">https://archdialog.timepad.ru/event/3892325/

Небольшая коллекция иконок популярных приложений в стиле MacOS. 🔍Скачать иконки🔍 #иконки

Гугл делал агент, который сам проверяет созданные приложения: делает скриншоты, отправляет их мультимодальной модели, та решает куда кликать и что вводить. Технически крутая задача, но сложная. Барон Вебстер, дизайнер в команде, спросил: а зачем? Давайте просто покажем сайт пользователю и попросим его протестировать. Вся сложная система стала не нужна. Вебстер работает в Фигме как дизайнер моделей. Это первая такая роль в мире. Не обычный дизайнер интерфейсов. А человек, который работает с моделями, проверками, промптами и понимает поведение AI на глубоком уровне. До Фигмы сделал Teachable Machine в Google (2017), потом три года в Replit запускал AI-фичи, которые вывели стартап в единороги. Теперь учит дизайнеров Фигмы работать с AI и строит инструменты для прототипирования AI-фич до того, как рисовать интерфейсы. Внутри: — Не делайте интерфейс для идеального случая. Сначала поиграйте с моделью, потом рисуйте кнопки; — Проверки работы модели это как покрытие тестами в программировании. Без них проверка вручную занимает огромное время; — Главный совет: потратьте время, чтобы понять, что входит в модель и что выходит. Иначе станете просто рисовальщиком кнопок; — В Replit две трети успешных проектов были реактивными: выкатили фичу, посмотрели кто её использует, поговорили с ними; — Риск для дизайнеров: инженеры контролируют промпты, проверки, модели. Дизайнеры могут остаться только делать интерфейсы. А вы работаете с AI-продуктами? Или пока смотрите, что делают другие? ➡️ Читать интервью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

Это бесплатный векторный мокап, которым вы можете воспользоваться для презентаций вашего проекта. Ссылочка на мокап — Macbook Pro & Air Figma

🔵Первый алгоритм в истории Ада Лавлейс в 1843 году описала алгоритм для аналитической машины Бэббиджа. Это считается первой программой в истории. В викторианской Англии женщинам из аристократии не было принято активно публиковаться в научных журналах, поэтому работа была подписана A.A.L.. Также она писала, что вычислительные машины смогут работать с музыкой, текстами и изображениями, фактически предсказав цифровые мультимедиа за 100+ лет до их появления. 🔵Привычные образы иконок Иконка улыбающегося Mac, папки, корзины, иконка для клавиши Command и многие другие привычные образы иконок появились благодаря одному дизайнеру — Сьюзен Кэр. Многие из её метафор используются в интерфейсах до сих пор — спустя 40 лет. 🔵Высадка на Луну Маргарет Гамильтон писала код для бортового компьютера космического корабля Аполлон, чьей миссией была высадка первого космонавта на Луну. Во время посадки на Луну компьютер начал перегружаться задачами. Программа, написанная командой Маргарет, отключила второстепенные процессы и оставила только критические, благодаря чему посадка удалась. 🔵Интерфейсы Microsoft В 1987 году Вирджиния Хоулетт обратила внимание на потребность в полноценном интерфейсе вместо скудного 8-цветного интерфейса Windows 2.0 и смогла убедить в этом руководство. В итоге в Microsot был создан полноценный отдел разработки интерфейсов, где Вирджиния отвечала за GUI всех интерфейсов. 🔵Первый компилятор Грейс Хоппер разработала первый компилятор в истории и участвовала в разработке Кобола — одного из первых языков программирования. Её подход заключался в тезисе: компьютеры должны понимать язык, близкий к человеческому. 🔵Геймдизайн Кэрол Шоу широко известна как первая женщина, разработавшая и запрограммировавшая коммерческую видеоигру в 1978 году. Ее новаторская работа в Atari и Activision помогла сформировать ранние домашние видеоигры и вдохновила целые поколения женщин в сфере технологий. 🔵Взаимодействие человека и ИИ Люси Сачман известна своими работами по взаимодействию человека с компьютером, которые продолжают оказывать влияние на важные дискуссии об ИИ, автономии человека и машины, а также о социотехнических представлениях. 🔵Дизайн-системы и токены Джина Энн, работавшая в Apple, GitHub и Amazon, внедрила понятие дизайн-токенов. Джина является создателем многих известных дизайн-систем и популяризатором системного масштабируемого подхода в дизайне. 💦💦 Девушки, помните, что именно вы делаете этот мир лучше, комфортнее и красивее! 🌷🌷🌷

На словах задача простая: назначить пару сочетаний и ускорить работу в интерфейсе. На практике под этим шесть слоев конфликтов: операционная система, браузер, расширения, ассистивные технологии, плагины к ним и личные настройки пользователя. Ошибка в одном месте легко ломает привычную навигацию. Эрик Бейли показал это на реальном исследовании для Home, End, Page Up и Page Down. Он вручную проверил Windows и macOS, Chrome, Edge, Firefox, Safari, а также JAWS, NVDA и VoiceOver. Главный вывод: почти нет по настоящему безопасных сочетаний, а худший сценарий это поломка работы скринридера для человека, который полностью зависит от клавиатуры. Внутри: – Почему комбинация, которая выглядит свободной, часто занята браузером или скринридером; – Какие сочетания уводят пользователя со страницы и создают риск потери данных; – Почему симметрия клавиш Home и End важна для предсказуемого поведения; – Зачем в продукте нужен отдельный блок настроек горячих клавиш; – Какие различия между VoiceOver и JAWS или NVDA влияют на проектирование; – Почему ручное тестирование в этой задаче надежнее, чем попытка закрыть все через ИИ; – Какие ограничения проверки важно учитывать до релиза. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

Спустя 7 лет снова делюсь своей панелью быстрого доступа. Изменилось всё, но PowerPoint все еще со мной, хоть и в гораздо меньшей мере. Многие команды задействуют надстройку BrightSlide, если она у вас не установлена, устанавливайте, не пожалеете. Поскольку количество иконок на панели зависит от размера монитора, мой вариант лучше всего будет смотреться на MacBook Pro 2021 16”. Как импортировать панель Кликаем на вкладку Файл → Параметры → Панель быстрого доступа → Импорт и экспорт → Импортировать файл настроек, выбираем файл «PowerPoint Customizations.exportedUII», соглашаемся, жмем ОК. Теперь у вас под рукой все что нужно. И не забывайте, если нажать Alt, все команды на этой панели будут выполняться по нажатию 1, 2, 3 и т.д. 🔗 Скачать PowerPoint Customizations.exportedUII на GitHub (нажмите ⌘⇧S, чтобы быстро скачать файл) P.s. GIF-инструкция по установке на всякий случай. Материалы по теме 🔗 Панель быстрого доступа 2019 🔗 BrightSlide: прокачиваем PowerPoint по полной #powerpoint #длясамыхмаленьких #ссылки #2k26

В macOS Tahoe компания добавила иконки к каждому пункту меню. Проблема: если иконка есть у всего, ничто не выделяется. Главная функция иконки в том, чтобы помочь быстрее найти команду. Но когда все пункты с иконками, это работает наоборот. Ник Тонский, программист и дизайнер интерфейсов, разобрал все ошибки и сравнил их с рекомендациями из собственного руководства Apple 1992 года. Оказалось, что идеальное знание уже было доступно 30 лет назад, но его полностью проигнорировали. Внутри: — Пятьдесят оттенков «Создать»: собрал все иконки для новых документов, папок, записей в одну картинку, абсурдность стала очевидной; — Одинаковые иконки для разных действий: стрелка может означать импорт, обновления, быстрый просмотр или показать выполненное; — Детализация в 12×12 пикселей: иконки размером 0,09 дюйма (2,4 мм) содержат камеру с видоискателем, окно с кнопками закрытия, букву i высотой 2 пикселя; — Нет консистентности: «Сохранить» имеет разные иконки в разных приложениях, стрелки указывают в разные стороны; — Текст вместо метафор: иконки Abc, BIU выглядят как текст, а не как символы; — Игра без подписей: убрать названия команд и попытаться угадать по иконке, что она делает. Провал. Apple взялась за невыполнимую задачу: добавить иконку к каждому пункту меню. Хороших метафор на всё не хватает. Но даже с учётом этого работа сделана плохо: нет консистентности, детали не видны, одинаковые иконки означают разное. Как вам иконочки? ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

Ссылка на плагин — MacBook and iPhone Mockup for Figma #плагины