Подписка на блог

В Телеграме помимо ссылок на заметки делюсь околодизайнерскими наблюдениями.

В Твиттере помимо ссылок на заметки пишу всякую чушь.

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

По РСС и Джейсон-фиду трансляции для автоматических читалок

Телеграм-канал

Позднее Ctrl + ↑

Телеграм за неделю 22—28 января 2018

15—21 янв ← → 29 янв — 4 фев

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

Понедельник, 22 января

В продолжение темы лайн-арта, нашёл вот красивую картинку со схемой камеры из Айфона 5S, с сайта Эпла:

Дайджест телеграма за неделю 22–28 января 2018

Леонид Андрухов:

Самый крутой дизайн таблицы Менделеева, который я видел, вот:

Дайджест телеграма за неделю 22–28 января 2018

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

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

Вторник, 23 января

Слева Валерий, справа — Меладзе:

Дайджест телеграма за неделю 22–28 января 2018

У Валерия прям сайт нешуточный:
http://meladze.ru/

(Я случайно)

Надя Кутырева:

Сходила в местный радужный район. На районе радужное всё. Даж кофе.

Дайджест телеграма за неделю 22–28 января 2018

Красиво! (Пить это я, конечно, не буду.)

Логотип тель-авивского музея искусств зачем-то напоминает свастику:

Дайджест телеграма за неделю 22–28 января 2018

Совет о таймерах обратного отсчёта на сайтах:
https://bureau.ru/bb/soviet/20180123/

Такой путь совершает переднее колесо неуправляемого велосипеда, который толкнули вперёд:

Дайджест телеграма за неделю 22–28 января 2018

Отсюда.

Среда, 24 января

Обнаружен крутейший знак польской выставки графических знаков:

Дайджест телеграма за неделю 22–28 января 2018

Четверг, 25 января

(Это про аудио по четвергам.) Я решил, что всё-таки кидать сюда треки целиком опасно. Заблокируют ещё канал за нелегальное распространение музыки, как за порно блокируют. Простите.

Ваня Звягин (один из дизайнеров схемы минского метро) спрашивает, как реализовать анду, если в некоей системе пользователь удаляет страницу, на которой сам как раз находится.

А я как раз давно хотел написать о проблеме с реализацией этого в Гугль-доке. Когда жмёшь File → Move to trash, он показывает такое окно:

Дайджест телеграма за неделю 22–28 января 2018

Оно сообщает, что файл был удалён, но выглядит как окно подтверждения. Человек, скорее всего, не станет его читать, а если он вызвал команду по ошибке, то может подумать, что файл ещё не удалён. То есть он можно просто закрыть браузер, думая, что файл остался (а он уже не остался).

Ещё у меня такое ощущение, что раньше тут действие по умолчанию было «Восстановить», потому что я всё время жал синюю кнопку и обнаруживал, что документ не удалился — хорошо, хоть это починили.

Для сравнения, вот как выглядит удаление разворота в бюрошной книге. Жмём на корзинку в углу:

Дайджест телеграма за неделю 22–28 января 2018
Дайджест телеграма за неделю 22–28 января 2018

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

Дизайнер Евгений Филатов предлагает пиктограмму подземной парковки:

Дайджест телеграма за неделю 22–28 января 2018

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

Традиционное обозначение «в домике» хоть и неэлегантно, но зато работает безотказно:

Дайджест телеграма за неделю 22–28 января 2018

Когда мы делали навигацию в МГИМО, нужно было нарисовать пиктограмму лифта. А это относится к нерешённым задачам дизайна (все пиктограммы лифта или некрасивые, или непонятные, или и то, и то). У нас получилась очень клёвая пиктограмма просто из двух стрелок (справа сверху):

Дайджест телеграма за неделю 22–28 января 2018

Но мы смогли такой обойтись, потому что нигде не нужно было рисовать стрелку рядом с ней. А если бы нужно было, соседство стрелок стало бы проблемой. Так что такая пиктограмма не универсальна.

Парковка Евгения Филатова:
http://www.efilatov.ru/portfolio/parking/

Навигация в МГИМО:
https://bureau.ru/projects/mgimo/

Пятница, 26 января

Клёвый логотип норвежского «Комитета здоровья» (помогают ЛГБТшникам не болеть):

Дайджест телеграма за неделю 22–28 января 2018

Постеры к 695-летию Вильнюса: https://twitter.com/babooshkina/status/956842450391392257

Самый клёвый редизайн Я.ру сделали «Они»:
https://ya.ru/design/ony

Клёвость в том, что выглядит одновременно и свежо-интересно-экспериментально, при этом абсолютно дефолтно и в стиле Яндекса. Прям хоть бери и внедряй.

Так уже веселее. Евгений Филатов:

Знак крытой платной подземной парковки.

Дайджест телеграма за неделю 22–28 января 2018

Если подземная, так вроде по-любому крытая? Дизайнер Илья Харитонов с серьёзным лицом показывает, что это разные вещи (по порядку: крытая, подземная, крытая подземная):

Дайджест телеграма за неделю 22–28 января 2018

Илья вообще всегда показывает вещи с серьёзным лицом:

Я: а покажь, как будет, если все стрелочки с цифрами по правому краю выровнять?
Илья Харитонов: https://telesco.pe/ilyabirman_channel/1924
Илья Харитонов: Показал.

Читатель Сало:

Дайджест телеграма за неделю 22–28 января 2018
Компостеры во Львове

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

 Нет комментариев    840   2018  

Телеграм за неделю 15—21 января 2018

8—14 янв ← → 22—28 янв

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

Понедельник, 15 января

Удивительной тупизны вещь Фейсбук всё же. Вот там, когда пишешь пост, иногда есть такая штука (да, именно иногда):

Дайджест телеграма за неделю 15–21 января 2018

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

Если нажать, она превращается в такое:

Дайджест телеграма за неделю 15–21 января 2018

По умолчанию: Английский.

Что это значит? Я пишу в основном на русском. Куда идёт это умолчание? Фейсбук думает, что я пишу на английском? Он что, не понимает без выпадайки, на каком языке текст?

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

Потом под, зачем-то, огромной линией:

Язык: Выбрать. Отменить

Что за синтаксический ад? В начале было «(Как): (Что)», а тут уже «(Что): (Что сделать)». То есть в первой из двух одинаковых на вид выпадаек я вижу, что выбрано, а во второй написано «Выбрать». Это как если бы на одной кнопке было написано «Сохранить», а на другой — «Нажать». Шизофрения полная.

Дайджест телеграма за неделю 15–21 января 2018

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

Дайджест телеграма за неделю 15–21 января 2018

То есть, видимо, он как-то понял, что у меня русский, поэтому я не могу поменять на русский. Человек, который это проектировал не понимает, что выбранный вариант должен быть в списке, и именно он должен быть написан вместо слова Select.

В верхней выпадайке я заодно поменял на русский. Не знаю, на что это повлияет.

В Фейсбуке интерфейсы проектируют люди, не имеющие вообще никакого представления о проектировании интерфейса.

Эпловский шрифт Сан-Франциско умеет делать «лигатуры» из букв и квадратиков:

Дайджест телеграма за неделю 15–21 января 2018

Вторник, 16 января

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

Теперь посвятил:
https://bureau.ru/bb/soviet/20180116/

Дайджест телеграма за неделю 15–21 января 2018

У Вконтакта почему-то две крутилки, да ещё и разного размера:

Дайджест телеграма за неделю 15–21 января 2018

Среда, 17 января

У Товеровского реклама Лидмашины, причём в очень крутом формате. Рекомендую почитать:
https://ksoftware.livejournal.com/381958.html

Там заодно рекламируется реклама у меня:
«Кстати, а реклама в блоге Бирмана тогда отлично сработала. На весенний набор я ещё одну заказал :-)»

Такой круговорот рекламы. Заказывайте ещё рекламу, хорошая тема.

Израильский знак электроопасности:

Дайджест телеграма за неделю 15–21 января 2018

Четверг, 18 января

Дайджест телеграма за неделю 15–21 января 2018

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

Заодно: нашёл программу Notchify, которая мгновенно выкусывает всё лишнее из скриншота на 10-м Айфоне. Правда, в Телеграм лишнее почему-то отправилось белым, а не чёрным.

Жгун зарецензировал схему «Магистрали» Кости Коновалова:
https://www.artlebedev.ru/kovodstvo/business-lynch/2018/01/18/

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

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

Дайджест телеграма за неделю 15–21 января 2018

Эти часы — очень красивые. Дизайн как на часах швейцарских железных дорог.

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

Рубрика «Отвечу голосом». Как вы относитесь к системе апрувов в команде дизайнеров? Вот у программистов перед коммитом нужно пройти код ревью. Получить хотя бы 3 апрува из пяти, например. Подходит ли такая система дизайнерам? Или это разные истории? Может ли дизайнер, который не был полностью погружён в историю, не поставить лайк и тем самым не пустить работу дальше?

Чтобы задать вопрос в рубрику «Отвечу голосом», надо прийти в чат @ilyabirman_chat и поставить вопросу хештег #вопрос.

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

А вот вам пример красоты, когда эту особенность иврита не пытаются спрятать, а, наоборот, выпячивают:

Дайджест телеграма за неделю 15–21 января 2018

Кстати, рубрика «Это очевидно, но вдруг вы об этом никогда не задумывались». Книги на иврите открываются в другую сторону:

Дайджест телеграма за неделю 15–21 января 2018

Про иврит тут больше, чем кажется нормальным, но пока он меня окружает со всех сторон, занимает голову. Вернусь в Челябинск через пару месяцев — иврита станет сильно меньше.

Пятница, 19 января

Как эффектно демонстрировать переменные шрифты (видео):
https://www.instagram.com/p/BeGFF7WHQsv/

Суббота, 20 января

Дайджест телеграма за неделю 15–21 января 2018

Гардиан переделал писать себя с маленькой буквы и стал таблоидом. Шрифт и главная верстательная фишка с забоем на правило внутреннего и внешнего — остались.

Ещё картинки тут:
https://www.underconsideration.com/brandnew/archives/new_masthead_for_the_guardian.php

Тимур:

Дайджест телеграма за неделю 15–21 января 2018

Мою заметку «Биткоин будет только расти» без спросу подредактировали и перепечатали в газете «Деловой Петербург». Нормально.

Схема электричек Мэриленда:

Дайджест телеграма за неделю 15–21 января 2018

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

Совет о том, что такое графема:
https://bureau.ru/bb/soviet/20160621/

А знаете ли вы, как выглядит флаг Мэриленда? Невероятно, но так:

Дайджест телеграма за неделю 15–21 января 2018

Предыдущий флаг на канале для тех, кто с нами недавно:
t.me/ilyabirman_channel/578

А вот кое-что в продолжение темы моноширинных и немоноширинных цифр. Игорь Штанг опубликовал страничку из книги 1700 года об истории Португалии. В первых колонках таблицы цифры моноширинные, потому что сравнимые. А в последей — немоноширинные, потому что они составляют просто часть текста. См. 1185 примерно в середине листа:

Дайджест телеграма за неделю 15–21 января 2018

Интересная заметка Игоря про дизайн этой таблицы:
https://nobelfaik.livejournal.com/159641.html

Воскресенье, 21 января

Это один из моих любимых знаков. Наглядность и информативность 100%:

Дайджест телеграма за неделю 15–21 января 2018

Интересный шрифт справа. Буквы нестандартных пропорций. R широченная, W узкая; N шире M:

Дайджест телеграма за неделю 15–21 января 2018

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

 1 комментарий    165   2018  

Телеграм за неделю 8—14 января 2018

1—7 янв ← → 15—21 янв

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

Понедельник, 8 января

Дайджест телеграма за неделю 8–15 января 2018
Немного красоты из пекарни
Дайджест телеграма за неделю 8–15 января 2018
Медуза, ты кайф!
Дайджест телеграма за неделю 8–15 января 2018
Весь фидбек к каналу присылайте в чат: @ilyabirman_chat. И научите делать опросы, плиз. На фото — неведомый прибор с блошиного рынка в Яффе

Рубрика «Отвечу голосом»: чем отличается проектирование схемы метро и схемы наземного транспорта?

Вторник, 9 января

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

Написал совет по этому поводу:
https://bureau.ru/bb/soviet/20180109/

Удивительно уродские иконки в новом скайпе. Как будто специально старались сделать как можно хуже:

Дайджест телеграма за неделю 8–15 января 2018

Смотрите, что нашли ребята в чате. У «Шаболовской» латиница поменялась местами с кириллицей, видимо, чтобы кириллица не слиплась с кружком «Октябрьской». Офигенно!

Дайджест телеграма за неделю 8–15 января 2018

Среда, 10 января

В связи с последними событиями в мире графического дизайна вспомнил две старых заметки про ромбы. Одна:
https://ilyabirman.ru/meanwhile/all/red-squares/

И вторая:
https://ilyabirman.ru/meanwhile/all/rhombus/

Пять лет назад мы в бюро зафигачили дизайн мобильного приложения «Связного банка». До сих пор приятно посмотреть:

Дайджест телеграма за неделю 8–15 января 2018

Постепенно все банки слизали наш дизайн с листалкой продуктов сверху и информацией о продукте снизу:

Дайджест телеграма за неделю 8–15 января 2018

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

О проекте на сайте бюро:
https://bureau.ru/projects/svyaznoy-iphone/

Пошёл листать другие проекты для «Связного» и нашёл ещё красоты:

Дайджест телеграма за неделю 8–15 января 2018

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

Дайджест телеграма за неделю 8–15 января 2018

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

Миша Нозик:

Меню:

Дайджест телеграма за неделю 8–15 января 2018

Зато смотрите, какая крутая иконка «Войти»!

Четверг, 11 января

Как люди воспринимают информацию. Я сегодня проводил воркшоп про дизайн веб-форм в Гугль-кампусе. Один чувак пришёл и был уверен, что будет что-то про Гугль-формы (программа для проведения опросов и тестов).

А ещё там навигация такая:

Дайджест телеграма за неделю 8–15 января 2018

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

Илья Пеняев:

Круто, линейные размеры терминала — в минутах ходьбы:

Дайджест телеграма за неделю 8–15 января 2018

Кто забыл, это офигенный логотип шахматного чемпионата 2018:

Дайджест телеграма за неделю 8–15 января 2018

Сегодня встретились с Ильёй Мерензоном, главой World Chess. Я спросил, почему логотип получился именно таким. Илья:

Я хотел, чтобы было про двоих людей и провокационно. Шум получился из-за того, что люди подумали, будто мы даже не заметили сексуального подтекста. Хоть этот логотип мы и используем везде, мы сделали ещё безопасную версию, и именно её называем „официальной“. Например, на приглашениях для английской королевской семьи мы поставим „официальный“ логотип, потому что там этот будет не очень уместен. Но этот прекрасно работает на пиар шахмат, мы продаём мерч, у нас уже купили сотни плакатов арт-директора разных крутых фирм, например Адидаса. Нам важно, чтобы у людей было ощущение, что шахматы — это круто и интересно, это привлекает людей, мы получаем больше спонсорских контрактов. Вообще, наше внимание к дизайну очень хорошо окупается.

На вопрос о логотипе «Универсальной логистики» (к которому Илья как раз не имеет никакого отношения), он ответил: «Мне понравилось».

Силами чатика изготовили спецверсию логотипа для арт-директора Адидаса:

Дайджест телеграма за неделю 8–15 января 2018
Дизайнер — Дмитрий Сивухин

Суббота, 13 января

Дайджест телеграма за неделю 8–15 января 2018
Три симпатичных плаката с витрины
Дайджест телеграма за неделю 8–15 января 2018
У лейбла «Каподопере» все обложки — с цветами. Издают диптек

Когда-то я рисовал такую картинку для бюрошного концепта умной парковки:

Дайджест телеграма за неделю 8–15 января 2018

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

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

А Артём попросил обвести жирным всё по периметру.

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

Тогда Артём показал мне клёвую ПДФку, объясняющую разное про толщины линий на таких иллюстрациях:

Дайджест телеграма за неделю 8–15 января 2018

A — это контур, он жирный, тут всё ясно.

B — это встреча двух видимых поверхностей под углом, тонкая линия.

C — снова контур; хоть и внутри объекта, но через него видно фон, поэтому он жирный.

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

E — самая странная линия, потому в ближней к нам части она похожа на D, а в дальней — на B, и возникается неприятный скачок.

F — тонкие линии для передачи формуы и остроты лезвий.

Дайджест телеграма за неделю 8–15 января 2018

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

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

Но самое моё любимое тут — это объяснение особого значения контура в иллюстрации; почему он должен быть жирнее всего остального:

Дайджест телеграма за неделю 8–15 января 2018

Я всегда нахожу этот документ по словам «focal discontinuity», потому что они врезались мне в мозг тогда и всё стало понятно. Ну и звучит красиво.

Проект про парковку (восемь лет назад!):
https://bureau.ru/projects/parking/

Line thickness, a means of expression, by Conrad Taylor:
http://www.conradiator.com/resources/pdf/Linethicknesses.pdf

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

 1 комментарий    66   2018  

Телеграм за неделю 1—7 января 2018

25—31 дек ← → 8—15 янв

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

Ещё в прошлом дайджесте мы не догадались, что аудио тоже можно выкладывать, поэтому задним числом публикую ответ на прошлогодний вопрос Сергея Пономаренко:

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

Понедельник, 1 января

Дайджест телеграма за неделю 1–7 января 2018
Табличка «Осторожно, ступенька» в блинной
Дайджест телеграма за неделю 1–7 января 2018

Почему «Позвони», «Назначь», но «Запустить», «Сказать»? Почему нельзя привести примеры к одной форме хотя бы на демоэкране? Или, если нужно проиллюстрировать, что можно говорить как угодно, почему не сделать, наоборот, все в разной форме? Вообще, синтаксически команда требует глагола в начальной форме («Сидеть!»), но общение с виртуальным помощником воспринимается не как команды, а скорее как просьбы и вопросы. Так что «Запустить» и «Сказать» — в топку.

Занял высокое место в неведомом рейтинге:
https://tagline.ru/personalities-rating/2017/

Вторник, 2 января

Дайджест телеграма за неделю 1–7 января 2018

У меня вышел 100500-й совет про транспортные схемы. Дмитрий спросил про «решения для пучка маршрутов, которые в обратном направлении пропускают одну-две остановки»
https://bureau.ru/bb/soviet/20180102/

Сравнение — важнейший инструмент визуализации данных. Вот, например, наглядное сравнение разных видеоформатов.

Дайджест телеграма за неделю 1–7 января 2018

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

Дайджест телеграма за неделю 1–7 января 2018

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

А вот плакат, который я сфоткал года три назад в Таллине:

Дайджест телеграма за неделю 1–7 января 2018

Сергей Голубенко:

Вопрос в рубрику «Отвечу голосом». Есть ли проблема в отсутствии обратной связи при копировании текста (Cmd+C)? Если да — как решать? Если нет — то почему?

Среда, 3 января

Дайджест телеграма за неделю 1–7 января 2018

Пример того, насколько бессмысленной может быть круговая диаграмма.

Мало того, что КД всегда зло, потому что в ней ничерта нельзя понять и сравнить, так тут ещё и от неё оставлено только кольцо, при этом сравнивается полтора десятка объектов.

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

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

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

Дайджест телеграма за неделю 1–7 января 2018

Такое ощущение, что формулировку утверждали у замдекана автотракторного факультета. Миллион слов и почти ничего по делу.

Можно было бы написать: «Переводы выполнятся после 9 января» и всё.

А писать «Счастливого Нового года» тут вообще неуместно, выглядит как издёвка. Банк не работает, но вы держитесь, хорошего вам настроения.

Если в вашей компании так пишут или делают такие графики, перешлите это тем, кто это делает. И присылайте ещё примеры, я вам про всё объясню, как нормально делать.

Дайджест телеграма за неделю 1–7 января 2018
Забавно, что для парковки человечество не придумало никакого знака и пишет букву P. А это зацеплялка поводка около магазина

На прошлой неделе я отвечал голосом о том, как отношусь к пуш-уведомлениям на сайтах. А вот как подключить пуш-уведомления предлагает «Саундклауд»:

Дайджест телеграма за неделю 1–7 января 2018

Безо всяких модальных окон, когда я уже провёл на сайте полчаса, скромненько показывает мне предложение включить уведомления, сразу же объясняя пользу от них: «so you know what’s playing». Поскольку окно не модальное, оно никак не мешает мне переключать треки или делать что угодно ещё, поэтому у меня нет желания его срочно закрыть, я могу прочитать и обдумать предложение.

Если у вас или у ваших знакомых сайт, который при открытии сразу предлагает включить уведомление, вам или вашим знакомым большой привет!

На днях мы тут встречались с Даниилом Соколовским (Daniel Lesden), пситрансовым музыкантом и диджеем, и он интересовался размещением рекламы своего канала у меня в канале. Пока он думает, я решил сам рассказать про его канал.

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

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

Дайджест телеграма за неделю 1–7 января 2018
Serum, Xfer, $189
Дайджест телеграма за неделю 1–7 января 2018
Spire, Reveal Sound, $189

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

Четверг, 4 января

Дайджест телеграма за неделю 1–7 января 2018

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

Древняя, но вечно актуальная статья Артёма о псевдокривых:
https://bureau.ru/bb/information/pseudo/

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

Мы ещё про это на курсе «Пользовательский интерфейс и представление информации» говорим, конечно.

Пятница, 5 января

В декабрьской заметке «Транспортные детали Лондона» Варламов показывает некие новые навигационные стелы на «Кингс-кроссе»:

Дайджест телеграма за неделю 1–7 января 2018
Дайджест телеграма за неделю 1–7 января 2018

Красивые — это понятно. Но интересно, что в Лондоне сто лет была другая уличная навигация, типа такой:

Дайджест телеграма за неделю 1–7 января 2018

Называется «Леджибл Лондон»:
http://appliedwayfinding.com/projects/legible-london/

За много лет она проникла даже в самые спальные районы. Она использует шрифт Джонстон и явно пытается быть частью транспортной инфографики. Снизу даже логотип ТФЛ стоит.

На варламовских фотках ничего такого нет.

Интересно, что сподвигло Лондон начать менять навигацию? Я сначала подумал, что, может, это какая-то локальная штука именно в этом районе, но Илья говорит, что встречал такие и в других местах.

Кто в курсе? Расскажите.

Пост Ильи:
https://varlamov.ru/2699039.html

Дайджест телеграма за неделю 1–7 января 2018
Аймак-про под капотом

Суббота, 6 января

Серёга Чикин дело говорит:

Александр Путилин:

Дайджест телеграма за неделю 1–7 января 2018

Принёс милоты. Оказывается, земной шар на иконке для нотификаций поворачивается, если поехать на запад/восток.

Воскресенье, 7 января

Вопрос от читательницы Mary: «Привет, Илья! Расскажите про трекинг в вертикальных вывесках. Мне кажется, на примере, в горизонтальной надписи, вполне все удалось, а вот вертикальная плохо смотрится»

Дайджест телеграма за неделю 1–7 января 2018

Вертикальная плохо смотрится, потому что шрифт никто не дизайнил для этого.

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

Вся наша письменность устроена исходя из горизонтальности строк. Не очень понятно, как вообще можно сдизайнить шрифт, чтобы буквы g·t·y·w смотрелись ровно друг под другом. Будут цепляться выносными элементами, столбик будет переменной ширины.

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

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

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

Дайджест телеграма за неделю 1–7 января 2018

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

Но вот разворот из японского журнала, где всё вертикальное. Выглядит офигенно:

Дайджест телеграма за неделю 1–7 января 2018

Заодно зацените шрифт «Нихон»:
https://www.behance.net/gallery/19004863/Nihon-Typeface

Дайджест телеграма за неделю 1–7 января 2018

В чате сообщают: «Интересно, что в японском вертикальный текст читается справа налево. И если книжка набрана вертикально, то она открывается с изнанки и листается справа налево. Если текст горизонтальный, тогда все по-западному, слева направо».

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

 3 комментария    80   2018  

Телеграм за неделю 25—31 декабря 2017

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

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

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

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

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

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

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

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

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

Дайджест телеграма за неделю 25–31 декабря 2017

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

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

Дайджест телеграма за неделю 25–31 декабря 2017

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

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

Дайджест телеграма за неделю 25–31 декабря 2017

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

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

Дайджест телеграма за неделю 25–31 декабря 2017

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

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

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

Дайджест телеграма за неделю 25–31 декабря 2017

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

Дайджест телеграма за неделю 25–31 декабря 2017

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

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

Дайджест телеграма за неделю 25–31 декабря 2017

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

Дайджест телеграма за неделю 25–31 декабря 2017

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

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

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

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

Дайджест телеграма за неделю 25–31 декабря 2017
Творчество из чата под названием «в Китае тоже много евреев»
Дайджест телеграма за неделю 25–31 декабря 2017

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

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

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

Дайджест телеграма за неделю 25–31 декабря 2017
Дайджест телеграма за неделю 25–31 декабря 2017

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

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

Дайджест телеграма за неделю 25–31 декабря 2017

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

Дайджест телеграма за неделю 25–31 декабря 2017

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

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

Дайджест телеграма за неделю 25–31 декабря 2017

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

Дайджест телеграма за неделю 25–31 декабря 2017

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

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

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

Дайджест телеграма за неделю 25–31 декабря 2017

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

Дайджест телеграма за неделю 25–31 декабря 2017

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

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

 Нет комментариев    35   2018  

Телеграм за неделю 17—24 декабря 2017

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

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

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

Дайджест телеграма за неделю 17—24 декабря 2017

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

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

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

Дайджест телеграма за неделю 17—24 декабря 2017

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

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

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

Дайджест телеграма за неделю 17—24 декабря 2017

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

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

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

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

Дайджест телеграма за неделю 17—24 декабря 2017

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

Дайджест телеграма за неделю 17—24 декабря 2017

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

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

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

Дайджест телеграма за неделю 17—24 декабря 2017

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

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

Дайджест телеграма за неделю 17—24 декабря 2017

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

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

Дайджест телеграма за неделю 17—24 декабря 2017

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

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

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

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

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

Дайджест телеграма за неделю 17—24 декабря 2017

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

Дайджест телеграма за неделю 17—24 декабря 2017

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

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

Дайджест телеграма за неделю 17—24 декабря 2017

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

Дайджест телеграма за неделю 17—24 декабря 2017

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

Дайджест телеграма за неделю 17—24 декабря 2017

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

Дайджест телеграма за неделю 17—24 декабря 2017

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

Дайджест телеграма за неделю 17—24 декабря 2017

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

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

Дайджест телеграма за неделю 17—24 декабря 2017

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

Дайджест телеграма за неделю 17—24 декабря 2017

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

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

 2 комментария    35   2017  

Телеграм за неделю 7—13 августа 2017

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

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

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

Дайджест телеграма за неделю 7-13 августа 2017

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

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

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

Дайджест телеграма за неделю 7-13 августа 2017

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

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

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

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

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

Дайджест телеграма за неделю 7-13 августа 2017

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

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

Дайджест телеграма за неделю 7-13 августа 2017

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

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

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

Дайджест телеграма за неделю 7-13 августа 2017

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

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

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

Дайджест телеграма за неделю 7-13 августа 2017

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

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

Дайджест телеграма за неделю 7-13 августа 2017

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

Дайджест телеграма за неделю 7-13 августа 2017

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

Дайджест телеграма за неделю 7-13 августа 2017

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

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

Дайджест телеграма за неделю 7-13 августа 2017

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

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

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

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

Дайджест телеграма за неделю 7-13 августа 2017

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

Дайджест телеграма за неделю 7-13 августа 2017

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

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

Дайджест телеграма за неделю 7-13 августа 2017

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

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

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

Дайджест телеграма за неделю 7-13 августа 2017

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

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

 1 комментарий    63   2017  

Телеграм за неделю 11—17 декабря 2017

4—10 дек ← → 17—24 дек

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

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

«Инк» такой:

Дайджест телеграма за неделю 11–17 декабря 2017

Мысль хорошая, но интересно, что всё, что я могу тут видеть, это адок снизу. Сразу чувствуется, что кофе там дадут не лучше, чем сверху.

Сверху-то видно, что просто набрали в Ворде и напечатали, без изысков. А снизу попытались сделать «дизайн», при этом поставили всё максимально криво.

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

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

Дайджест телеграма за неделю 11–17 декабря 2017

А сейчас я сижу в любимом «Кафеликсе», тут довольно похожая эстетика:

Дайджест телеграма за неделю 11–17 декабря 2017

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

Дайджест телеграма за неделю 11–17 декабря 2017
Дайджест телеграма за неделю 11–17 декабря 2017

Страница о проекте с кучей фоток:
http://chrisfox.com.au/interloop/

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

Новый стандарт (пока предварительный) включает невероятный дорожный знак рубля:

Дайджест телеграма за неделю 11–17 декабря 2017

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

Дайджест телеграма за неделю 11–17 декабря 2017

А трамваи стали рисовать с неправильным пантографом (надо его делать в виде ромба для безошибочной узнаваемости, несмотря на то, что это вид спереди):

Дайджест телеграма за неделю 11–17 декабря 2017

Знак «Тут жесть, езжайте в другое место»:

Дайджест телеграма за неделю 11–17 декабря 2017

Это очень красивая карта национального парка «Йеллоустоун»:

Дайджест телеграма за неделю 11–17 декабря 2017

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

Студентка Ирина Волкова обратила моё внимание на то, что это ошибка — никакие это не изолинии. Я спросил, почему же не изолинии. Ну, то есть, может и нет, но откуда она знает?

Ирина объясняет: «Форма линий не похожа на природный рельеф. Разве что на антропогенный. Линии точно повторяют контур береговой линии и островов, а на стыке образуют странные остроугольные формы. Подводный рельеф не может полностью повторять надводные формы. Я не нашла карты с настоящими изолиниями на Йеллоустонское озеро, но есть несколько цифровых моделей рельефа (ЦМР). По ним можно представить, как идут линии, соединяющие одну глубину. Я сделала примерный рисунок изолиний на небольшом куске по ЦМР»

Картинка:

Дайджест телеграма за неделю 11–17 декабря 2017

Чуть позже Ирина нашла настоящую карту этого озера с изолиниями:

Дайджест телеграма за неделю 11–17 декабря 2017

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

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

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

Читательница и студентка Школы стажёров Ирина спрашивает: «Есть название и два чекбокса. По правилу они должны располагаться в столбик, но подиси чекбоксов — это располочение полочек слева и справа. Когда они стоят в ряд, мне как человеку, который постоянно путает право и лево быстрее сориентироваться когда они стоят в соответствии своим подписям — в ряд. Что делать, как правильно?»

Дайджест телеграма за неделю 11–17 декабря 2017

Сначала о том, что за правило. Вот кусок совета о теории близости в интерфейсе:

Дайджест телеграма за неделю 11–17 декабря 2017

Совет целиком:
http://bureau.ru/bb/soviet/20160503/

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

Пример, когда чекбосы в строку взрывают мозг:

Дайджест телеграма за неделю 11–17 декабря 2017

Хрен поймёшь, где какой день недели.

Но в нашем-то случае, где речь о пространственном расположении, конечно же нужно их поставить по сторонам :-) Это про естественное соответствие Нормана.

Дайджест телеграма за неделю 11–17 декабря 2017

Это картинка про то, как мучаются люди из-за того, что между расположением ручек и конфорок нет естественного соответствия.

А вот пример того, как используют естественное соответствие продвинутые ребята:

Дайджест телеграма за неделю 11–17 декабря 2017

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

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

На днях я писал про новый предварительный стандарт дорожных знаков. Наверное многие из вас подумали: «Бирман ваще уже, перепосчивает сюда новости с Тёминого ЖЖ. Ясен пень, мы там уже сами прочитали».

На самом деле я несколько отстал от РССа и Тёмин пост про это прочитал только сегодня. Тот факт, что Студия имеет к этому отношение, объясняет и знак рубля (кайф), и Директ в качестве рекомендуемого шрифта (левак). (Я ещё подумал, когда листал стандарт: какого хрена тут делает Директ?)

Директ — замечательный шрифт сам по себе. Вот картинка из Тёминого ЖЖ, простите уж:

Дайджест телеграма за неделю 11–17 декабря 2017

Но я считаю, что ГОСТовский шрифт русских знаков надо спасти от забвения. Должен найтись хороший шрифтовик, который его качественно оцифрует и подарит обществу.

Я использовал его на своём знаке о парковке на газонах:

Дайджест телеграма за неделю 11–17 декабря 2017

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

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

Я нашёл уникальный музейный экспонат. В 2009-м году я отправлял Опере письмо с критикой её интерфейса, сделанного жопой вместо рук:

Дайджест телеграма за неделю 11–17 декабря 2017

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

 2 комментария    60   2017  

Телеграм за неделю 4—10 декабря 2017

27 ноя — 3 дек ← → 11—17 дек

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

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

Иван Акулов (с которым мы делаем Лайкли) показывает клёвые таблички:

Дайджест телеграма за неделю 4–10 декабря 2017

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

Смотрите, какой логотип:

Дайджест телеграма за неделю 4–10 декабря 2017

И ещё у меня новый совет про схемы метро. Как выбрать формат:
http://bureau.ru/bb/soviet/20171205/

Иконка женского туалета в мэрии Тель-Авива:

Дайджест телеграма за неделю 4–10 декабря 2017

И мужского:

Дайджест телеграма за неделю 4–10 декабря 2017

К моей заметке про иконку человечка читатель Артём задаёт вопрос: «А почему в сете „Секьюриджа“ иконка юзера имеет большую толщину линии, нежели у остальных иконок?»

Речь вот об иконке «Ответственные» в середине этой картинки:

Дайджест телеграма за неделю 4–10 декабря 2017

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

Вот кусок интерфейса. Тут весь текст набран обычным начертанием, и иконки тонкие:

Дайджест телеграма за неделю 4–10 декабря 2017

А ответственные играют роль заголовка блока, наравне с «Монтажом» и 26 сентября:

Дайджест телеграма за неделю 4–10 декабря 2017

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

У Марка Родионова суперважная мысль о том, что делать, если по ходу большого проекта придумываются всё новые улучшения, хотя уже давно согласовали другой вариант:
https://www.facebook.com/mark.rodionov.9/posts/10211588271322166

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

Так выглядят автомобильные номера в Иллинойсе:

Дайджест телеграма за неделю 4–10 декабря 2017

Дизайнеры возмутились и нарисовали своих вариантов. Например вот этот ничего:

Дайджест телеграма за неделю 4–10 декабря 2017

Но вообще, совершенно американский дизайн. Невозможно представить, чтобы в Европе автомобильные номера выглядели как упаковка шоколада или туалетной бумаги. А в штатах — легко:
https://medium.com/words-for-life/illinois-has-the-single-worst-license-plate-in-the-country-64018d987e91

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

Знак инвалидной парковки немножко похож на серп и молот:

Дайджест телеграма за неделю 4–10 декабря 2017

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

 Нет комментариев    54   2017  

Телеграм за неделю 27 ноября — 3 декабря 2017

20—26 ноя ← → 4—10 дек

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

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

Идёт запись на курс «Пользовательский интерфейс и представление информации» 16—20 декабря в Москве, приходите:
http://bureau.ru/educenter/ui/

Среда, 29 ноября

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

Слева снизу — пример сочетания с логотипом Ролекса. Эта полочка — стандартный элемент логотипа на случай, если к нему нужно присобачить ещё один логотип.

Дайджест телеграма за неделю 27 ноября—3 декабря 2017

На стадионе:

Дайджест телеграма за неделю 27 ноября—3 декабря 2017

Логотип выбирали из кучи вариантов. Собрали целую книжку из них:

Дайджест телеграма за неделю 27 ноября—3 декабря 2017

Статья:
https://www.creativereview.co.uk/formula-1-unveils-new-identity-wieden-kennedy-london/

Разумеется, всё это сразу же попало в мою коллекцию (рассказывал на прошлой неделе) с нужными тегами, не потеряется:

Дайджест телеграма за неделю 27 ноября—3 декабря 2017

Четверг, 30 ноября

Дептранс Москвы вешает бумажки и плакаты такого типа:

Дайджест телеграма за неделю 27 ноября—3 декабря 2017

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

«Мякинино» закрывается
с 22 августа

Картинку при этом можно сделать и покрупнее. Номер и цвет линии видно на ней, кстати.

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

Дайджест телеграма за неделю 27 ноября—3 декабря 2017

По какому принципу тут выделен «Ленинский проспект», а на предыдущей «Мякинино» выделено не было? Ни по какому, очевидно.

А субботу и воскресенье над картинками вообще сначала не замечаешь. Кажетcя, что если едешь на юг, надо проехать лишнюю станцию, а потом вернуться. И если на север, то же. Но это же замкнутый цикл... (Вот в этот момент замечаешь даты.)

Также информирую о нижеследующем. В соответствии с соображениями повышения человечности в отношении обслуживания на территории ФГУП «Московский метрополитен» надлежит отсранить от работ по информированию пассажиров сотрудников, осуществляющих использование таких языковых формулировок, как «высадку и посадку пассажиров производить не будут» в ситуации, когда более лаконичная форма «не останавливаются» передала бы смысловое содержание сообщения не в менее полной мере.

Ну и до кучи:

Дайджест телеграма за неделю 27 ноября—3 декабря 2017

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

Картинка нарисована ужасно. Из-за того, что форма выносок перекликается с формой линий, они смешиваются и запутываются в глазах.

При этом на концах выносок какие-то южные вестибюли, которые никто не понимает, а названия станций не указаны.

Читатель Александр присылает свой вариант:

Дайджест телеграма за неделю 27 ноября—3 декабря 2017

Тут главная жопа в том, что Красногвардейская не красная, а зелёная. Так путать пассажиров нельзя :-)

Несколько разворотов из новой книги Гордона:
https://img.artlebedev.ru/izdal/o-yazyke-kompozitsii/o-yazyke-kompozitsii-18-25.pdf

Красота:

Дайджест телеграма за неделю 27 ноября—3 декабря 2017

В том числе и тут всё хорошо. Есть чему поучиться:

Дайджест телеграма за неделю 27 ноября—3 декабря 2017

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

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

Дайджест телеграма за неделю 27 ноября—3 декабря 2017

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

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

Здесь в Тель-Авиве есть клуб «Блок», у которого всегда симпатичные афиши в узнаваемом стиле. В пятницу вот хочу сходить на Лена Факи:

Дайджест телеграма за неделю 27 ноября—3 декабря 2017

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

Дайджест телеграма за неделю 27 ноября—3 декабря 2017

Ещё пример их афиши:

Дайджест телеграма за неделю 27 ноября—3 декабря 2017

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

 Нет комментариев    26   2017  
Ранее Ctrl + ↓