Что такое типографика кратко

Обновлено: 05.07.2024

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

Что же такое типографика?

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

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

Что такое типографика?

Оформление печатных символов в визуально привлекательный и разборчивый текст называется типографикой. Само слово происходит от греческого “типос” — отпечаток и “графо” — пишу.

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

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

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

Основные виды гарнитуры

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

Например, Corbel – это гарнитура, которая включает Corbel Light, Corbel Bold Italic, Corbel Light Italic и другие шрифты.

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

Антиква

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

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

Их можно изменить, поэтому многие гарнитуры включают начертание курсивом и жирным, низкую капитализацию и другие стили.

Несмотря на то, что антиква отличается маленькими засечками в конце букв, у нее есть много вариаций. Одна из самых известных — Times New Roman.

Гротеск

Гарнитура гротеск начала пользоваться популярностью с середины 20 века, и имеет более готический вид, в то время, как антиква считается “римским” стилем.

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

Рукописная

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

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

Акцидентная

Шрифты акцидентной гарнитуры забавные, неформальные и оригинальные. Их обычно используют в коротких текстах, например заголовках.

Многие бренды используют данную гарнитуру в дизайне логотипа. Два ярких примера логотипов, выполненных с акцидентной гарнитурой, – Disney и Fanta.

Элементы типографики, которые нужно знать

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

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

Интерлиньяж

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

Трекинг

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

Кернинг

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

Выравнивание

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

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

Применив один из видов выравнивания, удостоверьтесь, что на строке не “висят” одиночные слова или знаки препинания. Чтобы быть визуально привлекательным, текст должен выглядеть опрятно, иметь четкую структуру – не забудьте применить трекинг, если необходимо.

Иерархия

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

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

Важные правила и советы для новичков

Читабельность в приоритете

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

Делимся полезными советами, как сделать текст эффектным:

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

Используйте сетку

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

Если вы новичок, начните с простой сетки, чтобы понять, как она работает.

Потом вы можете перейти к более сложным сеткам, однако помните, что вам не нужно загружать всю страницу элементами и текстом. Оставьте пустое пространство. Так вашему тексту будет легче “дышать”, а читателю – сконцентрироваться на важной информации.

Не поддавайтесь трендам

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

Лучшая теория — это практика

И новички и гуру дизайна постоянно чему-то учатся. Поэтому, если вы хотите достичь совершенства, практика – обязательное условие.

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

Подведем итоги

Проще говоря, типографика — это придание тексту визуальной составляющей. Ее проявления можно найти во всех сферах жизни.

Основных гарнитур четыре: гротеск, антиква, рукописная и акцидентная.

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

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

Креативный директор агентства Agima Григорий Коченов рассказал Нетологии об основах типографики, шрифтовых трендах, ключевых понятиях и правилах комбинирования шрифтов.

Григорий Коченов

Креативный директор агентства Agima

Типографика — это игра со словом, шрифтами и образами, благодаря которым получаются крутые концепты, как в этом видео:

Выравнивание текста

Выключка — это способ выравнивания текста. Есть 4 вида выключки: слева, справа, по центру и по ширине.

Схематическое изображение видов выключки. При выключке по ширине размер межсловных пробелов в каждой строке колеблется от едва заметного до огромного

В вебе принято выравнивать текст по левому краю, потому что это привычно и текст так легко считывается.

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

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

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

Базовые правила

Типографьте текст перед публикацией. Используйте типограф Лебедева. Он учитывает десятки правил типографики: убирает висячие предлоги, ставит правильные кавычки, заменяет дефис на тире.

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

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

Содержание

Примечания

См. также

Литература

Ссылки

Wikimedia Foundation . 2010 .

Полезное

Смотреть что такое "Типографика" в других словарях:

типографика — типографика … Орфографический словарь-справочник

типографика — (Typography) Искусство расположения шрифта и других компонентов набора на площади печатной страницы или в пространстве печатного издания … Шрифтовая терминология

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

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

типографика — типогр афика, и … Русский орфографический словарь

Типографика — Искусство расположения шрифта и других компонентов полиграфического набора на некой площади или в некотором пространстве … Краткий толковый словарь по полиграфии

Типографика — (от гр. typos – отпечаток, форма, образец и graph? пишу) 1. Искусство моделирования полиграфической продукции. 2. Искусство отбора шрифтов и их компоновки. Виды шрифтов: перл название типографского шрифта кеглем 5 пунктов; нонпарель 6… … Учебный словарь терминов рекламы и паблик рилейшенз

Астеризм (типографика) — ⁂ Астеризм (типографика) Пунктуация апостроф … Википедия

Типогра́фика (от греч. τύπος — отпечаток + γράφω — пишу) — искусство оформления печатного текста, базирующееся на определённых, присущих конкретному языку правилах, посредством набора и вёрстки. Типографика, с одной стороны, представляет собой одну из отраслей графического дизайна, с другой – свод строгих правил, определяющих использование шрифтов в целях создания наиболее понятного для восприятия читателя текст.

Связанные понятия

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

Упоминания в литературе

Но одновременно с гротескными проектировались и другие шрифты. Тогда они не были популярными, но некоторые используются до сих пор. Из шрифтов ручного набора отметим работы Эмиля Рудольфа Вайса* – безусловно, он внес ценнейший вклад в типографику тридцатых годов нашего века. Из шрифтов для наборных машин разных систем сохранили значение матрицы классических шрифтов, например, антиква и фрактура Вальбаума, а также некоторые вновь нарезанные шрифты, более или менее точно соответствующие старым образцам. С современной точки зрения по-настоящему хороши только те шрифты, форма которых близка к дошедшим до нас классическим образцам.

Фактически к этому же направлению ворд-арта примыкает и уже упомянутый леттеринг (гл. 2). Специалисты спорят относительно точного определения данного понятия. В общем смысле леттеринг – это шрифторисование, синтез иллюстрации, каллиграфии, типографики ; графический рисунок из букв, образующих композиционно-стилистическое единство. В отличие от декоративных шрифтов, произведения леттеринга единичны в своём роде, не предполагают повторного воспроизведения, тиражирования. Прямо по Достоевскому: не каллиграфия, а чистый артистизм.

Типографика – это система оформления текстов, верстки печатного издания как в целом, так и отдельных его элементов. Иными словами, типографика – это отдельная наука, свод правил, которые учат нас, как правильно оформлять текст при печати книги, газеты, журнала, рекламной листовки – любого печатного продукта с текстом.

Связанные понятия (продолжение)

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

Типогра́фский пункт (нем. Punkt — точка) — единица измерения кегля шрифта. Один пункт равен 1⁄12 цицеро (pica) = 1⁄48 квадрата. Во входящих в Таможенный союз странах СНГ пункт исчисляется по типометрической системе Дидо, в которой 1 пункт равен 0,376 мм.

О письме готского языка см. готское письмоГоти́ческое письмо́ — семейство почерков латинского письма эпохи Средневековья. Было распространено в ряде европейских стран с середины XII до XVII века.

Кернинг (англ. kerning) при наборе текста — избирательное изменение интервала между буквами в зависимости от их формы.

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

Верста́льщик, или метранпа́ж (фр. metteur en pages) — специалист вёрстки, который разбивает текст на отдельные страницы, компонует его с иллюстрациями, подготавливает оригинал-макет издания.

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

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

Малые заглавные, или капите́ль (англ. small caps; нем. kapitälchen; от лат. capitellum — головка) — начертание в гарнитуре, в которой строчные знаки выглядят как уменьшенные заглавные. Чтобы подчеркнуть разницу между капителью и строчными буквами, её делают немного выше строчных, а полуапроши капительных знаков увеличивают.

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

Плака́т (нем. Plakat от фр. placard — объявление, афиша) — разновидность прикладной печатной графики, наборно-шрифтовое или художественно-иллюстративное листовое крупноформатное печатное тиражное издание, содержащее в наглядно-компактном виде информацию рекламного, агитационно-пропагандистского, инструктивно-методического, учебного и другого характера. Лист плаката содержит броское изображение и броский заголовок или призыв. В современном дизайне плакат воспринимается как «сведённое в чёткую визуальную.

Лигату́ра (лат. ligatura — связь) — знак любой системы письма или фонетической транскрипции, образованный путём соединения двух и более графем, например: датск., исл., норв., осет. æ; нем. ß.

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

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

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

Оформле́ние кни́ги — один из этапов подготовки рукописи к изданию, а также результат этой деятельности. Оформление разрабатывает арт-директор или разрабатывает и сам исполняет верстальщик. На территории Советского союза проектировал оформление книги технический редактор.

Фракту́ра (нем. Fraktur — надлом) — поздняя разновидность готического письма, возникшая в XVII—XVIII вв. В гитлеровской Германии фрактуры использовались как элемент нацистской пропаганды. Предполагалось, что фрактуры олицетворяют основательность, серьёзность и глубину, тогда как повсеместно распространённая в то время в Европе антиква свидетельствует о лёгкости, несерьёзности и поверхностности, чуждых немецкому духу. Но в 1941 году использование фрактуры в Третьем рейхе было запрещено. Запрет был.

Высо́кая печа́ть (также типогра́фская печа́ть) в полиграфии — способ печати, отличающийся от плоской и глубокой печати тем, что печатающие элементы на форме расположены выше пробельных, так что при печати пробельные элементы бумаги не касаются.

Печа́тание — процесс получения одинаковых оттисков путём переноса краски с печатной формы на бумагу или другую поверхность.

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

Прописна́я, или загла́вная, бу́ква — буква, которая увеличена в размере в сравнении со строчными буквами. Иногда такая буква обладает другой графемой.

Фотомонта́ж (от др.-греч. φῶς, родительный падеж φωτός — свет и фр. montage — подъём, установка, сборка) процесс и результат создания изображений, составленных из частей различных фотографий. Фотомонтаж широко применяется при изготовлении плакатов, реклам, политических карикатур и т. д. По сути фотомонтаж — это вырезание каких-либо объектов на фотографии и соединение (совмещение) их с другой фотографией.

Модульная система вёрстки — система вёрстки, при которой основой композиции полос и разворотов становится модульная сетка с определенным шагом (модулем), одинаковым или разным по горизонтали и вертикали.

Рису́нок (через польск. rysowac из ср.-верх.-нем. rizen — резать, чертить) — изображение на плоскости, созданное средствами графики.

Текст (от лат. textus — ткань; сплетение, сочетание) — зафиксированная на каком-либо материальном носителе человеческая мысль; в общем плане связная и полная последовательность символов.

Пунктуа́ция (ср.-век. лат. punctuatio, от лат. punctum — точка) — система знаков препинания в письменности какого-либо языка, сами правила их постановки в письменной речи, а также раздел грамматики, изучающий эти правила.

Читайте также: