Блог Ильи Бирмана

Лондонский транспортный музей. Часть 4

Илья Бирман — Fri, 10 Jul 2020 11:45:04 +0500

Заключительная заметка про Лондонский транспортный музей.

Кусок про дизайн. Шрифты и знаки:

Таблички:

Как построить логотип:

Стандарт знаков 1938 года, как вам? Вот как давно люди задумывались на такими вещами:

Плакаты и таблички военного времени. Будь мужиком:

Схема:

Обивка сидений:

Кнопочки:

Ручечки:

Тумблерчик:

А это уже ближе к выходу висит знак новой Элизабет-лайн (бывш. Кроссрейл):

В магазинчике при музее продают магнитики с линейными схемами:

Пледы с рисунками с обивки:

И какие-то книжки:

Фотографии из поездки в июле 2018 года. Во всех заметках про путешествия снизу есть поиск дешёвых авиабилетов. Слетайте в Лондон! (Когда дадут)

См. также всё про Лондон.

На курсе: сверхплотная упаковка шапки таблицы и вёрстка карманного словаря

Илья Бирман — Thu, 09 Jul 2020 11:09:11 +0500

Фрагмент № 8 онлайн-курса «Пользовательский интерфейс и представление информации». Записано на курсе в июне 2020 года. Покажите дизайнерам.

0:00 Фокус в таблице: залезаю заголовком одной колонки на территорию другой, чтобы всё компактнее уместилось
2:08 Пример вёрстки с переносом наверх их карманного словаря

Программа курса и запись

На курсе: механически редактируем примечание к таблице

Илья Бирман — Thu, 09 Jul 2020 10:48:43 +0500

Фрагмент № 7 онлайн-курса «Пользовательский интерфейс и представление информации». Записано на курсе в июне 2020 года. Покажите дизайнерам:

Программа курса и запись

Аудио по четвергам: Psycho (Live Mix)

Илья Бирман — Thu, 09 Jul 2020 10:33:19 +0500

Этот трек был в миксе с Инфектедами, но вот он вам ещё отдельно:

Infected Mushroom: Psycho (Live Mix)

5:32 — огонь.

Промомикс: Гезеринг

Илья Бирман — Tue, 07 Jul 2020 21:37:40 +0500

Пять лет назад я сделал 15-й выпуск своего музыкального подкаста про музыку группы «Инфектед машрум» — послушайте!

Обычно через короткое время после выпусков подкаста я выкладывал сам микс из них без моих голосовых комментариев, но с этим я так делать не хотел: всё-таки здесь микс не очень работает как цельное произведение, и без комментариев звучит он странновато. Но меня продолжали просить и просить. Так что — встречайте.

Полтора часа лучших треков «Инфектед машрум» в одном миксе, который называется «Гезеринг»:

Промомикс: Гезеринг

0:00:00	The Gathering (The Gathering, 1999)
0:06:39	Psycho (The Gathering, 1999)
0:12:04	Psycho (Live Mix)
0:13:29	Over Mode (The Gathering, 1999)
0:16:10	Bust a Move (Classical Mushroom, 2000)
0:24:30	The Shen (Classical Mushroom, 2000)
0:26:30	Nothing Comes Easy (Classical Mushroom, 2000)
0:30:39	Symphonatic
0:35:31	Red Filter
0:36:54	Spaniard (B. P. Empire, 2001)
0:38:39	B. P. Empire (B. P. Empire, 2001)
0:45:24	Funchameleon (B. P. Empire, 2001)
0:51:47	Noise Maker (B. P. Empire, 2001)
0:53:36	Albibeno (Converting Vegetarians, 2003)
0:57:40	Semi Nice (Converting Vegetarians, 2003)
1:01:20	Scorpion Frog (Converting Vegetarians, 2003)
1:06:38	Cream (Cities Of The Future EP, 2004)
1:13:39	Cities Of The Future (Cities Of The Future EP, 2004 / IM The Supervisor, 2004)
1:14:32	Ratio Shmatio (IM The Supervisor, 2004)
1:19:27	Frog Machine (IM The Supervisor, 2004)
1:24:15	Bombat (IM The Supervisor, 2004)
1:26:00	Before (Vicious Delicious, 2007)
1:26:46	Change The Formality (Vicious Delicious, 2007)
1:27:49	Legend Of The Black Shawarma (Legend Of The Black Shawarma, 2009)
1:31:28	Pink Nightmares (Pink Nightmares Single, 2011)

Есть на Саундклауде и на Промодиджее.

Ангстрем с тёмным режимом

Илья Бирман — Tue, 07 Jul 2020 14:36:04 +0500

Вышел новый Ангстрем 1.11. Кто забыл, это лучший конвертер единиц для Айфона. Там добавились пара единиц, но главное — теперь есть тёмный режим:

Разрабочик — Шурик Бабаев.

Если вы ещё не используете Ангстрем, то вот кнопка:

Скачать в Апсторе бесплатно

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

См. также доклад про Ангстрем, где я подробно рассказываю, чем он прекрасен.

Бристольские часы

Илья Бирман — Mon, 06 Jul 2020 13:01:25 +0500

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

Часы на бристольской бирже. Фото Стивена Колбурна. Фликр

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

В Бристоле, например, было на десять минут меньше, чем в Лондоне. Это стало вызывать неудобства только с распространением железных дорог и появлением точных расписаний в середине 19 века — тогда придумали «железнодорожное время» — в мире британских железных дорог стали использовать время по Гринвичу. Это никак не мешало всю остальную жизнь вести по «настоящему» времени, принятому в каждом городе.

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

Что пишут на Эгее

Илья Бирман — Sun, 05 Jul 2020 21:29:12 +0500

На Эгее много блогов. А ещё на сайте Эгеи есть страница «Блоги», куда автоматически попадают заметки с открытых публике блогов, которые я одобрил. Я подписан на РСС «Блогов», поэтому вижу, что примерно происходит в эгеевской блогосфере. Можете тоже подписаться!

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

Среди авторов особенно много дизайнеров и редакторов — может, это вслед за мной и Ильяховым. У Романа Бунина классный блог о визуализации данных, например вот заметка о навыках для визуализации данных. Даниила Соколовского вы, наверное, знаете — я не раз на него ссылался, он музыкант. У него подробно о том, как готовить материал для диджейских сетов. Люда Сарычева анализирует песню Шуфутинского и показывает пользу непредвзятости. А вот Тоня Сергеева про деталь, которую знает только эксперт. Крутой приём, а ещё зацените, как она выделяет жёлтеньким. Константин Когут выделяет розовеньким и рассказывает про предлоги и союзы.

Интересно иногда находить людей вообще из других вселенных. Вот, например, Костя Малков написал любительский гид по уходу за классической обувью. Или вот Паша Шмелтер рассказывает о езде по городу на мопеде. Ваще круть — Александр Токарев научно выращивает овощи на балконе и вот сравнивает грунт и гидропонику, проводя тест на перцах. А Денис Чужой из партии «Неуверенная Россия» — это вообще стендап-комик, которого я открыл через «Блоги» и даже с удовольствием сходил на его выступление в Тель-Авиве.

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

Наблюдения и остатки Стокгольма

Илья Бирман — Sun, 05 Jul 2020 16:47:23 +0500

Уф, доразгрёб Стокгольм четырёхлетней давности. Это последние фоточки.

Во-первых, вот этой не нашлось места ни в одной из тематических заметок:

Ещё я рассказывал про витрины, но не показал всякие клёвые мисочки:

Чашечки:

Мисочки и чашечки:

И какие-то коробочки:

А вот клёвая серия упаковки чая:

Клёвая упаковка шоколада:

Вообще офигенная упаковка шоколада. Николай Иронов бы так не смог:

Дровяная вывеска:

Девушка готовит в вафельниках рожки для мороженого. Вафельницы крутятся перед ней на специальном столе:

Уклон улицы (см. также улицы и перепады высот):

Детская площадка спокойная:

Дети катаются на какой-то верёвке, подвешенной к шине:

Увидели меня, пошли спрашивать, чё я фоткаю. Говорят на английском как на родном.

Стоянка для колясок с заправкой. Красота:

Ну и посмотрите, какие милые перильца:

Фотографии из поездки в июне 2016 года. Во всех заметках про путешествия снизу есть поиск дешёвых авиабилетов. Слетайте в Стокгольм! (Когда дадут)

Ещё Стокгольм:

