Визуальная компенсация круглых объектов

Так как круг всегда заполняет меньше места чем квадрат – его всегда нужно искусственно увеличивать, чтобы сбалансировать массу объектов. Это особенно применимо когда нужно разместить иконки соцсетей.

Выравнивание с учетом визуальной компенсации

Если выставлять автоматическое выравнивание по левому краю, то круглые объекты нужно искусственно смещать немного левее, чтобы не было ощущения, что они уехали вправо.

Выравнивание букв

Засечки работают по тем же принципам, что и висячая пунктуация. Для выравнивания по левому краю стоит круглые объекты и засечки выносить за линию выравнивания.

Висячая пунктуация

Для того чтобы не нарушать ритм чтения (знаки пунктуации мы не читаем) их нужно выносить за границы линии выравнивания.

Правильные кавычки

В каждом языке есть свои кавычки. Использовать не те кавычки это все равно что вместо санта-клауса приедет дед мороз.

Выравнивание номера телефона

Лучший способ выравнивать номер телефона – по знаку плюс. Он должен выезжать влево на половину.

Неразрывный пробел Copy

Во время чтения при переводе взгляда на следующую строчку мы автоматически делаем паузу про себя. Предлоги всегда относятся к следующему за ними слову, для того чтобы не было лишней паузы предлоги нужно переносить на следующую строчку (неразрывным пробелом)

Узкий неразрывный пробел Copy

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

Знак валюты

В разных странах по-разному читаются знаки валюты. В Европе и США знак валюты и цена воспринимаются как единый объект (цена), а в русскоговорящих странах знак доллара произносим как отдельное слово, поэтому его есть смысл отделять.

Наследование оформления

Знаки препинания наследуют стилистику предыдущего слова. Но есть — в ценах отделение копеек (так как копейки имеют меньшее значение, а запятая служит разделителем именно для них, то на запятую акцент лучше не делать).

Порядковый и десятичный разделители

Между цифр ставим неразрывный пробел (рекомендация от ISO 31-0), в англоязычных странах центы отделяем точкой, в остальных копейки отделяем запятой.

Отступы от тысяч

Мозг способен воспринимать блоки по 3-4 цифры сразу (по аналогии с делением номера телефона на блоки), поэтому цены из четырех цифр можно не разделять.

Длинное тире

Используется как самое простое тире, которое стоит в предложениях. Не нужно его путать с коротким тире (используется для диапазонов), по обе стороны от длинного тире стоят пробелы.

Короткое тире

Для указания любого диапазона (дат, чисел, цен и т.д.) используется специальный символ — короткое тире, без пробелов с обеих сторон.

Дефис

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

Символ минуса

На клавиатуре нет символа минуса, есть только символ дефиса, он короче и ниже чем плюс, правильны минус должен быть той же длинны и высоты, как и плюс. С обеих сторон минуса желательно ставить пробел (исключение — отрицательные числа).

Икс и символ умножения

С помощью символа умножения и с помощью буквы икс можно указать что что-то умножается. Тут важно не путать порядок. Предпочтительнее использовать символ умножения.

Формат написания телефона

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

Формат написания адреса

Общий порядок написания адреса от частного к общему: получатель, адрес, город и индекс, страна, планета, галактика и т. д. Адрес указывают в обратном порядке (от общего к частному, для удобства почтальона).

Телефоны в США

В США телефоны принято разделять точками, а не дефисами и пробелами.

Акцент на важном

Если нужно указать телефон или емейл не нужно увеличивать слово телефон, нужно увеличить сам номер. Дае если убрать слово «Телефон», то пользователь все равно поймет, что это телефон. Чем меньше лишней информации, тем лучше.

Сокращение банковских карт

В зависимости от места выделенного для номера банковской карты есть разные типы сокращения. Самый короткий — звездочка перед номером, самый длинный — отображает буллитами скрытые символы.

Разрядка в строчных и прописных

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

Теория близости

Если два объекта находятся рядом, то они имеют что-то общее между собой. Это же относится к краю листа или экрана. Если объект прилип к краю экрана, это значит, что они как-то взаимодействуют.

Интерлиньяж 100–150% от кегля

Так чтобы в строку было удобно читать, т.е. 5-7 слов в строку.

Выключка

Для русскоговорящего пользователя удобно читать только когда текст выравнен по левому краю (это требует минимум усилий). Выключка на всю ширину страницы допустима только при наличии переносов (обычно это используют для печати).

Про выключку по центру

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

Вас с большой буквы

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

Тире, минус и дефис

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

Зачеркивание

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