Just

Kitich

web-design

Типографика для чайников. Начало

Типографика — это оформление текстов. Наука (или искусство) о том, как сделать текст красивым, удобным, читаемым.

Лирическое вступление

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

Конечно, сейчас, с использованием компьютеров, задача значительно облегчилось и пала с «наборщиков» на дизайнеров/верстальщиков.

В распоряжении современного типографа масса возможностей: расположение и структурирование текста, отступы, выбор шрифтов, кегля, цвета, кернинг, лидинг, выделения и еще масса умных слов. И всё это прямо на любимом компьютере без надобности таскать тяжёлые грузы. Хотя смысл тот же — собирать буковки вместе и готовую работу отправлять «в печать».

Задачи типографики

Как я говорил, типографика стала неотъемлемым элементом дизайна, и так же, как дизайн, решает 2 задачи: функциональную и эстетическую.

Функциональная задача: сделать текст удобным для восприятия. Это значит, пользователю должно быть легко читать и находить необходимую информацию; глаза не должны уставать от чтения; текст должен выглядеть гармонично и аккуратно — не раздражать, не отвлекать.

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

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

Лучше 1 раз увидеть

Далее немного арта из моей личной коллекции:

Пример замечательной типографики

Пример замечательной типографики

Пример замечательной типографики

Пример замечательной типографики

Пример замечательной типографики

Пример замечательной типографики

Пример замечательной типографики

Просто пример типографики :)

Умные слова

(обновлено) Всё же аппрош — слово редкоупотребительное и немного (мне, по крайней мере) язык режет :(

Лидинг (Интерлиньяж)
расстояние между строками в тексте.
Апрош (Аппрош)
расстояние между соседними буквами в строке.
Кернинг
избирательное изменение расстояния (апроша) между соседними буквами в строке с учётом геометрических особенностей букв.
Кегль
размер буквы шрифта.
Читать еще:
Подписаться: RSS
Поделиться: в Facebook в ЖЖ в Контакт в Twitter
Оценить: Бяка :(Няка :)
  1. Лидинг — расстояние между строками в тексте.

    Это еще называется интерлиньяжем?

  2. 26.04.2009
    kitich #2 Ответить

    кстати, да, спасибо ) — из головы вылетело.

  3. помойму это общеупотребительный термин как раз, а не лидинг.

    и еще — отключи капчу тем, кто уже раз ответил правильно)

  4. ссылки на хоумпейджы в ноуфолллоу еще не ставишь)

  5. 26.04.2009
    kitich #5 Ответить

    а зачем ноуфоллоу? ) я не жадный

    а за капчу надо будет подумать — внесу в баг-лист

  6. Расстояние между буквами это апрош, кернинг это растояние между определенными литерами, а не всеми. Так скажем расстояние между АУ другое чем между НТ. Для определенных литер создаются кернинговые пары.

  7. 4.05.2009
    kitich #7 Ответить

    Спасибо за уточнение, я пары и имел в виду.

    А вот про апрош раньше не слышал ))) Да здравствует Zodios+Википедия :)

  8. 4.05.2009
    kitich #8 Ответить

    Понял свою ошибку — никогда не обращал внимание на эту деталь. Спасибо.

    Исправил заметку.

  9. Федотов, интерлиньяж произнести сложнее чем лидинг, а написать тем более =)

    Сам при дизайне и верстке (веб) оперирую только кеглем и лидингом.

    Спасибо за статью, об «апроше» взял на заметку

  10. 19.03.2011
    Typewriter #10 Ответить

    Все смешали:

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

    Интерлиньяж (leading) — расстояние от базовой линии одной строкий до базовой линии следующей. Базовый интерлиньяж равен кеглю, т.е. расстояние между базовыми линиями при таком интерлиньяже равно высоте кегельной площакди.

  11. 19.03.2011
    Typewriter #11 Ответить

    Кегль — высота кегельной площадки литеры (а не самого знака). Основной размер, характеризующий шрифт и измеряемый в пунктах. Равен сумме высоты строчных букв, верхних и нижних выносных элементов. Высота строчных составляет в среднем половину кегельной площадки (от 0,4 до 0,55 кегля), высота прописных от 0,65 до 0,72 кегля.

  12. 19.03.2011
    Typewriter #12 Ответить

    Отраслевые издания более авторитетный и надежный источник чем Wikipedia!

  13. 22.03.2011
    kitich #13 Ответить

    Спасибо за уточнение.

    Хотя для специалиста, разница, конечно, не принципиальна. Но лучше знать, чтоб не ударить в грязь лицом (как это сделал я -_-).

  14. Спасибо за отличную статью! Типографика — больная тема веб дизайна, так как многие новички-дизайнеры не приделяют ей достаточного внимания

rss.)))

Что это?