войти зарегистрироваться

ТипографикаПробелы в InDesign и как я их ставлю

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

В компьютерную эпоху пробелы, как самая несодержательная часть текста, часто обходят должным вниманием при подготовке изданий. Зачастую в документе присутствуют всего два вида пробелов: обыкновенный и неразрывный (в Word'е фиксированной ширины, в InDesign'е — нет). Между тем, пробелов существует около двух десятков, и некоторые из них очень пригождаются в русской типографике.

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

Неразрывный пробел ничем не отличается по ширине и растяжению от обычного пробела, но не может быть заменён переводом строки. Неразрывные пробелы необходимо ставить после почти всех однобуквенных слов (а, в, и, к, о, с, у, я) и до «б» и «ж», иногда после двухбуквенных слов в начале предложения, между числом и единицами измерений (100 грамм, 5 м), между частями названия (InDesign 5.5).

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

Веб-дизайн Мнение: основной текст в 16px из песочницы

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

Блог компании NokiaNokia Pure: чистая типографика

Сегодня мы хотим поговорить с вами на слегка нестандартную для нас тему – о типографике.
Мы стараемся заботиться не только о внешнем виде наших устройств, но и о том, как выглядят интерфейсы нашего ПО. В рамках постоянной работы над этим не так давно появился новый фирменный шрифт – Nokia Pure, который приходит на смену многим знакомому Nokia Sans.

Разработкой шрифта занимается Бруно Мааг и несколько других тайп-дизайнеров его студии Dalton Maag. Вы, вероятно, уже знакомы с работами этой студии. Издательство Dalton Maag в прошлом году выпустило шрифт Ubuntu, который появился в одноимённой ОС версии 10.10.

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

Бруно Мааг зол на современную типографику. Он ненавидит Гельветику, сравнивая это семейство шрифтов с дешевым мороженым: «Если вы представите себе мороженое, то Гельветика — это дешевое, противное, сделанное из воды с применением заменителей и растительных жиров мороженое. Состав плохой и оставляет немножко забавное послевкусие». По версии Маага, в Гельветике чувствуется что-то старомодное: шрифт был основан на старом семействе шрифтов Akzidenz Grotesk (1896 год), и все, кто называет Гельветику современной, не могут называться модернистами.

ТипографикаКомбинированная русско-украинская типографская раскладка клавиатуры для Mac OS X 10.6

Привет, Хабр.

Вот уже вторую неделю моя основная операционная система — Mac OS X (10.6.7). Впечатления… неоднозначные. Многие вещи очень нравятся, с некоторыми готов смириться (и даже допускаю, что придет время, когда сочту их удобными), но есть и такое, что меня не устраивает просто категорически. А именно — клавиатурные раскладки. Дело в том, что мне приходится работать с оформлением текстов (соответственно, нужна удобная типографская раскладка), плюс к этому — помимо английского и русского языка, достаточно часто требуется украинский. Ну и я 15 лет отстучал по PC-шной клавиатуре и продолжаю ее использовать на основной работе.

Осмотревшись в Mac OS X в ее состоянии «из коробки», я загрустил… Ситуация, глазами свичера-нюба с повышенными запросами, приблизительно следующая:
  1. Переключение раскладки по Command + Space. Достаточно красивое решение — отбражение большого полупрозрачного окна с раскладками, но мне непривычно.
  2. Раскладка по-умолчанию — U.S. Не отключается (во всяком случае, вопрос в Q&A все еще без ответа).
  3. Типографические символы на раскладках присутствуют, но набор не соответствует тому, что я обычно использую — много лишнего (для меня) и многого нехватает.
  4. Стандартная русская раскладка отличается от PC-шной — точка и запятая доступны по Shift + 6, Shift + 7. Есть правда, и PC-шный вариант. С украинской всё совсем плохо — PC-шного варианта нет, плюс заменены местами буквы «И»/«І».

Что делают гики, когда их что-то не устраивает в системе? Правильно. :) Берут в руки напильник.

Первым делом я портировал под мак свою типографскую раскладку:

Английская раскладка

Дизайн в ITВидеоинфографика и типографика

Вашему вниманию предлагаю пару видео, посвященных типографике и печатным станкам.


ИнтерфейсыМетааудит: аудит юзабилити аудита юзабилити Хабрахабра

Впервые на хабре: метааудит!
Сегодня у нас в программе аудит юзабилити аудита юзабилити Хабрахабра от хабраюзера webprojects.
Под катом—немного текста и много картинок.

AndroidМечта любителя типографики сбывается: пополняем клавиатуру мобильника (снабжённого Android) русскими кавычками, тире, символами параграфа и приближённого равенства, буквами Имперской Речи

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

Под Windows и под Mac подспорьем поклонника типографики является раскладка Бирмана или другие аналогичные ей средства, а пользователи Linux используют несколько более сложные ([1], [2]), но всё же действенные изыски. И только под Android мне никак не удавалось (вплоть до сегодняшнего дня) достигнуть желаемого. Это было настоящим кошмаром, особенно когда в конце мая 2011 года кишечная инфекция привела меня на больничную койку в изоляторе, где ноутбуки были запрещены правилами внутреннего распорядка. Целую неделю пришлось валяться в обнимку с HTC Desire, купленным в прошлом году, и мучительно страдать от необходимости долгое время обходиться вообще без типографики, и даже после выздоровления не иметь возможности исправить её там, где реплики не поддаются исправлению (комментарии на Хабрахабре и в LiveJournal, микроблог в Твиттере, ответы на Формспринге…).

Тогда мне ещё казалось, что тупик безвыходен, совершенно безвыходен. Стандартная клавиатура HTC Sense не имеет редактируемой раскладки нестандартных символов, а её собственный набор их — далёк от желаемого. Множество других клавиатур, имеющихся в Android Market, также не содержат клавиши неразрывного пробела, не содержат достойных, полноценных кавычек. А некоторые плоды труда Юго-Восточной Азии даже и частью русских букв жертвуют — например, ознакомившись с одним из обзоров kedDroid, вы узнаете, что раскладка Go Keyboard не содержит твёрдого знака и буквы «ё» (и только XHunter мне подсказывает, что они есть там, доступные по длинному нажатию — просто не нарисованы с той же явственностью, с какой изображены цифры в верхнем ряду):

[скриншот]

Как ни странно, азиатом же оказался и тот, кто помог мне найти выход из этого тупика. То был Jon Quach с бодрым видеообзором программы Smart Keyboard:

Типографика10 шрифтов из комиксов Oatmeal



Самый часто используемый шрифт, автор — Kimberly Geswein

Примеры использования:

ТипографикаТипографика на Вебе

Типографика на Вебе прошла длинный путь с тех пор как Тим Бёрнерс-Ли нажал на рубильник в 1991-ом году. Давным-давно, во времена IE 1.0, выражение «хорошая типографика на Вебе» было, скорее, оксюмороном (сочетанием противоположных по значению слов). Многое успело измениться. У нас есть не только браузеры, которые умеют показывать картинки (ах!); у нас есть возможность оживлять наши веб-страницы, используя великолепную типографику.

image

ТипографикаЛучшие шрифты для программирования

Статья написана в 2009 году, и с тех пор многое изменилось, в том числе появились некоторые альтернативные шрифты для программирования, например, Anonymous Pro.

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

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