Типографика, Пять уровней грамотности Опции

[Рэйдзи]

Возможно кому то будет интересно знать или даже пригодится..

Типографика. Пять уровней грамотности

В данной статье я расскажу об основных правилах русской типографики, которые налево и направо нарушают все, кому не лень. Даже те, кому это непростительно — дизайнеры.

В чём суть

Я считаю (и вам стоит со мной согласиться), что дизайнер должен быть грамотным. Это вовсе не значит, что он должен на форумах и в ICQ грамотно расставлять знаки препинания. Нет. Но он должен быть грамотным по крайней мере в тех работах, которые он выполняет.

Так получилось, что не все правила русского языка (и типографики) преподают в школе. Поэтому, давайте наверстаем упущенное. Статья разбита на пять основных частей:
— Уровень первый. Основы. (Здесь рассказано о самых элементарных правилах русской типографики, знать которые должен каждый.)
— Уровень второй. Штрихи. (Более подробно рассмотрены кавычки, апострофы и иже с ними.)
— Уровень третий. Черточки. (Всё о дефисах, минусах и дефисоминусах.)
— Уровень четвертый. Проблемный. (Решение типографических проблем в бытовых условиях.)
— Уровень пятый. Литературный. (Ссылки на дополнительные материалы по теме.)

К слову сказать, я не изобретаю велосипед. Всё, что здесь будет написано, я почерпнул из конкретных источников, на которые и буду постоянно ссылаться. Итак, поехали.

Уровень первый. Основы.

За основу взяты 62-й и 97-й параграфы «Ководства».

Кавычки
Да будет вам известно, что знак «"» — это не кавычки. То есть, если вы напишите «Скажи ему: "Стой!"», все поймут, что это прямая речь. Но это не кавычки.

В русском языке используются «ёлочки» или „лапки”. Если вам нужно оформить вложенные кавычки, делается это так:
— А я ему и говорю: «Послушай, браток. Не тормози, „сникерсни”».
Допускается и обратный вариант: „ … « … »”. Но первый предпочтительнее.

В английском языке нужно использовать ” … ” или ‘ … ’.

Далее. Есть дефис, есть минус, и есть тире. И это три разных знака:
‐ дефис;
– минус;
— тире.

Как видите, они имеют разную длину. И пользоваться ими надо согласно правилам русского языка. К примеру, в слове «красно-желтый» используется дефис, а в предложении «Тронешь танк — п*зды получишь» — тире. В математических формулах — минус; при обозначении прямой речи — тире. При обозначении интервалов (года, например), также используют тире. Причем делают это следующим образом:
2003—2007 (Без пробелов вокруг тире.)

Чтобы не путаться, что есть дефис, а что — тире, предлагаю простой способ запомнить: азбука морзе; точки и тире. Точка — короткий сигнал, тире — длинный. Запомнили: тире длинное, дефис короткий.

Всяческие знаки, типа «авторское право» или «зарегистрированный товарный знак» изображаются только так:
©, ™, ®
Записи вроде «( с ) 2003» и «Соса-Сола( R )» неправильны. Их использовали неандертальцы, когда еще не изобрели компьютер; сейчас ими пользуются ленивые бездари.

Про букву «ё»
Цитирую § 10 справочной службы русского языка:
Буква ё пишется в следующих случаях:
— Когда необходимо предупредить неверное чтение и понимание слова, например: узнаём в отличие от узнаем; всё в отличие от все; вёдро в отличие от ведрo; совершённый (причастие) в отличие от совершенный (прилагательное).
— Когда надо указать произношение малоизвестного слова, например: река Олёкма.
— В специальных текстах: букварях, школьных учебниках русского языка, учебниках орфоэпии и т.п., а также в словарях для указания места ударения и правильного произношения.
Примечание. В иноязычных словах в начале слов и после гласных вместо буквы ё пишется йо, например: йод, йот, район, майор.
(Конец цитаты.)

Во всех остальных случаях пишется буква «е».

Многоточие и три точки это не одно и то же. Сравните:
... — три точки;
… — многоточие.

Уровень второй. Штрихи.

За основу взята статья Ильи Бирмана «Закорючки».

Давайте подробнее поговорим о всяких кавычках, дюймах и прочих «соплях». Мы уже знаем о том, как использовать русские и английские кавычки, но помимо них есть другие знаки.

Например, «'», который печатается из английской расскладки и находится на одной кнопке с русской «э». Этот символ используется, в основном, в языках программирования; в типографике он не используется совсем.

Закрывающая английская кавычка «’» является одновременно апострофом.


Косой штрих (или «прим») используется для обозначения футов и минут, а двойной такой штрих — для обозначения дюймов и секунд:


Такой же штрих используется в математике:


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

Без акута cafe бы читалось «кэйф», а с ним — «кэфэй».

В русском языке акутом обозначают ударение:


Гравис в английском языке используется для обозначения слога, который надо прочитать, когда по правилам он не читается:
http://ilyabirman.ru/meanwhile/files/grave-mixed.gif
Это слово читается «миксэт», а не «микст»; грависом можно пользоваться в стихах, когда иначе сломается рифма. Каким образом гравис попал на компьютерную клавиатуру (буква «ё» в английской раскладке) — загадка.

Уровень третий. Черточки.

В основе лежит статья «Черточки: только ли тире, минус и дефис?»

Давайте теперь расширим наше представление о «черточках». Их не три, а, как минимум, девять; одного тире — две штуки.

Дефисоминус — это то, что есть на клавиатуре. По размерности он является, как можно было догадаться, чем-то средним между дефисом и минусом. Используется только как замена дефису или тире при отсутствии возможности использовать эти знаки. Также используется в синтаксисе, например, языков программирования.

Дефис (‐) — тот самый, о котором речь шла выше. Про него вы уже всё знаете.

Минус используется исключительно в математических выражениях и равен по ширине любой цифре, а также знаку «+».

Цифровая чёрточка / figure dash (‒) используется, например, для написания номеров телефонов: 555‒75‒59.

Символ переноса / мягкий дефис обозначается в HTML как ­ и служит для обозначение тех мест в словах, где можно сделать перенос слова при отображении в окне браузера.

Черточка / черточный буллит (⁃) используется для маркировки элементов списка. Однако в русской типографике им не пользуются. Для этих целей существуют «кружочки» и «квадратики». Также для обозначения маркеров списка можно воспользоваться тире.

Короткое тире (–, en dash, чёрточка шириной с букву «n») используется в западной типографике.

Длинное тире (—, em dash, чёрточка шириной с букву «M») используется в русской типографике.

Горизонтальная черта (―) используется на Западе для обозначения диалогов.

Для сравнения, в одной строке: - ‐ − ‒ ⁃ – — ―



Уровень четвертый. Проблемный.

Ну что же, будем считать, что грамоте мы обучены. Теперь, как это всё применять на прктике, ведь большинство нужных нам символов просто отсутствуют на клавиатуре. Давайте по порядку.

Перечень обозначения символов в HTML:
(На основе § 62 «Ководства» и статьи «Черточки […]»)

Код Отображение Название
& #167; § параграф
& #169; © знак охраны авторского права (copyright)
& #174; ® символ зарегистрированного товарного знака
& #153; ™ символ товарного знака
& #176; ° знак градуса
& laquo; « левая кавычка (левая ёлочка)
& raquo; » правая кавычка (правая ёлочка)
& #133; … многоточие
& #146; ’ апостроф
& #132; „ открывающая лапка
& #147; ” закрывающая лапка
& #147; ” открывающая английская лапка
& #148; ” закрывающая английская лапка
& #149; • жирная точка
& minus; − минус
& #177; ± плюс-минус
& #151; — тире (длинное)
& ndash; – короткое тире
- - дефисоминус
& #x2010; ‐ дефис
& #x2012; ‒ цифровая чёрточка
& shy; символ переноса
& #x2043; ⁃ чёрточный буллит
& #x2015; ― горизонтальная черта (в западной типографике)
& #8470; № знак номера

Внимание! При верстке нужно убрать пробелы после «&».

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



Список некоторых типографов (в порядке убывания качества результата):
(С сайта Павла Марковнина)

• Типограф Студии Лебедева — лучший в своем роде сервис. Имеет веб-сервис и клиент (работает через сокеты, но медленно) на нескольких языках.
• Jevix — возможности те же, что и у предыдущего. У веб-сервиса есть настойки, где можно определить почти все нужные параметры форматирования. Есть клиент на perl, но, к сожалению, нет клиента на php (версия в разработке).
• Typografica@pixelapes — осуществляет контроль опечаток. Есть онлайн сервис с настройками и клиенты на php и javascript.
Минусы: некорректно обрабатывает вложенные кавычки.
• http://ecto.ru/projects/typo/ — кроме указанного, иногда исправляет пробелы у пунктуации и формирует висячую пунктуацию. Есть онлайн версия и клиент на php.
Минусы: некорректно обрабатывает вложенные кавычки, работает только в utf-8.

Что же касается повседневного набора таких символов — тут всё печальнее. Но выход тоже есть. Самое простое — копировать нужные символы, например, из «Вёрда» (Вставка → Символ…). Задротство еще то. Можно проще: зажимаем левый «альт» и на блоке цифр справа набиваем код символа (на ноутбуках нужно еще нажать функциональную клавишу и тыкать по верхнему ряду цифр).

Таблица «альт-сочетаний»:
(Из записи в дневнике Asat)

<Alt> + 0171 «
<Alt> + 0187 »
<Alt> + 0151 — (длинное тире)
<Alt> + 0150 – (короткое тире)
<Alt> + 0169 ©
<Alt> + 0133 … (многоточие)
<Alt> + 0160 (неразрывный пробел)
<Alt> + 0176 ° (градус)
<Alt> + 0149 • (булит)
<Alt> + 0145 ‘ (открывающая одинарная кавычка)
<Alt> + 0145 ‘ (открывающая одинарная кавычка)
<Alt> + 0146 ’ (закрывающая одинарная кавычка или апостроф)
<Alt> + 0147 ” (открывающая двойная кавычка)
<Alt> + 0148 ” (закрывающая двойная кавычка)
<Alt> + 0132 „ (русская открывающая двойная кавычка)
<Alt> + 0147 ” (русская закрывающая двойная кавычка)
<Alt> + 0167 § (знак параграфа)
<Alt> + 0177 ±
<Alt> + 0174 ®
<Alt> + 0183 · (точка посредине)
<Alt> + 0153 ™

Это уже лучше; к такому способу быстро привыкаешь. Однако пять кнопок ради одного знака — слишком много.

Хорошим выходом является переназначение раскладки клавиатуры. Можно сделать это самому, а можно, к примеру, воспользоваться типографской раскладкой Ильи Бирмана. Подробное описание по усановке/использованию/удалению сего чуда есть на его сайте. Здесь лишь скажу, что данная раскладка призвана реализовать быстрый набор некоторых символов через правый «альт».

http://ilyabirman.ru/tools/typography-layo...layout-2008.gif

К примеру:
<Right Alt> + <
В этом случае вы получите открывающую русскую кавычку-«елочку».

Уровень пятый. Литературный.

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

Что еще почитать?

• Почитайте правила русского языка
• «Ководство». В частности:
§ 62. Экранная типографика
§ 74. Доллар куда будем ставить?
§ 91. Краткая история телефонных номеров
§ 97. Тире, минус и дефис
§ 104. Кавычки
§ 114. Корпоративный русский
§ 119. Буква ё
§ 120. Висячая пунктуация
§ 121. Об употреблении некоторых топонимов
§ 135. Неформальная типографика
§ 143. Знаки препинания в нестандартных ситуациях
• Статьи на хабре:
Черточки: только ли тире, минус и дефис?
Оформление цитат на сайтах
Решение проблем с типографской раскладкой Ильи Бирмана
• Илья Бирман «Закорючки»
• Павел Марковнин «Типографы»
• Автотипографика:
Правила
Программа
• The elements of typographic style applied to the web
• Блог о дизайне и рекламе
• Книги по типографике
• Петр Коломнин «Краткие сведения по типографскому делу»
• Знак охраны авторского права

Автор: FSD

[Sun]

что тут обсуждать?

[Рэйдзи]

Вот тебе лиж бы пообсуждать, а тебе не кажется, что просветительская деятельность не менее полезна?

Советую всем почетать «Ководство», оч интересная и полезная вещь

[Miriam]

ну и что ж. картинка,если она призванапоказывать безграмотность, всего лишь соответствует закону, что называния иностранных фирм подвергают траскрипции\транслиттерации. Нас этому в институте учат) Смотрится, конечно, дико, но все кириллицей

[Sun]

Вот тебе лиж бы пообсуждать, а тебе не кажется, что просветительская деятельность не менее полезна?

кажется.
тем не менее прямого ответа я не увидела...
кхм.
просвящай )))

[Рэйдзи]

ну и что ж. картинка,если она призванапоказывать безграмотность, всего лишь соответствует закону, что называния иностранных фирм подвергают траскрипции\транслиттерации. Нас этому в институте учат) Смотрится, конечно, дико, но все кириллицей

Нет, здесь не о правиле транскрипции говорится, к этому притензий нет. Ну вот чтоб было видно контекст дам прямую ссылку http://www.artlebedev.ru/kovodstvo/sections/114/

[Miriam]

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

[Рэйдзи]

Просто те люди которые занимаются банерами, статьями, журналисты, рекламщики могут мелкую арфографию например в ворде исправить. Ну а эти пафосные безграмотные предложения щас очень популярны...

[Miriam]

Начинать нужно с себя, чтоб быть грамотным. Очень легко тыкать в пальцем на тех, чьи ошибки у всех на глазах. Я и сама читаю статьи такого рода, т.к. учеба обязывает. Но это лишь соринка в чужом глазу, имхо.

[Рэйдзи]

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

[Miriam]

Тогда лучше выложи правила о безударных гласных и согласных в корне и на "тся-ться")) Да в одном этом топике уже куча ошибок)) Причем я не беру в счет синтаксис)

[Гость_SpinFire_*]

интересная статья )) теперь хоть буду знать как разные символы на клаве набрать можно )