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

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

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

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

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

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

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

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

<p>Вторая версия типографики</p>

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

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

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

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

<p>Третья версия типографики</p>

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

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

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

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

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

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

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

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

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

1616
17 комментариев

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

5
Ответить

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

1
Ответить

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

Ответить

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

2
Ответить

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

2
Ответить

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

1
Ответить

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

1
Ответить