→ 24—30 июля 2017

На прошедшей неделе я переключился в режим нормального ведения своего телеграм-канала. Теперь там не только ссылки на заметки тут, но и всякие наблюдения про дизайн, навигацию и городскую среду. Вот как выглядела неделя (я был в Москве как раз):

Вторник, 18 июля

Это сегодня. Участники курса «Пользовательский интерфейс и представление информации» делают групповое практическое задание. При этом открыта запись на следующий курс:
http://bureau.ru/educenter/ui/

Это красивый разворот про амурского тигра из темы «Параллельное изложение»

А это красивый московский навигационный тотем. Они теперь уже повсюду

Навигационная карта Хлебозавода 9 — нового модного пространства рядом с «Флаконом»

Среда, 19 июля

Весёлая иконка унисекс-туалета в «Бэд-бро-баре» в Москве

Студентка школы дизайнеров Аля подошла ко мне в Коворкафе задать вопросы про свой макет на тему «Валенки» (завтра дедлайн):

Я рассказал ей всякого по смыслу, что не имеет значения тут (потому что вы не знаете задания), а ещё подвинул пару вещей:

1. У шапки стало больше нижнее поле. Если поля с разных сторон разные — интереснее. Шапка приобрела большую самостоятельность. У меня на сайте тоже большое поле у шапки, но ещё и всё выровнено по верху — так ещё лучше:
http://ilyabirman.ru/

2. Справа от первой фотки другая фотка и какой-то текст. Он стоял непойми как (Аля сказала, что поставила «на глаз»). А теперь он превратился в якорный объект (тяжёлый такой) и встал в центр своего модуля. Магия в том, что прямоугольник, внутри которого стоит этот текст, не нарисован, но прекрасно читается. Подобные штуки я храню под тегом «активация». Любимый пример — вот эта полоса про Трампа:

Ещё теги:

3. Ещё снизу увеличились ценники. Это Миша Нозик мимо проходил и подсказал. Большие цифры всегда хорошо смотрятся:

Навигация в центре инноваций в Порту:
https://www.behance.net/gallery/7613427/Signage-and-Wayfinding-for-Innovation-Center

Вообще в школе дизайнеров общение с преподавателями есть только на третьей ступени (а это задание на второй). Но крутые студенты плевать хотели на правила и просто приходят. Так и надо.

Раз уж такое дело, ссылка на школу дизайнеров (сейчас идёт набор):
http://bureau.ru/school/28aug2017/

Ха-ха, смотрите какая Виктория молодец:

В это время Миша Нозик на «Живых советах» учит рисовать фактоиды

Четверг, 20 июля

Ещё я забыл занести ссылку на недавний совет про схему метро Самары:
http://bureau.ru/bb/soviet/20170718/

Костя Горский в своём канале о дизайне и продуктивности рассказывает о понимании задачи:

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

Всё правильно, но только Костя пишет, что описание должно вмещаться в один лист А4. Я делаю иначе: пишу максимально подробно. Это же не рекламная листовка. В понимании задачи должно быть всё о задаче, что может понадобиться для её решения. Это такой справочник, где качественно разложено по полочкам всё, что обсуждали с клиентом. Смотрите мою киевскую лекцию про это, если ещё не смотрели:
http://ilyabirman.ru/meanwhile/all/understanding-the-task/

Правый верхний угол в Гугль-драйве. Особенно радуют левые две иконки рядом

Заглянул в гости в Дептранс, а там рай:

Пятница, 21 июля

Проверяю работы студентов школы дизайнеров. Нашёл поддельный знак рубля:

У знака рубля должно быть продолжение полуовала налево:
http://ilyabirman.ru/meanwhile/all/rouble-sign-bowl-continuation/

С таким шрифтом нарисовать хорошо будет непросто: уже и так много всего торчит.

Кажется, авиакомпания «Эль-аль» обновила логотип. Было так:

Стало так:

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

Кстати, что я до сих пор не знаю, какое из ивритских слов «эль», а какое — «аль». С одной стороны, нужно читать справа налево. С другой, теория близости подсказывает, что каждое ивритское слово должно быть рядом с соответствующим английским. И вроде бы самая правая буква — алеф (вероятно, „а“) ¯\_(ツ)_/¯

Расскажите, если вы в курсе. Личка: @ilyabirman

Приходите к Серёге на курс про иконки:
http://ilyabirman.ru/meanwhile/all/icons-course-2017-aug/

Когда я был на курсе, украл у него такую картинку:

Смотрите, как клёво можно нарисовать знак «Обгон запрещён» (справа снизу). Это, вроде бы, японские знаки

Я не буду делать такие дайджесты каждый раз, так что подписывайтесь в Телеграме. Если вы ещё не пользуетесь Телеграмом, то включайтесь. Это самый нормальный месседжер в мире, и там куча интересных каналов.

Вот:

1. Правила швейцарской типографики от Мюллера-Брокманна.
2. Фиеричная система счисления, или почему 1 + 10 = 100. Математика для меня тяжеловата, но достаточно поверхностного прочтения для получения удовольствия.
3. Как работает Владивостокский морской торговый порт. Лоцман, докер, тальман и Маклин. Угадай, где фамилия.
4. You Should Not Force Quit Apps on iOS. Сколько ни объясняй, люди продолжают выходить из ненужных им программ «для экономии батарии», из-за чего только сильнее расходуют батарею.
5. Походу.

Положите в закладки:

1. Oh shit, git!. Набор заклинаний на случай, когда вы накосячили.

