{"id":13800,"url":"\/distributions\/13800\/click?bit=1&hash=494bcf8595527c8c9e734d9291ef1b1692fb7de6e7f241fd1532d02dbe17011c","title":"\u041b\u0430\u0439\u0444\u0445\u0430\u043a\u0438 \u0434\u043b\u044f \u0442\u043e\u0440\u0433\u043e\u0432\u043b\u0438 \u043d\u0430 \u00ab\u041c\u0430\u0440\u043a\u0435\u0442\u0435\u00bb ","buttonText":"\u0423\u0437\u043d\u0430\u0442\u044c","imageUuid":"fb0a50bc-0a7b-535f-b137-b58b2208d639","isPaidAndBannersEnabled":false}

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

Привет! Я — Ваня Соловьёв, дизайн-директор в DocDoc (входит в группу Сбербанк). Сегодня рубрика 🌝 Лекторий, в которой рассказываем обо всём и понемногу.

Мы, в команде дизайна, любим систематизировать знания и процессы:

  • вносим повторяющиеся элементы в гайдлайны и описываем их правила построения, когда проектируем интерфейс продукта;
  • создаём корпоративные шаблоны, когда менеджеры часто подходят к нам и просят «привести презентации в порядок»;
  • с помощью брендбука объясняем, как взаимодействовать с фирменным стилем и создавать иллюстрации, когда начинаем плотно работать с подрядчиками;
  • создаем конструктор иллюстраций в Figma, когда для приложения нужно нарисовать кучу иллюстраций.

Такая систематизация помогает исключить повторяющиеся задачи из рабочего процесса.

Всё началось с проблемы

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

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

Вторая версия типографики

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

Одно правило — одна карточка

Третья версия стала проще в освоении. За основу был взят формат карточек, он же Сторис, и в каждую карточку вынесено по одному правилу. Уменьшилось количество правил, остались только базовые. Разделил их на четыре смысловые части, в каждой по 8–10 правил с примерами и горячими клавишами.

Третья версия типографики

Базовые правила русского языка в карточках

Если карточки помогли вам полюбить типографику, напишите об этом в комментариях. Нам будет приятно 🤗

Кавычки, виды тире, валюты, отбивка чисел и висячие предлоги.

Номера телефонов, физические величины, время, знаки и числа.

Адреса, виды списков и сокращения.

Даты и их диапазоны — пригодится для таблиц.

Вместо итогов

Финал рассказа остаётся открытым. C момента запуска последней версии прошёл только месяц и еще рано делать выводы. Пока я увидел две презентации менеджеров и один макет дизайнера, где появились длинные тире и правильные кавычки — динамика положительная.

0
17 комментариев
Написать комментарий...
Kirill Pankin

Ну вот... Только первая карточка, а мозг доверчивого читателя уже взорван. =(

Ответить
Развернуть ветку
СберЗдоровье
Автор

Спасибо за замечание — поправили. Хорошего вам дня.

Ответить
Развернуть ветку
Dima Mistu

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

Ответить
Развернуть ветку
СберЗдоровье
Автор

Спасибо за замечание — поправили. Вот вам три ❤️❤️❤️

Ответить
Развернуть ветку
Kirill Pankin

В продолжение темы.
«Ёлочки» хотя бы на Маках можно ввести с клавиатуры стандартными средствами.
А как с «лапками» рекомендуете быть?

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

Ответить
Развернуть ветку
JhaoDa

Установить типографскую раскладку Ильи Бирмана.

Ответить
Развернуть ветку
Kirill Pankin

Эт я знаю. Хороший вариант для энтузиастов-любителей.
Но на сколько это решение подходит для народных масс, так сказать? Что-то я сомневаюсь.

Ответить
Развернуть ветку
JhaoDa

Народным массам плевать, они даже запятые не ставят.

Ответить
Развернуть ветку
Kirill Pankin

)) Я не о них.

Ответить
Развернуть ветку
СберЗдоровье
Автор

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

Ответить
Развернуть ветку
Kirill Pankin

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

Ответить
Развернуть ветку
ДЫРЯВЫЙ ТАКСИСТ

здесь не нужны запятые

Ответить
Развернуть ветку
СберЗдоровье
Автор

С одной стороны стыдно, а с другой радостно, что карточки стали еще лучше. Спасибо вам ДЫРЯВЫЙ ТАКСИТ 🤗

Ответить
Развернуть ветку
Илитный Иксперт

Кекнул с ника. Ты бы троллировал таксистов в постах про агрегаторы такси, было бы весело

Ответить
Развернуть ветку
Андрей Тришин

Недавно, в телеграм-канале UX Notes, был пост t-do.ru/uxnotes/432, где есть все эти правила, в удобном формате. Причем документ 2014 года, автор Илья Рудерман

Ответить
Развернуть ветку
Kirill Pankin

А Артемий — против!
Как говорится: FIGHT!!!
=)

Ответить
Развернуть ветку
Бессмысленный самолет

Это я люблю.
Но почему это все не в одном месте? Такое я не люблю. Хочется сохранить, но все сразу. Можно тут в закладки, то эт не то.

Ответить
Развернуть ветку
Читать все 17 комментариев
null