ΠŸΠΎΠΏΡƒΠ»ΡΡ€Π½Ρ‹Π΅ услуги
  • Услуги

ΠŸΠΎΠΏΡƒΠ»ΡΡ€Π½Ρ‹Π΅ услуги

Упаковка бизнСса

Цифровизация ΠΈ ΠΎΠ½Π»Π°ΠΉΠ½-ΠΏΡ€ΠΎΠ΄Π°ΠΆΠΈ

Автоматизация бизнСс-процСссов

09:30-19:00, ΠΏΠ½-ΠΏΡ‚ +7 (499) 647‑76‑07
ΠΏΠ½-ΠΏΡ‚: 09:30-19:00 (мск) +7 (499) 647‑76‑07
ΠŸΠΎΠΏΡƒΠ»ΡΡ€Π½Ρ‹Π΅ услуги

Π—Π°Π³Ρ€ΡƒΠ·ΠΊΠ°

Π‘ΠΌΠ°Ρ€Ρ‚Ρ„ΠΎΠ½ с Π΄ΠΈΠ°Π³Ρ€Π°ΠΌΠΌΠ°ΠΌΠΈ, рядом ΠΊΠ°Ρ€Π°Π½Π΄Π°ΡˆΠΈ, Ρ‚Π΅Ρ‚Ρ€Π°Π΄ΡŒ Π½Π° столС

Π“Π»Π°Π²Π½Ρ‹ΠΉ экран прилоТСния: баланс информативности ΠΈ простоты

ΠŸΡ€Π΅Π΄ΡΡ‚Π°Π²ΡŒΡ‚Π΅, Ρ‡Ρ‚ΠΎ Π²Ρ‹ Π·Π°Ρ…ΠΎΠ΄ΠΈΡ‚Π΅ Π² ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅, Π° Π½Π° экранС β€” хаос ΠΈΠ· ΠΊΠ½ΠΎΠΏΠΎΠΊ, тСкста ΠΈ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΎΠΊ. Π“Π»Π°Π·Π° Ρ€Π°Π·Π±Π΅Π³Π°ΡŽΡ‚ΡΡ, ΠΏΠ°Π»Π΅Ρ† Π½Π΅ Π·Π½Π°Π΅Ρ‚, ΠΊΡƒΠ΄Π° Π½Π°ΠΆΠ°Ρ‚ΡŒ. Π—Π½Π°ΠΊΠΎΠΌΠΎ? Π­Ρ‚ΠΎ классичСский ΠΏΡ€ΠΈΠΌΠ΅Ρ€ ΠΏΠ΅Ρ€Π΅Π³Ρ€ΡƒΠ·ΠΊΠΈ интСрфСйса, ΠΊΠΎΠ³Π΄Π° создатСли Π·Π°Π±Ρ‹Π»ΠΈ ΠΎ Π³Π»Π°Π²Π½ΠΎΠΌ: Ρ†ΠΈΡ„Ρ€ΠΎΠ²ΠΎΠΉ ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚ Π΄ΠΎΠ»ΠΆΠ΅Π½ Ρ€Π΅ΡˆΠ°Ρ‚ΡŒ Π·Π°Π΄Π°Ρ‡Ρƒ, Π° Π½Π΅ ΠΏΡƒΠ³Π°Ρ‚ΡŒ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ. Π‘ Π΄Ρ€ΡƒΠ³ΠΎΠΉ стороны, Ссли экран пуст ΠΈ нСпонятСн β€” это Ρ‚ΠΎΠΆΠ΅ ΠΏΡ€ΠΎΠ²Π°Π». Π“Π΄Π΅ ΠΆΠ΅ Ρ‚Π° золотая сСрСдина?

Π’ этой ΡΡ‚Π°Ρ‚ΡŒΠ΅ ΠΌΡ‹ Ρ€Π°Π·Π±Π΅Ρ€Π΅ΠΌ, ΠΊΠ°ΠΊ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Π³Π»Π°Π²Π½Ρ‹ΠΉ экран Ρ‚Π°ΠΊ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΎΠ½ Π±Ρ‹Π» ΠΈ ΠΏΠΎΠ»Π΅Π·Π½Ρ‹ΠΌ, ΠΈ понятным. Π Π΅Ρ‡ΡŒ ΠΏΠΎΠΉΠ΄Π΅Ρ‚ Π½Π΅ просто ΠΎ красивых ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ°Ρ…, Π° ΠΎ стройной систСмС, Π³Π΄Π΅ ΠΊΠ°ΠΆΠ΄Ρ‹ΠΉ элСмСнт Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ Π½Π° ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΈΠΉ ΠΎΠΏΡ‹Ρ‚. Π‘ΠΏΠΎΠΉΠ»Π΅Ρ€: сСкрСт Π½Π΅ Π² Ρ‚ΠΎΠΌ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡƒΠ±Ρ€Π°Ρ‚ΡŒ всё лишнСС, Π° Π² Ρ‚ΠΎΠΌ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΠΎ Ρ€Π°ΡΡΡ‚Π°Π²ΠΈΡ‚ΡŒ ΠΏΡ€ΠΈΠΎΡ€ΠΈΡ‚Π΅Ρ‚Ρ‹. Π’Ρ‹ ΡƒΠ·Π½Π°Π΅Ρ‚Π΅, ΠΊΠ°ΠΊ Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ организация ΠΏΠ΅Ρ€Π²ΠΎΠ³ΠΎ экрана ΠΈ ΠΏΠΎΡ‡Π΅ΠΌΡƒ ΠΈΠ½ΠΎΠ³Π΄Π° мСньшС Π΄Π΅ΠΉΡΡ‚Π²ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ Π·Π½Π°Ρ‡ΠΈΡ‚ большС.

ΠŸΠΎΡ‡Π΅ΠΌΡƒ Π²Π°ΠΆΠ΅Π½ баланс Π½Π° ΠΏΠ΅Ρ€Π²ΠΎΠΌ экранС

Π“Π»Π°Π²Π½Ρ‹ΠΉ экран β€” это Π»ΠΈΡ†ΠΎ вашСго ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚Π°. Π­Ρ‚ΠΎ ΠΏΠ΅Ρ€Π²ΠΎΠ΅, Ρ‡Ρ‚ΠΎ Π²ΠΈΠ΄ΠΈΡ‚ Ρ‡Π΅Π»ΠΎΠ²Π΅ΠΊ послС Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ. И ΠΎΡ‚ Ρ‚ΠΎΠ³ΠΎ, насколько ΡƒΠ΄Π°Ρ‡Π½ΠΎ Π½Π°ΠΉΠ΄Π΅Π½ баланс, зависит, останСтся Π»ΠΈ ΠΎΠ½ с Π²Π°ΠΌΠΈ ΠΈΠ»ΠΈ отправится ΠΈΡΠΊΠ°Ρ‚ΡŒ Π°Π»ΡŒΡ‚Π΅Ρ€Π½Π°Ρ‚ΠΈΠ²Ρƒ. ΠŸΡ€Π΅Π΄ΡΡ‚Π°Π²ΡŒΡ‚Π΅, Ρ‡Ρ‚ΠΎ ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹ΠΉ интСрфСйс β€” это прихоТая Π² Π΄ΠΎΠΌΠ΅. Если ΠΎΠ½Π° Π·Π°Π²Π°Π»Π΅Π½Π° ΠΎΠ±ΡƒΠ²ΡŒΡŽ ΠΈ Π²Π΅Ρ‰Π°ΠΌΠΈ, Π³ΠΎΡΡ‚ΡŒ почувствуСт сСбя Π½Π΅ΡƒΡŽΡ‚Π½ΠΎ. Если ΠΆΠ΅ ΠΎΠ½Π° пуста β€” нСпонятно, Π΅ΡΡ‚ΡŒ Π»ΠΈ Ρ‚ΡƒΡ‚ Π²ΠΎΠΎΠ±Ρ‰Π΅ ΠΊΡ‚ΠΎ-Ρ‚ΠΎ. Π’Π°ΠΊ ΠΈ с экраном: ΠΎΠ½ Π΄ΠΎΠ»ΠΆΠ΅Π½ Π²ΡΡ‚Ρ€Π΅Ρ‡Π°Ρ‚ΡŒ, Π½Π°ΠΏΡ€Π°Π²Π»ΡΡ‚ΡŒ ΠΈ Π΄Π°Π²Π°Ρ‚ΡŒ Ρ€ΠΎΠ²Π½ΠΎ ΡΡ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΈ, сколько Π½ΡƒΠΆΠ½ΠΎ для ΠΏΠ΅Ρ€Π²ΠΎΠ³ΠΎ шага.

Π§Ρ‚ΠΎ происходит ΠΏΡ€ΠΈ Π½Π°Ρ€ΡƒΡˆΠ΅Π½ΠΈΠΈ равновСсия

Когда Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Ρ‹ ΠΆΠ΅Ρ€Ρ‚Π²ΡƒΡŽΡ‚ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ΠΈΠ²Π½ΠΎΡΡ‚ΡŒΡŽ интСрфСйса Π² ΠΏΠΎΠ»ΡŒΠ·Ρƒ красоты, ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒ тСряСтся. Он Π½Π΅ ΠΏΠΎΠ½ΠΈΠΌΠ°Π΅Ρ‚, ΠΊΠ°ΠΊΠΈΠ΅ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΈ доступны ΠΈ ΠΊΡƒΠ΄Π° Π½Π°ΠΆΠΈΠΌΠ°Ρ‚ΡŒ. Π­Ρ‚ΠΎ Π²Π΅Π΄Π΅Ρ‚ ΠΊ падСнию конвСрсии. Но обратная ситуация Π½Π΅ Π»ΡƒΡ‡ΡˆΠ΅. Если Π²Ρ‹ ΠΏΡ‹Ρ‚Π°Π΅Ρ‚Π΅ΡΡŒ Π²ΠΌΠ΅ΡΡ‚ΠΈΡ‚ΡŒ Π½Π° ΠΎΠ΄ΠΈΠ½ экран всё, Ρ‡Ρ‚ΠΎ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΌΠΎΠΆΠ½ΠΎ, страдаСт простота Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΈ. Π§Π΅Π»ΠΎΠ²Π΅ΠΊ просто устанСт ΠΈΡΠΊΠ°Ρ‚ΡŒ Π½ΡƒΠΆΠ½ΡƒΡŽ ΠΊΠ½ΠΎΠΏΠΊΡƒ срСди дСсятка Π΄Ρ€ΡƒΠ³ΠΈΡ…. ИсслСдования ΠΏΠΎΠΊΠ°Π·Ρ‹Π²Π°ΡŽΡ‚: ΠΊΠ°ΠΊ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Π½Π° экранС появляСтся большС сСми ΠΈΠ½Ρ‚Π΅Ρ€Π°ΠΊΡ‚ΠΈΠ²Π½Ρ‹Ρ… элСмСнтов, ΡΠΊΠΎΡ€ΠΎΡΡ‚ΡŒ принятия Ρ€Π΅ΡˆΠ΅Π½ΠΈΡ Ρ€Π΅Π·ΠΊΠΎ ΠΏΠ°Π΄Π°Π΅Ρ‚. Наш ΠΌΠΎΠ·Π³ Π»Π΅Π½ΠΈΠ², ΠΎΠ½ Π²Ρ‹Π±ΠΈΡ€Π°Π΅Ρ‚ ΠΏΡƒΡ‚ΠΈ, Π³Π΄Π΅ мСньшС сопротивлСния.

ВлияниС ΠΏΠ΅Ρ€Π²ΠΎΠ³ΠΎ впСчатлСния Π½Π° ΡƒΠ΄Π΅Ρ€ΠΆΠ°Π½ΠΈΠ΅

Для любого Ρ†ΠΈΡ„Ρ€ΠΎΠ²ΠΎΠ³ΠΎ ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚Π° критичСски Π²Π°ΠΆΠ½ΠΎ ΡƒΠ΄Π΅Ρ€ΠΆΠ°Ρ‚ΡŒ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ Π² ΠΏΠ΅Ρ€Π²Ρ‹Π΅ сСкунды. ИмСнно Ρ‚ΠΎΠ³Π΄Π° формируСтся ΠΌΠ½Π΅Π½ΠΈΠ΅ ΠΎ надСТности ΠΈ качСствС сСрвиса. Если структура Π³Π»Π°Π²Π½ΠΎΠ³ΠΎ экрана ΠΏΡ€ΠΎΠ΄ΡƒΠΌΠ°Π½Π° ΠΏΠ»ΠΎΡ…ΠΎ, Ρ‡Π΅Π»ΠΎΠ²Π΅ΠΊ ΠΏΠΎΠ΄ΡΠΎΠ·Π½Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ чувствуСт: Β«Π—Π΄Π΅ΡΡŒ слоТно, я Π½Π΅ ΡΠΏΡ€Π°Π²Π»ΡŽΡΡŒΒ». Π”Π°ΠΆΠ΅ Ссли Π²Π½ΡƒΡ‚Ρ€ΠΈ спрятаны Π³Π΅Π½ΠΈΠ°Π»ΡŒΠ½Ρ‹Π΅ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΈ, Π΄ΠΎ Π½ΠΈΡ… ΠΌΠΎΠ³ΡƒΡ‚ просто Π½Π΅ Π΄ΠΎΠΉΡ‚ΠΈ. ИсслСдования Π² области ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΎΠ³ΠΎ ΠΎΠΏΡ‹Ρ‚Π° ΠΏΠΎΠΊΠ°Π·Ρ‹Π²Π°ΡŽΡ‚, Ρ‡Ρ‚ΠΎ 70% ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΉ ΡƒΠ΄Π°Π»ΡΡŽΡ‚ ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ послС ΠΏΠ΅Ρ€Π²ΠΎΠ³ΠΎ использования, Ссли Π½Π΅ находят быстрого ΠΏΡƒΡ‚ΠΈ ΠΊ Ρ†Π΅Π»ΠΈ. ΠŸΠΎΡΡ‚ΠΎΠΌΡƒ ΠΏΠ΅Ρ€Π²Ρ‹ΠΉ экран Π΄ΠΎΠ»ΠΆΠ΅Π½ Π±Ρ‹Ρ‚ΡŒ ΠΈΠ½Ρ‚ΡƒΠΈΡ‚ΠΈΠ²Π½Ρ‹ΠΌ.

ΠžΡΠ½ΠΎΠ²Π½Ρ‹Π΅ ΠΏΡ€ΠΈΠ½Ρ†ΠΈΠΏΡ‹ ΠΊΠΎΠΌΠΏΠΎΠ½ΠΎΠ²ΠΊΠΈ Π³Π»Π°Π²Π½ΠΎΠ³ΠΎ экрана

Π§Ρ‚ΠΎΠ±Ρ‹ Π΄ΠΎΡΡ‚ΠΈΡ‡ΡŒ Π³Π°Ρ€ΠΌΠΎΠ½ΠΈΠΈ, Π½ΡƒΠΆΠ½ΠΎ ΠΎΠΏΠΈΡ€Π°Ρ‚ΡŒΡΡ Π½Π° Ρ‚Ρ€ΠΈ ΠΊΠΈΡ‚Π°: Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½Π°Ρ иСрархия, ΠΏΡ€ΠΈΠΎΡ€ΠΈΡ‚Π΅Ρ‚ элСмСнтов ΠΈ продуманная ΠΊΠΎΠΌΠΏΠΎΠ½ΠΎΠ²ΠΊΠ° Π±Π»ΠΎΠΊΠΎΠ². Π­Ρ‚ΠΈ ΠΏΡ€ΠΈΠ½Ρ†ΠΈΠΏΡ‹ Ρ€Π°Π±ΠΎΡ‚Π°ΡŽΡ‚ Π² связкС. НСльзя просто Ρ€Π°Π·Π±Ρ€ΠΎΡΠ°Ρ‚ΡŒ ΠΊΠ½ΠΎΠΏΠΊΠΈ ΠΏΠΎ экрану, Π΄Π°ΠΆΠ΅ Ссли ΠΎΠ½ΠΈ красивыС. НуТно Π²Ρ‹ΡΡ‚Ρ€ΠΎΠΈΡ‚ΡŒ систСму, которая Π²Π΅Π΄Π΅Ρ‚ взгляд ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ ΠΎΡ‚ самого Π²Π°ΠΆΠ½ΠΎΠ³ΠΎ ΠΊ второстСпСнному, Π½Π΅ заставляя Π΅Π³ΠΎ Π΄ΡƒΠΌΠ°Ρ‚ΡŒ.

Как Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½Π°Ρ иСрархия

Π­Ρ‚ΠΎ Π·Π°ΠΊΠΎΠ½ Ρ„ΠΈΠ·ΠΈΠΊΠΈ Π² ΠΌΠΈΡ€Π΅ интСрфСйсов: ΠΊΡ€ΡƒΠΏΠ½ΠΎΠ΅ ΠΏΡ€ΠΈΠ²Π»Π΅ΠΊΠ°Π΅Ρ‚ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅ Ρ€Π°Π½ΡŒΡˆΠ΅ ΠΌΠ΅Π»ΠΊΠΎΠ³ΠΎ, яркоС β€” Ρ€Π°Π½ΡŒΡˆΠ΅ Π±Π»Π΅Π΄Π½ΠΎΠ³ΠΎ, двиТущССся β€” Ρ€Π°Π½ΡŒΡˆΠ΅ статичного. ΠŸΡ€Π°Π²ΠΈΠ»ΡŒΠ½Π°Ρ организация ΠΏΠ΅Ρ€Π²ΠΎΠ³ΠΎ экрана начинаСтся с ΠΎΡ‚Π²Π΅Ρ‚Π° Π½Π° вопрос: Β«Π§Ρ‚ΠΎ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒ Π΄ΠΎΠ»ΠΆΠ΅Π½ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ Π² ΠΏΠ΅Ρ€Π²ΡƒΡŽ ΠΎΡ‡Π΅Ρ€Π΅Π΄ΡŒ?Β». Π­Ρ‚ΠΎ дСйствиС ΠΈ Π½ΡƒΠΆΠ½ΠΎ Π²Ρ‹Π΄Π΅Π»ΠΈΡ‚ΡŒ. ΠšΡ€ΡƒΠΏΠ½Π°Ρ ΠΊΠ½ΠΎΠΏΠΊΠ°, контрастный Ρ†Π²Π΅Ρ‚, свободноС пространство Π²ΠΎΠΊΡ€ΡƒΠ³ β€” всС сигналы Π΄ΠΎΠ»ΠΆΠ½Ρ‹ ΡƒΠΊΠ°Π·Ρ‹Π²Π°Ρ‚ΡŒ Π½Π° Π³Π»Π°Π²Π½ΠΎΠ΅ дСйствиС. ВторостСпСнныС элСмСнты уходят Π½Π° ΠΏΠ΅Ρ€ΠΈΡ„Π΅Ρ€ΠΈΡŽ зрСния: мСньший Ρ€Π°Π·ΠΌΠ΅Ρ€, ΠΏΡ€ΠΈΠ³Π»ΡƒΡˆΠ΅Π½Π½Ρ‹Π΅ Ρ‚ΠΎΠ½Π°.

РасставляСм ΠΏΡ€ΠΈΠΎΡ€ΠΈΡ‚Π΅Ρ‚Ρ‹: Ρ‡Ρ‚ΠΎ Π΄ΠΎΠ»ΠΆΠ½ΠΎ Π±Ρ‹Ρ‚ΡŒ Π½Π° Π²ΠΈΠ΄Ρƒ

На любом экранС прилоТСния Π΅ΡΡ‚ΡŒ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚, Π±Π΅Π· ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ³ΠΎ нСльзя ΠΎΠ±ΠΎΠΉΡ‚ΠΈΡΡŒ, ΠΈ Π΅ΡΡ‚ΡŒ ΠΎΠΏΡ†ΠΈΠΎΠ½Π°Π»ΡŒΠ½Ρ‹Π΅ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΈ. Π—Π°Π΄Π°Ρ‡Π° Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Π° β€” ΠΎΡ‚Π΄Π΅Π»ΠΈΡ‚ΡŒ Π·Π΅Ρ€Π½Π° ΠΎΡ‚ ΠΏΠ»Π΅Π²Π΅Π». Π’ ΠΏΠ΅Ρ€Π²ΡƒΡŽ ΠΎΡ‡Π΅Ρ€Π΅Π΄ΡŒ Π½Π° Π²ΠΈΠ΄Π½ΠΎΠΌ мСстС Ρ€Π°ΡΠΏΠΎΠ»Π°Π³Π°ΡŽΡ‚ΡΡ элСмСнты, ΠΎΠ±Π΅ΡΠΏΠ΅Ρ‡ΠΈΠ²Π°ΡŽΡ‰ΠΈΠ΅ ΠΊΠ»ΡŽΡ‡Π΅Π²ΠΎΠΉ сцСнарий. Если это ΠΏΠΎΠ³ΠΎΠ΄Π½ΠΎΠ΅ ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ β€” Π½Π° ΠΏΠ΅Ρ€Π²ΠΎΠΌ мСстС Ρ‚Π΅ΠΌΠΏΠ΅Ρ€Π°Ρ‚ΡƒΡ€Π° ΠΈ осадки. Если это Π±Π°Π½ΠΊ β€” баланс ΠΈ послСдниС ΠΎΠΏΠ΅Ρ€Π°Ρ†ΠΈΠΈ. ВторостСпСнныС настройки, справка, «О нас» ΡƒΠ±ΠΈΡ€Π°ΡŽΡ‚ΡΡ Π² мСню ΠΈΠ»ΠΈ ΠΏΠΎΠ΄Π²Π°Π». Π’Π°ΠΆΠ½ΠΎ ΡΠ»Π΅Π΄ΠΈΡ‚ΡŒ Π·Π° Ρ‡ΠΈΡ‚Π°Π΅ΠΌΠΎΡΡ‚ΡŒΡŽ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΈ: ΡˆΡ€ΠΈΡ„Ρ‚ Π΄ΠΎΠ»ΠΆΠ΅Π½ Π±Ρ‹Ρ‚ΡŒ Ρ€Π°Π·Π±ΠΎΡ€Ρ‡ΠΈΠ²Ρ‹ΠΌ, контраст тСкста ΠΈ Ρ„ΠΎΠ½Π° β€” достаточным, Π° мСТстрочноС расстояниС β€” ΠΊΠΎΠΌΡ„ΠΎΡ€Ρ‚Π½Ρ‹ΠΌ для быстрого сканирования.

Компоновка Π±Π»ΠΎΠΊΠΎΠ²: сСтки ΠΈ ΠΌΠΎΠ΄ΡƒΠ»ΠΈ

Π₯Π°ΠΎΡ‚ΠΈΡ‡Π½ΠΎΠ΅ располоТСниС элСмСнтов Ρ€Π°Π·Ρ€ΡƒΡˆΠ°Π΅Ρ‚ любой баланс. На ΠΏΠΎΠΌΠΎΡ‰ΡŒ ΠΏΡ€ΠΈΡ…ΠΎΠ΄ΠΈΡ‚ ΠΌΠΎΠ΄ΡƒΠ»ΡŒΠ½Π°Ρ сСтка. ΠŸΡ€ΠΎΠ΄ΡƒΠΌΠ°Π½Π½Π°Ρ структура прилоТСния строится Π½Π° Ρ€ΠΈΡ‚ΠΌΠ΅. Когда всС Π±Π»ΠΎΠΊΠΈ Π²Ρ‹Ρ€ΠΎΠ²Π½Π΅Π½Ρ‹ ΠΏΠΎ Π²Π΅Ρ€Ρ‚ΠΈΠΊΠ°Π»ΠΈ ΠΈ Π³ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΠΈ, экран выглядит Π°ΠΊΠΊΡƒΡ€Π°Ρ‚Π½ΠΎ ΠΈ ΠΏΡ€ΠΎΡ„Π΅ΡΡΠΈΠΎΠ½Π°Π»ΡŒΠ½ΠΎ. ΠŸΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒ ΠΏΠΎΠ΄ΡΠΎΠ·Π½Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ чувствуСт порядок. ΠœΠΎΠ΄ΡƒΠ»ΡŒΠ½Π°Ρ вСрстка ΡƒΠΏΡ€ΠΎΡ‰Π°Π΅Ρ‚ Тизнь ΠΈ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ°ΠΌ, ΠΈ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Π°ΠΌ. Она позволяСт Π»Π΅Π³ΠΊΠΎ ΠΌΠ°ΡΡˆΡ‚Π°Π±ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ интСрфСйс ΠΈ Π΄ΠΎΠ±Π°Π²Π»ΡΡ‚ΡŒ Π½ΠΎΠ²Ρ‹Π΅ Π±Π»ΠΎΠΊΠΈ, Π½Π΅ ломая ΠΎΠ±Ρ‰ΡƒΡŽ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½Ρƒ. Π“Π»Π°Π²Π½ΠΎΠ΅ ΠΏΡ€Π°Π²ΠΈΠ»ΠΎ: отступы Π΄ΠΎΠ»ΠΆΠ½Ρ‹ Π±Ρ‹Ρ‚ΡŒ ΠΎΠ΄ΠΈΠ½Π°ΠΊΠΎΠ²Ρ‹ΠΌΠΈ для ΠΎΠ΄Π½ΠΎΡ‚ΠΈΠΏΠ½Ρ‹Ρ… элСмСнтов.

Π˜Π½ΡΡ‚Ρ€ΡƒΠΌΠ΅Π½Ρ‚Ρ‹ достиТСния идСального баланса

Мало Π·Π½Π°Ρ‚ΡŒ Ρ‚Π΅ΠΎΡ€ΠΈΡŽ, Π½ΡƒΠΆΠ½ΠΎ ΡƒΠΌΠ΅Ρ‚ΡŒ ΠΏΡ€ΠΈΠΌΠ΅Π½ΡΡ‚ΡŒ Π΅Ρ‘ Π½Π° ΠΏΡ€Π°ΠΊΡ‚ΠΈΠΊΠ΅. Π˜Π½ΡΡ‚Ρ€ΡƒΠΌΠ΅Π½Ρ‚ΠΎΠ² ΠΌΠ½ΠΎΠ³ΠΎ, Π½ΠΎ ΠΌΡ‹ остановимся Π½Π° ΠΊΠ»ΡŽΡ‡Π΅Π²Ρ‹Ρ…. ДостиТСниС баланса содСрТания ΠΈ Ρ„ΠΎΡ€ΠΌΡ‹ Ρ‚Ρ€Π΅Π±ΡƒΠ΅Ρ‚ Ρ‚ΠΎΠ½ΠΊΠΎΠΉ настройки. Π’Π°ΠΆΠ½ΠΎ ΠΏΠΎΠΌΠ½ΠΈΡ‚ΡŒ, Ρ‡Ρ‚ΠΎ любой элСмСнт Π΄ΠΈΠ·Π°ΠΉΠ½Π° нСсСт ΡΠΌΡ‹ΡΠ»ΠΎΠ²ΡƒΡŽ Π½Π°Π³Ρ€ΡƒΠ·ΠΊΡƒ. Если ΠΊΠ°ΠΊΠΎΠΉ-Ρ‚ΠΎ Π±Π»ΠΎΠΊ Π½Π΅ Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ Π½Π° сцСнарий, ΠΎΡ‚ Π½Π΅Π³ΠΎ Π»ΡƒΡ‡ΡˆΠ΅ ΠΎΡ‚ΠΊΠ°Π·Π°Ρ‚ΡŒΡΡ. ΠŸΡ€ΠΈ этом ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ΠΈΠ²Π½ΠΎΡΡ‚ΡŒ интСрфСйса Π½Π΅ Π΄ΠΎΠ»ΠΆΠ½Π° ΡΡ‚Ρ€Π°Π΄Π°Ρ‚ΡŒ.

Π Π°Π±ΠΎΡ‚Π° с Ρ‚ΠΈΠΏΠΎΠ³Ρ€Π°Ρ„ΠΈΠΊΠΎΠΉ ΠΈ Ρ†Π²Π΅Ρ‚ΠΎΠΌ

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

Адаптация ΠΏΠΎΠ΄ Ρ€Π°Π·Π½Ρ‹Π΅ устройства

Π‘ΠΎΠ²Ρ€Π΅ΠΌΠ΅Π½Π½Ρ‹ΠΉ ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹ΠΉ интСрфСйс Π΄ΠΎΠ»ΠΆΠ΅Π½ ΠΎΠ΄ΠΈΠ½Π°ΠΊΠΎΠ²ΠΎ Ρ…ΠΎΡ€ΠΎΡˆΠΎ Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ Π½Π° всСх устройствах. Π—Π΄Π΅ΡΡŒ Π²Π°ΠΆΠ½Π° рСзиновая вСрстка ΠΈ Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½Ρ‹Π΅ Π±Π»ΠΎΠΊΠΈ. Π’ΠΎ, Ρ‡Ρ‚ΠΎ ΠΎΡ‚Π»ΠΈΡ‡Π½ΠΎ смотрится Π½Π° ΠΏΠ»Π°Π½ΡˆΠ΅Ρ‚Π΅, ΠΌΠΎΠΆΠ΅Ρ‚ ΠΏΡ€Π΅Π²Ρ€Π°Ρ‚ΠΈΡ‚ΡŒΡΡ Π² ΠΌΠ΅ΡˆΠ°Π½ΠΈΠ½Ρƒ Π½Π° малСньком Ρ‚Π΅Π»Π΅Ρ„ΠΎΠ½Π΅. ΠŸΠΎΡΡ‚ΠΎΠΌΡƒ ΠΏΡ€ΠΈΠ½Ρ†ΠΈΠΏ «сначала ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Π΅Β» Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ Π±Π΅Π·ΠΎΡ‚ΠΊΠ°Π·Π½ΠΎ. Π‘Π½Π°Ρ‡Π°Π»Π° проСктируСтся экран для самого малСнького устройства, Π° ΠΏΠΎΡ‚ΠΎΠΌ элСмСнты Π΄ΠΎΠ±Π°Π²Π»ΡΡŽΡ‚ΡΡ ΠΈ Ρ€Π°ΡΡˆΠΈΡ€ΡΡŽΡ‚ΡΡ. Π­Ρ‚ΠΎ Π³Π°Ρ€Π°Π½Ρ‚ΠΈΡ€ΡƒΠ΅Ρ‚, Ρ‡Ρ‚ΠΎ простота Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΈ сохранится Π½Π° всСх ΠΏΠ»Π°Ρ‚Ρ„ΠΎΡ€ΠΌΠ°Ρ….

ВСстированиС ΠΈ сбор ΠΎΠ±Ρ€Π°Ρ‚Π½ΠΎΠΉ связи

Π‘Π°ΠΌΡ‹ΠΉ Π½Π°Π΄Π΅ΠΆΠ½Ρ‹ΠΉ способ ΠΏΡ€ΠΎΠ²Π΅Ρ€ΠΈΡ‚ΡŒ, Π½Π°Π»Π°ΠΆΠ΅Π½ Π»ΠΈ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΈΠΉ ΠΎΠΏΡ‹Ρ‚ β€” ΠΏΠΎΠΏΡ€ΠΎΡΠΈΡ‚ΡŒ Ρ€Π΅Π°Π»ΡŒΠ½Ρ‹Ρ… людСй Π²Ρ‹ΠΏΠΎΠ»Π½ΠΈΡ‚ΡŒ Π·Π°Π΄Π°Ρ‡Ρƒ. ΠŸΠΎΠ»ΠΎΠΆΠΈΡ‚Π΅ Ρ‚Π΅Π»Π΅Ρ„ΠΎΠ½ ΠΏΠ΅Ρ€Π΅Π΄ Ρ‡Π΅Π»ΠΎΠ²Π΅ΠΊΠΎΠΌ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π½ΠΈΠΊΠΎΠ³Π΄Π° Π½Π΅ Π²ΠΈΠ΄Π΅Π» вашС ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅, ΠΈ попроситС Π΅Π³ΠΎ, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, ΠΎΡ„ΠΎΡ€ΠΌΠΈΡ‚ΡŒ Π·Π°ΠΊΠ°Π· ΠΈΠ»ΠΈ Π½Π°ΠΉΡ‚ΠΈ ΠΊΠΎΠ½Ρ‚Π°ΠΊΡ‚Ρ‹. ΠΠ°Π±Π»ΡŽΠ΄Π°ΠΉΡ‚Π΅, Π³Π΄Π΅ ΠΎΠ½ запинаСтся, ΠΊΡƒΠ΄Π° смотрит Π² ΠΏΠ΅Ρ€Π²ΡƒΡŽ ΠΎΡ‡Π΅Ρ€Π΅Π΄ΡŒ, Π½Π° ΠΊΠ°ΠΊΠΈΠ΅ ΠΊΠ½ΠΎΠΏΠΊΠΈ пытаСтся Π½Π°ΠΆΠ°Ρ‚ΡŒ ΠΈΠ½Ρ‚ΡƒΠΈΡ‚ΠΈΠ²Π½ΠΎ. Если Π²Ρ‹ Π²ΠΈΠ΄ΠΈΡ‚Π΅, Ρ‡Ρ‚ΠΎ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒ ΠΈΡ‰Π΅Ρ‚ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΡŽ Ρ‚Π°ΠΌ, Π³Π΄Π΅ Π΅Ρ‘ Π½Π΅Ρ‚ β€” Π·Π½Π°Ρ‡ΠΈΡ‚, Ρƒ вас ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΡ‹ с Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠ΅ΠΉ ΠΈΠ»ΠΈ ΠΏΠ΅Ρ€Π΅Π³Ρ€ΡƒΠ·ΠΊΠ° интСрфСйса ΠΌΠ΅ΡˆΠ°Π΅Ρ‚ Π²ΠΎΡΠΏΡ€ΠΈΡΡ‚ΠΈΡŽ. ВСстированиС удобства использования Π½Π° Ρ€Π°Π½Π½ΠΈΡ… стадиях экономит ΠΌΠΈΠ»Π»ΠΈΠΎΠ½Ρ‹.

Π’ΠΈΠΏΠΈΡ‡Π½Ρ‹Π΅ ошибки ΠΏΡ€ΠΈ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠΈ

Π”Π°ΠΆΠ΅ ΠΎΠΏΡ‹Ρ‚Π½Ρ‹Π΅ ΠΊΠΎΠΌΠ°Π½Π΄Ρ‹ ΠΈΠ½ΠΎΠ³Π΄Π° Π΄ΠΎΠΏΡƒΡΠΊΠ°ΡŽΡ‚ ΠΏΡ€ΠΎΠΌΠ°Ρ…ΠΈ. Π Π°Π·Π±Π΅Ρ€Π΅ΠΌ самыС частыС. Π›ΡŽΠ±ΠΎΠΉ Ρ†ΠΈΡ„Ρ€ΠΎΠ²ΠΎΠΉ ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚ ΠΏΡ€ΠΎΡ…ΠΎΠ΄ΠΈΡ‚ Ρ‡Π΅Ρ€Π΅Π· этап роста, ΠΊΠΎΠ³Π΄Π° Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΉ становится всё большС. И Ссли воврСмя Π½Π΅ ΠΎΡΡ‚Π°Π½ΠΎΠ²ΠΈΡ‚ΡŒΡΡ ΠΈ Π½Π΅ провСсти пСрСписываниС ΠΊΠΎΠ΄Π° с Ρ†Π΅Π»ΡŒΡŽ ΡƒΠ»ΡƒΡ‡ΡˆΠ΅Π½ΠΈΡ Π΅Π³ΠΎ структуры, читаСмости ΠΈ ΠΏΡ€ΠΎΠΈΠ·Π²ΠΎΠ΄ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΡΡ‚ΠΈ, экраны ΠΏΡ€Π΅Π²Ρ€Π°Ρ‰Π°ΡŽΡ‚ΡΡ Π² свалку. Π’Π°ΠΆΠ½ΠΎ ΠΏΠΎΠΌΠ½ΠΈΡ‚ΡŒ ΠΏΡ€ΠΎ структуру Π³Π»Π°Π²Π½ΠΎΠ³ΠΎ экрана ΠΈ рСгулярно ΠΏΠ΅Ρ€Π΅ΡΠΌΠ°Ρ‚Ρ€ΠΈΠ²Π°Ρ‚ΡŒ ΠΏΡ€ΠΈΠΎΡ€ΠΈΡ‚Π΅Ρ‚ элСмСнтов. Π’ΠΎ, Ρ‡Ρ‚ΠΎ Π±Ρ‹Π»ΠΎ Π²Π°ΠΆΠ½ΠΎ Π²Ρ‡Π΅Ρ€Π°, сСгодня ΠΌΠΎΠΆΠ΅Ρ‚ ΡƒΠΉΡ‚ΠΈ Π² Π°Ρ€Ρ…ΠΈΠ².

Π‘Ρ‚Ρ€Π΅ΠΌΠ»Π΅Π½ΠΈΠ΅ Π²ΠΌΠ΅ΡΡ‚ΠΈΡ‚ΡŒ всё ΠΈ сразу

Π­Ρ‚ΠΎ самая распространСнная ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΠ°. Π’Π»Π°Π΄Π΅Π»ΡŒΡ†Ρƒ ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚Π° каТСтся, Ρ‡Ρ‚ΠΎ всё, Ρ‡Ρ‚ΠΎ ΠΎΠ½ΠΈ сдСлали, β€” критичСски Π²Π°ΠΆΠ½ΠΎ. Π’ ΠΈΡ‚ΠΎΠ³Π΅ экран прилоТСния Π½Π°ΠΏΠΎΠΌΠΈΠ½Π°Π΅Ρ‚ доску объявлСний. Π’ΡƒΡ‚ ΠΈ новости, ΠΈ курс Π²Π°Π»ΡŽΡ‚, ΠΈ Π°ΠΊΡ†ΠΈΠΈ, ΠΈ ссылки Π½Π° соцсСти. Π’ этой кашС Ρ‚ΠΎΠ½Π΅Ρ‚ главная Ρ†Π΅Π»ΡŒ. ΠŸΠΎΠΌΠ½ΠΈΡ‚Π΅: Π»ΡƒΡ‡ΡˆΠ΅ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ ΠΎΠ΄Π½ΠΎ дСйствиС, Π½ΠΎ идСально, Ρ‡Π΅ΠΌ Π΄Π΅ΡΡΡ‚ΡŒ, Π½ΠΎ ΠΏΠ»ΠΎΡ…ΠΎ. ΠšΠΎΠΌΠΏΡ€ΠΎΠΌΠΈΡΡΠ½Π°Ρ ΠΊΠΎΠΌΠΏΠΎΠ½ΠΎΠ²ΠΊΠ° Π±Π»ΠΎΠΊΠΎΠ², Π³Π΄Π΅ всСму нашлось мСсто, ΠΏΡ€ΠΈΠ²ΠΎΠ΄ΠΈΡ‚ ΠΊ Ρ‚ΠΎΠΌΡƒ, Ρ‡Ρ‚ΠΎ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒ Π½Π΅ Π²ΠΈΠ΄ΠΈΡ‚ Π½ΠΈΡ‡Π΅Π³ΠΎ. Π£Ρ‡ΠΈΡ‚Π΅ΡΡŒ ΠΎΡ‚ΡΠ΅ΠΊΠ°Ρ‚ΡŒ лишнСС. Если ΡΠΎΠΌΠ½Π΅Π²Π°Π΅Ρ‚Π΅ΡΡŒ, Π½ΡƒΠΆΠ΅Π½ Π»ΠΈ элСмСнт, β€” ΡƒΠ±Π΅Ρ€ΠΈΡ‚Π΅ Π΅Π³ΠΎ ΠΈ посмотритС, ΡƒΠΏΠ°Π΄Π΅Ρ‚ Π»ΠΈ ΠΌΠ΅Ρ‚Ρ€ΠΈΠΊΠ°.

Π˜Π³Π½ΠΎΡ€ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½ΠΎΠΉ ΠΈΠ΅Ρ€Π°Ρ€Ρ…ΠΈΠΈ

Π‘Ρ‹Π²Π°Π΅Ρ‚, Ρ‡Ρ‚ΠΎ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ увлСкаСтся эстСтикой ΠΈ Π·Π°Π±Ρ‹Π²Π°Π΅Ρ‚ ΠΎ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΈ. Он рисуСт красивыС ΠΊΠ½ΠΎΠΏΠΊΠΈ, Π½ΠΎ ΠΎΠ½ΠΈ всС ΠΎΠ΄Π½ΠΎΠ³ΠΎ Ρ€Π°Π·ΠΌΠ΅Ρ€Π° ΠΈ Ρ†Π²Π΅Ρ‚Π°. Π“Π»Π°Π·Ρƒ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ Π½Π΅ Π·Π° Ρ‡Ρ‚ΠΎ Π·Π°Ρ†Π΅ΠΏΠΈΡ‚ΡŒΡΡ. ΠΠ°Ρ€ΡƒΡˆΠ΅Π½Π½Π°Ρ Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½Π°Ρ иСрархия Π΄Π΅Π»Π°Π΅Ρ‚ интСрфСйс «слСпым». Π§Π΅Π»ΠΎΠ²Π΅ΠΊ Π²Ρ‹Π½ΡƒΠΆΠ΄Π΅Π½ Ρ‡ΠΈΡ‚Π°Ρ‚ΡŒ всё подряд, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΠΎΠ½ΡΡ‚ΡŒ, Ρ‡Ρ‚ΠΎ Π΄Π΅Π»Π°Ρ‚ΡŒ. Π­Ρ‚ΠΎ утомляСт. ΠŸΡ€Π°Π²ΠΈΠ»ΡŒΠ½Π°Ρ организация ΠΏΠ΅Ρ€Π²ΠΎΠ³ΠΎ экрана всСгда подсказываСт взгляду ΠΏΡƒΡ‚ΡŒ: ΠΎΡ‚ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ° ΠΊ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ΅, ΠΎΡ‚ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ ΠΊ ΠΊΠ½ΠΎΠΏΠΊΠ΅ дСйствия. Если Π½Π° экранС всё ΠΊΡ€ΠΈΡ‡ΠΈΡ‚ β€” Π½Π΅ ΡΠ»Ρ‹ΡˆΠ½ΠΎ Π½ΠΈΠΊΠΎΠ³ΠΎ.

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

Π˜Ρ‚Π°ΠΊ, созданиС Π³Π»Π°Π²Π½ΠΎΠ³ΠΎ экрана β€” это искусство компромисса. Π‘ ΠΎΠ΄Π½ΠΎΠΉ стороны, ΠΌΡ‹ Ρ…ΠΎΡ‚ΠΈΠΌ Π΄Π°Ρ‚ΡŒ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŽ максимум ΠΏΠΎΠ»Π΅Π·Π½ΠΎΠΉ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΈ (ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ΠΈΠ²Π½ΠΎΡΡ‚ΡŒ), с Π΄Ρ€ΡƒΠ³ΠΎΠΉ β€” Π½Π΅ Π·Π°Π³Ρ€ΡƒΠ·ΠΈΡ‚ΡŒ Π΅Π³ΠΎ ΠΌΠΎΠ·Π³ (простота). Π˜Ρ‚ΠΎΠ³ прост: ΠΈΠ΄Π΅Π°Π»ΡŒΠ½Ρ‹ΠΉ экран Ρ‚ΠΎΡ‚, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π½Π΅Π·Π°ΠΌΠ΅Ρ‚Π΅Π½. ΠŸΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒ ΠΏΡ€ΠΈΡ…ΠΎΠ΄ΠΈΡ‚ Π·Π° своим ΠΊΠΎΡ„Π΅ (ΠΈΠ»ΠΈ Π±Ρ€ΠΎΠ½ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ΠΌ Π±ΠΈΠ»Π΅Ρ‚ΠΎΠ², ΠΈΠ»ΠΈ Π·Π°ΠΊΠ°Π·ΠΎΠΌ ΠΏΠΈΡ†Ρ†Ρ‹) ΠΈ ΡƒΡ…ΠΎΠ΄ΠΈΡ‚, Π½Π΅ Π·Π°ΠΌΠ΅Ρ‚ΠΈΠ², ΠΊΠ°ΠΊ ΠΎΠ½ это сдСлал. НСвидимый интСрфСйс β€” Π²ΠΎΡ‚ ΠΊ Ρ‡Π΅ΠΌΡƒ Π½ΡƒΠΆΠ½ΠΎ ΡΡ‚Ρ€Π΅ΠΌΠΈΡ‚ΡŒΡΡ.

ΠŸΡ€Π°ΠΊΡ‚ΠΈΡ‡Π΅ΡΠΊΠΈΠΉ Π²Ρ‹Π²ΠΎΠ΄: Π½Π°Ρ‡Π½ΠΈΡ‚Π΅ с Π³Π»Π°Π²Π½ΠΎΠ³ΠΎ. ΠžΠΏΡ€Π΅Π΄Π΅Π»ΠΈΡ‚Π΅ ΠΎΠ΄Π½Ρƒ ΠΊΠ»ΡŽΡ‡Π΅Π²ΡƒΡŽ Π·Π°Π΄Π°Ρ‡Ρƒ вашСго прилоТСния ΠΈ сдСлайтС Π΅Ρ‘ Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅ максимально ΠΎΡ‡Π΅Π²ΠΈΠ΄Π½Ρ‹ΠΌ Π½Π° ΠΏΠ΅Ρ€Π²ΠΎΠΌ экранС. Всё ΠΎΡΡ‚Π°Π»ΡŒΠ½ΠΎΠ΅ β€” второстСпСнно. РСгулярно ΠΏΡ€ΠΎΠ²ΠΎΠ΄ΠΈΡ‚Π΅ Ρ€Π΅Π²ΠΈΠ·ΠΈΡŽ: Π½Π΅Ρ‚ Π»ΠΈ Π½Π° экранС Π±Π»ΠΎΠΊΠΎΠ², ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΌΠΈ Π½ΠΈΠΊΡ‚ΠΎ Π½Π΅ ΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ? Если Π΅ΡΡ‚ΡŒ β€” бСзТалостно удаляйтС. Баланс достигаСтся Π½Π΅ Π΄ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΠ΅ΠΌ, Π° ΠΈΡΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΠ΅ΠΌ лишнСго.

Часто Π·Π°Π΄Π°Π²Π°Π΅ΠΌΡ‹Π΅ вопросы

Как ΠΏΠΎΠ½ΡΡ‚ΡŒ, Ρ‡Ρ‚ΠΎ ΠΌΠΎΠΉ Π³Π»Π°Π²Π½Ρ‹ΠΉ экран ΠΏΠ΅Ρ€Π΅Π³Ρ€ΡƒΠΆΠ΅Π½?

ΠŸΡ€ΠΎΠ²Π΅Π΄ΠΈΡ‚Π΅ простой тСст: ΠΏΠΎΠΊΠ°ΠΆΠΈΡ‚Π΅ ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ ΠΊΠΎΠ»Π»Π΅Π³Π΅, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π΅Π³ΠΎ Π½Π΅ Π²ΠΈΠ΄Π΅Π», ΠΈ попроситС Π½Π°ΠΉΡ‚ΠΈ ΠΊΠΎΠ½ΠΊΡ€Π΅Ρ‚Π½ΡƒΡŽ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΡŽ. Если ΠΎΠ½ Ρ‚Ρ€Π°Ρ‚ΠΈΡ‚ большС 3–5 сСкунд ΠΈΠ»ΠΈ Π½Π°Ρ‡ΠΈΠ½Π°Π΅Ρ‚ ΡΠΏΡ€Π°ΡˆΠΈΠ²Π°Ρ‚ΡŒ Β«Π° Π³Π΄Π΅ Ρ‚ΡƒΡ‚ Ρƒ вас...Β», Π·Π½Π°Ρ‡ΠΈΡ‚, ΠΈΠΌΠ΅Π΅Ρ‚ мСсто ΠΏΠ΅Ρ€Π΅Π³Ρ€ΡƒΠ·ΠΊΠ° интСрфСйса. Блишком ΠΌΠ½ΠΎΠ³ΠΎ ΠΎΡ‚Π²Π»Π΅ΠΊΠ°ΡŽΡ‰ΠΈΡ… элСмСнтов ΠΌΠ΅ΡˆΠ°ΡŽΡ‚ быстрому поиску.

Π§Ρ‚ΠΎ Π²Π°ΠΆΠ½Π΅Π΅ Π½Π° ΠΏΠ΅Ρ€Π²ΠΎΠΌ экранС: красота ΠΈΠ»ΠΈ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ΠΈΠ²Π½ΠΎΡΡ‚ΡŒ?

Π’Π°ΠΆΠ΅Π½ баланс. ΠšΡ€Π°ΡΠΎΡ‚Π° Π±Π΅Π· содСрТания β€” ΠΏΡƒΡΡ‚Ρ‹ΡˆΠΊΠ°, Π° голая ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ΠΈΠ²Π½ΠΎΡΡ‚ΡŒ интСрфСйса Π±Π΅Π· Π΄ΠΈΠ·Π°ΠΉΠ½Π° ΠΎΡ‚Ρ‚Π°Π»ΠΊΠΈΠ²Π°Π΅Ρ‚. Π‘ΠΎΠ²Ρ€Π΅ΠΌΠ΅Π½Π½Ρ‹ΠΉ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒ ΠΆΠ΄Π΅Ρ‚ ΠΎΠ±ΠΎΠΈΡ… качСств. Но Ссли Π²Ρ‹Π±ΠΈΡ€Π°Ρ‚ΡŒ, Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π»ΡŒΠ½ΠΎΡΡ‚ΡŒ ΠΏΠ΅Ρ€Π²ΠΈΡ‡Π½Π°: ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ Π΄ΠΎΠ»ΠΆΠ½ΠΎ Ρ€Π΅ΡˆΠ°Ρ‚ΡŒ Π·Π°Π΄Π°Ρ‡Ρƒ. Однако Ρ…ΠΎΡ€ΠΎΡˆΠ°Ρ Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½Π°Ρ иСрархия ΠΏΠΎΠΌΠΎΠ³Π°Π΅Ρ‚ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π»ΡŒΠ½ΠΎΡΡ‚ΡŒ красивой.

Как ΡƒΠ»ΡƒΡ‡ΡˆΠΈΡ‚ΡŒ Ρ‡ΠΈΡ‚Π°Π΅ΠΌΠΎΡΡ‚ΡŒ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΈ Π½Π° малСньком экранС?

Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ достаточно ΠΊΡ€ΡƒΠΏΠ½Ρ‹ΠΉ ΡˆΡ€ΠΈΡ„Ρ‚ (Π½Π΅ ΠΌΠ΅Π½Π΅Π΅ 16 пиксСлСй для основного тСкста), ΠΎΠ±Π΅ΡΠΏΠ΅Ρ‡ΡŒΡ‚Π΅ высокий контраст ΠΌΠ΅ΠΆΠ΄Ρƒ тСкстом ΠΈ Ρ„ΠΎΠ½ΠΎΠΌ, оставляйтС Π²ΠΎΠ·Π΄ΡƒΡ… ΠΌΠ΅ΠΆΠ΄Ρƒ Π°Π±Π·Π°Ρ†Π°ΠΌΠΈ ΠΈ ΠΊΠ½ΠΎΠΏΠΊΠ°ΠΌΠΈ. ΠŸΠ»ΠΎΡ…Π°Ρ Ρ‡ΠΈΡ‚Π°Π΅ΠΌΠΎΡΡ‚ΡŒ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΈ часто связана с ΠΌΠ΅Π»ΠΊΠΈΠΌΠΈ Π±ΡƒΠΊΠ²Π°ΠΌΠΈ ΠΈ сСрым тСкстом Π½Π° сСром Ρ„ΠΎΠ½Π΅.

Бколько Π±Π»ΠΎΠΊΠΎΠ² ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΈ ΠΎΠΏΡ‚ΠΈΠΌΠ°Π»ΡŒΠ½ΠΎ Ρ€Π°Π·ΠΌΠ΅Ρ‰Π°Ρ‚ΡŒ Π½Π° Π³Π»Π°Π²Π½ΠΎΠΌ экранС?

Π§Π΅Ρ‚ΠΊΠΈΡ… Ρ†ΠΈΡ„Ρ€ Π½Π΅Ρ‚, Π½ΠΎ ΠΏΡ€Π°Π²ΠΈΠ»ΠΎ «сСми плюс-минус Π΄Π²Π°Β» здСсь Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ ΠΏΠ»ΠΎΡ…ΠΎ. Π›ΡƒΡ‡ΡˆΠ΅ ΠΎΡ€ΠΈΠ΅Π½Ρ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒΡΡ Π½Π° сцСнарий. Π’ срСднСм для мобильного экрана ΠΊΠΎΠΌΡ„ΠΎΡ€Ρ‚Π½ΠΎ Π²ΠΎΡΠΏΡ€ΠΈΠ½ΠΈΠΌΠ°Ρ‚ΡŒ 4–6 ΠΊΡ€ΡƒΠΏΠ½Ρ‹Ρ… смысловых Π±Π»ΠΎΠΊΠΎΠ². Если Π±Π»ΠΎΠΊΠΎΠ² большС, ΠΏΡ€ΠΎΠ΄ΡƒΠΌΠ°ΠΉΡ‚Π΅, ΠΊΠ°ΠΊ ΠΈΡ… ΡΠ³Ρ€ΡƒΠΏΠΏΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡ Π²ΠΊΠ»Π°Π΄ΠΊΠΈ ΠΈΠ»ΠΈ карусСли. ΠŸΡ€Π°Π²ΠΈΠ»ΡŒΠ½Π°Ρ ΠΊΠΎΠΌΠΏΠΎΠ½ΠΎΠ²ΠΊΠ° Π±Π»ΠΎΠΊΠΎΠ² ΠΏΠΎΠΌΠΎΠΆΠ΅Ρ‚ ΡΠΎΡ…Ρ€Π°Π½ΠΈΡ‚ΡŒ порядок.

Как часто Π½ΡƒΠΆΠ½ΠΎ ΠΏΠ΅Ρ€Π΅ΡΠΌΠ°Ρ‚Ρ€ΠΈΠ²Π°Ρ‚ΡŒ структуру Π³Π»Π°Π²Π½ΠΎΠ³ΠΎ экрана?

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

Автор ΡΡ‚Π°Ρ‚ΡŒΠΈ

Ѐотография Π°Π²Ρ‚ΠΎΡ€Π°

МСльников Ѐилипп

Арт-Π΄ΠΈΡ€Π΅ΠΊΡ‚ΠΎΡ€

ΠžΡ‚Π²Π΅Ρ‡Π°Π΅Ρ‚ Π·Π° Π²ΠΈΠ·ΡƒΠ°Π» ΠΈ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΈΠΉ ΠΎΠΏΡ‹Ρ‚ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΎΠ² студии: ΠΏΡ€ΠΎΡ‚ΠΎΡ‚ΠΈΠΏΡ‹, Π΄ΠΈΠ·Π°ΠΉΠ½-систСмы, Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½Ρ‹Π΅ ΠΌΠ°ΠΊΠ΅Ρ‚Ρ‹, Ρ€Π΅Π΄ΠΈΠ·Π°ΠΉΠ½Ρ‹. Π‘ΠΎΠ·Π΄Π°Π» Π΄ΠΈΠ·Π°ΠΉΠ½ инвСстиционной ΠΏΠ»Π°Ρ‚Ρ„ΠΎΡ€ΠΌΡ‹ «Today Invest», Π²ΠΊΠ»ΡŽΡ‡Ρ‘Π½Π½ΠΎΠΉ Π² Ρ€Π΅Π΅ΡΡ‚Ρ€ Π±Π°Π½ΠΊΠ° России.

ΠŸΠΎΠ΄Ρ€ΠΎΠ±Π½Π΅Π΅

ДСлимся ΠΎΠΏΡ‹Ρ‚ΠΎΠΌ.

ВнСдряСм Ρ€Π΅ΡˆΠ΅Π½ΠΈΡ.

Π—Π°Π³Ρ€ΡƒΠ·ΠΊΠ°

Π Π΅ΠΊΠΎΠΌΠ΅Π½Π΄ΡƒΠ΅ΠΌ ΠΏΡ€ΠΎΡ‡ΠΈΡ‚Π°Ρ‚ΡŒ: