17—24 дек ← → 1—7 янв

С наступившего года в моём канале в телеграме можно размещать рекламу. А ещё появился чат при канале и рубрика «Отвечу голосом». Это такие блиц-советы: вы спрашиваете в чате канала что-нибудь, а я беру телефон и отвечаю.

Так что подписывайтесь, будет интересно!

А вот как выглядела прошедшая неделя:

Понедельник, 25 декабря

Умер великий Андрей Зализняк. Я надеялся когда-нибудь с ним встретиться — прийти на открытую лекцию или что-нибудь такое, задать вопросы потом. Но не успел.

Я публиковал некоторые его лекции со своими записями, они в блоге по тегу «Зализняк»:
https://ilyabirman.ru/meanwhile/tags/zaliznyak/

Самая интересная из них для меня была — про ударение в русском языке.

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

Больше фоток и статья:
https://www.designboom.com/design/mad-architects-invisible-border-milan-design-week-interni-2016/

А вот какие бывают транспортные схемы. Всем графемам графема:

Это Алмере, Нидерланды. Вот совет про то, что такое графема:
https://bureau.ru/bb/soviet/20160621/

Вторник, 26 декабря

Прикол, на детской площадке на улице такое. Какая-то игра, наперегонки гонять по виртуальной трассе на велотренажёрах.

Среда, 27 декабря

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

Четверг, 28 декабря

Знакомлюсь с работами Андрея Зализняка:

Отсюда (со с. 36):
http://inslav.ru/sites/default/files/editions/2013_slavica_svetlanica.pdf

Этот знак подумываю упереть с собой в Челябинск как-нибудь.

А вы обращали внимание на то, как работает Ютюб на медленном интернете? Видео начинает играть раньше появления всего остального. Остальной интерфейс сайта появляется позже:

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

Без этого кнопка Next не работает. И это мегатупняк. Я бы хотел просто создать пустой чатик и кинуть в канал ссылку на него.

В общем, я уже несколько раз заходил в этот экран, не мог мгновенно придумать, кого добавить, и выходил.

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

В итоге у нас теперь есть чат:
https://t.me/ilyabirman_chat

Творчество из чата под названием «в Китае тоже много евреев»

Нормальный заголовок был бы: «Первые поезда с этой станции». Про дебильность самой таблицы и говорить нечего.

Пятница, 29 декабря

Ещё знак, который нужно упереть:

30.12-3.01 → С 30 декабря по 3 января. Не надо зашифровывать даты.

Вот ещё вам кайф из чата:

И ещё. Порассматривайте кнопочки. Красота-красота:

Суббота, 30 декабря

Читатель Meerov пишет: «Крот на стройке с-бана показывает где можно рисовать. Остальной забор чистый» —

Ещё красота. Константин Дубровский прислал:

Сергей Пономаренко:

@ilyabirman, вопрос к вам в рамках рубрики «Отвечу голосом». Как относитесь к пуш-уведомлениям на сайтах и планируете ли добавлять их в Эгею?

Воскресенье, 31 декабря

Круто: номер дома выкушен из стены. Кадр из фильма «Френк и Лола» не смотрел, в чате принесли).

Новогодняя задачка: переверстать кадр, предшествующий обращению президента. В качестве ФИО впишите любого президента. Приносите в чат.

Дайджест подготовил Иван Ветошкин. С наступившим!

Самая непонятная фигня — это когда люди берут в нормальном кофейном месте кофе и какую-нибудь выпечку к нему: булочку, маффинчик, коричневяшечку.

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

Слово шекель (שקל) того же корня, что слово לשקול [лишколь], означающее «взвешивать». ל [ли] в начале — это просто показатель инфинитива глагола. То есть корень ש·ק·ל несёт смысл определения веса.

Тем временем, scale по-английски «весы». Напрашивается предположение о связи шекеля со шкалой (в том, что «шкала» — это scale, сомнений у меня что-то совсем нет).

Но совпадение, похоже, случайно: scale, как пишут, «from Old Norse skal „bowl, drinking cup“», а שקל, как пишут, «from שָׁקַל‏ (shakál, „to weigh“), from Akkadian (непередаваемый знак) (šiqlu)». Слова по смыслу расходятся.

Ещё я вроде бы раскусил знак шекеля (₪). Видимо, это так склеились буквы ש и ח означающие שקל חדש («новый шекель»).

Между прогрессив-трансом и техно обнаружено такое:

Бас так клёво перекатывается под языком.

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

Если бы решал я, я бы, конечно, продолжал называть это Каховской линией и не трахал бы мозг. И Калининскую бы продолжал называть Калининской несмотря на новый юго-западный радиус. Точно так же, как Сокольническая осталась Сокольнической несмотря ни на что (не знаю уж, как её название выжило в московском безумии).

Если бы было требование использовать слово «кольцевая» в названии, то её надо было бы назвать «Южной кольцевой» (а МЦК переименовать в «Северную кольцевую»).

11—17 дек ← → 25—31 дек

Вот как выглядела прошедшая неделя в моём канале в телеграме:

Понедельник, 18 декабря

У меня очередной курс, ребята делают задание на дизайн таблиц и графиков. А вчера мы сделали небольшое открытие, щас расскажу.

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

Но Эплы недавно внедрили новые системные шрифты на Ай-ОСе, а потом и на Маке — семью СФ (что означает San Francisco и System Font одновременно). И в СФ цифры как раз не моноширинные. Потому с ними приходится быть более осторожными. Вероятно, некоторые из вас замечали, что часы в ПВУ на Маке иногда немного прыгают при смене цифр, потому что ширина текстовой строки меняется. Рассказываю это и зумлюсь в свои часы, чтобы поймать этот момент и все увидели. Дожидаемся 11 секунд, которые должны быть у́же, чем другие числа, а часы не прыгают:

(Тут 11 минут, потому что это я уже потом сфоткал после курса. Но тут видно, что цифры 11 стоят довольно далеко друг от друга, хочется поставить поближе)

Вообще, в СФ есть версия с моноширинными цифрами, и я подумал, что, может, в одном из апдейтов Макоса они поменяли шрифт в часах, чтобы избавиться от прыжков.

Но оказалось, что всё хитрее! Если отключить отображение секунд, то шрифт обратно меняется на вариант с разными цифрами. Смотрите:

Обратите внимание, что цифры 11 стоят намного плотнее, чем на прошлом скриншоте. Кстати, 18 тоже выглядит по-разному.

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

Внимание к деталям.

Раз уж заговорили о моноширинном и не моноширинном. Не понимаю, как можно было набрать эту фамилию не моноширинным шрифтом:

Вторник, 19 декабря

В Москве как будто бы уже есть дорожные знаки маленького формата.

Среда, 20 декабря

Нашёл логотип «Вокмана» на иврите:

Сидим разбираем домашку с участниками курса. Вдруг заходит невозмутимый Ильяхов с бутылкой. Нормально.

А это иконка «переименовать»:

Четверг, 21 декабря

Можно предположить, что это схема метро Тель-Авива:

А на самом деле это схема израильских железных дорог. Всех.

Пятница, 22 декабря

Чтобы не писать пост:

Сергей Король: А ты видел какая клевая анимация авиарежима в новом айфоне?
Я: Нет вроде. Попробовал щас и не понял, чем отличается от старого
СК: Там самолетик такой пролетает. Раньше же не пролетал вроде
Я: Всегда пролетал. Щас подальше летит :-)
СК: Сейчас дримлайнер!
Я: А, я не узнал. Спасибо!
СК: (я шучу)
Я: (а я нет)
СК: (я уже тоже нет)
Я: Мне нравится как щас батарейка вспучивается, когда втыкаешь в розетку. И потом такая уыть обратно
СК: Да!
Я: Или наушнички загораются, когда подключаешь
СК: Напиши пост!
Я: Не могу же я про всё пост писать!

Серёга Чикин рисует по одной иконке в день. Саморез крутющий получился.

Совершенно правильную мысль высказал Илья Варламов (уважаемые читатели подсказывают, что твит краденый):

Суббота, 23 декабря

Вы, конечно, уже видели логотип шахматного чемпионата — 2018:

Вообще, у них там вся графика последние годы запредельно крутая. Вот логотип самой World Chess, например:

Какая-то ещё штука:

Некий постер:

Оформление матча:

На сайте «Агона», который занимается мировыми шахматами, даже есть страница про дизайн, правда, какая-то заброшенная:
http://www.agonlimited.com/design-of-chess-tournaments/

Воскресенье, 23 декабря

Ну так же нельзя! Или доставим-измерим-установим, или доставка-выезд-установка

Студент Школы стажёров пытается мне что-то сказать этим фрагментом курсача. А ещё смотрите, сколько тут разных цветов, шрифтов и стилей. Хочется всё успокоить, «смешать комки»

Дайджест подготовил Иван Ветошкин.

Мне написал Дмитрий Капранов, который недавно рекламировал здесь свой блог:

Илья, добрый день!

Прошла неделя с тех пор, как был размещен мой рекламный пост, хочу поделиться впечатлениями.

Я доволен результатами. За неделю по ссылкам в заметке перешло около 900 пользователей. Таким образом, каждый переход обошелся мне в 8,8 рублей. Аудитория отзывчивая — комментирует, подписывается через РССки и заходит повторно.

Хочу поблагодарить за такую возможность. Думаю, что в будущем можно будет сделать ещё что-нибудь, например, рекламу в другом формате.

Спасибо!

Кстати о рекламе в другом формате. Давным давно можно стать спонсором рубрики «Что почитать на выходных». Точно так же можно стать спонсором другой рубрики, например «Аудио по четвергам» или «Видео по вторникам».

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

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

Предыдущие отзывы рекламодателей: раз, два.

Вот:

