InDesignLab_02_Fonts
You also want an ePaper? Increase the reach of your titles
YUMPU automatically turns print PDFs into web optimized ePapers that Google loves.
IndesignLab<br />
Шрифты и их сочетание *<br />
*<br />
На основе презентации Владимира Ефимова «Наборный шрифт»
Не всё, что написано — шрифт и не всякий шрифт —<br />
наборный, но любой наборный шрифт есть объект<br />
искусства, потому что каждую букву когда-то<br />
его нарисовал художник.<br />
Владимир Ефимов
Шрифт от нем. Schrift —письмо:<br />
Комплект литер, воспроизводящий какой-либо<br />
алфавит, а также цифры, знаки препинания и другие<br />
символы, необходимые для набора текста на одном<br />
или нескольких языках.<br />
Пара Тайп
Основные виды шрифтов<br />
надпись /леттеринг наборный каллиграфия<br />
Выполняется одномоментно,<br />
форма отдельных знаков зависит<br />
от формы соседних, одни<br />
и те же знаки могут отличаться<br />
по форме между собой.<br />
Шрифт, состоящий из заранее<br />
заготовленных типовых<br />
знаков (букв, других знаков)<br />
и предназначенный для набора<br />
того или иного текста<br />
на определенном языке.<br />
Искусство красивого художественного<br />
письма. Частный<br />
случай надписи часто имеющий<br />
самостоятельное значение<br />
как произведение станковой<br />
графики.
Виды наборных шрифтов<br />
текстовый акцидентный знаковый<br />
Применяется для сплошного<br />
набора текста в книгах, журналах,<br />
газетах и другой печатной<br />
продукции и для текста набронного<br />
для чтения с экрана.<br />
Применяется для сплошного<br />
набора коротких текстов,<br />
заголовков, книжных титулов,<br />
объявлений, рекламы.<br />
Комплекты не алфавитных<br />
знаков, орнаменты, линейки<br />
виньетки.
Классификация шрифтов<br />
антиква<br />
serif<br />
гротески<br />
sans serif<br />
акцидентный<br />
display<br />
рукописный<br />
script<br />
готический<br />
black letter<br />
неалфавитные<br />
pictorial<br />
АНТИКВА<br />
АНТИКВА<br />
SERIF<br />
АНТИКВА SERIF<br />
ГРОТЕСКИ АНТИКВА<br />
SERIF<br />
SANS<br />
ГРОТЕСКИ АНТИКВА SERIF<br />
SANS ГРОТЕСКИ SERIF<br />
АКЦИДЕНТНЫЕ<br />
SANS ГРОТЕСКИ<br />
SERIF<br />
АКЦИДЕНТНЫЕ<br />
SANS ГРОТЕСКИ DISPLAY SERIF<br />
АКЦИДЕНТНЫЕ<br />
SANS DISPLAY SERIF<br />
АКЦИДЕНТНЫЕ<br />
РУКОПИСНЫЕ<br />
DISPLAY<br />
АКЦИДЕНТНЫЕ<br />
РУКОПИСНЫЕ DISPLAY SCRIPT<br />
РУКОПИСНЫЕ DISPLAY SCRIPT<br />
РУКОПИСНЫЕ<br />
ГОТИЧЕСКИЕ<br />
SCRIPT<br />
BLACK РУКОПИСНЫЕ<br />
ГОТИЧЕСКИЕ<br />
LETTER SCRIPT<br />
BLACK ГОТИЧЕСКИЕ LETTER SCRIPT<br />
СТАРОСЛАВЯНСКИЕ<br />
BLACK ГОТИЧЕСКИЕ<br />
LETTER<br />
СТАРОСЛАВЯНСКИЕ<br />
OLD BLACK ГОТИЧЕСКИЕ<br />
SLAVONIC LETTER<br />
СТАРОСЛАВЯНСКИЕ<br />
OLD BLACK SLAVONIC LETTER<br />
СТАРОСЛАВЯНСКИЕ<br />
НЕАЛФАВИТНЫЕ<br />
OLD SLAVONIC<br />
СТАРОСЛАВЯНСКИЕ<br />
НЕАЛФАВИТНЫЕ<br />
OLDPICTORIAL<br />
SLAVONIC<br />
НЕАЛФАВИТНЫЕ<br />
OLDPICTORIAL<br />
SLAVONIC<br />
НЕАЛФАВИТНЫЕ<br />
PICTORIAL<br />
НЕАЛФАВИТНЫЕ<br />
PICTORIAL<br />
PICTORIAL<br />
КЛАССИФИКАЦИЯ ШРИФТОВ<br />
КЛАССИФИКАЦИЯ ШРИФТОВ<br />
HOaeHOaeHOaeHOae<br />
КЛАССИФИКАЦИЯ КЛАССИФИКАЦИЯ ШРИФТОВ ШРИФТОВ<br />
КЛАССИФИКАЦИЯ ШРИФТОВ<br />
HOaeHOaeHOaeHOae<br />
HOaeHOaeHOaeHOae<br />
HOaeHOaeHOaeHOae<br />
HOac HOac HOac HOac<br />
HOaeHOaeHOaeHOae<br />
HOac HOac HOac HOac<br />
HOac HOac HOac HOac HOac HOac HOac HOac HOac HOac<br />
HOac HOac HOac HOac HOac HOac<br />
HOaceHOaceHOaceHOaceHOace<br />
HOac HOac HOac HOac HOac<br />
HOac HOac HOac HOac HOac<br />
HOaceHOaceHOaceHOaceHOace<br />
HOaceHOaceHOaceHOaceHOace<br />
HOaceHOaceHOaceHOaceHOace<br />
HOaceHOaceHOaceHOaceHOace<br />
ABCDEFghijklmnopqrstuvw<br />
ABCDEFghijklmnopqrstuvw<br />
ÀÍÎàñðåôАНОасрефАНОасреф<br />
ÀÍÎàñðåôАНОасрефАНОасреф<br />
ABCDEFghijklmnopqrstuvw<br />
ABCDEFghijklmnopqrstuvw<br />
ABCDEFghijklmnopqrstuvw<br />
a ÀÍÎàñðåôАНОасрефАНОасреф<br />
ÀÍÎàñðåôАНОасрефАНОасреф<br />
<br />
a <br />
a <br />
a a
Классификация шрифтов<br />
Антиквы<br />
• Old Style / Антиква старого стиля (Bembo,Garamond, Caslon)<br />
—Venetian Old Style / Венецианская антиква старого стиля<br />
—French Old Style / Garaldes / Французская антиква старого стиля<br />
—Dutch Old Style / Голландская антиква старого стиля<br />
—English Old Style / Английская антиква старого стиля<br />
• Transitional / Переходная антиква (Baskerville)<br />
• Modern / Антиква нового стиля (Bodoni)<br />
• Slab Serif / Брусковые шрифты (Rockwell)<br />
—Egyptian / Египетские шрифты<br />
—Geometric Slab Serif / Геометрические брусковые шрифты<br />
—Humanist Slab Serif / Гуманистические брусковые шрифты<br />
—Clarendon / Шрифты типа Кларендон
Классификация шрифтов<br />
Гротески<br />
• Grotesque / Старые гротески (Akzidenz Grotesk)<br />
• Neo Grotesque / Новые гротески (Helvetica)<br />
• Geometric Sans/ Геометрические гротески (Futura)<br />
• Humanist Sans/ Гуманистические гротески (Gill Sans)
Начертание и гарнитура шрифта<br />
Начертание шрифта — вариант рисунка наборного шрифта одной<br />
гарнитуры. Начертания шрифта характеризуются едиными<br />
стилевыми особенностями рисунка, определенными пропорциями<br />
(узкое, нормальное, широкое и др.), насыщенностью<br />
(Светлое, Полужирное, Жирное и др.), постановкой очка, или<br />
наклоном знаков (Прямое, Курсивное или Наклонное).<br />
Гарнитура шрифта — обладающее собственным наименованием<br />
семейство начертаний шрифта, имеющих общие стилевые<br />
особенности и детали рисунка знаков, но отличающихся друг<br />
от друга некоторыми характеристиками, как например, насыщенностью,<br />
пропорциями и углом наклона знаков. Одно (основное)<br />
начертание обычно предназначено для текстового набора,<br />
а остальные — для смысловых выделений в тексте и набора<br />
заголовков. В качестве названия гарнитуры часто используется<br />
имя художника, спроектировавшего ее или ее прототип.
Начертание и гарнитура шрифта<br />
светлое<br />
light<br />
светный курсив<br />
light italic<br />
нормальное<br />
regular<br />
норм. курсив<br />
regular italic<br />
жирное<br />
bold<br />
жирный курсив<br />
bold italic<br />
Helvetica Neue<br />
Helvetica Neue<br />
Helvetica Neue<br />
Helvetica Neue<br />
Helvetica Neue<br />
Helvetica Neue
Начертание и гарнитура шрифта<br />
regular<br />
abcdefghijklmnopqrstuvwxyz<br />
ABCDEFGHIJKLMNOPQRSTUVWXYZ<br />
абвгдеёжзийклмнопрстуфхц чшщъыьэюя<br />
АБВГДЕЁЖЗИЙКЛМНОПРСТ УФХЦ ЧШЩЪЫЬЭЮЯ<br />
1234567890 .,:;!?*()[]{} –—‹›«»‚„‘’“”°’”/\†‡ μ#No $<br />
&§%‰@©®TM •...<br />
`^~_¤|¦¬+=<br />
ѓґ ђїќ љњў ћџєЃҐ ЂЇЌ ЉЊЎ ЋЏЄ<br />
italic<br />
abcdefghijklmnopqrstuvwxyz<br />
ABCDEFGHIJKLMNOPQRSTUVWXYZ<br />
абвгдеёжзийклмнопрстуфхц чшщъыьэюя<br />
АБВГДЕЁЖЗИЙКЛМНОПРСТ УФХЦ ЧШЩЪЫЬЭЮЯ<br />
1234567890 .,:;!?*()[]{} –—‹›«»‚„‘’“”°’”/\†‡ μ#No $<br />
&§%‰@©®TM •...<br />
`^~_¤|¦¬+=<br />
ѓґ ђїќ љњў ћџєЃҐ ЂЇЌ ЉЊЎ ЋЏЄ<br />
bold<br />
abcdefghijklmnopqrstuvwxyz<br />
ABCDEFGHIJKLMNOPQRSTUVWXYZ<br />
абвгдеёжзийклмнопрстуфхц чшщъыьэюя<br />
АБВГДЕЁЖЗИЙКЛМНОПРСТ УФХЦ ЧШЩЪЫЬЭЮЯ<br />
1234567890 .,:;!?*()[]{} –—‹›«»‚„‘’“”°’”/\†‡ μ#No $<br />
&§%‰@©®TM •...<br />
`^~_¤|¦¬+=<br />
ѓґ ђїќ љњў ћџєЃҐ ЂЇЌ ЉЊЎ ЋЏЄ<br />
строчные, капитель, прописные<br />
abcdefghijklmnopqrstuvwxyz<br />
abcdefghijklmnopqrstuvwxyz<br />
ABCDEFGHIJKLMNOPQRSTUVWXYZ<br />
абвгдеёжзийклмнопрстуфхцчшщъыьэюя<br />
абвгдеёжзийклмнопрстуфхцчшщъыьэюя<br />
АБВГДЕЁЖЗИЙКЛМНОПРСТУФХЦ ЧШЩЪЫЬЭЮЯ
Анатомия букв и ее элементы<br />
высота прописных<br />
Cap height<br />
линия шрифта<br />
baseline<br />
линия шрифта<br />
baseline<br />
наплыв<br />
stress<br />
основной шртих<br />
stroke<br />
овал<br />
oval<br />
HOnfpx<br />
соединительный штрих<br />
hairline<br />
засечки<br />
serifs<br />
bowl<br />
CIPcеiй<br />
внутребуквенный просвет,<br />
counter<br />
полуовал<br />
капля<br />
teadrop<br />
межбуквеный просвет,<br />
апрош<br />
fitting<br />
верхний<br />
выносной элемент<br />
ascender<br />
точка<br />
dot<br />
нижний<br />
выносной элемент<br />
descender<br />
акцент<br />
accent<br />
концевой элемент<br />
terminal<br />
высота строчных<br />
x-height<br />
Интерлиньяж<br />
linespace
Виды засечек<br />
ВИДЫ ЗАСЕЧЕК<br />
IIIIIIIIIII<br />
Засечки бывают односторонними и двусторонними.<br />
Их<br />
ПРОПОРЦИОНАЛЬНОСТЬ<br />
форма может быть разнообразной:<br />
ШРИФТА<br />
треугольной, прямоугольной, закругленной,<br />
декоративной, в виде тонкой горизонтальной<br />
линии и т.д. Засечки могут быть скругленными<br />
моноширинный шрифт<br />
в<br />
monowide<br />
месте соединения<br />
(monospace)<br />
с основным<br />
type<br />
штрихом, а могут<br />
присоединяться под углом без скругления.<br />
пропорциональный<br />
разноширинный шрифт<br />
proportionally spaced type:<br />
old style proportions<br />
пропорциональный<br />
равноширинный шрифт<br />
proportionally spaced type:<br />
modern proportions
IIIIIIIIIII<br />
ПРОПОРЦИОНАЛЬН<br />
ВИДЫ ЗАСЕЧЕК<br />
пропорциональный<br />
Пропорциональность шрифта<br />
разноширинный шри<br />
моноширинный proportionally space<br />
IIIIIIIII EHiEH<br />
monowide (monospace) type<br />
old style proportions<br />
ПРОПОРЦИОНАЛЬНОСТЬ ШРИФТА<br />
пропорциональный<br />
пропорциональный<br />
разноширинный шрифт<br />
равноширинный шриф<br />
моноширинный шрифт<br />
proportionally spaced type: proportionally spaced t<br />
monowide (monospace) type<br />
old style proportions<br />
modern proportions<br />
EHiEHiEH<br />
пропорциональный<br />
пропорциональный<br />
моноширинный<br />
специальные шрифты, все знаки<br />
которых (литеры) имеют одну и ту же<br />
толщину (ширину)<br />
пропорциональный разноширинный<br />
знаки имеют разную ширину<br />
в зависимости от пропорций буквы<br />
ПРОПОРЦИОНАЛЬНОСТЬ ШРИФТА<br />
разноширинный шрифт<br />
равноширинный шрифт<br />
ринный шрифт<br />
proportionally spaced type: proportionally spaced type:<br />
de (monospace) пропорциональный type равноширинный<br />
old style proportions<br />
modern proportions<br />
литеры<br />
HiEHiEHi<br />
в равноширинном шрифте<br />
выровнены для создания видимости<br />
одинаковой ширины символов, но<br />
в реальности ширина кегельных<br />
площадок разных символов различна
Открытость шрифта (апертура)<br />
ОТКРЫТОСТЬ ШРИФТА (АПЕРТУРА)<br />
ОТКРЫТОСТЬ ШРИФТА (АПЕРТУРА)<br />
открытый шрифт полузакрытый шрифт закрытый шрифт<br />
открытый шрифт<br />
шрифт<br />
open aperture<br />
полузакрытый шрифт шрифт<br />
medium medium aperture<br />
закрытый шрифт шрифт шрифт<br />
close close close aperture<br />
open aperture<br />
CceCceCce<br />
ДИНАМИЧНОСТЬ ШРИФТА<br />
ДИНАМИЧНОСТЬ ШРИФТА<br />
динамичный<br />
dynamic<br />
dynamic<br />
статичный<br />
static static
CceCceCce<br />
Динамичность шрифта<br />
ДИНАМИЧНОСТЬ ШРИФТА<br />
динамичный шрифт<br />
статичный шрифт<br />
динамичный<br />
статичный<br />
dynamic<br />
static static<br />
HOPaceHOPace
Контрастность — характеристика<br />
шрифта, обозначающая соотношение<br />
толщины основных и соединительных<br />
штрихов.<br />
Контрастность шрифта<br />
неконтрастным КОНТРАСТНОСТЬ малоконтрастным<br />
КОНТРАСТНОСТЬ ШРИФТА КОНТРАСТНОСТЬ ШРИФТА КОНТРАСТНОСТЬ контрастным ШРИФТА ШРИФТА сверхконтрастным<br />
monoweight low contrast contrast high contrast<br />
Контрастность — это отношение Контрастность толщины — основного это отношение Контрастность штриха толщины к толщине — основного это соединительного<br />
отношение Контрастность штриха толщины к толщине основного — это соединительного<br />
отношение штриха толщины к толщине основного соединительного штриха к толщине соединительного<br />
неконтрастный шрифт<br />
monoline<br />
малоконтрастный шрифт<br />
HoНоНоНо<br />
неконтрастный шрифт<br />
monoline low contrast<br />
неконтрастный малоконтрастный шрифт<br />
шрифт неконтрастный малоконтрастный сверхконтрастный шрифт<br />
шрифт<br />
малоконтрастный сверхконтрастный шрифт шрифт<br />
сверхконтрастный шрифт<br />
monoline low high contrast contrast monoline low extra high contrast<br />
contrast low extra high contrast<br />
extra high contrast<br />
НАСЫЩЕННОСТЬ НАСЫЩЕННОСТЬ ШРИФТА НАСЫЩЕННОСТЬ ШРИФТА НАСЫЩЕННОСТЬ ШРИФТА ШРИФТА<br />
сверхконтрастный шрифт<br />
extra contrast<br />
Насыщенность — это отношение Насыщенность толщины — основного это отношение Насыщенность штриха толщины к высоте — основного это прописного отношение Насыщенность штриха знака толщины к высоте основного — это прописного отношение штриха знака толщины к высоте основного прописного штриха знакак высоте прописного знака<br />
светлый<br />
нормальный светлый средний нормальный светлый жирный средний нормальный светлый сверхжирный<br />
средний нормальный сверхжирный<br />
средний сверхжирный<br />
сверхжирный<br />
light<br />
booklight<br />
medium book light boldmedium<br />
booklight<br />
black boldmedium<br />
book black bold medium blackbold<br />
black<br />
HiHiHiHiHi
monoline<br />
low low low low contrast high high high high contrast extra extra extra contrast<br />
HoНоНоНо<br />
Насыщенность шрифта<br />
Насыщенность —одна из характеристик начертания<br />
шрифта, отношение толщины основных<br />
штрихов к высоте прямого знака. Количество<br />
степеней насыщенности может быть еще большим,<br />
а их названия могут варьироваться.<br />
cветлый<br />
light<br />
НАСЫЩЕННОСТЬ ШРИФТА<br />
Насыщенность — это — это — это — это отношение толщины основного штриха к штриха высоте к к к высоте прописного знака знака<br />
знака<br />
нормальный<br />
book/regular<br />
средний<br />
medium<br />
жирный<br />
bold<br />
сверхжирный<br />
black<br />
светлый<br />
нормальный<br />
средний<br />
жирный<br />
сверхжирный<br />
light light<br />
light light book book<br />
book book medium<br />
medium bold bold<br />
bold bold black black<br />
black<br />
HiHiHiHiHi
Пропорции шрифта — отношение ширины<br />
и высоты знаков шрифта. Измеряется, как<br />
правило, по внешним контурам основных<br />
штрихов знака «Н».<br />
сверхузкое<br />
еxtra<br />
сondensed<br />
Пропорции шрифта<br />
ПРОПОРЦИИ ШРИФТА<br />
нормальное широко<br />
узкое<br />
сondensed<br />
Пропорции знаков знаков шрифта шрифта — это — это — это отношение их ширины их их их ширины и высоты<br />
и и высоты<br />
сверхузкий<br />
HiHiHiHiHi<br />
сверхузкий<br />
x-condensed<br />
узкий<br />
condensed<br />
normal<br />
нормальный<br />
normal<br />
normal<br />
широкий<br />
широкий<br />
extended<br />
extended<br />
extended<br />
НАКЛОН ШРИФТА<br />
сверхширокое<br />
extra wide<br />
сверхширокий<br />
extra wide<br />
extra wide<br />
В В В зависимости от угла от от от угла наклона угла наклона шрифт шрифт может может быть прямой, быть прямой, наклонный или или или курсивный
x-condensed condensed normal normal extended extra extra wide extra wide wide wide<br />
HiHiHiHiHi<br />
Наклон шрифта<br />
Наклон шрифта —в зависимости от угла наклона<br />
шрифт может быть прямой, наколнный или<br />
курсивный.<br />
прямой<br />
upright<br />
НАКЛОН ШРИФТА<br />
В В В В зависимости от от угла угла от от угла наклона угла наклона шрифт шрифт может быть может быть быть прямой, быть прямой, наклонный или или или или курсивный<br />
прямой<br />
НнНнНнНн<br />
прямой<br />
прямой<br />
upright<br />
upright<br />
наклонный<br />
oblique<br />
наклонный<br />
oblique<br />
oblique<br />
прямой<br />
прямой<br />
roman roman roman<br />
прямой<br />
roman<br />
курсив<br />
italic<br />
курсивный<br />
italic italic italic
Сочетание шрифтов<br />
Ошибки<br />
• Использовать более 2/3 шрифтов в одном издании, на одной странице<br />
• Сочетать похожие шрифты
Сочетание шрифтов<br />
Рекомендации<br />
• Использовать не более 2/3 шрифтов<br />
• Сочетать шрифты высокой контрастности<br />
(старый+новый; нормальный или не контрастный + жирный; антиква+гротеск)<br />
• Использовать один шрифт разной насыщенности / начертания (для выделения, заголовков)<br />
• Использовать вместе шрифты одного шрифтового дизайнера<br />
• Сочетать шрифта с одинаковыми характеристиками (Bodoni + Futura)<br />
и одинаковой высотой строчных<br />
• Если ваша публикация имеет исторический окрас, или рассказывает<br />
о определенном периоде времени, то лучше использовать шрифты,<br />
которые были разработаны в то же время (по ситуации)<br />
• Интуиция и опыт
Сочетание шрифтов<br />
Circe / William<br />
Pragmatica / Times New Roman
Сочетание шрифтов<br />
Helvetica Neue (Bold)<br />
Minion Pro<br />
Заголовок<br />
Уки провить общиевк лагода<br />
вантове рфейсу публикаций.<br />
Онивно для редобес колькот<br />
метельз овериро нуменесь<br />
праствитесь эффекты мощный<br />
вас исперсие твить оглагос<br />
трумени тельноможет<br />
аботам с предмет новтомо<br />
жетные и преда в всегантный<br />
ра вышается редыдущей.<br />
Водгост орчесь нескотменят<br />
выпода в сравлед оверфектигу,<br />
вента котменигает<br />
Verdana (Bold)<br />
Georgia<br />
Заголовок<br />
Уки провить общиевк<br />
лагода вантове рфейсу<br />
публикаций. Праствитесь<br />
эффекты мощный вас<br />
исперсие твить оглагос<br />
трумени тельноможет<br />
аботам с предмет но<br />
втомо жетные и преда<br />
в всегантный у и ра<br />
вышается редыдущей.<br />
нескотменят выпода<br />
сравлед оверфектигу,<br />
вента апрвив стстсом<br />
файлов прединтами.
Сочетание шрифтов<br />
Helvetica (Bold)<br />
Times New Roman<br />
Заголовок<br />
Уки провить общиевк лагода<br />
вантове рфейсу публикаций.<br />
Онивно для редобес колькот<br />
метельз овериро нуменесь<br />
праствитесь эффекты мощный<br />
вас исперсие твить оглагос<br />
трумени тельноможет<br />
аботам с предмет новтомо<br />
жетные и преда ра вышается<br />
редыдущей. Водгост<br />
орчесь нескотменят выпода<br />
прединтами.<br />
PT Sans (Bold)<br />
PT Serif<br />
PT Mono<br />
Заголовок<br />
Уки провить общиевк<br />
лагода вантове рфейсу<br />
публикаций. Онивно<br />
для редобес колькот<br />
метельз овериро нуменесь<br />
праствитесь эффекты<br />
мощный вас исперсие<br />
http://www.paratype.ru/public/<br />
твить оглагос трумени<br />
тельноможет аботам<br />
с предмет новтомо жетные<br />
и преда в всегантный у<br />
и ра вышается редыдущей.<br />
Водгост нескотменят<br />
выпода в ов файлов.
Полезные ссылки<br />
• www.paratype.ru/public<br />
• www.fontsinuse.com<br />
• www.myfonts.com