-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
364 lines (310 loc) · 25.4 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" href="img/bg/favicon.png">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" type="text/css">
<link rel="stylesheet" href="https://pingendo.com/assets/bootstrap/bootstrap-4.0.0-alpha.6.css" type="text/css">
<link href="https://cdnjs.cloudflare.com/ajax/libs/fotorama/4.6.4/fotorama.css" rel="stylesheet">
<meta name="keywords" content="calligraphy">
<style>
h1, h2, h3 {
font-family: Noto, serif;
}
h1, h2 {
font-weight: bolder;
}
h3 {
color: #8B4513;
font-size: medium
}
a {
text-decoration: underline;
color: #4682B4;
cursor: auto;
}
p, .lead {
font-family: Noto, sans-serif;
}
.header-up, .header-caption {
height: 339px;
}
.header-up {
background-image: url('img/bg/header_up.jpg');
}
.header-bottom {
height: 105px;
}
.footer {
background-color: #f5f5f5;
font-size: 0.8rem;
}
.position-bottom {
position: absolute;
bottom: 0;
}
.position-bottom p {
margin-bottom: 0.5rem;
}
.prices {
padding-left: 10px;
border-left: solid 5px #f5f5f5;
font-size: 0.9rem;
}
.factoid-head {
font-family: Georgia;
margin-top: 29px;
}
.factoid-title {
font-size: 5rem;
}
.factoid-subtitle {
margin-top: -33px;
font-size: 2.4rem;
}
.fa {
display: inline;
}
</style>
</head>
<body>
<div class="container py-4">
<div class="row mb-5 header-up">
<div class="col-md-12">
<div class="row header-caption">
<div class="col-md-8 offset-md-1">
<div class="caption position-bottom">
<p><small>Набор каллиграфических инструментов автора</small></p>
</div>
</div>
</div>
</div>
</div>
<div class="row header-bottom mb-3">
<div class="col-md-9 offset-md-1">
<h1>Как выбрать правильный инструмент для каллиграфии</h1>
</div>
</div>
<!-- Вступление -->
<div class="row mb-5">
<div class="col-md-9 offset-md-1">
<p class="lead">Каллиграфия — это искусство красивого почерка. Чтобы писать, нужны только инструмент, бумага и чернила. В этой статье я расскажу, как выбрать для красивого почерка правильный инструмент.</p>
<p>Сначала решите, какой шрифт, стиль письма вам по душе. Они делятся на две большие группы: для острого и широкого пера. Острым пером хорошо писать изящные буквы с тонкими восходящими и выразительными нисходящими штрихами. В пропорциях стилей для широкого пера лежат геометрические схемы, состоящие из круга и квадрата.</p>
<p>Одни шрифты подчиняются строгим правилам и пропорциям, другие позволяют вольности. Выберите себе один-два стиля письма для тренировок. Примеры всегда есть под рукой: в журналах, книгах по каллиграфии, в интернете. Для выбранных стилей выбирайте конкретные инструменты.</p>
<div class="row">
<div class="col-md-7">
<div class="thumbnail">
<img src="img/photo/article/12_1.png" class="embed-responsive" alt="Lamy">
</div>
</div>
<div class="col-md-5">
<div class="row">
<div class="col-md-12">
<img src="img/photo/article/15_1.jpg" class="embed-responsive" alt="Lamy">
</div>
</div>
<div class="row pt-2">
<div class="col-md-12">
<img src="img/photo/article/3_2.jpg" class="embed-responsive" alt="Lamy">
</div>
</div>
<div class="row pt-2">
<div class="col-md-12">
<div class="caption">
<p><small>Примеры почерков (слева направо): «Speciments of Handwriting» (острое перо); работы Джейка Вайдманна (широкое перо и перьевая ручка)</small></p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-2">
<img class="img-fluid d-block m-2" src="https://3.bp.blogspot.com/-JGxMocNZ1ys/WSK9otXMKbI/AAAAAAAAByk/UiaUsQLsAfIU3grSCXjxHkji6-V_87-yACLcB/s1600/mary_kileeva.png" width="100">
<p><strong>Мария Тихомирова</strong></p>
<p><small>За два года увлечения каллиграфией тренировалась писать карандашами, ручками, кисточками и пальцами</small></p>
</div>
</div>
<!-- Перьевая ручка -->
<div class="row mb-5">
<div class="col-md-9 offset-md-1">
<h3 class="text-warning">Скоропись</h3>
<h2>Перьевая ручка</h2>
<p>Писать перьевой ручкой удобнее, чем шариковой: она легче скользит по бумаге. Производители разрабатывают для школьников и подростков ручки повышенной эргономичности. Присмотритесь к ним, если страшно браться сразу за «взрослый инструмент».</p>
<p>Ориентируйтесь не на цену и производителя, а на то, как ручка лежит в руке. Бывает, что недорогая китайская ручка такая же комфортная в письме, как дорогая фирменная.</p>
<p>Перьевые ручки различаются размером пера и способом заправки чернил. Заправляют картриджами (маленький пластиковый контейнер вставляется в корпус) или чернилами (набирать их нужно с помощью конвертера, контейнера с поршнем внутри ручки).</p>
<p>Если хочется нового цвета, а картридж еще не закончился, — выньте его из корпуса и храните в пакетике с застежкой зиплок. А с конвертером выливайте чернила в банку, промывайте ручку водой и набирайте чернила нового цвета.</p>
<div class="row">
<div class="col-md-12">
<div class="thumbnail">
<img src="img/photo/article/8.png" class="embed-responsive" alt="Lamy">
<div class="caption">
<p><small>Перьевая ручка Lamy Al-Star</small></p>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-4">
<div class="thumbnail">
<img src="img/photo/article/17.jpg" class="embed-responsive" alt="Lamy">
<div class="caption">
<p><small>Lamy Joy и китайский ноунейм</small></p>
</div>
</div>
</div>
<div class="col-md-4">
<div class="thumbnail">
<img src="img/photo/article/18.jpg" class="embed-responsive" alt="Lamy">
<div class="caption">
<p><small>Конвертер Lamy Z26</small></p>
</div>
</div>
</div>
<div class="col-md-4">
<div class="thumbnail">
<img src="img/photo/article/19.jpg" class="embed-responsive" alt="Lamy">
<div class="caption">
<p><small>Чернильные картриджи Lamy</small></p>
</div>
</div>
</div>
</div>
<div class="prices">
<p>Примерные цены: китайский ноунейм — 100 <i class="fa fa-rub" aria-hidden="true"></i>, <a href="http://faber-castell.club/product/3292-149803.html">«Scribolino»</a> (набор из ручки и шести картриджей) — 400 <i class="fa fa-rub" aria-hidden="true"></i>, <a href="http://getpen.ru/lamy-abc-fp-blue/i/1728">«Lamy abc»</a> — 1 400 <i class="fa fa-rub" aria-hidden="true"></i>, <a href="http://getpen.ru/lamy-nexx-red/i/1202">«Lamy Nexx»</a> — 1 900 <i class="fa fa-rub" aria-hidden="true"></i>, <a href="http://getpen.ru/kaweco-acsport-red-ef/i/3334">«Kaweco AC Sport EF»</a> — 7 300 <i class="fa fa-rub" aria-hidden="true"></i>.</p>
</div>
</div>
</div>
<!-- Острое перо -->
<div class="row mb-5">
<div class="col-md-9 offset-md-1">
<h3 class="text-warning">Копперплейт, спенсериан, скоропись</h3>
<h2>Острое перо</h2>
<p>Для письма острым пером понадобится держатель. Он похож на обычную ручку. Перышко вставляют в крепление (фланец).</p>
<p>Прямой держатель годится для прямых букв. Когда пишут наклонным почерком, лучше взять наклонный (косой) держатель, он помогает зубчикам пера раскрываться симметрично и оставлять ровную линию. Для первых тренировок подойдет пластмассовый косой держатель. Понравится — покупайте деревянный или заказывайте инструмент, изготовленный по меркам вашей кисти.</p>
<p>Деревянные держатели шлифуют, пропитывают льняным маслом. Проверьте, чтобы не было грубых дефектов древесины. Полимерные держатели не должны выскальзывать из руки.</p>
<p>Как выглядят разные держатели, смотрите на видео.</p>
<div class="mb-3">
<iframe width="560" height="315" src="https://www.youtube.com/embed/iYzoq74mcOA" frameborder="0" allowfullscreen=""> </iframe>
</div>
<div class="prices">
<p>Примерные цены: деревянный <a href="http://krasniykarandash.ru/catalog/derzhateli_i_udliniteli_/derzhatel_pera_morilka_lak_temnyy.html">«Deml Holzerzeugnisse»</a> — 100 <i class="fa fa-rub" aria-hidden="true"></i>, пластмассовый <a href="http://getpen.ru/speedball-nibholder-oblique/i/2921">Speedball Oblique</a> — 380 <i class="fa fa-rub" aria-hidden="true"></i>, буковый <a href="http://obliquepen.ru/">«Oblique № 34»</a> от Obliquepen.ru — 1 000 <i class="fa fa-rub" aria-hidden="true"></i>, комбинированный (полимер и стабилизированное дерево) <a href="http://bukvawood.ru/shop/preorder_blackmaplegold">«Black Maple+Gold»</a> от Bookvawood — 6 000 <i class="fa fa-rub" aria-hidden="true"></i>, комбинированный (снейквуд и эбеновое дерево) <a href="https://www.jakeweidmann.com/collections/penholders/products/scriptivarius">«Scriptivarius»</a> от Джейка Вайдманна — 5 000 <i class="fa fa-usd" aria-hidden="true"></i>.</p>
</div>
</div>
<div class="col-md-2">
<div class="factoid-head">
<div class="factoid-title text-warning">120</div>
<div class="factoid-subtitle">г/м<sup>3</sup></div>
</div>
<p><small>плотность бумаги для комфортного письма острым пером</small></p>
</div>
</div>
<!-- Широкое перо -->
<div class="row mb-5">
<div class="col-md-9 offset-md-1">
<h3 class="text-warning">Романские шрифты, готика, модерн</h3>
<h2>Широкое перо</h2>
<p>Широкое перо устроено так же, как плоское и вставляется в такой же держатель.</p>
<p>Современные инструменты для имитации письма широким пером — ручки «Pilot Parallel Pen» и специальные фломастеры. Их пишущие узлы повторяют формы широкого пера.</p>
<p>«Пилоты» заправляют картриджами с чернилами. Перья в них не заменяются и бывают четырех размеров: 1.5, 2.4, 3.8 и 6.0 мм. Чем больше перо, тем шире будут буквы. В упаковку производитель кладет инструкцию с примерами и упражнениями для практики. Фломастеры с прямым срезом пишущей части можно выбрать разных цветов и не покупать при этом разные банки чернил.</p>
<div class="row">
<div class="col-md-8">
<div class="thumbnail">
<img src="img/photo/article/14_1.jpg" class="embed-responsive" alt="Lamy">
<div class="caption">
<p><small>Так пишет широкое перо.<br/>«Frieden», Джейк Вайдман («Pilot Parallel Pen», 6.0 мм)</small></p>
</div>
</div>
</div>
<div class="col-md-4">
<div class="thumbnail">
<img src="img/photo/article/7_1.jpg" class="embed-responsive" alt="Lamy">
<div class="caption">
<p><small>Держатель с широким пером, ручки «Pilot Parallel Pen» 2.4 и 3.8 мм</small></p>
</div>
</div>
</div>
</div>
<div class="prices">
<p>Примерные цены: <a href="http://getpen.ru/pilot-parallel-pen-2.4/i/663">«Pilot parallel Pen»</a> (в комплекте с каждой ручкой есть два чернильных картриджа) — 600 <i class="fa fa-rub" aria-hidden="true"></i>, фломастер <a href="http://getpen.ru/edding-1455-blue/i/3596">«Edding 1455»</a> — 120 <i class="fa fa-rub" aria-hidden="true"></i>, фломастер <a href="http://getpen.ru/kuretake-calligraphyII-violet/i/3144">«Kuretake ZIG Calligraphy II»</a> (с широким и тонким пишущими<br/>узлами) — 250 <i class="fa fa-rub" aria-hidden="true"></i>.</p>
</div>
</div>
</div>
<!-- Кисть -->
<div class="row mb-5">
<div class="col-md-9 offset-md-1">
<h3 class="text-warning">Китайские иероглифы, модерн, скоропись</h3>
<h2>Кисть</h2>
<p>Для каллиграфии подойдет любая кисть. Те, что с тонким кончиком, хороши для изящных, тонких букв. Те, что с широким срезом, пишут как ширококонечное перо. Кисточки с ворсом из колонка или белки лучше подходят для каллиграфии. Они мягкие, упругие, с них чернила и тушь стекают аккуратно.</p>
<p>Усовершенствованные версии кисти — вотербраш (waterbrush) и брашпен (brushpen). Вотербраш — кисточка с резервуаром, у нее синтетический ворс. В резервуар заправляют воду или чернила, чтобы писать и рисовать на свежем воздухе. Брашпены — фломастеры с гибкой пишущей частью. Бывают со сменными картриджами, удобно носить с собой.</p>
<div class="row mb-3">
<div class="col-md-12">
<div class="thumbnail">
<img src="img/photo/article/12_2.jpg" alt="Lamy">
<div class="caption">
<p class="m-0"><small>Одна и та же буква написана разными кистями, вотербрашем и брашпенами</small></p>
</div>
</div>
</div>
</div>
<div class="prices">
<p>Примерные цены: круглая синтетическая кисть <a href="http://krasniykarandash.ru/catalog/kisti_sintetika_poshtuchno/kist-sintetika-kruglaya-pinax-creative-691-zhestkaya-.html">«Pinax Creative»</a> — 50 <i class="fa fa-rub" aria-hidden="true"></i>, плоская кисть <a href="http://krasniykarandash.ru/catalog/kisti_kolonok_poshtuchno/kist_kolonok_2_ploskaya_vors_.html">«Колонок № 2»</a> — 100 <i class="fa fa-rub" aria-hidden="true"></i>, фломастер <a href="http://getpen.ru/kuretake-fudebiyori-030/i/4331">«Kuretake Fudebiyori»</a> — 110 <i class="fa fa-rub" aria-hidden="true"></i>, <a href="http://getpen.ru/pentel-aquash-brush/i/149">«Pentel Aquash Brash»</a> (с резервуаром) — 450 <i class="fa fa-rub" aria-hidden="true"></i>.</p>
</div>
</div>
</div>
<!-- Колапен и рейсфедер -->
<div class="row mb-5">
<div class="col-md-9 offset-md-1">
<h3 class="text-warning">Экспрессивное письмо</h3>
<h2>Колапен и рейсфедер</h2>
<p>Колапен (folded rulling pen) — простой, но эффектный инструмент. Несмотря на название, его легко вырезать из жестяной баночки любой газировки. Особенности жести незначительно влияют на эксцентричность письма. У фабричных колапенов более основательная металлическая пишущая часть.</p>
<p>Рейсфедер (rulling pen) пришел в каллиграфию из чертежной мастерской. У него простая конструкция, он рисует идеальную линию и одинаково аккуратно чертит широкие, узкие штрихи и размашистые росчерки.</p>
<div class="fotorama mb-3" data-nav="thumbs">
<img src="img/photo/colapen/1_gif.jpg" data-caption="Берем баночку газировки">
<img src="img/photo/colapen/2_gif.jpg" data-caption="Вырезаем небольшую часть">
<img src="img/photo/colapen/3_gif.jpg" data-caption="Рисуем на бумаге шаблон пера">
<img src="img/photo/colapen/4_gif.jpg" data-caption="Переводим шалон на заготовку">
<img src="img/photo/colapen/5_gif.jpg" data-caption="Сгибаем и вставляем в держатель">
<img src="img/photo/colapen/6_gif.jpg" data-caption="Готово!">
</div>
<div class="prices">
<p>Примерные цены: самодельный колапен (газировка, держатель и скотч) — 100 <i class="fa fa-rub" aria-hidden="true"></i>, фабричный колапен <a href="http://www.johnnealbooks.com/product/folded-ruling-pen/ruling-pens-writing-tools">«Folded Ruling Pen № 30»</a> — 17 <i class="fa fa-usd" aria-hidden="true"></i>, рейсфедер <a href="http://calligraphicashop.ru/reysfeder-skalpel-calligraphica-ruling-pen-bereza">«Calligraphica Ruling Pen»</a> — 1 800 <i class="fa fa-rub" aria-hidden="true"></i>, рейсфедер <a href="http://www.johnnealbooks.com/product/93/ruling-pens-writing-tools">«Ruling Pen № 22»</a> — 47 <i class="fa fa-usd" aria-hidden="true"></i>.</p>
</div>
</div>
</div>
<!-- Где купить -->
<div class="row mb-5">
<div class="col-md-9 offset-md-1">
<h2>Где купить</h2>
<p>Подержать в руках, проверить качество письма отправляйтесь в магазины. В Москве — <a href="getpen.ru">getpen.ru</a>, <a href="https://krasniykarandash.ru/">«Красный карандаш»</a>, <a href="https://www.peredvizhnik.ru">«Передвижник»</a>. В Москве и Санкт-Петербурге — <a href="https://artkvartal.ru">«Арт-квартал»</a>.</p>
<p>В интернет-магазинах часто больше выбора. Крупные российские интернет-магазины — <a href="https://www.etudesite.ru">«Этюд»</a>, getpen.ru, «Красный карандаш», «Передвижник» и «Арт-квартал». Крупные зарубежные интернет-магазины <a href="https://www.scribblers.co.uk/">«Scribblers»</a> (у них отличный клиентский сервис), <a href="http://www.johnnealbooks.com/">«John Neal Bookseller»</a>, <a href="http://kalligraphie.com/">«Scriptorium»</a>, <a href="http://www.kallipos.de/">kallipos.de</a>, <a href="https://www.jetpens.com/">JetPens</a>. Не забудьте проверять условия доставки: иногда привезти ручку из-за рубежа стоит дороже самой ручки. </p>
<p>Российские предприниматели делают отличные вещи. Алексей Решетов — деревянные наклонные держатели (<a href="http://obliquepen.ru/">Obliquepen</a>), Александр Попель — наклонные держатели из полимерных материалов и стабилизированного дерева (<a href="http://www.bukvawood.ru/">BukvaWood</a>), в мастерской <a href="http://calligraphicashop.ru">Calligraphicashop</a> производят рейсфедеры собственной конструкции со сменными перьями.</p>
</div>
</div>
</div><!-- /.container -->
<!-- Футер -->
<div class="container-fluid">
<div class="row footer">
<div class="col-md-5 offset-md-1 p-3">
<p><strong>Текст, вёрстка:</strong> Мария Тихомирова</p>
<p><strong>Фото:</strong> Мария Тихомирова, <a href="https://www.jakeweidmann.com/">Джейк Вайдманн</a> (с разрешения официального представителя), <a href="http://krasniykarandash.ru/">«Красный карандаш»</a> (с разрешения официального представителя), <a href="https://unsplash.com/">Unsplash.com</a>, <a href="http://olddesignshop.com">olddesignshop.com</a></p>
<p><strong>Шрифты:</strong> Noto, Georgia</p>
<p>Работа сделана в <a href="http://artgorbunov.ru/school/30jan2017/">Школе редакторов</a> дизайн-бюро Артёма Горбунова</p>
</div>
<div class="col-md-5 p-3">
<p><strong>Источники</strong></p>
<ul class="list-unstyled ">
<li><a href="https://www.ozon.ru/context/detail/id/2906385/">«Каллиграфия»</a>, Илья Богдеско</li>
<li><a href="http://www.nikolietta.com/obuchenie/kosoj-derzhatel-dlja-pera.html">«Обзор косых держателей для пера Oblique»</a>, Варвара Новгородова</li>
<li><a href="https://www.youtube.com/watch?v=85bqT904VWA">«Why write? Penmanship for the 21st Century»</a>, Джейк Вайдманн на TED</li>
<li><a href="https://www.amazon.com/The-Art-Calligraphy-Practical-Techniques/dp/1564588491">«The Art of Calligraphy»</a>, Дэвид Харрис</li>
<li><a href="https://thepostmansknock.com/intermediate-calligraphy-supplies-list-recommendations/">«Intermediate Calligraphy Supplies»</a>, Линдси Багби</li>
<li><a href="https://alexmankuta.com/blog/2016/08/09/calligraphy-starter-kit-all-the-rest/">«Calligraphy Starter Kit and All the Rest»</a>, Александра Манькута</li>
</ul>
</div>
</div>
</div>
<!-- SCRIPTS -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/fotorama/4.6.4/fotorama.js"></script>
</body>
</html>