Живая типографика: Книга «Живая типографика» теперь бесплатна — Оди. О дизайне

Разное 

Содержание

Антикварная книга «Живая типографика» Королькова А 20083,

  • Книги
    • Художественная литература
    • Нехудожественная литература
    • Детская литература
    • Литература на иностранных языках
    • Путешествия. Хобби. Досуг
    • Книги по искусству
    • Биографии.
      Мемуары. Публицистика
    • Комиксы. Манга. Графические романы
    • Журналы
    • Печать по требованию
    • Книги с автографом
    • Книги в подарок
    • «Москва» рекомендует

    • Авторы • Серии • Издательства • Жанр

  • Электронные книги
    • Русская классика
    • Детективы
    • Экономика
    • Журналы
    • Пособия
    • История
    • Политика
    • Биографии и мемуары
    • Публицистика
  • Aудиокниги
    • Электронные аудиокниги
    • CD – диски
  • Коллекционные издания
    • Зарубежная проза и поэзия
    • Русская проза и поэзия
    • Детская литература
    • История
    • Искусство
    • Энциклопедии
    • Кулинария. Виноделие
    • Религия, теология
    • Все тематики
  • Антикварные книги
    • Детская литература
    • Собрания сочинений
    • Искусство
    • История России до 1917 года
    • Художественная литература.
      Зарубежная
    • Художественная литература. Русская
    • Все тематики
    • Предварительный заказ
    • Прием книг на комиссию
  • Подарки
    • Книги в подарок
    • Авторские работы
    • Бизнес-подарки
    • Литературные подарки
    • Миниатюрные издания
    • Подарки детям
    • Подарочные ручки
    • Открытки
    • Календари
    • Все тематики подарков
    • Подарочные сертификаты
    • Подарочные наборы
    • Идеи подарков
  • Канцтовары
    • Аксессуары делового человека
    • Необычная канцелярия
    • Бумажно-беловые принадлежности
    • Письменные принадлежности
    • Мелкоофисный товар
    • Для художников
  • Услуги
    • Бонусная программа
    • Подарочные сертификаты
    • Доставка по всему миру
    • Корпоративное обслуживание
    • Vip-обслуживание
    • Услуги антикварно-букинистического отдела
    • Подбор и оформление подарков
    • Изготовление эксклюзивных изданий
    • Формирование семейной библиотеки

Расширенный поиск

Королькова А.

Иллюстрации

Книга «Живая типографика» из жанра Графический и промышленный дизайн

Регистрация | Забыли пароль? | Правила

Разделы

  • Художественная литература
  • Российский боевик
  • Триллер
  • Современный криминальный детектив
  • Российская историко-приключенческая проза
  • Исторический любовный роман
  • Фантастика
  • Кинороманы
  • Детские сказки, мифы и басни
  • Басни
  • Детские сказки
  • Русские народные сказки
  • Сказки в стихах
  • Тайны и таинственные явления
  • Тайны
  • Гадания
  • Толкование снов
  • Парапсихология
  • Бизнес
  • Электронная коммерция
  • Нормативные акты
  • Менеджмент
  • Реклама и PR
  • Финансы
  • Экономика
  • Предпринимательство, торговля
  • Компьютерная литература
  • Интернет
  • Основы компьютерной грамотности
  • Windows и Office
  • Web-дизайн. Web-мастеринг.
  • Web-сервисы
  • Автотранспорт
  • Мотоциклы и мопеды
  • Автобусы, троллейбусы
  • Иностранные автомобили
  • Правила дорожного движения
  • Карты и атласы автодорог
  • Белоруссия
  • Россия
  • Украина
  • Страны Балтии
  • Другие страны
  • Группа в ВК

Главная » Графический и промышленный дизайн » Живая типографика

 
 

Живая типографика

Автор: Королькова А. Жанр: Графический и промышленный дизайн Издательство: Индекс Маркет Год: 2013 Количество страниц: 224 Формат:  PDF (11.20 МБ)
Дата загрузки: 12 сентября 20182015-10-30
Скачать с нашего сайта
Скачать в два клика

Поделись
с друзьями!
 

Аннотация

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

Комментарии


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

 

 

2011–2022

10 книг о шрифте и типографике на русском

Александра Березникова

08. 11.2016

Время чтения 7 мин

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

ЖИВАЯ ТИПОГРАФИКА

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

Александра Королькова. Индексмаркет

ТИПОГРАФИКА

Книга дизайнера, чьё имя стало нарицательным; Рудер синонимичен определению «швейцарская типографика». Книга была издана в конце 60-х, и с тех пор остаётся основным пособием по типографике для многих дизайн-школ и всех, кто преподает дизайн и типографику. Рудер разъясняет, как добиться требуемого композиционного и эстетического эффекта, подобрав точное и экономное типографическое решение. Он повествует о форме и контрформе, о значении белого поля в типографике, о композиции и соотношении массы букв, о цвете и ритме, — и каждый тезис подкрепляется примерами его собственных работ, среди которых, в частности, эксперименты для издания Typografische Monatsblätter.

Эмиль Рудер. Книга

НОВАЯ ТИПОГРАФИКА

Ян Чихольд – немецкий типограф, поклонник Баухауза и один из основоположников новой, модернистской типографики. Её приверженцы предпочитали шрифты без засечек и ассиметричные геометрические композиции привычной им антикве и симметричному набору. Многим он знаком как создатель дизайна знаменитой серии художественных произведений издательства Penguin Books.
Эта книга была издана в 1928 году и, несмотря на то, что в течение жизни Чихольд не раз менял свою точку зрения относительно классической типографики, стала своеобразным манифестом нового течения. Круг тем, интересных Чихольду, обширен: от социальных наук и архитектуры — до практических советов об организации площади книжной страницы и рекомендаций по выбору печатного материала.

Ян Чихольд. Издательство Студии Артемия Лебедева

ОСНОВЫ СТИЛЯ В ТИПОГРАФИКЕ

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

Роберт Брингхерст. Издатель Дмитрий Аронов

ВЕЛИКИЕ ШРИФТЫ

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

Владимир Ефимов, Анна Шмелёва. ParaType

ШТРИХ

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

Геррит Ноордзей. Издатель Дмитрий Аронов

ТИПОГРАФИКА В ТЕРМИНАХ И ОБРАЗАХ

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

Владимир Кричевский. Власта / Типолигон

ДВА ШРИФТА ОДНОЙ РЕВОЛЮЦИИ

От издателя:
«Книга посвящена весьма яркой, но до сих пор не исследованной странице из истории отечественной шрифтовой графики. В центре внимания авторов — два шрифтовых символа двадцатых и начала тридцатых годов: шрифт Сергея Чехонина и палочный шрифт (прямоугольный шрифт конструктивистов). Соответственно, в книге два раздела: «Палочный шрифт» и «Чехонинский шрифт». Автор первого раздела (текст, подбор иллюстраций, дизайн) — Владимир Кричевский, автор второго (текст, подбор иллюстраций, дизайн) — Алексей Домбровский. Не только текст и иллюстрации, но и сама конструкция книги способствует раскрытию темы. Оба раздела объединены в одном общем томе с двумя равноправными входами: с одной стороны тома — раздел о палочном шрифте, с другой — о чехонинском. Такая авторская автономия подсказана собственно темой книги: она знаменует обособленность, эстетическую несовместимость двух шрифтовых культур, порождённое революцией 1917 года столкновение рафинированного мирискусничества и, в сущности, стихийной, народной («пролетарской») культуры шрифта «по клеточкам». В этом столкновении, в этом контрасте пластически несовместимого, но сведённого вместе русской революцией и состоит основной замысел издания»

Владимир Кричевский, Алексей Домбровский. Издательство «Шрифт»

О ШРИФТЕ

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

Владимир Фаворский. Издательство «Шрифт»

ИСКУССТВО ШРИФТА

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

Соломон Телингатер. Издательство «Шрифт»

Еще статьи

  • статья Зачем архитектору InDesign? 6 убедительных причин Читать

  • статья 10 книг о графическом дизайне Спринт по типографике и марафон по визуальным коммуникациям для архитекторов Читать

  • статья Правила подачи Визуальный язык молодых бюро Читать

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

Живая типографика. О книге «Типографика. Шрифт, верстка, дизайн» Джеймс Феличи

Типографика. Шрифт, верстка, дизайн Джеймс Феличи

(Пока оценок нет)

Название: Типографика. Шрифт, верстка, дизайн
Автор: Джеймс Феличи
Год: 2012
Жанр: Зарубежная компьютерная литература, Зарубежная образовательная литература, Программы

О книге «Типографика. Шрифт, верстка, дизайн» Джеймс Феличи

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

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

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

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

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

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

Дж. Крейг, И. Скала
Шрифт и дизайн. Современная типографика / Пер. с англ. А. Литвинова, Л. Родионовой.
— СПб.: Питер, 2016. — 176 с.: ил.
ISBN 978-5-496-01370-3
Шрифтовой дизайн и типографика — это постоянно развивающееся и изменяющееся искусство, и каждое поколение дизайнеров привносит в него что-то новое и прогрессивное. Некоторые дизайнеры приветствуют перемены и свободу эксперимента, другие предпочитают традиционный подход. Третьи считают, что старое и новое могут сосуществовать, чтобы в результате обогатить и разнообразить оформление. Так или иначе, во взглядах на типографику нет единой точки зрения. Однако одно совершенно ясно: от шрифта больше не требуется быть «незаметным» и оставаться лишь скромным средством передачи смысла текста. Сегодня шрифт может быть выразительным, забавным, вызывающим, дерзким, а в лучших своих проявлениях — самостоятельным арт-объектом. Современный цифровой художник должен быть открыт всему новому, использовать все типографические средства выразительности и на их основе создавать собственную эстетику.
Мы надеемся, что новые поколения графических дизайнеров продолжат расширять границы и нарушать условности этого искусства. Одни нововведения выдержат испытание временем, другие просто обозначат проходящие модные тенденции. И все это станет частью богатой истории типографского дела. В этой непростой задаче им может помочь данная книга, которая стала настольной для дизайнеров по всему миру. Основной новинкой пятого издания стало объединение книги с веб-сайтом www.designingwithtype.com/5, на котором читатели могут увидеть сотни примеров конкретных дизайнерских проектов и получить дополнительную информацию из области типографского дела.

Литература:
Afrikan Alphabets Saki Mafundikwa
An Alpabet Source Book Oscar Ogg
American Typography Today Robert Carter
American Wood Type Rob Roy Kelly
Asymmetric Typography Jan Tschichold
Compendium for Literates: A System for Writing Karl Gerstner
The Complete Manual of Typography James Felici
The Design of Books Adrian Wilson
Design with Type Carl Dair
The Designer and the Grid Lucienne Roberts and Julia Thrift
Designing Ivan Chermayeff, Tom Geismar, and Streff Geissbuhler
Designing Books Jan Tschichold
Designing Books Jost Hochuli and Robin Kinross
Designing Programmes Karl Gerstner
Designing Typefaces David Earls
Education of a Typographer Steven Heller
The Elements of Typographic Style Robert Bringhurst
Expressive Typography and New Media George Kepes
Finer Points in the Spacing and Arrangements of Type Geoffrey Dowding
Form of the Book: Essays on the Morality of Good Design Jan Tschichold
Forms and Counterforms Adrian Frutiger
Gestalt George Kepes
The Graphic Artist and His Design Problems Josef Müller-Brockmann
Graphic Design Manual: Principles and Practice Armin Hofmann
Graphic Design Sources Kenneth Hiebert
Grid Systems in Graphic Design Josef Müller-Brockmann
A Handbook for Modern Designers Stanley Morison
Helvetica: Homage to a Typeface Lars Müller
A History of Graphic Design Philip B. Meggs
Hot Designers Make Cool Fonts Allan Haley
Information Graphics Peter Wildbur and Michael Burke
Irish Type Design Dermot McGuinne
Looking Closer: Critical Writings on Graphic Design Michael Bierut, William Drenttel, Steven Heller, and D. K. Holland
Typography: Macro and Microesthetics Willi Kunz
Making Digital Type Look Good Bob Gordon
Manuale Typographicum Herman Zapf
Modern Typography Robin Kinross
The New Typography: A Handbook for Modern Designers Jan Tschichold
Paul Rand Steven Heller
Pioneers of Swiss Graphic Design Josef Müller-Brockmann
Printing Types: Their History, Forms and Use D. B. Updike
Reviving the Rules of Typography David Jury
Stop Stealing Sheep & Find Out How Type Works Erik Spiekerman
Thinking with Type Ellen Lupton
Typographic Design: Form and Communication Rob Carter, Ben Day, and Philip Meggs
The Visual Display of Quantitative Information Edward R. Tufte

Книга посвящена типографике – искусству оформления произведений печати средствами набора и верстки, которое имеет художественный и технический аспекты. Рассматриваемые эстетические принципы выбора и применения шрифтов для печатной продукции и экранного представления поддерживаются множеством сведений, правил и тонкостей профессиональной компьютерной верстки, отвечающей современным стандартам. Материал дополнен информацией отечественных специалистов. Во втором издании описаны универсальные технические приемы по работе в новейших версиях основных программ верстки для Mac OS и Windows, шрифты Unicode и OpenType, расширенные наборы символов, методы поиска символов, даны последние сведения по веб-типографике (в том числе CSS3). Книга полезна и доступна не только дизайнерам, печатникам и менеджерам полиграфического производства, но и всем, интересующимся вопросами верстки.

Произведение было опубликовано в 2012 году издательством БХВ-Петербург. На нашем сайте можно скачать книгу «Типографика: шрифт, верстка, дизайн» в формате fb2, rtf, epub, pdf, txt или читать онлайн. Рейтинг книги составляет 2.75 из 5. Здесь так же можно перед прочтением обратиться к отзывам читателей, уже знакомых с книгой, и узнать их мнение. В интернет-магазине нашего партнера вы можете купить и прочитать книгу в бумажном варианте.

Автор книги:

Описание книги

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

Александра Королькова

типографика

Москва Контрформа 2006

ББК 85.15 К??

Типографика (typography*)

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

Самым подходящим определением будет «искусство расположения/создания компо-

зиции из наборного материала** на плоскости листа».*** В этой книге слово «типографика» значит прежде всего «работа с текстом и работа со шрифтом».

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

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

Коротенькоевступление

Эта книжка-о типографике.

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

Одна из причин этого,вероятно,недостаток информации. Литературы,посвящённой типографике,на русском языке очень

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

Эта книга предназначена для тех,кто ещё не очень много знает о шрифте и типографике,но кому предстоит работать с оформ-

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

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

Это не научное исследование,не средство избавиться от всех проблем,не абсолютная истина.

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

частьI (вступительная)

Если на клетке слона прочтёшь надпись «буйвол», не верь глазам своим

КозьмаПрутков

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

ит спросить себя:

что я собираюсь делать?

зачем и для кого это нужно?

и как добиться поставленной цели?

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

Интерполяция живых шрифтов в Интернете — список отдельно

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

Статья продолжается ниже

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

Введение в интерполяцию шрифтов#section2

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


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

Обычно эти интерполированные шрифты экспортируются как отдельные шрифты. Например, семейство шрифтов TheSans содержит отдельные файлы шрифтов для Extra Light, Light, Semi Light, Plain, SemiBold, Bold, Extra Bold и Black, созданные с использованием интерполяции.


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

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


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

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

Среда #section3 веб-типографики

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


Приблизительный пример типичных контрольных точек адаптивного дизайна.

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


Точки останова, установленные медиа-запросами, часто отражают наилучшие компромиссы дизайна — часто во время ключевой точки останова, например, сворачивания навигации под значком меню. Точно так же разрозненные файлы шрифтов часто отражают наилучшие компромиссы в дизайне — между The Mix Light и Sans SemiLight нет шрифта.

Введите динамическую интерполяцию веб-шрифта#section4

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


Интерполяция в реальном времени не обязательно должна соответствовать какому-либо конкретному весу или дизайну шрифта.

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

Благодаря интерполяции живого шрифта мы можем добиться того же уровня изящества на наших сайтах и ​​в приложениях, что и дизайнеры шрифтов. Точно так же, как мы принимаем во внимание различные устройства при разработке, дизайнеры шрифтов учитывают, как шрифт общается и работает при небольших размерах, низком разрешении экрана, больших дисплеях, экономичном основном тексте и всем, что между ними. Эти соображения во многом зависят от анатомии шрифта, которая требует изменения интерполяции живого шрифта в браузере. Такие свойства, как толщина штриха и контрастность, размер счетчика, высота x и пропорции символов, влияют на то, как пользователи читают. Эти свойства обычно сбалансированы для семейства типов. Например, семейство JAF Lapture включает отдельные дизайны для текста, отображения, подзаголовков и надписей. Интерполяция живого шрифта позволяет одному шрифту соответствовать любой конкретной роли. Тот же шрифт можно оптимизировать для подписей с размером .8 em , основной текст установлен на 1,2 em , или h2 s установлен на 4,8 em в светлом цвете.


Дисплей JAF Lapture (вверху) и текст JAF Lapture (внизу). Установите в качестве типа отображения значение 40 пикселей, отрендеренное в Chrome 38. Обратите внимание, что в версии для отображения используются более тонкие штрихи и более деликатные функции, которые поддерживают его четкий, авторитетный характер, не становясь слишком тяжелыми при больших размерах. (Для лучших примеров сравните текст в реальном времени на своем устройстве и в браузере.)
JAF Lapture Text. Установить в качестве основной копии с разрешением 16 пикселей, отображаемой в Chrome. Обратите внимание на то, как такие функции, как увеличенная ширина символов, более толстые штрихи и более короткие верхние и нижние колонтитулы, делают текстовую версию более подходящей для меньшего основного текста, установленного в блоках абзаца.
Дисплей JAF Lapture. Установить в качестве основной копии с разрешением 16 пикселей, отображаемой в Chrome. Интерполяция живого шрифта

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

Адаптивные отношения#section6

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

Интерполяция шрифтов в реальном времени в Интернете сегодня#section7

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

В отличие от файлов SVG, которые состоят из легко модифицируемого XML, форматы файлов шрифтов ( ttf , otf , woff2 и т. д.) компилируются как двоичные файлы, что усложняет процесс внесения оперативных изменений. Наборы информации, описывающие шрифт, хранятся в таблицах. Эти таблицы могут варьироваться от таких вещей, как таблица head , содержащая глобальные настройки шрифта, до таблицы name , содержащей примечания автора. Различные форматы файлов шрифтов содержат разные наборы информации. Например, формат шрифта OpenType, надмножество TrueType, содержит дополнительные таблицы, поддерживающие больше функций и элементов управления (в соответствии со спецификацией Microsoft OpenType):

  • cmap : Преобразование символа в глиф
  • заголовок : Заголовок шрифта
  • hhea : Горизонтальный заголовок
  • hmtx : Горизонтальные метрики
  • maxp : Максимальный профиль
  • имя : Таблица имен
  • OS/2 : Показатели для OS/2 и Windows
  • сообщение : информация PostScript

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

Доступ к таблицам шрифтов#section8

Такие проекты, как jsfont и opentype.js, позволяют нам легко получать доступ и изменять таблицы шрифтов в браузере. Как и в игре «Соедини точки», каждый глиф (таблица глипов в OpenType) состоит из ряда точек, расположенных на сетке x-y.


Серия пронумерованных точек на глифе H. Первый набор координат x-y определяет, где находится первая точка на сетке глифа и относительно самой сетки. После первой точки все точки относятся к точке непосредственно перед ней. Размеры задаются в единицах оформления шрифта.

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


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

Другие свойства, связанные с глифами (такие как xMin и xMax ), также должны быть интерполированы, чтобы гарантировать, что ограничивающая рамка глифа достаточно велика для отображения всего глифа. Кроме того, отступы — или Bearings в терминологии шрифта — могут быть добавлены для позиционирования глифа в его ограничительной рамке (свойства leftsidebearing и width ). Это становится важным при рассмотрении более крупной системы шрифта. Любая комбинация глифов может оказаться рядом друг с другом, поэтому изменения должны быть сделаны с учетом их отношения к системе шрифта в целом.


Свойства глифа. Оба xMin / xMax и advancewidth должны масштабироваться в дополнение к координатным точкам глифа.

Делать это ответственно#section9

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

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

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

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

Шрифты с хорошей интерполяцией#section10

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

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

Согласованность

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

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

Призыв к адаптивной типографике#section11

У нас уже есть инструменты для этого. Например, jsfont загружает файл шрифта и использует API-интерфейс DataView для создания изменяемого объекта шрифта, который затем встраивается через CSS @fontface . В более новом проекте opentype.js есть активные участники и надежный API для изменения глифов.

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

Варианты оформления в Avada — ThemeFusion

Перейти к содержимому

Как мы можем вам помочь?

Поиск:

07.01.2022

Чтобы дать вам полный контроль над шрифтами, используемыми на вашем веб-сайте, в Avada существует множество вариантов типографики. Вы можете использовать стандартные семейства шрифтов, выбирать из огромного количества шрифтов Google или даже загружать свои собственные пользовательские шрифты. От глобальных наборов и параметров типографики до параметров конкретных областей, таких как параметры типографики главного меню 9.0185 , Варианты адаптивной типографики , и даже варианты типографики «на лету» во встроенном редакторе, вы найдете варианты типографики в Avada.

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

Обзор