Входы и витрины
Знаки и таблички
Дорожные знаки
Герб в элементах среды
Вокзал и остановки
Аэропорт и связь с городом
Уличные таблички
Всё про метро (по ссылкам «Продолжение» пройдёте все заметки)
Голосовые объявления в метро
Шведское чтение

Тель-Авивское пляжное объявление

Илья Бирман — Sat, 04 Jul 2020 12:32:43 +0500

Когда гуляешь перед сном босиком по границе песка и моря, из динамиков периодически звучит это объявление:

שימו לב

Как коллекционер всевозможных голосовых объявлений я его давно хотел записать, и вот, наконец, подловил и записал!

Приятно, что из пяти языков я понимаю текст на четырёх.

Текст на иврите начинается со слов «симу лев» (שימו לב). Это типа как «внимание», но дословно значит «положите сердце». Быстрый гуглинг не помог найти истоков выражения, так что если вы в курсе, расскажите!

А по-французски безо всякого «атонсьон», сразу к делу. Прям как в метро у них: «Пигаль.» Никаких вам «следующая станция».

Лондонский транспортный музей. Часть 3

Илья Бирман — Fri, 03 Jul 2020 12:20:09 +0500

Продолжаю рассказывать про Лондонский транспортный музей.

Автобусы:

Полазил, где можно было:

Элемент управления:

Всякие таблички, надписи и наклейки:

Прикольный экспонат. Жмёшь кнопку — платформа постепенно наклоняется, а автобус всё не падает:

В какой-то момент всё-таки падает, но интуитивно ожидаешь этого гораздо раньше. Типа когда-то каждый реальный автобус перед началом использования проверяли на такой платформе, наклоняя до 28°.

Над потолком висят ленты с названиями конечных, которые крутятся спереди. Красота:

Ещё таблички:

Какие-то агрегаты. Мало ли, придётся скеоморфический дэшборд рисовать:

См. также всё про Лондон.

Опасные лестницы с мигалкой

Илья Бирман — Thu, 02 Jul 2020 21:05:19 +0500

Такие лестницы в городе — это жесть. Их много в Лондоне, хотя эта фотка из Стокгольма.

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

Онлайн-курс о пользовательском интерфейсе и представлении информации с 20 июля по 16 августа 2020 года

Илья Бирман — Sun, 28 Jun 2020 13:09:10 +0500

В апреле мы в бюро запустили четырёхнедельный онлайн-курс «Пользовательский интерфейс и представление информации». Следующий курс пройдёт с 20 июля по 16 августа 2020 года, записывайтесь по ссылке! Это наиболее крутой курс из всех дизайнерских курсов: спросите или почитайте отзывы наших участников.

Уже прошёл второй онлайн курс, и я накопил много интересных фрагментов видеоконференций. Потихоньку делюсь с вами. Сегодня — короткий кусочек (№ 6), ставим красную блямбу рядом с таблицей:

Ещё ранее я выкладывал у себя в телеканале (ilyabirman_channel) кусочки видеолекций, поищите там по слову «кусочек». А вот этот про группировку элементов интерфейса (из лекции «Близость») публиковали в канале бюро:

Четыре недели вместо четырёх дней — это намного больше времени, чтобы «впитать» материал и хорошо попрактиковаться. Плюс вы сами решаете, когда делать перерыв. Ну и безопасно.

Как вообще проходит курс

По понедельникам в полночь по московскому времени в учебном «Кабинете» появляются ссылки на видеолекции и задание текущей недели, а по средам и пятницам мы общаемся всей группой на видеоконференции в «Зуме».

Программа в деталях показана на странице курса:

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

Кроме лекций на каждой неделе есть практическое задание. Задание первой недели нужно переделать на третьей после того, как вы узнаете значительную часть теории и мы успеем обсудить первую итерацию на видеоконференции. Выполнение заданий обязательно.

Видеоконференция по средам и пятницам — это большая вечерняя встреча с преподавателем и всеми участниками курса. Мы разбираем темы недели и практическое задание.

Запись открыта до 14 июля, если свободные места не кончатся раньше, приходите!

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

Илья Бирман — Sat, 27 Jun 2020 17:52:48 +0500

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

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

ATP 384: Equal Emphasis. Трёхчасовой выпуск по следам презентации Эпла на ВВДЦ.
The Talk Show Remote From WWDC 2020, With Craig Federighi and Greg Joswiak. Ну тоже интересно.
Максим Ильяхов в подкасте «Поредачим», часть 2. Первую я выкладывал три выпуска назад, обе хорошие.

Дизайн-обзор Ай-ОСа 14

Илья Бирман — Fri, 26 Jun 2020 15:46:51 +0500

Во время презентаций Эпла 22 июня 2020 года я сохранил себе много скриншотов нового Ай-ОСа 14, который выйдет осенью. В этом видео я листаю их и комментирую дизайн:

Как вам? Про что ещё снять такое?

00:00 Вступление и дисклеймеры
00:53 Эволюция домашнего экрана, осторожность Эпла
02:43 Запутанность домашнего экрана и его разных закоулков
03:44 Виджеты (опять ужасные скругления краёв, но на соседней картинке вдруг нормально)
06:09 Виджеты занимают верх и помогают дотянуться до иконок. Чётные клетки для виджетов. Самый уродский виджет — «Батарейки»
09:33 Почему бы делать информативными сами иконки? Я хочу видеть ставить виджет 2×2 ради погоды, температура влез бы и в иконку 1×1. То же с Активити (Фитнессом)
12:44 Библиотека приложений — мегасвалка? Ещё один поиск, уже пора делать поиск среди полей поиска!
14:51 Отключение ненужных домашних экранов. Биатлонинки становятся кнопкой. Отключенные домашние экраны отключены, но они всё-таки есть, а зачем?
16:45 Алфавитный список приложений, бесконечная лента приложений в категории
17:35 Поможет ли скрытие ненужных приложений продавать Айфоны большего объёма?
19:39 Сравнение виджетов с компликейшенами на часах некорректно. Компликейшены всё ещё намного лучше
20:53 Экран слева от домашнего экран — зачем?
22:20 Смарт-стек
23:34 Интерфейс добавления виджетов
23:51 Пример корявого виджета (не эпловского). Минутка теории классической и швейцарской вёрстки
25:35 Выбор размера виджета
26:20 Разное
27:14 Хорошая конфигурация виджетов. Изменение отступов между иконками домашнего экрана (?)
28:30 Долгие тап на кнопку «Назад»
29:01 Апклипы: Эплы борятся с проблемой, которую сами создали своей настойчивой пропагандой приложений для всего.
31:00 Апклипы: очень красивая картинка вместо куаркода!
31:35 Переводчик. Русский язык! Зачем кнопка микрофона?
33:42 Компактное уведомление о входящем звонке. Ура, но до него не дотянуться пальцем
35:42 Навигация в «Музыке»
36:36 Все программы шпионят за твоим буфером обмена

См. также подобный обзор Макоса 11.0 «Биг Сюр»

На курсе: избавляемся от рамки, наводим порядок в корзине, упрощаем поля адреса, мочим звёздочки

Илья Бирман — Fri, 26 Jun 2020 14:55:07 +0500

Фрагмент № 5 онлайн-курса «Пользовательский интерфейс и представление информации». Записано на курсе в июне 2020 года. Покажите дизайнерам:

00:00 Заполнения формы данными из профиля в Яндексе. Избавляемся от рамок и собираем компактнее
03:55 Наводим компактность и порядок в других местах
07:46 Упрощаем группу полей про адрес и время доставки
14:56 Холивар: звёдочки и обязательные поля
20:13 Настраиваем пропорции кнопки «Заказать» в конце

Программа курса и запись

Лондонский транспортный музей. Часть 2

Илья Бирман — Fri, 26 Jun 2020 11:54:44 +0500

В первой части я обещал, что покажу вам схемки, которые висят в поездах. Показываю:

Похоже, что там просто какие попало схемы висят, которые удалось найти:

Вот это странно. В одном из купе висела такая:

А в другом — такая:

Прямые линии:

Ромбики как на первой схеме Бека:

Крутые стрелки пересадочные (пардон за срезы слева, выправлял. кадр, сделанный под очень неудобным углом):

Неподалёку ящики, где навалено всё подряд:

Открываешь и смотришь:

Примерно так же у меня дома выглядят ящики со всякими бумажками из поездок:

Поезд, в который можно было зайти

Тут уже полноценный вагон, а не купе. Схемы над окнами:

Зацените пересадки тоже:

Ещё вагон:

Ещё схема над дверью:

Костюм кондуктора, видимо:

Билетики:

Ещё какой-то старый вагон:

Объявление:

