ilyabirman_channel | Blogs

Telegram-канал ilyabirman_channel - Канал Ильи Бирмана

13026

Заметки, советы, находки Чат для обсуждения тем из канала (офтоп нельзя): https://t.me/ilyabirman_chat_2 Классический заблокированный чат канала (там творится дичь): https://t.me/ilyabirman_chat Разместить рекламу: ilyabirman@ilyabirman.ru

Subscribe to a channel

Канал Ильи Бирмана

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

Небольшой видос про то, как сделать анимированное сердечко в Фигме:
https://www.youtube.com/watch?v=oOJ5StJr-pU

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

Читать полностью…

Канал Ильи Бирмана

Запилили с Константином Чухломиным инструмент для сравнения дистрибутивов Эгей.

Это полезно для тех, у кого своя тема оформления или другие кастомные штуки: при обновлении нужно понимать, что изменилось в системных файлах, чтобы сделать аналогичные изменения в своих. Выбираешь, какие версии хочешь сравнить, и смотришь на интерактивный дифф по файлам:
https://blogengine.ru/compare/

В основе — программа Константина, которая берёт гит-репозиторий и генерирует статические файлы для сравнения любого тега с любым:
https://github.com/chuhlomin/diff

Читать полностью…

Канал Ильи Бирмана

Как-то такое явление, как бергштрих, прошло мимо меня. Обожаю суперэффективные графические приёмы. Представляю, как изобретателю сказали: «да это никто не поймёт!», а он забил на эти глупые слова.

Читать полностью…

Канал Ильи Бирмана

Ещё один спич про то, когда нужна, а когда не нужна визуализация. Например, визуализация иногда помогает выявить манипуляции с данными. 4 минуты:
https://www.youtube.com/watch?v=9pf94f8Mz7Q

Следующий курс пройдёт с 27 мая по 25 июня:
https://bureau.ru/courses/ui-online/

Читать полностью…

Канал Ильи Бирмана

Пример нарушения логики прямого влияния и принципа «Дай нажать» из Эпл-напоминалок.

Пытаюсь поставить напоминалку на 29 мая, пишу «29», а он пишет поочерёдно «02», «09». Что за чёрт? Потом понял, что там следом «02.2023», а в феврале 2023-го не было 29-го числа, вот он и не даёт такое вписать, дурила.

Нарушение логики в следующем: более поздний по порядку чтения элемент влияет на более ранний элемент. Это всё равно, что чекбокс в конце формы влиял бы на наличие поля в начале. Так нельзя, влияние может быть только в прямом направлении.

Про принцип «Дай нажать», там тоже есть пример с календарём:
https://ilyabirman.ru/meanwhile/all/let-me-click/

Читать полностью…

Канал Ильи Бирмана

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

Снял видеоурок для сотрудников челябинских транспортных ведомств, но полезно будет всем любопытным дизайнерам:
https://www.youtube.com/watch?v=KdSpM_JfDgw

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

Читать полностью…

Канал Ильи Бирмана

Совет с участием фотки фрагмента моего книжного шкафа:
https://bureau.ru/soviet/20230425/

Читать полностью…

Канал Ильи Бирмана

Неделю назад писал про свет в предбаннике «Вая», из-за отсутствия которого кажется, что ресторан закрыт, когда он открыт. И что вы думаете? Иду сегодня, а свет горит! Респект.

Читать полностью…

Канал Ильи Бирмана

18 мая пройдёт день открытых дверей в Школе дизайнеров бюро

18 мая, в четверг, в 19:30 мск Илья Бирман, преподаватель дисциплины «Интерфейс и информация», расскажет в прямом эфире, кому будет полезна Школа дизайнеров, к чему готовиться и как сделать хорошее вступительное задание. А также расскажет, как вообще придумать интерфейс.

В конце эфира — сюрприз!

Записаться бесплатно

Эта и другие новости на сайте бюро:
https://bureau.ru/news/2023/school-designers-dod-180523/

Читать полностью…

Канал Ильи Бирмана

1. Контурные звёзды в «Мьюзике» — уродские, слишком жирные.

2. Их надо сделать визуально тоньше, хотя бы прозрачными.

3. Ещё лучше — реально тоньше нарисовать.

4. Совсем хорошо — заменить точечками.

Читать полностью…

Канал Ильи Бирмана

Пример удивительной сценарной непродуманности — интерфейс вставления ссылок в сторис в Инстаграме.

Чтобы ставить ссылку, нужно сначала найти этот интерфейс, потом дотянуться до верхнего поля, тапнуть в него, и потом тапнуть в Paste. Как ещё адрес должен туда попадать, если не из буфера обмена, не вручную же мне его печатать?

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

Читать полностью…

Канал Ильи Бирмана

ЧатГПТ, Чернобыль, Чуковский, а также книга Арутюнова и ещё один вечер с Докинзом. Что послушать:
https://ilyabirman.ru/meanwhile/all/listening-63/

Читать полностью…

Канал Ильи Бирмана

Когда делали с Мишей лекцию про юмор для нашего курса о презентациях, я совсем забыл про этот эпизод с Бертраном Серле, который комментировал Виндоус Висту:
https://www.youtube.com/watch?v=N-2C2gb6ws8

Посмотрите, Эпл раньше был весёлым!

А всплыл этот эпизод потому, что Бертран Серле сейчас работает... в Микрософте! Ну, точнее, Микрософт купил его стартап:
https://daringfireball.net/linked/2023/03/08/serlet-microsoft

А на наш курс сейчас идёт запись, приходите:
https://bureau.ru/courses/presentation-online/

Читать полностью…

Канал Ильи Бирмана

Идёшь, бывает, по городу, и в новых местах замечаешь свой дизайн. Польза генератора табличек:
https://ilyabirman.ru/chelyabinsk/nameplates/generator/

Читать полностью…

Канал Ильи Бирмана

Вентуру и её System Settings не пнул только ленивый, но я только на днях добрался и теперь тоже буду. Как препод вынужден показать это окно настройки сочетаний клавиш в приложениях.

Мне нужно вписать название пункта меню, потому я тыкаю в соответствюущее поле: туда, где написано Enter the exact... Но оно не тыкается, просто игнорит меня. Задизейблено? Но почему?

Оказывается, этот текст — не плейсхолдер, а просто текст, а поле находится справа от слов Menu Title, оно там как раз обозначено никак. При этом если очень присмотреться, то видно, что поле Keyboard Shortcut обозначено чуть более светлым фоном, чем всё остальное (это кранты).

Важно, чтобы по виду элемента интерфейса было понятно, что это за элемент и в каком состоянии.

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

Читать полностью…

Канал Ильи Бирмана

В образовательных продуктах бюро моя главная тема — интерфейс и информация. Есть очный и онлайн-курс, лекции, книга, предмет в школах и советы.

Если не видели, вот видос, где рассказываю, что у них общего, чем отличаются, как выбрать и как комбинировать:
https://www.youtube.com/watch?v=50ES3a5kuzw

Читать полностью…

Канал Ильи Бирмана

Каждый раз, когда я пишу «Микрософт», кто-нибудь да удивляется в комментриях. А я, между прочим, ещё 15 лет назад всё объяснил:
https://ilyabirman.ru/meanwhile/all/microsoft-pioneer/

Читать полностью…

Канал Ильи Бирмана

Я не знаю, что вам ответить

Иногда мне пишут письма в духе: «Мы такие-то такие-то, вот два абзаца про нас. Давно следим за вашей работой, читали книжку. В этом году мы планируем что-то там. Хотели бы с вами посотрудничать.»

И всё. Ни вопроса, ни предложения. И я не понимаю, что делать. Игнорировать письмо вроде невежливо, люди же написали, причём явно именно мне. Написать в ответ «А что вы хотите-то?» тоже звучит грубовато.

Чтобы ответить нормально, нужно прям сесть и придумать ответ. Из-за этого такие письма неделями лежат в инбоксе.

Урок такой: когда пишешь кому-то письмо представь, каково ему будет отвечать. Если, конечно, ты хочешь ответ получить в обозримом будущем.

Читать полностью…

Канал Ильи Бирмана

Что делать в Берлине 11—16 мая?

Куда сходить, на что посмотреть, с кем встретиться, где попить кофе? В Берлине буду шестой, кажется, раз, так что всё очевидное знаю. Рассказывайте неочевидное!

Читать полностью…

Канал Ильи Бирмана

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

Пост в блоге:
https://ilyabirman.ru/meanwhile/all/tight-ui-pizza-ingredients/

Читать полностью…

Канал Ильи Бирмана

Хорошая новость — наша с Алексеем Блиновым программа Эмси заработала в Вентуре. Если вы не знали, что такое Эмси, узнайте:

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

Эмси всегда на виду. Название песни не скроллится взад-вперёд, а стоит на месте.

В выпадающем меню — управление воспроизведением. Альт-клик по меню мгновенно перематывает трек в нужную точку.»

Купить за 99 рублей:
https://apps.apple.com/ru/app/emcee-for-music/id408774844?l=en&mt=12

Читать полностью…

Канал Ильи Бирмана

Видео по вторникам: сравнение размеров во Вселенной

В Ютюбе миллион видосов со сравнением размеров планет, звёзд и галактик, но вот этот мне особенно понравился:
https://www.youtube.com/watch?v=02Kgf9dCgME

Понравился тем, что сравнивает объекты, которые обычно не сравнивают друг с другом. На 4:55 рядом с Марианской впадиной появляется ммарафон, а тут уже рядом пульсар Краба давно стоит. Или вот в 5:30 перед нами Седна и другие планета, а тут вдруг бац — Мадагаскар! Космические объекты редко сравниваются с земными, а это и даёт более полное представление, и немного удивляет. Когда вышли за размеры Солнца, казалось, что уже ничто земное тут не может оказаться рядом, но вдруг в 8:25 появляются «все люди, если их поставить на голову друг другу»!

