ΠšΠ°Ρ€Ρ‚ΠΎΡ‡ΠΊΠ° ui: eCommerce UI/UX Π΄ΠΈΠ·Π°ΠΉΠ½: ΠΊΠ°Ρ€Ρ‚ΠΎΡ‡ΠΊΠ° Ρ‚ΠΎΠ²Π°Ρ€Π° Π²Β ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π°Ρ…

Π‘ΠΎΠ΄Π΅Ρ€ΠΆΠ°Π½ΠΈΠ΅

eCommerce UI/UX Π΄ΠΈΠ·Π°ΠΉΠ½: ΠΊΠ°Ρ€Ρ‚ΠΎΡ‡ΠΊΠ° Ρ‚ΠΎΠ²Π°Ρ€Π° Π²Β ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π°Ρ…

ΠšΠ°Ρ€Ρ‚ΠΎΡ‡ΠΊΠΈ ΡƒΠ½ΠΈΠ²Π΅Ρ€ΡΠ°Π»ΡŒΠ½Ρ‹: ΠΎΠ½ΠΈ Π²ΡΡ‚Ρ€Π΅Ρ‡Π°ΡŽΡ‚ΡΡ Π²Π΅Π·Π΄Π΅, ΠΎΡ‚ ΡΠΎΡ†ΠΈΠ°Π»ΡŒΠ½Ρ‹Ρ… сСтСй, Ρ‚Π°ΠΊΠΈΡ… ΠΊΠ°ΠΊ Instagram ΠΈ Facebook, Π΄ΠΎ ΠΌΠ°Π³Π°Π·ΠΈΠ½ΠΎΠ² элСктронной ΠΊΠΎΠΌΠΌΠ΅Ρ€Ρ†ΠΈΠΈ, Ρ‚Π°ΠΊΠΈΡ… ΠΊΠ°ΠΊ Amazon ΠΈ Ebay. ΠœΠ°ΠΊΠ΅Ρ‚ прСдставлСния ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΈ ΠΎ Ρ‚ΠΎΠ²Π°Ρ€Π΅ Π² Π²ΠΈΠ΄Π΅ ΠΊΠ°Ρ€Ρ‚ΠΎΡ‡ΠΊΠΈ быстро Π·Π°Π²ΠΎΠ΅Π²Π°Π» ΠΏΠΎΠΏΡƒΠ»ΡΡ€Π½ΠΎΡΡ‚ΡŒ Π²ΠΎ всСй сфСрС прСдоставлСния ΠΎΠ½Π»Π°ΠΉΠ½-услуг.

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

Π§Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ ΠΊΠ°Ρ€Ρ‚ΠΎΡ‡ΠΊΠ°Β Ρ‚ΠΎΠ²Π°Ρ€Π°?

ΠšΠ°Ρ€Ρ‚ΠΎΡ‡ΠΊΠ° β€Šβ€”β€Š это ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΎΠ³ΠΎ интСрфСйса с ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚ΠΎΠΌ ΠΈ взаимодСйствиями ΠΏΠΎ ΠΎΠ΄Π½ΠΎΠΉ ΠΎΠ±Ρ‰Π΅ΠΉ Ρ‚Π΅ΠΌΠ΅.

ЦСль ΠΊΠ°Ρ€Ρ‚ΠΎΡ‡ΠΊΠΈ β€Šβ€”β€Š сокращСниС объСма тСкста ΠΈ ΠΏΠΎΠ²Ρ‹ΡˆΠ΅Π½ΠΈΠ΅ удобства Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½ΠΎΠ³ΠΎ сканирования. Π”Π°ΠΆΠ΅ Ссли ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒ Π½Π΅ Π·Π½Π°ΠΊΠΎΠΌ с ΠΊΠΎΠ½Ρ†Π΅ΠΏΡ†ΠΈΠ΅ΠΉ ΠΊΠ°Ρ€Ρ‚ΠΎΡ‡ΠΊΠΈ с Ρ‚ΠΎΡ‡ΠΊΠΈ зрСния Π΄ΠΈΠ·Π°ΠΉΠ½Π°, ΠΎΠ½ всС Ρ€Π°Π²Π½ΠΎ сразу ΠΆΠ΅ ΠΏΠΎΠΉΠΌΠ΅Ρ‚, ΠΊΠ°ΠΊ Сю Π²ΠΎΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒΡΡ, ΠΏΠΎΡΠΊΠΎΠ»ΡŒΠΊΡƒ Π΄ΠΈΠ·Π°ΠΉΠ½ Π½Π°ΠΏΠΎΠΌΠΈΠ½Π°Π΅Ρ‚ Ρ€Π΅Π°Π»ΡŒΠ½ΠΎ ΡΡƒΡ‰Π΅ΡΡ‚Π²ΡƒΡŽΡ‰ΠΈΠ΅ Π±ΡƒΠΌΠ°ΠΆΠ½Ρ‹Π΅ ΠΊΠ°Ρ€Ρ‚ΠΎΡ‡ΠΊΠΈ.

Анатомия ΠΊΠ°Ρ€Ρ‚ΠΎΡ‡ΠΊΠΈ

ΠžΠ±Ρ‰Π΅ΠΈΠ·Π²Π΅ΡΡ‚Π½Ρ‹Π΅ ΠΌΠ°ΠΊΠ΅Ρ‚Ρ‹ ΠΊΠ°Ρ€Ρ‚ΠΎΡ‡Π΅ΠΊ Ρ€Π°Π·Π»ΠΈΡ‡Π°ΡŽΡ‚ΡΡ ΠΌΠ΅ΠΆΠ΄Ρƒ собой, обСспСчивая ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΡƒ Ρ€Π°Π·Π½Ρ‹Ρ… ΠΊΠ°Ρ‚Π΅Π³ΠΎΡ€ΠΈΠΉ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π°. Рассмотрим основныС сСкции ΠΊΠ°Ρ€Ρ‚ΠΎΡ‡ΠΊΠΈ Π½Π° ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π΅.

  1. ΠœΠ΅Π΄ΠΈΠ°Ρ„Π°ΠΉΠ»Ρ‹. ΠšΠ°Ρ€Ρ‚ΠΎΡ‡ΠΊΠΈ ΠΌΠΎΠ³ΡƒΡ‚ ΡΠΎΠ΄Π΅Ρ€ΠΆΠ°Ρ‚ΡŒ ΠΌΠΈΠ½ΠΈΠ°Ρ‚ΡŽΡ€Ρƒ Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΈ Ρ‚ΠΎΠ²Π°Ρ€Π° ΠΈΠ»ΠΈ профиля, ΠΈΠ»Π»ΡŽΡΡ‚Ρ€Π°Ρ†ΠΈΠΈ, Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏΠ°, ΠΈΠΊΠΎΠ½ΠΊΠΈ ΠΈΠ»ΠΈ любой Π΄Ρ€ΡƒΠ³ΠΎΠΉ Π³Ρ€Π°Ρ„ΠΈΠΊΠΈ.
  2. Π—Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΈ. ВСкст Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ° содСрТит имя ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ, модСль ΠΈΠ»ΠΈ Ρ†Π΅Π½Ρƒ Ρ‚ΠΎΠ²Π°Ρ€Π°, Π½Π°Π·Π²Π°Π½ΠΈΠ΅ Ρ„ΠΎΡ‚ΠΎΠ°Π»ΡŒΠ±ΠΎΠΌΠ° ΠΈΠ»ΠΈ ΡΡ‚Π°Ρ‚ΡŒΠΈ.
  3. ОписаниС. Π’ΡΠΏΠΎΠΌΠΎΠ³Π°Ρ‚Π΅Π»ΡŒΠ½Ρ‹ΠΉ тСкст содСрТит Ρ€Π΅Π·ΡŽΠΌΠ΅ ΡΡ‚Π°Ρ‚ΡŒΠΈ, сводку характСристик Ρ‚ΠΎΠ²Π°Ρ€Π° ΠΈΠ»ΠΈ ΠΊΡ€Π°Ρ‚ΠΊΠΎΠ΅ описаниС услуги.
  4. ΠŸΡ€ΠΈΠ·Ρ‹Π² ΠΊ Π΄Π΅ΠΉΡΡ‚Π²ΠΈΡŽ. ΠšΠ°Ρ€Ρ‚ΠΎΡ‡ΠΊΠΈ ΠΏΠΎΡ‡Ρ‚ΠΈ всСгда содСрТат ΡΠ΅ΠΊΡ†ΠΈΡŽ ΠΊΠ½ΠΎΠΏΠΎΠΊ для ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΈΡ… Ρ€Π΅Π°ΠΊΡ†ΠΈΠΉ ΠΈ дСйствий, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€ ΠΏΠΎΠΊΡƒΠΏΠΊΠΈ Ρ‚ΠΎΠ²Π°Ρ€Π°, добавлСния Π² список ΠΈΠ·Π±Ρ€Π°Π½Π½ΠΎΠ³ΠΎ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π° ΠΈ распространСния Π² ΡΠΎΡ†ΠΈΠ°Π»ΡŒΠ½Ρ‹Ρ… сСтях.
  5. Подзаголовок. ВСкст ΠΏΠΎΠ΄Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ° содСрТит Π²Ρ‚ΠΎΡ€ΠΎΡΡ‚Π΅ΠΏΠ΅Π½Π½ΡƒΡŽ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΡŽ, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€ ΠΏΡ€ΠΈΠΌΠ΅Ρ‡Π°Π½ΠΈΠ΅ ΠΊ ΡΡ‚Π°Ρ‚ΡŒΠ΅ ΠΈΠ»ΠΈ располоТСниС гСографичСской ΠΌΠ΅Ρ‚ΠΊΠΈ Ρƒ Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΈ.
  6. Бкрытая панСль. ΠžΠΏΡ†ΠΈΠΎΠ½Π°Π»ΡŒΠ½ΠΎ ΠΊΠ°Ρ€Ρ‚ΠΎΡ‡ΠΊΠΈ ΠΌΠΎΠ³ΡƒΡ‚ ΡΠΎΠ΄Π΅Ρ€ΠΆΠ°Ρ‚ΡŒ ΠΊΠ½ΠΎΠΏΠΊΠΈ-Π·Π½Π°Ρ‡ΠΊΠΈ ΠΊΠ°ΠΊ нСпосрСдствСнно для дСйствий, Ρ‚Π°ΠΊ ΠΈ для открытия Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½Π½ΠΎΠΉ ΠΏΠ°Π½Π΅Π»ΠΈ с Π½ΠΈΠΌΠΈ.

ΠšΠ°ΠΊΠΎΠΌΡƒ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Ρƒ Π½ΡƒΠΆΠ΅Π½ β€œΠΊΠ°Ρ€Ρ‚ΠΎΡ‡Π½Ρ‹ΠΉβ€ интСрфСйс?

ΠžΡΡ‚Π°Π½ΠΎΠ²ΠΈΡ‚Π΅ свой Π²Ρ‹Π±ΠΎΡ€ Π½Π° β€œΠΊΠ°Ρ€Ρ‚ΠΎΡ‡Π½ΠΎΠΉβ€ систСмС ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΎΠ³ΠΎ интСрфСйса, Ссли Ρ…ΠΎΡ‚ΡŒ ΠΎΠ΄ΠΈΠ½ ΠΏΡƒΠ½ΠΊΡ‚ ΠΈΠ· списка ΠΏΡ€ΠΈΡ‡ΠΈΠ½ ΠΏΠΎΠ΄Ρ…ΠΎΠ΄ΠΈΡ‚ ΠΏΠΎΠ΄ ваш ΠΏΡ€ΠΎΠ΅ΠΊΡ‚.

  • Поиск ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚ΠΎΠ² ΠΈΠ»ΠΈ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΈ. Π‘ ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΠΊΠ°Ρ€Ρ‚ΠΎΡ‡Π΅ΠΊ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚ разбиваСтся ΠΏΠΎ сСкциям, помогая ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡΠΌ сразу ΠΏΠΎΠ»ΡƒΡ‡Π°Ρ‚ΡŒ прСдставлСниС ΠΎ содСрТимом Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚ΠΎΠ² поиска. Благодаря понятности Π΄ΠΈΠ·Π°ΠΉΠ½Π° Π²Ρ‹Π±ΠΎΡ€ ΠΈΠ· мноТСства Π²Π°Ρ€ΠΈΠ°Π½Ρ‚ΠΎΠ² сущСствСнно ускоряСтся.
  • Π£ΠΏΡ€Π°Π²Π»Π΅Π½ΠΈΠ΅ Π·Π°Π΄Π°Ρ‡Π°ΠΌΠΈ. ΠŸΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ для управлСния Π·Π°Π΄Π°Ρ‡Π°ΠΌΠΈ нуТдаСтся Π² β€œΠΊΠ°Ρ€Ρ‚ΠΎΡ‡Π½ΠΎΠΌβ€ интСрфСйсС для создания ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΎΠΉ ΠΏΠ°Π½Π΅Π»ΠΈ, Π³Π΄Π΅ каТдая ΠΊΠ°Ρ€Ρ‚ΠΎΡ‡ΠΊΠ° прСдставляСт ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½ΡƒΡŽ Π·Π°Π΄Π°Ρ‡Ρƒ.
  • Много ΠΏΠΎΡ…ΠΎΠΆΠΈΡ… ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚ΠΎΠ². ΠŸΠΎΠ·ΠΈΡ‚ΠΈΠ²Π½Ρ‹Π΅ эффСкты ΠΊΠ°Ρ€Ρ‚ΠΎΡ‡Π΅ΠΊ Π»ΡƒΡ‡ΡˆΠ΅ всСго ΠΏΡ€ΠΎΡΠ²Π»ΡΡŽΡ‚ΡΡ Π½Π° коллСкциях Ρ€Π°Π·Π½ΠΎΡ€ΠΎΠ΄Π½Ρ‹Ρ… элСмСнтов (ΠΊΠΎΠ³Π΄Π° содСрТимоС ΠΊΠΎΠ»Π»Π΅ΠΊΡ†ΠΈΠΈ относится ΠΊ Ρ€Π°Π·Π½Ρ‹ΠΌ Π±Π°Π·ΠΎΠ²Ρ‹ΠΌ Ρ‚ΠΈΠΏΠ°ΠΌ, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€ Ρ€Π°Π·Π½Ρ‹ΠΌ катСгориям Ρ‚ΠΎΠ²Π°Ρ€ΠΎΠ² ΠΈΠ»ΠΈ Π³ΠΎΠ΄Π°ΠΌ ΠΏΡƒΠ±Π»ΠΈΠΊΠ°Ρ†ΠΈΠΈ).
  • Визуализация Π°Π½Π°Π»ΠΈΡ‚ΠΈΠΊΠΈ. АналитичСскиС Π°Π΄ΠΌΠΈΠ½-ΠΏΠ°Π½Π΅Π»ΠΈ с инструмСнтами ΠΎΠ±Ρ‹Ρ‡Π½ΠΎ содСрТат Π½Π° ΠΎΠ΄Π½ΠΎΠΉ страницС ΠΌΠ½ΠΎΠ³ΠΎ Ρ€Π°Π·Π½Ρ‹Ρ… ΠΎΠ±Ρ€Π°Π·Ρ†ΠΎΠ² ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π°. Π’ Ρ‚Π°ΠΊΠΈΡ… ΠΎΠ±ΡΡ‚ΠΎΡΡ‚Π΅Π»ΡŒΡΡ‚Π²Π°Ρ… аналогия с ΠΊΠ°Ρ€Ρ‚ΠΎΡ‡ΠΊΠ°ΠΌΠΈ ΠΏΠΎΠΌΠΎΠ³Π°Π΅Ρ‚ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ Π±ΠΎΠ»Π΅Π΅ ΠΎΡ‡Π΅Π²ΠΈΠ΄Π½Ρ‹Π΅ различия ΠΌΠ΅ΠΆΠ΄Ρƒ элСмСнтами: каТдая ΠΊΠ°Ρ€Ρ‚ΠΎΡ‡ΠΊΠ° приспосабливаСтся ΠΊ Ρ€Π°Π·Π½ΠΎΠΉ Ρ€ΠΎΠ»ΠΈ.

ΠŸΠΎΡ‡Π΅ΠΌΡƒ ΠΊΠ°Ρ€Ρ‚ΠΎΡ‡ΠΊΠΈ популярны?

ΠšΠ°Ρ€Ρ‚ΠΎΡ‡ΠΊΠΈ ΠΊΠ°ΠΊ Π±Ρ‹ β€œΡΠΆΠΈΠΌΠ°ΡŽΡ‚β€ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚: Ρ€Π°Π·Π½Ρ‹Π΅ дСйствия ΠΈ элСмСнты описания Π»Π΅Π³ΠΊΠΎ ΡΠΊΠ»Π°Π΄Ρ‹Π²Π°ΡŽΡ‚ΡΡ вмСстС, Π½Π΅ привлСкая внимания ΠΊ своим различиям.

ΠšΠ°Ρ€Ρ‚ΠΎΡ‡ΠΊΠΈ ΠΌΠΈΠ½ΠΈΠΌΠΈΠ·ΠΈΡ€ΡƒΡŽΡ‚ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚, заставляя Π΅Π³ΠΎ ΠΏΠΎΠ΄ΡΡ‚Ρ€Π°ΠΈΠ²Π°Ρ‚ΡŒΡΡ ΠΏΠΎΠ΄ ограничСния, Ρ‚Π°ΠΊΠΈΠ΅ ΠΊΠ°ΠΊ Π³Ρ€Π°Π½ΠΈΡ†Ρ‹ Π±Π»ΠΎΠΊΠ° ΠΈ Π΅Π³ΠΎ Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½ΠΎΠ΅ ΠΎΡ„ΠΎΡ€ΠΌΠ»Π΅Π½ΠΈΠ΅. Π”ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Π°ΠΌ нравится ΡΠΏΠΎΡΠΎΠ±Π½ΠΎΡΡ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΎΡ‡Π΅ΠΊ ΡΠΌΠ΅ΡˆΠΈΠ²Π°Ρ‚ΡŒ ΠΈ ΡΠΎΡ‡Π΅Ρ‚Π°Ρ‚ΡŒ Ρ€Π°Π·Π½ΠΎΠΏΠ»Π°Π½ΠΎΠ²Ρ‹ΠΉ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚ Π±Π΅Π· опасСния β€œΠΏΠ΅Ρ€Π΅Π³Ρ€ΡƒΠ·ΠΈΡ‚ΡŒβ€ Π΄ΠΈΠ·Π°ΠΉΠ½ интСрфСйса Π² Ρ†Π΅Π»ΠΎΠΌ.

ΠšΠ°Ρ€Ρ‚ΠΎΡ‡ΠΊΠΈ Ρ€Π°Π·Π±ΠΈΠ²Π°ΡŽΡ‚ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚ Π½Π° Π»Π΅Π³ΠΊΠΎ усваиваСмыС Ρ„Ρ€Π°Π³ΠΌΠ΅Π½Ρ‚Ρ‹ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΎΠ³ΠΎ взаимодСйствия: Π² Ρ‚Π°ΠΊΠΎΠΌ ΠΊΠΎΠ½Ρ‚Π΅ΠΉΠ½Π΅Ρ€Π΅ для ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π° информация Π±ΡƒΠ΄Ρ‚ΠΎ Π±Ρ‹ Ρ€Π΅Π°Π»ΡŒΠ½ΠΎ Π½Π°ΠΏΠ΅Ρ‡Π°Ρ‚Π°Π½Π°, Ρ‡Ρ‚ΠΎ Π²Ρ‹Π·Ρ‹Π²Π°Π΅Ρ‚ ΡΠΌΠΎΡ†ΠΈΠΎΠ½Π°Π»ΡŒΠ½Ρ‹ΠΉ ΠΎΡ‚ΠΊΠ»ΠΈΠΊ Ρƒ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ.

ΠšΡ€ΠΎΠΌΠ΅ ΠΌΠΈΠ½ΠΈΠΌΠΈΠ·Π°Ρ†ΠΈΠΈ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π° β€œΠΊΠ°Ρ€Ρ‚ΠΎΡ‡Π½Ρ‹ΠΉβ€ Π΄ΠΈΠ·Π°ΠΉΠ½ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΎΠ³ΠΎ интСрфСйса популярСн ΠΈ ΠΏΠΎ Π΄Ρ€ΡƒΠ³ΠΈΠΌ ΠΏΡ€ΠΈΡ‡ΠΈΠ½Π°ΠΌ.