Другое:

Кстати о музейных экспонатах: Дедушкина схема лондонского метро

См. также всё про Лондон.

Дизайн-обзор Макоса 11.0 «Биг Сюр»

Илья Бирман — Thu, 25 Jun 2020 00:20:07 +0500

Во время презентаций Эпла 22 июня 2020 года я сохранил себе много скриншотов нового Макоса 11.0 «Биг Сюр», который выйдет осенью. В этом видео я листаю их и комментирую дизайн. Почти все пиксели прокомментировал, какие пока что нашёл:

Как вам? Про что ещё снять такое?

00:00 Вступление и дисклеймеры
01:03 Новый стиль. Скругления углов. Наблюдения о подготовке макетов. Сравнение с Макосом 10.4 «Тигром».
02:58 Неэкономное использование места на экране
03:29 Сайдбар от верха до низа. Дизайн «Музыки»
04:20 Прозрачное меню, разнообразие вёрстки заголовков окон
06:06 Бесячие тулбары с двойными стрелочками вправо, как в Виндоусе 95!
07:04 Квадратные иконки в доке. Как на Айфоне, но не совсем. Док оторвался от низа
08:32 Центр управления: вайфай, блутус, часы, все дела
09:22 Листаю файндер, почту. Как будет выглядеть горизонтальная панель почтовых ящиков в почте? Братская могила иконок в тулбаре
10:50 Поиск в приложении скукоживает тулбар. А в Эгее сделано нормально! Синяя обводка сфокусированного поля
12:33 Фотос выглядит, как будто приложение не активно
13:06 Пейджес в одном дизайне, а на других скриншотах потом будет в другом (см. 32:08)
13:58 Меню, отступы между пунктами, горячие клавиши
15:14 Систему готовят к тачскрину на Маке? Это не повод ухудшать её для тех, у кого мышь
16:38 Сравнение меню и почты в старом и новом дизайне
17:29 Разглядываем менюшку про звук, Центр управления, настройку меню, уведомления и виджеты. А раньше был Дэшборд
20:46 Интерфейс управления виджетами. Кроссплатформенность виджетов
22:22 Красивые кадры из презентации
23:45 Системные диалоговые окна стали как на Айфоне. Сомнительно. Всё отцентровано
24:45 Cорян, я не учёл, что я сам буду загораживать то, что на что мы смотрим
25:06 Версия 11.0. А дальше что?
26:57 Почему прозрачное меню — отстой. Кадр Эпла. История статусбара на Айфоне
28:32 Ужасно выглядит светофор айпадного приложения на Маке
29:07 Деление иконок в тулбаре на навигационные и ненавигационные
29:55 Справедливы ли упрёки Эплу в неконсистентности из-за разного стиля и расположения заголовков окон?
31:28 Переживания и опасения, связанные с качеством софта
32:08 Пейджес и Намберс в другом дизайне, чем было в 13:06
32:59 Заголовок и подзаголовок окна
34:04 Диалог открытия файлов. Новый стиль модальных штук
35:12 Как жутко выглядит наслоение виджетов и уведомлений на открытые окна. Дизайне первый раз увидел эффекты Фотошопа
36:25 Две очень похожих, но чуть-чуть разных (почему-то) картинки со списком новшеств
37:28 Слишком навязчивая анимация выезжания уведомлений и виджетов. Когда уместна пружинистость, по мнению Эпла, которые сами Эплы забыли
38:33 System Preferences. Неприятный слайдер, кривые отступы, настройка стартового звука.
39:49 Выпадайка батарейки и оставшееся время работы
40:46 Вот бы дали виджеты ставить прямо на рабочий стол, а не в панель виджетов

См. также подобный обзор Ай-ОСа 14

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

Илья Бирман — Wed, 24 Jun 2020 11:20:38 +0500

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

Podlodka #166 — Переговоры. Целых три часа пользы от Ильи Синельникова.
Максим Кац и Егор Жуков. Обсуждение дебатов с Навальным и всего вокруг них на «Эхе».
Лебедев о самостоятельности, страхах, вине, цензуре, прокрастинации, хомячках и людях. Общаются с Евгенией Тимоновой.

Видео по вторникам: дождливый Нью-Йорк

Илья Бирман — Tue, 23 Jun 2020 21:54:48 +0500

Ютюб великая вещь. Чего там только нет: