Типографический: Недопустимое название — Викисловарь

Содержание

9 лекций по типографике

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

Шрифт в современном мире


Развитие Типографики | Иван Гладких

История письменности и типографики | Мария Мизерницкая

Швейцарская типографика феномен и стереотип

Типографика сайтов

Тагир Сафаев. Неочевидность латиницы в кирилловском алфавите

Motion-weekend. Константин Жаров: Типографика в моушн-дизайне

Эстетика и типографика — Илларион Гордон

60 минут о типографике

Типографика в веб-дизайне: 10 полезных советов

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

Более 95% информации в Интернете хранится в письменном виде.

Хорошая типографика — это залог легкодоступной информации, в то время как при плохой типографике приходится прикладывать усилия для понимания текста. Как отмечает Оливер Райхенштайн в статье «Веб-дизайн на 95% состоит из типографики»:

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

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

1. Используйте минимальное количество шрифтов

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

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

В целом, сведите количество шрифтов к минимуму (двух более чем достаточно, часто хватит и одного) и придерживайтесь использования одних и тех же на всем веб-сайте. Если вы решите работать с более чем одним шрифтом, убедитесь, что семейства шрифтов подходят друг другу с точки зрения ширины букв. Взгляните на пример, приведенный чуть ниже. У комбинации Georgia и Verdana (слева) есть общие характеристики, что позволяет им гармонично сочетаться друг с другом. Возьмем для сравнения комбинацию Baskerville и Impact (справа). «Тяжеловесный» Impact подавляет своего «засечного» напарника.

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

2.

Старайтесь использовать стандартные шрифты

В сервисах со шрифтами (например, Google Web Fonts или Typekit) можно найти много интересных, которые добавят в ваш дизайн нечто новое и необычное. К тому же, ими очень легко пользоваться. Возьмем, к примеру, Google:

1. Выбираете любой шрифт. Скажем, Open Sans.

2. Генерируете код и вставляете его в <Head> своего HTML. 

3. Готово!


Но что может пойти не так?

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

Обычно наилучшим выходом будет использование системных шрифтов (Arial, Calibri, Trebuchet, etc.). Исключением может стать необходимость придерживаться каких-то шрифтов, которые задал сам клиент: например, для брендинга или для создания чего-то запоминающегося. Помните, что хорошая типографика влияет на прочтение текста, а не на визуальное восприятие шрифта.

3. Ограничьте длину строки

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

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

Если строка слишком короткая, глазам придется часто менять фокус, что сбивает темп чтения. Если же строка слишком длинная, глазам читателя, наоборот, придется долго фокусироваться на написанном. Фото: Material Design

Что касается мобильных устройств, придерживайтесь диапазона в 30-40 знаков в строке. Ниже представлен пример двух сайтов, открытых на мобильных устройствах. На одном строка содержит от 50 до 75 символов (лучшее количество знаков в строке для печатного текста и разрешения компьютера), а на втором мы видим оптимальные 30-40 знаков.

Фото: Usertesting

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

4. Выбирайте гарнитуры, которые хорошо читаются в любом размере

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

Roboto от Google

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

Использование шрифта Vivaldi затруднит прочтение текста на маленьком экране

5. Используйте шрифты с четкими буквами

Многие шрифтовые гарнитуры созданы таким образом, что иногда бывает очень легко спутать похожие буквы, особенно «I» и «L», написанные латиницей (как на изображении ниже).

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

6. Избегайте капса

Текст, написанный капсом — или одними заглавными буквами — подходит для ситуации, где пользователь не вовлекается в процесс чтения (например, в аббревиатурах или логотипах). Но в других случаях не насилуйте ваших читателей текстом, написанным заглавными буквами. Как отмечает Майлз Тинкер в своей известной работе «Legibility of Print», такой текст читается гораздо медленнее текста, написанного строчными.

7. Не сводите межстрочное расстояние к минимуму

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

Правильное межстрочное расстояние способствует лучшей читабельности текста. Фото: Microsoft

По словам Дмитрия Фадеева, правильно подобранное расстояние между абзацами увеличивает понимание прочитанного на 20%. Умение дизайнера работать с белым пространством позволяет пользователям усваивать содержание текста целиком без упущения каких-либо деталей.

Слева: Текст написан практически вплотную. Справа: Правильное межстрочное расстояние способствует читабельности текста. Фото: Apple

8. Убедитесь, что у вас все в порядке с цветовым контрастом

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

  • Небольшие тексты должны иметь коэффициент контраста минимум 4,5:1 по отношению к фону.
  • Большие тексты (от 14 размера полужирным шрифтом/от 18 размера и выше стандартным шрифтом) должны иметь коэффициент контраста минимум 3:1 по отношению к фону. 


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

Этот текст соответствует стандарту цветового контраста, поэтому он читается легко.

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

9. Старайтесь не использовать красный или зеленый цвет в тексте

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

10. Старайтесь не использовать мерцающий текст

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

Не используйте мерцающий текст!

Заключение

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

Типографика должна уважительно относиться к контенту

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

Памятка по графическим стилям в типографике

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

Недавно поймал себя на том, что вновь путаю Ар-нуво и Ар-деко, а при упоминании Движения искусств и ремесел судорожно думаю Так-так-так, я про это где-то читал. Даже не в одной книге. Поэтому составил для себя памятку по графическим стилям.

Не ставлю себе задачу запомнить все подстили. Хочу разобраться с большими стилями. Мне сейчас не важно знать отличия Югендстиля от Венского сецессиона, но хочется отличать Поздний модернизм от Постмодернизма.

В блоках

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

Весь текст — выдержки и цитаты из Хеллера и Чваста. Мои только блоки Запомнить и подборки изображений.

Будет здорово, если памятка окажется полезной кому-то кроме меня. Если вы видите грубые ошибки, напишите в комментариях.

Викторианский стиль
Движение искусств и ремесел
Ар-нуво
Экспрессионизм
Модернизм
Ар-деко
Поздний модернизм
Постмодернизм

Викторианский стиль (1830—1900-е гг.)

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

Стемление заказчиков сделать рекламу максимально заметной приводило к появлению весьма оригинальных акцидентных шрифтов вычурной и замысловатой формы. ‹…› Дизайнеры безжалостно обходились с утонченными гарнитурами Дидо и Бодони XVIII века, смело увеличивая их и делали жирнее.

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

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

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

  • Орнаменты, гравюры, вычурные акцидентные шрифты, брусковые шрифты, немыслимое сочетание начертаний и кеглей.

Движение искусств и ремесел (1850—1900-е гг.)

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

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

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

Ар-нуво (1890—1910-е гг.)

«Цветочное безумие», «истерика линий», «странная декоративная болезнь», «стилистическая вседозволенность» — так отзывались современники об ар-нуво. ‹…› Ар-нуво стал бунтом против пронизанной духом прошлого викторианской эстетики.

Художники переосмысливали искусство Востока, в чем-то подражали рококо, восторгались цельностью формы и романтической отстраненностью кельтских манускриптов.

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

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

  • Если похоже на Муху и Грассе, то точно ар-нуво.
  • Гравюры похожи на японские или кельтские.
  • Декоративные шрифты.

Экспрессионизм (1900—1920-е гг.)

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

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

    Примитивная ксилография. Искаженные пропорции тела. Напоминает работы Шиле.

Модернизм (1910—1940-е гг.)

Ассиметричная типографика, геометрическая верстка, фотоиллюстрация — все эти приемы сформировали новый формальный язык модернизма.

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

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

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

Конструктивизм — своеобразный стиль, главными изобразительными элементами которого стали гротескный шрифт и комбинация графики с фотомонтажом.

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

Самое простое определение Новой типографики — отказ от классических канонов симметрии.

Типографика Эля Лисицкого стала первым формальным воплощением нового подхода, и его приемы — гротескные шрифты, ограниченный набор основных цветов и нарочитая геометричность — на долгое время прижились в рекламной типографике как клише.

Яркий контраст между динамикой фотоколлажа и сдержанно типографикой текста.

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

  • Геометрическая верстка, фотоколлажи, ассиметричная типографика.
  • Если плакаты похожи на стихи Маяковского и Каменского, то футуризм/конструктивизм. На русском — конструктивизм, не на русском — футуризм.
  • Модульная сетка, гротескные шрифты, фотомонтаж — Баухаус или Новая типографика.
  • Ограниченный набор основных цветов.
  • Родченко, Лисицкий, Чихольд, Байер

Ар-деко (1920—1930-е гг.)

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

Стиль ар-деко явился очередным подтверждением конца традиционного дизайна, но в отличие от классического модернизма в его основе лежала мания нового.

В 1929 году парижский дизайнер Альфред Тольмер издал книгу «Верстка», где сформулировал каноны книжного дизайна в стиле ар-деко. ‹…› Чтобы получить большее число комбинаций верстки, нужно отказать от строгой системы вертикалей и горизонталей… выработать альтернативную систему… наклонных линий и кривых.

Ар-деко — сочетание утонченной эстетики и флера современности, атмосфера эксцентрики и фантасмагории. ‹…› Ар-деко содержало отсылки к роскоши и экстравагантности.

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

  • Манера «модной» иллюстрации. Крупные иллюстрации и надписи акцидентными шрифтами. Геометрический орнамент.
  • Плакаты в стиле кубизма.
  • Плакаты отдают привкусом роскошной жизни и джаза.
  • В плакатах используются символы новой индустриальной революции — автомобили и механизмы.
  • Адольф Мурон Кассандр, Поль Колен, Герберт Маттер, Фрэнк Пик

Поздний модернизм (1940—1980-е гг.)

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

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

Философия швейцарского дизайна формировалась в двух центрах — школах Цюриха и Базеля. Представителем первой выступал Йозеф Мюллер-Брокман, а второй — Армин Хофманн.

  • Выверенная геометрическая верстка, базовые цвета, модульная сетка, гротески — чаще всего Гельветика и Юниверсал.
  • Все, что похоже на Мюллера-Брокмана и Хофманна.

Постмодернизм (1970—1990-е гг.)

В эклектичной обстановке дизайна 1980-х понятие «постмодернизм» применялось к своеобразному межнациональному стилю, который основывался не на догматике, а на довольно бессистемном смешении различных теорий и практических приемов дизайнеров-одиночек. ‹…› В наиболее общей трактовке постмодернизмом можно назвать творчество всех дизайнеров, которые не являются строгими сторонниками модернизма баухаузовского толка, в том числе неодадаизм, неоэкспрессионизм, панк и азиатский модернизм.

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

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

В основе всех видов дизайна 1980-х лежит игра и эклектика.

Издательство «Наука» — Типографии

290 лет истории

Первая Академическая типография Издательства «Наука» – это свидетель и активный участник последних 290 лет истории типографского дела в России и в мире. Она была основана одновременно с Академией наук, и в ее деятельности нашел отражение весь путь российской печати за это время.

Первая Академическая типография «Наука» – старейшая из ныне действующих типографий России. Она была учреждена 4 (15) октября 1727 г. в Петербурге указом Верховного Тайного Совета «для печатания исторических книг, которые на российский язык переведены».

Типография разместилась в первом этаже здания Академии наук (бывшем дворце царицы Прасковьи Фёдоровны) на стрелке Васильевского острова, где на тот момент уже существовала небольшая «друкарня», оборудованная печатными станами, специально выписанными академией из Голландии. В этом доме типография действовала почти сто лет, выпуская первую русскую газету «Санкт-Петербургские Ведомости»  (почти 150 лет), первые русские журналы, труды крупнейших отечественных и иностранных ученых. Единственная в стране типография печатала светские книги, здесь были изданы произведения Ломоносова, Державина, Пушкина.

В 1826 г. типография временно переехала в дом купца Е. Ф. Ганина на углу Большого проспекта и 9-й линии Васильевского острова. Предполагалось, что для нее построят  новое здание позади дома Конференции Академии наук (ныне Университетская наб., д. 5),  однако по завершении строительства новый дом был отдан под другие нужны, а типография осталась в выкупленном для нее доме купца Ганина. В последующие годы здание было частично перестроено, однако, уже к 1840-м гг. стал ощущаться дефицит площадей. Несмотря на многочисленные проекты и предложения, дополнительные площади академическая типография получила только в 1960-е гг.

На протяжении всего XVIII века академическая типография оставалась центром распространения в России печатного слова, выполняя полный цикл издательских работ и оказывая значительное влияние на развитие книгоиздательства и просвещения в стране. Именно универсальность типографии позволяла ей в 1923 г. стать основой для создания Издательства Российской академии наук (ныне – Издательство «Наука»)

В настоящий момент первая Академическая типография остается в составе Издательства «Наука», в рамках которого действуют еще 2 крупных типографии: в Москве и в Красноярске.

Типографии, покрывающие 70% молочной упаковки, готовятся к маркировке, многие уже готовы

Оператор системы «Честный знак» оказывает содействие в подключении поставщиков упаковки, ряд которых находится за рубежом. Завершение оснащения в I квартале 2021 года планируется на 32 предприятиях, во II квартале – 29. Всего о готовности в определенные сроки заявили 78 поставщиков упаковки. Они покрывают 70% рынка упаковки для отрасли. В работе находятся еще 89 компаний.

Среди типографий, готовых принимать промышленные заказы в январе: «Литон» (пленка, пленка финпак, флоупак), «Фирма Сигма» (кашированная фольга, самоклеящаяся этикетка, платинка, флоупак), «Флекс-н-Ролл ПРО» (Белоруссия, круговая, термоусадочная, всплавляемая, самоклеящаяся этикетки), «Вайт» (кашированная фольга, этикетка инмолд, термоусадочная этикетка, пленка финпак, платинка), «Флексофорс» (Белоруссия, флоупак), «Презент Упаковка» (платинка, самоклеящаяся этикетка), «Мультифлекс» (флоупак, дойпак, круговая и вплавляемая этикетки, пленка финпак), «Эдас Пак» (флоупак, дойпак, круговая этикетка, кашированная фольга), «Ламифойл» (Белоруссия, платинка, кашированная фольга), «Полипак» (платинка, круговая этикетка, флоупак, пленка финпак). Эти предприятия либо уже печатают промышленные партии, либо готовы принимать крупные заказы.

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

«Особенность молочной отрасли заключается в том, что в ней самое большое количество различных типов упаковки по сравнению с другими товарными группами. Специально для маркировки молока внедряется новый способ нанесения — на упаковке, которую заказывают в типографиях. Это позволяет снизить инвестиции в разы. Мы видим, что поставщики упаковки активно включились в работу», — говорит руководитель товарной группы «Молоко» Алексей Сидоров.

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

Признаки хорошей типографии

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

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

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

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

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

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

На правах рекламы

полиграфические услуги, закажите печать в Московской типографии ПМГ

Типография PMG

Московская «Типография ПМГ» компания, которая была создана в г. Москва 1 октября 2006 года, с целью предоставления полиграфических услуг для представителей малого, среднего, крупного бизнеса, а также частных лиц. За период своей деятельности мы достигли значительных успехов в своей сфере деятельности, освоили современные технологии печати и сделали полиграфию недорогой и качественной для каждого клиента.Для того, чтобы постоянно поддерживать статус лучшей в МСК типографии, мы совершенствуем собственный профессионализм, обучаемся, оснащаем производство лучшим импортным оборудованием, применяем только качественные материалы от проверенных поставщиков. Это позволяет гарантировать каждому клиенту изготовление печатной продукции точно в срок, независимо от сложности проекта и объема тиража. Сайт «Типографии ПМГ» отличается понятной навигацией, что дает возможность быстро ознакомиться с предоставляемыми услугами, при необходимости выполнить расчет примерной стоимости полиграфии и оформить заказ в режиме онлайн. Офис компании располагается в удобном месте, рядом со станцией метро «Сокол», поэтому добраться до него можно как на общественном, так и на собственном транспорте. Если вам нужна хорошая типография в Москве, значит, PMG — это самый верный выбор.

Полиграфические услуги

В спектр услуг нашей типографии входит:

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

Также в «Типографии ПМГ» возможен заказ полиграфической продукции в режиме «срочно», когда сроки изготовления сведены к минимуму (производство компании работает круглосуточно).

Полиграфическая продукция

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

  • офисная продукция с логотипом: ежедневники и папки, кубарики, блокноты;
  • рекламная продукция: буклеты, брошюры, плакаты, POS- материалы, афиши, бумажные стаканчики с логотипом и пр.;
  • визитки, бейджи;
  • инструкции, учебные пособия, рабочие тетради, дипломы, грамоты;
  • стикерпаки, бирки, этикетки, наклейки;
  • упаковку, бумажные пакеты, шуберы;

Оборудование

Производить полиграфию недорого, качественно и точно в условленный срок «Типографии ПМГ» помогает новейшее импортное оборудование.

  • Pro™ C7200s — осуществляет максимальную производительность и обеспечивает отличную цветопередачу.
  • Pro™ C9200 — оборудование, гарантирующее высокую скорость работы, что особенно актуально, когда речь идет о срочном заказе.
  • Polar_X_Plus — максимально точный резак.
  • GLUECOVER-1506 — современная настольная клеемазательная машина.

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

Преимущество сотрудничества

«Типография ПМГ» — это типография, которая рядом, благодаря особому подходу к клиенту и качественному сервису. Есть много причин, по которым стоит стать клиентом нашей компании. Вот несколько из них.

  1. Доступная стоимость. Каждому заказчику всегда предоставляется право выбора — сделать бюджетное издание или более дорогое, в зависимости от запланированных им денежных затрат. К тому же на сайте типографии есть онлайн-калькулятор, позволяющий рассчитать примерную стоимость заказа..
  2. Удобное сотрудничество. Хорошее месторасположение в Москве (находится типография рядом со станцией метро, до нее удобно добраться на городском или личном транспорте). Также возможно оформление заказа удаленно — достаточно отправить на электронный адрес компании техническое задание и менеджер приступит к реализации поставленной задачи.
  3. Безупречное качество печатной полиграфии. В штате компании только высококвалифицированные специалисты (дизайнеры, печатники, верстальщики, тиснильщики, резчики), поэтому заказчик всегда остается доволен полученным результатом.
  4. Оперативность. Понимая темп работы в Москве и важность своевременного изготовления полиграфии, наше производство работает по графику 24/7, что позволяет в сжатые сроки выпускать издания для выставок, конференций, презентаций и прочих промо-мероприятий.

Определение типографики Merriam-Webster

ty · po · график · ic | \ ˌTī-pə-gra-fik \ варианты: или типографский \ ˌTī- pə- ˈgra-fi- kəl \ : , относящихся, встречающихся или используемых в типографике или верстке типографский символ типографская ошибка

Когда типографика говорит громче слов — Smashing Magazine

Об авторах

Кэролин Найт и Джессика Глейзер — ученые из Университета Вулверхэмптона в Великобритании, графические дизайнеры и плодовитые писатели-дизайнеры. Их многочисленные… Больше о Кэролайн Найт, Джессика Глейзер ↬

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

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

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

Кэл Свон, автор книги Language and Typography , хорошо подчеркивает этот момент, когда говорит: «Эти две отдельные области часто сходятся на практике, поскольку явно существует очень сильная связь между концепцией слов как сообщения и их передача в видимой форме. »

Дополнительная литература по SmashingMag:

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

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

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

Для начала рассмотрим интересный фрагмент рекламной кампании Greenpeace:


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

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

Управление чувствами и реакциями

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

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

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

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

Максимальное использование визуального языка

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

Наша первая иллюстрация взята из работы известного американского графического дизайнера Херба Любалина, который был описан в монографии о нем Гертрудой Снайдер и Аланом Пеколиком как «упорный типограф, чья графическая концепция включала копирование, искусство и типографику, а также он использовал доступные методы производства, чтобы подчеркнуть драматизм, присущий посланию. Идея предшествовала дизайну ».

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

Одна из его многочисленных работ на конкурсе Visual Graphics Corporation 1964 года содержит тщательно отобранную цитату американского редактора и писателя Кэски Стиннетт.


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

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

Работа дизайнера ручного письма Элисон Кармайкл предоставляет ряд актуальных примеров, которые прекрасно иллюстрируют мощный эффект типографики, когда она берет на себя контроль над смыслом. Одним из таких дизайнов является ее удостоенная наград самореклама для Creative Circle. Надпись Кармайкла от руки выгравирована и написана в изысканном стиле на крышке старой школьной партой. На первый взгляд кажется, что перед нами прекрасное, возможно, историческое произведение готического письма; Через несколько секунд реальность поражает и становится понятным довольно неприятный смысл текста.


Отмеченный наградами рекламный ролик Элисон Кармайкл для Creative Circle.

Type Tarts — это британская инициатива, созданная для повышения осведомленности о тяжелом положении работников, проданных в секс-индустрию. Приглашенных дизайнеров просят присылать на выставку шрифтовые «Тарт-открытки». Многие лондонские проститутки рекламируют свои услуги, раскладывая рекламные карточки в телефонных будках. Даже в эпоху Интернета и мобильных телефонов и перед лицом репрессий со стороны полиции эти карты стали культовыми, их высоко оценили и стали коллекционировать как искусство.

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


«Симпатичный и плотный» Дункана Бэнкрофта


«Большой и упругий» Питера Флетчера

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


Плакат Джейсона Манна для американской группы Liars

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


Типографский дизайн кухонного полотенца British Battleaxe, вдохновленный голосом главного героя ситкома BBC «Сохраняя внешний вид». (Предоставлено: Ярко-розовый коммуникационный дизайн)

В приведенном выше примере представлена ​​цитата из ситкома BBC «Сохранять внешний вид». Сами слова произносит главная героиня программы — эксцентричная, светская и властная Гиацинт Бэкет, женщина лет шестидесяти с грандиозными устремлениями.Как правило, формы букв были выбраны и сгруппированы, чтобы подчеркнуть желания персонажа. Слова «хочу» и «мой» выделяются из-за резкого изменения масштаба. «Старшие» выделены заглавными буквами, тогда как «ваш» уменьшен в размере и снабжен строчными буквами, что снижает важность того, с кем она разговаривает, в соответствии с властным характером персонажа и тоном голоса при разговоре с молочником.

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

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


Другая типографская обработка этого кухонного полотенца явно влияет на тон голоса и, возможно, даже меняет пол говорящего. (Кредит: Ярко-розовый коммуникативный дизайн)

Сила типографики нельзя недооценивать

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

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

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

Дополнительные ресурсы

(al) (il)

Кредитные изображения изображения, использованного для первой страницы журнала Smashing Magazine.

Примечание : Большое спасибо нашему замечательному редактору Typography Александру Чарчару за подготовку этой статьи.

типографика | Определение, история и факты

Типографика как полезное искусство

Обзор типографики предполагает, что ряд обобщенных наблюдений может быть разумным:

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

Получите подписку Britannica Premium и получите доступ к эксклюзивному контенту. Подпишитесь сейчас

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

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

Во-первых, он вторичен в том смысле, что его основные материалы, алфавиты или другие подобные системы обозначений, с которыми он работает, не являются его собственным изобретением. Влияние этого факта на вид искусства очевидно. Вообще говоря, западное письмо или печать достигается за счет использования относительно небольшого количества отдельных букв, которые могут быть сгруппированы в почти бесконечное количество значимых перестановок.Даже несмотря на языковые различия, формы букв и гарнитуры часто переносятся с одного языка на другой. Поскольку количество изображений (букв), которые необходимо разработать, ограничено и полностью управляемо, работа шрифтового дизайнера становится менее сложной. Перенос языка делает возможным создание значимых типологий, эволюцию международных стилей и конвенций, а также развитие критериев и традиций вкуса, с помощью которых типографы улучшают свою работу. В результате можно с достаточной уверенностью сказать, что за немногим более 500 лет истории печати со времен Гутенберга было разработано не менее 8000, а очень вероятно, 10 000 или 11000 шрифтов. Таким образом, у практикующего типографа есть огромное количество типов на выбор, и, поскольку лучшие из этих типов эволюционировали в рамках космополитических традиций и выдержали испытание многими людьми во многих местах на протяжении многих лет, есть внутри доступно несколько тысяч типов, многие из которых бесспорны.

Для сравнения, японский метод письма и печати включает комбинацию систем — около 3000 кандзи (символы, основанные на китайских иероглифах), сейчо (основанные на написанной кистью Кана) и две группы фонетических символов. символы ( хирагана и катакана ), каждый из которых состоит из 46 отдельных символов. Проблема индивидуального проектирования около 3000 символов, некоторые из которых невероятно сложны, — это не та проблема, которую многие дизайнеры могут преодолеть за всю жизнь. В результате у японских типографов было всего два шрифта на выбор: минчо, , примерно эквивалент западного римского шрифта, и готический, функционально японский без засечек. В 1960-х группа японских дизайнеров разработала третий шрифт под названием Typos.

Японские шрифты

Три японских шрифта: (вверху) Gothic, (в центре) mincho и (внизу) Typos.

Предоставлено Visible Language, c / o Музей искусств Кливленда, Огайо

Во-вторых, типограф ограничен обычаями чтения, над которыми он практически не имеет никакого контроля.Внешний вид книжной страницы, независимо от того, хорошо она или плохо спроектирована, в большей степени определяется тем фактом, что западные читатели начинают с левого верхнего угла страницы и читают вправо, строку за строкой, пока не дойдут до конца, чем это происходит по эстетическое желание дизайнера. Многих типографов уже давно привлекает чистый и лаконичный вид так называемого шрифта без засечек (две маленькие основы, на которых расположены вертикальные элементы строчной буквы «n», являются засечками, как и плита, указывающая назад над строчной буквой «i»). »Или« l », а шрифты без засечек — это те, в которых такие украшения отсутствуют [ TI ]).Но трудность заключается в том, что почти каждое завершенное исследование показало, что шрифт без засечек труднее читать в тексте, чем шрифт с засечками. Вполне возможно, что если бы западные тексты печатались вертикально, от низа страницы до верха и читались вверх так, чтобы каждая буква занимала отдельную строку без горизонтальной связи с предыдущими и последующими, очевидное преимущество шрифтов с засечками в это отношение может исчезнуть.

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

Типографика как искусство связано с дизайном,

в организованные формы письма, выбор или

слов и предложений для размещения в блоках типа

. страница а при печати как

или

Типографика как искусство связано с дизайном,

otni dezinagro eb ot smrof rettel fo, noitceles ro

слов и предложений для размещения в блоках типа

.egap и nopu gnitnirp sa

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

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

Уже станет очевидно, что, в худшем случае, существует некоторая путаница и, по крайней мере, некоторое отсутствие единообразия, связанное с разговорами о типографах и типографике. Сами слова имеют относительно недавнее происхождение и используются в их современном смысле сознательно только примерно с середины 20 века. Трудность, конечно же, заключается в самом процессе. Гутенберг был собственным типографом. На самом деле вполне может быть, что его главным личным вкладом в изобретение книгопечатания была разработка способа вырезания и отливки шрифта, чтобы после того, как форма буквы была зафиксирована, и подготовленные формы, каждая форма буквы могла быть воспроизведена. снова и снова в одном относительно простом процессе.Он также был издателем, который взял на себя риск капиталом при выборе и подготовке материалов для печати для продажи; Предположительно он был человеком, который разработал макет каждой страницы; он, возможно, выполнил все необходимое редактирование, и он наверняка либо напечатал, либо руководил помощником в печати готового продукта. С годами многие функции, которые вначале выполнял один человек, были разделены между несколькими. Довольно рано некоторые печатники нанимали мужчин, чтобы вырезать шрифт по их дизайну; другие наняли мужчин, чтобы разработать и вырезать шрифт; некоторые предлагали свои услуги по найму другим, которые стали возвещателями; редакторы были отделены от процесса, хотя и не всегда, от ролей, принимающих решения при появлении конечного продукта.После появления томов в переплете возникли тенденции, которые в конечном итоге привели к созданию дизайнеров переплетов как отдельных художников; стало нередко встретить лиц, выполняющих услуги дизайнеров книг и, как таковых, ответственных за координацию и руководство работой шрифтовых дизайнеров, верстальщиков, переплетчиков — всех, кто каким-либо образом отвечал за внешний вид книги в целом . Ситуация стала еще более омраченной из-за большого разнообразия практики в отношении статуса каждого из лиц, выполняющих одну или несколько, а в некоторых случаях все эти функции.Это могут быть профессионалы, нанятые печатными изданиями для одного проекта; они могут быть штатными сотрудниками корпоративной типографии; в очень редких случаях они могут быть одним художником-мастером-покровителем, выполняющим все функции в операциях (обычно обязательно небольших), сознательно посвященных производству «прекрасных книг».

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

Типографские разработки — Думбартон-Окс

Выпуск новейшей версии шрифта Athena Ruby от Dumbarton Oaks поддерживает исследователей, публикующих византийские печати и монеты.

Лейн Уилсон

При каталогизации византийских свинцовых печатей датировка часто может зависеть не только от того, что написано в надписи, но и от того, как выгравирован : от конкретных вариантов диагностических букв, критических отметок и лигатур.Чем точнее набор символов может отображать эпиграфию на объекте, тем более явными каталогизаторы могут «показать свою работу» при датировании образца. Николас Ойкономидес в своей новаторской публикации 1986 года «Коллекция датированных византийских свинцовых печатей » использовал эпиграфию наряду с типографическими и стилистическими критериями для экстраполяции более широких тенденций от набора датируемых печатей на очень узкий диапазон.

Компания Dumbarton Oaks, располагая значительными коллекциями византийских печатей и монет, уже давно поддерживает развитие типографики для использования в публикациях.К ним относятся набранные вручную шрифты 1960-х и 1970-х годов для Каталога византийских монет в коллекции Думбартон-Оукс и в коллекции Уиттемора , а также шрифт TrueType — Athena — для печати печати, впервые использованный в исследовании Ойкономидеса 1986 года и позже в первых шести томах Каталога византийских печатей в Думбартон-Оукс и в Художественном музее Фогга . В 1990-х годах они были дополнены другими цифровыми шрифтами для книг по нумизматике и эпиграфике: Грирсон, Варианты Грирсона, Искусство монет, Греческий монеты и Надпись на монетах.

Начиная с 2011 года Думбартон Оукс руководил разработкой нового OpenType, совместимого с Unicode шрифта, который заменит эти другие эпиграфические шрифты. Джоэл Калвесмаки, в то время управляющий редактор журнала «Византийские исследования», курировал разработку Athena Ruby, которая была запущена в 2013 году. Шрифт, разработанный Джоном Хадсоном, соучредителем Tiro Typeworks, получил премию Клуба директоров шрифтов в 2013 году и с тех пор широко используется в Думбартоне. Публикации Oaks и на веб-сайте, особенно онлайн-каталоги византийских монет и свинцовых печатей.

Самая последняя версия шрифта, сборка 021, была выпущена в марте 2021 года и добавляет восемнадцать глифов, включая варианты букв, новые лигатуры и критические отметки. Эти дополнения предоставляют каталогизаторам инструменты для более точной расшифровки надписей, чем раньше, например, на печати 10-го / 11-го веков (BZS.1955.1.2395), принадлежащей асекретису Иоанну, заметно включает лигатуру пи-ро () как часть надписи, идентифицирующей Святого Иоанна Крестителя (Продромос, или «Предтеча») на лицевой стороне.

Печать Иоанна асекретиса, БЗС.1955.1.2395. Лигатура пи-ро видна на лицевой стороне над левым плечом Святого Иоанна.

Этот выпуск также сопровождается обновленной документацией и инструментами, включая визуальную клавиатуру, разработанную научным сотрудником по гуманитарным наукам Чарльзом Уэббом в 2018–2019 годах. Посетите нашу страницу ресурсов Athena Ruby, чтобы загрузить новейшую сборку и увидеть, как шрифт используется в наших онлайн-каталогах византийских монет и свинцовых печатей.

Лейн Уилсон — менеджер цифрового контента.

Общество любителей типографики

28 апреля 2021 г.

TypeCon Вместе

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

30 ноября, 2020

Присоединяйтесь к нам на благотворительном вечере

Помогите поддержать Общество поклонников типографики и нашу миссию по обучению типографике, сделав пожертвование в GivingTuesday.

Подробности см. В полном объявлении.

9 ноября, 2020

Изменения в составе Совета директоров

Общество любителей типографики сообщает о последних изменениях в Правлении.

Подробности см. В полном объявлении.

12 августа 2020

Объявлен победитель премии SOTA Catalyst 2020

Общество поклонников типографики объявило, что Анага Нараянан из Хайдарабада, Индия, является лауреатом премии SOTA Catalyst Award 2020.

Подробности см. В полном объявлении.

2 июля, 2020

Увеличение представительства чернокожих в сообществе типов

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

Подробности см. В полном объявлении.

17 июня, 2020

Заявление: Черные жизни имеют значение

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

Пожалуйста, присоединяйтесь к нам в продвижении вперед и совместной работе.

11 мая 2020 года

TypeCon Philadelphia перенесен на 2021 год

Учитывая состояние пандемии во всем мире, мы решили отложить конференцию этого года в Филадельфии до 18–22 августа 2021 года.

Подробности смотрите в официальном объявлении.

25 февраля, 2020

Прием заявок на участие в конкурсе SOTA Catalyst

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

Пожалуйста, обратитесь к официальному телеканалу для получения информации.

12 февраля, 2020

Конкурс предложений по программированию TypeCon2020

Общество любителей типографики теперь принимает предложения о конференции TypeCon 2020 года в Филадельфии, штат Пенсильвания.

Подробности смотрите в официальном объявлении конкурса предложений.

11 февраля, 2020

TypeCon2020 направляется в Филадельфию

Отметьте эти календари.TypeCon отправляется в Филадельфию, штат Пенсильвания, с 12 по 16 августа. Присоединяйтесь к нам в Philadelphia Marriott Downtown на фантастической неделе, наполненной всеми буквами и шрифтами.

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

31 августа 2019 г.

Награда за типографию SOTA Пол Шоу

Дизайнер и историк Пол Шоу был удостоен награды SOTA Typography Award 2019.Анонс состоялся в субботу, 31 августа 2019 года, в отеле Hilton Minneapolis в рамках TypeCon2019.

Подробности см. В полном объявлении.

Архив новостей

Типографские масштабы

Начало работы

Что такое типографский масштаб?

Масштаб в традиционном понимании — это соотношение относительной ценности двух объектов.

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

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

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

В своей основополагающей работе «Мыслить шрифтом» Эллен Луптон определяет масштаб как «размер элементов дизайна по сравнению с другими элементами макета, а также с физическим контекстом работы.Она продолжает добавлять, что «Масштаб относителен… Дизайнеры создают иерархию и контраст, играя со шкалой форм букв. Изменения в масштабе помогают создать визуальный контраст, движение и глубину, а также выразить иерархию важности ».

Выбирайте с умом

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

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

Такая возможность настройки делает выбор согласованной шкалы гораздо более важным — и сложным.

Подумайте о типографике

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

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

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

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

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

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

Взломать весы

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

Определение типографского масштаба

Модульная шкала

Модульная шкала — это шкала с единственной базой, которая соответствует единственному соотношению. Модульная шкала Роберта Брингхерста может быть самым известным примером типографской шкалы. Он использовался европейскими типографами, которые работали с шрифтом свинца и обозначали размеры такими терминами, как «жемчуг» (5 пунктов), «миньон» (7 пунктов), «пика» (12 пунктов) и «английский» (14 пунктов). Он называет это эквивалентом диатонической шкалы в музыке. С тех пор многие другие типографы заимствовали свои модульные шкалы из музыкальных соотношений, таких как «Minor Second» (1.067), «Major Third» (1,25) и «Perfect Fifth» (1,5).

Модульные шкалы просты и последовательны, потому что они определяются одним множителем, но они могут привести к беспорядочным, трудно запоминающимся числовым значениям (например, базовый размер 16 пикселей, умноженный на золотое сечение (1,618), приводит к вторичному значение 25,888 пикселей), поэтому в зависимости от выбранной вами единицы измерения вы можете округлить свои значения до целых чисел.

Адаптивная шкала

Адаптивная шкала обеспечивает оптимизированные значения для различных классов устройств.Большой заголовок на смартфоне может вытолкнуть остальной контент с экрана, поэтому выбор более низкого коэффициента уменьшит контраст, но сделает его более удобным. Итак, если ваша база составляет 16 пикселей, а масштаб — 1,5, но вы обнаруживаете, что у вас не хватает места для небольших размеров, подумайте об уменьшении базового размера или уменьшении соотношения и использовании веса шрифта для обеспечения контраста.

Параметры платформы по умолчанию

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

Определение собственной шкалы

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

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

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

Советы и уловки

Будьте проще

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

Сначала выберите гарнитуры

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

Контент> торговая марка

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

5 лучших методов иерархической типографики для начинающих | by The Logo Creative ™ ✏

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

Понимание типографской иерархии

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

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

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

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

Существует три уровня типографской иерархии — заголовок, подзаголовок и основная часть текста.

Заголовок:

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

Подзаголовок:

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

Тело:

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

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

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

Топ-5 иерархических типографских методов

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

1. Шрифт

Есть несколько вариантов, с которыми человек столкнется при поиске правильного шрифта, подходящего для своего содержимого и графики. Стилями шрифтов могут быть Serifs, San Serifs или пользовательские шрифты, которые имеют несколько вариантов стилей, толщины и т. Д. Самыми популярными шрифтами, используемыми в текстовых документах, являются Arial и Times New Roman. Еще несколько примеров: Helvetica, Lobster, Pacifico, Allura, Nexa Rust. Если шрифт сложно расшифровать или выглядит слишком безвкусно, весь ваш контент будет испорчен, поэтому будьте очень разборчивы с выбором шрифта и изучите несколько вариантов, прежде чем принимать решение.

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

«Наиболее предпочтительным размером шрифта основного текста документа считается 11 или 12.”- Джейк Вили (корректор и редактор отдела качества, австралийский мастер)

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

2. Интервал

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

· Интерлиньяж

Интерлиньяж — это вертикальный интервал между строками. Он измеряется от базовой линии текста или строки выше до верха букв в строке ниже. Некоторые шрифты имеют строчные буквы (Descenders), которые немного ниже установленной базовой линии, в то время как есть другие шрифты с высокими буквами (Ascenders).Поэтому все это нужно учитывать при выборе ведущего. Хотя традиционно предполагается, что интерлиньяж на 20% больше размера шрифта, он может варьироваться в зависимости от стиля шрифта и иерархического акцента, который вы хотите разместить.

· Кернинг

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

· Отслеживание

Отслеживание включает в себя настройку единого интервала между буквами. Однако слишком большое увеличение отслеживания между буквами снижает удобочитаемость.

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

3. Цвета

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

4. Размещение

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

5.Стили форматирования

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

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

Важность типографской иерархии для начинающих

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

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

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

Гештальт-теория объясняет, как человеческий разум организует визуальные элементы в различные контекстные группы, некоторые из которых:

· Фигура и фон

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

· Близость

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

· Сходство

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

· Продолжение

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

· Закрытие

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

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

Заключение

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

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *