←

Пост 9

→
Начало
Содержание

Куар-код и бревна

19 января 2013 г.

(Где-то на этом месте мы должны были сложить компы в коробки и отправляться в новый офис на 1905 года, но переезд отложился.)

47. Мелкие радости жизни: куар-кодик

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

Изображение показывает QR-код с буквой "M" красным цветом и сливками на белом фоне.
На рисунке изображен белый фон с текстом и штрих-кодом с левой стороны. Текст гласит "24-часовая горячая линия +7 499 787-25-86", а штрих-код расположен внизу.

У меня на айфоне читается, но на андроиде читалки более капризные. Надо проверить на нормальном смартфоне, но у нас сейчас в студии нету. Если у вас есть, помогите эпплдрочерам, напишите — читается или нет (должен вести на http://dt.mos.ru/metro). Спасибо.

(Кстати, вот как Жгун по памяти рисует логотип метро; жалко, я не записал видео, правда.)

Изображение показывает QR-код с красным и синим пикселем. QR-код состоит из чёрных, белых и красных цветов.

Теперь — к серьезным вещам.

48. Теория близости в действии

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

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

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

Ну так вот. Сидит Егор, правит, и такой — хуяк — еще увеличил шрифт (!), чтобы москвичам и гостям столицы было еще удобнее (скоро увидеть надписи на схеме можно будет, не спускаясь в метро). За увеличением шрифта (вторым с начала проекта, кстати) автоматически следует быстрая черновая компенсация станций внутри кольца, вывод на печать, прикладывание к предыдущей схеме и официальной схеме метро, и потом — тетрис.

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

И это за 53 минуты, читатель же помнит.

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

Жгун рисует области отступов, куда не должны попадать линии (на рисунке художник изобразил их грязными бревнами):

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

Ну вот, «Октябрьская» не должна залезать на соседнее бревно (видите, буква «я» сейчас залезает?) «Полянка» стоит норм, а «Новокузнецкая» — не норм. У «Комсомольской» микроподпись залезла к соседям, надо двигать. «Трубная» требует компенсации. Когда подожмется «Арбатская-2» (она же «Новоарбатская», она же «Ново-Арбатская», она же «Староарбатская», сейчас сдаем файл в официальный раунд, надо придерживаться официальной терминологии), тогда хорошо встанет и «Смоленская-2».

Когда все расставится по местам и будет касаться своего бревна, а чужого — не будет, тогда теория близости прекратится в практику близости. Теперь вы знаете, за что Жгун получает свою надбавку. Просто он умеет рисовать бревна.

Прочие мелочи:

49.

Собственно, если бы не шрифт, мы бы вышли уже на этап шлифовки. Вот, название, например, надо придумать. Думали — как бы схему назвать. Там и метро, и аэроэкспрессы, и автобусы-экспрессы, и электрички. Придумали:

На снимке изображена карта Московской схемы линий метро с текстом и логотипом, указывающим различные линии системы метро.

(красные надписи — это те, что еще не пододвинуты).

Впрочем, «схему линий» еще не видел арт-дир, может, и поменяется что. Но мне нравится, и Егору нравится очень.

50.

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

Вот про что речь, когда мы говорим об уровне текста и пеньках:

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

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

51.

На «Киевской», чтобы прирастить значки аэроэкспресса, вокзала и автобуса к переходу (а на самом деле, еще кое-для чего, потом расскажу как-нибудь в большом посте, сейчас уже за мной едет жена и надо будет скоро убегать), Егор выставил их по дуге:

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

Теперь они как бы со своим папкой. Ну и кое-что еще, потом расскажу.

52.

В завершение — рубрика «очередная успешная и красивая сотрудница Студии Лебедева смотрит на вас спокойно и расслабленно, символизируя покой и расслабленность». Нынче фото той самой Тани Деваевой, которая придумала в прошлом посте московскому метро «Золотую ветвь».

Че вы ржете, помяните мое слово, это будет хит. Золотая линия. Ухх.

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

Таня, посмотри на читателя поубедительнее.

Избранные комментарии

[Удалено]
лайк!
Самсунг с Бадой куар-код опознаёт.
Андройдом куар читается на отлично.
А про пеньки и базовую линию вообще очень круто!
Nokia 5230 маленький куар код читать не захотела, а вот большой запросто.
А можно замарочиться и сделать подобный код
http://www.hongkiat.com/blog/qr-code-artworks/
Их таких кодов мой уныленький телефончик читает только черно-белые.
[Удалено]
Говноедство какое-то.
Людвиг! Кавычки в Круглосуточная «горячая линия» говорят, что линия на самом деле нифига не горячая. Так называемая «горячая линия», гы-гы. Так скажем, «горячая линия», му-ха-ха.
Горячая линия без кавычек - это линия с температурой выше 50 градусов. Об которую можно руку обжечь. А здесь явно не о такой речь.
Ага. А быстрые кредиты — этот которые развивают скорость до 120 км/ч.
А хот доги то!
Одна из самых популярных программ для чтения QR-кодов на Андроиде Quick Mark - норм, быстро распознало.
нереально круто! с пеньками реально тема! может жеж!)))
А почему не «Схема метро»? Всё же метро — это основной объект схемы, а всё остальное для того, чтобы помочь сориентироваться куда ехать.
Поддерживаю
"QR Droid" (на Samsung Galaxy Note) код читает.
qr droid на htc sensation xe влегкую читает оба кода
Здравствуйте!
Ваша запись попала в топ-25 популярных записей LiveJournal. Подробнее о рейтинге читайте в Справке.
Нокия Ц6-00 на S¹ читает оба.
[Удалено]
Если ставить подписи по базовой линии, то они кажутся выше уровня пеньков, потому что глаз скорее считывает не нижнюю границу пеньков, а их центр. Может, тогда делать оптическую компенсацию, равняя центр пеньков и строчных?

https://lh6.googleusercontent.com/-BqALPUcs1KE/UPoCvhtRf9I/AAAAAAAADvY/V-U6ckG8Hno/s800/metro.gif
А мне больше всего понравился изначальный вариант. При чём я думал, что там как раз выравнивание такое, как вы говорите, а оказывается нет. В общем, там кайф в том, что пеньки выглядят как чёрточки ненумерованного списка. Очень хорошо читается, по-моему.
Если смотреть издалека на картинку вцелом, то действительно, с выравниванием по базовой линии смотрится намного спокойнее. Просто ты берешь во вниманиее только черный текст. А там еще латинская подпись, которая как раз все компенсирует.
Ага, точно.
Обычный Barcode Scanner на Андроиде всё читает без затруднений.
Может, у того телефона надо было просто камеру протереть?
Да это обычный вброс Людвига на андроид)
Отличный сериал, ждем новых серий.
И да, помогаю как могу: iPhone, приложение Qrafter, код прочитан слету.
А почему никак не учтена хитропопость пересадок на станции "Киевская"?
Если пересаживаться с кольцевой на филевскую ветку по указателям (маршрут 1), то
окажешься у последнего вагона из центра. А если направиться на "выход
в город", то можно далее не выходя из метро оказаться на филевской
ветке у первого вагона из центра (маршрут 2).
Ээээ, зачем? Приведенная схема и так ужасна, предлагаете поместить на схему метро 27 таких схем?
Приехал на станцию — пошёл по указателям. Они должны быть конечно суперпонятные и висеть на каждом углу.
А пытаться на схему с ~200 станциями размещать схемы переходов — только портить.
Вдобавок, навигация тоже будет прорабатываться департаментом транспорта, так что всё ещё будет.
Тогда уж идите до конца и назовите ветку "Золотое кольцо"

Только вернулся из Нью-Йорка. Помимо всего прочего был в музее транспорта
Так вот, вход в музей - 7$. В магазине музея я оставил еще 60$
Накупил всяких рюмок с символикой линий, значков, магнит в виде карты. Майку и шапку с символикой линии "G" , на которой жил полтора месяца.

Это я к тому, что при "Золотом колеце" возможности для бренда открываются просто колоссальные. Можно реально создать новый узнаваемый символ города.
Одних футболок можно наклепать миллион видов: http://www.transitmuseumstore.com/drupal/shop/new-york-subway-clothsubroute?sort_by=field_product_12_value&sort_order=ASC
К примеру, я живу на замоскворецкой. Не отказался бы от зеленой футболки с классно обыгранным логотипом. К примеру двойка внутри золотого кольца.. Ну как-то так..

Спасибо вам за то, что делаете!
зацени, какие можно замутить QR коды http://habrahabr.ru/post/145377/
[Удалено]
"4 микрорайон района Митино" или "4 микрорайон Митина"

Есть район Митино, он делится на микрорайоны, значит "Митино" должно быть в родительном падеже. А топонимы на "-о" склоняются, значит и окончание "-а".

Слова русского языка склоняются. Кроме некоторых заимствованных из иностранных — кофе, метро.
Но Митино к ним не относится и склоняется так же, как и все.
Вы вполне русский, но и схема - тоже.
Обе формы нормативны. См. статью про склонение топонимов на грамоте.ру:

"В Переделкино или в Переделкине?

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

Всех этих любителей строгой литературной нормы хочется протащить волоком по Марьине, затем по Люблине, Братееве и, раз они и туда добрались, и по Митине.
Nokia N8, Symbian Belle - код прочитал с пол пинка. Проблемы скорее всего возникают у не автофокусных камер. Раньше был Е52, вот им частенько не мог прочесть. В таком размере что на странице - тоже прочел бы, но в реале он не будет таким конским, а тут как раз проблемы и возникнут, нужно проверять. Помню как то в метро кто то расклеил такие коды, ради прикола как раз сфотал Е52-м, сработало, и код вывел на сайт яндекса в которой говорлось что я такой то посчету который смог прочесть код, типа спасибо и т.д. Вот если такого размера будет - то норм.
Windows Phone. Распознает через стандартную читалку куар-кодов.
Куар-код на HTC Sensation XE программой QR Droid читается влёт.
Ты же говорил у нее есть блог, мог бы и ссылку кидануть, Людвичег)
Блин, ну тупняк будет у приехавших из Питера.
У них-то станции «-1» и «-2» называются тогда, когда это пересадочный узел.
Понятно, что здесь нет «-1», но откуда тогда взялось «-2»?
1 и 2 в Питере зовутся не станции и не узлы, а вестибюли.
В т.ч. 2 разных вестибюля одной станции.
«Ленинский проспект-1»
«Ленинский проспект-2»
«Проспект Ветеранов-1»
«Проспект Ветеранов-2»
и т.д.
Я не понимаю, что такое вестибюль.
Есть линия (ветка) метро и есть станция на линии.
Вот еду я по синей ветке, доезжаю до Техноложки и хочу пересесть на красную. Ну так я и иду от Техноложки-2 до Техноложки-1.
Ну я так понимаю, это исключение, когда 1 и 2 зовутся подземные залы.
В большинстве остальных случаях когда 1 и 2 , это беспересадочные станции с 1 залом, т.е. так зовутся вестибюли:
http://ru.wikipedia.org/wiki/Пассажиропоток_Петербургского_метрополитена
Блин, я вас правда не понимаю :-( Извините.
Петербургский метрополитен с начала осени продлит на два часа работу вестибюлей «Проспект Ветеранов-1» и «Ленинский проспект-2».
http://karpovka.net/2012/08/06/54830/

http://www.w.artnight.runw.artnight.ru/transport/metro-opening
Ну почему нельзя так-то сделать? Или это одному мне очевидно?
http://i.minus.com/i1R8cxLFVaQFN.png
А так можно с подземным переходом до электрички показывать, если в Москве есть

http://i.minus.com/iMH4Ahb6K6em4.png
А если сделать линии от станции до иконок поездов/автобусов пунктиром-следами, то любые разночтения сразу исчезнут.
а Киевский вокзал ближе всего именно к вестибюлю синей станции, или за что ей такие почести?
Без понятия, да это и не важно. Важно четко понимать, что если хочешь попасть на Киевский вокзал, то нужно выйти на Киевской, а 100500 висящих в воздухе иконок только путают. Пока сообразишь к чему они относятся...
ага, ещё выносные линии к названиям станций пририсуйте, ибо "пока сообразишь, к чему они относятся..."
А пеньки это не выносные линии разве?)
слишком короткие, надо к ним стрелочки пририсовать от названий станций, а то "пока сообразишь, к чему они относятся..."
Олег, на "Киевской" собрано несколько станций и вестибюлей выхода.

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

Мне кажется, речь скорее идет о близости иконок к градиентному кольцу. Эту проблему имеет смысл решать, просто немного подняв иконки.
Так может соврать? Ну пройдет гость столицы лишний раз по переходу (он никогда и не узнает об этом), зато будет точно уверен с какой станции ему пересаживаться. А кто часто ездит, тот сам свой маршрут скорректирует.

По моему, близость к кольцу не поможет, т. к. для человека любые линии на карте это всего лишь связи узлов (а градиентное кольцо воспринимается как линия перехода, а не как плотный объект — пересадочный узел), он даже не догадается, что если рядом с линией что-то стоит, то это что-то значит. Другое дело узлы. От узла начинается визуальная прокладка нового маршрута, а три иконки, размазываются и дезориентируют. Даже если их вбить в градиентное кольцо, получится что линия автобуса, например, будет идти из перехода между Киевской-синей и Киевской-коричневой, что взорвет мозг, т. к. сознание работает: узел-линия-узел-линия, а не узел-узел-линия-линия
>>Так может соврать? Ну пройдет гость столицы лишний раз по переходу (он никогда и не узнает об этом), зато будет точно уверен с какой станции ему пересаживаться
+1
Привет.
Вводит в заблуждение вид переходов. Похоже больше на стрелки (переезды поездов), а не на переходы.
Если сравнить один из последних вариантов (http://ic.pics.livejournal.com/grosslarnakh/15474349/75658/75658_original.gif) со схемой в анонсе (http://img.artlebedev.ru/everything/metro/map2/metro-map2-white.jpg), то видно, что после увеличения шрифта сектор между Крснпрснской, Парком Культуры и Китай-городом стал очень плотным (по сравнению с районами Трубной, Сухаревской и Новокузнецкой). Получится подвигать?
андройд и куар: на 0.3 мегапикселя читается
а что за тема про 53 минуты?
я что-то видимо пропустил,
и у бирмана про них что-то было
В первых постах рассказывается.
Sony Ericsson XPERIA читает правильно
WP8 (Nokia Lumia 920) есть контакт.
Пост отличный! Спасибо.
Людвиг, это офигенно увлекательная серия постов, если возможно - пишите почаще такое! Спасибо!
Да, читается легко.

Xperia Mini Pro
Lumia 800, QR Code Reader - прочитал легко.
"Lines Scheme" - это как-то не по-английски, так никто такие схемы не называет
Еще не вечер :-)
:))

Спасибо за заботу о цветовосприятии! Я всё время думал, что кольцевая - красная
Ваш начальник высказался против логотипов на обуви.
Я предположил (прочтя перед этим ваши эссе), что вы очень стеснены в размерах творчества Жгуна, поэтому предложил (предположил-предложил не рифма) убрать в жопу "вашу прелесть"
Теперь у вас есть право отвоевать кусочек пространства на полотне под более информативные для народа вещи, нежели ваш логотип, который, кроме всего прочего, конкурсная комиссия (опять понял из ваших эссе) пытается ужать в размерах.
Скажите спасибо. Благодарностей не стоит.
Во-первых, смените свой гоп-тон, пожалуйста.

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

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

Если у вас еще остались вопросы и вы хотите их задать в выбранном вами тоне, можете засунуть их себе в жопу. Благодарностей не стоит.
Во-первых, тон, а тем более "гоп" задают солисты - то есть вы и ваш босс. Не я начал моду на мат в личных записках. Посмотрите в зеркало и налево.
Во-вторых, за мало-мальскую сраную подпись нужно платить. Умные люди делают пиар (и им этого хватает) на смыслах, недомолвках, послевкусии и намеках. Ожидаю, что (возможно) после вашей победы в конкурсе вы будете молчать в дудочку и пожинать плоды с размещенного логотипа, либо после проигрыша (очевидно) будете утверждать, что "пост проплачен", или (как особенно ожидаемый вариант) - они не доросли до нашей нирваны.
Проверил Lg Optimus L9 Android (4.0.4) Qrdroid без проблемно отправил на http://dt.mos.ru/metro
Уверяю вас, что впервые увидевший схему, воспримет "кольцевые" переходы, как мини-линии метро, по кторыйм едут поезда.
Извините, что не по теме, и придираюсь.
Обычные станции изображены зубчиками. Почему же пересадочные станции изображены кружочками (впечатление хождения по кругу)?
Потому что люди там действительно ходят по кругу. С утра - туда, вечером - обратно :-)
На zte через google goggles qr читается норм.
Пользователь сослался на вашу запись в записи «Теория близости и вёрстка» в контексте: [...] нечего. И почему надпись или картинка не должна вклиниваться в чужой интерлиньяж. И еще у Людвига [...]