Прошлое
This project is a student project at the School of Design or a research project at the School of Design. This project is not commercial and serves educational purposes

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

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

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

big

Появление первого компьютера Macintosh 1984 г.

Первые экраны не имели достаточно разрешения для точного воспроизведения плавных контуров аналоговых шрифтов [A2]. Ответом инженеров стала bitmap графика. Шрифты создавались вручную, пиксель за пикселем, для каждого конкретного размера [A3-A5]. Эти ранние цифровые гарнитуры, такие как System или Chicago на первых Macintosh, были не интерпретацией классических форм, а принципиально новыми конструкциями, рожденными из ограничений сетки пикселей. [1]

0

Mac OS System 1.0 Finder. Apple. 1984 [A2] Изменение шрифта от его размера [A3] Шрифт Casio FX-700P. Casio. 1984 [A4] Спецификация символов. Inside Macintosh. Apple.1984 [A5]

Одна из создательниц визуального языка того времени, Сьюзен Кэр — американская художница и дизайнер, которая благодаря умению вышивать крестиком [A6] создавала ряд пиксельных работ для оригинального Macintosh, включая шрифты, культовые иконки (такие как иконка «бомбочки» при системной ошибке [A7]) и системные игры, например «Пасьянса» [A8] [4].

0

Ручная отрисовака символов. Сьюзен Кэр. 1980-е [A6] Иконка возникновения системной ошибки. Сьюзен Кэр. 1980-е [A7] Системная игра «Пасьянс». Сьюзен Кэр. 1990-е [A8]

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

Появление первых цифровых мониторов в 1990-е

Эстетика bitmap графики стала визитной карточкой целой эпохи, от интерфейсов первых игровых приставок, например, Nintendo Entertainment System до игр вроде Space Quest III [A10-A11] или аркадной Star Wars [A12] [5].

0

Space Quest III: The Pirates of Pestulon. Sierra Entertainment. 1989 [A10-A11] Аркадная видеоигра Star Wars. Atari. 1983 [A12]

В контексте игр важно также отметить влияние ANSI графики на интернет культуру. В эпоху BBS (до массового интернета) ANSI-арт был визуальным языком warez-сцены, пиратского программного обеспечения, игр, фильмов и музыки. Взломщики софта и игр использовали псевдографику из символов кодировки ANSI для создания фирменного стиля [6].

0

BK-CP1.ANS. acdu0294. 1994 [A16]

Из-за ограниченного набора символов и ярких, неоновых цветов, которые предоставляли возможности мониторов того времени, создавалась характерная пиксельная графика. Однако художники старались выдать из этого максимум, создавая сложные орнаменты, витиеватые рамки, тени [A15], 3D-эффекты из символов, а также довольно агрессивную типографику в стиле похожем на готику и хеви-метал [A14]. Художники делали битмап леттеринги с иллюзией жидких [A17] или металлических [A18-A19] букв. Отражение этой эпохи можно также будет заменить и в работах настоящего.

0

FILE_ID.DIZ [A13] FILE_ID.DIZ [A14] ACID0194.ANS [A15] acid-78.xb [A16] BK-CP1.ANS [A17] 0294.BK-DD1 [A18] SN-PAL1.ANS [A19] acdu. 1994-1999

Проблема была очевидна: такие шрифты выглядели зубчатыми, их было невозможно масштабировать, а для каждого кегля и разрешения требовался свой набор битмап изображений. Шрифт оставался статичным и «привязанным» к устройству. [1]

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

Original size 1332x930

Обложки журнала Emigre. Руди Вандерланс и Зузана Личко. 1980–1990 гг. [A20]

Emigre — это журнал [A20], основанного в 1984 году в Калифорнии графическими дизайнерами Руди Ван Дер Лансом и Зузаной Личко. Он оказал огромное влияние на развитие цифровой типографики и стал важным изданием для графических дизайнеров. Журнал был запущен в тот же год, когда появились первые компьютеры Macintosh. В нем освещалась работа дизайнеров, а также первые эксперименты с компьютерной графикой и типографикой. Здесь можно встретить начало зарождения модульных шрифтов [A24], которые перешли из битмап графики, и дублирование текста для создания собственной текстовой текстуру [A21, A25], и деформацию отдельных букв [A23]. Всё это даст толчок для работ сегодняшнего дня.

0

Страницы из спесимена шрифта Lo-Res Outlined. Emigre, Руди Вандерланс и Зузана Личко. 1985 [A21] Страницы из спесимена шрифта LO-RES MONOSPACEDURL. Emigre, Руди Вандерланс и Зузана Личко. 1985 [A22]

0

Страницы из спесимена шрифта Keedy. Руди Вандерланс и Зузана Личко. 1989 [A23]

0

Страницы из спесимена шрифта LittleBit. Emigre, Руди Вандерланс и Зузана Личко. 1991 [A24]

0

Страницы журнала Emigre № 29. Руди Вандерланс и Зузана Личко. 1994 [A25]

Тим Бернерс-Ли и первый сайт

