Я в интернете

РСС    Джейсон-фид

Есть автоматические трансляции в Тумблер и Же-же. Если не работает, напишите мне: ilyabirman@ilyabirman.ru.

Позднее Ctrl + ↑

Схема метро Санкт-Петербурга

Вместе с Егором Поповым и Сергеем Чикиным сделали схему метро Санкт-Петербурга в двух вариантах — повседневном и нарядном:

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

Сверху просто какие-то кляксы, а справа тупой водопад.

А у нас — красота! Ну и, конечно, не обошлось без изобретения нового обозначения пересадки.

Читайте о работе и смотрите картинки. А также присылате ошибки, какие найдёте.

Черногория: Порто Монтенегро (часть 1)

Последняя точка перед возвращением обратно в Будву — Тиват. Здесь построили новую крутую марину и назвали её «Порто Монтенегро».

Подплываем:

По прибытии сразу выдают графдизайнерскую карту «города» и графдизайнерский буклет о марине:

Везде новьё:

Красивые понтончики:

Каждой швартовочное место снабжено номерком. Наш — J03:

Одни только кнехты можно фотографировать со всех сторон:

Правда, я не уверен, что такую хрень правильно называть кнехтом. Кнехтов вроде должно быть два?

Но как ещё её назвать? Хрень, на которую намотать верёвку, чтобы лодка не уплывала:

Марина огромная, можно перемещаться на машине:

Катамаран на заправке:

Табличеньки:

Мусорка:

«Служебный блок» — это душ и туалет:

Максимально крутые душ и туалет для марины:

Было дождливо. Хмурый селфик с чаем:

О, солнышко вылезло:

Другое дело:

В общем, марина — отпад:

В следующей заметке — немного фоток снаружи марины.

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

См. также:

Принцип съёмки новых лекций

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

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

А теперь я говорю: «Фотошоп выводит сообщение, что не выбрано ни одного пикселя».

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

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

Приходите к нам учиться.

Фотки с апрельского интерфейсного курса

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

Я рассказываю о том, где живут амурские тигры:

Все слушают, а некоторые ещё и записывают:

Перерыв. Летом ребята общаются на улице:

Рассказываю про информационный мусор на примере редизайна одной из схем:

Коворкафе:

Во время того курса случилась наиболее странная история. Вдруг пришёл Максим Ильяхов и принёс торт:

На торте было написано «Илья». На вопросы «чё за торт» Макс отвечать отказывался и всячески изображал загадочность. У меня была только одна гипотеза (хотя и она не очень убедительная): Максу кто-то подарил торт, в очередной раз забыв его имя, и Макс решил занести его в Коворкафе, а тут у меня курс как раз. И он такой: «о, у меня для тебя торт». Торт был успешно применён в качестве органолептического украшения курса.

Задание:

Кто-то делает в Фотошопе:

Кто-то в Фигме:

Смотрю, чё как:

Во время разбора я всё время чё-то тащу в Фотошоп и показываю, как надо. Судя по отзывам, участники очень любят эту часть, потому что это похоже на представление фокусника:

Диаграмма экспедиций Амундсена и Скотта — моя опора:

Днём — обеды:

А это разбор домашки в последний день:

Ребята показывают свои проекты:

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

До 28 июля открыта запись на августовский курс, приходите!

Эгея 2.9 альфа 2

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

Это заметка для того, чтобы ещё раз призвать вас потестировать.

Перед тем как устанавливать или обновляться убедитесь, что у вас прописаны права 0777 ко всем файлам и папкам, включая саму ту, в которую вы ставите Эгею.

Что изменилось за время с первой альфы:

  • изменились названия некоторых параметров конфига, добавились новые (ваш user/config.php может частично утратить актуальность; сверяйтесь с system/config.php);
  • переделалось всё логирование (вместо user/log.txt теперь в папке user/logs/ пишутся разные логи, так что если у движка не будет прав, чтобы создать эту папку и файлы в ней, логов не будет);
  • форма поиска, потерявшаяся в одной из сборок, вернулась;
  • страница тега сломалась в одной из сборок и снова заработала;
  • значительно переписан инсталятор, немножко изменился и его внешний вид;
  • в настройку вернулась ссылка на открытые сессии (для меня самого загадка, зачем и при каких обстоятельствах я её убирал);
  • sitemap.xml стал правильнее;
  • поменялся дизайн и вёрстка экранов серого лимона смерти;

Что тестировать:

  • инсталятор;
  • чтобы в процессе апдайта до 2.9 не вознило ошибок;
  • работу на нестабильном соединении с базой данных;
  • чтобы в случае проблем создавались логи, а в случае их отсутствия — не создавались;
  • чтобы в опенграф правильно попадали картинки, загруженные в заметки, и обложки видосов, использованных в заметках;
  • чтобы нигде не отвалилась Фоторама и аудиоплеер;
  • всё остальное.

Если вам интересно поэкспериментировать, то скачайте, пожалуйста, свежую сборку v3445a, поставьте себе, и попробуйте с ней пожить. Не забывайте, что нет вообще никакой поддержки и даже на несложные вопросы вроде «а в каком файле ты хранишь то-то» я могу отвечать долго. Если в вашем блоге есть хоть что-то ценное, сделайте максимальный бекап. В моём блоге сейчас, конечно же, крутится именно v3445a. Чтобы обновиться, замените /system/ и все подпапки в /themes/.

См. также: Альфа 3.

Вторая часть книги «Дизайн транспортных схем»

Вышли главы «Детализация» и «Свобода». Таким образом, целиком вышла вторая часть книги, «Принцип». Я снял видео с рассказом о ней:

Из рассылки издательства о новых главах:

metro-letter-2c.png

Детализация

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

Свобода

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

Тест по части «Принцип»

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

Некоторые из разворотов второй части. О соответствии линий маршрутам:
book-metro-p139.jpg https://bureau.ru/projects/book-metro/
139

О цветовом кодировании:

174

О геометрии. Сетка углов:

180

О пределах допустимых искажений, связанных с геометризацией:

188

Об ориентации. Монреаль:

208

Об охвате. Можно показывать не всё:

О свободе. Пример исключения на схеме:

Ну и традиционный тест в конце части:
book-metro-p252.jpg https://bureau.ru/projects/book-metro/

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

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

Кстати, подписку можно подарить.

См. также:

Типографика в Тель-Авиве

А вот и снова Тель-Авив. На этот раз всевозможная ивритская типографика, в основном постера и реклама.

На стене пекарни:

На стене другой пекарни:

На музее современного искусства:

На витрине магазина. Тут почти без иврита, просто симпатично:

Совсем без иврита:

Три ценника:

Реклама на остановке:

Постер:

Ещё постер. Текст про 70 лет израилю набран очень классным шрифтом. Кто знает, как называется?

Долбанутые шрифты везде в моде:

Просто приятно смотрится, хотя максимально тупо:

Алеф (א) как X — это кайф. Вообще, все буквы крутецкие:

Ну и рукописная красота. Особенно люблю рукописные айн (ע)

Меню:

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

Вывеска:

Шрифт, но приятный:

Фотографии из зимовки 2017—2018. Во всех заметках про путешествия снизу есть поиск дешёвых авиабилетов. Слетайте в Тель-Авив!

Ещё Тель-Авив:

Ещё иврит:

Ранее Ctrl + ↓