Π”ΠΈΠ·Π°ΠΉΠ½ ΠΈΠ³Ρ€ΠΎΠ²Ρ‹Ρ… интСрфСйсов. Π‘Ρ€Π΅Π½Ρ‚ Ѐокс. О Ρ‡Ρ‘ΠΌ ΠΊΠ½ΠΈΠ³Π°?

Данная ΡΡ‚Π°Ρ‚ΡŒΡ β€” это ΠΊΡ€Π°Ρ‚ΠΊΠΈΠΉ ΠΎΠ±Π·ΠΎΡ€ ΠΊΠ½ΠΈΠ³ΠΈ Game interface design ΠΎΡ‚ Π°Π²Ρ‚ΠΎΡ€Π° Π‘Ρ€Π΅Π½Ρ‚Π° Ѐокса. Для мСня эта ΠΊΠ½ΠΈΠ³Π° Π±Ρ‹Π»Π° интСрСсна с Ρ‚ΠΎΡ‡ΠΊΠΈ зрСния программиста, Π·Π°Π½ΠΈΠΌΠ°ΡŽΡ‰Π΅Π³ΠΎΡΡ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΎΠΉ ΠΈΠ³Ρ€ Π² качСствС Ρ…ΠΎΠ±Π±ΠΈ Π² ΠΎΠ΄ΠΈΠ½ΠΎΡ‡ΠΊΡƒ. Π—Π΄Π΅ΡΡŒ я ΠΎΠΏΠΈΡˆΡƒ, насколько ΠΏΠΎΠ»Π΅Π·Π½ΠΎΠΉ ΠΎΠ½Π° оказалась для мСня ΠΈ ΠΌΠΎΠ΅Π³ΠΎ Ρ…ΠΎΠ±Π±ΠΈ.

Π”ΠΈΠ·Π°ΠΉΠ½ ΠΈΠ³Ρ€ΠΎΠ²Ρ‹Ρ… интСрфСйсов. Π‘Ρ€Π΅Π½Ρ‚ Ѐокс. О Ρ‡Ρ‘ΠΌ ΠΊΠ½ΠΈΠ³Π°?
Π’Π°ΠΌ этот ΠΎΠ±Π·ΠΎΡ€ ΠΏΠΎΠΌΠΎΠΆΠ΅Ρ‚ Ρ€Π΅ΡˆΠΈΡ‚ΡŒ, стоит Π»ΠΈ Ρ‚Ρ€Π°Ρ‚ΠΈΡ‚ΡŒ Π½Π° Π½Π΅Ρ‘ свои рСсурсы. Π’ коммСнтариях, Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎ, Π²Ρ‹ Π½Π°ΠΉΠ΄Ρ‘Ρ‚Π΅ отсылки Π½Π° Π΄Ρ€ΡƒΠ³ΠΈΠ΅ ΠΏΠΎΠ»Π΅Π·Π½Ρ‹Π΅ ΠΊΠ½ΠΈΠ³ΠΈ ΠΏΠΎ Ρ‚Π΅ΠΌΠ΅ ΠΈΠ³Ρ€ΠΎΠ²Ρ‹Ρ… интСрфСйсов ΠΎΡ‚ Π±ΠΎΠ»Π΅Π΅ Π³Ρ€Π°ΠΌΠΎΡ‚Π½Ρ‹Ρ… ΠΈ Π΄ΠΎΠ±Ρ€Ρ‹Ρ… ΠΊΠΎΠ»Π»Π΅Π³.

ΠΠΊΡ‚ΡƒΠ°Π»ΡŒΠ½ΠΎΡΡ‚ΡŒ

Издана ΠΊΠ½ΠΈΠ³Π° Π² 2004 Π³ΠΎΠ΄Ρƒ. ΠŸΠΎΡΡ‚ΠΎΠΌΡƒ ΠΏΡ€ΠΈΡΡƒΡ‚ΡΡ‚Π²ΡƒΡŽΡ‚ явно ΡƒΡΡ‚Π°Ρ€Π΅Π²ΡˆΠΈΠ΅ описания ΠΈ Ρ€Π΅ΠΊΠΎΠΌΠ΅Π½Π΄Π°Ρ†ΠΈΠΈ. НапримСр, Ρ€Π°Π·Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅ ПК 1024×768 называСтся Β«ΠΎΡ‡Π΅Π½ΡŒ высоким Ρ€Π°Π·Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅ΠΌΒ». Π’Π°ΠΊΠΆΠ΅ для создания ΠΈΠ½Ρ‚Π΅Ρ€Π°ΠΊΡ‚ΠΈΠ²Π½Ρ‹Ρ… ΠΌΠ°ΠΊΠ΅Ρ‚ΠΎΠ² интСрфСйса Π°Π²Ρ‚ΠΎΡ€ ΠΏΡ€Π΅Π΄Π»Π°Π³Π°Π΅Ρ‚ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Flash. Π₯ΠΎΡ‚ΡŒ Flash ΡƒΠΆΠ΅ пСрСстал Π±Ρ‹Ρ‚ΡŒ популярной Ρ‚Π΅Ρ…Π½ΠΎΠ»ΠΎΠ³ΠΈΠ΅ΠΉ, Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎ, для быстрого создания ΠΌΠ°ΠΊΠ΅Ρ‚ΠΎΠ² это всё Π΅Ρ‰Ρ‘ Ρ…ΠΎΡ€ΠΎΡˆΠ΅Π΅ Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅.

Π”ΠΈΠ·Π°ΠΉΠ½ ΠΈΠ³Ρ€ΠΎΠ²Ρ‹Ρ… интСрфСйсов. Π‘Ρ€Π΅Π½Ρ‚ Ѐокс. О Ρ‡Ρ‘ΠΌ ΠΊΠ½ΠΈΠ³Π°?
A Brief History of Adobe Flash [1]

ΠžΡΠ½ΠΎΠ²Π½Ρ‹Π΅ ΠΈΠ΄Π΅ΠΈ ΠΈ совСты Π² ΠΊΠ½ΠΈΠ³Π΅ всё ΠΆΠ΅ выглядят Ρ‚Π°ΠΊΠΈΠΌΠΈ ΠΆΠ΅ Π°ΠΊΡ‚ΡƒΠ°Π»ΡŒΠ½Ρ‹ΠΌΠΈ ΠΈ ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π»Ρ‹ ΠΌΠΎΠΆΠ½ΠΎ ΡΡ‡ΠΈΡ‚Π°Ρ‚ΡŒ ΠΏΠΎΠ»Π΅Π·Π½Ρ‹ΠΌΠΈ. Π‘Ρ‹Π»ΠΎ приятно Π²ΡΡ‚Ρ€Π΅Ρ‚ΠΈΡ‚ΡŒ Π½Ρ‹Π½Π΅ малопопулярный скрупулСзный ΠΏΠΎΠ΄Ρ…ΠΎΠ΄ ΠΌΠΈΠ½ΠΈΠΌΠΈΠ·Π°Ρ†ΠΈΠΈ графичСских Π΄Π°Π½Π½Ρ‹Ρ…, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΈΠ³Ρ€Π° Π²Π»Π΅Π·Π°Π»Π° Π½Π° DVD (ΠΈΠ»ΠΈ Π΄Π°ΠΆΠ΅ Π½Π° CD) диск, Π° Π½Π΅ вСсила ΠΏΠΎΠ΄ 60 Π“Π‘.

Из-Π·Π° Π΄Π°Π»ΡŒΠ½ΠΎΡΡ‚ΠΈ Π»Π΅Ρ‚ ΠΊΠ½ΠΈΠ³Ρƒ нСльзя Π½Π°Π·Π²Π°Ρ‚ΡŒ Must Have. Π’Π΅ΠΌ Π½Π΅ ΠΌΠ΅Π½Π΅Π΅ ΠΎΠ½Π° ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ ΠΏΠΎΠ»Π΅Π·Π½ΠΎΠΉ, для мСня β€” Π±Ρ‹Π»Π°.

ЦСлСвая аудитория

Книга Π² основном ΠΎΡ€ΠΈΠ΅Π½Ρ‚ΠΈΡ€ΠΎΠ²Π°Π½Π° Π½Π° Π½Π°Ρ‡ΠΈΠ½Π°ΡŽΡ‰ΠΈΡ… Π³Π΅ΠΉΠΌΠ΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ΠΎΠ² β€” Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΎΠ² интСрфСйсов, Ρ€Π°Π±ΠΎΡ‚Π°ΡŽΡ‰ΠΈΠΉ Π² ΠΊΠΎΠΌΠ°Π½Π΄Π΅ с программистами, Ρ…ΡƒΠ΄ΠΎΠΆΠ½ΠΈΠΊΠ°ΠΌΠΈ, руководством ΠΈ Π·Π°ΠΊΠ°Π·Ρ‡ΠΈΠΊΠ°ΠΌΠΈ/издатСлями. Для ΠΎΠΏΡ‹Ρ‚Π½Ρ‹Ρ… Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ΠΎΠ², Π½Π°Π²Π΅Ρ€Π½ΠΎΠ΅, Π±ΡƒΠ΄Π΅Ρ‚ ΠΌΠ°Π»ΠΎΠΏΠΎΠ»Π΅Π·Π½Π° (Π² Ρ‚ΠΎΠΌ числС судя ΠΏΠΎ ΠΎΡ‚Π·Ρ‹Π²Π°ΠΌ Π² ΠΈΠ½Ρ‚Π΅Ρ€Π½Π΅Ρ‚-ΠΌΠ°Π³Π°Π·ΠΈΠ½Π°Ρ…). Основной ΠΏΠ»Π°Ρ‚Ρ„ΠΎΡ€ΠΌΠΎΠΉ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ Ρ€Π°ΡΡΠΌΠ°Ρ‚Ρ€ΠΈΠ²Π°ΡŽΡ‚ΡΡ консоли, ΠΈ Π·Π°Ρ‚Π΅ΠΌ ПК. Π‘ΠΌΠ°Ρ€Ρ‚Ρ„ΠΎΠ½Ρ‹ (ΠΈ Ρ‚Π΅ΠΌ Π±ΠΎΠ»Π΅Π΅ VR) Π½Π΅ Ρ€Π°ΡΡΠΌΠ°Ρ‚Ρ€ΠΈΠ²Π°ΡŽΡ‚ΡΡ, Ρ‚.ΠΊ. Π΄ΠΎ Π½Π°Ρ‡Π°Π»Π° ΠΈΡ… Π²Π·Ρ€Ρ‹Π²Π½ΠΎΠΉ популярности с Π²Ρ‹Ρ…ΠΎΠ΄ΠΎΠΌ iPhone Π΅Ρ‰Ρ‘ ΠΎΡΡ‚Π°Π²Π°Π»ΠΎΡΡŒ 3 Π³ΠΎΠ΄Π°.

Для ΠΌΠΈΠ½ΠΈΠΌΠ°Π»ΡŒΠ½Ρ‹Ρ… ΠΈΠ½Π΄ΠΈ-ΠΊΠΎΠΌΠ°Π½Π΄ совСты Ρ‚ΠΎΠΆΠ΅ окаТутся Ρ‚ΠΎΠΆΠ΅ ΠΎΡ‡Π΅Π½ΡŒ интСрСсными. Написана ΠΊΠ½ΠΈΠ³Π° Π»Π΅Π³ΠΊΠΎ ΠΈ ΡƒΠ²Π»Π΅ΠΊΠ°Ρ‚Π΅Π»ΡŒΠ½ΠΎ. Π§ΠΈΡ‚Π°Π» я Π΅Ρ‘ Π½Π° английском языкС ΠΈ заковыристых нСумСстных Ρ„Ρ€Π°Π· Π½Π΅ ΠΎΠ±Π½Π°Ρ€ΡƒΠΆΠΈΠ» β€” всё просто ΠΈ ΠΏΠΎ Π΄Π΅Π»Ρƒ. На ΠΏΡ€ΠΎΡ‡Ρ‚Π΅Π½ΠΈΠ΅ ΠΈ конспСктированиС ΡƒΡˆΠ»ΠΎ 16 часов. ПослСдниС Π΄Π²Π΅ Π³Π»Π°Π²Ρ‹ ΠΎΠΏΠΈΡΡ‹Π²Π°ΡŽΡ‚ основы Ρ€Π°Π±ΠΎΡ‚Ρ‹ Π² Photoshope ΠΈ Macromedia Flash, Π½ΠΎ ΠΈΡ… ΠΌΠΎΠΆΠ½ΠΎ ΠΈ ΠΏΡ€ΠΎΠΏΡƒΡΡ‚ΠΈΡ‚ΡŒ.

ЗаконспСктированныС ΠΈΠ΄Π΅ΠΈ ΠΈΠ· ΠΊΠ½ΠΈΠ³ΠΈ

БСйчас я, читая ΠΊΠ½ΠΈΠ³ΠΈ, Π²Ρ‹ΠΏΠΈΡΡ‹Π²Π°ΡŽ ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½ΠΎ ΠΊΡ€Π°Ρ‚ΠΊΠΈΠ΅ Π²Ρ‹ΠΆΠΈΠΌΠΊΠΈ ΠΈΠ· ΠΏΡ€Π΅Π΄Π»Π°Π³Π°Π΅ΠΌΡ‹Ρ… инструкций ΠΈ совСтов. ВсСго здСсь для сСбя я Π²Ρ‹Π΄Π΅Π»ΠΈΠ» 63 Π²Ρ‹ΠΆΠΈΠΌΠΊΠΈ. Π”Π°Π»Π΅Π΅ ΠΏΡ€ΠΈΠ²Π΅Π΄Ρƒ нСсколько Ρ‚Π°ΠΊΠΈΡ… Π²Ρ‹ΠΆΠΈΠΌΠΎΠΊ.

14. Если Ρƒ вас супСр крутая ΠΈ крСативная идСя ΠΏΠΎ ΠΈΠ³Ρ€ΠΎΠ²ΠΎΠΌΡƒ интСрфСйсу, Ρ‚ΠΎ стоит Π΄ΠΎΡ‚ΠΎΡˆΠ½ΠΎ Π΅Ρ‘ Ρ€Π°ΡΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ (сюда входят ΠΈ способы управлСния Π² ΠΈΠ³Ρ€Π΅). Π’ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎ, Π΅Ρ‘ ΡƒΠΆΠ΅ ΠΏΡ‹Ρ‚Π°Π»ΠΈΡΡŒ Ρ€Π΅Π°Π»ΠΈΠ·ΠΎΠ²Π°Ρ‚ΡŒ, Π½ΠΎ нашлись ΠΎΡ‡Π΅Π½ΡŒ вСскиС ΠΏΡ€ΠΈΡ‡ΠΈΠ½Ρ‹ ΠΎΡ‚ Π½Π΅Ρ‘ ΠΎΡ‚ΠΊΠ°Π·Π°Ρ‚ΡŒΡΡ. И Π½Π΅ Ρ„Π°ΠΊΡ‚, Ρ‡Ρ‚ΠΎ Ρ‚Π΅ΠΏΠ΅Ρ€ΡŒ удастся Ρ€Π΅ΡˆΠΈΡ‚ΡŒ ΠΈΡ… (Π΄Π° ΠΈ Π²ΠΎΠΎΠ±Ρ‰Π΅, стоит Π»ΠΈ ΠΎΠ½ΠΎ Ρ‚ΠΎΠ³ΠΎ?). Новый интСрфСйс ΠΈ ΡƒΠΏΡ€Π°Π²Π»Π΅Π½ΠΈΠ΅ ΠΌΠΎΠΆΠ΅Ρ‚ ΡΡ‚Π°Ρ‚ΡŒ Ρ„ΠΈΡˆΠΊΠΎΠΉ ΠΈΠ³Ρ€Ρ‹, Π½ΠΎ ΠΌΠΎΠΆΠ΅Ρ‚ ΠΈ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ Π΅Ρ‘ Π½Π΅ΡƒΠ΄ΠΎΠ±Π½ΠΎΠΉ ΠΈ нСпонятной.

18. НСзамылСнный взгляд. Для Ρ‚ΠΎΠ³ΠΎ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΠΎ-Π½ΠΎΠ²ΠΎΠΌΡƒ Π²Π·Π³Π»ΡΠ½ΡƒΡ‚ΡŒ Π½Π° свою Ρ€Π°Π±ΠΎΡ‚Ρƒ, Π½ΡƒΠΆΠ½ΠΎ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ способ Π΅Π³ΠΎ «получСния». НапримСр: Π½Π° Π΄Ρ€ΡƒΠ³ΠΎΠΌ устройствС; Π·Π°ΠΌΠ΅Π½ΠΈΡ‚ΡŒ тСксты ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊΠ°ΠΌΠΈ; ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ ΠΌΠ°ΡΡˆΡ‚Π°Π±; ΠΏΠ΅Ρ€Π΅Π²Π΅Ρ€Π½ΡƒΡ‚ΡŒ; ΠΎΡ‚ΠΎΠΉΡ‚ΠΈ ΠΎΡ‚ стола подальшС ΠΈΠ»ΠΈ сбоку.

21. ΠžΡ‚ΡΡ‚ΡƒΠΏΡ‹ ΠΌΠ΅ΠΆΠ΄Ρƒ Ρ„ΠΈΠ³ΡƒΡ€Π°ΠΌΠΈ Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½ΠΎ ΠΎΡ‚Π»ΠΈΡ‡Π°ΡŽΡ‚ΡΡ ΠΎΡ‚ настоящих расстояний. ΠŸΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½Ρ‹Π΅ Ρ„ΠΈΠ³ΡƒΡ€Ρ‹ Ρ‚Ρ€Π΅Π±ΡƒΡŽΡ‚ большС расстояния, Ρ‡Π΅ΠΌ ΠΊΡ€ΡƒΠ³Π»Ρ‹Π΅, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΎΠ½ΠΈ выглядСли Β«Π½Π° Ρ€Π°Π²Π½ΠΎΠΌΒ» расстоянии Π΄Ρ€ΡƒΠ³ ΠΎΡ‚ Π΄Ρ€ΡƒΠ³Π°.

Π”ΠΈΠ·Π°ΠΉΠ½ ΠΈΠ³Ρ€ΠΎΠ²Ρ‹Ρ… интСрфСйсов. Π‘Ρ€Π΅Π½Ρ‚ Ѐокс. О Ρ‡Ρ‘ΠΌ ΠΊΠ½ΠΈΠ³Π°?
ΠšΠΎΠ³Π½ΠΈΡ‚ΠΈΠ²Π½Ρ‹Π΅ искаТСния Π² ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΈΡ… интСрфСйсах. [2] Π­Ρ‚Π° ΡΡ‚Π°Ρ‚ΡŒΡ раскрываСт Ρ‚Π΅ΠΌΡƒ ΠΏΠΎΠ΄Ρ€ΠΎΠ±Π½Π΅Π΅, хотя большС ΠΎΡ€ΠΈΠ΅Π½Ρ‚ΠΈΡ€ΠΎΠ²Π°Π½Π° Π½Π° Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ΠΎΠ².

Бмысл Π² Ρ‚ΠΎΠΌ, Ρ‡Ρ‚ΠΎ Ρ€Π΅Π°Π»ΡŒΠ½Ρ‹Π΅ расстояния ΠΌΠ΅ΠΆΠ΄Ρƒ символами/Ρ„ΠΈΠ³ΡƒΡ€Π°ΠΌΠΈ ΠΌΠΎΠ³ΡƒΡ‚ Π±Ρ‹Ρ‚ΡŒ ΠΎΠ΄ΠΈΠ½Π°ΠΊΠΎΠ²Ρ‹Π΅, ΠΎΠ΄Π½Π°ΠΊΠΎ воспринимаСмыС расстояниС ΠΌΠΎΠ³ΡƒΡ‚ ΠΎΠΊΠ°Π·Π°Ρ‚ΡŒΡΡ Π·Π°ΠΌΠ΅Ρ‚Π½ΠΎ искаТёнными.

24. Π­Ρ„Ρ„Π΅ΠΊΡ‚ двиТСния. Π”Π°ΠΆΠ΅ статичныС элСмСнты ΠΌΠΎΠ³ΡƒΡ‚ ΠΏΠ΅Ρ€Π΅Π΄Π°Π²Π°Ρ‚ΡŒ ΠΎΡ‰ΡƒΡ‰Π΅Π½ΠΈΠ΅ двиТСния. НапримСр, Π΄ΠΈΠ°Π³ΠΎΠ½Π°Π»ΡŒΠ½Ρ‹Π΅ Π»ΠΈΠ½ΠΈΠΈ, уходящиС с пСрспСктивой вдаль.

Π”ΠΈΠ·Π°ΠΉΠ½ ΠΈΠ³Ρ€ΠΎΠ²Ρ‹Ρ… интСрфСйсов. Π‘Ρ€Π΅Π½Ρ‚ Ѐокс. О Ρ‡Ρ‘ΠΌ ΠΊΠ½ΠΈΠ³Π°?
Π’Π΅Ρ€Ρ‚ΠΈΠΊΠ°Π»ΡŒΠ½Ρ‹Π΅ ΠΈ Π³ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΡŒΠ½Ρ‹Π΅ Π»ΠΈΠ½ΠΈΠΈ Π½Π°ΠΎΠ±ΠΎΡ€ΠΎΡ‚ ΠΏΡ€ΠΈΠ΄Π°ΡŽΡ‚ ΡƒΡΡ‚ΠΎΠΉΡ‡ΠΈΠ²ΠΎΡΡ‚ΡŒ ΠΈ ΡΡ‚Π°Π±ΠΈΠ»ΡŒΠ½ΠΎΡΡ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ΅.

32. ΠŸΠ΅Ρ€Π΅ΡΠ΅Ρ‡Π΅Π½ΠΈΠ΅ ΠΎΠ±ΡŠΠ΅ΠΊΡ‚ΠΎΠ². ΠžΠ±ΡŠΠ΅ΠΊΡ‚Ρ‹ Π΄ΠΎΠ»ΠΆΠ½Ρ‹ Π»ΠΈΠ±ΠΎ Π²ΠΏΡ€ΠΈΡ‚Ρ‹ΠΊ ΠΏΡ€ΠΈΠΌΡ‹ΠΊΠ°Ρ‚ΡŒ, Π»ΠΈΠ±ΠΎ Π·Π°ΠΌΠ΅Ρ‚Π½ΠΎ ΠΏΠ΅Ρ€Π΅ΡΠ΅ΠΊΠ°Ρ‚ΡŒΡΡ.

Π”ΠΈΠ·Π°ΠΉΠ½ ΠΈΠ³Ρ€ΠΎΠ²Ρ‹Ρ… интСрфСйсов. Π‘Ρ€Π΅Π½Ρ‚ Ѐокс. О Ρ‡Ρ‘ΠΌ ΠΊΠ½ΠΈΠ³Π°?
ΠŸΡ€ΠΈ нСбольшом Π½Π°Π»ΠΎΠΆΠ΅Π½ΠΈΠΈ выглядит, словно Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ пытался ΠΈΡ… Π²Ρ‹Ρ€ΠΎΠ²Π½ΡΡ‚ΡŒ Π²ΠΏΡ€ΠΈΡ‚Ρ‹ΠΊ, Π½ΠΎ Ρƒ Π½Π΅Π³ΠΎ Π½Π΅ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΠ»ΠΎΡΡŒ, Π° Π²Ρ‹ΡˆΠ»ΠΎ ΠΊΡ€ΠΈΠ²ΠΎΠ΅ Π½Π°Π»ΠΎΠΆΠ΅Π½ΠΈΠ΅.

46. Анимации Π² интСрфСйсС Π΄ΠΎΠ»ΠΆΠ½Ρ‹ Π±Ρ‹Ρ‚ΡŒ быстрыми, ΠΎΠ±Ρ‹Ρ‡Π½ΠΎ Π½Π΅ большС сСкунды. Π‘ΠΎΠ»Π΅Π΅ Ρ‚ΠΎΠ³ΠΎ, Π΄ΠΎΠ»ΠΆΠ½Π° Π±Ρ‹Ρ‚ΡŒ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ Π΅Ρ‘ ΠΏΠΎΠ»Π½ΠΎΡΡ‚ΡŒΡŽ ΡΠΊΠΈΠΏΠ½ΡƒΡ‚ΡŒ для ΠΌΠ³Π½ΠΎΠ²Π΅Π½Π½ΠΎΠ³ΠΎ ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄Π° ΠΊ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰Π΅ΠΌΡƒ экрану ΠΈΠ»ΠΈ элСмСнту управлСния. ΠŸΡ€ΠΈΠΊΠΎΠ»ΡŒΠ½Π°Ρ анимация интСрСсна Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΏΠ΅Ρ€Π²Ρ‹Π΅ ΠΏΠ°Ρ€Ρƒ Ρ€Π°Π·, Π° ΠΏΠΎΡ‚ΠΎΠΌ ΠΎΠ½Π° станСт нСинтСрСсной. Если ΠΎΠ½Π° ΠΏΡ€ΠΈ этом слишком долгая, Ρ‚ΠΎ Π±ΡƒΠ΄Π΅Ρ‚ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Ρ€Π°Π·Π΄Ρ€Π°ΠΆΠ°Ρ‚ΡŒ. Если ΠΆΠ΅ ΠΎΠ½Π° окаТСтся ΠΊΠΎΡ€ΠΎΡ‚ΠΊΠΎΠΉ, Ρ‚ΠΎ ΠΎΠ½Π° просто станСт Π½Π΅Π·Π°ΠΌΠ΅Ρ‚Π½ΠΎΠΉ, Ρ‡Ρ‚ΠΎ для интСрфСйса являСтся скорСС достоинством, Ρ‡Π΅ΠΌ нСдостатком.

49-51. ΠŸΡ€ΠΎ ΠΈΠΊΠΎΠ½ΠΊΠΈ. Кнопки ΠΈ ΠΈΠ½Π΄ΠΈΠΊΠ°Ρ‚ΠΎΡ€Ρ‹ Π² Π²ΠΈΠ΄Π΅ ΠΈΠΊΠΎΠ½ΠΎΠΊ Π³ΠΎΡ€Π°Π·Π΄ΠΎ быстрСС Π²ΠΎΡΠΏΡ€ΠΈΠ½ΠΈΠΌΠ°ΡŽΡ‚ΡΡ ΠΈΠ³Ρ€ΠΎΠΊΠΎΠΌ, Ρ‡Π΅ΠΌ тСкст ΠΈ числа. ΠŸΠΎΡΡ‚ΠΎΠΌΡƒ рСкомСндуСтся ΠΏΠΎΠ΄Π±ΠΈΡ€Π°Ρ‚ΡŒ понятныС ΠΈΠΊΠΎΠ½ΠΊΠΈ ΠΊΠ°ΠΊ ΠΌΠΎΠΆΠ½ΠΎ Ρ‡Π°Ρ‰Π΅.

Иконки ΠΌΠΎΠΆΠ½ΠΎ Π³Ρ€ΡƒΠΏΠΏΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΠΏΠΎ ΠΈΡ… Π½Π°Π·Π½Π°Ρ‡Π΅Π½ΠΈΡŽ. НапримСр, ΠΊΠ½ΠΎΠΏΠΊΠΈ Π°Ρ‚Π°ΠΊ Π΄Π΅Π»Π°Ρ‚ΡŒ красными, ΠΊΠ½ΠΎΠΏΠΊΠΈ настроСк (Π·Π²ΡƒΠΊ, Ρ€Π°Π·Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅) синими, ΠΊΠ½ΠΎΠΏΠΊΠΈ ΡΡ‚Ρ€ΠΎΠΈΡ‚Π΅Π»ΡŒΡΡ‚Π²Π° сСрСбристыми… Π­Ρ‚ΠΎ ΠΏΠΎΠ·Π²ΠΎΠ»ΠΈΡ‚ ΠΈΠ³Ρ€ΠΎΠΊΡƒ быстрСС Π½Π°ΠΉΡ‚ΠΈ Π½ΡƒΠΆΠ½ΡƒΡŽ ΠΊΠ½ΠΎΠΏΠΊΡƒ, ΠΌΠΎΠΌΠ΅Π½Ρ‚Π°Π»ΡŒΠ½ΠΎ отсСкая ΠΈΠ· области поиска Π½Π΅Π½ΡƒΠΆΠ½Ρ‹Π΅ Π³Ρ€ΡƒΠΏΠΏΡ‹.

Иконки Π΄ΠΎΠ»ΠΆΠ½Ρ‹ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Ρ‚ΡŒ ΠΏΡ€ΠΈΠ½Ρ†ΠΈΠΏ Сдинообразия. НапримСр, Ссли Π² ΠΎΠ΄Π½ΠΎΠΌ мСстС для Π·Π½Π°ΠΊΠ° Π‘Ρ‚ΠΎΠΏ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ красный ΠΏΡΡ‚ΠΈΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊ ΠΈΠ»ΠΈ ΠΊΡ€ΡƒΠ³, Ρ‚ΠΎ Π½Π΅ стоит Π² Π΄Ρ€ΡƒΠ³ΠΎΠΌ мСстС ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Ρ‡Ρ‘Ρ€Π½Ρ‹ΠΉ ΠΊΠ²Π°Π΄Ρ€Π°Ρ‚ ΠΈΠ· Π°ΡƒΠ΄ΠΈΠΎΠΏΡ€ΠΎΠΈΠ³Ρ€Ρ‹Π²Π°Ρ‚Π΅Π»Π΅ΠΉ. ΠŸΡ€ΠΈ Ρ†Π²Π΅Ρ‚ΠΎΠ²ΠΎΠΉ Π³Ρ€ΡƒΠΏΠΏΠΈΡ€ΠΎΠ²ΠΊΠ΅ Ρ‚ΠΎΠΆΠ΅ слСдуСт ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π΄Π°Π½Π½Ρ‹ΠΉ ΠΏΡ€ΠΈΠ½Ρ†ΠΈΠΏ. НС стоит ΠΌΠ΅Π½ΡΡ‚ΡŒ Ρ†Π²Π΅Ρ‚Π° ΠΎΠ΄ΠΈΠ½Π°ΠΊΠΎΠ²Ρ‹Ρ… ΠΈΠΊΠΎΠ½ΠΎΠΊ Π² Ρ€Π°Π·Π½Ρ‹Ρ… ΠΎΠΊΠ½Π°Ρ… мСню.

Как ΠΈ с любой Π³Ρ€Π°Ρ„ΠΈΠΊΠΎΠΉ, с ΠΈΠΊΠΎΠ½ΠΊΠ°ΠΌΠΈ Π½ΡƒΠΆΠ½ΠΎ ΠΎΠΏΠ°ΡΠ°Ρ‚ΡŒΡΡ ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌ с ΠΊΠΎΠΏΠΈΡ€Π°ΠΉΡ‚ΠΎΠΌ. ΠŸΠΎΡΡ‚ΠΎΠΌΡƒ Π½Π°Π΄Ρ‘ΠΆΠ½Π΅Π΅ Π΄Π΅Π»Π°Ρ‚ΡŒ свои вСрсии ΠΈΠΊΠΎΠ½ΠΎΠΊ Β«ΠΏΠΎ ΠΏΡ€ΠΈΠΌΠ΅Ρ€ΡƒΒ» Π΄Ρ€ΡƒΠ³ΠΎΠΉ ΠΈΠ³Ρ€Ρ‹. Но ΠΈ с этим ΠΌΠΎΠ³ΡƒΡ‚ Π±Ρ‹Ρ‚ΡŒ ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΡ‹.

Π”ΠΈΠ·Π°ΠΉΠ½ ΠΈΠ³Ρ€ΠΎΠ²Ρ‹Ρ… интСрфСйсов. Π‘Ρ€Π΅Π½Ρ‚ Ѐокс. О Ρ‡Ρ‘ΠΌ ΠΊΠ½ΠΈΠ³Π°?

НапримСр, использованиС красного крСста Π½Π° Π±Π΅Π»ΠΎΠΌ Ρ„ΠΎΠ½Π΅ Π² Π°ΠΏΡ‚Π΅Ρ‡ΠΊΠ°Ρ… (ΠΈ Π΄Ρ€ΡƒΠ³ΠΈΡ… элСмСнтах) Π·Π°ΠΏΡ€Π΅Ρ‰Π΅Π½ΠΎ ΠΈ Вас Π²ΠΏΠΎΠ»Π½Π΅ ΠΌΠΎΠ³ΡƒΡ‚ Β«Π²Π΅ΠΆΠ»ΠΈΠ²ΠΎ Π·Π°ΡΡƒΠ΄ΠΈΡ‚ΡŒΒ». Π­Ρ‚ΠΎ пСриодичСскиС Π΄Π΅Π»Π°Π΅Ρ‚ организация Β«ΠšΡ€Π°ΡΠ½Ρ‹ΠΉ крСст», ΠΏΠΎΠ΄Ρ€ΠΎΠ±Π½Π΅Π΅ Π² ΡΡ‚Π°Ρ‚ΡŒΠ΅ «НСоТиданная рСакция: Β«ΠšΡ€Π°ΡΠ½Ρ‹ΠΉ крСст» Ρ‚Ρ€Π΅Π±ΡƒΠ΅Ρ‚ ΡƒΠ±Ρ€Π°Ρ‚ΡŒ свою символику ΠΈΠ· ΠΈΠ³Ρ€Ρ‹ Prison ArchitectΒ» [3]

55. ДинамичСскиС элСмСнты Π² HUD (Π²Π½ΡƒΡ‚Ρ€ΠΈΠΈΠ³Ρ€ΠΎΠ²ΠΎΠΉ, «всСгда» Π°ΠΊΡ‚ΠΈΠ²Π½Ρ‹ΠΉ интСрфСйс). НуТно Π°Π½Π°Π»ΠΈΠ·ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎΡΡ‚ΡŒ ΠΏΠΎΠΊΠ°Π·Π° всСй ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΈ Π² HUD β€” Π΄Π΅ΠΉΡΡ‚Π²ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ Π»ΠΈ ΠΎΠ½Π° всСгда Π΄ΠΎΠ»ΠΆΠ½Π° Π±Ρ‹Ρ‚ΡŒ Π²ΠΈΠ΄Π½Π° ΠΈ доступна, ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Π² ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½Π½ΠΎΠΌ состоянии? НапримСр, Π² стратСгиях часто прячут полоски Π·Π΄ΠΎΡ€ΠΎΠ²ΡŒΡ Ρƒ ΠΏΠΎΠ»Π½ΠΎΡΡ‚ΡŒΡŽ Π·Π΄ΠΎΡ€ΠΎΠ²Ρ‹Ρ… пСрсонаТСй, ΠΈ ΠΏΠΎΠΊΠ°Π·Ρ‹Π²Π°ΡŽΡ‚ ΠΈΡ… Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Π² случаС ΠΈΡ… Ρ€Π°Π½Π΅Π½ΠΈΠΉ.

Π’ Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… случаях ΠΌΠΎΠ³ΡƒΡ‚ ΠΏΡ€ΡΡ‚Π°Ρ‚ΡŒ ΠΈ Π½Π΅ΠΏΠΎΠ»Π½Ρ‹Π΅ полоски Π·Π΄ΠΎΡ€ΠΎΠ²ΡŒΡ ΠΈ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Ρ‚ΡŒ ΠΈΡ… Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Π½Π° ΠΏΠ°Ρ€Ρƒ сСкунд сразу послС Π΅Π³ΠΎ измСнСния (лСчСния ΠΈΠ»ΠΈ ранСния). Или ΠΏΠΎΠΊΠ°Π·Ρ‹Π²Π°Ρ‚ΡŒ полоски ΠΆΠΈΠ·Π½Π΅ΠΉ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Π² Π±ΠΎΠ΅Π²ΠΎΠΌ Ρ€Π΅ΠΆΠΈΠΌΠ΅, скрывая ΠΈΡ… Π² Ρ€Π΅ΠΆΠΈΠΌΠ΅ блуТдания ΠΈ поиска Ρ‚Ρ€ΠΈΠ³Π³Π΅Ρ€Π° сраТСния.

Об Π°Π²Ρ‚ΠΎΡ€Π΅

Π‘Ρ€Π΅Π½Ρ‚ Ѐокс. На ΠΌΠΎΠΌΠ΅Π½Ρ‚ написания ΠΊΠ½ΠΈΠ³ΠΈ ΠΏΡ€ΠΎΡ€Π°Π±ΠΎΡ‚Π°Π» Π² ΠΈΠ³Ρ€ΠΎΠ²ΠΎΠΉ индустрии 7 Π»Π΅Ρ‚ Π² долТностях ΠΏΡ€ΠΎΠ΅ΠΊΡ‚-ΠΌΠ΅Π½Π΅Π΄ΠΆΠ΅Ρ€Π° ΠΈ Π°Ρ€Ρ‚-Π΄ΠΈΡ€Π΅ΠΊΡ‚ΠΎΡ€Π° (Ρ‚ΠΎΠ³Π΄Π° Π΅ΠΌΡƒ Π±Ρ‹Π»ΠΎ 34 Π³ΠΎΠ΄Π°). Π Π°Π±ΠΎΡ‚Π°Π»/управлял ΠΊΠΎΠΌΠ°Π½Π΄Π°ΠΌΠΈ Π΄ΠΎ 27 Ρ‡Π΅Π»ΠΎΠ²Π΅ΠΊ, Π° Ρ‚Π°ΠΊΠΆΠ΅ Ρ€Π°Π±ΠΎΡ‚Π°Π» с ΠΎΡ‡Π΅Π½ΡŒ Π±ΡŽΠ΄ΠΆΠ΅Ρ‚Π½Ρ‹ΠΌΠΈ ΠΈΠ³Ρ€Π°ΠΌΠΈ. Π Π°Π·Ρ€Π°Π±Π°Ρ‚Ρ‹Π²Π°Π» ΠΈΠ³Ρ€Ρ‹ Π½Π° самых Ρ€Π°Π·Π½Ρ‹Ρ… консолях. Π Π°Π±ΠΎΡ‚Π°Π» Π² студиях: Bla-Dam Studios, Furious Games. [4]

Π”ΠΈΠ·Π°ΠΉΠ½ ΠΈΠ³Ρ€ΠΎΠ²Ρ‹Ρ… интСрфСйсов. Π‘Ρ€Π΅Π½Ρ‚ Ѐокс. О Ρ‡Ρ‘ΠΌ ΠΊΠ½ΠΈΠ³Π°?
БСйчас Π°Π²Ρ‚ΠΎΡ€ ΠΊΠ½ΠΈΠ³ΠΈ Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ Π°Ρ€Ρ‚-Π΄ΠΈΡ€Π΅ΠΊΡ‚ΠΎΡ€ΠΎΠΌ Π² Wahoo Studios [5]. Π’ основном Ρ€Π°Π·Ρ€Π°Π±Π°Ρ‚Ρ‹Π²Π°ΡŽΡ‚ ΠΈΠ³Ρ€Ρ‹ Π½Π° консоли ΠΏΠΎ ΠΊΠΎΠ½Ρ‚Ρ€Π°ΠΊΡ‚Ρƒ с Microsoft ΠΈ Electronic Arts.

Π—Π°ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΠ΅

ΠœΠΎΡ‘ ΠΌΠ½Π΅Π½ΠΈΠ΅ Ρ‚Π°ΠΊΠΎΠ²ΠΎ, Ρ‡Ρ‚ΠΎ ΠΊΠ½ΠΈΠ³Π° ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ вСсьма ΠΏΠΎΠ»Π΅Π·Π½ΠΎΠΉ. Однако нСльзя Π·Π°Π±Ρ‹Π²Π°Ρ‚ΡŒ ΠΎ Π·Π½Π°Ρ‡ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΠΌ числС Π½Π΅Π³Π°Ρ‚ΠΈΠ²Π½Ρ‹Ρ… ΠΎΡ‚Π·Ρ‹Π²ΠΎΠ² β€” ΠΊΠ½ΠΈΠ³Ρƒ ΠΊΡ€ΠΈΡ‚ΠΈΠΊΡƒΡŽΡ‚ Π·Π° слишком Π±Π°Π·ΠΎΠ²Ρ‹ΠΉ/ΡƒΠΏΡ€ΠΎΡ‰Ρ‘Π½Π½Ρ‹ΠΉ ΠΏΠΎΠ΄Ρ…ΠΎΠ΄ Π±Π΅Π· ΡƒΠ·ΠΊΠΎΠΏΡ€ΠΎΡ„Π΅ΡΡΠΈΠΎΠ½Π°Π»ΡŒΠ½Ρ‹Ρ… тонкостСй. Ну ΠΈ ΠΎΠ½Π° успСла Π·Π°ΠΌΠ΅Ρ‚Π½ΠΎ ΡƒΡΡ‚Π°Ρ€Π΅Ρ‚ΡŒ. Π‘Ρ‹Π»ΠΎ Π±Ρ‹ Π·Π΄ΠΎΡ€ΠΎΠ²ΠΎ, Ссли Π±Ρ‹ Π² коммСнтариях Π±ΠΎΠ»Π΅Π΅ ΠΎΠΏΡ‹Ρ‚Π½Ρ‹Π΅ Ρ‡ΠΈΡ‚Π°Ρ‚Π΅Π»ΠΈ ΠΏΠΎΡ€Π΅ΠΊΠΎΠΌΠ΅Π½Π΄ΠΎΠ²Π°Π»ΠΈ Π΄Ρ€ΡƒΠ³ΠΈΠ΅ ΠΊΠ½ΠΈΠ³ΠΈ Π½Π° эту Ρ‚Π΅ΠΌΡƒ: ΠΏΠΎΠ»ΡƒΡ‡ΡˆΠ΅ ΠΈ/ΠΈΠ»ΠΈ Π°ΠΊΡ‚ΡƒΠ°Π»ΡŒΠ½Π΅Π΅.

Бсылки Π½Π° источники ΠΈ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½ΡƒΡŽ Π»ΠΈΡ‚Π΅Ρ€Π°Ρ‚ΡƒΡ€Ρƒ

1. A Brief History of Adobe Flash
2. ΠšΠΎΠ³Π½ΠΈΡ‚ΠΈΠ²Π½Ρ‹Π΅ искаТСния Π² ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΈΡ… интСрфСйсах
3. НСоТиданная рСакция: Β«ΠšΡ€Π°ΡΠ½Ρ‹ΠΉ крСст» Ρ‚Ρ€Π΅Π±ΡƒΠ΅Ρ‚ ΡƒΠ±Ρ€Π°Ρ‚ΡŒ свою символику ΠΈΠ· ΠΈΠ³Ρ€Ρ‹ Prison Architect
4. Game interface design β€” Brent Fox Π½Π° АмазонС
5. Wahoo Studios β€” Games

Π˜ΡΡ‚ΠΎΡ‡Π½ΠΈΠΊ: habr.com

Π”ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ ΠΊΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠΉