Запущена вторая версия сайта «Зерулс» — лучшего веб-издания правил русского языка.
Вместе с Вадимом Юмадиловым мы сделали новый дизайн. Аня Данилова нарисовала прекрасные знаки параграфов. А Виктор Корейша всё сверстал и запрограммировал:
Под капотом по-прежнему умный поисковый движок, который мы с Романом Парпалаком сделали в 2010 году (с ума сойти, как давно это было).
Но в Стокгольме не только метро, у меня ещё дофига всего. Сегодня — аэропорт и связь с городом.
Прибытие:
Прекрасная идея — указать рядом с туалетом в узком коридоре, что дальше есть ещё туалеты:
В зале получения багажа висит красивая реклама автобусов-экспрессов в город:
Шведский белый, английский — жёлтый. У таможни два пробела:
Переход в другой терминал:
Лестница к выходам на посадку. Любопытно, что стрелки и номера выходов — жёлтые, а не белые:
Но мне надо было в город, и автобус-экспресс меня не входновил. Оказалось, что дешевле и интереснее — добраться на перекладных. На обычном автобусе до некоей «Мэшты», и оттуда на электричке.
Улица:
Остановка автобусов:
Автобус 583 до Мэшты:
Почти-селфик из автобуса:
Остановка в Мэште:
Станция электричек — рядом:
Поезда ждут на платформе:
Табличка:
Дверь сама не открывается. Персонажик указывает на кнопку сверху:
Я вышел на центральной станции Стокгольма, а какие-то люди поехали дальше. Персонажик указывает на кнопку снизу:
Через три дня в Стокгольме я поехал обратно в аэропорт — на этот раз, на том самом автобусе из рекламы. Он тоже идёт с центрального вокзала. Выход на посадку с автоматическими дверьми:
Вылет:
Схема терминала 5:
Фотографии из поездки в июне 2016 года. Во всех заметках про путешествия снизу есть поиск дешёвых авиабилетов. Слетайте в Стокгольм!
Во-первых, сейчас Телеграм — единственная платформа, где ты можешь хоть как-то рассчитывать, что твой канал читают. И люди очень аккуратно добавляют каналы себе в список, зная, что с 50 каналами не выжить.
Во-вторых, где появляется фид там, как мы знаем, вскоре появляется алгоритмический фид, когда вместо того, чтобы показывать тебе то, на что ты подписался, система начинает пытаться угадать, что тебе больше понравится.
Поэтому не забывайте, что самый нормальный способ подписываться на что бы то ни было — это РСС.
Некоторые фотографирующие с пренебрежением относятся к постобработке фотографий, дескать, надо было сразу нормально фоткать, в фотошопе-то любой красоту нарисует. А мне кажется полной глупостью судить о продукте по тому, насколько сложно было его получить. По-моему, важен только результат, и если я в фотошопе сделал лучше, чем ты сразу сфоткал, то я победил.
Вот просто пример того, как фоточка становится веселее от нескольких действий в Лайтруме (это остановка в аэропорту Стокгольма).
Было:
Стало:
Не вижу никаких причин не делать лучше.
А особенно смешно это всё становится, когда немножко узнаёшь о том, как работают современные цифровые фотики. То, что фотик сохраняет не только в джипег, но даже в ро, имеет очень мало общего с тем, что изначально оказывается на матрице. Там столько разных фильтров, что Инстаграм отдыхает.
Читатель прислал пример своей конкурсной работы — оформления заводской трубы где-то, как я понял, в Киеве:
Я сразу вспомнил про заброшенную телебашню в Екатеринбурге, которую хотят снести. С ней можно было бы сделать что-то подобное.
Бургерный киоск на Флаконе:
Чтобы понять, что все бургеры отличаются только цветом булки, нужно много времени. И то я переспросил. Нужно выносить общее за скобки (если, конечно, нет задачи запутать человека).
То есть просто написать, мол, бургер с тем-то. Булка на выбор: белая, чёрная, красная. Кстати, чем примечательна красная булка (она с вялеными томатами вроде как) можно узнать только у девушки. То есть в меню именно об отличиях бургеров — ни слова
Даже в съёмной квартире первым делом нужно обустроить стоячее рабочее место:
Четверг, 17 августа
Тот случай, когда Оксфордская запятая (перед and) не повредит, а то английский текст можно прочитать и как «пассажирам с беременными женщинами». В русском проблемы нет благодаря падежу.
Пятница, 18 августа
Зачем в этом шрифте отличаются латинская и кириллическая К?
Вообще, обычно русскую К уродуют ради Ж — чтобы К была такая же, как Ж справа. А Ж, в свою очередь, делают странной формы, потому что если воткнуть со всех сторон прямые палки, получается слишком жирное пятно посередине — вот и пытаются стыки как-то разделить. В английском нет Ж, поэтому К можно сделать проще. Но в этом-то шрифте К и так нормальная: нижняя палка растёт не из вертикальной, а из верхней. Так что Ж бы не пострадала.
Когда в тексте вообще не встречается Ж, можно смело писать в нём латинскую K вместо русской. Разумеется, речь только о заглавной — k в русском тексте писать нельзя.
В продолжение темы лайн-арта, нашёл вот красивую картинку со схемой камеры из Айфона 5S, с сайта Эпла:
Леонид Андрухов:
Самый крутой дизайн таблицы Менделеева, который я видел, вот:
Главная проблема классического дизайна таблицы Менделеева — она называется периодической, но совсем не помогает увидеть, как эта периодичность устроена. То в первой строчке дырень почему-то, то снизу отдельно какие-то актиноиды идут. Я помню, что в своё время разобрался, что там периодичность более сложная, чем кажется из таблицы. Но уже забыл всё, конечно.
Круто было бы придумать такой дизайн, при котором было бы видно, как на самом деле устроена периодическая система и почему она периодическая.
Обнаружен крутейший знак польской выставки графических знаков:
Четверг, 25 января
(Это про аудио по четвергам.) Я решил, что всё-таки кидать сюда треки целиком опасно. Заблокируют ещё канал за нелегальное распространение музыки, как за порно блокируют. Простите.
Ваня Звягин (один из дизайнеров схемы минского метро) спрашивает, как реализовать анду, если в некоей системе пользователь удаляет страницу, на которой сам как раз находится.
А я как раз давно хотел написать о проблеме с реализацией этого в Гугль-доке. Когда жмёшь File → Move to trash, он показывает такое окно:
Оно сообщает, что файл был удалён, но выглядит как окно подтверждения. Человек, скорее всего, не станет его читать, а если он вызвал команду по ошибке, то может подумать, что файл ещё не удалён. То есть он можно просто закрыть браузер, думая, что файл остался (а он уже не остался).
Ещё у меня такое ощущение, что раньше тут действие по умолчанию было «Восстановить», потому что я всё время жал синюю кнопку и обнаруживал, что документ не удалился — хорошо, хоть это починили.
Для сравнения, вот как выглядит удаление разворота в бюрошной книге. Жмём на корзинку в углу:
Тут в середине пустота, потому что я удалил пустой разворот; надо было не полениться и показать на настоящем. Смысл в том, что там прям скриншот удалённого разворота. Это не похоже на подтверждение. Так лучше.
Дизайнер Евгений Филатов предлагает пиктограмму подземной парковки:
В навигации любая пиктограмма, содержащая в себе стрелку, представляет проблему: её фиг совместишь со стрелкой. Как вот составить знак «подземная парковка прямо»?
Традиционное обозначение «в домике» хоть и неэлегантно, но зато работает безотказно:
Когда мы делали навигацию в МГИМО, нужно было нарисовать пиктограмму лифта. А это относится к нерешённым задачам дизайна (все пиктограммы лифта или некрасивые, или непонятные, или и то, и то). У нас получилась очень клёвая пиктограмма просто из двух стрелок (справа сверху):
Но мы смогли такой обойтись, потому что нигде не нужно было рисовать стрелку рядом с ней. А если бы нужно было, соседство стрелок стало бы проблемой. Так что такая пиктограмма не универсальна.
Клёвость в том, что выглядит одновременно и свежо-интересно-экспериментально, при этом абсолютно дефолтно и в стиле Яндекса. Прям хоть бери и внедряй.
Так уже веселее. Евгений Филатов:
Знак крытой платной подземной парковки.
Если подземная, так вроде по-любому крытая? Дизайнер Илья Харитонов с серьёзным лицом показывает, что это разные вещи (по порядку: крытая, подземная, крытая подземная):
Илья вообще всегда показывает вещи с серьёзным лицом:
Мы — студия дизайна «Арбуз». Делаем в основном сайты, презентации и видеоролики. В общем, digital-инструменты, которые помогают бизнесу. Реже — логотипы и рекламную продукцию. Входим в группу компаний, поэтому нередко приходится работать с крупными заказчиками по рекламе: Мягков, Нефтьмагистраль, Росинтер, Marks&Spencer.
В команду нужен человек, который возглавит команду из дизайнеров, станет для всех ментором и продвинет студию на новый уровень.
Команда
Сейчас в команде 5 дизайнеров: 2 веб, 2 графических и 1 моушен. 3 парня и 2 девушки, средний возраст — 26 лет. Четверо приехали из регионов, двое — специально в студию. Так что если вы не из Москвы, то это совсем не проблема. Даже плюс.
Все дизайнеры Арбуза — фанаты своей профессии, страстно любят свое дело и постоянно учатся.
Что нужно делать
Отвечать за проекты студии и обучать дизайнеров. Что-то делать своими руками. Организовывать и проводить мастер-классы для всей команды.
Если у вас есть навык управления командой и ведения проектов, если вы можете аргументированно объяснить дизайнеру, как улучшить макет, то скорее всего вы подойдете.
Что предлагаем
Белая зарплата, оформление по ТК со всеми сопутствующими условиями. Большой офис на Бауманской, 8-часовой рабочий день, график 5/2. За точным временем появления в офисе никто не следит, но дизайнеры иногда задерживаются после работы.
Зарплата обсуждается с каждым кандидатом индивидуально.
Что важно
Вы хорошо разбираетесь в дизайне, умеете работать в команде и обучать коллег по цеху.
Если приходится делать проект своими руками, то делаете дизайн быстро и круто. Вашего внимания легко хватает на то, чтобы вести 5-6 проектов одновременно.
Вы — честны и ответственны, не ноете по пустякам и не жалуетесь на политику, коллег и погоду. Вы действительно хотите встать во главу молодой студии и сделать её топовой. И знаете, как это сделать.
Если вы уверены, что можете сделать лучше и научить этому дизайнеров, пришлите 3 лучших работы с кратким текстом о себе и пожеланиями по оплате на ed@arbuz.moscow.
С недавних пор у меня в разделе миксов работают интерактивные плейлисты. Можно кликать в треки, и микс перемотается в нужное место, и наоборот: в плейлисте автоматически подсвечивается трек, который сейчас играет в миксе. Попробуйте.
Вы можете подумать, что для этого пришлось писать гору Джаваскрипта. Но на самом деле нет, просто я использую новый Жуэль-про. Гору Джаваскрипта пришлось писать Жене Лазареву, который запрограммировал Жуэль-про. А мне осталось только воспользоваться новым супермощным декларативным АПИ, которое мы придумали.
Рассказываю.
Если вы использовали Жуэль, вы знаете, что чтобы вставить на страницу аудиоплеер, достаточно просто поставить ссылку на МП3-файл и дать ей класс jouele:
<a href="ilya-birman-use-me-mix.mp3" class="jouele">
Илья Бирман: Юз ми
</a>
Но что, если рядом с плеером стоит обложка, и я хочу, чтобы микс начинал играть по клику в обложку? С Жуэлем-про это делается так:
Всё! Жуэль-про сам даёт класс jouele-is-playing своим элементам управления во время воспроизведения, поэтому подсветка просто работает независимо от того, как именно я включил музыку — из плеера, обложкой или вообще клавиатурой. Мне снова не нужен Джаваскрипт.
И точно так же работает подсветка активной строчки в плейлисте. На самом деле ХТМЛ-код каждой строчки выглядит не так, как я показал выше, а вот так:
То есть строчка не только перематывает в определённую точку, но ещё и соответствует некоему отрезку. Чтобы она подсветилась, снова достаточно только ЦССа:
Всё! Жуэль-про сам даёт класс jouele-is-within своим элементам управления, соответствующим диапазону, когда позиция воспроизведения находится внутри этого диапазона.
Я ещё хочу, чтобы у всех элементов, которые можно кликать или тащить, курсор мыши был пальчиком. Для этого я делаю так:
.jouele-is-interactive {
cursor: pointer;
}
Если плееров на странице несколько, то элементы управления управляют тем, который играет или играл последним. А если такого ещё нет, то запустит первый на странице. Чтобы привязать к конкретному плееру, есть data-href:
Документация
Как использовать декларативное АПИ и элементы управления. Есть пример полностью кастомного плеера, собранного из разных элементов управления