Интернет, каким мы его знаем с поисковой строкой, браузерами и контент страницами, появился в 1990-х, а вместе с ними стало развиваться интернет искусство или netart. Сайты стали холстами для высказываний многих художников, а интернет — галереей. Примеры такого искусства — сайты wwwwwwwww.Jodi.org (1995) [A28] и Shredder 1.0 (1998) [A29].

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

0

wwwwwwwww.Jodi.org. Jodi. 1995 [A28] Shredder 1.0. Mark Napier. 1998 [A29]

Original size 1152x413

Shredder 1.0. Mark Napier. 1998 [A29]

Test Pilot Collective [A30-A34] — это независимая дизайнерская и шрифтовая студия, основанная в 1998 году. Основное направление их деятельности — создание и продажа цифровых шрифтов. В качестве иллюстрации использования шрифтов студия создавала каждый день постер на своем сайте. Стиль студии отражает свое время и берет начало из графики интернет искусства. Для них всё также характерны смелые композиционные решения, цвета, пиксельные и моноширинные шрифты.

0

1999_01_13 [A30] 1999_01_14 [A31] 1999_01_22 [A32] 1999_01_31 [A33] 1999_08_05 [A34] Test Pilot Collective. 1999

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

Bibliography
Show
1.

Darkside / РараType [Электронный ресурс]. — URL: https://darkside.paratype.ru/four/ (дата обращения: 25.10.2025).

2.

Как появились компьютерные шрифты: разбор // Droider.ru. — 2021. — 9 октября. — URL: https://droider.ru/post/kak-poyavilis-kompyuternye-shrifty-razbor-09-10-2021/ (дата обращения: 25.10.2025).

3.

Самнер Стоун: «Мне нравится находиться на стыке технологий и искусства» // Typejournal.ru. — URL: https://typejournal.ru/articles/sumner-stone-interview (дата обращения: 25.10.2025).

4.

Что такое шрифт и как он охраняется? // Habr.com. — 2024. — URL: https://habr.com/ru/companies/onlinepatent/articles/935588/ (дата обращения: 25.10.2025).

5.

A Byte-Sized History of Computer Typography // Letterform Archive. — URL: https://letterformarchive.org/shop/a-byte-sized-history-of-computer-typography/?srsltid=AfmBOorVK92kExafa9265Y5NH2LAPuShwU8GmNmKxG4BWtfOzs_JAs7b (дата обращения: 25.10.2025).

6.

The Art of Warez — Documentary // Kill Pretty Magazine. — URL: https://www.killprettymagazine.com/blog/the-art-of-warez-documentary (дата обращения: 25.10.2025).

Image sources
Show
1.

(A1) Первый Macintosh. Apple. 1984. URL: https://zive.aktuality.sk/fotogaleria/123796/v-maji-sa-bude-drazit-funkcny-apple-i-cena-moze-prekrocit-750-tisic-eur/1/ (дата обращения: 25.09.2025).

2.

(A2) Рабочий стол Mac OS System 1.0 Finder. Apple. 1984. URL: https://winworldpc.com/screenshot/7ac2aec2-a20e-24e2-8098-11c3a4e284a2/c7efc5e9-d600-11e7-a73f-fa163e9022f0 (дата обращения: 25.09.2025).

3.

(A3) Изменение шрифта от его размера. URL: https://droider.ru/wp-content/uploads/2021/10/image7-768x568.png (дата обращения: 25.09.2025).

4.

(A4) Шрифт Casio FX-700P для компьютеров. Casio. 1984 URL: https://calculators.pdp-11.ru/formats.htm (дата обращения: 25.09.2025).

5.

(A5) Спецификация символов из Inside Macintosh. Apple.1984. URL: https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRxsph7vohKmxhOPClGEBxP0ouoCLDNoRQ3D7m_97dCBL7M7e3R (дата обращения: 25.09.2025).

6.

(A6) Ручная отрисовака символов. Сьюзен Кэр. 1980-е. URL: https://habrastorage.org/r/w1560/getpro/habr/upload_files/9a5/9d3/069/9a59d3069cce1d4281b6d0ceee051f6e.jpg (дата обращения: 25.09.2025).

7.

(A7) Иконка возникновения системной ошибки. Сьюзен Кэр. 1980-е. URL: https://habrastorage.org/r/w1560/getpro/habr/upload_files/9f5/779/d95/9f5779d9584cc739b2b32ab33a20b4e3.jpg (дата обращения: 25.09.2025).

8.

(A8)Системная игра «Пасьянс». Сьюзен Кэр. 1990-е. URL: https://habrastorage.org/r/w1560/getpro/habr/upload_files/a8f/091/c61/a8f091c6150919f1d78224fffbc652a4.jpg (дата обращения: 25.09.2025).

9.

(A9) Фото Sony Trinitron. 1990-е. URL: https://www.techinsider.ru/news/1610993-pervyi-monitor-v-mire-vot-kto-ego-pridumal/ (дата обращения: 25.09.2025).

10.

(A10) Скриншот игры Space Quest III: The Pirates of Pestulon. Sierra Entertainment. 1989. URL: https://pyrodactyl.com/2016/03/30/good-robot-46-game-design-changes/

11.

(A11) Шрифт игры Space Quest III: The Pirates of Pestulon. Sierra Entertainment. 1989. URL: https://www.gimp-forum.net/Thread-flip-images (дата обращения: 25.09.2025).

12.

(A12) Аркадная видеоигра Star Wars. Atari. 1983. URL: https://forums.arcade-museum.com/threads/atari-color-vector-vdr-comparison.535585/ (дата обращения: 25.09.2025).

13.

(A13) FILE_ID.DIZ. acdu. 1995. URL: https://16colo.rs/pack/acdu0195/FILE_ID.DIZ (дата обращения: 25.09.2025).

14.

(A14) FILE_ID.DIZ. acid 1995. URL: https://16colo.rs/pack/acid-78a/x1/FILE_ID.DIZ.png (дата обращения: 25.09.2025).

15.

(A15) ACID0194.ANS. acdu. 1994. URL: https://16colo.rs/pack/acdu0294/ACID0194.ANS (дата обращения: 25.09.2025).

16.

(A16) acid-78.xb. acdu. 1999. URL: https://16colo.rs/pack/acid-78a/acid-78.xb (дата обращения: 25.09.2025).

17.

(A17) BK-CP1.ANS. acdu0294. 1994. URL: https://16colo.rs/pack/acdu0294/BK-CP1.ANS (дата обращения: 25.09.2025).

18.

(A18) FILE_ID.DIZ. acdu. 1994. URL: https://16colo.rs/pack/acdu0294/BK-DD1.ANS (дата обращения: 25.09.2025).

19.

(A19) SN-PAL1.ANS. acdu. 1994. URL: https://16colo.rs/pack/acdu0294/x2/SN-PAL1.ANS.png (дата обращения: 25.09.2025).

20.

(A20) Обложки журнала Emigre. Руди Вандерланс и Зузана Личко. 1980–1990 гг. URL: https://www.emigre.com/Magazine (дата обращения: 25.09.2025).

21.

(A21) Страницы из спесимена шрифта Lo-Res Outlined. Emigre, Руди Вандерланс и Зузана Личко. 1985. URL: https://www.emigre.com/PDF/LoResOutlined.pdf (дата обращения: 25.09.2025).

22.

(A22) Страницы из спесимена шрифта LO-RES MONOSPACEDURL Emigre, Руди Вандерланс и Зузана Личко. 1985.: https://www.emigre.com/PDF/LoResMonospaced.pdf (дата обращения: 25.09.2025).

23.

(A23) Страницы из спесимена шрифта Keedy, Руди Вандерланс и Зузана Личко. 1989. URL: https://www.emigre.com/PDF/Keedy.pdf (дата обращения: 25.09.2025).

24.

(A24) Страницы из спесимена шрифта LittleBit. Emigre, Руди Вандерланс и Зузана Личко. 1991. URL: https://www.emigre.com/PDF/Littlebit.pdf (дата обращения: 25.09.2025).

25.

(A25) Страницы журнала Emigre № 29. Руди Вандерланс и Зузана Личко. 1994. URL: https://oa.letterformarchive.org/item?workID=lfa_emigre_0029&LFAPics=Yes&targPic=lfa_emigre_0029_002.jpg (дата обращения: 25.09.2025).

26.

(A26) Страницы из спесимена шрифта NARLY Emigre, Руди Вандерланс и Зузана Личко. 1985. URL: https://www.emigre.com/PDF/Narly.pdf (дата обращения: 25.09.2025).

27.

(A27) Появление World Wide Web. Тим Бернерс-Ли. 1991. URL: https://www.ixbt.com/live/sw/chssss.html (дата обращения: 25.09.2025).

28.

(A28) wwwwwwwww.Jodi.org. Jodi. 1995 URL: https://wwwwwwwww.jodi.org/ (дата обращения: 25.09.2025).

29.

(A29) Shredder 1.0. Mark Napier. 1998. URL: https://www.potatoland.org/shredder/ (дата обращения: 25.09.2025).

30.

(A30) 1999_01_13. Test Pilot Collective. 1999. URL: https://live.staticflickr.com/1347/824499899_29170a6e5e_b.jpg (дата обращения: 25.09.2025).

31.

(A31) 1999_01_14. Test Pilot Collective. 1999. URL: https://live.staticflickr.com/1077/824499947_9452f99c88_b.jpg (дата обращения: 25.09.2025).

32.

(A32) 1999_01_22. Test Pilot Collective. 1999. URL: https://live.staticflickr.com/1205/824499965_205d47d8fe_b.jpg (дата обращения: 25.09.2025).

33.

(A33) 1999_01_31. Test Pilot Collective. 1999. URL: https://live.staticflickr.com/1236/824654433_d6d5124e7c_b.jpg (дата обращения: 25.09.2025).

34.

(A34) 1999_08_05. Test Pilot Collective. 1999. URL: https://live.staticflickr.com/1043/825387070_7b7d6f39d2_c.jpg (дата обращения: 25.09.2025).

Chapter:
1
2
3
4
5
We use cookies to improve the operation of the HSE website and to enhance its usability. More detailed information on the use of cookies can be fou...
Show more