1. Designing Hebrew Type.
2. Reachability by overscrolling. Написал в английском блоге о том, как делать интерфейс для Айфона ещё лучше.
3. Software 2.0. Нейросети — это не просто ещё один инструмент в арсенале программиста, а вообще другой вид софта.
4. Как объяснить дедушке веб-аналитику за 5 минут с картинками.
5. «Я вижу в сети много эмоциональных комментариев на мою критику экономической программы Навального». Андрей Мовчан сильно про Навального.

31 июля — 6 авг ← → 14—20 авг

Восстанавливаю архив своего канала в телеграме. Сегодня — неделя 7—13 августа.

Понедельник, 7 августа

Раздватрип последовательно делает свой интерфейс хуже и хуже. Последнее время творится полный ад. Вот что из нарисованного является кнопкой, что полем, а что — просто прямоугольником?

Иногда такую непоследовательность оправдывают красотой, но тут ведь ещё и уродство. Может, вы скажете, зато билеты хорошо продаются? Не исключено, но это признак того, что руководитель — слабый. Сильный руководитель зарабатывает ещё больше, делая хорошее:
http://ilyabirman.ru/meanwhile/all/strength/

Пишу очередной совет про транспортные схемы (не ближайший). Делюсь знанием прямо из Гугль-дока:

А, вот иллюстрированный пост про изгибы за пределами станции:
http://ilyabirman.ru/meanwhile/all/black-and-white-diagrams/

Вторник, 8 августа

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

Совет:
http://bureau.ru/bb/soviet/20170808/

Сливаю вам ещё немного текста, который не войдёт в книгу «Пользовательский интерфейс» из-за жёстких редакционных стандартов:

Среда, 9 августа

Наверное, вы сто раз видели, но вот эволюция логотипа Старбакса:

Кайф в том, как постепенно оставалось самое главное. И становилось всё красивее.

А Серёжа Стеблина в своём канале про Иллюстратор @ne_znal_ai делится ссылкой на музей логотипов холодильников:
http://mloh.ru/

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

А это картина Теодора Жерико «Офицер конных егерей императорской гвардии, идущий в атаку». Я не искусствовед, поэтому не смогу ничего внятного про неё рассказать, но она просто очень крутая — композиция, цвет, детали, вот это всё. Попробуйте посмотреть на неё пару минут внимательно.

Четверг, 10 августа

В одном из вступительных заданий в Школу дизайнеров — такой айфон:

Зачем столько линий — загадка, но я хочу сказать три вещи (наверняка собьюсь со счёта, пока говорю). Во-первых, если вы делаете два скруглённых контура один в другом, то радиусы скругления должны быть разными, иначе на скруглениях возникают утолщения. Щас покажу.

Вот контур с двадцатипиксельными скруглениями:

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

Скругления надо уменьшить. Раз контур скукожился на 10 пикселей, то и скругления надо сделать (20−10=10) десятипиксельными, тогда центр скругления остаётся в той же точке •, что и у внешнего контура:

Во-вторых, скруглять радиусом — это вообще левак. Годится только, когда скругления надо сделать на 2-3 пикселя. См. давнюю заметку про это:
http://ilyabirman.ru/meanwhile/all/metro-line-curves/

Когда скругления сделаны по-честному, а не радиусом, подружить внешнее и внутеннее, чтобы толщина была одинаковой, ещё чуть сложнее. А когда у вас транспортная схема с пучками линий — ещё сложнее.

Это картинка из рассказа Саши Караваева о том, как мы делали схему Челябинских трамваев (тут вторая часть, где как раз о скруглениях в начале; вообще-то читайте целиком):
http://aakaravaev.ru/works/navigation/cheltram-map/process-2/

Наконец, в-третьих, непонятно, зачем рисовать айфон, когда можно взять нарисованный красивый. По этому поводу ещё была такая заметка:
http://ilyabirman.ru/meanwhile/all/no-fake-ui/

Пятница, 11 августа

Случайная красота:

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

Ещё амперсанд пожирнее, чтобы работал как такая точка. Это в Москве.

Суббота, 12 августа

Эту фотку я запостил в Инстаграм. Тут написано «Декоре». Удивительно, как много людей зачем-то берутся писать на дореволюционном русском, не разобравшись в разнице между ером (твёрдым знаком) и ятем (который читался е или и). С ятем на конце слово декоре — это декор в предложном падеже (говорилъ о декорѣ).

Всё о яте:
http://ilyabirman.ru/meanwhile/all/yat/

Воскресенье, 13 августа

Помимо того, что непонятно кому звонить, если что, забавно ещё и то, что машинист — это в т. ч. train operator.

Дайджест подготовил Вениамин Векк.

У Варламова про директора канцелярии дома Романовых (понятия не имею):

Он назвал действия Поклонской «смешными и нелепыми» и заявил, что она пребывает в «печальном состоянии души и ума»

И ещё:

За неё надо молиться, чтобы господь ей послал разумение.

Красиво говорит!