Блоги: заметки с тегом знак рубля

Проклятие знака рубля

Илья Бирман — Fri, 07 Jul 2023 00:18:00 +0500

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

Реально у каждого третьего, если не чаще, знак рубля — не того шрифта, что цена.

На зелёной кнопке вот он чуточку менее жирный зачем-то, а у пиццы — вообще другой.

Понятно, что иногда он слетает из-за того, что его нет в шрифте, но почему вы оставляете это так? Думаете, я не замечу?.. Какой тут ход мысли? Я не могу найти этому являнию никакого объяснения, так что обращаю внимание на то, что это никуда не годится совершенно.

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

Илья Бирман — Tue, 19 Dec 2017 18:58:08 +0500

Илья Бирман:

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

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

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

«Инк» такой:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Картинка:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Телеграм за неделю 17—23 июля 2017

Илья Бирман — Mon, 24 Jul 2017 00:36:02 +0500

Илья Бирман:

→ 24—30 июля 2017

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

Вторник, 18 июля

Это сегодня. Участники курса «Пользовательский интерфейс и представление информации» делают групповое практическое задание. При этом открыта запись на следующий курс:
http://bureau.ru/educenter/ui/

Это красивый разворот про амурского тигра из темы «Параллельное изложение»

А это красивый московский навигационный тотем. Они теперь уже повсюду

Навигационная карта Хлебозавода 9 — нового модного пространства рядом с «Флаконом»

Среда, 19 июля

Весёлая иконка унисекс-туалета в «Бэд-бро-баре» в Москве

Студентка школы дизайнеров Аля подошла ко мне в Коворкафе задать вопросы про свой макет на тему «Валенки» (завтра дедлайн):

Я рассказал ей всякого по смыслу, что не имеет значения тут (потому что вы не знаете задания), а ещё подвинул пару вещей:

1. У шапки стало больше нижнее поле. Если поля с разных сторон разные — интереснее. Шапка приобрела большую самостоятельность. У меня на сайте тоже большое поле у шапки, но ещё и всё выровнено по верху — так ещё лучше:
http://ilyabirman.ru/

2. Справа от первой фотки другая фотка и какой-то текст. Он стоял непойми как (Аля сказала, что поставила «на глаз»). А теперь он превратился в якорный объект (тяжёлый такой) и встал в центр своего модуля. Магия в том, что прямоугольник, внутри которого стоит этот текст, не нарисован, но прекрасно читается. Подобные штуки я храню под тегом «активация». Любимый пример — вот эта полоса про Трампа:

Ещё теги:

3. Ещё снизу увеличились ценники. Это Миша Нозик мимо проходил и подсказал. Большие цифры всегда хорошо смотрятся:

Навигация в центре инноваций в Порту:
https://www.behance.net/gallery/7613427/Signage-and-Wayfinding-for-Innovation-Center

Вообще в школе дизайнеров общение с преподавателями есть только на третьей ступени (а это задание на второй). Но крутые студенты плевать хотели на правила и просто приходят. Так и надо.

Раз уж такое дело, ссылка на школу дизайнеров (сейчас идёт набор):
http://bureau.ru/school/28aug2017/

Ха-ха, смотрите какая Виктория молодец:

В это время Миша Нозик на «Живых советах» учит рисовать фактоиды

Четверг, 20 июля

Ещё я забыл занести ссылку на недавний совет про схему метро Самары:
http://bureau.ru/bb/soviet/20170718/

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

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

Всё правильно, но только Костя пишет, что описание должно вмещаться в один лист А4. Я делаю иначе: пишу максимально подробно. Это же не рекламная листовка. В понимании задачи должно быть всё о задаче, что может понадобиться для её решения. Это такой справочник, где качественно разложено по полочкам всё, что обсуждали с клиентом. Смотрите мою киевскую лекцию про это, если ещё не смотрели:
http://ilyabirman.ru/meanwhile/all/understanding-the-task/

Правый верхний угол в Гугль-драйве. Особенно радуют левые две иконки рядом

Заглянул в гости в Дептранс, а там рай:

Пятница, 21 июля

Проверяю работы студентов школы дизайнеров. Нашёл поддельный знак рубля:

У знака рубля должно быть продолжение полуовала налево:
http://ilyabirman.ru/meanwhile/all/rouble-sign-bowl-continuation/

С таким шрифтом нарисовать хорошо будет непросто: уже и так много всего торчит.

Кажется, авиакомпания «Эль-аль» обновила логотип. Было так:

Стало так:

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

Кстати, что я до сих пор не знаю, какое из ивритских слов «эль», а какое — «аль». С одной стороны, нужно читать справа налево. С другой, теория близости подсказывает, что каждое ивритское слово должно быть рядом с соответствующим английским. И вроде бы самая правая буква — алеф (вероятно, „а“) ¯\_(ツ)_/¯

Расскажите, если вы в курсе. Личка: @ilyabirman

Приходите к Серёге на курс про иконки:
http://ilyabirman.ru/meanwhile/all/icons-course-2017-aug/

Когда я был на курсе, украл у него такую картинку:

Смотрите, как клёво можно нарисовать знак «Обгон запрещён» (справа снизу). Это, вроде бы, японские знаки

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

Продолжение полуовала у знака рубля

Илья Бирман — Fri, 05 Aug 2016 23:36:38 +0500

Илья Бирман:

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

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

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

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

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

Типографская раскладка 3.4 для Мака

Илья Бирман — Tue, 04 Nov 2014 01:04:45 +0500

Илья Бирман:

Новая версия Типографской раскладки для Мака лучше дружит с Йосемити:

У иконки теперь нет белого блика, изображающего вдавленность.

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

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

Однако вчера меня осенило: надо сделать серую иконку, чтобы её было видно и на чёрном, и на белом фоне!

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

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

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

Чтобы обновиться, надо просто скачать новую версию и запустить установщик. Если иконки не обновятся, а вам влом перезагружаться, можно использовать такое заклинание: killall SystemUIServer

Добавлено позже: Ребята, я немного поспешил и сначала выложил дистрибутив с некрасивой иконкой и, возможно, другими ошибками. Если вы скачали раскладку в первые 45 минут, то скачайте и установите ещё раз, пожалуйста. Пардон.

Типографская раскладка 3.3 для Виндоуса

Илья Бирман — Thu, 21 Aug 2014 14:24:31 +0500

Илья Бирман:

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

Правда, стандартное сочетание для знака рубля в Винде теперь — Альт+8. Почему восемь? А потому что все создатели раскладок кроме меня ничего не слышали о логике и здравом смысле и думают, что символы можно располагать случайным образом, и это окей.

Месяц назад знак рубля добавился в Типографскую раскладку для Мака, а сегодня — и в версию для Виндоуса, так же на русской букве Р (блин, ну неужели так трудно было другим до этого додуматься?).

Спешите скачать. Спасибо Михаилу Ольенкову за помощь в тестировании.

Типографская раскладка 3.3 для Мака

Илья Бирман — Mon, 14 Jul 2014 12:02:37 +0500

Илья Бирман:

В новой версии Типографской раскладки для Мака появился знак рубля — на русской букве Р, которая очень удачно была свободна.

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

Дешёвый знак рубля в Фотошопе

Илья Бирман — Sun, 29 Sep 2013 19:36:44 +0500

Илья Бирман:

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

Читайте всё по тегу Фотошоп.

Ёлки зелёные

Илья Бирман — Mon, 20 Apr 2009 12:25:54 +0500

Илья Бирман:

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

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

Цвет волос на фотографиях — это фотошоп.

Про знак рубля

Илья Бирман — Sat, 25 Aug 2007 14:09:52 +0500

Илья Бирман:

Спрашивают, что я думаю по поводу знака рубля.

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

Всерьёз комментировать сам символ я не готов. Мне он как будто бы не очень нравится. Но я тут весьма слабо компетентен. По существу знак разобрал Юрий Гордон, и я склонен доверять ему.

Использовать знак в собственных работах я не собираюсь.

Знак доллара

Илья Бирман — Fri, 29 Jul 2005 11:48:35 +0500

Илья Бирман:

В новом параграфе Лебедев пишет, что лучший знак рубля — сокращение «руб.», написанное через пробел после числа. С этим трудно не согласиться.

Если бы он ещё понял, что знак доллара нужно ставить перед числом без пробела, так как он не является сокращением «долл.», цены бы ему не было.

Ну, вы ведь знаете, что Лебедев утверждает, будто по-русски нужно писать не «$100», а «100 $»?

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

Лебедев не понимает, что $ — это знак, а не сокращение. Когда написано «$100» я это читаю «сто долларов», и мне нисколько не мешает, что знак $ стоит перед числом. И ни одному человеку в мире это не мешает. Знак доллара всегда и везде ставятся перед числом, и без пробела; если после знака не идёт число, он смотрится дико, и прочитать его в таком подвешенном состоянии невозможно.

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

Переносить $ вправо из тех соображений, что иначе оно читается «долларов сто» — это примерно как ставить перевёрнутые вопросительные и восклицательные знаки в начале предложения, чтобы сразу знать, с какой интонацией его произносить. А ведь даже сам Лебедев смеётся над испанцами по этому поводу.

Знак $ придумали не мы, и не нам решать, как им пользоваться. Он должен использоваться только так, как это принято в мире и никак иначе. Хочешь писать «чисто по-русски» — не используй этого знака вообще, его нет в русском языке. Иначе с такой адаптацией под русский язык можно ещё, например, начать знаки ® и ™ ставить перед указанием названия, чтобы по-русски читалось удобно: «зарегистрированный товарный знак Кока-кола», «торговая марка Windows Vista».

Но постойте, Лебедев не просто хочет писать $ после числа, он ещё и хочет отделять его пробелом! И вот как он аргументирует своё требование этого уродливого пробела:

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

Логика здесь отсутствует напрочь. Во-первых, как я уже сказал, знаки и сокращения — это разные вещи. Во-вторых, как тогда объяснить тот факт, что «100%» пишется слитно? Следуя указанной логике, можно прийти к абсурдному выводу, что это «всё равно, что писать „100процентов“». Бред, не правда ли?

Поэтому, читая параграфы Лебедева, не всегда стоит верить ему на слово.

Добавлено позднее: Продолжение истории