Я обычно анонсирую тут свои курсы и наборы в школу дизайнеров. Но в этот раз хочу анонсировать курс моего коллеги Серёги Чикина. С субботы 12 августа до понедельника 14 в нашем «Коворкафе» на Флаконе (в Москве) пройдёт его курс «Пиктограммы и системы знаков».

Первый день посвящён истории и функциям пиктограмм, второй — поиску метафор, анатомии и дизайну. Третий день — про системы знаков, сетки и ДНК.

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

Теперь он сильно оброс задротскими графдизайнерскими микротемами про конкретные знаки: какой балун в иконке «сообщения» должен быть выше, куда бегут животные на дорожных знаках или зачем заводу пилообразная крыша.

Я когда сам ходил на курс к Серёге, пропёрся от темы про геральдику. Это красивые гербы с Серёгиного сайта:

Запись открыта до 6 августа, если свободные места не кончатся раньше.

Я сейчас пишу книгу об интерфейсе, и мне нужны примеры. Много примеров.

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

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

Я давно хочу сделать музей интерфейса: сделать виртуальную машину, установить туда МС-ДОС, и снять там всё золото: Нортон Командер и ДОС-навигатор, Нортон-утилиты, дефрагментатор, Турбо-Паскаль 5.5 и 7.0, другие программы на Турбо-вижене, Лого, Лайнс, классический Тетрис. Потом установить Виндоус 3.1, снять всё в нём. Потом Виндоус-95, потом 98, и так далее.

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

Руки у меня до этого никогда не дойдут. А вдруг дойдут у вас? Если у вас есть желание позаниматься таким на выходных и потом вместе замутить в интернете музей, давайте дружить. Напишите мне, почта в подвале.

Или, может, такое уже есть, но я не знаю, где искать?

Давненько я вам пситранс не приносил. Потому что я его давненько сам не слушал. Потому что последнее время он уже не тот. Но иногда — вполне. Гоа-сок:

Возможно, я раньше не обращал внимания на такое в пситрансе, но тут обратил, и, кажется, это необычно. Бас живёт в независимой от бочки тактовой сетке, прям как в техно. Повторяется каждый три, а не четыре такта (1́23- 1́2-4 1́-3-). Это, причём, с первой секунды начинается.

Всё как надо: история на восемь с лишним минут, которые пролетают незаметно. В течение второй минуты птички на фоне становятся всё отчётливее. 2:14 Новенькие звуки на переднем плане. 3:06 Честная пситрансовая отрывистая мелодия. Смотрите, басу всё пофиг! Он лупит в одну ноту как ни в чём не бывало. Молодец! 4:13 И ещё один слой. Кайф настоящего гоа в этом бесконечном наслоении, когда кажется, что в миксе уже некуда, а оно появляется ещё и ещё. И когда у авторов клёвая техника, всё это слышно отдельно. 5:00 И ещё!

Рекомендую этот альбом Проксиуса целиком. Называется At The Mountains Of Madness (справа ссылки на Ютюб всех треков). Треки: 2, 3! 4, 6, 7!. Там прям всё как в старые добрые времена, но с безупречным звуком. Ещё дают скачать бесплатно на Эктоплазме, но Эктоплазм чаще лежит, чем работает.

В иврите все местоимения перепутаны.

Судите сами: она — это «хи», он — это «ху», а кто? — это «ми».

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

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

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

Я писал о работе в бюро:

В бюро создана система роста: старшие передают знания младшим, причём не только о дизайне, но об организации работы, юридической стороне дела, отношениях с клиентами.

В 2014 году мы открыли Школу стажёров, в которой преподаём это тем, кто хочет стать дизайнерами. С тех пор у нас появились школы редакторов и менеджеров, поэтому дизайнерская школа теперь называется «Школой дизайнеров». Уже защитили дипломы выпускники первых пяти наборов, а студенты шестого учатся на первой ступени. И сейчас идёт новый набор.

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

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

О «Вёрстке и прототипировании» Артём Горбунов пишет у себя в фейсбуке:

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

По поводу школы ещё было лукэтмишное интервью Артёма Горбунова «Как научить дизайнера работать»:

Бывают студии, которые открыли менеджеры, они, как правило, очень успешны. Но если ты смотришь их работы, это ужас. Менеджеров дизайн не волнует, их волнует организация производства. У студий, открытых дизайнерами, хорошие работы, но они живут только 2-3 года, потому что дизайнеры, к сожалению, не очень интересуются управлением проектами, переговорами. Мы сами долго преодолевали эти проблемы и несколько раз оказывались на волоске от закрытия. Но тем не менее мы эти проблемы раз за разом решали и теперь хотим научить этому остальных.

Мой предмет в школах — «Интерфейс и информация». Среди тем лекций — технозависимость, привычки, информационные слои, навигация на сайтах (всё из курса «Пользовательский интерфейс и представление информации»). Практические задания — проектирование сайта и интерфейса веб-сервиса. Плюс дипломный проект.

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

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

Сама система образования у нас суперпродвинутая — как наша система работы «Ресурс»: к нам не нужно приходить (или прилетать), всё работает через интернет. Вы изучаете теорию и делаете задания в своём режиме, находясь там, где вам удобно учиться. При этом мы знаем, как контролировать успеваемость и не допускать халявы. Заодно эта система даёт понимание того, как работает бюро.

Посмотрите программу школы. Кажется, если её просто прочитать, уже умнее станешь. Я вообще смотрю и тащусь: сколько всего разного интересного у нас. И это только чтобы стажёром стать. Представляете, сколько ещё всего вас ждёт уже во время работы?

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

Занятия начнутся 28 августа, но набор продлится до конца понедельника 24 июля.