Очередной кусочек онлайн-курса вырезал на Ютюб — там упаковка таблицы, симультанный контраст и борьба за красоту цветов:
https://www.youtube.com/watch?v=29GAdT6dXBA

00:00 Боковик — по левому краю
00:36 Что не так с дизайном такой таблицы для этих данных. Убираем мусор — таблица разваливается. Плохой признак!
02:59 Упаковываем элементы вокруг таблицы внутрь самой таблицы
04:12 Подписываем элементы ячейки на примере одной из ячеек, а не отдельно
07:04 Как правильно забледнять чёрный на цветном фоне. Хуже всего делать серый, чуть лучше — прозрачный, ещё лучше — подкрашенный прозрачный.

Как обычно помимо собственно тем курса заодно касаемся чего-то ещё про дизайн, тут вот про цвета интересно.

Программа курса и запись:
http://bureau.ru/educenter/ui-online/

У Фосфалюгеля очень красивая упаковка. (Также у меня на стене очень красивая венгерская табличка, спасибо, Вика)

Интерфейсный нюанс. Вот так неправильно рисовать переключалку (рис. 1, из студенческой работы). Такой дизайн намекает на то, что капсула со словом «Традиционное» свободно двигается в ванночке влево-вправо, но это не так.

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

Но вот если правда штука плавает в ванночке, то её надо скруглить с каждой стороны так же, как сама ванночка, конечно же (рис. 3, Ай-ОС).

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

Не, ну можете как угодно рисовать, мне-то чё.

Ох чё вспомнил. Troll Scientists: Phone the Lab —
https://ilyabirman.ru/meanwhile/all/troll-scientists-phone-the-lab/

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

Чикагский аэропорт «О’Хара»:
https://ilyabirman.ru/meanwhile/all/chicago-ohare-airport/

Оферта о совместной работе для дизайнеров, у которых уже что-то сделано:
https://ilyabirman.ru/meanwhile/all/offer/

Как руководить дизайнерами и исследователями, дизайн для реального мира в «Почте России» и что волнует продуктовых дизайнеров в Лондоне. Что послушать. Дизайнерский выпуск для дизайнеров:
https://ilyabirman.ru/meanwhile/all/listening-36/

Извините.

А вот у Маши Аникеевой тоже красивая:
https://twitter.com/not_plasticine/status/1304518508072570881

Новые лекции о звуке и легендах для школ бюро. Коротко и сути и небольшие, но полезные фрагменты каждой из лекций:
https://ilyabirman.ru/meanwhile/all/bureau-school-lectures-update-2020-sep/

Покажите коллегам.

У нас принцип, что даже когда мы делаем тизеры (трейлеры?) лекций, мы стараемся там хоть одну мысль раскрыть целиком, чтобы польза была даже если вы в итоге не придёте к нам учиться.

Фрифарм? Грифарм? Фифарм?Рифарм? А хрен его знает, я так и не разобрал.

Воскресный ютюбчик про навигацию в аэропортах на букву Ч (Чигако и Челябинска): https://www.youtube.com/watch?v=j_uZ03mPJjU

00:00 Интро
00:33 Блог. Бело-лунный цвет, китайский мост
02:42 Кусочек про цвета с интерфейсного онлайн-курса:
https://bureau.ru/educenter/ui-online/
03:51 Чикагский аэропорт О’Хара: почему навигация не должна быть унылой
07:42 Оферта о совместной работе, что послушать
10:16 Апдейт лекций в школах бюро
12:17 Инстаграм. УАЗик и закрытие Торнквиста
13:13 Твиттер. Жирное выделение Медузы, селфач, греческая церковь и 11 сентября
14:13 Телеграм. Призыв помощников со схемой, красивый Фосфалюгель
15:20 Интерфейсный нюанс про переключалку, ещё красивая клавиатура и Грифарт

17:03 Разбор дизайн-задачи прошедшей недели
30:04 Дизайн-задачка на неделю. Ответы шлите в комментарии, разберём в следующие выходные.

Как работает автоматическая вёрстка рекомендаций в будущей Эгее 2.10

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

Дизайн «раскладок» для разных случаев, описание раскладок в коде, автоматический выбор и оценка раскладок, режим отладки. В общем, фрагмент № 14 онлайн-курса «Пользовательский интерфейс и представление информации». Записано на курсе 31 июля 2020 года.

Покажите дизайнерам и разработчикам:
https://www.youtube.com/watch?v=tYJMrY5zWlo

Программа курса и запись:
http://bureau.ru/educenter/ui-online/

Эгея:
http://blogengine.ru/

Разгребаю Пинтерес.

Смотрите чё с афишами.

С одной стороны, есть такая тема — заклеить одинаковыми афишами большой кусок стены. В Лондоне или Берлине, например, дофига такого. Выглядит намного убедительнее, чем одна афиша.

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

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

https://studiofables.com/pari