1. Π˜Π½Ρ‚ΡƒΠΈΡ‚ΠΈΠ²Π½ΠΎΡΡ‚ΡŒ

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

2. Π£ΡΠ²ΠΎΡΠ΅ΠΌΠΎΡΡ‚ΡŒ

ΠšΠ°Ρ€Ρ‚ΠΎΡ‡ΠΊΠΈ ΠΎΠ±Π»Π΅Π³Ρ‡Π°ΡŽΡ‚ поиск ΠΈΠ½Ρ‚Π΅Ρ€Π΅ΡΡƒΡŽΡ‰Π΅Π³ΠΎ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π°. Они Π½Π΅ Π·Π°Π½ΠΈΠΌΠ°ΡŽΡ‚ ΠΌΠ½ΠΎΠ³ΠΎ мСста ΠΈ ΠΏΡ€ΠΈΠ·Ρ‹Π²Π°ΡŽΡ‚ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Π° Ρ€Π°ΡΡΡ‚Π°Π²Π»ΡΡ‚ΡŒ ΠΏΡ€ΠΈΠΎΡ€ΠΈΡ‚Π΅Ρ‚Ρ‹. Π’ Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚Π΅ каТдая ΠΊΠ°Ρ€Ρ‚ΠΎΡ‡ΠΊΠ° прСвращаСтся Π² Π»Π΅Π³ΠΊΠΎ усваиваСмый Ρ„Ρ€Π°Π³ΠΌΠ΅Π½Ρ‚ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΈ: ΠΊ Π½ΠΈΠΌ Π»Π΅Π³ΠΊΠΎ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒ доступ, ΠΈ ΠΈΡ… Π»Π΅Π³ΠΊΠΎ Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½ΠΎ ΠΏΡ€ΠΎΡΠΊΠ°Π½ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ.

3. Удобство ΠΈ ΠΏΡ€ΠΈΠ²Π»Π΅ΠΊΠ°Ρ‚Π΅Π»ΡŒΠ½ΠΎΡΡ‚ΡŒ

Π—Π°Ρ‡Π°ΡΡ‚ΡƒΡŽ Π΄ΠΈΠ·Π°ΠΉΠ½ Π½Π° основС ΠΊΠ°Ρ€Ρ‚ΠΎΡ‡Π΅ΠΊ Π² Π·Π½Π°Ρ‡ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΠΉ стСпСни опираСтся Π½Π° Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½Ρ‹Π΅ ΠΎΠ±Ρ€Π°Π·Ρ‹, вСдь с Ρ‚ΠΎΡ‡ΠΊΠΈ зрСния ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΎΠ½Π½ΠΎΠΉ Π°Ρ€Ρ…ΠΈΡ‚Π΅ΠΊΡ‚ΡƒΡ€Ρ‹ любой тСкст Π²Ρ‚ΠΎΡ€ΠΈΡ‡Π΅Π½ ΠΏΠΎ ΠΎΡ‚Π½ΠΎΡˆΠ΅Π½ΠΈΡŽ ΠΊ Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½Ρ‹ΠΌ ΠΎΠ±Ρ€Π°Π·Π°ΠΌ. Π‘ΠΎΠ»Π΅Π΅ Ρ‚ΠΎΠ³ΠΎ, ΠΏΠΎ ΡΡ€Π°Π²Π½Π΅Π½ΠΈΡŽ с Π΄Ρ€ΡƒΠ³ΠΈΠΌΠΈ Π²ΠΈΠ΄Π°ΠΌΠΈ оформлСния ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π°, Π°ΠΊΡ†Π΅Π½Ρ‚ Π½Π° изобраТСниях ΡƒΠ²Π΅Π»ΠΈΡ‡ΠΈΠ²Π°Π΅Ρ‚ ΠΏΡ€ΠΈΠ²Π»Π΅ΠΊΠ°Ρ‚Π΅Π»ΡŒΠ½ΠΎΡΡ‚ΡŒ Π΄ΠΈΠ·Π°ΠΉΠ½Π° для ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΉ.

4. Адаптивный Π΄ΠΈΠ·Π°ΠΉΠ½

ΠšΠ°Ρ€Ρ‚ΠΎΡ‡ΠΊΠΈ ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΎΠΉ Ρ„ΠΎΡ€ΠΌΡ‹ ΠΏΠ»Π°Π²Π½ΠΎ ΠΌΠ΅Π½ΡΡŽΡ‚ΡΡ Π² Ρ€Π°Π·ΠΌΠ΅Ρ€Π΅, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡΠΎΠΎΡ‚Π²Π΅Ρ‚ΡΡ‚Π²ΠΎΠ²Π°Ρ‚ΡŒ Π³ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΡŒΠ½Ρ‹ΠΌ ΠΈ Π²Π΅Ρ€Ρ‚ΠΈΠΊΠ°Π»ΡŒΠ½Ρ‹ΠΌ Π³Ρ€Π°Π½ΠΈΡ†Π°ΠΌ экранов Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Ρ… устройств, гарантируя ΠΈΠ΄Π΅Π½Ρ‚ΠΈΡ‡Π½Ρ‹ΠΉ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΈΠΉ ΠΎΠΏΡ‹Ρ‚ Π½Π° всСх ΠΏΠ»Π°Ρ‚Ρ„ΠΎΡ€ΠΌΠ°Ρ….

5. РСпосты

ΠšΠ°Ρ€Ρ‚ΠΎΡ‡ΠΊΠΈ ΡΡ‚ΠΈΠΌΡƒΠ»ΠΈΡ€ΡƒΡŽΡ‚ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΉ Π΄Π΅Π»ΠΈΡ‚ΡŒΡΡ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚ΠΎΠΌ Π² ΡΠΎΡ†ΠΈΠ°Π»ΡŒΠ½Ρ‹Ρ… сСтях, вСдь Ρ‚Π΅ΠΏΠ΅Ρ€ΡŒ ΠΎΠ½ΠΈ ΠΌΠΎΠ³ΡƒΡ‚ Π»Π΅Π³ΠΊΠΎ Π΄Π΅Π»ΠΈΡ‚ΡŒΡΡ ссылкой Π½Π° ΠΊΠΎΠ½ΠΊΡ€Π΅Ρ‚Π½Ρ‹ΠΉ Ρ„Ρ€Π°Π³ΠΌΠ΅Π½Ρ‚ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π°, Π° Π½Π΅ Π½Π° всю страницу.

Π›ΡƒΡ‡ΡˆΠΈΠ΅ ΠΏΡ€Π°ΠΊΡ‚ΠΈΠΊΠΈ UI/UXΒ Π΄ΠΈΠ·Π°ΠΉΠ½Π°

Рассмотрим нСсколько совСтов ΠΈΠ· областСй Π΄ΠΈΠ·Π°ΠΉΠ½Π° ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΎΠ³ΠΎ интСрфСйса ΠΈ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΎΠ³ΠΎ ΠΎΠΏΡ‹Ρ‚Π° для ΡƒΠ»ΡƒΡ‡ΡˆΠ΅Π½ΠΈΡ ΠΏΡ€ΠΈΠ²Π»Π΅ΠΊΠ°Ρ‚Π΅Π»ΡŒΠ½ΠΎΡΡ‚ΠΈ любой ΠΊΠ°Ρ€Ρ‚ΠΎΡ‡ΠΊΠΈ.

1. ΠŸΠΎΠ΄Ρ…ΠΎΠ΄ΡΡ‰Π΅Π΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅

Π˜Π·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ β€Šβ€”β€Š Π³Π»Π°Π²Π½ΠΎΠ΅ Π² Π΄ΠΈΠ·Π°ΠΉΠ½Π΅ ΠΊΠ°Ρ€Ρ‚ΠΎΡ‡ΠΊΠΈ. Π’Π°ΠΌ Π½ΡƒΠΆΠ½ΠΎ ΠΏΠΎΠ΄ΠΎΠ±Ρ€Π°Ρ‚ΡŒ Ρ…ΠΎΡ€ΠΎΡˆΠ΅Π΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΡ€ΠΈΠ²Π»Π΅Ρ‡ΡŒ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΉ ΠΊ ΠΊΠ°ΠΆΠ΄ΠΎΠΉ ΠΈΠ· ΠΊΠ°Ρ€Ρ‚ΠΎΡ‡Π΅ΠΊ. ΠšΠ°Ρ€Ρ‚ΠΎΡ‡ΠΊΠΈ содСрТат ΠΈΠ»Π»ΡŽΡΡ‚Ρ€Π°Ρ†ΠΈΠΈ, ΠΈΠΊΠΎΠ½ΠΊΠΈ со свСтлым Ρ„ΠΎΠ½ΠΎΠΌ ΠΈΠ»ΠΈ Π»ΡŽΠ±Ρ‹Π΅ Π΄Ρ€ΡƒΠ³ΠΈΠ΅ Π²ΠΈΠ΄Ρ‹ ΠΌΠ΅Π΄ΠΈΠ°Ρ„Π°ΠΉΠ»ΠΎΠ², ΠΎΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ подходящих тСкстовому ΡΠΎΠ΄Π΅Ρ€ΠΆΠ°Π½ΠΈΡŽ ΠΏΠΎ Ρ‚Π΅ΠΌΠ°Ρ‚ΠΈΠΊΠ΅ ΠΈ ΡΡ‚ΠΈΠ»ΡŽ.

Π‘Π»Π΅Π²Π°β€Šβ€”β€ŠΠΏΠ»ΠΎΡ…ΠΎΠΉ ΠΏΡ€ΠΈΠΌΠ΅Ρ€ ΠΏΠΎΠ΄Π±ΠΎΡ€Π° изобраТСния для ΠΊΠ°Ρ€Ρ‚ΠΎΡ‡ΠΊΠΈ, Π° ΡΠΏΡ€Π°Π²Π°β€Šβ€”β€ŠΡ…ΠΎΡ€ΠΎΡˆΠΈΠΉ.

2. Бтрогая Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½Π°Ρ иСрархия

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

Π‘Π»Π΅Π²Π°β€Šβ€”β€ŠΠΏΠ»ΠΎΡ…ΠΎΠΉ ΠΏΡ€ΠΈΠΌΠ΅Ρ€ ΠΎΡ€Π³Π°Π½ΠΈΠ·Π°Ρ†ΠΈΠΈ Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½ΠΎΠΉ ΠΈΠ΅Ρ€Π°Ρ€Ρ…ΠΈΠΈ Π² ΠΊΠ°Ρ€Ρ‚ΠΎΡ‡ΠΊΠ΅, Π° ΡΠΏΡ€Π°Π²Π°β€Šβ€”β€ŠΡ…ΠΎΡ€ΠΎΡˆΠΈΠΉ

3. ΠšΡ€Π°Ρ‚ΠΊΠΎΠ΅ содСрТаниС

ΠšΠ°Ρ€Ρ‚ΠΎΡ‡ΠΊΠ° Π²ΠΊΠ»ΡŽΡ‡Π°Π΅Ρ‚ ΠΈΡΠΊΠ»ΡŽΡ‡ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ Π²Π°ΠΆΠ½ΡƒΡŽ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΡŽ ΠΈ ΠΏΡ€Π΅Π΄Π»Π°Π³Π°Π΅Ρ‚ ΠΊΠΎΡ€Ρ€Π΅ΠΊΡ‚Π½ΡƒΡŽ Ρ‚ΠΎΡ‡ΠΊΡƒ доступа ΠΊ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹ΠΌ дСталям ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Π°, Π° Π½Π΅ сами эти Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ Π΄Π΅Ρ‚Π°Π»ΠΈ.

Из-Π·Π° ΠΏΠΎΠΏΡ‹Ρ‚ΠΎΠΊ Ρ€Π°Π·ΠΌΠ΅ΡΡ‚ΠΈΡ‚ΡŒ Π²Π½ΡƒΡ‚Ρ€ΠΈ ΠΊΠ°Ρ€Ρ‚ΠΎΡ‡ΠΊΠΈ слишком ΠΌΠ½ΠΎΠ³ΠΎ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π°, ΠΊΠ°Ρ€Ρ‚ΠΎΡ‡ΠΊΠ° оказываСтся β€œΠ·Π°Ρ…Π»Π°ΠΌΠ»Π΅Π½Π½ΠΎΠΉβ€ ΠΈΠ»ΠΈ слишком Π΄Π»ΠΈΠ½Π½ΠΎΠΉ. Из-Π·Π° этого ΠΎΠ½Π° тСряСт Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½ΡƒΡŽ связь с Π±ΡƒΠΌΠ°ΠΆΠ½ΠΎΠΉ ΠΊΠ°Ρ€Ρ‚ΠΎΡ‡ΠΊΠΎΠΉ ΠΈ воспринимаСтся ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΌ совсСм ΠΏΠΎ-Π΄Ρ€ΡƒΠ³ΠΎΠΌΡƒ.

Π‘Π»Π΅Π²Π° располоТСна слишком длинная ΠΊΠ°Ρ€Ρ‚ΠΎΡ‡ΠΊΠ°, Π° ΡΠΏΡ€Π°Π²Π°β€Šβ€”β€ŠΠΊΠ°Ρ€Ρ‚ΠΎΡ‡ΠΊΠ° идСальной Π΄Π»ΠΈΠ½Ρ‹

4. Π‘ΡΡ‹Π»ΠΊΠ°ΠΌβ€Šβ€”β€ŠΠ½Π΅Ρ‚!

НС Π²ΠΊΠ»ΡŽΡ‡Π°ΠΉΡ‚Π΅ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ тСкстовыС ссылки Π² Π·ΠΎΠ½Ρƒ описания Ρ‚ΠΎΠ²Π°Ρ€Π°. ΠšΠ°Ρ€Ρ‚ΠΎΡ‡ΠΊΠΈ Π΄ΠΎΠ»ΠΆΠ½Ρ‹ ΠΏΡ€Π΅Π΄ΠΎΡΡ‚Π°Π²Π»ΡΡ‚ΡŒ ΠΎΠ³Ρ€Π°Π½ΠΈΡ‡Π΅Π½Π½Ρ‹ΠΉ Π½Π°Π±ΠΎΡ€ доступных дСйствий ΠΈΡΠΊΠ»ΡŽΡ‡ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ Π² ΠΎΡ‚Π²Π΅Π΄Π΅Π½Π½ΠΎΠΉ для этого ΡΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½ΠΎΠΉ сСкции ΠΊΠ½ΠΎΠΏΠΎΠΊ.

Π‘Π»Π΅Π²Π° располоТСна ΠΊΠ°Ρ€Ρ‚ΠΎΡ‡ΠΊΠ°, содСрТащая Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ ссылки, Π° Π² ΠΊΠ°Ρ€Ρ‚ΠΎΡ‡ΠΊΠ΅ справа тСкстовых ссылок нСт

5. ДиффСрСнциация дСйствий

Часто Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ интСрфСйс для ΠΊΠ°Ρ€Ρ‚ΠΎΡ‡Π΅ΠΊ, кнопочная сСкция ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… содСрТит Ρ€Π°Π·Π½Ρ‹Π΅ ΠΏΠΎ своСму Ρ…Π°Ρ€Π°ΠΊΡ‚Π΅Ρ€Ρƒ дСйствия.

Π’ Ρ‚Π°ΠΊΠΎΠΌ случаС Ρ€Π°Π·Π½Ρ‹Π΅ ΠΊΠ½ΠΎΠΏΠΊΠΈ Π΄ΠΎΠ»ΠΆΠ½Ρ‹ ΠΎΡ‚Π»ΠΈΡ‡Π°Ρ‚ΡŒΡΡ Π΄Ρ€ΡƒΠ³ ΠΎΡ‚ Π΄Ρ€ΡƒΠ³Π° Ρ†Π²Π΅Ρ‚ΠΎΠ²Ρ‹ΠΌ ΠΈΠ»ΠΈ ΠΊΠ°ΠΊΠΈΠΌ-Π»ΠΈΠ±ΠΎ Π΄Ρ€ΡƒΠ³ΠΈΠΌ ΠΎΡ„ΠΎΡ€ΠΌΠ»Π΅Π½ΠΈΠ΅ΠΌ. Однако Π²Π½ΡƒΡ‚Ρ€ΠΈ Π³Ρ€ΡƒΠΏΠΏ ΠΎΠ΄Π½ΠΎΡ‚ΠΈΠΏΠ½Ρ‹Ρ… дСйствий ΠΎΡ„ΠΎΡ€ΠΌΠ»Π΅Π½ΠΈΠ΅ всС ΠΆΠ΅ Π΄ΠΎΠ»ΠΆΠ½ΠΎ Ρ€ΡƒΠΊΠΎΠ²ΠΎΠ΄ΡΡ‚Π²ΠΎΠ²Π°Ρ‚ΡŒΡΡ Π΅Π΄ΠΈΠ½Ρ‹ΠΌΠΈ ΠΏΡ€ΠΈΠ½Ρ†ΠΈΠΏΠ°ΠΌΠΈ.

Π‘Π»Π΅Π²Π° Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Π΅ дСйствия Π² ΠΊΠ½ΠΎΠΏΠΎΡ‡Π½ΠΎΠΉ сСкции Π½ΠΈΡ‡Π΅ΠΌ Π½Π΅ ΠΎΡ‚Π»ΠΈΡ‡Π°ΡŽΡ‚ΡΡ Π΄Ρ€ΡƒΠ³ ΠΎΡ‚ Π΄Ρ€ΡƒΠ³Π°, Π° Π²ΠΎΡ‚ справа ΠΎΡ‚Π»ΠΈΡ‡Π°ΡŽΡ‰Π°ΡΡΡ ΠΏΠΎ Ρ…Π°Ρ€Π°ΠΊΡ‚Π΅Ρ€Ρƒ дСйствия ΠΊΠ½ΠΎΠΏΠΊΠ° Π²Ρ‹Π΄Π΅Π»Π΅Π½Π° свСтлым тоном

6. Линиям Ρ€Π°Π·ΠΌΠ΅Ρ‚ΠΊΠΈ β€Šβ€”β€Š Π½Π΅Ρ‚!

ΠžΠ±Ρ‹Ρ‡Π½ΠΎ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Ρ‹-Π½ΠΎΠ²ΠΈΡ‡ΠΊΠΈ ΠΎΠ³Ρ€Π°ΠΆΠ΄Π°ΡŽΡ‚ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚ Ρ€Π°Π·ΠΌΠ΅Ρ‚ΠΊΠΎΠΉ. Π’ качСствС способа раздСлСния ΠΎΡ‚Π»ΠΈΡ‡Π°ΡŽΡ‰ΠΈΡ…ΡΡ сСкций ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π°, Ρ‚Π°ΠΊΠΈΠ΅ Π³Ρ€Π°Π½ΠΈΡ†Ρ‹ ΡΠΎΠ·Π΄Π°ΡŽΡ‚ Π½Π΅Π½ΡƒΠΆΠ½Ρ‹ΠΉ Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½Ρ‹ΠΉ ΡˆΡƒΠΌ, ΠΎΡ‚Π²Π»Π΅ΠΊΠ°ΡŽΡ‰ΠΈΠΉ ΠΎΡ‚ содСрТания.

Π‘Π»Π΅Π²Π°β€Šβ€”β€ŠΠΏΠΎΠ΄ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΎΠΌ ΠΊΠ°Ρ€Ρ‚ΠΎΡ‡ΠΊΠΈ Π΅ΡΡ‚ΡŒ линия Ρ€Π°Π·ΠΌΠ΅Ρ‚ΠΊΠΈ, ΡΠΏΡ€Π°Π²Π°β€Šβ€”β€ŠΠ»ΠΈΡˆΠ½ΠΈΡ… Π»ΠΈΠ½ΠΈΠΉΒ Π½Π΅Ρ‚

ЭстСтика ΠΈ Π°ΠΊΡ‚ΡƒΠ°Π»ΡŒΠ½ΠΎΡΡ‚ΡŒ Π΄ΠΈΠ·Π°ΠΉΠ½Π°

Π‘ΠΎΠ²Ρ€Π΅ΠΌΠ΅Π½Π½Ρ‹ΠΉ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΈΠΉ интСрфСйс Ρ†ΠΈΡ„Ρ€ΠΎΠ²Ρ‹Ρ… ΠΊΠ°Ρ€Ρ‚ΠΎΡ‡Π΅ΠΊ ΠΏΠΎΠΌΠΎΠ³Π°Π΅Ρ‚ Π°Π½Π°Π»ΠΈΠ·ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½Ρ‹Π΅ ΠΈΠ΅Ρ€Π°Ρ€Ρ…ΠΈΠΈ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π°. Π’Π΅ΠΏΠ΅Ρ€ΡŒ рассмотрим нСсколько аспСктов эстСтики Π΄ΠΈΠ·Π°ΠΉΠ½Π° ΠΊΠ°Ρ€Ρ‚ΠΎΡ‡Π΅ΠΊ.

1. Π—Π°ΠΊΡ€ΡƒΠ³Π»Π΅Π½Π½Ρ‹Π΅ ΡƒΠ³Π»Ρ‹ для Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½ΠΎΠΉ ассоциации с Π±ΡƒΠΌΠ°ΠΆΠ½ΠΎΠΉΒ ΠΊΠ°Ρ€Ρ‚ΠΎΠΉ

Π‘ΠΊΡ€ΡƒΠ³Π»Π΅Π½Π½Ρ‹Π΅ ΡƒΠ³Π»Ρ‹ Π±ΠΎΠ»Π΅Π΅ эффСктивны, вСдь ΠΎΠ½ΠΈ ΡΠΎΠΎΡ‚Π²Π΅Ρ‚ΡΡ‚Π²ΡƒΡŽΡ‚ СстСствСнному двиТСнию Π³ΠΎΠ»ΠΎΠ²Ρ‹ ΠΈ Π³Π»Π°Π·, позволяя взгляду ΠΈΠ½Ρ‚ΡƒΠΈΡ‚ΠΈΠ²Π½ΠΎ ΠΈ Π»Π΅Π³ΠΊΠΎ ΡΠ»Π΅Π΄ΠΎΠ²Π°Ρ‚ΡŒ Π·Π° линиями.

Π‘Π»Π΅Π²Π°β€Šβ€”β€ŠΠΊΠ°Ρ€Ρ‚ΠΎΡ‡ΠΊΠ° с ΠΎΠ±Ρ‹Ρ‡Π½Ρ‹ΠΌΠΈ краями ΠΏΠΎΠ΄ прямым ΡƒΠ³Π»ΠΎΠΌ, ΡΠ»Π΅Π²Π°β€Šβ€”β€ŠΠΊΠ°Ρ€Ρ‚ΠΎΡ‡ΠΊΠ° со скруглёнными краями

2.

ВСнь, свСчСниС ΠΈΒ Π³Ρ€Π°Π΄ΠΈΠ΅Π½Ρ‚

Π”ΠΎΠ±Π°Π²ΡŒΡ‚Π΅ ΡΠ²Π΅Ρ‚Π»ΡƒΡŽ Ρ€Π°ΠΌΠΊΡƒ ΠΈΠ»ΠΈ ΠΌΡΠ³ΠΊΡƒΡŽ Ρ‚Π΅Π½ΡŒ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΠΎΠΊΠ°Π·Π°Ρ‚ΡŒ Π³Π»ΡƒΠ±ΠΈΠ½Ρƒ ΠΈ ΠΊΠ»ΠΈΠΊΠ°Π±Π΅Π»ΡŒΠ½ΠΎΡΡ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΎΡ‡ΠΊΠΈ. Π’Π΅Π½ΠΈ ΡΠΎΠ·Π΄Π°ΡŽΡ‚ Π³Π»ΡƒΠ±ΠΈΠ½Ρƒ Π² интСрфСйсС, Π° ΠΎΡ‰ΡƒΡ‰Π΅Π½ΠΈΠ΅ объСма ΠΏΠΎΠΌΠΎΠ³Π°Π΅Ρ‚ Ρ‡Π΅Π»ΠΎΠ²Π΅ΠΊΡƒ Ρ€Π°Π·Π»ΠΈΡ‡Π°Ρ‚ΡŒ элСмСнты ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΎΠ³ΠΎ интСрфСйса Π±Π΅Π· напряТСния для Π³Π»Π°Π·, Π²Ρ‹Π·Ρ‹Π²Π°Π΅ΠΌΠΎΠ³ΠΎ излишнСй ΠΊΠΎΠ½Ρ‚Ρ€Π°ΡΡ‚Π½ΠΎΡΡ‚ΡŒΡŽ.

Однако Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ Ρ‚Π΅Π½ΡŒ Π² Π΄ΠΈΠ·Π°ΠΉΠ½ Π½Π° ΠΏΡ€Π°ΠΊΡ‚ΠΈΠΊΠ΅ оказываСтся Π½Π΅ Ρ‚Π°ΠΊ просто, ΠΊΠ°ΠΊ спСрва ΠΌΠΎΠΆΠ΅Ρ‚ ΠΏΠΎΠΊΠ°Π·Π°Ρ‚ΡŒΡΡ. Иногда Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Ρ‹ ΡƒΠ²Π»Π΅ΠΊΠ°ΡŽΡ‚ΡΡ ΠΈ портят вСсьма ΠΏΡ€ΠΈΠ»ΠΈΡ‡Π½ΠΎ выглядящий Π΄ΠΈΠ·Π°ΠΉΠ½, пСрСусСрдствовав с эффСктами. Π’Π°ΠΊΠΆΠ΅ стоит ΠΈΠ·Π±Π΅Π³Π°Ρ‚ΡŒ чисто Ρ‡Π΅Ρ€Π½ΠΎΠ³ΠΎ Ρ†Π²Π΅Ρ‚Π° для Ρ‚Π΅Π½ΠΈ.

Π‘Π»Π΅Π²Π°β€Šβ€”β€ŠΠΊΠ°Ρ€Ρ‚ΠΎΡ‡ΠΊΠ° с ТСсткой Ρ€Π°ΠΌΠΊΠΎΠΉ, Π° ΡΠΏΡ€Π°Π²Π°β€Šβ€”β€ŠΠΊΠ°Ρ€Ρ‚ΠΎΡ‡ΠΊΠ° с Ρ‚Π΅Π½ΡŒΡŽ вмСсто рамки

3. Π‘Π΅Π»ΠΎΠ΅ пространство

ΠžΡ‡Π΅Π½ΡŒ Π²Π°ΠΆΠ½ΠΎ Π΄Π°Ρ‚ΡŒ ΠΊΠ°ΠΆΠ΄ΠΎΠΉ ΠΊΠ°Ρ€Ρ‚ΠΎΡ‡ΠΊΠ΅ своё ΠΎΠΏΡ€Π΅Π΄Π΅Π»Ρ‘Π½Π½ΠΎΠ΅ мСсто, Π² ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΌ Π΅Π΅ Π»Π΅Π³ΠΊΠΎ Π²ΠΈΠ΄Π΅Ρ‚ΡŒ, Ρ‡ΠΈΡ‚Π°Ρ‚ΡŒ, ΠΏΠΎΠ½ΠΈΠΌΠ°Ρ‚ΡŒ ΠΈ Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½ΠΎ ΠΎΡ‚Π΄Π΅Π»ΡΡ‚ΡŒ ΠΎΡ‚ Π΄Ρ€ΡƒΠ³ΠΈΡ… ΠΊΠ°Ρ€Ρ‚ΠΎΡ‡Π΅ΠΊ. Π”ΠΎΠ±Π°Π²ΡŒΡ‚Π΅ ΠΌΠ½ΠΎΠ³ΠΎ Π±Π΅Π»ΠΎΠ³ΠΎ пространства Π²ΠΎΠΊΡ€ΡƒΠ³ ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ Π±Π»ΠΎΠΊΠ°, давая ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡΠΌ β€œΠΏΠ΅Ρ€Π΅Π·Π°Π³Ρ€ΡƒΠ·ΠΊΡƒβ€ ΠΈ Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½Ρ‹ΠΉ ΠΏΠΎΠΊΠΎΠΉ ΠΏΡ€ΠΈ ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄Π΅ ΠΎΡ‚ ΠΎΠ΄Π½ΠΎΠΉ ΠΊΠ°Ρ€Ρ‚ΠΎΡ‡ΠΊΠΈ ΠΊ Π΄Ρ€ΡƒΠ³ΠΎΠΉ.

4. Π‘Ρ‚Π°Π½Π΄Π°Ρ€Ρ‚Π½Ρ‹Π΅ ΡˆΡ€ΠΈΡ„Ρ‚Ρ‹

Π’Ρ‹Π±ΠΈΡ€Π°ΠΉΡ‚Π΅ простыС, общСпринятыС основныС ΡˆΡ€ΠΈΡ„Ρ‚Ρ‹ (Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, sans-serif с подходящим Ρ€Π°Π·ΠΌΠ΅Ρ€ΠΎΠΌ для сСкции описания Π² ΠΊΠ°Ρ€Ρ‚ΠΎΡ‡ΠΊΠ΅). Базовая Ρ‚ΠΈΠΏΠΎΠ³Ρ€Π°Ρ„ΠΈΠΊΠ° максимально ΠΏΠΎΠ²Ρ‹ΡˆΠ°Π΅Ρ‚ Ρ‡ΠΈΡ‚Π°Π±Π΅Π»ΡŒΠ½ΠΎΡΡ‚ΡŒ ΠΈ ΠΏΠΎΠΌΠΎΠ³Π°Π΅Ρ‚ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡΠΌ ΠΊΠΎΠΌΡ„ΠΎΡ€Ρ‚Π½ΠΎ ΠΏΡ€ΠΎΡΠΌΠ°Ρ‚Ρ€ΠΈΠ²Π°Ρ‚ΡŒ страницы подряд, ΠΎΠ΄Π½Ρƒ Π·Π° Π΄Ρ€ΡƒΠ³ΠΎΠΉ.

Π“ΠΎΡ‚ΠΎΠ²Ρ‹Π΅ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Ρ‹ UI-ΠΊΠ°Ρ€Ρ‚ΠΎΡ‡Π΅ΠΊ

ΠžΠ·Π½Π°ΠΊΠΎΠΌΡŒΡ‚Π΅ΡΡŒ с Π³ΠΎΡ‚ΠΎΠ²Ρ‹ΠΌΠΈ ΠΊ использованию ΠΎΠ±Ρ€Π°Π·Ρ†Π°ΠΌΠΈ Π΄ΠΈΠ·Π°ΠΉΠ½Π° ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΎΠ³ΠΎ интСрфСйса ΠΊΠ°Ρ€Ρ‚ΠΎΡ‡Π΅ΠΊ Ρ€Π°Π·Π»ΠΈΡ‡Π½ΠΎΠ³ΠΎ назначСния.

1. ΠšΠ°Ρ€Ρ‚ΠΎΡ‡ΠΊΠΈ eCommerce (Ρ‚ΠΎΠ²Π°Ρ€Ρ‹)

ΠŸΡ€Π°Π²ΠΈΠ»ΡŒΠ½Ρ‹ΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½ ΠΊΠ°Ρ€Ρ‚ΠΎΡ‡ΠΊΠΈ Ρ‚ΠΎΠ²Π°Ρ€Π° ΠΎΡ‡Π΅Π½ΡŒ Π²Π°ΠΆΠ΅Π½, вСдь ΠΎΠ½ ΠΏΠΎΠΌΠΎΠ³Π°Π΅Ρ‚ ΠΊΠΎΠ½Π²Π΅Ρ€Ρ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ посСтитСля Π² покупатСля. ΠŸΡ€Π°Π²ΠΈΠ»ΡŒΠ½Π°Ρ ΠΊΠ°Ρ€Ρ‚ΠΎΡ‡ΠΊΠ° Ρ‚ΠΎΠ²Π°Ρ€Π° ΠΎΠ±Π»Π°Π΄Π°Π΅Ρ‚ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠΌΠΈ свойствами.

  1. ΠŸΡ€ΠΈΠ²Π»Π΅ΠΊΠ°Π΅Ρ‚ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅.
  2. Π’Ρ‹Π·Ρ‹Π²Π°Π΅Ρ‚ ΠΆΠ΅Π»Π°Π½ΠΈΠ΅ приобрСсти Ρ‚ΠΎΠ²Π°Ρ€.
  3. ΠœΠΎΡ‚ΠΈΠ²ΠΈΡ€ΡƒΠ΅Ρ‚ людСй Π½Π° ΠΏΠΎΠΊΡƒΠΏΠΊΡƒ.
  4. ΠŸΡ€ΠΎΠ΄Π²ΠΈΠ³Π°Π΅Ρ‚ сайт Π² Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚Π°Ρ… поиска.

НазваниС Ρ‚ΠΎΠ²Π°Ρ€Π° размСщаСтся Π½Π° самом Π²ΠΈΠ΄Π½ΠΎΠΌ мСстС: ΠΏΠΎΡΠ΅Ρ‚ΠΈΡ‚Π΅Π»ΡŒ сразу ΠΏΠΎΠΉΠΌΠ΅Ρ‚, Ρ‡Ρ‚ΠΎ ΠΎΠ½ ΠΏΡ€ΠΈΡˆΠ΅Π» ΠΏΠΎ адрСсу.

Если Π½Π° Ρ‚ΠΎΠ²Π°Ρ€ дСйствуСт ΡΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½ΠΎΠ΅ ΠΏΡ€Π΅Π΄Π»ΠΎΠΆΠ΅Π½ΠΈΠ΅, Ρ‚ΠΎ ΡƒΠΊΠ°ΠΆΠΈΡ‚Π΅ Π² Ρ†Π΅Π½ΠΎΠ²ΠΎΠΌ Π±Π»ΠΎΠΊΠ΅ Π½Π΅ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Π°ΠΊΡ†ΠΈΠΎΠ½Π½ΡƒΡŽ Ρ†Π΅Π½Ρƒ, Π½ΠΎ ΠΈ ΠΎΠ±Ρ‹Ρ‡Π½ΡƒΡŽ, Π° Ρ‚Π°ΠΊΠΆΠ΅ сумму экономии для покупатСля.

Π₯ΠΎΡ€ΠΎΡˆΠ΅Π΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ расскаТСт ΠΏΠΎΠΊΡƒΠΏΠ°Ρ‚Π΅Π»ΡŽ всю Π²Π°ΠΆΠ½ΡƒΡŽ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΡŽ ΠΎ Ρ‚ΠΎΠ²Π°Ρ€Π΅, поэтому для идСальной ΠΊΠ°Ρ€Ρ‚ΠΎΡ‡ΠΊΠΈ Ρ‚ΠΎΠ²Π°Ρ€Π° Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ высококачСствСнноС ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅. Β 

2. ΠšΠ°Ρ€Ρ‚ΠΎΡ‡ΠΊΠΈ административной ΠΏΠ°Π½Π΅Π»ΠΈ (Π°Π½Π°Π»ΠΈΡ‚ΠΈΠΊΠ°)

Π”ΠΈΠ·Π°ΠΉΠ½ ΠΏΠ°Π½Π΅Π»Π΅ΠΉ администратора Ρ€Π°Π·Π»ΠΈΡ‡Π΅Π½, Π½ΠΎ ΠΎΠ΄Π½ΠΎ Π΅Π΄ΠΈΠ½ΠΎ: всС Π°Π΄ΠΌΠΈΠ½-ΠΏΠ°Π½Π΅Π»ΠΈ состоят ΠΈΠ· ΠΊΠ°Ρ€Ρ‚ΠΎΡ‡Π΅ΠΊ. Π’ зависимости ΠΎΡ‚ Ρ‚ΠΈΠΏΠ° административной ΠΏΠ°Π½Π΅Π»ΠΈ, Π² ΠΊΠ°Ρ€Ρ‚ΠΎΡ‡ΠΊΠΈ Π²ΠΊΠ»ΡŽΡ‡Π°ΡŽΡ‚ΡΡ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠ΅ элСмСнты.

  1. Π˜Π½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΡ профиля.
  2. УвСдомлСния.
  3. БыстрыС ссылки.
  4. Π­Π»Π΅ΠΌΠ΅Π½Ρ‚Ρ‹ Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΎΠ½Π½ΠΎΠ³ΠΎ Π΄ΠΈΠ·Π°ΠΉΠ½Π°.
  5. ΠšΠ»ΡŽΡ‡Π΅Π²Ρ‹Π΅ ΠΌΠ΅Ρ‚Ρ€ΠΈΠΊΠΈ.
  6. Π“Ρ€Π°Ρ„ΠΈΠΊΠΈ ΠΈ Ρ‚Π°Π±Π»ΠΈΡ†Ρ‹ Π°Π³Ρ€Π΅Π³ΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹Ρ… Π΄Π°Π½Π½Ρ‹Ρ….

Π£Π±Π΅Π΄ΠΈΡ‚Π΅ΡΡŒ, Ρ‡Ρ‚ΠΎ для ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ для ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ ΠΈΠ· элСмСнтов создаСтся ΡΠΎΠΎΡ‚Π²Π΅Ρ‚ΡΡ‚Π²ΡƒΡŽΡ‰ΠΈΠΉ Ρ‚ΠΈΠΏ ΠΊΠ°Ρ€Ρ‚ΠΎΡ‡ΠΊΠΈ.

ΠšΠ°Ρ€Ρ‚ΠΎΡ‡ΠΊΠ° ΠΏΡ€ΠΈΠ±ΠΎΡ€Π½ΠΎΠΉ ΠΏΠ°Π½Π΅Π»ΠΈ ΠΏΠΎΠΌΠΎΠ³Π°Π΅Ρ‚ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŽ Ρ€Π΅ΡˆΠΈΡ‚ΡŒ, Π½Π° ΠΊΠ°ΠΊΠΈΡ… Π΄Π°Π½Π½Ρ‹Ρ… ΡΠΎΡΡ€Π΅Π΄ΠΎΡ‚ΠΎΡ‡ΠΈΡ‚ΡŒΡΡ. Π‘ ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ понятного ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΎΠ³ΠΎ интСрфСйса становится Π»Π΅Π³Ρ‡Π΅ ΠΊΠΎΠ½Ρ‚Ρ€ΠΎΠ»ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ, ΠΊΠ°ΠΊΠΈΠ΅ ΠΈΠΌΠ΅Π½Π½ΠΎ Π΄Π°Π½Π½Ρ‹Π΅ Π΄ΠΎΠ»ΠΆΠ½Ρ‹ Π±Ρ‹Ρ‚ΡŒ Π½Π° Π³Π»Π°Π²Π½ΠΎΠΉ страницС Π°Π΄ΠΌΠΈΠ½-ΠΏΠ°Π½Π΅Π»ΠΈ.

Π’ΠΊΠ»ΡŽΡ‡Π°ΠΉΡ‚Π΅ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΡΠ°ΠΌΡƒΡŽ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΡƒΡŽ для ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΉ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΡŽ, ΠΏΠΎ ΠΊΡ€Π°ΠΉΠ½Π΅ΠΉ ΠΌΠ΅Ρ€Π΅ Π½Π° Π½Π°Ρ‡Π°Π»ΡŒΠ½ΠΎΠΌ экранС. Если Ρƒ вас Π΅ΡΡ‚ΡŒ Π½Π°Π±ΠΎΡ€Ρ‹ Π΄Π°Π½Π½Ρ‹Ρ…, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π»Π΅Π³Ρ‡Π΅ ΠΏΠΎΠ½ΡΡ‚ΡŒ, Ссли Ρ€Π°ΡΡΠΌΠ°Ρ‚Ρ€ΠΈΠ²Π°Ρ‚ΡŒ ΠΈΡ… вмСстС, Ρ‚ΠΎ ΠΏΡ€Π΅Π΄ΡΡ‚Π°Π²ΡŒΡ‚Π΅ ΠΈΡ… Π² ΠΎΠ΄Π½ΠΎΠΉ ΠΊΠ°Ρ€Ρ‚ΠΎΡ‡ΠΊΠ΅, Π½ΠΎ Π±ΡƒΠ΄ΡŒΡ‚Π΅ остороТны, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π½Π΅ Π·Π°ΠΏΡƒΡ‚Π°Ρ‚ΡŒ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ.

3. ΠšΠ°Ρ€Ρ‚ΠΎΡ‡ΠΊΠΈ профиля (информация ΠΎ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅)

ΠšΠ°Ρ€Ρ‚ΠΎΡ‡ΠΊΠ° профиля β€Šβ€”β€Š ΠΏΡ€ΠΈΠ²Ρ‹Ρ‡Π½Ρ‹ΠΉ Π²ΠΈΠ΄ΠΆΠ΅Ρ‚ UI ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ сайта. ΠŸΠΎΡΠΊΠΎΠ»ΡŒΠΊΡƒ ΠΏΠ΅Ρ€ΡΠΎΠ½Π°Π»ΡŒΠ½Ρ‹ΠΉ Π±Ρ€Π΅Π½Π΄ΠΈΠ½Π³ становится ΠΊΠ°ΠΊ Π½ΠΈΠΊΠΎΠ³Π΄Π° Π²Π°ΠΆΠ½Ρ‹ΠΌ, ΠΏΡ€ΠΈΡˆΠ»ΠΎ врСмя ΠΎΡ‚ΠΊΠ°Π·Π°Ρ‚ΡŒΡΡ ΠΎΡ‚ скучных тСкстовых гипСрссылок, ΡƒΠΊΠ°Π·Ρ‹Π²Π°ΡŽΡ‰ΠΈΡ… Π½Π° ΠΏΡ€ΠΎΡ„ΠΈΠ»ΡŒ Π² ΠΈΠ½Ρ‚Π΅Ρ€Π½Π΅Ρ‚Π΅.

Как ΠΈ любая ΠΊΠ°Ρ€Ρ‚ΠΎΡ‡ΠΊΠ°, ΠΊΠ°Ρ€Ρ‚ΠΎΡ‡ΠΊΠ° профиля β€Šβ€”β€Š это ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΎΠ³ΠΎ интСрфСйса, Π·Π½Π°Ρ‡ΠΈΠΌΡ‹ΠΉ для привлСчСния внимания ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΉ. ΠšΠ°Ρ€Ρ‚ΠΎΡ‡ΠΊΡƒ профиля Π²Ρ‹ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ β€œΠΏΡ€ΠΎΠ΄Π°Ρ‚ΡŒβ€ Π°ΡƒΠ΄ΠΈΡ‚ΠΎΡ€ΠΈΠΈ (Π½Π΅ Π² Π±ΡƒΠΊΠ²Π°Π»ΡŒΠ½ΠΎΠΌ смыслС) для достиТСния своих Ρ†Π΅Π»Π΅ΠΉ.

Как внутрСнняя, Ρ‚Π°ΠΊ ΠΈ внСшняя сторона ΠΊΠ°Ρ€Ρ‚ΠΎΡ‡ΠΊΠΈ обязаны ΡΠΎΠΎΡ‚Π²Π΅Ρ‚ΡΡ‚Π²ΠΎΠ²Π°Ρ‚ΡŒ ΡΡ‚ΠΈΠ»ΡŽ ΠΈ Ρ‚Π΅ΠΌΠ°Ρ‚ΠΈΠΊΠ΅ сайта. ΠŸΠΎΠΌΠ½ΠΈΡ‚Π΅, Ρ‡Ρ‚ΠΎ Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½Π°Ρ иСрархия β€Šβ€”β€Š ΠΏΡ€Π΅Π²Ρ‹ΡˆΠ΅ всСго.

Π£Π±Π΅Π΄ΠΈΡ‚Π΅ΡΡŒ, Ρ‡Ρ‚ΠΎ Π½Π° ΠΊΠ°Ρ€Ρ‚ΠΎΡ‡ΠΊΠ΅ профиля располагаСтся Ρ‚ΠΎΠ»ΡŒΠΊΠΎ самая нСобходимая информация (Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅, имя, ΠΏΡ€ΠΎΡ„Π΅ΡΡΠΈΡŽ), Π° ΠΎΡΡ‚Π°Π»ΡŒΠ½Ρ‹Π΅ Π΄Π΅Ρ‚Π°Π»ΠΈ для Π·Π°Π²Π΅Ρ€ΡˆΠ΅Π½ΠΈΡ профиля ΠΏΡƒΡΡ‚ΡŒ Ρ€Π°Π·ΠΌΠ΅Ρ‰Π°ΡŽΡ‚ΡΡ Π½Π° страницС β€œΠž сСбС”.

4. ΠšΠ°Ρ€Ρ‚ΠΎΡ‡ΠΊΠΈ Π±Π»ΠΎΠ³Π°Β (посты)

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

Π’ качСствС Π½Π°ΠΈΠ±ΠΎΠ»Π΅Π΅ Π·Π°ΠΌΠ΅Ρ‚Π½Ρ‹Ρ… элСмСнтов Π²Ρ‹Π΄Π΅Π»ΡΡŽΡ‚ΡΡ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠ΅.

  1. Π“Π»Π°Π²Π½ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅.
  2. Π—Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ ΡΡ‚Π°Ρ‚ΡŒΠΈ.
  3. ΠšΡ€Π°Ρ‚ΠΊΠ°Ρ Ρ†ΠΈΡ‚Π°Ρ‚Π° ΠΈΠ»ΠΈ синопсис.Β 

Π”Π°Π½Π½Ρ‹Π΅ элСмСнты ΠΏΠΎΠΌΠΎΠ³Π°ΡŽΡ‚ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡΠΌ Ρ€Π΅ΡˆΠΈΡ‚ΡŒ, хотят Π»ΠΈ ΠΎΠ½ΠΈ ΠΏΡ€ΠΎΡ‡ΠΈΡ‚Π°Ρ‚ΡŒ ΠΏΠΎΠ»Π½ΠΎΡΡ‚ΡŒΡŽ ΡΡ‚Π°Ρ‚ΡŒΡŽ ΠΈΠ»ΠΈ Π΄Ρ€ΡƒΠ³ΠΎΠΉ Ρ€Π°Π·ΠΌΠ΅Ρ‰Π΅Π½Π½Ρ‹ΠΉ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚. ΠšΡ€Π°ΡΠΈΠ²Π°Ρ ΠΊΠ°Ρ€Ρ‚ΠΎΡ‡ΠΊΠ° ΠΏΠΎΠ±ΡƒΠΆΠ΄Π°Π΅Ρ‚ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ ΠΏΠ΅Ρ€Π΅ΠΉΡ‚ΠΈ ΠΏΠΎ ссылкС, Π² особСнности Ссли ΠΎΠ½ Π΅Ρ‰Π΅ Π² Ρ€Π°Π·Π΄ΡƒΠΌΡŒΡΡ….

5. ΠšΠ°Ρ€Ρ‚ΠΎΡ‡ΠΊΠ° расписания (Kanban):

ΠšΠ°Ρ€Ρ‚ΠΎΡ‡ΠΊΠΈ Π·Π°Π΄Π°Ρ‡ Ρ‚ΠΈΠΏΠ° β€œΠΊΠ°Π½Π±Π°Π½β€ Π½Π° ΠΏΠ΅Ρ€Π²Ρ‹ΠΉ взгляд каТутся довольно ΠΏΡ€ΠΈΠ²Ρ‹Ρ‡Π½Ρ‹ΠΌΠΈ ΠΈ простыми: Π±Π΅Ρ€Π΅ΡˆΡŒ Π»ΠΈΠΏΠΊΡƒΡŽ записку, пишСшь, Ρ‡Ρ‚ΠΎ Π½ΡƒΠΆΠ½ΠΎ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ, вСшаСшь Π½Π° стСну, Π½ΠΎ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Π² ΠΎΠ½Π»Π°ΠΉΠ½-Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅.

ΠšΠ°Ρ€Ρ‚ΠΎΡ‡ΠΊΠΈ Π΅ΠΆΠ΅Π΄Π½Π΅Π²Π½Ρ‹Ρ… Π·Π°Π΄Π°Ρ‡ Ρ‚ΠΈΠΏΠ° β€œΠΊΠ°Π½Π±Π°Π½β€ ΠΏΡ€Π΅Π΄ΡΡ‚Π°Π²Π»ΡΡŽΡ‚ Π·Π°Π΄Π°Ρ‡ΠΈ, Ρ‚Ρ€Π΅Π±ΡƒΡŽΡ‰ΠΈΠ΅ дСйствий ΠΈ содСрТат Ρ€Π°Π·Π»ΠΈΡ‡Π½ΡƒΡŽ Π΄Ρ€ΡƒΠ³ΡƒΡŽ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΡŽ, которая Ρ‡Π΅Ρ‚ΠΊΠΎ ΠΏΠ΅Ρ€Π΅Π΄Π°Π΅Ρ‚ ΡΡƒΡ‚ΡŒ задания. Π˜Π½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΡ, содСрТащаяся Π½Π° ΠΊΠ°Ρ€Ρ‚ΠΎΡ‡ΠΊΠ΅, Π²ΠΊΠ»ΡŽΡ‡Π°Π΅Ρ‚ Π½Π°Π·Π²Π°Π½ΠΈΠ΅ Π·Π°Π΄Π°Ρ‡ΠΈ ΠΈ Ρ‚Π°ΠΊΠΈΠ΅ Π²Π°ΠΆΠ½Ρ‹Π΅ Π΄Π΅Ρ‚Π°Π»ΠΈ, ΠΊΠ°ΠΊ Ρ‚ΠΈΠΏ Π·Π°Π΄Π°Ρ‡ΠΈ ΠΈ Π΅Π΅ ΠΏΡ€ΠΈΠ½Π°Π΄Π»Π΅ΠΆΠ½ΠΎΡΡ‚ΡŒ. Β 

ΠšΠ°Ρ€Ρ‚ΠΎΡ‡ΠΊΠΈ Канбан Ρ€Π°Π·Π΄Π΅Π»ΡΡŽΡ‚ΡΡ ΠΏΠΎ катСгориям состояния. ΠžΡΠ½ΠΎΠ²Π½Ρ‹Π΅ статусы β€Šβ€”β€Š это β€œΠ’Ρ‹ΠΏΠΎΠ»Π½Π΅Π½ΠΎβ€, β€œΠ’ работС” ΠΈ β€œΠ—Π°Π²Π΅Ρ€ΡˆΠ΅Π½ΠΎβ€, Π½ΠΎ Π² Ρ€Π°Π·Π½Ρ‹Ρ… ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π°Ρ… статусы ΠΎΡ‚Π»ΠΈΡ‡Π°ΡŽΡ‚ΡΡ.

Π‘Ρ‚Ρ€ΡƒΠΊΡ‚ΡƒΡ€Π° ΠΊΠ°Ρ€Ρ‚ΠΎΡ‡Π΅ΠΊ Π»ΡƒΡ‡ΡˆΠ΅ всСго ΠΏΠΎΠ΄Ρ…ΠΎΠ΄ΠΈΡ‚ для Π½Π΅Π±ΠΎΠ»ΡŒΡˆΠΈΡ… ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠΉ, Ρ‚Π°ΠΊΠΈΡ… ΠΊΠ°ΠΊ Π΄ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΠ΅ ΠΈΠ»ΠΈ ΡƒΠ΄Π°Π»Π΅Π½ΠΈΠ΅ Π·Π°Π΄Π°Ρ‡, Π½ΠΎ Π½Π΅ для измСнСния Ρ‚Π°ΠΊΠΈΡ… ΠΌΠ°ΡΡˆΡ‚Π°Π±Π½Ρ‹Ρ… ΠΈΠ΄Π΅ΠΉ, ΠΊΠ°ΠΊ ΠΎΠ±Ρ‰ΠΈΠ΅ Ρ†Π΅Π»ΠΈ.

Π’Ρ‹Π²ΠΎΠ΄Ρ‹

Π Π°Π·Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ Ρ…ΠΎΡ€ΠΎΡˆΡƒΡŽ ΠΊΠ°Ρ€Ρ‚ΠΎΡ‡ΠΊΡƒ ΠΌΠΎΠΆΠ½ΠΎ мноТСством способов. Благодаря ΠΏΠ΅Ρ€Π²ΠΎΠ½Π°Ρ‡Π°Π»ΡŒΠ½ΠΎΠΌΡƒ ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½ΠΈΡŽ ΠΈ Π°Π½Π°Π»ΠΈΠ·Ρƒ ΠΏΡ€ΠΈΠΌΠ΅Ρ€ΠΎΠ² Π²Ρ‹ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Ρ‡Ρ‚ΠΎ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΠ»ΠΈ прСдставлСниС ΠΎ Ρ‚ΠΎΠΌ, ΠΊΠ°ΠΊ выглядит β€œΠΊΠ°Ρ€Ρ‚ΠΎΡ‡Π½Ρ‹ΠΉβ€ шаблон проСктирования Π² Ρ€Π°Π·Π½Ρ‹Ρ… отраслях, ΠΊΠ°ΠΊΠΈΠ΅ дСйствия ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΠΈ хотят Π²ΠΈΠ΄Π΅Ρ‚ΡŒ Π½Π° ΠΊΠ°Ρ€Ρ‚ΠΎΡ‡ΠΊΠ°Ρ…. ΠšΠ°Ρ€Ρ‚ΠΎΡ‡ΠΊΠΈ особСнно Ρ…ΠΎΡ€ΠΎΡˆΠΎ Ρ€Π°Π±ΠΎΡ‚Π°ΡŽΡ‚ Π² контСкстах с ΠΊΡ€Π°Ρ‚ΠΊΠΈΠΌ ΠΈΠ·Π»ΠΎΠΆΠ΅Π½ΠΈΠ΅ΠΌ Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Ρ… Π²ΠΈΠ΄ΠΎΠ² ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π°.

Π§ΠΈΡ‚Π°ΠΉΡ‚Π΅ Ρ‚Π°ΠΊΠΆΠ΅:

  • Π­Π»Π΅ΠΌΠ΅Π½Ρ‚Ρ‹ минималистичного Π΄ΠΈΠ·Π°ΠΉΠ½Π°
  • НовыС ΠΏΡ€Π°Π²ΠΈΠ»Π° Π΄ΠΈΠ·Π°ΠΉΠ½Π° интСрфСйсов Π²Β Google
  • Как Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ систСму для 100 ΠΌΠΈΠ»Π»ΠΈΠΎΠ½ΠΎΠ² ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΉ: руководство для Π½Π°Ρ‡ΠΈΠ½Π°ΡŽΡ‰ΠΈΡ…

Π§ΠΈΡ‚Π°ΠΉΡ‚Π΅ нас Π² Telegram, VK ΠΈ ЯндСкс.Π”Π·Π΅Π½


ΠŸΠ΅Ρ€Π΅Π²ΠΎΠ΄ ΡΡ‚Π°Ρ‚ΡŒΠΈ Vikalp Kaushik: Ultimate guide for designing UI cards

Π§ΠΈΡ‚Π°ΠΉΡ‚Π΅ Ρ‚Π°ΠΊΠΆΠ΅

8 ΠΏΡ€Π°Π²ΠΈΠ», ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΏΠΎΠΌΠΎΠ³ΡƒΡ‚ Π²Π°ΠΌ ΡΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Π»ΡƒΡ‡ΡˆΠΈΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½ ΠΊΠ°Ρ€Ρ‚ΠΎΡ‡ΠΊΠΈ

Π£Π·Π½Π°ΠΉΡ‚Π΅, ΠΊΠ°ΠΊ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ ΠΈΠ΄Π΅Π°Π»ΡŒΠ½Ρ‹ΠΉ интСрфСйс с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ этих простых Ρ€Π΅ΠΊΠΎΠΌΠ΅Π½Π΄Π°Ρ†ΠΈΠΉ

Π—Π° послСднСС дСсятилСтиС ΠΏΠΎΠΏΡƒΠ»ΡΡ€Π½ΠΎΡΡ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΎΡ‡Π΅ΠΊ ΡƒΠ²Π΅Π»ΠΈΡ‡ΠΈΠ»Π°ΡΡŒ Π² связи с ростом популярности ΠΎΠ½Π»Π°ΠΉΠ½-ΠΌΠ΅Π΄ΠΈΠ° ΠΈ ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Ρ… ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ. К соТалСнию, ΠΈΠ·-Π·Π° ΠΏΠ»ΠΎΡ…ΠΎΠ³ΠΎ Π΄ΠΈΠ·Π°ΠΉΠ½Π° ΠΊΠ°Ρ€Ρ‚ΠΎΡ‡Π΅ΠΊ, рСгулярно Π²ΠΎΠ·Π½ΠΈΠΊΠ°ΡŽΡ‚ ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΡ‹ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΎΠ³ΠΎ ΠΎΠΏΡ‹Ρ‚Π°.

Π­Π»Π΅ΠΌΠ΅Π½Ρ‚Ρ‹ ΠΊΠ°Ρ€Ρ‚ΠΎΡ‡ΠΊΠΈ

ΠšΠ°Ρ€Ρ‚ΠΎΡ‡ΠΊΠ° – это ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚ интСрфСйса, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ прСдоставляСт ΠΊΡ€Π°Ρ‚ΠΊΡƒΡŽ справку ΠΈ Ρ‚ΠΎΡ‡ΠΊΡƒ Π²Ρ…ΠΎΠ΄Π° для Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΠΉ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΈ. Π­Π»Π΅ΠΌΠ΅Π½Ρ‚Ρ‹ ΠΊΠ°Ρ€Ρ‚ΠΎΡ‡Π½ΠΎΠ³ΠΎ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚Π° Π²ΠΊΠ»ΡŽΡ‡Π°ΡŽΡ‚ Π² сСбя ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Ρ‹ ΠΌΡƒΠ»ΡŒΡ‚ΠΈΠΌΠ΅Π΄ΠΈΠ°, Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΈ, ΠΏΠΎΠ΄Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΈ, ΠΌΠ΅Ρ‚Π°Π΄Π°Π½Π½Ρ‹Π΅, тСкст Ρ€Π΅Π·ΡŽΠΌΠ΅ ΠΈ дСйствия.

Π’ этой ΡΡ‚Π°Ρ‚ΡŒΠ΅ прСдставлСны Ρ€Π΅ΠΊΠΎΠΌΠ΅Π½Π΄Π°Ρ†ΠΈΠΈ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΏΠΎΠΌΠΎΠ³ΡƒΡ‚ Π²Π°ΠΌ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ Π»ΡƒΡ‡ΡˆΠΈΠ΅ ΠΊΠ°Ρ€Ρ‚ΠΎΡ‡ΠΊΠΈ. Π”Π°Π²Π°ΠΉΡ‚Π΅ Π½Π°Ρ‡Π½Π΅ΠΌ!

1. ΠžΠ³Ρ€Π°Π½ΠΈΡ‡ΡŒΡ‚Π΅ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚

ΠžΠ³Ρ€Π°Π½ΠΈΡ‡ΡŒΡ‚Π΅ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚ Π΄ΠΎ 100 символов ΠΈΠ»ΠΈ Π½Π΅ Π±ΠΎΠ»Π΅Π΅ Π΄Π²ΡƒΡ… ΠΊΠΎΡ€ΠΎΡ‚ΠΊΠΈΡ… ΠΏΡ€Π΅Π΄Π»ΠΎΠΆΠ΅Π½ΠΈΠΉ. ΠšΠ°Ρ€Ρ‚ΠΎΡ‡ΠΊΠ° Π΄ΠΎΠ»ΠΆΠ½Π° ΡΠΎΠ΄Π΅Ρ€ΠΆΠ°Ρ‚ΡŒ достаточно ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΈ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΠΎΠΌΠΎΡ‡ΡŒ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŽ ΠΎΠΏΡ€Π΅Π΄Π΅Π»ΠΈΡ‚ΡŒ, слСдуСт Π»ΠΈ Π΅ΠΌΡƒ ΠΏΡ€ΠΎΠ΄ΠΎΠ»ΠΆΠ°Ρ‚ΡŒ взаимодСйствиС.

2. Π Π°Π·Π³Ρ€Π°Π½ΠΈΡ‡ΡŒΡ‚Π΅ дСйствия

