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

Продолжение Это не просто перечень определений — их и так можно найти в интернете. К каждому термину в справочнике мы предъявляли простое требование: от его наличия должна быть польза. В редких случаях определение полезно само по себе, но чаще всего мы задавали вопрос к каждому термину так: что проектировщику нужно знать об этом? И старались дать качественный ответ. Сегодня открывается предварительное издание. В нём уже больше двухсот терминов, но к первому изданию будет больше, часть ещё в работе. Мы приглашаем вас начать пользоваться справочником и сказать, в чём вы видите наши упущения, чего недостаёт или что вам представляется ошибкой.

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

Здесь у участника курса несколько нелогично организовано окно, и я рассуждаю о том, как можно было бы переорганизовать. 5 минут: https://www.youtube.com/watch?v=S_7m0co8zMc Идёт запись на ноябрьский курс, сейчас −20%. В рассрочку это 6320 ₽ / мес.: https://bureau.ru/courses/ui-online/ Это лучший курс об интерфейсе. И про адаптивность там тоже есть лекция большая.

На сайте Паратайпа — вот такая карточка у шрифта. Отличный пример бесчеловечного интерфейса с убийственно низкой информативностью. Какие именно фичи? Ну, допустим, все не влезают, но хоть что-то назвать? Какие именно языки? Опять же, можно догадаться, какие волнуют русскоговорящую аудиорию больше всего. Но 1 дизайнер — это вообще предельный тупняк. Нафига мне жать это плюс, почему не подписать автора шрифта прямо тут? Сочувствую бедняге дизайнеру шрифта, что он пострадал от рук дизайнера сайта.

Написал в блоге про адаптив и навигацию на новом сайте: https://ilyabirman.ru/meanwhile/all/ilyabirmanru-2026/ Про адаптив вы уже тут прочитали, наверное, но там прочитайте про навигацию.

И ещё пара моментов! 1. На горизонтальом Айфоне в качестве полей используется место под камерой и такое же симметрично справа, чтобы максимум полезной ширины отдать контенту и не городить ещё дополнительные поля к этому (как делают почти все остальные). При этом всё, что прокручивается, спокойно вылезает в эти поля, не беда. 2. Оказывается, оно вмещается даже в часы. Тоже всё прокручивается так же. Я сам удивился, это мне в комментариях показали. Прикольно! Правда, там не всё работает, и теперь появился соблазн докрутить. Но часы рендерят так, как если бы ширина была 320, так что никаких новых приёмов там не применяется.

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

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

9-я версия моего сайта Добро пожаловать на мой новый сайт: https://ilyabirman.ru/ Я начал думать над новым дизайном много лет назад, но в конце лета наконец сел доделывать, и вот — открываю. Работы ещё много, но я решил, что лучше докручивать по живому, чем тянуть много месяцев. Там внутри большой задел на будущее развитие. Кроме того, есть одна причина открыть именно сегодня. Зацените адаптив от 320 до 3200 и хитрую навигацию по проектам. И расскажите, какие видите косяки в каких случаях.

Летом был эфирчик о страхе, что нас всех заменят нейросети. Я выкладывал четыре кусочка. (При этом идёт запись на ноябрьский интерфейсный курс, и сегодня последний день, когда аж −30%: https://bureau.ru/courses/ui-online/) Так вот, а в этом кусочке — пример тупняка ЧатаГПТ, который был, когда я вайбкодил «Колокол». Он говорил, что как мне надо сделать невозможно, а я ему не верил, и он сделал. Это «Не верю» иллюстрирует, что даже когда не надо писать код, чтобы получалось нормально, надо всё равно понимать, что и как он делает. С нейронками тут всё так же, как с живыми разработчиками. Приходите на курс, чтобы знать, чего хотеть от нейросетей.