Позднее Ctrl + ↑

Знаки, вывески и таблички Гамбурга

Уличные таблички уже смотрели. А вот ещё красивая табличка на доме:

Мост подписаны так:

И так:

Белое на белом:

Закос под автономер. Майдан:

Частная парковка:

Велопарковка. В этой вёрстке даже что-то есть:

Угол наклона тропинки в парке:

Активированный угол:

Вывески. Высоко висит:

Низко стоит:

Клёво вделана в арку:

Олдскул:

Тоже олдскул. Просто овал:

И тоже олдскул, причём в отличие от предыдущих двух смотрится круто:

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

Ещё Гамбург:

Как хитро меню на сайте бюро подстраивается под мобильный экран

В школах бюро обновилась лекция о пользовательском интерфейсе под названием «Экранная вёрстка». О чём речь:

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

Вот фрагмент о том, как хитро меню на сайте бюро подстраивается под мобильный экран:

Это фрагмент одной из 35 лекций по дисциплине «Интерфейс и информация» в Школах бюро. Осталось всего несколько дней, чтобы успеть в ближайший поток Школы бюро с началом второй ступени 7 июня 2021 года. Программа школы и как поступить

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

5000 заметок

Я веду блог с 2002 года, когда слова «блог» в русском языке ещё не было.

А это — пятитысячная заметка в нём. Случайно заметил!

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

Ну и это без учёта английского блога, конечно.

Лецплей № 12: техно

Вчера так:

0:00:00 Joachim Spieth: Antipodal
0:03:04 Daniel[i]: L.Bosco D
0:06:21 Abdulla Rashim: Moral Blinds
0:10:30 TWR72: Oog
0:12:59 A. Morgan: Flesh
0:15:46 Planetary Assault Systems: Bawoo Bawoo
0:19:04 Avgusto: Sacred Animals
0:23:14 Oisel: Erosione
0:26:14 Reeko: Barcelona #3:00am ★
0:30:40 Sleeparchive: 6 ★
0:32:46 Tensal: Achievement 3 ★
0:36:36 Røttar: Dark Energy
0:39:00 Error Etica: Alien Triangle Inductors (Kessell Remix)
0:41:28 Yan Cook: Beacon (Original Mix)
0:45:39 Rumah & Progression: SC3
0:47:02 MTD: Hate
0:49:39 Anetha: Disinhibition
0:54:27 Yant: Cut Loose
0:57:24 Sleeparchive: 1
0:59:06 Jala: Mindstorm
1:02:46 Fixeer: ORD
1:05:13 Oscar Mulero: Out of Field
1:09:06 Kaspiann: Solaris Iterations IV
1:13:02 Luigi Tozzi: Raiders
1:17:20 ASC: Scattered disc
1:23:28 Telebox: Easy (Dub Mix) ★
1:26:40 Uun: Exhumed II.III
1:29:34 Splice: Recall

Эмси 3.1

Вышел небольшой апдейт Эмси, в котором исправлен баг с периодическим пропаданием на Биг Суре:

Генератор адресных табличек полностью открыт для челябинцев

Эта заметка — для челябинцев, которые хотят украсить свои дома прекрасными адресными табличками по нашему с Игорем Штангом дизайну, вот такому:

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

Хорошая новость — сегодня демо-версия превращается в полноценный продукт! Мы договорились с дизайнером шрифта «Мотор 4Ф» Сергеем Ткаченко о том, что дадим всем желающим челябинцам заполнить данные своего дома, скачать ПДФ и произвести табличку:

По изначальному плану этот генератор должен был быть размещён на сайте администрации Челябинска. Такого почти ни у кого в мире нет — было бы круто. Но в Управлении архитектуры предпочли пойти по другому пути.

Ниже фрагментарно публикую гайдлайны, которые мы также готовили для передачи в Управление архитектуры (показывал в открытом письме мэру). Они помогут сделать всё правильно. Но если вам лень это читать, а табличку сделать хочется, можете просто писать мне в телеграм (@ilyabirman), и я вам всё подскажу.

Как выбрать тип указателя?

Есть шесть типов:

УН (Улица и номер) — самый универсальный вид указателя, который должен использоваться «по умолчанию»

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

У (Улица) — показывает всё, кроме номера этого дома. Н (Номер) — показывает только крупный номер дома

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

УНк (Улица и номер компактно) — показывает весь адрес здания целиком в одну строку, через запятую

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

Ук (Улица компактно) — показывает только название улицы

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

Нк (Номер компактно) — показывает только компактный номер дома

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

Как правильно набирать текст?

  1. Слова «улица» и «переулок» обязательно сокращаются: «ул.», «пер.». Остальные родовые слова набираются целиком: «проспект», «бульвар», «аллея», «площадь». Генератор сам исправляет ошибки в этом.
  2. В улицах с необычными названиями, не требующими родового слова, родовое слово («улица», «автодорога») не пишется. Просто «Северный луч», просто «Меридиан».
  3. Номера домов с литерами набираются через дефис: «1-А», «82-Б».
  4. Если улица названа просто по фамилии, так и пишем, не добавляем никаких инициалов: «Ул. Пушкина», а не «Ул. А. С. Пушкина». Инициалы людей, именем которых названы улицы, не используются никогда. Если какая-то улица всегда называется с именем, оно пишется целиком: «Ул. Сони Кривой».
  5. В названиях используется естественный для русского языка порядок слов. Если название улицы — прилагательное (какая? улица), оно идёт перед существительным: «Солнечная ул.», «Свердловский проспект». Если название улицы — существительное в родительном падеже (улица чего? кого?), оно идёт после существительного: «ул. Свободы», «проспект Комарова».

Как изготовить и разместить указатель?

Если вы не знаете, как найти производителя, спросите у меня в телеграме (@ilyabirman), я подскажу. А вот технические требования, по которым должен быть сделан указатель:

  1. Указатели выполняются в виде плоских табличек, без подсветки.
  2. Алюминиевая композитная панель шириной и высотой в соответствии с макетом и толщиной 3...4 мм фрезеруется по форме на станке ЧПУ для получения скруглений радиусом 32 мм.
  3. Полученная подложка оклеивается чёрной матовой плёнкой «Оракал» 641 070м. Оклейка выполняется с подворотом без воздушных пузырей и заломов.
  4. На лицевую поверхность наносятся отдельные буквы-наклейки белого цвета, сделанные плоттерной резкой из белой матовой плёнки «Оракал» 641 010м. Расположение текста, расстояние между буквами должны строго соответствовать макету.
  5. Указатели размещаются с учётом архитектурных особенностей фасада здания. Таблички не должны закрывать окна и двери, а также сложные декоративные элементы фасада типа карнизов, пилястр, полуколонн, лепного декора. По возможности таблички центруются по элементам фасада: кирпичной кладке, облицовочным плитам, линиям рустовки, пространству между окнами, дверями, конструктивными или декоративными элементами. Указатели крепятся на саморезы или дистанционные держатели в зависимости от особенностей фасада здания. Если элементы крепления проходят указатель насквозь и остаются видимыми с лицевой стороны (в том числе в случае использования декоративных заглушек), они должны быть окрашены чёрной краской.

Ещё важно вот что: указатели нельзя произвольно масштабировать, они должны быть именно тех размеров, которые указаны в ПДФе. Поэтому если указатель не вмещается, нужно набрать его в две строки (используйте два пробела для переноса) или выбрать другой формат. Если ничего не влезает — спросите у меня в телеграме (@ilyabirman).

Сфоткаю ваш фасад с вывеской

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

Ссылки по теме:

В какой момент вы отваливаетесь, как нормально водить, эко-упаковка и двойная легенда

Аналитика против культуры, мост глупости проектировщика, ощущение безопасности у пассажира и экологичное будущее упаковки. Обзор недели 17—24 января 2021 года:

00:00 Интро и ответы на вопросы. Карта видеозахвата и микрофон, шорткаты на Айфоне
03:04 Ситник про культуру и общество в России и США
03:59 Недостаток веб-аналитики и крутость аналитики в Ютюбе. На чём вы отваливаетесь с моих видосов
06:17 «Мост глупости» в Питере. Проектировщик — кретин, водители — норм. Что должен знать проектировщик чего угодно для людей
10:11 Три соображения об ощущении безопасности пассажира
13:32 Переделываю форму про тест на ковид
14:51 Будущее упаковки: спокойная, экологичная
16:38 Последние фотки из Мета в Нью-Йорке
18:21 Двойная легенда в навигации по музею

Недостаток веб-аналитики и крутость аналитики в Ютюбе. На чём вы отваливаетесь с моих видосов. Что должен знать проектировщик чего угодно для людей. Три соображения об ощущении безопасности пассажира. Переделываю форму про тест на ковид. По мере перехода торговли в онлайн, упаковка станет скромнее и экологичнее. Заканчиваю гулять по Мету.

На интерфейсном курсе: улучшаем форму обратной связи Букинг.кома

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

00:00 Чиним теорию близости
03:24 Думаем, что ещё улучшить

Это фрагмент № 28 онлайн-курса «Пользовательский интерфейс и представление информации». Записано на курсе 20 октября 2020 года.

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

Почитать о курсе

Программа, отзывы, запись

Упаковка будущего

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

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

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

Сейчас постоянно приходится разделять упаковку на картонную, полиэтиленовую, жестяную части. Более скромная будет лучше поддаваться сортировке и переработке.

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

Метрополитен-музей в Нью-Йорке. Часть 5

Часть 1 · Часть 2 · Часть 3 · Часть 4 · Часть 5

Дальше был зал про историю военного дела. Снова какие-то кольчуги и шлемы:

1

Невероятно красивые щиты:

2

По-разному развешенные стреляющие приспособления:

3
4

Идём по коридору дальше — встречаем объявление:

5

Дальше — выставка музыкальных инструментов. Это фотку я показывал в исходном фотообзоре из Нью-Йорка:

6

Вот эту штуку очень надо:

7

Флейты всякие:

8

Удивительные струнные:

9

Наиболее удивительный струнный:

10

Куча разных труб и дудок перспективно висят:

11

На пути на выход попалась ещё некая посуда:

12

Тут стоит обратить на объясняющую табличку на стене:

13

Табличка примузейного магазина:

14

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

15
16

Вход выглядит так:

17

Фотографии из поездки в октябре 2018. Во всех заметках про путешествия снизу есть поиск дешёвых авиабилетов. Слетайте в Нью-Йорк! (Когда дадут)

Ещё Нью-Йорк:

Ещё музеи и выставки:

Ранее Ctrl + ↓