Блоги: заметки с тегом Фигма

Думаем дальше № 35 — «Мир стал строго лучше» с Никитой Прокоповым

Илья Бирман — Sat, 22 Mar 2025 13:54:07 +0500

С Никитой Прокоповым обсуждаем, как меньше критиковать, и — разумеется — критикуем Эпл изо всех сил.

Все выпуски подкаста:
Эпл · Ютюб · Я.Музыка · Мейв · РСС для подкастного приложения

0:00	Блиц-догонка. Трусы и обои
2:18	Русский и американский фидбек, пузырь вежливых людей и жизнь на энергии негатива
10:06	Поддельная вежливость и неискренняя поддержка: плюс и минусы
13:45	Уместность критики и право на слово
19:27	Почувствовать себя создателем
24:53	Люди ошибаются, но менеджмент должен страховать продукт от этого
30:20	Качество Фигмы и ситуация с UI3
38:58	Ценность неприятия говна. Почему Эпл можно и покртитиковать
41:48	Мечтаем ли мы о грядущем масштабном редизайне Эпловского софта?
44:02	Нужно наказать Эпл за очередной невынужденный факап с Сири и предательство принципов
51:21	Безумный мир эпловских фич небеспокойства
1:02:42	Эпл не понимает, что делает
1:06:58	Режим «Беспокой меня!» и как сделать нормально
1:10:47	Идея об объединении календарей, ремайндеров, тудушек и будильников
1:18:42	Ду ит туморроу

Грампи

Презентация Фигмы в 2024

Илья Бирман — Sun, 30 Jun 2024 02:21:11 +0500

Илья Бирман:

Посмотрел Кейноут Фигмы на Конфиге:

Несколько наблюдений.

В 6:14 начинается кусок, где Дилан говорит о новом дизайне интерфейса Фигмы. Безотносительно того, что я думаю о самом интерфейсе, обратите внимание, насколько точно он сказал всё, что нужно, чтобы настроить людей положительно.

«Не могу передать, как страшно презентовать редизайн интерфейса Фигмы дизайнерам!» И вот мы уже настроены к нему поддерживающе, даже если дизайн нам не понравится. «Сразу скажу: нужно будет время, чтобы привыкнуть к новому интерфейсу». И вот мы уже сможем отбросить свои первые негативные реакции мыслью, что мы просто пока не привыкли. «Мы будем выкатывать новый интерфейс постепенно, слушая ваш фидбек». И вот мы уже не переживаем ни что нам резко всё сломают, ни что «меня не спросили». «Некоторое время может будет переключаться между старым и новым интерфейсом». И вот мы уже думаем, что мы сами будем решать, когда нам переключиться. «Однажды мы всё же отключим старый интерфейс». А это просто настройка ожиданий, чтобы мы понимали, что всё-таки однажды придётся переключиться. Прям хоть учебник пиши.

Пользуясь случаем — приходите к нам с Мишей на курс о презентациях и публичных выступлениях, где мы обсуждаем все эти штуки и устраиваем репетиции.

Потом в 8:02 он начинает показывать сам интерфейс:

Они оторвали панели от краёв экрана, и это печально. Это подаётся под соусом «больше места вашему контенту», но места остаётся меньше:

То, что между тулбарами и краями теперь просвечивает 10-пиксельная полоса — это не контент, а мусор, который при движении по холсту ещё и мельтешит в этих щелях бестолку, раздражая периферическое зрение.

Так же сделано ещё в Сплайне, мультяшном 3Д-редакторе тоже на веб-технологиях — очень мешает жить:

Хотел бы я сказать, что они ещё и закон Фиттса сломали, оторвав элементы от краёв экрана, но к сожалению он в Фигме и раньше не работал. В смысле, клик в крайние пиксели не воспринимался как клик в соответствующие элементы. Закон Фиттса сломан в другом месте.

Всю презентацию Дилан борется с всплывающими уведомлениями о том, что кто-то запрашивает доступ к его файлу. Уведомления — это вообще рак всего современного софта. Казалось, ну запрашивает кто-то доступ, да и пошёл он в жопу? Я ж работают тут, зачем мне это тут показывают? Пусть он в почте доступ попросит, когда у меня будет время, я доберусь. А если это тот случай, когда раз в году доступ надо прямо сейчас, так по телефону позвонит.

Так вот, если это эти уведомления хотя бы не меняли свою ширину постоянно, то Дилану было бы в сто раз проще попадать в крестик.

Пользуясь случаем — приходите ко мне на курс об интерфейсе, где мы обсуждаем все эти штуки и практикуемся на заданиях.

Рекомендую ещё посмотреть видео самих дизайнеров о том, как они делали новый интерфейс:

Кажется, что это безумно интересная и очень вознаграждающая работа. Где ещё тебе дадут вылизывать до блеска дизайн интерфейса и качество его реализации? В большинстве проектов ты можешь намечтать миллион волшебных деталей, но прагматичный «бизнес» срежет все излишества и оставит только самое важное. А тут такой продукт, где миллион волшебных деталей — это как раз самое важное и есть! Вот в запрещённой соцсети есть тред с несколькими такими деталями.

И, конечно, это же редкий случай того, где всевозможные исследования-тестирования очень к месту, потому что они реально что-то изобретают на каждом квадратном сантиметре, и есть миллион сценариев и привычек, о которых создатели даже могут не догадываться. Это совсем не то же самое, как когда в очередной раз открывают для себя теорию близости на примере корзины в интернет-магазине.

Дальше там конечно же был эй-ай, куда сейчас без него. Мне понравилось, что они показали много «скучных» повседневных фишек, у которых под капотом эй-ай, вроде автопереименования слоёв или поиска макета по его растру. Конечно, я никакой машине не доверю мои слои переименовывать, но это я. А вот потерять макет в сложном документе в принципе могу.

Фишка «Сделать дизайн» — это конечно прикол. Наконец-то все дизайнеры, которые обосновывают свой дизайн тем, что у всех конкурентов так сделано, больше будут не нужны! Бессмысленные макеты будет делаться автоматически!

Ну и про слайды мне понравилось. Я тоже давно уже все свои слайды рисую в Фигме, потому что ну какой блин Кейноут, вы что, смеётесь? Если нужно презентовать из Кейноута, я лучше в последний момент в него эти слайды из Фигмы выгружу как пачку джипегов. Надеюсь, презентовать прямо из Фигмы будет удобно и все организаторы конференций станут это поддерживать сразу же.

В целом, я посмотрел с огромным удовольствием. Было ощущение как от старых эпловских презентаций, когда они ещё умели удивлять и показывать именно то, что тебя радовало, что ты представлял себе как часть своей повседневной жизни. У Эпла это качество, к сожалению, давно утрачено.

Умное анду и реду в Фигме

Илья Бирман — Sun, 21 Apr 2024 19:59:55 +0500

Илья Бирман:

В большинстве программ операции выделения и развыделения не входят в стек анду. Например, если выделить кусок текста, потом другой, и нажать анду, предыдущий кусок не выделится — вместо этого откатится предыдущее изменение. Или если в Файндере кропотливо выделять несколько файлов из большой папки, а потом случайно сбросить выделение, то вернуть его через анду не получится.

В Фотошопе иначе: можно в несколько шагов настроить выделение, используя объединения, пересечения, Transform Selection и прочий Quick Mask, и тогда анду последовательно пройдёт эти шаги в обратном порядке. Ну и если случайно потеряешь тщательно настроенное, тоже можно сделать анду, и выделение вернётся. Это умно.

Но представьте ситуацию: вы делаете анду десять раз, чтобы посмотреть, как было несколько шагов назад, и при этом планируете сразу же сделать столько же раз реду, чтобы вернуться в «настоящее». И вот, находясь в «прошлом» вы что-то выделяете... Ауч! Теперь ваши последующие шаги потеряны безвозвратно. Пространственно-временной континуум — штука хрупкая. Надо было делать скриншот! (Ну или включать в Фотошопе нелинейную историю.)

В Фигме выделение тоже входит в стек анду, но там подумали об этой ситуации с откатом в прошлое. Если, находясь в прошлом, ты что-то выделяешь, то все операции «из будущего» остаются в стеке и реду их проделает как ни в чём не бывало. То есть, с одной стороны, Фигма знает о ценности и хрупкости выделения, и поэтому тоже даёт в нём анду, но с другой, она понимает, что выделение не меняет документ, а значит и пространственно-временной континуум в безопасности.

От таких решений душа дизайнера интерфейса поёт.

Думаем дальше № 2 — «Самоутвердился за счёт целого Вольфа Олинса» с Сергеем Стеблиной

Илья Бирман — Fri, 29 Dec 2023 18:00:45 +0500

Илья Бирман:

Записали ещё один выпуск экспериментального подкаста, теперь вот с Сергеем Стеблиной.

Продолжаю не знать, что будет дальше, но уже залил на Мейв безо всякого оформления. Там вроде бы можно подписаться на РСС, в остальное пока не вникал. Там оба выпуска.

0:00	Кринжовое интро про радиокнопки
4:20	Когда пару радиокнопок можно заменить чекбоксом и как вообще обойтись без подобных элементов
8:50	Илья читает неожиданную лекцию про радиокнопки
13:41	Дебильные комбинации элементов в интерфейсах Гугля
16:17	Элементы формы мгновенного и немгновенного действия
19:08	Илья и Серёжа о будущем своих учеников
23:27	Серёжа начал делать схему амстердамского метро, а оно не нужно
28:00	Нужно ли объездить все трамваи, чтобы нарисовать их схему?
31:22	Дизайнеров бесят другие дизайнеры и их работы
39:06	Сломанные кривые в логотипе Вольфа Олинса и плохой дизайн как вызов
44:28	Илья не воспринимает бленду всерьёз
46:29	Адоби покупал-покупал Фигму, да так и не купил
57:43	Проекты, за которые мы бы не взялись по личным соображениям

Что послушать — 64

Илья Бирман — Sat, 03 Jun 2023 23:32:16 +0500

Илья Бирман:

Всё, что можно слушать, я стараюсь слушать, а не читать и не смотреть. Потому что когда у меня свободны глаза, я предпочитаю делать что-то более полезное.

Вот что я слушал в последнее время, что мне понравилось:

In Depth: The 5 phases of Figma’s community-led growth. Интересно про то, как был устроен процесс выхода Фигмы на рынок.
Сэм Харрис у Лекса Фридмана. Про отсутствие свободы воли интересный тейк. Да и про любовь тоже.
Making Sense of Free Will. Ещё один разбор философии Харриса относительно свободы воли.
Depression is a disease of civilization. Доклад на ТЕДе про то, что депрессия — это не шутка, но и про то, что антидепрессанты — не решение.
Competition is for Losers. Офигенный спич про то, что есть только два типа бизнесов: монополии и конкурирующие, и что если хочешь быть успешным, то надо быть монополией. Любимая фраза: «This tendency for us to see competition as validation is very deep».

Видео по вторникам: микроанимации в Фигме

Илья Бирман — Tue, 02 May 2023 11:30:53 +0500

Илья Бирман:

Небольшой видос про то, как сделать анимированное сердечко в Фигме:

Сама анимация простенькая, но во второй части идёт полезный разбор того почему она была сделана именно таким образом. В частности, о разнице между ховером и маусэнтером и о том, как избежать ховер-эффекта сразу после клика (ведь курсор в этот момент по-прежнему над иконкой). Это всё полезно учитывать и при разработке.

Как рисовать карты и схемы для информирования о челябинском транспорте

Илья Бирман — Wed, 26 Apr 2023 12:32:01 +0500

Илья Бирман:

Рассказываю основные принципы и приёмы, используемые при подготовке карт с информацией о челябинском транспорте. Показываю на примерах. Перерисовываю одну карту из внутреннего документа, чтобы показать, что это быстро. Заодно какие-то штуке в Фигми комментирую базовые:

00:00 Интро
00:52 Масштаб и пропорции. Откуда взялись и почему стоит соблюдать
05:29 Максимизация площади смысловой части
12:55 Десятипиксельные поля
13:41 Правило якорных объектов и важность углов
14:58 Неизменяемость стилей: толщин линий, размеров подписей, символов видов транспорта и номеров маршрутов. Лучше копировать и редактировать объекты, чем создавать новые
21:08 Неудачные примеры. Ошибки: неправильные пропорции, изменённые размеры элементов, использование неподходящих текстовых стилей, изломы линий, центровка подписей
29:25 Практика: рисуем маршрут автобуса 22а. Грубо срисовываем из внутренней документации
36:29 Настраиваем попадание в улицы и скругления на поворотах, рисуем и подписываем конечные
42:10 Подписываем районы и улицы, дорабатываем макет
46:10 Экспорт файла

Это видео не только для сотрудников транспортных ведомств и служб, которым предстоит рисовать карты и схемы, но и для всех любопытных дизайнеров.

На интерфейсном курсе: улучшаем дизайн кнопки

Илья Бирман — Sat, 19 Nov 2022 13:48:22 +0500

Илья Бирман:

Улучшаем дизайн кнопки. Тонируем тень. Скругляем углы нормально. Накладываем едва заметный градиент. Забытое искусство! 4 минуты:

Это фрагмент № 79 онлайн-курса «Пользовательский интерфейс и представление информации». Записано на курсе 1 апреля 2022 года.

До 2 декабря идёт запись на курс, который пройдёт с 3 декабря по 1 января.

Почитать о курсе

Программа, отзывы, запись

На интерфейсном курсе: режимы наложения слоёв с овощами и фруктами

Илья Бирман — Mon, 30 Aug 2021 14:52:04 +0500

Илья Бирман:

Показываю, как сделать веселее и узнаваемее выбиралку товаров без штрихкода на терминале самостоятельной оплаты в магазине, а потом рассказываю про режимы наложения слоёв. 5 минут:

00:00 Ставим красивые фрукты для узнаваемости
01:58 Что такое умножение слоёв

Это фрагмент № 45 онлайн-курса «Пользовательский интерфейс и представление информации». Записано на курсе 13 февраля 2021 года.

До 5 сентября идёт запись на курс, который пройдёт с 11 сентября по 10 октября.

Почитать о курсе

Программа, отзывы, запись

На интерфейсном курсе: перерисовываю и улучшаю кусок интерфейса в Фигме с помощью компонентов

Илья Бирман — Thu, 08 Jul 2021 15:35:12 +0500

Илья Бирман:

Перерисовываю интерфейс, используя компоненты в Фигме, чтобы потом быстро его настроить для пущей красоты. Рекомендую видео всем, кто ещё не понял, как компоненты упрощают жизнь и ускоряют эксперименты. Целых 18 минут на этот раз:

00:00 Перерисовываем прямоугольничек
03:18 Делаем компонент с заголовком и текстом
06:04 Компонент не выдерживает — добавляем таблицы
08:44 Настраиваем компонент, видя эффект во всём дизайне сразу
12:46 Настраиваем сетку на уровне макета, объединяем углы
15:40 Добавляем в компонент подпись и стрелочку

Это фрагмент № 41 онлайн-курса «Пользовательский интерфейс и представление информации». Записано на курсе 11 декабря 2020 года.

Сейчас запись на курс закрыта, но на его странице можно оставить почту, чтобы мы вам написали, когда запись откроется:

Почитать о курсе

Программа, отзывы, запись

Подслушивание Сири и юридические соглашения

Илья Бирман — Tue, 20 Aug 2019 21:31:31 +0500

Илья Бирман:

Догонка к прошлому выпуску и новая тема начиная с 8:47:

Подкаст-версия для тех, кто в дороге:

Подслушивание Сири и юридические соглашения