ΠšΠ°Ρ€Ρ‚ΠΎΡ‡ΠΊΠΈ с нСсколькими дСйствиями Π΄ΠΎΠ»ΠΆΠ½Ρ‹ Π±Ρ‹Ρ‚ΡŒ Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½ΠΎ Π΄ΠΈΡ„Ρ„Π΅Ρ€Π΅Π½Ρ†ΠΈΡ€ΠΎΠ²Π°Π½Ρ‹. Π’ ΠΏΡ€ΠΈΠ²Π΅Π΄Π΅Π½Π½ΠΎΠΌ Π²Ρ‹ΡˆΠ΅ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π΅ я дСлаю ΠΏΠΎΡΠ»Π΅Π΄ΡƒΡŽΡ‰Π΅Π΅ дСйствиС ΠΌΠ΅Π½Π΅Π΅ Π·Π°ΠΌΠ΅Ρ‚Π½Ρ‹ΠΌ, назначая Π΅ΠΌΡƒ ΡΡ‚ΠΈΠ»ΡŒ ссылки вмСсто стиля ΠΊΠ½ΠΎΠΏΠΊΠΈ.

3.

Π”ΠΎΠ±Π°Π²ΡŒΡ‚Π΅ Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½ΡƒΡŽ ΠΈΠ΅Ρ€Π°Ρ€Ρ…ΠΈΡŽ

ΠšΠΎΠ½Ρ‚Π΅Π½Ρ‚ Π΄ΠΎΠ»ΠΆΠ΅Π½ ΠΈΠΌΠ΅Ρ‚ΡŒ Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½ΡƒΡŽ ΠΈΠ΅Ρ€Π°Ρ€Ρ…ΠΈΡŽ. Π§Ρ‚ΠΎΠ±Ρ‹ ΡƒΠ·Π½Π°Ρ‚ΡŒ большС ΠΎ типографичСской ΠΈΠ΅Ρ€Π°Ρ€Ρ…ΠΈΠΈ, ΠΏΡ€ΠΎΡ‡ΠΈΡ‚Π°ΠΉΡ‚Π΅ ΡΡ‚Π°Ρ‚ΡŒΡŽ Β«5 простых способов ΡƒΠ»ΡƒΡ‡ΡˆΠΈΡ‚ΡŒ Ρ‚ΠΈΠΏΠΎΠ³Ρ€Π°Ρ„ΠΈΠΊΡƒΒ».

4. Π”Π΅Π»Π°ΠΉΡ‚Π΅ ΡƒΠΌΠ΅Ρ€Π΅Π½Π½Ρ‹Π΅ Π³Ρ€Π°Π½ΠΈΡ†Ρ‹

Новички Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Ρ‹ Π»ΡŽΠ±ΡΡ‚ Ρ€Π°Π·Π΄Π΅Π»ΡΡ‚ΡŒ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Π³Ρ€Π°Π½ΠΈΡ†, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΎΠ±ΠΎΠ·Π½Π°Ρ‡ΠΈΡ‚ΡŒ ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½Ρ‹Π΅ Π³Ρ€ΡƒΠΏΠΏΡ‹. Π­Ρ‚ΠΈ Π³Ρ€Π°Π½ΠΈΡ†Ρ‹ Π²Ρ‹Π·Ρ‹Π²Π°ΡŽΡ‚ Π½Π΅Π½ΡƒΠΆΠ½Ρ‹ΠΉ Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½Ρ‹ΠΉ ΡˆΡƒΠΌ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΎΡ‚Π²Π»Π΅ΠΊΠ°Π΅Ρ‚ ΠΎΡ‚ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π°.

5. ΠžΠ³Ρ€Π°Π½ΠΈΡ‡ΡŒΡ‚Π΅ количСство ссылок

НС добавляйтС встроСнныС ссылки. ΠšΠ°Ρ€Ρ‚ΠΎΡ‡ΠΊΠ° Π΄ΠΎΠ»ΠΆΠ½Π° Π±Ρ‹Ρ‚ΡŒ СдинствСнной ссылкой ΠΈΠ»ΠΈ ΠΏΡ€Π΅Π΄ΠΎΡΡ‚Π°Π²Π»ΡΡ‚ΡŒ ΠΎΠ³Ρ€Π°Π½ΠΈΡ‡Π΅Π½Π½Ρ‹ΠΉ Π½Π°Π±ΠΎΡ€ дСйствий.

6. Одна идСя Π½Π° ΠΊΠ°Ρ€Ρ‚ΠΎΡ‡ΠΊΡƒ

НС прСдставляйтС нСсколько ΠΈΠ΄Π΅ΠΉ Π² ΠΎΠ΄Π½ΠΎΠΉ ΠΊΠ°Ρ€Ρ‚ΠΎΡ‡ΠΊΠ΅. ВмСсто этого Π²Ρ‹Π΄Π΅Π»ΠΈΡ‚Π΅ для ΠΊΠ°ΠΆΠ΄ΠΎΠΉ ΠΈΠ΄Π΅ΠΈ свою ΠΊΠ°Ρ€Ρ‚ΠΎΡ‡ΠΊΡƒ.

7. Π—Π½Π°ΠΉΡ‚Π΅, ΠΊΠΎΠ³Π΄Π° ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ список

Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ список вмСсто ΠΊΠ°Ρ€Ρ‚ΠΎΡ‡ΠΊΠΈ для ΠΎΠ΄Π½ΠΎΡ€ΠΎΠ΄Π½ΠΎΠ³ΠΎ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π°, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π½Π΅ Π·Π°Π½ΠΈΠΌΠ°Π΅Ρ‚ нСсколько строк, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΎΠ±Π΅ΡΠΏΠ΅Ρ‡ΠΈΡ‚ΡŒ Π±ΠΎΠ»Π΅Π΅ быстроС сканированиС.

8. Π—Π½Π°ΠΉΡ‚Π΅, ΠΊΠΎΠ³Π΄Π° ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Ρ‚Π°Π±Π»ΠΈΡ†Ρƒ

Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ Ρ‚Π°Π±Π»ΠΈΡ†Ρƒ вмСсто ΠΊΠ°Ρ€Ρ‚ΠΎΡ‡Π΅ΠΊ для Π½Π°Π±ΠΎΡ€ΠΎΠ² ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π°, содСрТащих ΠΌΠ½ΠΎΠ³ΠΎ ΠΏΠ΅Ρ€Π΅ΠΌΠ΅Π½Π½Ρ‹Ρ… ΠΎΠ΄Π½ΠΎΠ³ΠΎ Ρ‚ΠΈΠΏΠ°.

Π”ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ Ρ€Π΅ΠΊΠΎΠΌΠ΅Π½Π΄Π°Ρ†ΠΈΠΈ

ΠŸΠΎΠΆΠ°Π»ΡƒΠΉΡΡ‚Π°, ΠΈΠΌΠ΅ΠΉΡ‚Π΅ Π² Π²ΠΈΠ΄Ρƒ, Ρ‡Ρ‚ΠΎ Π½Π΅Ρ‚ ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½Ρ‹Ρ… ΠΈΠ»ΠΈ Π½Π΅ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½Ρ‹Ρ… ΠΎΡ‚Π²Π΅Ρ‚ΠΎΠ², просто Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΎΡ‚Π²Π΅Ρ‚Ρ‹ Ρ‡ΡƒΡ‚ΡŒ ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½Π΅Π΅ Π΄Ρ€ΡƒΠ³ΠΈΡ…. НадСюсь, Ρ‡Ρ‚ΠΎ Ρ€Π΅ΠΊΠΎΠΌΠ΅Π½Π΄Π°Ρ†ΠΈΠΈ, прСдставлСнныС Π² этой ΡΡ‚Π°Ρ‚ΡŒΠ΅, ΠΏΠΎΠΌΠΎΠ³ΡƒΡ‚ Π²Π°ΠΌ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ Π»ΡƒΡ‡ΡˆΠΈΠ΅ ΠΊΠ°Ρ€Ρ‚ΠΎΡ‡ΠΊΠΈ!

Но ΠΏΡ€Π΅ΠΆΠ΄Π΅ Ρ‡Π΅ΠΌ ΠΌΡ‹ Π·Π°ΠΊΠΎΠ½Ρ‡ΠΈΠΌ, Π²ΠΎΡ‚ Π΅Ρ‰Π΅ нСсколько Ρ€Π΅ΠΊΠΎΠΌΠ΅Π½Π΄Π°Ρ†ΠΈΠΉ:

ΠžΡ€ΠΈΠ΅Π½Ρ‚Π°Ρ†ΠΈΡ ΠΊΠ°Ρ€Ρ‚ΠΎΡ‡ΠΊΠΈ

ΠšΠ°Ρ€Ρ‚ΠΎΡ‡ΠΊΠΈ ΠΌΠΎΠ³ΡƒΡ‚ ΠΈΠΌΠ΅Ρ‚ΡŒ Π²Π΅Ρ€Ρ‚ΠΈΠΊΠ°Π»ΡŒΠ½ΡƒΡŽ ΠΈΠ»ΠΈ Π³ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΡŒΠ½ΡƒΡŽ ΠΎΡ€ΠΈΠ΅Π½Ρ‚Π°Ρ†ΠΈΡŽ. Они ΠΌΠΎΠ³ΡƒΡ‚ ΡΠΎΠ΄Π΅Ρ€ΠΆΠ°Ρ‚ΡŒ ΠΌΡƒΠ»ΡŒΡ‚ΠΈΠΌΠ΅Π΄ΠΈΠΉΠ½Ρ‹ΠΉ ΠΎΠ±ΡŠΠ΅ΠΊΡ‚ ΠΈΠ»ΠΈ просто тСкст, упорядочСнный нСсколькими способами.

ΠžΡ‚Π΄Π΅Π»ΠΈΡ‚Π΅ ΠΊΠ°Ρ€Ρ‚Ρƒ ΠΎΡ‚ Ρ„ΠΎΠ½Π° с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Π³Ρ€Π°Π½ΠΈΡ†Ρ‹, Ρ‚Π΅Π½ΠΈ ΠΈΠ»ΠΈ Ρ†Π²Π΅Ρ‚Π°

Π‘ΠΎΠ·Π΄Π°ΠΉΡ‚Π΅ ΠΊΠ°Ρ€Ρ‚ΠΎΡ‡ΠΊΠΈ с Ρ€Π°ΠΌΠΊΠΎΠΉ, Ρ‚Π΅Π½ΡŒΡŽ ΠΈΠ»ΠΈ Ρ„ΠΎΠ½ΠΎΠΌ, ΠΎΡ‚Π»ΠΈΡ‡Π½Ρ‹ΠΌ ΠΎΡ‚ Ρ‚ΠΎΠ³ΠΎ, Π½Π° ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΌ ΠΎΠ½ΠΈ Π»Π΅ΠΆΠ°Ρ‚. Если Π²Ρ‹ эффСктивно ΠΊΠΎΠΌΠ±ΠΈΠ½ΠΈΡ€ΡƒΠ΅Ρ‚Π΅ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚ ΠΈ ΠΏΡ€ΠΎΠ±Π΅Π»Ρ‹, Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎ, Π²Π°ΠΌ Π΄Π°ΠΆΠ΅ Π½Π΅ понадобится Π½ΠΈ ΠΎΠ΄ΠΈΠ½ ΠΈΠ· этих Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½Ρ‹Ρ… ΠΏΡ€ΠΈΠ΅ΠΌΠΎΠ².

ДСйствия ΠΏΡ€ΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ курсора

Π”ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΠ΅ дСйствий ΠΏΡ€ΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ курсора ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ эффСктивным способом ΡƒΠΌΠ΅Π½ΡŒΡˆΠ΅Π½ΠΈΡ Ρ€Π°Π·ΠΌΠ΅Ρ€Π° ΠΊΠ°Ρ€Ρ‚ΠΎΡ‡ΠΊΠΈ ΠΈ ΡƒΠ»ΡƒΡ‡ΡˆΠ΅Π½ΠΈΡ Π΅Π΅ внСшнСго Π²ΠΈΠ΄Π°, Π½ΠΎ ΠΈΠΌΠ΅ΠΉΡ‚Π΅ Π² Π²ΠΈΠ΄Ρƒ, Ρ‡Ρ‚ΠΎ ΠΎΠ½ΠΈ Π½Π΅ Π±ΡƒΠ΄ΡƒΡ‚ Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ Π½Π° сСнсорных дисплСях.

ΠŸΠΎΠ΄ΠΏΠΈΡΡ‹Π²Π°ΠΉΡ‚Π΅ΡΡŒ Π½Π° NextUX ΠΈ ΠΏΠΈΡˆΠΈΡ‚Π΅ Π°Π²Ρ‚ΠΎΡ€Ρƒ Π² Twitter, Ссли Ρƒ вас Π΅ΡΡ‚ΡŒ ΠΊΠΎΠ½ΠΊΡ€Π΅Ρ‚Π½Ρ‹Π΅ вопросы.


ΠŸΠ΅Ρ€Π΅Π²ΠΎΠ΄ ΡΡ‚Π°Ρ‚ΡŒΠΈ medium.com

ΠšΠ°Ρ€Ρ‚Ρ‹: ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½ΠΈΠ΅ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚Π° ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΎΠ³ΠΎ интСрфСйса

РСзюмС: Β«ΠšΠ°Ρ€Ρ‚Π°Β» β€” это шаблон проСктирования ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΎΠ³ΠΎ интСрфСйса, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π³Ρ€ΡƒΠΏΠΏΠΈΡ€ΡƒΠ΅Ρ‚ ΡΠ²ΡΠ·Π°Π½Π½ΡƒΡŽ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΡŽ Π² ΠΊΠΎΠ½Ρ‚Π΅ΠΉΠ½Π΅Ρ€Π΅ Π³ΠΈΠ±ΠΊΠΎΠ³ΠΎ Ρ€Π°Π·ΠΌΠ΅Ρ€Π°, Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½ΠΎ Π½Π°ΠΏΠΎΠΌΠΈΠ½Π°ΡŽΡ‰Π΅ΠΌ ΠΈΠ³Ρ€Π°Π»ΡŒΠ½ΡƒΡŽ ΠΊΠ°Ρ€Ρ‚Ρƒ.

Автор: ПСйдТ Π›Π°ΡƒΠ±Ρ…Π°ΠΉΠΌΠ΅Ρ€

  • Π‘Ρ‚Ρ€. Π›Π°ΡƒΠ±Ρ…Π°ΠΉΠΌΠ΅Ρ€

Π½Π°

2016-11-06
6 ноября 2016 Π³.

Π’Π΅ΠΌΡ‹:

Π’ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½Ρ‹ΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½, ΡˆΠ°Π±Π»ΠΎΠ½Ρ‹ проСктирования, графичСскиС ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΈΠ΅ интСрфСйсы, Π²Π΅Π±-Ρ‚Π΅Π½Π΄Π΅Π½Ρ†ΠΈΠΈ, Π³Π΅ΡˆΡ‚Π°Π»ΡŒΡ‚, ΠΌΠΈΠ½ΠΈΠΌΠ°Π»ΠΈΠ·ΠΌ

  • Π’ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½Ρ‹ΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½
    Π’ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½Ρ‹ΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½,
  • Π¨Π°Π±Π»ΠΎΠ½Ρ‹ проСктирования

ΠŸΠΎΠ΄Π΅Π»ΠΈΡ‚ΡŒΡΡ этой ΡΡ‚Π°Ρ‚ΡŒΠ΅ΠΉ:

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

ΠžΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½ΠΈΠ΅ : ΠšΠ°Ρ€Ρ‚Π° прСдставляСт собой ΠΊΠΎΠ½Ρ‚Π΅ΠΉΠ½Π΅Ρ€ для Π½Π΅ΡΠΊΠΎΠ»ΡŒΠΊΠΈΡ… ΠΊΠΎΡ€ΠΎΡ‚ΠΊΠΈΡ… связанных частСй ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΈ. По Ρ€Π°Π·ΠΌΠ΅Ρ€Ρƒ ΠΈ Ρ„ΠΎΡ€ΠΌΠ΅ ΠΎΠ½ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π½ΠΎ Π½Π°ΠΏΠΎΠΌΠΈΠ½Π°Π΅Ρ‚ ΠΈΠ³Ρ€Π°Π»ΡŒΠ½ΡƒΡŽ ΠΊΠ°Ρ€Ρ‚Ρƒ ΠΈ Π·Π°Π΄ΡƒΠΌΠ°Π½ ΠΊΠ°ΠΊ связанноС ΠΊΡ€Π°Ρ‚ΠΊΠΎΠ΅ прСдставлСниС ΠΊΠΎΠ½Ρ†Π΅ΠΏΡ‚ΡƒΠ°Π»ΡŒΠ½ΠΎΠΉ Π΅Π΄ΠΈΠ½ΠΈΡ†Ρ‹.

Π­Ρ‚ΠΎΡ‚ каркасный ΠΏΡ€ΠΈΠΌΠ΅Ρ€ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚Π° ΠΊΠ°Ρ€Ρ‚Ρ‹ содСрТит нСсколько Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Ρ… Ρ‚ΠΈΠΏΠΎΠ² ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΈ: ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅, Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ, ΠΊΡ€Π°Ρ‚ΠΊΠΎΠ΅ описаниС, ΠΎΡ‚ΠΌΠ΅Ρ‚ΠΊΡƒ Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ, Ρ…ΡΡˆΡ‚Π΅Π³ ΠΈ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½ΡƒΡŽ ΠΊΠ½ΠΎΠΏΠΊΡƒ ΠΏΡ€ΠΈΠ·Ρ‹Π²Π° ΠΊ Π΄Π΅ΠΉΡΡ‚Π²ΠΈΡŽ для ΠΏΡƒΠ±Π»ΠΈΠΊΠ°Ρ†ΠΈΠΈ Π² ΡΠΎΡ†ΠΈΠ°Π»ΡŒΠ½Ρ‹Ρ… сСтях. Π”ΠΈΠ·Π°ΠΉΠ½ (с Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹ΠΌΠΈ Π·Π°ΠΊΡ€ΡƒΠ³Π»Π΅Π½Π½Ρ‹ΠΌΠΈ ΡƒΠ³Π»Π°ΠΌΠΈ) Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½ΠΎ Π½Π°ΠΏΠΎΠΌΠΈΠ½Π°Π΅Ρ‚ ΠΈΠ³Ρ€Π°Π»ΡŒΠ½ΡƒΡŽ ΠΊΠ°Ρ€Ρ‚Ρƒ; ΠΊΠ°Ρ€Ρ‚Π° ΠΈΠΌΠ΅Π΅Ρ‚ Π²ΠΈΠ΄ΠΈΠΌΡƒΡŽ Ρ€Π°ΠΌΠΊΡƒ, Ρ€Π°Π·ΠΌΠ΅Ρ‰Π΅Π½Π° Π½Π° контрастном Ρ„ΠΎΠ½Π΅ ΠΈ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ Π½Π΅Π±ΠΎΠ»ΡŒΡˆΡƒΡŽ Ρ‚Π΅Π½ΡŒ ΠΊΠ°ΠΊ ΠΏΡ€ΠΈΠ·Π½Π°ΠΊ Ρ‚ΠΎΠ³ΠΎ, Ρ‡Ρ‚ΠΎ вся ΠΊΠ°Ρ€Ρ‚Π° Π°ΠΊΡ‚ΠΈΠ²Π½Π°. Π­Ρ‚Π° ΠΊΠ°Ρ€Ρ‚ΠΎΡ‡ΠΊΠ° Ρ‚Π°ΠΊΠΆΠ΅ содСрТит Π΄Π²Π° Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Ρ… ΠΈΠ½Ρ‚Π΅Ρ€Π°ΠΊΡ‚ΠΈΠ²Π½Ρ‹Ρ… элСмСнта (Ρ…ΡΡˆΡ‚Π΅Π³ #dayhikes ΠΈ ΠΊΠ½ΠΎΠΏΠΊΡƒ Β«ΠŸΠΎΠ΄Π΅Π»ΠΈΡ‚ΡŒΡΡΒ»), ΠΎΡ‚Π΄Π΅Π»Π΅Π½Π½Ρ‹Ρ… ΠΎΡ‚ области содСрТимого Π³ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΡŒΠ½ΠΎΠΉ Π»ΠΈΠ½ΠΈΠ΅ΠΉ. (ΠžΠ±Ρ€Π°Ρ‚ΠΈΡ‚Π΅ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅, Ρ‡Ρ‚ΠΎ эта строка Π½Π΅ Π½Π°Ρ€ΡƒΡˆΠ°Π΅Ρ‚ Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½ΠΎΠΉ Π³Ρ€ΡƒΠΏΠΏΠΈΡ€ΠΎΠ²ΠΊΠΈ всСй ΠΊΠ°Ρ€Ρ‚Ρ‹.)

ΠšΠ°Ρ€Ρ‚ΠΎΡ‡ΠΊΠΈ часто Π°ΡΡΠΎΡ†ΠΈΠΈΡ€ΡƒΡŽΡ‚ΡΡ с плоским Π΄ΠΈΠ·Π°ΠΉΠ½ΠΎΠΌ 2.0: ΠΎΠ½ΠΈ ΡΠΎΡ…Ρ€Π°Π½ΡΡŽΡ‚ Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ аспСкты эстСтики плоского Π΄ΠΈΠ·Π°ΠΉΠ½Π°, Π½ΠΎ Π²ΠΎΠ·Π²Ρ€Π°Ρ‰Π°ΡŽΡ‚ Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½ΡƒΡŽ Π³Π»ΡƒΠ±ΠΈΠ½Ρƒ ΠΊΠ°ΠΊ ΠΏΡ€ΠΈΠ·Π½Π°ΠΊ ΠΊΠ»ΠΈΠΊΠ°Π±Π΅Π»ΡŒΠ½ΠΎΡΡ‚ΠΈ. Π₯отя основная концСпция устарСла, Π² послСдниС нСсколько Π»Π΅Ρ‚ ΠΊΠ°Ρ€Ρ‚ΠΎΡ‡ΠΊΠΈ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΠ»ΠΈ большоС Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅ Π² ΠΌΠΈΡ€Π΅ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ½ΠΎΠ³ΠΎ обСспСчСния, ΠΈ ΠΌΠ½ΠΎΠ³ΠΈΠ΅ извСстныС сайты ΠΈ ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠΈ (Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, Google Material Design, ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚ ΠΊΠ°Ρ€Ρ‚ΠΎΡ‡Π΅ΠΊ Twitter) ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ ΠΈΡ….

ΠšΠ°Ρ€Ρ‚Ρ‹ ΠΈΠΌΠ΅ΡŽΡ‚ 4 ΠΊΠ»ΡŽΡ‡Π΅Π²Ρ‹Ρ… свойства:

1. ΠšΠ°Ρ€Ρ‚ΠΎΡ‡ΠΊΠΈ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ΡΡ для Π³Ρ€ΡƒΠΏΠΏΠΈΡ€ΠΎΠ²ΠΊΠΈ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΈ.

ΠšΠ°Ρ€Ρ‚ΠΎΡ‡ΠΊΠ° ΠΎΠ±ΡŠΠ΅Π΄ΠΈΠ½ΡΠ΅Ρ‚ нСсколько Ρ€Π°Π·Π½Ρ‹Ρ… (Π½ΠΎ связанных) Ρ„Ρ€Π°Π³ΠΌΠ΅Π½Ρ‚ΠΎΠ² ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΈ Π² ΠΎΠ΄Π½Ρƒ ΡƒΠ΄ΠΎΠ±ΠΎΠ²Π°Ρ€ΠΈΠΌΡƒΡŽ Π΅Π΄ΠΈΠ½ΠΈΡ†Ρƒ β€” Π±ΡƒΠ΄ΡŒ Ρ‚ΠΎ ΡΡ‚Π°Ρ‚ΡŒΡ Π½Π° новостном Π²Π΅Π±-сайтС, ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚ Π½Π° сайтС элСктронной ΠΊΠΎΠΌΠΌΠ΅Ρ€Ρ†ΠΈΠΈ ΠΈΠ»ΠΈ публикация Π² ΡΠΎΡ†ΠΈΠ°Π»ΡŒΠ½ΠΎΠΌ ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΈ. Одна ΠΊΠ°Ρ€Ρ‚ΠΎΡ‡ΠΊΠ° ΠΎΠ±Ρ‹Ρ‡Π½ΠΎ Π²ΠΊΠ»ΡŽΡ‡Π°Π΅Ρ‚ Π² сСбя нСсколько Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Ρ… Ρ‚ΠΈΠΏΠΎΠ² ΠΌΡƒΠ»ΡŒΡ‚ΠΈΠΌΠ΅Π΄ΠΈΠ°, Ρ‚Π°ΠΊΠΈΡ… ΠΊΠ°ΠΊ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅, Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ, синопсис, Π·Π½Π°Ρ‡ΠΊΠΈ для ΠΎΠ±ΠΌΠ΅Π½Π° ΠΈΠ»ΠΈ ΠΊΠ½ΠΎΠΏΠΊΠ° ΠΏΡ€ΠΈΠ·Ρ‹Π²Π° ΠΊ Π΄Π΅ΠΉΡΡ‚Π²ΠΈΡŽ β€” всС ΠΎΠ½ΠΈ связаны с ΠΎΠ΄Π½ΠΎΠΉ ΠΈ Ρ‚ΠΎΠΉ ΠΆΠ΅ ΠΊΠΎΠ½Ρ†Π΅ΠΏΡ†ΠΈΠ΅ΠΉ.

2. ΠšΠ°Ρ€Ρ‚ΠΎΡ‡ΠΊΠΈ содСрТат сводку ΠΈ ссылку Π½Π° Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½ΡƒΡŽ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΡŽ..

ΠšΠ°Ρ€Ρ‚ΠΎΡ‡ΠΊΠ° ΠΎΠ±Ρ‹Ρ‡Π½ΠΎ короткая ΠΈ ΠΏΡ€Π΅Π΄Π»Π°Π³Π°Π΅Ρ‚ ΡΠ²ΡΠ·Π°Π½Π½ΡƒΡŽ Ρ‚ΠΎΡ‡ΠΊΡƒ Π²Ρ…ΠΎΠ΄Π° для получСния Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΠΉ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΈ, Π° Π½Π΅ саму ΠΏΠΎΠ»Π½ΡƒΡŽ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΡŽ. Он Π·Π°Π΄ΡƒΠΌΠ°Π½ ΠΊΠ°ΠΊ насыщСнный ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠ΅ΠΉ ΠΏΠ»Π°Π½, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅ΠΌΡ‹ΠΉ для Ρ‚ΠΎΠ³ΠΎ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΠΎΠ±ΡƒΠ΄ΠΈΡ‚ΡŒ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΉ ΠΏΠ΅Ρ€Π΅ΠΉΡ‚ΠΈ ΠΊ Π±ΠΎΠ»Π΅Π΅ ΠΏΠΎΠ΄Ρ€ΠΎΠ±Π½ΠΎΠΉ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΈ, содСрТащСйся Π½Π° ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½ΠΎΠΉ страницС.

3. ΠšΠ°Ρ€Ρ‚Ρ‹ Π½Π°ΠΏΠΎΠΌΠΈΠ½Π°ΡŽΡ‚ физичСскиС ΠΊΠ°Ρ€Ρ‚Ρ‹.

ΠšΠ°Ρ€Ρ‚ΠΎΡ‡ΠΊΠΈ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ Ρ€Π°ΠΌΠΊΡƒ Π²ΠΎΠΊΡ€ΡƒΠ³ сгруппированного содСрТимого, Π° Ρ†Π²Π΅Ρ‚ Ρ„ΠΎΠ½Π° Π²Π½ΡƒΡ‚Ρ€ΠΈ ΠΊΠ°Ρ€Ρ‚ΠΎΡ‡ΠΊΠΈ отличаСтся ΠΎΡ‚ Ρ†Π²Π΅Ρ‚Π° Ρ„ΠΎΠ½Π° Π½ΠΈΠΆΠ΅Π»Π΅ΠΆΠ°Ρ‰Π΅Π³ΠΎ холста. Π­Ρ‚ΠΈ элСмСнты Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½ΠΎΠ³ΠΎ Π΄ΠΈΠ·Π°ΠΉΠ½Π° ΡΠΎΠ·Π΄Π°ΡŽΡ‚ сильноС ΠΎΡ‰ΡƒΡ‰Π΅Π½ΠΈΠ΅, Ρ‡Ρ‚ΠΎ Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Π΅ Π±ΠΈΡ‚Ρ‹ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΈ, содСрТащиСся Π² Π³Ρ€Π°Π½ΠΈΡ†Π°Ρ…, сгруппированы вмСстС.

Π”ΠΎΠ²ΠΎΠ»ΡŒΠ½ΠΎ часто Π½Π° ΠΊΠ°Ρ€Ρ‚Π°Ρ… ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ нСбольшая Ρ‚Π΅Π½ΡŒ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΠΎΠΊΠ°Π·Π°Ρ‚ΡŒ Π³Π»ΡƒΠ±ΠΈΠ½Ρƒ, Ρ‡Ρ‚ΠΎ являСтся ΠΏΠΎΠΊΠ°Π·Π°Ρ‚Π΅Π»Π΅ΠΌ ΠΊΠ»ΠΈΠΊΠ°Π±Π΅Π»ΡŒΠ½ΠΎΡΡ‚ΠΈ. Π’ Π±ΠΎΠ»ΡŒΡˆΠΈΠ½ΡΡ‚Π²Π΅ Ρ€Π΅Π°Π»ΠΈΠ·Π°Ρ†ΠΈΠΉ Ρ‰Π΅Π»Ρ‡ΠΎΠΊ ΠΈΠ»ΠΈ Π½Π°ΠΆΠ°Ρ‚ΠΈΠ΅ Π² любом мСстС Π½Π° ΠΊΠ°Ρ€Ρ‚ΠΎΡ‡ΠΊΠ΅ ΠΏΡ€ΠΈΠ²ΠΎΠ΄ΠΈΡ‚ ΠΊ ссылкС Π½Π° страницу свСдСний (хотя Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΊΠ°Ρ€Ρ‚ΠΎΡ‡ΠΊΠΈ, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€ Ρ‚Π°, Ρ‡Ρ‚ΠΎ Π² нашСм ΠΏΡ€Π΅Π΄Ρ‹Π΄ΡƒΡ‰Π΅ΠΌ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π΅, Ρ‚Π°ΠΊΠΆΠ΅ содСрТат Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π²Ρ‚ΠΎΡ€ΠΈΡ‡Π½Ρ‹Π΅ ΠΊΠ½ΠΎΠΏΠΊΠΈ ΠΏΡ€ΠΈΠ·Ρ‹Π²Π° ΠΊ Π΄Π΅ΠΉΡΡ‚Π²ΠΈΡŽ ΠΈΠ»ΠΈ ссылки Π² Π΄ΠΎΠΏΠΎΠ»Π½Π΅Π½ΠΈΠ΅ ΠΊ основной доступной ссылкС). ). Π­Ρ‚Π° большая сСнсорная Π·ΠΎΠ½Π° сущСствСнно ΠΏΠΎΠ²Ρ‹ΡˆΠ°Π΅Ρ‚ удобство использования ΠΊΠ°ΠΊ Π½Π° устройствах с сСнсорным экраном, Ρ‚Π°ΠΊ ΠΈ Π½Π° устройствах с ΠΌΡ‹ΡˆΡŒΡŽ (согласно Π·Π°ΠΊΠΎΠ½Ρƒ Ѐиттса).

4. ΠšΠ°Ρ€Ρ‚Ρ‹ ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡŽΡ‚ Π³ΠΈΠ±ΠΊΠΎ Ρ€Π°ΡΠΊΠ»Π°Π΄Ρ‹Π²Π°Ρ‚ΡŒ ΠΊΠ°Ρ€Ρ‚Ρ‹.

Когда нСсколько ΠΊΠ°Ρ€Ρ‚ΠΎΡ‡Π΅ΠΊ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ΡΡ вмСстС Π² ΠΌΠ°ΠΊΠ΅Ρ‚Π΅, ΠΎΠ½ΠΈ часто содСрТат ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΡŽ Ρ€Π°Π·Π½ΠΎΠ³ΠΎ Ρ‚ΠΈΠΏΠ° β€” Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΊΠ°Ρ€Ρ‚ΠΎΡ‡ΠΊΠΈ ΠΌΠΎΠ³ΡƒΡ‚ Π²ΠΊΠ»ΡŽΡ‡Π°Ρ‚ΡŒ Ρ‚Π΅ΠΊΡΡ‚ΠΎΠ²ΡƒΡŽ сводку, Ρ…ΡΡˆΡ‚Π΅Π³ΠΈ ΠΈΠ»ΠΈ изобраТСния, Ρ‚ΠΎΠ³Π΄Π° ΠΊΠ°ΠΊ Π΄Ρ€ΡƒΠ³ΠΈΠ΅ ΠΊΠ°Ρ€Ρ‚ΠΎΡ‡ΠΊΠΈ Π½Π° ΠΎΠ΄Π½ΠΎΠΉ страницС ΠΌΠΎΠ³ΡƒΡ‚ ΡΠΎΠ΄Π΅Ρ€ΠΆΠ°Ρ‚ΡŒ ΡΠΎΠ²Π΅Ρ€ΡˆΠ΅Π½Π½ΠΎ Ρ€Π°Π·Π½Ρ‹Π΅ свСдСния. ΠšΠ°Ρ€Ρ‚ΠΎΡ‡ΠΊΠΈ Π΄ΠΎΠΏΡƒΡΠΊΠ°ΡŽΡ‚ Ρ€Π°Π·Π»ΠΈΡ‡Π½ΡƒΡŽ высоту для размСщСния Ρ€Π°Π·Π½ΠΎΠ³ΠΎ количСства ΠΈΠ»ΠΈ Ρ‚ΠΈΠΏΠΎΠ² ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π°, Π½ΠΎ ΠΎΠ±Ρ‹Ρ‡Π½ΠΎ ΡˆΠΈΡ€ΠΈΠ½Π° фиксирована ΠΎΡ‚ ΠΎΠ΄Π½ΠΎΠΉ ΠΊΠ°Ρ€Ρ‚ΠΎΡ‡ΠΊΠΈ ΠΊ Π΄Ρ€ΡƒΠ³ΠΎΠΉ.

ИспользованиС ΠΊΠ°Ρ€Ρ‚ΠΎΡ‡Π΅ΠΊ Pinterest дСмонстрируСт, ΠΊΠ°ΠΊ ΠΊΠ°Ρ€Ρ‚ΠΎΡ‡ΠΊΠΈ ΠΏΡ€Π΅ΡƒΡΠΏΠ΅Π²Π°ΡŽΡ‚ Π² Π³Ρ€ΡƒΠΏΠΏΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠΈ Ρ€Π°Π·Π½ΠΎΡ€ΠΎΠ΄Π½Ρ‹Ρ… элСмСнтов, Π³Π΄Π΅ каТдая ΠΊΠ°Ρ€Ρ‚ΠΎΡ‡ΠΊΠ° содСрТит Ρ€Π°Π·Π½Ρ‹Π΅ Ρ‚ΠΈΠΏΡ‹ ΠΈ ΠΎΠ±ΡŠΠ΅ΠΌΡ‹ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΈ ΠΈ, Ρ‚Π°ΠΊΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ, Π·Π°Π½ΠΈΠΌΠ°Π΅Ρ‚ Ρ€Π°Π·Π½ΠΎΠ΅ количСство Π²Π΅Ρ€Ρ‚ΠΈΠΊΠ°Π»ΡŒΠ½ΠΎΠ³ΠΎ пространства. ΠšΠ°Ρ€Ρ‚ΠΎΡ‡ΠΊΠΈ содСрТат ΠΌΡƒΠ»ΡŒΡ‚ΠΈΠΌΠ΅Π΄ΠΈΠΉΠ½Ρ‹Π΅ ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π»Ρ‹ (ΠΌΠΈΠ½ΠΈΠ°Ρ‚ΡŽΡ€Π°), Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ, Π²Ρ‚ΠΎΡ€ΠΈΡ‡Π½Ρ‹Π΅ ΠΏΡ€ΠΈΠ·Ρ‹Π²Ρ‹ ΠΊ Π΄Π΅ΠΉΡΡ‚Π²ΠΈΡŽ ( 9ΠΊΠ½ΠΎΠΏΠΊΠΈ 0044 Нравится ΠΈ ΠŸΠΎΠ΄Π΅Π»ΠΈΡ‚ΡŒΡΡ ) ΠΈ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ†ΠΈΠΈ. КаТдая ΠΊΠ°Ρ€Ρ‚ΠΎΡ‡ΠΊΠ° ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½Ρ‹Π΅ элСмСнты, Ρ‚Π°ΠΊΠΈΠ΅ ΠΊΠ°ΠΊ Ρ†Π²Π΅Ρ‚ Ρ„ΠΎΠ½Π°, Π³Ρ€Π°Π½ΠΈΡ†Π° ΠΈ Ρ‚Π΅Π½ΡŒ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΎΡ‚Π»ΠΈΡ‡Π°Ρ‚ΡŒ сСбя ΠΎΡ‚ Ρ„ΠΎΠ½Π°, Ρ‡Π΅Ρ‚ΠΊΠΎ Π³Ρ€ΡƒΠΏΠΏΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ элСмСнты ΠΊΠ°Ρ€Ρ‚ΠΎΡ‡ΠΊΠΈ ΠΈ ΡƒΠΊΠ°Π·Ρ‹Π²Π°Ρ‚ΡŒ ΠΊΠ»ΠΈΠΊΠ°Π±Π΅Π»ΡŒΠ½ΠΎΡΡ‚ΡŒ. Π©Π΅Π»ΠΊΠ½ΡƒΠ² ΠΏΠΎ ΠΊΠ°Ρ€Ρ‚ΠΎΡ‡ΠΊΠ΅, ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒ ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄ΠΈΡ‚ Π½Π° экран свСдСний ΠΎΠ± этом содСрТимом. Π‘Π΅Π· Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½ΠΎΠ³ΠΎ стиля ΠΊΠ°Ρ€Ρ‚Ρ‹ Ρ‡Π΅Ρ‚ΠΊΠΎΠ΅ Π³Ρ€ΡƒΠΏΠΏΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ ΠΈΠ½Π³Ρ€Π΅Π΄ΠΈΠ΅Π½Ρ‚ΠΎΠ² ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ элСмСнта Ρ‚Π°ΠΊΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΎΡ‚Π΄Π΅Π»ΠΈΡ‚ΡŒ ΠΈΡ… ΠΎΡ‚ Π΄Ρ€ΡƒΠ³ΠΈΡ… элСмСнтов Π½Π° страницС, ΠΏΠΎΡ‚Ρ€Π΅Π±ΠΎΠ²Π°Π»ΠΎ Π±Ρ‹ Π³ΠΎΡ€Π°Π·Π΄ΠΎ большС свободного мСста ΠΈ ΠΏΡ€ΠΈΠ²Π΅Π»ΠΎ Π±Ρ‹ ΠΊ пустой Ρ‚Ρ€Π°Ρ‚Π΅ Ρ†Π΅Π½Π½ΠΎΠ³ΠΎ пространства экрана Π½Π° ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Ρ… Ρ‚Π΅Π»Π΅Ρ„ΠΎΠ½Π°Ρ… ΠΈ ΠΏΠ»Π°Π½ΡˆΠ΅Ρ‚Π°Ρ….

UI-ΠΊΠ°Ρ€Ρ‚Ρ‹ ΠΈ модСль гипСртСкстовой ΠΊΠ°Ρ€Ρ‚Ρ‹

ΠžΠΏΡ‹Ρ‚Π½Ρ‹Π΅ UX-спСциалисты ΠΌΠΎΠ³ΡƒΡ‚ ΠΏΡ€ΠΈΠ·Π½Π°Ρ‚ΡŒ, Ρ‡Ρ‚ΠΎ концСпция ΠΊΠ°Ρ€Ρ‚Ρ‹ связана (ΠΊΠ°ΠΊ ΠΏΠΎ названию, Ρ‚Π°ΠΊ ΠΈ ΠΏΠΎ ΠΊΠΎΠ½Ρ†Π΅ΠΏΡ†ΠΈΠΈ) с ΠΊΠ°Ρ€Ρ‚ΠΎΡ‡Π½ΠΎΠΉ (ΠΈΠ»ΠΈ ΠΊΠΎΠ»ΠΎΠ΄ΠΎΠΉ ΠΊΠ°Ρ€Ρ‚) модСлью прСдставлСния связанной ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΈ Π½Π° Π·Π°Ρ€Π΅ гипСртСкста Π² 1990-Ρ… Π³ΠΎΠ΄Π°Ρ…. Π­Ρ‚Π° модСль относится ΠΊ Ρ€Π°Π·Π±ΠΈΠ΅Π½ΠΈΡŽ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π° Π½Π° ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½Ρ‹Π΅ страницы фиксированного Ρ€Π°Π·ΠΌΠ΅Ρ€Π° ΠΈ являСтся Π°Π»ΡŒΡ‚Π΅Ρ€Π½Π°Ρ‚ΠΈΠ²ΠΎΠΉ Π²Π΅Ρ€Ρ‚ΠΈΠΊΠ°Π»ΡŒΠ½ΠΎΠΉ ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‚ΠΊΠ΅: навигация ΠΏΠΎ ΠΊΠ°Ρ€Ρ‚ΠΎΡ‡Π½ΠΎΠΌΡƒ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Ρƒ Π°Π½Π°Π»ΠΎΠ³ΠΈΡ‡Π½Π° ΠΏΠ΅Ρ€Π΅Π»ΠΈΡΡ‚Ρ‹Π²Π°Π½ΠΈΡŽ страниц ΠΊΠ½ΠΈΠ³ΠΈ, Π° Π½Π΅ Ρ€Π°Π·Π²ΠΎΡ€Π°Ρ‡ΠΈΠ²Π°Π½ΠΈΡŽ Π΄Π»ΠΈΠ½Π½ΠΎΠ³ΠΎ Π±ΡƒΠΌΠ°ΠΆΠ½ΠΎΠ³ΠΎ свитка. Π­Ρ‚Π° модСль ΠΊΠ°Ρ€Ρ‚Ρ‹ Π²ΠΎΠ·Ρ€ΠΎΠ΄ΠΈΠ»Π°ΡΡŒ, ΠΊΠΎΠ³Π΄Π° Π²ΠΏΠ΅Ρ€Π²Ρ‹Π΅ появился iPad, ΠΊΠΎΠ³Π΄Π° ΠΌΠ½ΠΎΠ³ΠΈΠ΅ прилоТСния ΠΏΡ‹Ρ‚Π°Π»ΠΈΡΡŒ ΠΊΠΎΠ½Ρ‚Ρ€ΠΎΠ»ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ внСшний Π²ΠΈΠ΄ ΠΊΠ°ΠΆΠ΄ΠΎΠΉ страницы, прСдставляСмой ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŽ. Π’Ρ‹, вСроятно, Π·Π½Π°ΠΊΠΎΠΌΡ‹ с ΠΏΠ°Ρ€Π°Π΄ΠΈΠ³ΠΌΠΎΠΉ ΠΊΠΎΠ»ΠΎΠ΄Ρ‹ ΠΊΠ°Ρ€Ρ‚ ΠΈΠ· ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Ρ… ΠΏΠΎΠ³ΠΎΠ΄Π½Ρ‹Ρ… ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ β€” Π±ΠΎΠ»ΡŒΡˆΠΈΠ½ΡΡ‚Π²ΠΎ ΠΈΠ· Π½ΠΈΡ… ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ Π΅Π΅ для отобраТСния ΠΏΠΎΠ³ΠΎΠ΄Ρ‹ Π² Ρ€Π°Π·Π½Ρ‹Ρ… Π³ΠΎΡ€ΠΎΠ΄Π°Ρ….

ΠŸΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ Погода для iOS прСдставляСт ΠΏΡ€ΠΎΠ³Π½ΠΎΠ· ΠΏΠΎΠ³ΠΎΠ΄Ρ‹ для ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ Π³ΠΎΡ€ΠΎΠ΄Π° Π² Π²ΠΈΠ΄Π΅ гипСртСкстовой ΠΊΠΎΠ»ΠΎΠ΄Ρ‹ ΠΊΠ°Ρ€Ρ‚ (Π° Π½Π΅ Π² стилС ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚Π° ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΎΠ³ΠΎ интСрфСйса, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ являСтся основным ΠΏΡ€Π΅Π΄ΠΌΠ΅Ρ‚ΠΎΠΌ этой ΡΡ‚Π°Ρ‚ΡŒΠΈ). ΠšΠ°ΠΆΠ΄Ρ‹ΠΉ Π³ΠΎΡ€ΠΎΠ΄ прСдставляСт собой полноэкранный ΡƒΠ·Π΅Π» , Π° просмотр ΠΏΠΎΠ³ΠΎΠ΄Ρ‹ Π² Π΄Ρ€ΡƒΠ³ΠΈΡ… Π³ΠΎΡ€ΠΎΠ΄Π°Ρ… осущСствляСтся ΠΏΡƒΡ‚Π΅ΠΌ смахивания Π²Π»Π΅Π²ΠΎ ΠΈΠ»ΠΈ Π²ΠΏΡ€Π°Π²ΠΎ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡƒΠ²ΠΈΠ΄Π΅Ρ‚ΡŒ Π΄Ρ€ΡƒΠ³ΠΎΠΉ полноэкранный ΡƒΠ·Π΅Π» , Π°Π½Π°Π»ΠΎΠ³ΠΈΡ‡Π½ΠΎ ΠΏΠ΅Ρ€Π΅Π»ΠΈΡΡ‚Ρ‹Π²Π°Π½ΠΈΡŽ страниц Π² ΠΊΠ½ΠΈΠ³Π΅.

Π‘ΠΎΠ²Ρ€Π΅ΠΌΠ΅Π½Π½Ρ‹ΠΉ шаблон ΠΊΠ°Ρ€Ρ‚Ρ‹ основан Π½Π° Ρ‚ΠΎΠΉ ΠΆΠ΅ ΠΈΠ΄Π΅Π΅ Π³Ρ€ΡƒΠΏΠΏΠΈΡ€ΠΎΠ²ΠΊΠΈ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π° Π² ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½Ρ‹Π΅, ΠΏΠΎΠ»Π½ΠΎΡΡ‚ΡŒΡŽ Π²ΠΈΠ΄ΠΈΠΌΡ‹Π΅ Π΅Π΄ΠΈΠ½ΠΈΡ†Ρ‹ с ΠΊΠΎΠ½Ρ‚Ρ€ΠΎΠ»ΠΈΡ€ΡƒΠ΅ΠΌΡ‹ΠΌ располоТСниСм ΠΈ внСшним Π²ΠΈΠ΄ΠΎΠΌ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΈ. Однако соврСмСнная ΠΊΠ°Ρ€Ρ‚ΠΎΡ‡ΠΊΠ°, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΉ посвящСна эта ΡΡ‚Π°Ρ‚ΡŒΡ, Π½Π΅ являСтся полноэкранным элСмСнтом (ΠΊΠ°ΠΊ Π² Π±ΠΎΠ»Π΅Π΅ старой ΠΌΠΎΠ΄Π΅Π»ΠΈ ΠΊΠ°Ρ€Ρ‚ΠΎΡ‡ΠΊΠΈ), Π° Π·Π°Π½ΠΈΠΌΠ°Π΅Ρ‚ лишь Π½Π΅Π±ΠΎΠ»ΡŒΡˆΡƒΡŽ ΠΎΠ±Π»Π°ΡΡ‚ΡŒ экрана, Π° соврСмСнныС ΠΊΠ°Ρ€Ρ‚ΠΎΡ‡ΠΊΠΈ часто ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ΡΡ Π² ΠΌΠ°ΠΊΠ΅Ρ‚Π΅ с нСсколькими ΠΊΠ°Ρ€Ρ‚ΠΎΡ‡ΠΊΠ°ΠΌΠΈ. Π·Π° экран.

Π­Ρ‚ΠΎ Π½Π°ΠΏΠΎΠΌΠΈΠ½Π°Π΅Ρ‚ Π½Π°ΠΌ ΠΎ Π΄Π²ΡƒΡ… Π²Π°ΠΆΠ½Ρ‹Ρ… Π²Π΅Ρ‰Π°Ρ… Π² Π΄ΠΈΠ·Π°ΠΉΠ½Π΅ интСрфСйса: 1) всС староС снова становится Π½ΠΎΠ²Ρ‹ΠΌ, Π° это ΠΎΠ·Π½Π°Ρ‡Π°Π΅Ρ‚, Ρ‡Ρ‚ΠΎ Π½ΠΎΠ²Ρ‹Π΅ Ρ‚Π΅Π½Π΄Π΅Π½Ρ†ΠΈΠΈ Π² Π΄ΠΈΠ·Π°ΠΉΠ½Π΅ Π·Π°Ρ‡Π°ΡΡ‚ΡƒΡŽ Π½Π΅ Ρ‚Π°ΠΊ ΡƒΠΆ Ρ€Π΅Π²ΠΎΠ»ΡŽΡ†ΠΈΠΎΠ½Π½Ρ‹ ΠΈ ΠΌΠΎΠ³ΡƒΡ‚ Π±Ρ‹Ρ‚ΡŒ Π²ΠΎΠ·Ρ€ΠΎΠΆΠ΄Π΅Π½Ρ‹ с нСбольшими вариациями, ΠΈ 2) ΠΏΠΎΡ‚ΠΎΠΌΡƒ Ρ‡Ρ‚ΠΎ история повторяСтся, Π Π΅ΠΊΠΎΠΌΠ΅Π½Π΄Π°Ρ†ΠΈΠΈ ΠΏΠΎ удобству использования ΠΈ ΠΏΡ€ΠΈΠ½Ρ†ΠΈΠΏΡ‹ Π΄ΠΈΠ·Π°ΠΉΠ½Π° взаимодСйствия Π΄ΠΎΠ»Π³ΠΎΠ²Π΅Ρ‡Π½Ρ‹ ΠΈ ΠΎΡΡ‚Π°ΡŽΡ‚ΡΡ Π°ΠΊΡ‚ΡƒΠ°Π»ΡŒΠ½Ρ‹ΠΌΠΈ Π² Ρ‚Π΅Ρ‡Π΅Π½ΠΈΠ΅ Π΄Π»ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΠ³ΠΎ Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ, Π΄Π°ΠΆΠ΅ Π² быстро ΠΌΠ΅Π½ΡΡŽΡ‰Π΅ΠΌΡΡ ΠΌΠΈΡ€Π΅ Π΄ΠΈΠ·Π°ΠΉΠ½Π° взаимодСйствия с ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΌ.

ΠŸΡ€ΠΈΠ½Ρ†ΠΈΠΏ ΠΎΠ±Ρ‰ΠΈΡ… областСй создаСт Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½Ρ‹Π΅ Π³Ρ€ΡƒΠΏΠΏΡ‹

ΠšΠ°Ρ€Ρ‚Ρ‹

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

Β 

Π’Π²Π΅Ρ€Ρ…Ρƒ: Π—Π°ΠΊΠΎΠ½ близости создаСт сильноС ΠΎΡ‰ΡƒΡ‰Π΅Π½ΠΈΠ΅ Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½ΠΎΠΉ Π³Ρ€ΡƒΠΏΠΏΠΈΡ€ΠΎΠ²ΠΊΠΈ ΠΌΠ΅ΠΆΠ΄Ρƒ Ρ‚Ρ€Π΅ΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊΠ°ΠΌΠΈ 2 ΠΈ 3 ΠΈ 4 ΠΈ 5, ΠΏΠΎΡ‚ΠΎΠΌΡƒ Ρ‡Ρ‚ΠΎ ΠΎΠ½ΠΈ располоТСны Π±Π»ΠΈΠ·ΠΊΠΎ Π΄Ρ€ΡƒΠ³ ΠΊ Π΄Ρ€ΡƒΠ³Ρƒ ΠΈ дальшС ΠΎΡ‚ своих сосСдСй 1 ΠΈ 6. Π”ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ Π΄ΠΎΠ»ΠΆΠ΅Π½ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΎΡ‚Ρ€ΠΈΡ†Π°Ρ‚Π΅Π»ΡŒΠ½Ρ‹ΠΉ пространство (Ρ‚. Π΅. пустоС пространство ΠΌΠ΅ΠΆΠ΄Ρƒ нСсвязанными элСмСнтами) для ΠΏΠ΅Ρ€Π΅Π΄Π°Ρ‡ΠΈ Π³Ρ€ΡƒΠΏΠΏΠΈΡ€ΠΎΠ²ΠΊΠΈ. Π’Π½ΠΈΠ·Ρƒ: ΠŸΡ€ΠΈΠ½Ρ†ΠΈΠΏ ΠΎΠ±Ρ‰ΠΈΡ… областСй прСвосходит Π·Π°ΠΊΠΎΠ½ близости: благодаря использованию Ρ†Π²Π΅Ρ‚Π° Π³Ρ€Π°Π½ΠΈΡ†Ρ‹ ΠΈ Ρ„ΠΎΠ½Π° (Π²ΠΎ ΠΌΠ½ΠΎΠ³ΠΎΠΌ ΠΏΠΎΠ΄ΠΎΠ±Π½ΠΎ Ρ‚ΠΎΠΌΡƒ, ΠΊΠ°ΠΊ это ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ Π² ΠΊΠ°Ρ€Ρ‚ΠΎΡ‡ΠΊΠ΅) ΠΎΠ΄ΠΈΠ½ ΠΈ Ρ‚ΠΎΡ‚ ΠΆΠ΅ Π½Π°Π±ΠΎΡ€ Ρ‚Ρ€Π΅ΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊΠΎΠ² группируСтся ΠΏΠΎ-Ρ€Π°Π·Π½ΠΎΠΌΡƒ; отправляСтся ΡΠΈΠ»ΡŒΠ½Ρ‹ΠΉ Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½Ρ‹ΠΉ сигнал ΠΎ Ρ‚ΠΎΠΌ, Ρ‡Ρ‚ΠΎ Ρ‚Ρ€Π΅ΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊΠΈ 1 ΠΈ 2, 3 ΠΈ 4 ΠΈ 5 ΠΈ 6 сгруппированы, Π΄Π°ΠΆΠ΅ Ссли располоТСниС ΠΈΠ΄Π΅Π½Ρ‚ΠΈΡ‡Π½ΠΎ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½Π½ΠΎΠΌΡƒ Π½Π° Π²Π΅Ρ€Ρ…Π½Π΅ΠΌ рисункС. Π’ маловСроятном случаС, ΠΊΠΎΠ³Π΄Π° ΡŽΠ·Π°Π±ΠΈΠ»ΠΈΡ‚ΠΈ-тСстированиС ΠΏΠΎΠΊΠ°Π·Π°Π»ΠΎ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎΡΡ‚ΡŒ Π΅Ρ‰Π΅ Π±ΠΎΠ»Π΅Π΅ ТСсткой Π³Ρ€ΡƒΠΏΠΏΠΈΡ€ΠΎΠ²ΠΊΠΈ, ΠΊΠ°ΠΆΠ΄ΡƒΡŽ ΠΊΠ°Ρ€Ρ‚ΠΎΡ‡ΠΊΡƒ ΠΌΠΎΠΆΠ½ΠΎ Π±Ρ‹Π»ΠΎ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ с Π΄Ρ€ΡƒΠ³ΠΈΠΌ Ρ†Π²Π΅Ρ‚ΠΎΠΌ Ρ„ΠΎΠ½Π°.

Когда ΠΊΠ°Ρ€Ρ‚Ρ‹ ΠΏΠΎΠ»Π΅Π·Π½Ρ‹

  • ΠšΠ°Ρ€Ρ‚ΠΎΡ‡ΠΊΠΈ Π»ΡƒΡ‡ΡˆΠ΅ подходят для просмотра ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡΠΌΠΈ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΈ, Ρ‡Π΅ΠΌ для поиска.

ΠœΠ°ΠΊΠ΅Ρ‚Ρ‹ с нСсколькими ΠΊΠ°Ρ€Ρ‚ΠΎΡ‡ΠΊΠ°ΠΌΠΈ часто ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ΡΡ вмСсто спискового прСдставлСния ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π°. ΠšΠ°Ρ€Ρ‚ΠΎΡ‡ΠΊΠΈ, ΠΎΠ΄Π½Π°ΠΊΠΎ, ΠΌΠ΅Π½Π΅Π΅ подходят, Ρ‡Π΅ΠΌ списки, ΠΊΠΎΠ³Π΄Π° люди ΠΈΡ‰ΡƒΡ‚ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΡŽ ΠΏΠΎ Ρ‚Ρ€Π΅ΠΌ основным ΠΏΡ€ΠΈΡ‡ΠΈΠ½Π°ΠΌ, всС ΠΈΠ· ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… связаны с ΠΈΡ… ΠΏΠ΅Ρ€Π΅ΠΌΠ΅Π½Π½Ρ‹ΠΌ Ρ€Π°Π·ΠΌΠ΅Ρ€ΠΎΠΌ:

1. ΠœΠ°ΠΊΠ΅Ρ‚Ρ‹ ΠΊΠ°Ρ€Ρ‚ ΠΎΠ±Ρ‹Ρ‡Π½ΠΎ ΠΏΡ€Π΅ΡƒΠΌΠ΅Π½ΡŒΡˆΠ°ΡŽΡ‚ Ρ€Π°Π½ΠΆΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π°. (Однако, нСсмотря Π½Π° Ρ‚ΠΎ, Ρ‡Ρ‚ΠΎ ΠΈΠΌ Π½Π΅ Ρ…Π²Π°Ρ‚Π°Π΅Ρ‚ ΡΠΈΠ»ΡŒΠ½Ρ‹Ρ… сигналов ΠΈΠ΅Ρ€Π°Ρ€Ρ…ΠΈΠΈ прСдставлСний списка, ΠΌΠ½ΠΎΠ³ΠΎΠΊΠ°Ρ€Ρ‚ΠΎΡ‡Π½Ρ‹Π΅ дисплСи ΠΏΠΎ-ΠΏΡ€Π΅ΠΆΠ½Π΅ΠΌΡƒ ΠΏΠΎΠ΄Ρ‡ΠΈΠ½ΡΡŽΡ‚ΡΡ Ρ‚ΠΈΠΏΠΈΡ‡Π½Ρ‹ΠΌ Π·Π°ΠΊΠΎΠ½Π°ΠΌ ΠΈΠ΅Ρ€Π°Ρ€Ρ…ΠΈΠΈ страниц: содСрТимоС Π²Π²Π΅Ρ€Ρ…Ρƒ ΠΈ слСва страницы Π»Π΅Π³Ρ‡Π΅ ΠΎΠ±Π½Π°Ρ€ΡƒΠΆΠΈΡ‚ΡŒ ΠΈ ΠΎΠ½ΠΎ воспринимаСтся ΠΊΠ°ΠΊ Π±ΠΎΠ»Π΅Π΅ Π²Π°ΠΆΠ½ΠΎΠ΅.)

2. ΠœΠ°ΠΊΠ΅Ρ‚Ρ‹ ΠΊΠ°Ρ€Ρ‚ ΡΠΊΠ°Π½ΠΈΡ€ΡƒΡŽΡ‚ΡΡ Ρ…ΡƒΠΆΠ΅, Ρ‡Π΅ΠΌ списки. Π‘Ρ‚Π°Π½Π΄Π°Ρ€Ρ‚Π½Ρ‹ΠΉ Π²ΠΈΠ΄ Π²Π΅Ρ€Ρ‚ΠΈΠΊΠ°Π»ΡŒΠ½ΠΎΠ³ΠΎ списка (Π² ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΌ ΠΊΠ°ΠΆΠ΄Ρ‹ΠΉ элСмСнт Π·Π°Π½ΠΈΠΌΠ°Π΅Ρ‚ Π½ΠΎΠ²ΡƒΡŽ строку Π² ΠΌΠ°ΠΊΠ΅Ρ‚Π΅ ΠΈ ΠΌΠΎΠΆΠ΅Ρ‚ ΠΏΠΎ-ΠΏΡ€Π΅ΠΆΠ½Π΅ΠΌΡƒ ΡΠΎΠ΄Π΅Ρ€ΠΆΠ°Ρ‚ΡŒ ΡΠΌΠ΅ΡˆΠ°Π½Π½Ρ‹Π΅ ΠΌΠ΅Π΄ΠΈΠ°Ρ„Π°ΠΉΠ»Ρ‹, Ρ‚Π°ΠΊΠΈΠ΅ ΠΊΠ°ΠΊ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅, Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ, сводка ΠΈ Ρ‚. Β Π΄.), Π±ΠΎΠ»Π΅Π΅ ΡƒΠ΄ΠΎΠ±Π΅Π½ для сканирования, Ρ‡Π΅ΠΌ ΠΊΠ°Ρ€Ρ‚ΠΎΡ‡ΠΊΠΈ, ΠΏΠΎΡΠΊΠΎΠ»ΡŒΠΊΡƒ ΠΏΠΎΠ·ΠΈΡ†ΠΈΠΎΠ½ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½Ρ‹Ρ… элСмСнтов фиксированы ΠΏΠΎ Ρ€Π°Π·ΠΌΠ΅Ρ€Ρƒ ΠΈ Π±ΠΎΠ»Π΅Π΅ прСдсказуСмы для Π³Π»Π°Π·Π°. Π’Π°ΠΊΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ, ΠΊΠ°Ρ€Ρ‚ΠΎΡ‡ΠΊΠΈ Π½Π΅ подходят, ΠΊΠΎΠ³Π΄Π° ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΠΈ ΠΈΡ‰ΡƒΡ‚ ΠΊΠΎΠ½ΠΊΡ€Π΅Ρ‚Π½Ρ‹ΠΉ элСмСнт ΠΈΠ· списка ΠΈΠ»ΠΈ ΠΊΠΎΠ½ΠΊΡ€Π΅Ρ‚Π½ΡƒΡŽ Ρ‡Π°ΡΡ‚ΡŒ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π°.

3. ΠšΠ°Ρ€Ρ‚Ρ‹ Π·Π°Π½ΠΈΠΌΠ°ΡŽΡ‚ большС мСста. ΠŸΠΎΡΠΊΠΎΠ»ΡŒΠΊΡƒ ΠΊΠ°Ρ€Ρ‚ΠΎΡ‡ΠΊΠΈ большС, Ρ‡Π΅ΠΌ строка тСкста, экран любого Π·Π°Π΄Π°Π½Π½ΠΎΠ³ΠΎ Ρ€Π°Π·ΠΌΠ΅Ρ€Π° Π½Π΅ ΠΌΠΎΠΆΠ΅Ρ‚ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Ρ‚ΡŒ ΡΡ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΊΠ°Ρ€Ρ‚ΠΎΡ‡Π΅ΠΊ Π² ΠΎΠ΄Π½ΠΎΠΌ прСдставлСнии, сколько Π±Ρ‹Π»ΠΎ Π±Ρ‹ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎ Π² прСдставлСнии списка. Π§Π΅ΠΌ большС Π²Π΅Ρ‰Π΅ΠΉ доступно для просмотра Π±Π΅Π· ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‚ΠΊΠΈ, Ρ‚Π΅ΠΌ мСньшС Ρ‚Ρ€Π΅Π±ΠΎΠ²Π°Π½ΠΈΠΉ ΠΏΡ€Π΅Π΄ΡŠΡΠ²Π»ΡΠ΅Ρ‚ΡΡ ΠΊ ΠΊΡ€Π°Ρ‚ΠΊΠΎΠ²Ρ€Π΅ΠΌΠ΅Π½Π½ΠΎΠΉ памяти ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΉ.

Π‘Π»Π΅Π²Π° : Π‘ΠΊΠ°Π½ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚ΠΎΠ² Π² ΠΊΠ°Ρ€Ρ‚ΠΎΡ‡Π½ΠΎΠΌ спискС Π·Π°Ρ‚Ρ€ΡƒΠ΄Π½ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ для быстрого поиска основной ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΈ, Ρ‚Π°ΠΊΠΎΠΉ ΠΊΠ°ΠΊ Ρ†Π΅Π½Π°, ΠΏΠΎΡΠΊΠΎΠ»ΡŒΠΊΡƒ ΠΌΠ°ΠΊΠ΅Ρ‚ Π½Π΅ ΠΎΡ€Π³Π°Π½ΠΈΠ·ΠΎΠ²Π°Π½ прСдсказуСмо, ΠΈ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒ Π½Π΅ ΠΌΠΎΠΆΠ΅Ρ‚ Π»Π΅Π³ΠΊΠΎ ΠΏΡ€Π΅Π΄ΡƒΠ³Π°Π΄Π°Ρ‚ΡŒ, Π³Π΄Π΅ ΠΈΡΠΊΠ°Ρ‚ΡŒ Π½Π° страницС эту ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΡŽ. .
Right : Π’Π΅Ρ€Ρ‚ΠΈΠΊΠ°Π»ΡŒΠ½Ρ‹ΠΉ список Π»Π΅Π³ΠΊΠΎ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅Ρ‚ сканированиС Ρ†Π΅Π½Ρ‹ ΠΎΡ‚ ΠΎΠ΄Π½ΠΎΠ³ΠΎ ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚Π° ΠΊ Π΄Ρ€ΡƒΠ³ΠΎΠΌΡƒ, ΠΏΠΎΡΠΊΠΎΠ»ΡŒΠΊΡƒ эта информация размСщаСтся Π² прСдсказуСмом мСстС Π½Π° ΠΊΠ°ΠΆΠ΄ΠΎΠΌ элСмСнтС Π² спискС.

ΠšΠ°Ρ€Ρ‚Ρ‹ Ρ‚Π°ΠΊΠΆΠ΅ ΡΠ²Π»ΡΡŽΡ‚ΡΡ ΠΏΠ»ΠΎΡ…ΠΈΠΌ Π²Ρ‹Π±ΠΎΡ€ΠΎΠΌ, ΠΊΠΎΠ³Π΄Π° ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡΠΌ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ ΡΡ€Π°Π²Π½ΠΈΡ‚ΡŒ нСсколько Π²Π°Ρ€ΠΈΠ°Π½Ρ‚ΠΎΠ², ΠΏΠΎΡΠΊΠΎΠ»ΡŒΠΊΡƒ ΠΊΠ°Ρ€Ρ‚Ρ‹ часто Π½Π΅ ΠΈΠΌΠ΅ΡŽΡ‚ прСдсказуСмой структуры ΠΎΡ‚ элСмСнта ΠΊ элСмСнту; НашС исслСдованиС ΠΏΠΎ ΠΎΡ‚ΡΠ»Π΅ΠΆΠΈΠ²Π°Π½ΠΈΡŽ взгляда ΠΏΠΎΠΊΠ°Π·Π°Π»ΠΎ, Ρ‡Ρ‚ΠΎ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΠΈ нСсколько Ρ€Π°Π· ΠΏΠ΅Ρ€Π΅ΡΠΌΠ°Ρ‚Ρ€ΠΈΠ²Π°ΡŽΡ‚ элСмСнты, ΠΊΠΎΠ³Π΄Π° ΡΡ€Π°Π²Π½ΠΈΠ²Π°ΡŽΡ‚ ΠΈΡ…, поэтому Π²Π°ΠΌ слСдуСт ΠΎΠ±Π»Π΅Π³Ρ‡ΠΈΡ‚ΡŒ этот процСсс, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡ ΠΏΠΎΡΠ»Π΅Π΄ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΠ½ΡƒΡŽ Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½ΡƒΡŽ ΠΎΠ±Ρ€Π°Π±ΠΎΡ‚ΠΊΡƒ элСмСнтов, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π±ΡƒΠ΄ΡƒΡ‚ ΡΡ€Π°Π²Π½ΠΈΠ²Π°Ρ‚ΡŒΡΡ.

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

  • ΠšΠ°Ρ€Ρ‚ΠΎΡ‡ΠΊΠΈ Π»ΡƒΡ‡ΡˆΠ΅ всСго подходят для ΠΊΠΎΠ»Π»Π΅ΠΊΡ†ΠΈΠΉ Ρ€Π°Π·Π½ΠΎΡ€ΠΎΠ΄Π½Ρ‹Ρ… элСмСнтов (Ρ‚. Π΅. Π½Π΅ всС содСрТимоС относится ΠΊ ΠΎΠ΄Π½ΠΎΠΌΡƒ Π±Π°Π·ΠΎΠ²ΠΎΠΌΡƒ Ρ‚ΠΈΠΏΡƒ).

ΠšΠ°Ρ€Ρ‚Ρ‹ β€” ΠΎΡ‚Π»ΠΈΡ‡Π½Ρ‹ΠΉ Π²Ρ‹Π±ΠΎΡ€ для ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΎΠ½Π½Ρ‹Ρ… ΠΏΠ°Π½Π΅Π»Π΅ΠΉ, Π° Ρ‚Π°ΠΊΠΆΠ΅ для ΡΠΎΡ†ΠΈΠ°Π»ΡŒΠ½Ρ‹Ρ… сСтСй ΠΈΠ»ΠΈ сайтов-Π°Π³Ρ€Π΅Π³Π°Ρ‚ΠΎΡ€ΠΎΠ², ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΎΠ΄Π½ΠΎΠ²Ρ€Π΅ΠΌΠ΅Π½Π½ΠΎ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°ΡŽΡ‚ Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Π΅ Ρ‚ΠΈΠΏΡ‹ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π° Π½Π° ΠΎΠ΄Π½ΠΎΠΉ страницС. Π’ Ρ‚Π°ΠΊΠΈΡ… ситуациях ΠΌΠ΅Ρ‚Π°Ρ„ΠΎΡ€Π° ΠΊΠ°Ρ€Ρ‚Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚ ΠΏΠΎΠΌΠΎΡ‡ΡŒ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ Π±ΠΎΠ»Π΅Π΅ ΠΎΡ‡Π΅Π²ΠΈΠ΄Π½Ρ‹Π΅ различия ΠΌΠ΅ΠΆΠ΄Ρƒ элСмСнтами, ΠΈ каТдая ΠΊΠ°Ρ€Ρ‚Π° ΠΌΠΎΠΆΠ΅Ρ‚ ΡΠΎΠ΄Π΅Ρ€ΠΆΠ°Ρ‚ΡŒ Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Π΅ ΠΈΠ½Π³Ρ€Π΅Π΄ΠΈΠ΅Π½Ρ‚Ρ‹, Ссли, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, Π½Π΅ всС ΠΊΠ°Ρ€Ρ‚Ρ‹ Π½Π° страницС Π΄ΠΎΠ»ΠΆΠ½Ρ‹ Π²ΠΊΠ»ΡŽΡ‡Π°Ρ‚ΡŒ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ, авторство ΠΈΠ»ΠΈ Π΄Ρ€ΡƒΠ³ΡƒΡŽ ΠΊΠΎΠ½ΠΊΡ€Π΅Ρ‚Π½ΡƒΡŽ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΡŽ.

БистСма ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΎΠ½Π½Ρ‹Ρ… ΠΏΠ°Π½Π΅Π»Π΅ΠΉ Salesforce эффСктивно ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ ΠΊΠ°Ρ€Ρ‚ΠΎΡ‡ΠΊΠΈ для ΠΎΠ΄Π½ΠΎΠ²Ρ€Π΅ΠΌΠ΅Π½Π½ΠΎΠ³ΠΎ отобраТСния Ρ€Π°Π·Π½ΠΎΡ€ΠΎΠ΄Π½ΠΎΠ³ΠΎ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π° ΠΈ ΠΌΡƒΠ»ΡŒΡ‚ΠΈΠΌΠ΅Π΄ΠΈΠ°. Π©Π΅Π»ΠΊΠ½ΡƒΠ² ΠΏΠΎ любой ΠΊΠ°Ρ€Ρ‚ΠΎΡ‡ΠΊΠ΅, Π²Ρ‹ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚Π΅ ΠΏΠΎΠ»Π½Ρ‹ΠΉ ΠΈ ΠΏΠΎΠ΄Ρ€ΠΎΠ±Π½Ρ‹ΠΉ ΠΎΡ‚Ρ‡Π΅Ρ‚ ΠΏΠΎ этому элСмСнту. ΠŸΡ€Π΅Π΄ΠΌΠ΅Ρ‚Ρ‹ ΠΈΠΌΠ΅ΡŽΡ‚ Ρ€Π°Π·Π½Ρ‹Π΅ Ρ€Π°Π·ΠΌΠ΅Ρ€Ρ‹ ΠΈ Ρ‡Π΅Ρ‚ΠΊΠΎ ΠΎΡ‚Π΄Π΅Π»Π΅Π½Ρ‹ Π΄Ρ€ΡƒΠ³ ΠΎΡ‚ Π΄Ρ€ΡƒΠ³Π°. Атрибуция изобраТСния

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

НапримСр, Ρ€Π°Π·ΠΌΠ΅Ρ‰Π°Ρ‚ΡŒ всС Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΈ Π² ΠΎΠ½Π»Π°ΠΉΠ½-Ρ„ΠΎΡ‚ΠΎΠ°Π»ΡŒΠ±ΠΎΠΌΠ΅ Π½Π° ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½Ρ‹Ρ… ΠΊΠ°Ρ€Ρ‚ΠΎΡ‡ΠΊΠ°Ρ… Π½Π΅ ΠΎΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ, Ρ‚Π°ΠΊ ΠΊΠ°ΠΊ ΠΎΠ½ΠΈ всС ΠΎΠ΄Π½ΠΎΡ‚ΠΈΠΏΠ½Ρ‹Π΅, Ρ‡Π΅Ρ‚ΠΊΠΎ самодостаточны Π±Π΅Π· Ρ€Π°ΠΌΠΊΠΈ, Ρ„ΠΎΠ½Π° ΠΈ Ρ‚Π΅Π½ΠΈ, ΠΈ Ρƒ вас Π½Π΅ получится Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ Π΄Π΅Ρ‚Π°Π»ΠΈ, ΠΊΠΎΠ³Π΄Π° Π²Ρ‹ Π½Π°ΠΆΠΈΠΌΠ°Π΅Ρ‚Π΅ Π½Π° Π½Π΅Π΅ (Π²Ρ‹ просто ΠΏΠΎΠ»ΡƒΡ‡Π°Π΅Ρ‚Π΅ ΡƒΠ²Π΅Π»ΠΈΡ‡Π΅Π½Π½ΡƒΡŽ Π²Π΅Ρ€ΡΠΈΡŽ Ρ‚ΠΎΠ³ΠΎ ΠΆΠ΅ изобраТСния). ГалСрСя Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΉ β€” это Ρ‚ΠΈΠΏ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π°, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π»ΡƒΡ‡ΡˆΠ΅ обслуТиваСтся ΠΎΠ±Ρ‹Ρ‡Π½ΠΎΠΉ сСткой.

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

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

  • ΠŸΠΎΠ΄Π΅Π»ΠΈΡ‚ΡŒΡΡ:Β 

Π΄ΠΈΠ·Π°ΠΉΠ½ΠΎΠ² ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΎΠ³ΠΎ интСрфСйса, Ρ‚Π΅ΠΌ, шаблонов ΠΈ графичСских элСмСнтов для Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ Π½Π° Dribbble

  1. ΠŸΠΎΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ Giftie — ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ для элСктронных ΠΏΠΎΠ΄Π°Ρ€ΠΎΡ‡Π½Ρ‹Ρ… ΠΊΠ°Ρ€Ρ‚

    Giftie — ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ для элСктронной ΠΏΠΎΠ΄Π°Ρ€ΠΎΡ‡Π½ΠΎΠΉ ΠΊΠ°Ρ€Ρ‚Ρ‹

  2. ΠŸΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΈΠΉ интСрфСйс ΠΊΠ°Ρ€Ρ‚Ρ‹ просмотра β€” информационная панСль

    ΠŸΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΈΠΉ интСрфСйс ΠΊΠ°Ρ€Ρ‚Ρ‹ β€” информационная панСль

  3. ΠŸΡ€ΠΎΡΠΌΠΎΡ‚Ρ€ Π³Π»Π°Π²Π½ΠΎΠ³ΠΎ экрана мобильного прилоТСния для ΠΎΠ½Π»Π°ΠΉΠ½-Π±Π°Π½ΠΊΠΈΠ½Π³Π°

    Π”ΠΎΠΌΠ°ΡˆΠ½ΠΈΠΉ экран прилоТСния Β«ΠœΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹ΠΉ ΠΎΠ½Π»Π°ΠΉΠ½-Π±Π°Π½ΠΊΠΈΠ½Π³Β»

  4. ΠŸΠΎΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ Cardy — ΠŸΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΈΠ΅ ΠΊΡ€Π΅Π΄ΠΈΡ‚Π½Ρ‹Π΅ ΠΊΠ°Ρ€Ρ‚Ρ‹

    Cardy — ΠŸΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΈΠ΅ ΠΊΡ€Π΅Π΄ΠΈΡ‚Π½Ρ‹Π΅ ΠΊΠ°Ρ€Ρ‚Ρ‹

  5. ΠœΠ°ΡΡˆΡ‚Π°Π± прСдставлСния: страница ΠΊΠ°Ρ€Ρ‚ΠΎΡ‡Π΅ΠΊ

    Π¨ΠΊΠ°Π»Π°: страница с ΠΊΠ°Ρ€Ρ‚ΠΎΡ‡ΠΊΠ°ΠΌΠΈ

  6. ΠŸΠΎΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ Paynow — ЀинансовоС ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅

    Paynow β€” ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ для финансов

  7. ΠŸΠΎΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ New Look — Π΄ΠΈΠ·Π°ΠΉΠ½ мобильного прилоТСния с ΠΈΠ»Π»ΡŽΡΡ‚Ρ€Π°Ρ†ΠΈΡΠΌΠΈ

    New Look β€” Π΄ΠΈΠ·Π°ΠΉΠ½ мобильного прилоТСния с ΠΈΠ»Π»ΡŽΡΡ‚Ρ€Π°Ρ†ΠΈΡΠΌΠΈ

  8. ΠŸΠΎΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ ΠΈΠ½Π΄ΠΈΠ²ΠΈΠ΄ΡƒΠ°Π»ΡŒΠ½Ρ‹ΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½ Ρ†Π΅Π»Π΅Π²ΠΎΠΉ страницы ΠΊΡ€Π΅Π΄ΠΈΡ‚Π½ΠΎΠΉ ΠΊΠ°Ρ€Ρ‚Ρ‹ πŸ”₯

    Π˜Π½Π΄ΠΈΠ²ΠΈΠ΄ΡƒΠ°Π»ΡŒΠ½Ρ‹ΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½ Ρ†Π΅Π»Π΅Π²ΠΎΠΉ страницы ΠΊΡ€Π΅Π΄ΠΈΡ‚Π½ΠΎΠΉ ΠΊΠ°Ρ€Ρ‚Ρ‹ πŸ”₯

  9. ΠŸΡ€ΠΎΡΠΌΠΎΡ‚Ρ€ взаимодСйствия с Π΄ΠΈΠ·Π°ΠΉΠ½ΠΎΠΌ Ρ†Π΅Π»Π΅Π²ΠΎΠΉ страницы Credity

    ВзаимодСйствиС с Π΄ΠΈΠ·Π°ΠΉΠ½ΠΎΠΌ Ρ†Π΅Π»Π΅Π²ΠΎΠΉ страницы Credity

  10. ΠŸΡ€ΠΎΡΠΌΠΎΡ‚Ρ€ Header_UI

    Π—Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ_UI

  11. View Carte — Π²Π΅Π±-сайт Ρ†Π΅Π»Π΅Π²ΠΎΠΉ страницы Ρ†ΠΈΡ„Ρ€ΠΎΠ²ΠΎΠ³ΠΎ Π±Π°Π½ΠΊΠΈΠ½Π³Π°

    Carte — Π’Π΅Π±-сайт Ρ†Π΅Π»Π΅Π²ΠΎΠΉ страницы Ρ†ΠΈΡ„Ρ€ΠΎΠ²ΠΎΠ³ΠΎ Π±Π°Π½ΠΊΠΈΠ½Π³Π°

  12. ΠŸΡ€ΠΎΡΠΌΠΎΡ‚Ρ€ кошСлька v.