Original size 1793x2689
1
Tags
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

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

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

Печатная типографика опирается на стабильность: книга в руках, фиксированная дистанция, статичная страница. Игровая типографика существует в динамике: игрок сидит в полуметре от монитора или в трёх метрах от телевизора, текст появляется поверх анимации и эффектов, фон меняется каждую секунду. Там, где книга способна работать «на грани читаемости», игре необходим «запас прочности».

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

Проблемы механического переноса

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

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

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

Необходимые адаптации

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

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

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

Цифры в интерфейсе выигрывают от моноширинного начертания: так счётчики и таймеры не «скачут» при изменении значений. Похожие цифры — 0, 6, 8, 9 — должны различаться однозначно. Весь текст интерфейса и субтитров важно выводить отдельным графическим слоем, поверх сцены: иначе размытие движения и постобработка неизбежно превращают буквы в нечитаемое пятно.

Неизменные основы

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

Конфликт между «красиво» и «читаемо» нередко возникает из-за неверного распределения ролей. Как только мы перестаём требовать от декоративного шрифта идеальной читаемости в мелком размере, а от базового текстового — ярко выраженной «индивидуальности», система выравнивается. Каждый шрифт выполняет свою задачу.

Практические шаги

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

Если свести выводы к стартовому плану, он может выглядеть так:

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

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

Обложки

Фон на обложках сгенерирован с помощью midjourney.com Поверх добавлена инфографика, отрисованная в иллюстраторе.

Bibliography
Show
1.

Typography and Proportions, Open Educational Resources for Typography (OERT) [Электронный ресурс]. URL: https://www.oert.org/en/typography-and-proportions/ (дата обращения 20.10.2025)

2.

Laura Franz, «Size Matters: Balancing Line Length And Font Size In Responsive Web Design», Smashing Magazine, 2014 [Электронный ресурс]. URL: https://www.smashingmagazine.com/2014/09/balancing-line-length-font-size-responsive-web-design/ (дата обращения 20.10.2025)

3.

Edward Scott, «Readability: The Optimal Line Length» [Электронный ресурс]. URL: https://baymard.com/blog/line-length-readability (дата обращения 20.10.2025)

4.

Tim Ahrens, Shoko Mugikura, «Size-specific Adjustments to Type Designs», 2014 [Электронный ресурс]. URL: https://justanotherfoundry.com/size-specific-adjustments-to-type-designs (дата обращения 20.10.2025)

5.

Divya P., «Typographical Factors Affecting Online Reading», Communication and Journalism Research [Электронный ресурс]. URL: https://cjrjournal.in/Uploads/Files/CJR13J_1.%20Divya%20P.pdf (дата обращения 20.10.2025)

6.

Andra Voinea, «It’s dark/It’s light? Readability does depend on color» [Электронный ресурс]. URL: https://in2it.ro/2022/10/most-user-friendly-text-and-background-color-combinations-what-the-research-says/ (дата обращения 20.10.2025)

7.

David J. Eck, «Introduction to Computer Graphics» (глава 2 «Графика в двух измерениях») [Электронный ресурс]. URL: https://math.hws.edu/eck/cs424/downloads/graphicsbook-linked.pdf (дата обращения 20.10.2025)

8.

Legge, G. E., & Bigelow, C. A. (2011). «Does print size matter for reading? A review of findings from vision science and typography». Journal of Vision [Электронный ресурс]. URL: https://legge.psych.umn.edu/sites/legge.psych.umn.edu/files/2020-08/Legge%20Bigelow%202011%20Does%20size%20matter%20for%20reading%3F%20A%20review%20of%20findings%20from%20vision%20science%20and%20typography.pdf (дата обращения 20.10.2025)

9.

Thomas A Wadlow, «The Xerox Alto Computer», BYTE Magazine, сентябрь 1981. [Электронный ресурс]. URL: https://archive.org/details/byte-magazine-1981-09/page/n59/mode/2up (дата обращения 20.10.2025)

10.

Jeremy Reimer, «A History of the GUI», Ars Technica, май 2005 [Электронный ресурс]. URL: https://arstechnica.com/features/2005/05/gui/#page-6 (дата обращения 20.10.2025)

11.

NFG’s Arcade Font Lister [Электронный ресурс]. URL: https://nfggames.com/games/fontmaker/lister.php (дата обращения 22.10.2025)

12.

Toshi Omagari, «Arcade Game Typography», 2019 [Электронный ресурс]. URL: https://tosche.net/non-fonts/arcade-game-typography (дата обращения 22.10.2025)

13.

Xerox Palo Alto Research Center, «Alto User’s Handbook», 1971 [Электронный ресурс]. URL: https://archive.org/details/alto-users-handbook/page/n15/mode/2up (дата обращения 22.10.2025)

14.

Typeroom Origins, «Apple fonts, a typographic timeline», 2022 [Электронный ресурс]. URL: https://www.typeroom.eu/apple-fonts-a-timeline (дата обращения 22.10.2025)

15.

Daniel Will-Harris, «Georgia & Verdana Typefaces designed for the screen», 2003 [Электронный ресурс]. URL: https://web.archive.org/web/20130828210842/http://www.will-harris.com/verdana-georgia.htm (дата обращения 22.10.2025)

16.

Юрий Ярмола, «Компьютерные шрифты», 1994. BHV-Санкт-Петербург, ISBN 5-85237-015-0 (дата обращения 22.10.2025)

17.

Joel Spolsky, «Font smoothing, anti-aliasing, and sub-pixel rendering», 2007 [Электронный ресурс]. URL: https://www.joelonsoftware.com/2007/06/12/font-smoothing-anti-aliasing-and-sub-pixel-rendering/ (дата обращения 22.10.2025)

18.

Microsoft Docs, «ClearType overview», 2001 [Электронный ресурс]. URL: https://learn.microsoft.com/en-us/dotnet/desktop/wpf/advanced/cleartype-overview (дата обращения 22.10.2025)

19.

Bang Bang Education, «В месте буквы: дизайн и дислексия», 2025 [Электронный ресурс]. URL: https://bangbangeducation.ru/point/grafichieskii-dizain/v-miestie-bukvy-dizain-i-dislieksiia/ (дата обращения 27.10.2025)

20.

Cédric Bertolus, Daniel Bailleul, Marc Mersiol, «Viewing distance requires large characters to ensure legibility on TV-set», 2017 [Электронный ресурс]. URL: https://hal.science/hal-01578483v1/document (дата обращения 27.10.2025)

21.

Rayner, K. (1998). Eye movements in reading and information processing: 20 years of research. Psychological Bulletin, 124(3), 372–422. [Электронный ресурс]. URL: http://andrewd.ces.clemson.edu/courses/cpsc881/papers/reading/Ray98_readingSurvey.pdf (дата обращения 27.10.2025)

22.

Leung, C. Y. et al. (2014). The Perceptual Span in Second Language Reading. Reading in a Foreign Language, 26(1), 85–104. [Электронный ресурс]. URL: https://www.scirp.org/pdf/OJML_2014111314212831.pdf (дата обращения 27.10.2025)

23.

Legge, G. E. (2016). Reading Digital with Low Vision. Visible Language, 50(2), 143–161. [Электронный ресурс]. URL: https://pubmed.ncbi.nlm.nih.gov/29242668/ (дата обращения 27.10.2025)

24.

Legge, G. E., Pelli, D. G., Rubin, G. S., & Schleske, M. M. (1985). Psychophysics of reading—I. Normal vision. Vision Research, 25(2), 239–252. [Электронный ресурс]. URL: https://legge.psych.umn.edu/sites/legge.psych.umn.edu/files/2020-08/Psychophysics%20of%20Reading%20I%20Normal%20Vision%20Legge%20Pelli%20Rubin%20Schleske%201985.pdf.pdf (дата обращения 27.10.2025)

25.

Whitney, D., & Levi, D. M. (2011). Visual Crowding: A Fundamental Limit on Conscious Perception and Object Recognition. Trends in Cognitive Sciences, 15(4), 160–168. [Электронный ресурс]. URL: https://pmc.ncbi.nlm.nih.gov/articles/PMC3070834/pdf/nihms-276098.pdf (дата обращения 27.10.2025)

26.

Pelli, D. G., & Tillman, K. A. (2008). The uncrowded window of object recognition. Nature Neuroscience, 11(10), 1129–1135. [Электронный ресурс]. URL: https://pmc.ncbi.nlm.nih.gov/articles/PMC2772078/pdf/nihms87909.pdf (дата обращения 27.10.2025)

27.

Velichkovsky, B. B., Khromov, N., Korotin, A., Burnaev, E., & Somov, A. (2019). Visual Fixations Duration as an Indicator of Skill Level in eSports. In: Human-Computer Interaction — INTERACT 2019, pp. 397–405. [Электронный ресурс]. URL: https://arxiv.org/pdf/1906.01699 (дата обращения 27.10.2025)

28.

Game Accessibility Guidelines — Full list. [Электронный ресурс]. URL: https://gameaccessibilityguidelines.com/full-list/ (дата обращения 27.10.2025)

29.

RTINGS.com, «TV Size To Distance Calculator (And The Science Behind It)» [Электронный ресурс]. URL: https://www.rtings.com/tv/reviews/by-size/size-to-distance-relationship (дата обращения 27.10.2025)

30.

Microsoft, «Xbox Accessibility Guideline 101» — «Text display» [Электронный ресурс]. URL: https://learn.microsoft.com/en-us/gaming/accessibility/xbox-accessibility-guidelines/101 (дата обращения 27.10.2025)

31.

David Caltrider, Abhishek Gupta, «Evaluation of Visual Acuity» 2024 [Электронный ресурс]. URL: https://www.ncbi.nlm.nih.gov/books/NBK564307/ (дата обращения 27.10.2025)

32.

W3C, «Web Content Accessibility Guidelines», «Success Criterion 1.4.12 Text Spacing», 2024 [Электронный ресурс]. URL: https://www.w3.org/TR/WCAG22/#text-spacing (дата обращения 28.10.2025)

33.

IGDA, «Game Accessibility Top Ten», 2015 [Электронный ресурс]. URL: https://igda-gasig.org/how/game-accessibility-top-ten-se/ (дата обращения 28.10.2025)

34.

Netflix, «Titles and Graphics Safe Areas» [Электронный ресурс]. URL: https://partnerhelp.netflixstudios.com/hc/en-us/articles/360034536253-Titles-Graphics-Requirements-Best-Practices (дата обращения 28.10.2025)

35.

Google: Android Developers, «Color on TV», 2023 [Электронный ресурс]. URL: https://developer.android.com/design/ui/tv/guides/styles/typography (дата обращения 28.10.2025)

36.

ГОСТ Р 57767- 2017, «Субтитры к кино- и видеопродукции для инвалидов по слуху», 2017 [Электронный ресурс]. URL: https://meganorm.ru/Data2/1/4293742/4293742934.pdf (дата обращения 28.10.2025)

37.

Digital.Gov, «Accessibility for visual designers (Typography)» [Электронный ресурс]. URL: https://digital.gov/guides/accessibility-for-teams/visual-design#typography (дата обращения 28.10.2025)

38.

W3C, «Understanding Success», «Criterion 1.4.3: Contrast (Minimum)», 2025 [Электронный ресурс]. URL: https://www.w3.org/WAI/WCAG21/Understanding/contrast-minimum.html (дата обращения 28.10.2025)

39.

Richard Rutter, «Web Typography: Designing Tables to be Read, Not Looked At», 2017 [Электронный ресурс]. URL: https://alistapart.com/article/web-typography-tables/ (дата обращения 28.10.2025)

40.

Itcodex Itcodex, «The Most Common Game Localization Problems», 2024 [Электронный ресурс]. URL: https://inlingogames.com/blog/the-most-common-game-localization-problems/ (дата обращения 28.10.2025)

41.

Celia Hodent, «Cognitive Psychology Applied to User Experience in Video Games», 2016 [Электронный ресурс]. URL: https://celiahodent.com/cognitive-psychology-applied-to-user-experience-in-video-games/ (дата обращения 28.10.2025)

42.

Alita Kendrick, «10 Usability Heuristics Applied to Video Games», 2019 [Электронный ресурс]. URL: https://www.nngroup.com/articles/usability-heuristics-applied-video-games/ (дата обращения 28.10.2025)

43.

Andre Rodrigues, «Persona 5’s Interaction Design is the best!», Medium, 2017 [Электронный ресурс]. URL: https://ousiadroid.medium.com/what-you-can-learn-from-persona-5s-ui-design-4a4a646245b1 (дата обращения 28.10.2025)

44.

Sarah Schlosser, «Making Effective Maps: Cartographic Visualization for GIS», 2023 [Электронный ресурс]. URL: https://colorado.pressbooks.pub/makingmaps/ (дата обращения 28.10.2025)

45.

Riley Cran, «Custom Fonts for Pentiment», 2022 [Электронный ресурс]. URL: https://lettermatic.com/custom/pentiment (дата обращения 28.10.2025)

46.

Jaiwanth Shan, «Designing Effective Diegetic UI: Lessons Learned from Dead Space’s Success…», 2023 [Электронный ресурс]. URL: https://medium.com/@jaiwanthshan/designing-effective-diegetic-ui-lessons-learned-from-dead-spaces-success-and-the-callisto-dbf803639dd6 (дата обращения 28.10.2025)

Image sources
Show
1.

i.redd.it. изображение, опубликованное пользователем на Reddit. [Электронный ресурс]. URL: https://i.redd.it/87wrqhqfzyab1.jpg (дата обращения: 12.11.2025).

2.

miro.medium.com. иллюстрация из статьи на Medium. [Электронный ресурс]. URL: https://miro.medium.com/v2/resize:fit:1400/format:webp/1*PyuM3DvaHmkCrX_Y_Tzqgw.png (дата обращения: 12.11.2025).

3.

typenetwork.com. изображение из материала Type Network о variable fonts. [Электронный ресурс]. URL: https://typenetwork.com/_next/image?url=https%3A%2F%2Fcms.typenetwork.com%2Fimages%2Fimage_forma-metal-close_2040x1020_Q3Xrcek.jpg&w=3840&q=75 (дата обращения: 12.11.2025).

4.

fiddleink.com. фотографии буквенных надписей для проекта The Point 2021. [Электронный ресурс]. URL: https://www.fiddleink.com/blog/thepoint2021 (дата обращения: 12.11.2025).

5.

design.bureau.ru. разворот путеводителя по Франции («Путеводитель по таинственной Франции»). [Электронный ресурс]. URL: https://design.bureau.ru/putevoditel-po-tainstvennoy-frantsii (дата обращения: 12.11.2025).

6.

artgorbunov.ru. макет журнала (изображение со Студии Артёма Горбунова). [Электронный ресурс]. URL: http://artgorbunov.ru/content/images/dd/500x500/1437156853-13.jpg (дата обращения: 12.11.2025).

7.

i.pinimg.com. развороты журналов с крупными портретами. [Электронный ресурс]. URL: https://i.pinimg.com/1200x/a8/bb/1d/a8bb1d875aaf56ffa99fa186cdb06540.jpg (дата обращения: 12.11.2025).

8.

blogger.googleusercontent.com. ещё один разворот журнала с крупными портретами. [Электронный ресурс]. URL: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEeZLtxO3VEVmxs1OvKv9OAT5SQVh4GtKXxI7XYyGOLrHevCs_e2A/s1600/4-5.jpg (дата обращения: 12.11.2025).

9.

rwt.io. пример из статьи «Responsive Web Typography» (сравнение двух колонок текста). [Электронный ресурс]. URL: https://rwt.io/sites/default/files/styles/max_1300x1300/public/two_c_example.jpg?itok=4LgaXK2Z (дата обращения: 12.11.2025).

10.

rwt.io. страница со статьёй о variable fonts (часть 2). [Электронный ресурс]. URL: https://rwt.io/typography-tips/variable-fonts-part-second-optical-size-custom-axes-and-other-curiosities (дата обращения: 12.11.2025).

11.

rwt.io. изображение из материала Type Network о variable fonts (связанный текст). [Электронный ресурс]. URL: https://rwt.io/typography-tips/variable-fonts-part-second-optical-size-custom-axes-and-other-curiosities (дата обращения: 12.11.2025).

12.

upload.wikimedia.org. фотография терминала IBM 2250 с перьевым указателем. [Электронный ресурс]. URL: https://upload.wikimedia.org/wikipedia/commons/thumb/a/a9/HES_IBM_2250_light_pen_grlloyd_Oct1969.png/1600px-HES_IBM_2250_light_pen_grlloyd_Oct1969.png?20200614201949 (дата обращения: 12.11.2025).

13.

cdn.hackaday.io. фотография аппаратуры с сайта Hackaday.io. [Электронный ресурс]. URL: https://cdn.hackaday.io/images/1602671659905561188.JPG (дата обращения: 12.11.2025).

14.

bzotto.medium.com. статья «Hidden Sheep and Mac Typography Archaeology» с двумя иллюстрациями. [Электронный ресурс]. URL: https://bzotto.medium.com/hidden-sheep-and-mac-typography-archaeology-efce770da76c (дата обращения: 12.11.2025).

15.

fabiensanglard.net. страница с примерами аркадной графики и спрайтов. [Электронный ресурс]. URL: https://fabiensanglard.net/cps1_gfx/index.html (дата обращения: 12.11.2025).

16.

simonowen.com. скриншот аркадной игры Pac-Man (эмулятор PacEmu). [Электронный ресурс]. URL: https://simonowen.com/articles/pacemu/(дата обращения: 12.11.2025).

17.

lowendmac.com. страница с иллюстрациями ранних экранных шрифтов на Macintosh. [Электронный ресурс]. URL: https://lowendmac.com/2025/fonts-before-mac-1983/ (дата обращения: 12.11.2025).

18.

assets.fontsinuse.com. иллюстрация из статьи «Macintosh Graphics in Modula-2» (Fonts In Use). [Электронный ресурс]. URL: https://assets.fontsinuse.com/static/use-media-items/265/264336/full-2048x1536/5a8feb19/MacintoshGraphicsInModula2.png (дата обращения: 12.11.2025).

19.

learn.microsoft.com. страница Microsoft Learn со списком шрифтов (Verdana). [Электронный ресурс]. URL: https://learn.microsoft.com/en-us/typography/font-list/verdana (дата обращения: 12.11.2025).

20.

cdn.prod.website-files.com. пример набора шрифтом Georgia с сайта ilustromania.com. [Электронный ресурс]. URL: https://cdn.prod.website-files.com/65a1b21a5fcbab501a6f2d5c/67191d0d87f813c045680d65_67191cffccc407497817963d_Georgia%20font.webp (дата обращения: 12.11.2025).

21.

ewalthert.com. диаграмма о TrueType-хинтинге (услуги по TrueType hinting). [Электронный ресурс]. URL: https://ewalthert.com/services-truetypehinting-2048x.webp (дата обращения: 12.11.2025).

22.

lordui.com. изображение «cleartypex4» (пример сглаживания текста ClearType). [Электронный ресурс]. URL: https://lordui.com/cleartypex4.png (дата обращения: 12.11.2025).

23.

typetype.medium.com. иллюстрация из статьи TypeType о развитии хинтинга. [Электронный ресурс]. URL: https://typetype.medium.com/font-hinting-from-first-developments-to-use-in-practice-8643c7925478 (дата обращения: 12.11.2025).

24.

bbc.github.io. гайд BBC по размеру субтитров (первый скриншот). [Электронный ресурс]. URL: https://bbc.github.io/gaad/how_big_should_subtitles_be/index.html (дата обращения: 12.11.2025).

25.

interfaceingame.com. изображение «the witcher 3 wild hunt combat» (боевой HUD The Witcher 3: Wild Hunt). [Электронный ресурс]. URL: https://interfaceingame.com/screenshots/the-witcher-3-wild-hunt-combat/ (дата обращения: 12.11.2025).

26.

bbc.github.io. гайд BBC по размеру субтитров (второй скриншот). [Электронный ресурс]. URL: https://bbc.github.io/gaad/how_big_should_subtitles_be/index.html (дата обращения: 12.11.2025).

27.

interfaceingame.com. изображение «destruction allstars countdown and defeat». [Электронный ресурс]. URL: https://interfaceingame.com/screenshots/destruction-allstars-countdown-and-defeat/ (дата обращения: 12.11.2025).

28.

interfaceingame.com. изображение «assassins creed shadows hint 2». [Электронный ресурс]. URL: https://interfaceingame.com/screenshots/assassins-creed-shadows-hint-2/ (дата обращения: 12.11.2025).

29.

marvelapp.com. иллюстрация из статьи «Designing for Television». [Электронный ресурс]. URL: https://marvelapp.com/blog/designing-for-television/ (дата обращения: 12.11.2025).

30.

interfaceingame.com. изображение «sifu hud» (HUD игры Sifu). [Электронный ресурс]. URL: https://interfaceingame.com/screenshots/sifu-hud/ (дата обращения: 12.11.2025).

31.

interfaceingame.com. изображение «marvels spider man 2 confirmation 2». [Электронный ресурс]. URL: https://interfaceingame.com/screenshots/marvels-spider-man-2-confirmation-2/ (дата обращения: 12.11.2025).

32.

interfaceingame.com. изображение «the last of us part ii gameplay hints». [Электронный ресурс]. URL: https://interfaceingame.com/screenshots/the-last-of-us-part-ii-gameplay-hints/ (дата обращения: 12.11.2025).

33.

interfaceingame.com. изображение «clair obscur expedition 33 dialogue 2». [Электронный ресурс]. URL: https://interfaceingame.com/screenshots/clair-obscur-expedition-33-dialogue-2/ (дата обращения: 12.11.2025).

34.

interfaceingame.com. изображение «the alters dialogue». [Электронный ресурс]. URL: https://interfaceingame.com/screenshots/the-alters-dialogue/ (дата обращения: 12.11.2025).

35.

interfaceingame.com. изображение «assassins creed shadows boss 2». [Электронный ресурс]. URL: https://interfaceingame.com/screenshots/assassins-creed-shadows-boss-2/ (дата обращения: 12.11.2025).

36.

interfaceingame.com. изображение «the last of us part ii settings subtitles». [Электронный ресурс]. URL: https://interfaceingame.com/screenshots/the-last-of-us-part-ii-settings-subtitles/ (дата обращения: 12.11.2025).

37.

interfaceingame.com. изображение «the elder scrolls blades dialogue». [Электронный ресурс]. URL: https://interfaceingame.com/screenshots/the-elder-scrolls-blades-dialogue/ (дата обращения: 12.11.2025).

38.

interfaceingame.com. изображение «watch dogs online hacking defense». [Электронный ресурс]. URL: https://interfaceingame.com/screenshots/watch-dogs-online-hacking-defense/ (дата обращения: 12.11.2025).

39.

interfaceingame.com. изображение «dishonored 2 statistics». [Электронный ресурс]. URL: https://interfaceingame.com/screenshots/dishonored-2-statistics/ (дата обращения: 12.11.2025).

40.

interfaceingame.com. изображение «dishonored 2 whispers». [Электронный ресурс]. URL: https://interfaceingame.com/screenshots/dishonored-2-whispers/ (дата обращения: 12.11.2025).

41.

miro.medium.com. иллюстрация из статьи на Medium (пример интерфейса). [Электронный ресурс]. URL: https://miro.medium.com/v2/resize:fit:1400/0*v6MbvPSec9J1iQTF.jpg (дата обращения: 12.11.2025).

42.

interfaceingame.com. изображение «sid meiers civilization vi world rankings». [Электронный ресурс]. URL: https://interfaceingame.com/screenshots/sid-meiers-civilization-vi-world-rankings/ (дата обращения: 12.11.2025).

43.

interfaceingame.com. изображение «anno 1800 city». [Электронный ресурс]. URL: https://interfaceingame.com/screenshots/anno-1800-city/ (дата обращения: 12.11.2025).

44.

interfaceingame.com. изображение «diablo iv beta enchanting». [Электронный ресурс]. URL: https://interfaceingame.com/screenshots/diablo-iv-beta-enchanting/ (дата обращения: 12.11.2025).

45.

coop-land.ru. скриншот интерфейса игры (coop-land.ru). [Электронный ресурс]. URL: https://coop-land.ru/uploads/posts/2023-08/1693459593_1.jpg (дата обращения: 12.11.2025).

46.

stratege.ru. скриншот игрового интерфейса (форум Stratege). [Электронный ресурс]. URL: https://cdn.stratege.ru/forums/df4fd451f0b167bdfe64b9f523269db9.jpg (дата обращения: 12.11.2025).

47.

interfaceingame.com. изображение «indiana jones and the great circle confirmation 2». [Электронный ресурс]. URL: https://interfaceingame.com/screenshots/indiana-jones-and-the-great-circle-confirmation-2/ (дата обращения: 12.11.2025).

48.

media.dotesports.com. изображение «Until Dawn Hannah’s journal». [Электронный ресурс]. URL: https://media.dotesports.com/wp-content/uploads/2024/10/Until-Dawn-Hannahs-journal.jpg?w=640 (дата обращения: 12.11.2025).

49.

i.ytimg.com. кадр из видео на YouTube (maxresdefault). [Электронный ресурс]. URL: https://i.ytimg.com/vi/IQLAXdpnS7M/maxresdefault.jpg (дата обращения: 12.11.2025).

50.

interfaceingame.com. изображение «horizon forbidden west dialogue 2». [Электронный ресурс]. URL: https://interfaceingame.com/screenshots/horizon-forbidden-west-dialogue-2/ (дата обращения: 12.11.2025).

51.

interfaceingame.com. изображение «watchdogs3_85» (интерфейс Watch Dogs). [Электронный ресурс]. URL: https://interfaceingame.com/screenshots/watchdogs3_85/ (дата обращения: 12.11.2025).

52.

interfaceingame.com. изображение «assassins creed valhalla dialogue choices». [Электронный ресурс]. URL: https://interfaceingame.com/screenshots/assassins-creed-valhalla-dialogue-choices/ (дата обращения: 12.11.2025).

53.

interfaceingame.com. изображение «life is strange before the storm dialogue». [Электронный ресурс]. URL: https://interfaceingame.com/screenshots/life-is-strange-before-the-storm-dialogue/ (дата обращения: 12.11.2025).

54.

preview.redd.it. изображение, опубликованное пользователем на Reddit. [Электронный ресурс]. URL: https://preview.redd.it/i7tqww7oqa821.jpg?width=1080&crop=smart&auto=webp&s=1c66d358498135694916074cbfbbeec1c116b1bb (дата обращения: 12.11.2025).

55.

interfaceingame.com. изображение «sifu dialogue». [Электронный ресурс]. URL: https://interfaceingame.com/screenshots/sifu-dialogue/ (дата обращения: 12.11.2025).

56.

interfaceingame.com. изображение «life is strange before the storm backtalk». [Электронный ресурс]. URL: https://interfaceingame.com/screenshots/life-is-strange-before-the-storm-backtalk/ (дата обращения: 12.11.2025).

57.

interfaceingame.com. изображение «rdr2_64» (Red Dead Redemption 2, карта/интерфейс). [Электронный ресурс]. URL: https://interfaceingame.com/screenshots/rdr2_64/ (дата обращения: 12.11.2025).

58.

interfaceingame.com. изображение «god of war ragnarok map 2». [Электронный ресурс]. URL: https://interfaceingame.com/screenshots/god-of-war-ragnarok-map-2/ (дата обращения: 12.11.2025).

59.

cdn.mos.cms.futurecdn.net. скриншот карты или интерфейса (игровой материал). [Электронный ресурс]. URL: https://cdn.mos.cms.futurecdn.net/VmafYPCrUrwn2t8gjEGYy7.jpg (дата обращения: 12.11.2025).

60.

preview.redd.it. изображение, опубликованное пользователем на Reddit (поиск миссии Франклина). [Электронный ресурс]. URL: https://preview.redd.it/cant-seem-to-find-franklins-mission-nothing-green-on-map-v0-d3ez210e1yea1.jpg?width=640&crop=smart&auto=webp&s=3e8d0ff32649259a632e7bbb52cf2cfbb75843d0 (дата обращения: 12.11.2025).

61.

gnw.su. скриншот «Dead Space Remake — Peng Location». [Электронный ресурс]. URL: https://gnw.su/wp-content/uploads/2023/01/Dead-Space-Remake-Peng-Location.jpg (дата обращения: 12.11.2025).

62.

interfaceingame.com. изображение «control map» (карта из Control). [Электронный ресурс]. URL: https://interfaceingame.com/screenshots/control-map/ (дата обращения: 12.11.2025).

Chapter:
6
7
8
9
10