Типографика

Интерфейсы во многом состоят из текста, и от того как набран этот текст, зависит общее восприятие дизайна и удобство работы с системой.

Стили типографики, для использования в сервисах Контура смотрите в гайде по текстовым стилям.

Разрядка

Текст ПРОПИСНЫМИ набирается вразрядку. Чем мельче текст, тем бо́льшая разрядка нужна. Большой объем текста набирать прописными нежелательно — читаемость хуже.

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

Фредерик Гауди говорил: «Тот, кто набирает строчными вразрядку, способен красть овец».

Тонкий пробел

Тонкий пробел или 1/8 круглой шпации используется для отделения порядков в числах, наборе инициалов и некоторых других случаях. В HTML тонкий пробел вставляется мнемонимом &thinsp. Чтобы вставить тонкий пробел в макет, включите в настройках Mac OS ввод юникод символов:

Откройте System Preferences > Keyboard > Input Sources.
Нажмите кнопку + под списком источников ввода.
В самом низу списка выберите «Other», а в окне справа — «Unicode Hex Input» и добавьте его в список источников ввода.

Перед вводом юникод символов выберете источник ввода «Unicode Hex Input». Зажав клавишу Option наберите «2009» — с нажатием последней цифры введется тонкий пробел. Не забудьте написать отдельный комментарий для верстальщика, иначе тонкий пробел при переносе макета в верстку может превратится в обычный.

Когда тонкий пробел недоступен, нужно ставить обычный. За исключением знаков % и №, их в таком случае лучше набирать без отступов.

Знак рубля

Используйте знак рубля — ₽. За знаком рубля закреплен юникодовский символ U+20BD и он присутствует в актуальных версиях Lab Grotesque K и Helvetica Neue.

Телефонные номера

Телефонные номера вида (343) 123-45-67 Айфон понимает неправильно. Если открыть на Айфоне страницу с таким телефоном и тапнуть по номеру, то Айфон попытается набрать 343 123-45-67 — не догадается добавить в начало 8 или +7. Решить проблему можно: сверстать так, чтобы Айфон видел +7, а пользователь Айфона — не видел. Если хитрое решение по каким-то причинам невозможно, пишите бесхитростно: +7 343 123-45-67.

Пробелы

«
»
 Обычный
«
 
»
 Неразрывный
 
«
»
 Тонкий пробел
 

Черточки

Я
 
директор интернет‑магазина
Эстеты могут отбивать тире тонкими шпациями.
20-30 котлет
В диапозонах цифрами — короткое тире без отбивки.
Возьмите двадцать
 
тридцать котлет
В диапозонах — тоже длинное тире.
−30...−5
°C, но 40°
Правильные минусы. Многоточие — не один символ, а три точки.

Цифры

3030
1810
5000
0100
0001

2
×
7
146
%
Номера карт и счетов разбиваются на блоки.
В уравнениях знаки отбиваются тонкой шпацией.
+3; -7; и ±9
Знаки унарных операций — без отбивки.
4
520
800,8

1
м² за 920,00
Единицы измерения и разряды отбиваются тонкой шпацией
Документ №
21701
Номера обычно не разбиваются на группы
2.8
2,8
Дробная часть отделяется запятой

Телефонные номера

+7
 
495
 
123-45-67
Не ставьте скобки, если номер нельзя набрать без этого кода. Например, если это номер сотового или городского, который набирают с кодом — у Москвы есть два кода города.
(343)
 
123-45-67
При верстке незримо поставьте +7 в начало для того, чтобы Айфон правильно набрал номер.
8
 
800
 
100-10-10
Только 8 800 с восьмерки, в остальных случаях +7.

Дата и время

9 апреля, пятница
Апрель лучше, чем 04.
9.04.2012 в 7:40
В датах — точка, во времени — двоеточие
9 апреля 2012
Если места не жалко, ставить в конце г.
9/04/2012 в 7.40

Адреса и т.п.

ул.
 
П.
С.
 
Пушкина,
18а/2,
корп. 3
оф.
105
©
 
1988-2019
СКБ
 
Контур
т. к.
и
 
т. д.