0 added
0 removed
Original
2026-01-01
Modified
2026-02-21
1
<p><a>#Тесты</a></p>
1
<p><a>#Тесты</a></p>
2
<ul><li>23 сен 2021</li>
2
<ul><li>23 сен 2021</li>
3
<li>0</li>
3
<li>0</li>
4
</ul><h2>Тест: угадайте шрифты из айдентики и рекламы</h2>
4
</ul><h2>Тест: угадайте шрифты из айдентики и рекламы</h2>
5
<p>То и дело замечаете знакомые шрифты, проходя мимо вывесок и рекламных щитов? Проверьте свою насмотренность в нашем тесте!</p>
5
<p>То и дело замечаете знакомые шрифты, проходя мимо вывесок и рекламных щитов? Проверьте свою насмотренность в нашем тесте!</p>
6
<p>OlyaSnow для Skillbox Media</p>
6
<p>OlyaSnow для Skillbox Media</p>
7
<p>Пишет о дизайне в Skillbox Media, а в перерывах и сама орудует графическим планшетом. Влюблена в советские шрифты, японскую рекламу и русский язык.</p>
7
<p>Пишет о дизайне в Skillbox Media, а в перерывах и сама орудует графическим планшетом. Влюблена в советские шрифты, японскую рекламу и русский язык.</p>
8
<p>Сможете ли вы сходу отличить Graphik от Helvetica? А Franklin Gothic от Akzidenz-Grotesk? Существует бесконечное множество шрифтов, но дизайнеры, плотно работающие с типографикой, замечают и запоминают их мельчайшие детали. Проверьте себя!</p>
8
<p>Сможете ли вы сходу отличить Graphik от Helvetica? А Franklin Gothic от Akzidenz-Grotesk? Существует бесконечное множество шрифтов, но дизайнеры, плотно работающие с типографикой, замечают и запоминают их мельчайшие детали. Проверьте себя!</p>
9
<p>Начнём! Узнаёте шрифт основного текста?</p>
9
<p>Начнём! Узнаёте шрифт основного текста?</p>
10
<p><p>Arimo</p>
10
<p><p>Arimo</p>
11
</p>
11
</p>
12
<p>Вы не узнали</p>
12
<p>Вы не узнали</p>
13
<a>Neue Helvetica</a><p>! У</p>
13
<a>Neue Helvetica</a><p>! У</p>
14
<a>Arimo</a><p>форма букв другая. А ещё он контрастнее - у него толщина линии значительно различается: в одних местах она совсем тонкая, в других - толстая. В Neue Helvetica штрих немного тоньше в точках соединения линий, но это почти незаметно.</p>
14
<a>Arimo</a><p>форма букв другая. А ещё он контрастнее - у него толщина линии значительно различается: в одних местах она совсем тонкая, в других - толстая. В Neue Helvetica штрих немного тоньше в точках соединения линий, но это почти незаметно.</p>
15
<p><p>Open Sans</p>
15
<p><p>Open Sans</p>
16
</p>
16
</p>
17
<p>Это же</p>
17
<p>Это же</p>
18
<a>Neue Helvetica</a><p>!</p>
18
<a>Neue Helvetica</a><p>!</p>
19
<a>Open Sans</a><p>, как диктует название, более открытый: буква "С" похожа на полукруг, а в Helvetica она напоминает скорее незамкнутую окружность. Пропорции букв у Open Sans другие, и знаки шире.</p>
19
<a>Open Sans</a><p>, как диктует название, более открытый: буква "С" похожа на полукруг, а в Helvetica она напоминает скорее незамкнутую окружность. Пропорции букв у Open Sans другие, и знаки шире.</p>
20
<p><p>Verdana</p>
20
<p><p>Verdana</p>
21
</p>
21
</p>
22
<p>Нет, </p>
22
<p>Нет, </p>
23
<a>Verdana</a><p>более широкая и знаки достаточно открытые: буква "С" похожа на полукруг. Перед вами </p>
23
<a>Verdana</a><p>более широкая и знаки достаточно открытые: буква "С" похожа на полукруг. Перед вами </p>
24
<a>Neue Helvetica</a> <p>- этот шрифт более убористый и закрытый: буква "С" напоминает незамкнутую окружность.</p>
24
<a>Neue Helvetica</a> <p>- этот шрифт более убористый и закрытый: буква "С" напоминает незамкнутую окружность.</p>
25
<p><p>Helvetica</p>
25
<p><p>Helvetica</p>
26
</p>
26
</p>
27
<p>Нет, у </p>
27
<p>Нет, у </p>
28
<a>Helvetica</a><p>знаки более узкие. А перед вами шрифт</p>
28
<a>Helvetica</a><p>знаки более узкие. А перед вами шрифт</p>
29
<a>Graphik</a><p>. В нём знаки шире, а также для Graphik характерна низкая контрастность и малая разница в высоте между прописными и строчными буквами. По контрастности и степени открытости знаков, впрочем, Graphik действительно похож на Helvetica.</p>
29
<a>Graphik</a><p>. В нём знаки шире, а также для Graphik характерна низкая контрастность и малая разница в высоте между прописными и строчными буквами. По контрастности и степени открытости знаков, впрочем, Graphik действительно похож на Helvetica.</p>
30
<p><p>Maxima</p>
30
<p><p>Maxima</p>
31
</p>
31
</p>
32
<p>Нет, в </p>
32
<p>Нет, в </p>
33
<a>Maxima</a><p>более выражена контрастность - разница между толщиной линии. А это шрифт</p>
33
<a>Maxima</a><p>более выражена контрастность - разница между толщиной линии. А это шрифт</p>
34
<a>Graphik</a><p>. Для него характерна низкая контрастность, а ещё в сравнении с Maxima он более закрытый, а разница в высоте прописных и строчных букв меньше.</p>
34
<a>Graphik</a><p>. Для него характерна низкая контрастность, а ещё в сравнении с Maxima он более закрытый, а разница в высоте прописных и строчных букв меньше.</p>
35
<p><p>Baltica</p>
35
<p><p>Baltica</p>
36
</p>
36
</p>
37
<p>Нет,</p>
37
<p>Нет,</p>
38
<a>Baltica</a><p> - это брусковый шрифт с крупными засечками. А здесь гротеск</p>
38
<a>Baltica</a><p> - это брусковый шрифт с крупными засечками. А здесь гротеск</p>
39
<a>Graphik</a><p>. У него нет засечек, а также, по сравнению с Baltica, низкая контрастность, и знаки более закрытые.</p>
39
<a>Graphik</a><p>. У него нет засечек, а также, по сравнению с Baltica, низкая контрастность, и знаки более закрытые.</p>
40
<p>Что за антиква здесь используется?</p>
40
<p>Что за антиква здесь используется?</p>
41
<p><p>Playfair Display</p>
41
<p><p>Playfair Display</p>
42
</p>
42
</p>
43
<p>Нет, здесь использовали классику -</p>
43
<p>Нет, здесь использовали классику -</p>
44
<a>Bodoni</a><p>. У </p>
44
<a>Bodoni</a><p>. У </p>
45
<a>Playfair Display</a><p>пропорции и форма знаков немного другие: буквы более узкие, а контрастность линий меньше.</p>
45
<a>Playfair Display</a><p>пропорции и форма знаков немного другие: буквы более узкие, а контрастность линий меньше.</p>
46
<p><p>Elizabeth</p>
46
<p><p>Elizabeth</p>
47
</p>
47
</p>
48
<p>Нет, здесь использовали классику -</p>
48
<p>Нет, здесь использовали классику -</p>
49
<a>Bodoni</a><p>. У </p>
49
<a>Bodoni</a><p>. У </p>
50
<a>Elizabeth</a><p>более узкие буквы и причудливые выносные элементы.</p>
50
<a>Elizabeth</a><p>более узкие буквы и причудливые выносные элементы.</p>
51
<p><p>Georgia</p>
51
<p><p>Georgia</p>
52
</p>
52
</p>
53
<p>Нет,</p>
53
<p>Нет,</p>
54
<a>Georgia</a><p>с острыми засечками и гораздо менее контрастная: разница толщины соединительных и основных штрихов у этого шрифта незначительная. А здесь использован</p>
54
<a>Georgia</a><p>с острыми засечками и гораздо менее контрастная: разница толщины соединительных и основных штрихов у этого шрифта незначительная. А здесь использован</p>
55
<a>Bodoni</a><p>.</p>
55
<a>Bodoni</a><p>.</p>
56
<p>На этой музыкальной обложке один и тот же шрифт в разных начертаниях. Узнаёте его?</p>
56
<p>На этой музыкальной обложке один и тот же шрифт в разных начертаниях. Узнаёте его?</p>
57
<p><p>Bebas Neue</p>
57
<p><p>Bebas Neue</p>
58
</p>
58
</p>
59
<p>Нет, у </p>
59
<p>Нет, у </p>
60
<a>Bebas Neue</a><p>совсем другая пластика: буква "О", например, почти квадратная, а на плакате овальная. Это старый гротеск</p>
60
<a>Bebas Neue</a><p>совсем другая пластика: буква "О", например, почти квадратная, а на плакате овальная. Это старый гротеск</p>
61
<a>Franklin Gothic</a><p>.</p>
61
<a>Franklin Gothic</a><p>.</p>
62
<p><p>FF Din</p>
62
<p><p>FF Din</p>
63
</p>
63
</p>
64
<p>Нет, у </p>
64
<p>Нет, у </p>
65
<a>FF Din</a><p>знаки более узкие, их форма менее округлая, а разница в высоте между прописными и строчными буквами довольно большая. Перед вами</p>
65
<a>FF Din</a><p>знаки более узкие, их форма менее округлая, а разница в высоте между прописными и строчными буквами довольно большая. Перед вами</p>
66
<a>Franklin Gothic</a><p>! В нём более широкие и закруглённые буквы. Он похож на FF Din разве что степенью открытости знаков.</p>
66
<a>Franklin Gothic</a><p>! В нём более широкие и закруглённые буквы. Он похож на FF Din разве что степенью открытости знаков.</p>
67
<p><p>Akzidenz-Grotesk</p>
67
<p><p>Akzidenz-Grotesk</p>
68
</p>
68
</p>
69
<p>Нет, это </p>
69
<p>Нет, это </p>
70
<a>Franklin Gothic</a><p>. Буквы в нём более узкие, чем в </p>
70
<a>Franklin Gothic</a><p>. Буквы в нём более узкие, чем в </p>
71
<a>Akzidenz-Grotesk</a><p>, и выносные элементы другие. Например, в Franklin Gothic хвостик g имеет форму замкнутой петли, а в Akzidenz-Grotesk это обычная изогнутая линия.</p>
71
<a>Akzidenz-Grotesk</a><p>, и выносные элементы другие. Например, в Franklin Gothic хвостик g имеет форму замкнутой петли, а в Akzidenz-Grotesk это обычная изогнутая линия.</p>
72
<p><p>Gauge</p>
72
<p><p>Gauge</p>
73
</p>
73
</p>
74
<p>Верно, это антиква</p>
74
<p>Верно, это антиква</p>
75
<a>Gauge</a><p>. Дизайнер Александр Тарбеев разработал её по заказу журнала "Афиша"!</p>
75
<a>Gauge</a><p>. Дизайнер Александр Тарбеев разработал её по заказу журнала "Афиша"!</p>
76
<p><p>PT Serif</p>
76
<p><p>PT Serif</p>
77
</p>
77
</p>
78
<p>Нет, в </p>
78
<p>Нет, в </p>
79
<a>PT Serif</a><p>засечки менее вытянутые, а сами буквы - более широкие. А здесь шрифт</p>
79
<a>PT Serif</a><p>засечки менее вытянутые, а сами буквы - более широкие. А здесь шрифт</p>
80
<a>Gauge</a><p>, разработанный дизайнером Александром Тарбеевым для журнала "Афиша".</p>
80
<a>Gauge</a><p>, разработанный дизайнером Александром Тарбеевым для журнала "Афиша".</p>
81
<p><p>Skema Pro </p>
81
<p><p>Skema Pro </p>
82
</p>
82
</p>
83
<p>Нет, в </p>
83
<p>Нет, в </p>
84
<a>Skema Pro</a><p>засечки тоньше, а сами знаки гораздо контрастнее: разница между самыми тонкими и самыми толстыми линиями внушительная. А перед вами антиква</p>
84
<a>Skema Pro</a><p>засечки тоньше, а сами знаки гораздо контрастнее: разница между самыми тонкими и самыми толстыми линиями внушительная. А перед вами антиква</p>
85
<a>Gauge</a><p>, разработанная дизайнером Александром Тарбеевым для журнала "Афиша".</p>
85
<a>Gauge</a><p>, разработанная дизайнером Александром Тарбеевым для журнала "Афиша".</p>
86
<p><p>Georgia</p>
86
<p><p>Georgia</p>
87
</p>
87
</p>
88
<p>Вы ошиблись, в </p>
88
<p>Вы ошиблись, в </p>
89
<a>Georgia</a><p>знаки более широкие, а в засечках больше скруглений. Перед вами антиква</p>
89
<a>Georgia</a><p>знаки более широкие, а в засечках больше скруглений. Перед вами антиква</p>
90
<a>Gauge</a><p>, разработанная дизайнером Александром Тарбеевым для журнала "Афиша".</p>
90
<a>Gauge</a><p>, разработанная дизайнером Александром Тарбеевым для журнала "Афиша".</p>
91
<p><p>Proxima Nova</p>
91
<p><p>Proxima Nova</p>
92
</p>
92
</p>
93
<p>Вы были очень близки, но нет - это </p>
93
<p>Вы были очень близки, но нет - это </p>
94
<a>Montserrat</a><p>. У </p>
94
<a>Montserrat</a><p>. У </p>
95
<a>Proxima Nova</a><p>знаки чуть более узкие и меньше апертура - степень открытости символов с незамкнутыми контурами.</p>
95
<a>Proxima Nova</a><p>знаки чуть более узкие и меньше апертура - степень открытости символов с незамкнутыми контурами.</p>
96
<p><p>Axiforma</p>
96
<p><p>Axiforma</p>
97
</p>
97
</p>
98
<p>Нет, у </p>
98
<p>Нет, у </p>
99
<a>Axiforma</a><p>явно выражена разноширинность знаков: почти круглая широкая "О" и узкая "А". А в нашем примере -</p>
99
<a>Axiforma</a><p>явно выражена разноширинность знаков: почти круглая широкая "О" и узкая "А". А в нашем примере -</p>
100
<a>Montserrat</a><p>, в котором все буквы широкие.</p>
100
<a>Montserrat</a><p>, в котором все буквы широкие.</p>
101
<p><p>Circe</p>
101
<p><p>Circe</p>
102
</p>
102
</p>
103
<p>Вы ошиблись, это</p>
103
<p>Вы ошиблись, это</p>
104
<a>Montserrat</a><p>. У Circe гораздо большая степень открытости знаков: "С" напоминает полукруг. Также различается ширина букв: у Circe они поуже.</p>
104
<a>Montserrat</a><p>. У Circe гораздо большая степень открытости знаков: "С" напоминает полукруг. Также различается ширина букв: у Circe они поуже.</p>
105
<p>Напоследок - вот вам весёлый шрифт! Узнаёте белый скрипт на обложке?</p>
105
<p>Напоследок - вот вам весёлый шрифт! Узнаёте белый скрипт на обложке?</p>
106
<p><p>Magnolia Script</p>
106
<p><p>Magnolia Script</p>
107
</p>
107
</p>
108
<p>Вы ошиблись,</p>
108
<p>Вы ошиблись,</p>
109
<a>Magnolia Script</a><p>выглядит иначе: пропорции букв чуть более широкие, а контрастность значительно больше. На обложке -</p>
109
<a>Magnolia Script</a><p>выглядит иначе: пропорции букв чуть более широкие, а контрастность значительно больше. На обложке -</p>
110
<a>Pacifico</a><p>c достаточно узкими буквами и малой разницей в толщине линий.</p>
110
<a>Pacifico</a><p>c достаточно узкими буквами и малой разницей в толщине линий.</p>
111
<p><p>Lobster</p>
111
<p><p>Lobster</p>
112
</p>
112
</p>
113
<p>Нет, это не </p>
113
<p>Нет, это не </p>
114
<a>Lobster</a><p>, это</p>
114
<a>Lobster</a><p>, это</p>
115
<a>Pacifico</a><p>! Lobster более контрастный, в линиях больше острых углов и присутствуют каплевидные засечки. Pacifico же больше напоминает реальный почерк.</p>
115
<a>Pacifico</a><p>! Lobster более контрастный, в линиях больше острых углов и присутствуют каплевидные засечки. Pacifico же больше напоминает реальный почерк.</p>
116
<p><p>Satisfy</p>
116
<p><p>Satisfy</p>
117
</p>
117
</p>
118
<p>Нет, в</p>
118
<p>Нет, в</p>
119
<a>Satisfy</a><p>более контрастные линии: в одних местах совсем тонкие, в других - толстые. А это</p>
119
<a>Satisfy</a><p>более контрастные линии: в одних местах совсем тонкие, в других - толстые. А это</p>
120
<a>Pacifico</a><p>.</p>
120
<a>Pacifico</a><p>.</p>
121
<p>Кажется, вы мало интересуетесь шрифтами. Возможно, вы рисуете книжные иллюстрации или чудовищ для игр? Но если вдруг придётся работать с текстом или будет любопытно углубиться в тему - начните с нашей<a>подборки книг по типографике</a>.</p>
121
<p>Кажется, вы мало интересуетесь шрифтами. Возможно, вы рисуете книжные иллюстрации или чудовищ для игр? Но если вдруг придётся работать с текстом или будет любопытно углубиться в тему - начните с нашей<a>подборки книг по типографике</a>.</p>
122
<p>Вы неплохо различаете шрифты, но иногда промахиваетесь. Не беда: угадывать все шрифты с лёту - не самый важный профессиональный навык. А при желании его легко прокачать: вам поможет наша<a>подборка книг по типографике</a>!</p>
122
<p>Вы неплохо различаете шрифты, но иногда промахиваетесь. Не беда: угадывать все шрифты с лёту - не самый важный профессиональный навык. А при желании его легко прокачать: вам поможет наша<a>подборка книг по типографике</a>!</p>
123
<p>Да вы настоящий гик: от вашего зоркого глаза не ускользнёт ни единая засечка! Вероятно, вы виртуозно играете со шрифтами - а может, даже разрабатываете их сами.</p>
123
<p>Да вы настоящий гик: от вашего зоркого глаза не ускользнёт ни единая засечка! Вероятно, вы виртуозно играете со шрифтами - а может, даже разрабатываете их сами.</p>
124
<p>Работа с типографикой - интересное, но сложное дело: намеренное или случайное нарушение авторских прав регулярно приводит к судебным разбирательствам. Если в юридических тонкостях вы не так сильны, как в дизайне, вам может пригодиться наш <a>гайд по шрифтовым лицензиям</a>.</p>
124
<p>Работа с типографикой - интересное, но сложное дело: намеренное или случайное нарушение авторских прав регулярно приводит к судебным разбирательствам. Если в юридических тонкостях вы не так сильны, как в дизайне, вам может пригодиться наш <a>гайд по шрифтовым лицензиям</a>.</p>
125
125