Привет! Я — Ваня Соловьёв, дизайн-директор в DocDoc (входит в группу Сбербанк). Сегодня рубрика 🌝 Лекторий, в которой рассказываем обо всём и понемногу.
Мы, в команде дизайна, любим систематизировать знания и процессы:
- вносим повторяющиеся элементы в гайдлайны и описываем их правила построения, когда проектируем интерфейс продукта;
- создаём корпоративные шаблоны, когда менеджеры часто подходят к нам и просят «привести презентации в порядок»;
- с помощью брендбука объясняем, как взаимодействовать с фирменным стилем и создавать иллюстрации, когда начинаем плотно работать с подрядчиками;
- создаем конструктор иллюстраций в Figma, когда для приложения нужно нарисовать кучу иллюстраций.
Такая систематизация помогает исключить повторяющиеся задачи из рабочего процесса.
Всё началось с проблемы
В качественном дизайне мне нравится выверенная типографика и соблюдение правил орфографии и пунктуации русского языка. Разница между кавычками «ёлочки» и "лапки" или тонкая грань между дефисом и средним тире — знания, которые помогают сделать интерфейс эстетически аккуратным. Я решил внедрить некоторые из правил в наши процессы для дизайнеров, коллег и подрядчиков.
Первые две попытки систематизировать базовые правила русского языка закончились провалом.
Вторая версия типографики
Версия 1.0 состояла только из текста с правилами, их было много и осилить всё было не просто, поэтому ребята не читали. Во второй версии правил поубавилось и появились примеры. Стало понятнее, но процент «вовлеченных» вырос не сильно — это по-прежнему был длинный список правил без четкой структуры.
Одно правило — одна карточка
Третья версия стала проще в освоении. За основу был взят формат карточек, он же Сторис, и в каждую карточку вынесено по одному правилу. Уменьшилось количество правил, остались только базовые. Разделил их на четыре смысловые части, в каждой по 8–10 правил с примерами и горячими клавишами.
Третья версия типографики
Базовые правила русского языка в карточках
Если карточки помогли вам полюбить типографику, напишите об этом в комментариях. Нам будет приятно 🤗
Кавычки, виды тире, валюты, отбивка чисел и висячие предлоги.
Номера телефонов, физические величины, время, знаки и числа.
Адреса, виды списков и сокращения.
Даты и их диапазоны — пригодится для таблиц.
Вместо итогов
Финал рассказа остаётся открытым. C момента запуска последней версии прошёл только месяц и еще рано делать выводы. Пока я увидел две презентации менеджеров и один макет дизайнера, где появились длинные тире и правильные кавычки — динамика положительная.
Ну вот... Только первая карточка, а мозг доверчивого читателя уже взорван. =(
Спасибо за замечание — поправили. Хорошего вам дня.
Если вы открыты к замечаниям, то позвольте заметить, что только в этой карточке на мой взгляд есть еще 2 пунктуационные ошибки — отсутствует тире в первом предложении и лишняя запятая во втором. Все бы ничего, я и сам не без греха и в личной переписке забиваю на правила, но ведь это буквально статья про правила русского языка!
Спасибо за замечание — поправили. Вот вам три ❤️❤️❤️
В продолжение темы.
«Ёлочки» хотя бы на Маках можно ввести с клавиатуры стандартными средствами.
А как с «лапками» рекомендуете быть?
P.S. Хотя, честно сказать, лично я, не смотря на дотошность, просто цинично забиваю на использование «лапок» и пользуюсь обычными прямыми двойными верхними кавычками (которые стандартно есть около Enter на клавиатуре). И что-то мне подсказывает, что по этой же причине борьба за массовое использование «лапок» давно, увы, превратилась донкихотовщину (я не говорю о серьёзной книжной типографике, конечно). Обычные кавычки проще, понятнее, доступнее, их непарность не особо волнует, а верхние «лапки» с ними ещё и подло путаются визуально.
Установить типографскую раскладку Ильи Бирмана.
Эт я знаю. Хороший вариант для энтузиастов-любителей.
Но на сколько это решение подходит для народных масс, так сказать? Что-то я сомневаюсь.
Народным массам плевать, они даже запятые не ставят.
)) Я не о них.
Мы тоже не извращаемся и используем прямые двойные верхние кавычки. В русскоязычном дизайне «лапки» встречается редко и можно их заменять на верхние кавычки. Мне кажется, для обывателя нет разницы между верхними кавычками и «лапками» :)
И даже надежда на то, что в следующей карточке казус будет раскрыт, не оправдывается. Дальше уже про дефис.
здесь не нужны запятые
С одной стороны стыдно, а с другой радостно, что карточки стали еще лучше. Спасибо вам ДЫРЯВЫЙ ТАКСИТ 🤗
Кекнул с ника. Ты бы троллировал таксистов в постах про агрегаторы такси, было бы весело
Недавно, в телеграм-канале UX Notes, был пост t-do.ru/uxnotes/432, где есть все эти правила, в удобном формате. Причем документ 2014 года, автор Илья Рудерман
А Артемий — против!
Как говорится: FIGHT!!!
=)
Это я люблю.
Но почему это все не в одном месте? Такое я не люблю. Хочется сохранить, но все сразу. Можно тут в закладки, то эт не то.