Отложил себе в папочку «Сравнения»:
https://ilyabirman.ru/meanwhile/all/ui-course-comparisons-folder/

См. также трейлеры разных лекций, включая «Сравнения»:
https://bureau.ru/news/2021/lecture-ui-updates-december/

Читать полностью…

Канал Ильи Бирмана

Метанавыки, которые помогают конкурировать

Реклама · Текст предоставлен клиентом

В настоящее время люди конкурируют не только с людьми, но и с искусственным интеллектом. Сильные метанавыки — наше конкурентное преимущество.

Что это?
Метанавыки — когнитивные стратегии, которые человек применяет к новым ситуациям, исходя из опыта предыдущих. На их основе развиваются hard и soft skills.
Правда в том, что их нельзя прокачать напрямую, как, например, лидерство или управление временем, они развиваются в деятельности.

Какие именно метанавыки помогают и как их развивать?
1. Эмпатия — фиксируйте и анализируйте свое состояние, эмоции, из этого навыка автоматически получится чувствовать других.
2. Креативность — пробуйте выходить за пределы шаблонов, больше экспериментировать.
3. Адаптивность — при любых изменениях будьте готовы пробовать разные подходы.

В HRеальности мы делимся инструментами для развития метанавыков, прогресса в карьере и просто хорошим настроением.

Читать полностью…

Канал Ильи Бирмана

На новом Маке в окне написания письма куча мусора в тулбаре. Нужно зайти в Customize Toolbar и убрать весь мусор.

Я оставляю кнопку отправки письма чисто из эстетических сообщений — реально я всё равно жму ⇧⌘D. А чтобы запомнить это сочетание, достаточно представить иконку отправки поверх клавиатуры, как на последней картинке.

Читать полностью…

Канал Ильи Бирмана

Вообще, это картинка из моего инстаграма. Но решил и вам показать.

Это шокошот — шот очень вкусного горячего шоколада, который теперь дают в любимом «Блоссоме» (это в Челябинске). Отличный напиток на случай, если кофе ты сегодня уже пил, а в кофейню зачем-то снова зашёл. Ну и след на внутренней поверхности чашки очень красивый.

Читать полностью…

Канал Ильи Бирмана

В некоторых местах я встречаю мыло, лежащее вверх ногами. Из этого я делаю вывод, не все знают, зачем мыло делают выгнутым.

А выгнутым его делают, чтобы оно сохло снизу! Когда мыло кладут в мыльницу вверх ногами, на его верхней части (которая оказывается снизу) образуется противная полужидкая мыльная каша. Чтобы мыло всегда оставалось приятным, его надо класть выпуклостью вверх, как на картинке.

Спасибо, что читаете мой канал!

Читать полностью…

Канал Ильи Бирмана

Ну а если вы ещё не готовы презентовать и вам надо сначала надизайнить то, что вы будете презентовать, то приходите на мой курс. Сегодня и завтра — последние дни записи.

Вот вам очередной фрагментик. Рассказываю, что ширина на десктопе — дешёвый ресурс, а высота дорогой, поэтому мобайл-фёрст интерфейсы часто на десктопе получаются неудачными. 4 минуты:
https://www.youtube.com/watch?v=jwbEj5v3bu8

Ближайший курс пройдёт с 22 апреля по 21 мая:
https://bureau.ru/courses/ui-online/

Читать полностью…

Канал Ильи Бирмана

Большинство примеров автоматизации с помощью Шорткатов или Автоматора, которые показывают Эплы — хрень на постном масле, слишком уж левые сценарии типа «Сделать ПДФ из всех страниц, которые у меня открыты в браузере».

Но реальные жизненные сценарии бывают настолько странными, что в качестве примера на презентации их не приведёшь. Главное поймать себя на мысли, что ты собираешься делать то, что надо бы поручить компьютеру.

1. Апдейт с Айтюнса на Мьюзик ломает настройку всех плейлистов на дефолтный эпловский дизайн, которым невозможно пользоваться.

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

3, 4. А потом схватился за Автоматор и настроил нехитрый воркфлоу. И попросил его переписать на Эплскрипте для пущего удобства. Правда, порядок колонок пока не понял как автоматически поменять, но хоть самое сложное автоматизировал.

Читать полностью…

Канал Ильи Бирмана

Видео по вторникам: эксперименты с сэмплами в Эйблтоне

Непонятно, в «видео по вторникам» это постить или в «аудио по четвергам», но по четвергам вроде обычно всё-таки музкальные произведения, а не видосы про звук, так что пусть будет вторник. Человек показывает, сколько всего можно делать со звуком просто меняя параметры сэмплера:
https://www.youtube.com/watch?v=QRj6sxdimkQ

Моё любимое начинается с 5:57, а звук в 6:12 вообще нужно срочно куда-то слизать.

Подписался на канал.

Читать полностью…

Канал Ильи Бирмана

Опубликовал ещё отзывов на свою книгу «Дизайн транспортных схем»:
https://bureau.ru/projects/book-metro/

Книга — кайф!

Читать полностью…
Subscribe to a channel