Π‘Π°ΠΉΡ‚

ΠšΡ€Π°ΡΠΈΠ²Ρ‹ΠΉ ΡˆΡ€ΠΈΡ„Ρ‚ для сайта: Π‘Π°ΠΌΡ‹Π΅ Π»ΡƒΡ‡ΡˆΠΈΠ΅ Π“ΡƒΠ³Π» ΡˆΡ€ΠΈΡ„Ρ‚Ρ‹ для сайта ΠΈΠ»ΠΈ ПК – ВОП 15

07.01.2023

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

Π¨Ρ€ΠΈΡ„Ρ‚Ρ‹ для Π‘Π°ΠΉΡ‚Π°. ΠžΡΠΎΠ±Π΅Π½Π½ΠΎΡΡ‚ΠΈ Π’Ρ‹Π±ΠΎΡ€Π° ΠΈ Восприятия

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

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

Π’Ρ‹Π±ΠΎΡ€ ΡˆΡ€ΠΈΡ„Ρ‚Π° β€” нСпростая Π·Π°Π΄Π°Ρ‡Π°. Π€Π°ΠΊΡ‚ичСски, это ΠΌΠΎΠΆΠ΅Ρ‚ Π·Π°Π½ΡΡ‚ΡŒ мСсяцы ΠΏΡ€ΠΎΠ± ΠΈ ошибок с постоянными экспСримСнтами, ΠΈ Π΄Π°ΠΆΠ΅ Π½Π΅Π·Π½Π°Ρ‡ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ измСнСния Π² ΠΎΡ„ΠΎΡ€ΠΌΠ»Π΅Π½ΠΈΠΈ ΠΌΠΎΠ³ΡƒΡ‚ сущСствСнно ΠΏΠΎΠ²Π»ΠΈΡΡ‚ΡŒ Π½Π° ΠΏΠΎΠΏΡƒΠ»ΡΡ€Π½ΠΎΡΡ‚ΡŒ вашСго сайта.

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

ΠžΡΠ½ΠΎΠ²Ρ‹ Ρ‚ΠΈΠΏΠΎΠ³Ρ€Π°Ρ„ΠΈΠΊΠΈ

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

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

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

Π”Π°Π²Π°ΠΉΡ‚Π΅ рассмотрим, ΠΊΠ°ΠΊ Ρ€Π°Π±ΠΎΡ‚Π°ΡŽΡ‚ ΡˆΡ€ΠΈΡ„Ρ‚Ρ‹, ΠΊΠ°ΠΊΠΈΠΌΠΈ ΠΎΠ½ΠΈ Π±Ρ‹Π²Π°ΡŽΡ‚ ΠΈ ΠΊΠ°ΠΊ ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΡˆΡ€ΠΈΡ„Ρ‚Ρ‹ Π² соврСмСнном Ρ†ΠΈΡ„Ρ€ΠΎΠ²ΠΎΠΌ ΠΌΠΈΡ€Π΅.

Анатомия ΡˆΡ€ΠΈΡ„Ρ‚Π°

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

Π’ΠΎΠ·ΡŒΠΌΠ΅ΠΌ, ΠΊ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Ρƒ, ΡˆΡ€ΠΈΡ„Ρ‚ с засСчками (Serif). Π§Ρ‚ΠΎΠ±Ρ‹ ΡˆΡ€ΠΈΡ„Ρ‚ ΠΏΠΎΠ΄Ρ…ΠΎΠ΄ΠΈΠ» ΠΏΠΎΠ΄ ΡˆΠΈΡ€ΠΎΠΊΠΎΠ΅ сСмСйство ΡˆΡ€ΠΈΡ„Ρ‚ΠΎΠ² с засСчками, ΠΎΠ½ Π΄ΠΎΠ»ΠΆΠ΅Π½ ΠΈΠΌΠ΅Ρ‚ΡŒ засСчки Π½Π° Π΄ΠΈΠ·Π°ΠΉΠ½Π΅ Π±ΡƒΠΊΠ². ΠšΠΎΠ½Π΅Ρ‡Π½ΠΎ, Π΅ΡΡ‚ΡŒ нСсколько ΠΏΠΎΠ΄ΠΊΠ°Ρ‚Π΅Π³ΠΎΡ€ΠΈΠΉ ΠΏΠΎΠ΄ ΠΎΠ΄Π½ΠΈΠΌ ΡˆΡ€ΠΈΡ„Ρ‚ΠΎΠΌ с Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹ΠΌΠΈ ΠΏΡ€Π°Π²ΠΈΠ»Π°ΠΌΠΈ, Π²ΠΏΠ»ΠΎΡ‚ΡŒ Π΄ΠΎ Π΄Π΅Ρ‚Π°Π»Π΅ΠΉ, Π½ΠΎ Ссли ΡΡ‚ΠΈΠ»ΡŒ ΡˆΡ€ΠΈΡ„Ρ‚Π° ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ засСчки, Π΅Π³ΠΎ ΠΌΠΎΠΆΠ½ΠΎ отнСсти Π² сСмСйство ΡˆΡ€ΠΈΡ„Ρ‚ΠΎΠ² с Π·Π°Ρ‡Π΅Ρ‡ΠΊΠ°ΠΌΠΈ.

ΠŸΠΎΡ‡Π΅ΠΌΡƒ Ρ‚ΠΈΠΏΠΎΠ³Ρ€Π°Ρ„ΠΈΠΊΠ° ΠΈΠΌΠ΅Π΅Ρ‚ Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅?

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

Грамотная Ρ€Π°Π±ΠΎΡ‚Π° со ΡˆΡ€ΠΈΡ„Ρ‚Π°ΠΌΠΈ прСслСдуСт Ρ‚Π°ΠΊΠΈΠ΅ Ρ†Π΅Π»ΠΈ:

  • Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ ΡƒΠ½ΠΈΠΊΠ°Π»ΡŒΠ½ΠΎΠ³ΠΎ Π±Ρ€Π΅Π½Π΄ΠΈΠ½Π³Π°
  • Π Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠ΅ возмоТностСй посСтитСлСй
  • ВлияйтС Π½Π° эмоции Ρ‡ΠΈΡ‚Π°Ρ‚Π΅Π»Π΅ΠΉ
  • ΠŸΡ€ΠΈΠ²Π»Π΅Ρ‡Π΅Π½ΠΈΠ΅ внимания ΠΊ дСталям

ΠžΡΠ½ΠΎΠ²Π½Ρ‹Π΅ стили ΠΈ психология ΡˆΡ€ΠΈΡ„Ρ‚ΠΎΠ²

ИсслСдованиС, ΠΏΡ€ΠΎΠ²Π΅Π΄Π΅Π½Π½ΠΎΠ΅ Британским психологичСским общСством Π² 1989 Π³ΠΎΠ΄Ρƒ, ΠΎΠ±Π½Π°Ρ€ΡƒΠΆΠΈΠ»ΠΎ ΠΊΠΎΡ€Ρ€Π΅Π»ΡΡ†ΠΈΡŽ ΠΌΠ΅ΠΆΠ΄Ρƒ ΠΏΡ€ΠΈΠ»Π°Π³Π°Ρ‚Π΅Π»ΡŒΠ½Ρ‹ΠΌΠΈ ΠΈ ΡˆΡ€ΠΈΡ„Ρ‚Π°ΠΌΠΈ. Π˜ΡΠΏΡ‹Ρ‚ΡƒΠ΅ΠΌΡ‹ΠΌ ΠΏΠΎΠΊΠ°Π·Π°Π»ΠΈ нСсколько ΡˆΡ€ΠΈΡ„Ρ‚ΠΎΠ² ΠΈ попросили ΠΎΡ†Π΅Π½ΠΈΡ‚ΡŒ Ρ‚Π΅ качСства восприятия, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΌΠΈ ΠΎΠ½ΠΈ ΠΌΠΎΠ³ΡƒΡ‚ ΠΎΠ±Π»Π°Π΄Π°Ρ‚ΡŒ, Ρ‚Π°ΠΊΠΈΠ΅ ΠΊΠ°ΠΊ тяТСлый ΠΈΠ»ΠΈ Π»Π΅Π³ΠΊΠΈΠΉ, быстрый ΠΈΠ»ΠΈ ΠΌΠ΅Π΄Π»Π΅Π½Π½Ρ‹ΠΉ. ИсслСдованиС ΠΎΠ±Π½Π°Ρ€ΡƒΠΆΠΈΠ»ΠΎ ΡΠ°ΠΌΡƒΡŽ Π²Ρ‹ΡΠΎΠΊΡƒΡŽ ΠΊΠΎΡ€Ρ€Π΅Π»ΡΡ†ΠΈΡŽ со ΡˆΡ€ΠΈΡ„Ρ‚Π°ΠΌΠΈ Times New Roman ΠΈ Helvetica ΠΈ Ρ‚Π°ΠΊΠΈΠΌΠΈ ΠΏΡ€ΠΈΠ»Π°Π³Π°Ρ‚Π΅Π»ΡŒΠ½Ρ‹ΠΌΠΈ ΠΊΠ°ΠΊ Β«Ρ„ΠΎΡ€ΠΌΠ°Π»ΡŒΠ½Ρ‹ΠΉΒ» ΠΈ Β«Ρ€Π°Π·Π±ΠΎΡ€Ρ‡ΠΈΠ²Ρ‹ΠΉΒ» соотвСтствСнно. Π’Π°ΠΊΠΆΠ΅ интСрСсно ΠΎΡ‚ΠΌΠ΅Ρ‚ΠΈΡ‚ΡŒ, Ρ‡Ρ‚ΠΎ эти ΡˆΡ€ΠΈΡ„Ρ‚Ρ‹ находятся Π½Π° ΠΏΡ€ΠΎΡ‚ΠΈΠ²ΠΎΠΏΠΎΠ»ΠΎΠΆΠ½Ρ‹Ρ… сторонах спСктра Ρ‚ΠΈΠΏΠΎΠ³Ρ€Π°Ρ„ΠΈΠΊΠΈ: Times New Roman являСтся ΡˆΡ€ΠΈΡ„Ρ‚ΠΎΠΌ с засСчками, Π° Helvetica β€” Π±Π΅Π· засСчСк.

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

Π˜Ρ‚Π°ΠΊ, Π΄Π°Π²Π°ΠΉΡ‚Π΅ ΠΏΠΎΠ΄Ρ€ΠΎΠ±Π½Π΅Π΅ рассмотрим основныС стили ΡˆΡ€ΠΈΡ„Ρ‚ΠΎΠ² ΠΈ Ρ‚ΠΎ, ΠΊΠ°ΠΊ люди ΠΎΠ±Ρ‹Ρ‡Π½ΠΎ ΠΈΡ… Π²ΠΎΡΠΏΡ€ΠΈΠ½ΠΈΠΌΠ°ΡŽΡ‚.

β„–1 Π¨Ρ€ΠΈΡ„Ρ‚Ρ‹ с засСчками (Serif)

НСкоторыС Ρ‚Π°ΠΊΠΈΡ… ΡˆΡ€ΠΈΡ„Ρ‚ΠΎΠ²: Times New Roman, Garamond, Georgia ΠΈ Palantino.

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

Какими ΠΏΡ€ΠΈΠ»Π°Π³Π°Ρ‚Π΅Π»ΡŒΠ½Ρ‹ΠΌΠΈ ΠΎΠ±Ρ‹Ρ‡Π½ΠΎ ΠΎΠΏΠΈΡΡ‹Π²Π°ΡŽΡ‚ ΡˆΡ€ΠΈΡ„Ρ‚Ρ‹ с засСчками?

  • Π’Ρ€Π°Π΄ΠΈΡ†ΠΈΠΎΠ½Π½Ρ‹ΠΉ
  • Π Π΅ΡΠΏΠ΅ΠΊΡ‚Π°Π±Π΅Π»ΡŒΠ½Ρ‹ΠΉ
  • НадСТный
  • Π­Π»Π΅Π³Π°Π½Ρ‚Π½Ρ‹ΠΉ
  • Π‘Π»ΠΎΠΆΠ½Ρ‹ΠΉ

β„–2 Π¨Ρ€ΠΈΡ„Ρ‚Ρ‹ Π±Π΅Π· засСчСк (Sans-Serif)

НСкоторыС ΠΏΡ€ΠΈΠΌΠ΅Ρ€Ρ‹ ΡˆΡ€ΠΈΡ„Ρ‚ΠΎΠ² Π±Π΅Π· засСчСк: Arial, Helvetica, Tahoma ΠΈ Calibri.

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

КакиС эмоции Π²Ρ‹Π·Ρ‹Π²Π°ΡŽΡ‚ ΡˆΡ€ΠΈΡ„Ρ‚Ρ‹ Π±Π΅Π· засСчСк?

  • Чистота
  • Π―ΡΠ½ΠΎΡΡ‚ΡŒ
  • Π‘ΠΎΠ²Ρ€Π΅ΠΌΠ΅Π½Π½ΠΎΡΡ‚ΡŒ
  • Π­Ρ„Ρ„Π΅ΠΊΡ‚ΠΈΠ²Π½ΠΎΡΡ‚ΡŒ
  • ΠŸΡ€ΡΠΌΠΎΠ»ΠΈΠ½Π΅ΠΉΠ½ΠΎΡΡ‚ΡŒ

β„–3 БСрия рукописных ΡˆΡ€ΠΈΡ„Ρ‚ΠΎΠ² (Script)

ΠŸΡ€ΠΈΠΌΠ΅Ρ€Ρ‹ рукописных ΡˆΡ€ΠΈΡ„Ρ‚ΠΎΠ²: Alex Brush, Pacifico, Lobster ΠΈ Tangerine.

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

КакиС эмоции Π²Ρ‹Π·Ρ‹Π²Π°ΡŽΡ‚ рукописныС ΡˆΡ€ΠΈΡ„Ρ‚Ρ‹?

  • Π­Π»Π΅Π³Π°Π½Ρ‚Π½ΠΎΡΡ‚ΡŒ
  • ВворчСский ΠΏΠΎΠ΄Ρ…ΠΎΠ΄
  • Π£Π½ΠΈΠΊΠ°Π»ΡŒΠ½ΠΎΡΡ‚ΡŒ
  • ΠŸΠ΅Ρ€ΡΠΎΠ½Π°Π»ΡŒΠ½Ρ‹ΠΉ ΠΏΠΎΠ΄Ρ…ΠΎΠ΄
  • Π­ΠΌΠΎΡ†ΠΈΠΎΠ½Π°Π»ΡŒΠ½ΠΎΡΡ‚ΡŒ

β„–4 Π”Π΅ΠΊΠΎΡ€Π°Ρ‚ΠΈΠ²Π½Ρ‹Π΅ ΡˆΡ€ΠΈΡ„Ρ‚Ρ‹ (Decorative)

ΠŸΡ€ΠΈΠΌΠ΅Ρ€Ρ‹ Π΄Π΅ΠΊΠΎΡ€Π°Ρ‚ΠΈΠ²Π½Ρ‹Ρ… ΡˆΡ€ΠΈΡ„Ρ‚ΠΎΠ²: Phosphate, Chalkduster, Graffiti, Grunge ΠΈ Stencil.

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

Π’ΠΈΠΏΠΈΡ‡Π½Ρ‹Π΅ характСристики Π΄Π΅ΠΊΠΎΡ€Π°Ρ‚ΠΈΠ²Π½Ρ‹Ρ… ΡˆΡ€ΠΈΡ„Ρ‚ΠΎΠ²:

  • Π£Π½ΠΈΠΊΠ°Π»ΡŒΠ½ΠΎΡΡ‚ΡŒ
  • ВворчСский ΠΏΠΎΠ΄Ρ…ΠΎΠ΄
  • ΠžΡ€ΠΈΠ³ΠΈΠ½Π°Π»ΡŒΠ½ΠΎΡΡ‚ΡŒ
  • Π“ΠΈΠ±ΠΊΠΎΡΡ‚ΡŒ

Π”ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ Ρ„Π°ΠΊΡ‚ΠΎΡ€Ρ‹, Π²Π»ΠΈΡΡŽΡ‰ΠΈΠ΅ Π½Π° восприятиС ΡˆΡ€ΠΈΡ„Ρ‚ΠΎΠ²

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

Випографский Π°ΠΊΡ†Π΅Π½Ρ‚ для привлСчСния внимания

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

Если Π³ΠΎΠ²ΠΎΡ€ΠΈΡ‚ΡŒ Π±ΠΎΠ»Π΅Π΅ ΠΊΠΎΠ½ΠΊΡ€Π΅Ρ‚Π½ΠΎ, Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΡˆΡ€ΠΈΡ„Ρ‚Ρ‹, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‰ΠΈΠ΅ типографский Π°ΠΊΡ†Π΅Π½Ρ‚, Ρ‚Π°ΠΊΠΆΠ΅ Π½Π°Π·Ρ‹Π²Π°ΡŽΡ‚ΡΡ ΠΏΠΎ Ρ€Π°Π·Π½ΠΎΠΌΡƒ, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, Helvetica Bold ΠΈ Times New Roman Italic. Однако с соврСмСнными тСкстовыми Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π°ΠΌΠΈ ΠΈ инструмСнтами для создания сайтов Π²Π°ΠΌ Π½Π΅ Π½ΡƒΠΆΠ½ΠΎ ΠΌΠ΅Π½ΡΡ‚ΡŒ ΡˆΡ€ΠΈΡ„Ρ‚, ΠΏΠΎΡΠΊΠΎΠ»ΡŒΠΊΡƒ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ CSS ΠΊΠΎΠΌΠ°Π½Π΄Ρ‹ для вставки элСмСнтов выдСлСния.

Π¦Π²Π΅Ρ‚ β€” Π΅Ρ‰Π΅ ΠΎΠ΄ΠΈΠ½ психологичСский Ρ„Π°ΠΊΡ‚ΠΎΡ€

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

Π‘ΠΎΡ‡Π΅Ρ‚Π°Π½ΠΈΠ΅ Π΄ΠΈΠ·Π°ΠΉΠ½Π°, ΡˆΡ€ΠΈΡ„Ρ‚ΠΎΠ² ΠΈ Ρ†Π²Π΅Ρ‚ΠΎΠ² вашСго сайта β€” нСпростая Π·Π°Π΄Π°Ρ‡Π°. Π₯отя Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΎΡΡ‚Π°Π²ΠΈΡ‚ΡŒ Ρ†Π²Π΅Ρ‚ ΡˆΡ€ΠΈΡ„Ρ‚Π° стандартным ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ, Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒ Π»ΡƒΡ‡ΡˆΠΈΠ΅ Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½Ρ‹Π΅ Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚Ρ‹, Ссли Π½Π΅ΠΌΠ½ΠΎΠ³ΠΎ поэкспСримСнтируСтС.

Π’ΠΎΡ‚ ΠΊΠ°ΠΊ люди Π²ΠΎΡΠΏΡ€ΠΈΠ½ΠΈΠΌΠ°ΡŽΡ‚ основныС Ρ†Π²Π΅Ρ‚Π°:

Π˜Π΅Ρ€Π°Ρ€Ρ…ΠΈΡ ΡˆΡ€ΠΈΡ„Ρ‚ΠΎΠ² ΠΏΠΎΠ²Ρ‹ΡˆΠ°Π΅Ρ‚ ΡƒΠ΄ΠΎΠ±ΠΎΡ‡ΠΈΡ‚Π°Π΅ΠΌΠΎΡΡ‚ΡŒ

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

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

ИсслСдования ΠΏΠΎΠΊΠ°Π·Ρ‹Π²Π°ΡŽΡ‚, Ρ‡Ρ‚ΠΎ для распространСнных ΡˆΡ€ΠΈΡ„Ρ‚ΠΎΠ² ΡƒΠ²Π΅Π»ΠΈΡ‡Π΅Π½ΠΈΠ΅ Тирности ΡˆΡ€ΠΈΡ„Ρ‚Π° ΡƒΠΏΡ€ΠΎΡ‰Π°Π΅Ρ‚ Ρ‡Ρ‚Π΅Π½ΠΈΠ΅ ΠΈ ΠΏΡ€ΠΈΠ²Π»Π΅ΠΊΠ°Π΅Ρ‚ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅. Π’Π°ΠΊΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ, ΠΏΡ€ΠΎΡ‰Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΆΠΈΡ€Π½Ρ‹Π΅ ΠΈ Π±ΠΎΠ»Π΅Π΅ ΠΊΡ€ΡƒΠΏΠ½Ρ‹Π΅ Π±ΡƒΠΊΠ²Ρ‹ Π² Π½Π΅ΡΠΊΠΎΠ»ΡŒΠΊΠΈΡ… мСстах.

Π”ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ способы для создания ΡƒΠ½ΠΈΠΊΠ°Π»ΡŒΠ½ΠΎΡΡ‚ΠΈ

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

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

  • ΠžΠΊΡ€ΡƒΠ³Π»Ρ‹Π΅ ΠΈ ΡƒΠ³Π»ΠΎΠ²Π°Ρ‚Ρ‹Π΅ ΡˆΡ€ΠΈΡ„Ρ‚Ρ‹
  • Π‘Ρ‚Ρ€ΠΎΡ‡Π½Ρ‹Π΅ ΠΈ прописныС ΡˆΡ€ΠΈΡ„Ρ‚Ρ‹
  • Π‘ΠΆΠ°Ρ‚Ρ‹Π΅ ΠΈ Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½Π½Ρ‹Π΅ ΡˆΡ€ΠΈΡ„Ρ‚Ρ‹
  • ΠšΠΎΡ€ΠΎΡ‚ΠΊΠΈΠ΅ ΠΈ высокиС ΡˆΡ€ΠΈΡ„Ρ‚Ρ‹

ВсС эти Π΄Π΅Ρ‚Π°Π»ΠΈ вмСстС ΡΠΏΠΎΡΠΎΠ±ΡΡ‚Π²ΡƒΡŽΡ‚ удобочитаСмости вашСго тСкста. ИспользованиС любого ΠΈΠ· этих элСмСнтов Π²ΠΎ ΠΌΠ½ΠΎΠ³ΠΎΠΌ зависит ΠΎΡ‚ Π²Ρ‹Π±Ρ€Π°Π½Π½Ρ‹Ρ… ΠΎΠ±Ρ‰ΠΈΡ… Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½Π°.

Π’Ρ‹Π±ΠΎΡ€ ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½Ρ‹Ρ… ΡˆΡ€ΠΈΡ„Ρ‚ΠΎΠ² для Π΄ΠΈΠ·Π°ΠΉΠ½Π° сайта

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

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

Π”ΠΎΡΡ‚ΡƒΠΏΠ½ΠΎΡΡ‚ΡŒ ΡˆΡ€ΠΈΡ„Ρ‚ΠΎΠ² Π² Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°Ρ… ΠΈ прилоТСниях

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

  • Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ систСмныС ΠΈ Π²Π΅Π±-ΡˆΡ€ΠΈΡ„Ρ‚Ρ‹
  • Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ ΡˆΠΈΡ€ΠΎΠΊΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅ΠΌΡƒΡŽ Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΡƒ ΡˆΡ€ΠΈΡ„Ρ‚ΠΎΠ²
  • Π‘ΠΎΠ·Π΄Π°Π²Π°ΠΉΡ‚Π΅ Ρ€Π΅Π·Π΅Ρ€Π²Π½Ρ‹Π΅ ΡˆΡ€ΠΈΡ„Ρ‚Ρ‹ Π² ΠΊΠΎΠ΄Π΅ вашСго сайта

БистСмныС ΡˆΡ€ΠΈΡ„Ρ‚Ρ‹ β€” это ΠΏΡ€Π΅Π΄Π²Π°Ρ€ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ установлСнныС ΡˆΡ€ΠΈΡ„Ρ‚Ρ‹ Π½Π° вашСм ΠΊΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€Π΅ ΠΈΠ»ΠΈ устройствС. Однако Π² зависимости ΠΎΡ‚ ΠΎΠΏΠ΅Ρ€Π°Ρ†ΠΈΠΎΠ½Π½ΠΎΠΉ систСмы, ΠΊΠΎΡ‚ΠΎΡ€ΡƒΡŽ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ устройство, доступныС ΡˆΡ€ΠΈΡ„Ρ‚Ρ‹ ΠΌΠΎΠ³ΡƒΡ‚ ΠΎΡ‚Π»ΠΈΡ‡Π°Ρ‚ΡŒΡΡ. НапримСр, Android ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ Roboto Π² качСствС систСмного ΡˆΡ€ΠΈΡ„Ρ‚Π°, Π° прилоТСния iOS ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ ΡˆΡ€ΠΈΡ„Ρ‚ Apple San Francisco.

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

Π”Ρ€ΡƒΠ³ΠΎΠΉ способ, особСнно Π² Π˜Π½Ρ‚Π΅Ρ€Π½Π΅Ρ‚Π΅ β€” ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΡƒ ΡˆΡ€ΠΈΡ„Ρ‚ΠΎΠ², Ρ‚Π°ΠΊΡƒΡŽ ​​как Google Fonts ΠΈΠ»ΠΈ Adobe Fonts. Π­Ρ‚ΠΈ слуТбы ΡˆΠΈΡ€ΠΎΠΊΠΎ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°ΡŽΡ‚ΡΡ Π½Π° Π½Π΅ΡΠΊΠΎΠ»ΡŒΠΊΠΈΡ… ΠΏΠ»Π°Ρ‚Ρ„ΠΎΡ€ΠΌΠ°Ρ… ΠΈ Ρ€Π°ΡΡˆΠΈΡ€ΡΡŽΡ‚ Π΄ΠΈΠ°ΠΏΠ°Π·ΠΎΠ½ Π²Ρ‹Π±ΠΎΡ€Π° ΡˆΡ€ΠΈΡ„Ρ‚ΠΎΠ² Π·Π° ΠΏΡ€Π΅Π΄Π΅Π»Ρ‹ систСмных. Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π·Π°Π³Ρ€ΡƒΠΆΠ°Ρ‚ΡŒ ΡˆΡ€ΠΈΡ„Ρ‚Ρ‹ прямо Π½Π° свой сайт ΠΈΠ· Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΠΈ ΠΈΠ»ΠΈ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΏΠ»Π°Π³ΠΈΠ½, ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡŽΡ‰ΠΈΠΉ Π²ΡΡ‚Π°Π²Π»ΡΡ‚ΡŒ ΡˆΡ€ΠΈΡ„Ρ‚Ρ‹.

Π‘ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΠΈ ΡˆΡ€ΠΈΡ„Ρ‚ΠΎΠ², Ρ‚Π°ΠΊΠΈΠ΅ ΠΊΠ°ΠΊ Google Fonts, Ρ€Π°Π±ΠΎΡ‚Π°ΡŽΡ‚ ΠΏΡƒΡ‚Π΅ΠΌ вставки ссылки Ρ‚Π°Π±Π»ΠΈΡ†Ρ‹ стилСй Π² ваш HTML-Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚. ΠžΡ‚Ρ‚ΡƒΠ΄Π° Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡΡΡ‹Π»Π°Ρ‚ΡŒΡΡ Π½Π° Π²Ρ‹Π±Ρ€Π°Π½Π½Ρ‹ΠΉ Π²Π°ΠΌΠΈ ΡˆΡ€ΠΈΡ„Ρ‚ Π² стилС CSS, Π° интСрфСйс ΠΏΡ€ΠΈΠΊΠ»Π°Π΄Π½ΠΎΠ³ΠΎ программирования (API) ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Π΅Ρ‚ ΡˆΡ€ΠΈΡ„Ρ‚Ρ‹ для Π²Π°ΡˆΠΈΡ… посСтитСлСй. Когда ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒ ΠΏΠΎΠ»ΡƒΡ‡Π°Π΅Ρ‚ доступ ΠΊ Π²Π°ΡˆΠ΅ΠΌΡƒ сайту, сСрвСры Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΠΈ ΡˆΡ€ΠΈΡ„Ρ‚ΠΎΠ² автоматичСски ΠΎΡ‚ΠΏΡ€Π°Π²Π»ΡΡŽΡ‚ Ρ„Π°ΠΉΠ» ΡˆΡ€ΠΈΡ„Ρ‚Π° Π² Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ Π² зависимости ΠΎΡ‚ Ρ‚ΠΎΠ³ΠΎ, ΠΊΠ°ΠΊΡƒΡŽ Ρ‚Π΅Ρ…Π½ΠΎΠ»ΠΎΠ³ΠΈΡŽ ΠΎΠ½ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅Ρ‚. Π’Π°ΠΊΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ, Π²Ρ‹ ΠΌΠΈΠ½ΠΈΠΌΠΈΠ·ΠΈΡ€ΡƒΠ΅Ρ‚Π΅ риски Ρ‚ΠΎΠ³ΠΎ, Ρ‡Ρ‚ΠΎ Π²Ρ‹Π±Ρ€Π°Π½Π½Ρ‹Π΅ Π²Π°ΠΌΠΈ ΡˆΡ€ΠΈΡ„Ρ‚Ρ‹ Π½Π΅ Π±ΡƒΠ΄ΡƒΡ‚ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Ρ‚ΡŒΡΡ для вашСго посСтитСля.

ДобавляйтС Ρ€Π΅Π·Π΅Ρ€Π²Π½Ρ‹ΠΉ ΡˆΡ€ΠΈΡ„Ρ‚

font-family: 'Roboto Condensed', Arial; // Π”ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΠ΅ Ρ€Π΅Π·Π΅Ρ€Π²Π½ΠΎΠ³ΠΎ ΡˆΡ€ΠΈΡ„Ρ‚Π° Arial

НаконСц, создайтС Ρ€Π΅Π·Π΅Ρ€Π²Π½ΡƒΡŽ копию систСмного ΡˆΡ€ΠΈΡ„Ρ‚Π° ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ, Ссли Π² Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ ΠΈΠ»ΠΈ устройствС Π½Π΅ установлСн Π²Ρ‹Π±Ρ€Π°Π½Π½Ρ‹ΠΉ Π²Π°ΠΌΠΈ ΡˆΡ€ΠΈΡ„Ρ‚. Π’Π°ΠΊΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ, Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π±Ρ‹Ρ‚ΡŒ ΡƒΠ²Π΅Ρ€Π΅Π½Ρ‹, Ρ‡Ρ‚ΠΎ Π² любом случаС ΠΏΠΎΡΠ΅Ρ‚ΠΈΡ‚Π΅Π»ΡŒ вашСго сайта смоТСт ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒ доступ ΠΊ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΈ, ΠΈ ΠΌΠΈΠ½ΠΈΠΌΠΈΠ·ΠΈΡ€ΡƒΠ΅Ρ‚ риск ошибки. Π‘Π»Π΅Π΄ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ, Ρ€Π΅Π·Π΅Ρ€Π²Π½Ρ‹ΠΉ ΡˆΡ€ΠΈΡ„Ρ‚ срабатываСт, ΠΊΠΎΠ³Π΄Π° Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ Π½Π΅ ΠΌΠΎΠΆΠ΅Ρ‚ ΠΎΡ‚ΠΎΠ±Ρ€Π°Π·ΠΈΡ‚ΡŒ основной ΡˆΡ€ΠΈΡ„Ρ‚ сайта.

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

Π¨Ρ€ΠΈΡ„Ρ‚Ρ‹ β€” это ΠΌΠΎΡ‰Π½Ρ‹Π΅ элСмСнты Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π°, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΌΠΎΠ³ΡƒΡ‚ Π²Ρ‹Π·Ρ‹Π²Π°Ρ‚ΡŒ эмоции, ΠΏΡ€ΠΈΠ²Π»Π΅ΠΊΠ°Ρ‚ΡŒ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅ ΠΈΠ»ΠΈ Π΄Π°ΠΆΠ΅ Π½Π°ΠΏΡ€Π°Π²Π»ΡΡ‚ΡŒ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ ΠΊ Π΄Π΅ΠΉΡΡ‚Π²ΠΈΡŽ. ИспользованиС психологии ΡˆΡ€ΠΈΡ„Ρ‚ΠΎΠ² для построСния Π΄ΠΈΠ·Π°ΠΉΠ½Π° вашСго сайта ΠΌΠΎΠΆΠ΅Ρ‚ ΡƒΠ»ΡƒΡ‡ΡˆΠΈΡ‚ΡŒ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΈΠΉ ΠΎΠΏΡ‹Ρ‚ ΠΈ Π·Π½Π°Ρ‡ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ ΠΏΠΎΠ²Ρ‹ΡΠΈΡ‚ΡŒ ΠΊΠΎΠ½Π²Π΅Ρ€ΡΠΈΡŽ.

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

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

Π›ΡƒΡ‡ΡˆΠΈΠ΅ ΡˆΡ€ΠΈΡ„Ρ‚Ρ‹ Google для вашСго сайта

21 июня 2019 г.

Π¨Ρ€ΠΈΡ„Ρ‚ являСтся Π²Π°ΠΆΠ½Ρ‹ΠΌ элСмСнтом Ρ„ΠΈΡ€ΠΌΠ΅Π½Π½ΠΎΠ³ΠΎ стиля ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠΈ. Π’ случаС с ИВ-ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠ΅ΠΉ, ΡŽΡ€ΠΈΠ΄ΠΈΡ‡Π΅ΡΠΊΠΎΠΉ ΠΈΠ»ΠΈ финансовой Ρ„ΠΈΡ€ΠΌΠΎΠΉ, ΠΎΠ½ Π΄ΠΎΠ»ΠΆΠ΅Π½ Π²Ρ‹Π·Ρ‹Π²Π°Ρ‚ΡŒ Π΄ΠΎΠ²Π΅Ρ€ΠΈΠ΅, Π° Ρ‚Π°ΠΊΠΆΠ΅ Π΄ΠΎΠ»ΠΆΠ΅Π½ Π²ΠΊΠ»ΡŽΡ‡Π°Ρ‚ΡŒ Π² сСбя Π½Π°Ρ†ΠΈΠΎΠ½Π°Π»ΡŒΠ½ΡƒΡŽ раскладку ΠΈ ΡΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½Ρ‹Π΅ символы.

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

1. Open sans

Π¨Ρ€ΠΈΡ„Ρ‚ Π±Ρ‹Π» Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Π°Π½ с прямым Π½Π°Ρ‡Π΅Ρ€Ρ‚Π°Π½ΠΈΠ΅ΠΌ, ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚Ρ‹ΠΌΠΈ Ρ„ΠΎΡ€ΠΌΠ°ΠΌΠΈ ΠΈ Π½Π΅ΠΉΡ‚Ρ€Π°Π»ΡŒΠ½Ρ‹ΠΌ, Π½ΠΎ Π² Ρ‚ΠΎ ΠΆΠ΅ врСмя Π΄Ρ€ΡƒΠΆΠ΅Π»ΡŽΠ±Π½Ρ‹ΠΌ внСшним Π²ΠΈΠ΄ΠΎΠΌ. ИдСально ΠΏΠΎΠ΄Ρ…ΠΎΠ΄ΠΈΡ‚ для Π²Π΅Π±-сайтов ΠΈ ΠΏΡ€Π΅Π·Π΅Π½Ρ‚Π°Ρ†ΠΈΠΉ.

2. Merriweather

Π¨Ρ€ΠΈΡ„Ρ‚ Π±Ρ‹Π» Π·Π°Π΄ΡƒΠΌΠ°Π½ ΠΊΠ°ΠΊ тСкст, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ приятно Ρ‡ΠΈΡ‚Π°Ρ‚ΡŒ Π½Π° экранС. Он отличаСтся ΠΎΡ‡Π΅Π½ΡŒ большой высотой Π±ΡƒΠΊΠ², слСгка ΡƒΠΏΠ»ΠΎΡ‚Π½Π΅Π½Π½Ρ‹ΠΌΠΈ Π±ΡƒΠΊΠ²Π΅Π½Π½Ρ‹ΠΌΠΈ Ρ„ΠΎΡ€ΠΌΠ°ΠΌΠΈ, мягким Π΄ΠΈΠ°Π³ΠΎΠ½Π°Π»ΡŒΠ½Ρ‹ΠΌ Π½Π°Ρ‡Π΅Ρ€Ρ‚Π°Π½ΠΈΠ΅ΠΌ, ΠΏΡ€ΠΎΡ‡Π½Ρ‹ΠΌΠΈ засСчками ΠΈ ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚Ρ‹ΠΌΠΈ Ρ„ΠΎΡ€ΠΌΠ°ΠΌΠΈ. ВСкст, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π²Ρ‹ Ρ‡ΠΈΡ‚Π°Π΅Ρ‚Π΅, написан с использованиСм Merriweather.

3. Montserrat

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

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

5. RobotoΠ¨Ρ€ΠΈΡ„Ρ‚ исполнСн Π² гСомСтричСских Ρ„ΠΎΡ€ΠΌΠ°Ρ…. Π’ Ρ‚ΠΎ ΠΆΠ΅ врСмя, ΡˆΡ€ΠΈΡ„Ρ‚ ΠΈΠΌΠ΅Π΅Ρ‚ Π΄Ρ€ΡƒΠΆΠ΅Π»ΡŽΠ±Π½Ρ‹Π΅ ΠΈ ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚Ρ‹Π΅ ΠΊΡ€ΠΈΠ²Ρ‹Π΅.
Roboto позволяСт ΡƒΠΊΠ»Π°Π΄Ρ‹Π²Π°Ρ‚ΡŒ Π±ΡƒΠΊΠ²Ρ‹ Π² ΠΈΡ… Π΅ΡΡ‚Π΅ΡΡ‚Π²Π΅Π½Π½ΡƒΡŽ ΡˆΠΈΡ€ΠΈΠ½Ρƒ. Π­Ρ‚ΠΎ Π΄Π΅Π»Π°Π΅Ρ‚ Π±ΠΎΠ»Π΅Π΅ СстСствСнным Ρ€ΠΈΡ‚ΠΌ чтСния, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Ρ‡Π°Ρ‰Π΅ встрСчаСтся Ρƒ засСчённых ΡˆΡ€ΠΈΡ„Ρ‚ΠΎΠ².

6. Roboto CondensedΠšΡ€Π°ΡΠΈΠ²Ρ‹ΠΉ ΠΈ Π°ΠΊΠΊΡƒΡ€Π°Ρ‚Π½Ρ‹ΠΉ ΡˆΡ€ΠΈΡ„Ρ‚ ΠΎΡ‚ Google.
Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ Π½Π° сайтС Π² тСкстах.

7. Source Sans Pro

Π¨Ρ€ΠΈΡ„Ρ‚ Π²Π΄ΠΎΡ…Π½ΠΎΠ²Π»Π΅Π½ готичСским стилСм Π½Π°Ρ‡Π°Π»Π° XX Π²Π΅ΠΊΠ° ΠΈ готичСскими ΡˆΡ€ΠΈΡ„Ρ‚Π°ΠΌΠΈ. ΠŸΡ€Π΅Π΄Π½Π°Π·Π½Π°Ρ‡Π΅Π½ для ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΈΡ… интСрфСйсов.
ДоступСн Π² 6 Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Ρ… стилях, прСдлагаСтся ΡˆΠΈΡ€ΠΎΠΊΠΈΠΉ спСктр примСнСния.

8. UbuntuΠ‘ΠΎΠ²Ρ€Π΅ΠΌΠ΅Π½Π½Ρ‹ΠΉ ΡΡ‚ΠΈΠ»ΡŒΠ½Ρ‹ΠΉ ΡˆΡ€ΠΈΡ„Ρ‚. Π›ΡƒΡ‡ΡˆΠ΅ всСго ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ для Π½Π΅Π±ΠΎΠ»ΡŒΡˆΠΈΡ… тСкстов ΠΈΠ»ΠΈ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΎΠ².

9. Cuprum

Π£Π·ΠΊΠΈΠΉ ΡˆΡ€ΠΈΡ„Ρ‚, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ для Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΎΠ² ΠΈΠ»ΠΈ Π½Π΅Π±ΠΎΠ»ΡŒΡˆΠΈΡ… тСкстов.

10. Rubik

Π¨Ρ€ΠΈΡ„Ρ‚ со слСгка Π·Π°ΠΊΡ€ΡƒΠ³Π»Π΅Π½Π½Ρ‹ΠΌΠΈ Π±ΡƒΠΊΠ²Π°ΠΌΠΈ.

11. Exo 2Π‘ΠΎΠ²Ρ€Π΅ΠΌΠ΅Π½Π½Ρ‹ΠΉ, Π½Π΅ содСрТащий засСчСк гСомСтричСский ΡˆΡ€ΠΈΡ„Ρ‚, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ пытаСтся ΠΏΠ΅Ρ€Π΅Π΄Π°Ρ‚ΡŒ тСхнологичСскоС/футуристичСскоС ΠΎΡ‰ΡƒΡ‰Π΅Π½ΠΈΠ΅, сохраняя ΠΏΡ€ΠΈ этом элСгантный Π΄ΠΈΠ·Π°ΠΉΠ½.

Π‘Ρ‚ΠΎΠΈΡ‚ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ с нСбольшими Ρ€Π°Π·ΠΌΠ΅Ρ€Π°ΠΌΠΈ тСкста ΠΈ Π΄Π»ΠΈΠ½Π½Ρ‹ΠΌΠΈ тСкстами.

12. ArimoΠ˜Π½Π½ΠΎΠ²Π°Ρ†ΠΈΠΎΠ½Π½Ρ‹ΠΉ ΠΎΡΠ²Π΅ΠΆΠ°ΡŽΡ‰ΠΈΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½ Π±Π΅Π· засСчСк, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ совмСстим с Arial.
ΠžΠ±Π΅ΡΠΏΠ΅Ρ‡ΠΈΠ²Π°Π΅Ρ‚ ΡƒΠ»ΡƒΡ‡ΡˆΠ΅Π½Π½ΠΎΠ΅ считываниС ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΈ с экрана. Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ для Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΎΠ² ΠΈ тСкста.

13. Old Standard

Вариация ΡˆΡ€ΠΈΡ„Ρ‚Π° стиля ΠΌΠΎΠ΄Π΅Ρ€Π½.
Π₯ΠΎΡ€ΠΎΡˆΠΈΠΉ Π²Ρ‹Π±ΠΎΡ€ для возроТдСния Π½Π°ΠΈΠ±ΠΎΠ»Π΅Π΅ распространённого Π±ΡƒΠΊΠ²Π΅Π½Π½ΠΎΠ³ΠΎ Ρ‚ΠΈΠΏΠ° Π½Π°Ρ‡Π°Π»Π° XX Π²Π΅ΠΊΠ°.

14. Playfair Display

ИдСология Π΄Π°Π½Π½ΠΎΠ³ΠΎ ΡˆΡ€ΠΈΡ„Ρ‚Π° восходит ΠΊ Π½Π°Ρ‡Π°Π»Ρƒ XVIII Π²Π΅ΠΊΠ°. Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ Π΅Π³ΠΎ для Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΎΠ² ΠΈ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΎΠ².

15.Comfortaa

ΠžΠΊΡ€ΡƒΠ³Π»Π΅Π½Π½Ρ‹ΠΉ простой гСомСтричСский ΡˆΡ€ΠΈΡ„Ρ‚ для тСкстов с большим Ρ€Π°Π·ΠΌΠ΅Ρ€ΠΎΠΌ Ρ‚ΠΎΡ‡ΠΊΠΈ.
Он Π±Ρ‹Π» создан Π™ΠΎΡ…Π°Π½ΠΎΠΌ АакСрлундом, ΠΈΠ½ΠΆΠ΅Π½Π΅Ρ€ΠΎΠΌ-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΎΠΌ Π² ВСхничСском унивСрситСтС Π”Π°Π½ΠΈΠΈ.

Π˜ΠΌΠ΅ΠΉΡ‚Π΅ Π² Π²ΠΈΠ΄Ρƒ, Ρ‡Ρ‚ΠΎ ΡˆΡ€ΠΈΡ„Ρ‚Ρ‹ ΡΠ²Π»ΡΡŽΡ‚ΡΡ основой Π±Ρ€Π΅Π½Π΄Π°, ΠΈ Π²Ρ‹Π±ΠΎΡ€ Π΄ΠΎΠ»ΠΆΠ΅Π½ Π±Ρ‹Ρ‚ΡŒ сдСлан с большой ΠΎΡΡ‚ΠΎΡ€ΠΎΠΆΠ½ΠΎΡΡ‚ΡŒΡŽ. Π›ΠΈΡˆΡŒ нСбольшоС количСство ΡˆΡ€ΠΈΡ„Ρ‚ΠΎΠ² Ρ…ΠΎΡ€ΠΎΡˆΠΎ читаСтся Π² Π΄Π»ΠΈΠ½Π½Ρ‹Ρ… тСкстах.

НСдавниС ΠΏΡƒΠ±Π»ΠΈΠΊΠ°Ρ†ΠΈΠΈ


Β© ВсС ΠΏΡ€Π°Π²Π° Π·Π°Ρ‰ΠΈΡ‰Π΅Π½Ρ‹. Smartiee Agency
e-mail us: info@smartiee.agency

Π”ΠΈΠ·Π°ΠΉΠ½ Π’Π΄ΠΎΡ…Π½ΠΎΠ²Π΅Π½ΠΈΠ΅ для Ρ€Π°Π±ΠΎΡ‡ΠΈΡ… процСссов UX ΠΈ UI

Π˜Π»Π»ΡŽΡΡ‚Ρ€Π°Ρ†ΠΈΡ Π‘Ρ…Π°Π²ΡŒΠΈ ΠœΠΈΠ½ΠΎΡ‡Π°

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

Когда Π²Ρ‹ застряли Π² Ρ‚Π°ΠΊΠΈΡ… ΠΌΠΎΠΌΠ΅Π½Ρ‚Π°Ρ…, часто нСбольшоС дизайнСрскоС Π²Π΄ΠΎΡ…Π½ΠΎΠ²Π΅Π½ΠΈΠ΅ ΠΌΠΎΠΆΠ΅Ρ‚ ΠΈΠΌΠ΅Ρ‚ΡŒ большоС Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅, помогая Π²Π°ΠΌ ΠΏΠΎΡΠ²ΠΈΡ‚ΡŒΡΡ с Π½ΠΎΠ²Ρ‹ΠΌΠΈ идСями для создания ΠΏΠΎΡ‚Ρ€ΡΡΠ°ΡŽΡ‰ΠΈΡ… ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΈΡ… интСрфСйсов.

Π’ΠΎΡ‚ ΠΏΠΎΡ‡Π΅ΠΌΡƒ для всСх Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ΠΎΠ², нСзависимо ΠΎΡ‚ ΠΈΡ… уровня ΠΎΠΏΡ‹Ρ‚Π°, ΠΆΠΈΠ·Π½Π΅Π½Π½ΠΎ Π²Π°ΠΆΠ½ΠΎ вСсти список мСст, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΌΠΎΠΆΠ½ΠΎ ΠΏΠΎΡΠ΅Ρ‚ΠΈΡ‚ΡŒ Π² поисках вдохновСния. Π’Π°ΠΊΠΆΠ΅ Π²Π°ΠΆΠ½ΠΎ ΠΏΠΎΠ½ΠΈΠΌΠ°Ρ‚ΡŒ, Ρ‡Ρ‚ΠΎ ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½Π½Ρ‹Π΅ сайты ΠΈ физичСскиС пространства Π»ΡƒΡ‡ΡˆΠ΅ подходят для дизайнСрского вдохновСния Π½Π° Ρ€Π°Π·Π½Ρ‹Ρ… этапах Ρ€Π°Π±ΠΎΡ‡Π΅Π³ΠΎ процСсса UX ΠΈ UI.

Π”Π°Π²Π°ΠΉΡ‚Π΅ Π½Π°Ρ‡Π½Π΅ΠΌ с рассмотрСния основных Ρ€Π°Π±ΠΎΡ‡ΠΈΡ… процСссов UX ΠΈ UI, Π° Π·Π°Ρ‚Π΅ΠΌ обсудим, Π³Π΄Π΅ Π»ΡƒΡ‡ΡˆΠ΅ всСго ΠΈΡΠΊΠ°Ρ‚ΡŒ Π²Π΄ΠΎΡ…Π½ΠΎΠ²Π΅Π½ΠΈΠ΅ для Π΄ΠΈΠ·Π°ΠΉΠ½Π° для ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ ΠΊΠΎΠ½ΠΊΡ€Π΅Ρ‚Π½ΠΎΠ³ΠΎ этапа.

Π Π°Π±ΠΎΡ‡ΠΈΠΉ процСсс UX ΠΈ UI ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Π° ΠΌΠΎΠΆΠ΅Ρ‚ Ρ€Π°Π·Π»ΠΈΡ‡Π°Ρ‚ΡŒΡΡ Π² зависимости ΠΎΡ‚ Π΅Π³ΠΎ Π»ΠΈΡ‡Π½ΠΎΠ³ΠΎ стиля, ΠΊΠΎΠΌΠ°Π½Π΄Ρ‹ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ΠΎΠ², Ρ‡Π°ΡΡ‚ΡŒΡŽ ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΉ ΠΎΠ½ являСтся, ΠΈΠ»ΠΈ Π΄Π°ΠΆΠ΅ ΠΊΠΎΠ½ΠΊΡ€Π΅Ρ‚Π½ΠΎΠ³ΠΎ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π°, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΈΠΌ Π½Π°Π·Π½Π°Ρ‡Π΅Π½. Для Ρ†Π΅Π»Π΅ΠΉ этой ΡΡ‚Π°Ρ‚ΡŒΠΈ рассмотритС ΡΠ»Π΅Π΄ΡƒΡŽΡ‰Π΅Π΅ ΠΊΠ°ΠΊ Ρ€Π°Π±ΠΎΡ‡ΠΈΠΉ процСсс UX ΠΈ UI: ΠΌΠΎΠ·Π³ΠΎΠ²ΠΎΠΉ ΡˆΡ‚ΡƒΡ€ΠΌ, исслСдованиС, низкокачСствСнный Π΄ΠΈΠ·Π°ΠΉΠ½, тСстированиС, высококачСствСнный Π΄ΠΈΠ·Π°ΠΉΠ½ ΠΈ ΠΏΡ€ΠΎΡ‚ΠΎΡ‚ΠΈΠΏΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅.

Π’ΠΎΡ‚ Ρ‡Ρ‚ΠΎ Π²Ρ…ΠΎΠ΄ΠΈΡ‚ Π² ΠΊΠ°ΠΆΠ΄Ρ‹ΠΉ ΠΈΠ· этих этапов:

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

ИсслСдования: Как UX-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Ρ‹, Π²Ρ‹ Π΄ΠΎΠ»ΠΆΠ½Ρ‹ ΡΠ»Π΅Π΄ΠΈΡ‚ΡŒ Π·Π° Ρ‚Π΅ΠΌ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ исслСдования постоянно ΠΏΡ€ΠΎΠ²ΠΎΠ΄ΠΈΠ»ΠΈΡΡŒ вмСстС с Π΄ΠΈΠ·Π°ΠΉΠ½ΠΎΠΌ, ΠΎΡ€ΠΈΠ΅Π½Ρ‚ΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹ΠΌ Π½Π° Ρ‡Π΅Π»ΠΎΠ²Π΅ΠΊΠ°. На этапС исслСдования всС начинаСтся: Π²Ρ‹ Π½Π°ΠΌΠ΅Ρ‡Π°Π΅Ρ‚Π΅ свой ΠΏΠ»Π°Π½ исслСдования ΠΈ обсуТдаСтС, ΠΊΠ°ΠΊΠΈΠ΅ исслСдования ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΉ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ провСсти Π΄ΠΎ Π½Π°Ρ‡Π°Π»Π° ΠΊΠ°ΠΊΠΎΠΉ-Π»ΠΈΠ±ΠΎ фактичСской Ρ€Π°Π±ΠΎΡ‚Ρ‹ ΠΏΠΎ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΡŽ. Если всС сдСлано ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΠΎ, эффСктивноС исслСдованиС ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΉ ΠΌΠΎΠΆΠ΅Ρ‚ Π·Π½Π°Ρ‡ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ ΡΠΎΠΊΡ€Π°Ρ‚ΠΈΡ‚ΡŒ врСмя производства, ΠΎΠ΄Π½ΠΎΠ²Ρ€Π΅ΠΌΠ΅Π½Π½ΠΎ увСличивая ΡˆΠ°Π½ΡΡ‹ Π½Π° Ρ‚ΠΎ, Ρ‡Ρ‚ΠΎ ваш Π΄ΠΈΠ·Π°ΠΉΠ½ Ρ€Π΅ΡˆΠ°Π΅Ρ‚ ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΡƒΡŽ ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΡƒ.

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

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

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

ΠŸΡ€ΠΎΡ‚ΠΎΡ‚ΠΈΠΏΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅: ПослСдним шагом Π² Ρ€Π°Π±ΠΎΡ‡Π΅ΠΌ процСссС UX ΠΈ UI являСтся созданиС ΠΏΡ€ΠΎΡ‚ΠΎΡ‚ΠΈΠΏΠ° Π΄ΠΈΠ·Π°ΠΉΠ½Π°, координация ΠΈ синхронизация Π²Π°ΡˆΠΈΡ… экранов, Π° Ρ‚Π°ΠΊΠΆΠ΅ созданиС ΠΊΠ»ΠΈΠΊΠ°Π±Π΅Π»ΡŒΠ½ΠΎΡΡ‚ΠΈ для провСдСния дальнСйшСго ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΎΠ³ΠΎ тСстирования ΠΈΠ»ΠΈ ΠΏΠ΅Ρ€Π΅Π΄Π°Ρ‡ΠΈ Π΅Π³ΠΎ ΠΊΠΎΠΌΠ°Π½Π΄Π΅ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΎΠ². ЦСль прототипирования β€” ΡƒΠ±Π΅Π΄ΠΈΡ‚ΡŒΡΡ, Ρ‡Ρ‚ΠΎ Π²Ρ‹ создаСтС ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚Ρ‹ с использованиСм ΠΌΠ΅Ρ‚ΠΎΠ΄ΠΎΠ² взаимодСйствия Ρ‡Π΅Π»ΠΎΠ²Π΅ΠΊΠ° с ΠΊΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€ΠΎΠΌ (HCI). Π’Π°ΠΊΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ, Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡƒΠ±Π΅Π΄ΠΈΡ‚ΡŒΡΡ, Ρ‡Ρ‚ΠΎ Π΄ΠΈΠ·Π°ΠΉΠ½ ΡƒΠ»ΡƒΡ‡ΡˆΠ°Π΅Ρ‚ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΈΠΉ ΠΎΠΏΡ‹Ρ‚, Π° Π½Π΅ ΠΌΠ΅ΡˆΠ°Π΅Ρ‚ Π΅ΠΌΡƒ.

Π’Π΅ΠΏΠ΅Ρ€ΡŒ, ΠΊΠΎΠ³Π΄Π° Ρƒ вас Π΅ΡΡ‚ΡŒ ΠΊΡ€Π°Ρ‚ΠΊΠΈΠΉ ΠΎΠ±Π·ΠΎΡ€ Ρ€Π°Π±ΠΎΡ‡Π΅Π³ΠΎ процСсса UX И UI, Π΄Π°Π²Π°ΠΉΡ‚Π΅ посмотрим, Π³Π΄Π΅ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π½Π°ΠΉΡ‚ΠΈ Π²Π΄ΠΎΡ…Π½ΠΎΠ²Π΅Π½ΠΈΠ΅ для Π΄ΠΈΠ·Π°ΠΉΠ½Π°.

Π”ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ ΠΈΡ‰Π΅Ρ‚ Π²Π΄ΠΎΡ…Π½ΠΎΠ²Π΅Π½ΠΈΠ΅ Π² Π˜Π½Ρ‚Π΅Ρ€Π½Π΅Ρ‚Π΅. Π˜Π·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ прСдоставлСно Adobe Stock.

ΠšΡƒΠ΄Π° ΠΏΠΎΠΉΡ‚ΠΈ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π½Π°ΠΉΡ‚ΠΈ Π²Π΄ΠΎΡ…Π½ΠΎΠ²Π΅Π½ΠΈΠ΅ для Π΄ΠΈΠ·Π°ΠΉΠ½Π°

Как Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Ρ‹, Π²Π΄ΠΎΡ…Π½ΠΎΠ²Π΅Π½ΠΈΠ΅ ΠΌΠΎΠΆΠ½ΠΎ Π½Π°ΠΉΡ‚ΠΈ практичСски Π³Π΄Π΅ ΡƒΠ³ΠΎΠ΄Π½ΠΎ, Π½ΠΎ довольно часто ΠΎΠ½ΠΎ находится Π² Π²ΠΈΡ€Ρ‚ΡƒΠ°Π»ΡŒΠ½Ρ‹Ρ… источниках ΠΈ ΠΎΡ‚ Π΄Ρ€ΡƒΠ³ΠΈΡ… Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ΠΎΠ². НаличиС ΠΊΠΎΠ»Π»Π΅ΠΊΡ†ΠΈΠΈ Π²ΠΈΡ€Ρ‚ΡƒΠ°Π»ΡŒΠ½Ρ‹Ρ… мСст, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π²Ρ‹ часто посСщаСтС, β€” ΠΎΡ‚Π»ΠΈΡ‡Π½Ρ‹ΠΉ способ ΠΎΡΡ‚Π°Π²Π°Ρ‚ΡŒΡΡ Π²Π΄ΠΎΡ…Π½ΠΎΠ²Π»Π΅Π½Π½Ρ‹ΠΌ ΠΈ Π±Ρ‹Ρ‚ΡŒ Π² курсС Ρ‚Π΅Π½Π΄Π΅Π½Ρ†ΠΈΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½Π°. Π’ΠΎΡ‚ нСсколько мСст, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΡ€ΠΎΠ²Π΅Ρ€ΠΈΡ‚ΡŒ.

Medium

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

Pinterest

Если Π²Π°ΠΌ Π½ΡƒΠΆΠ΅Π½ Ρ…ΠΎΡ€ΠΎΡˆΠΈΠΉ баланс вдохновСния для Π²Π°ΡˆΠΈΡ… низкокачСствСнных ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΎΠ² ΠΈΠ»ΠΈ Π΄Π°ΠΆΠ΅ для Π²Π°ΡˆΠΈΡ… ΠΈΡΡΠ»Π΅Π΄ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΈΡ… ΠΏΡ€Π΅Π·Π΅Π½Ρ‚Π°Ρ†ΠΈΠΉ, Pinterest β€” отличная ΠΏΠ»Π°Ρ‚Ρ„ΠΎΡ€ΠΌΠ° для ΠΏΡ€ΠΎΠ²Π΅Ρ€ΠΊΠΈ. Он ΠΏΡ€Π΅Π΄Π»Π°Π³Π°Π΅Ρ‚ ΡˆΠΈΡ€ΠΎΠΊΠΈΠΉ спСктр вдохновСния ΠΎΡ‚ ΠΌΠΎΠ΄Ρ‹ Π΄ΠΎ графичСского Π΄ΠΈΠ·Π°ΠΉΠ½Π°. Π­Ρ‚ΠΎ Ρ‚Π°ΠΊΠΆΠ΅ ΡƒΠΏΡ€ΠΎΡ‰Π°Π΅Ρ‚ сбор ΠΈ созданиС ΠΊΠΎΠ»Π»Π΅ΠΊΡ†ΠΈΠΉ, спСцифичных для Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Ρ… Ρ‚ΠΈΠΏΠΎΠ² дизайнСрских Ρ€Π°Π±ΠΎΡ‚.

Designspiration

ΠšΠΎΠ½Ρ†Π΅ΠΏΡ†ΠΈΡ Designspiration, аналогичная Pinterest, удСляСт особоС Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅ тСндСнциям Π² Π΄ΠΈΠ·Π°ΠΉΠ½Π΅. Π­Ρ‚ΠΎ ΠΎΡ‚Π»ΠΈΡ‡Π½ΠΎΠ΅ мСсто, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΠΎΡΠ΅Ρ‚ΠΈΡ‚ΡŒ ΠΈ ΠΈΠ·ΡƒΡ‡ΠΈΡ‚ΡŒ ΡˆΠΈΡ€ΠΎΠΊΠΈΠΉ спСктр дизайнСрских Ρ€Π°Π±ΠΎΡ‚, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒ Π²Π΄ΠΎΡ…Π½ΠΎΠ²Π΅Π½ΠΈΠ΅ для Π²Π°ΡˆΠΈΡ… Π±ΡƒΠ΄ΡƒΡ‰ΠΈΡ… ΠΈ Ρ‚Π΅ΠΊΡƒΡ‰ΠΈΡ… ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΎΠ².

Dribbble

ΠŸΠ»Π°Ρ‚Ρ„ΠΎΡ€ΠΌΠ° Π½ΠΎΠΌΠ΅Ρ€ ΠΎΠ΄ΠΈΠ½ для ΠΎΠ±ΠΌΠ΅Π½Π° ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π½Ρ‹ΠΌΠΈ Ρ€Π°Π±ΠΎΡ‚Π°ΠΌΠΈ ΠΈ получСния вдохновСния β€” Dribbble. ΠŸΠ»Π°Ρ‚Ρ„ΠΎΡ€ΠΌΠ° выступаСт Π² качСствС мСста для ΠΎΠ±ΠΌΠ΅Π½Π° ΠΈ продвиТСния вашСй Ρ€Π°Π±ΠΎΡ‚Ρ‹, Π° Ρ‚Π°ΠΊΠΆΠ΅ для поиска Π»ΡŽΠ±ΠΈΠΌΡ‹Ρ… Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ΠΎΠ² ΠΈ подписки Π½Π° Π½ΠΈΡ…. Π­Ρ‚ΠΎ прСкрасноС мСсто, Π³Π΄Π΅ ΠΌΠΎΠΆΠ½ΠΎ Π½Π°ΠΉΡ‚ΠΈ Π²Π΄ΠΎΡ…Π½ΠΎΠ²Π΅Π½ΠΈΠ΅ для Π΄ΠΈΠ·Π°ΠΉΠ½Π° с Π½ΠΈΠ·ΠΊΠΎΠΉ ΠΈ высокой Ρ‚ΠΎΡ‡Π½ΠΎΡΡ‚ΡŒΡŽ.

Instagram

Instagram большС Π½Π΅ просто мСсто для ΠΎΠ±ΠΌΠ΅Π½Π° фотографиями ΠΈ Π»ΠΈΡ‡Π½Ρ‹ΠΌ ΠΎΠΏΡ‹Ρ‚ΠΎΠΌ; ΠΎΠ½ стал Π΄ΠΎΠΌΠΎΠΌ для всСх Π²ΠΈΠ΄ΠΎΠ² искусства. Если Π²Ρ‹ Π΅Ρ‰Π΅ этого Π½Π΅ сдСлали, слСдитС Π·Π° Ρ…ΡΡˆΡ‚Π΅Π³Π°ΠΌΠΈ, связанными с UX-Π΄ΠΈΠ·Π°ΠΉΠ½ΠΎΠΌ, Ρ‚Π°ΠΊΠΈΠΌΠΈ ΠΊΠ°ΠΊ #ux, #uxdesign ΠΈ #userresearch, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΠΎΠ»ΡƒΡ‡Π°Ρ‚ΡŒ Ρ€Π΅Π³ΡƒΠ»ΡΡ€Π½ΡƒΡŽ Π΄ΠΎΠ·Ρƒ дизайнСрской Ρ€Π°Π±ΠΎΡ‚Ρ‹, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΉ дСлятся Π΄Ρ€ΡƒΠ³ΠΈΠ΅ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Ρ‹ UX/UI.

Π”ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Ρ‹ Ρ€Π°Π±ΠΎΡ‚Π°ΡŽΡ‚ вмСстС ΠΈ ΠΏΡ€ΠΎΡΠΌΠ°Ρ‚Ρ€ΠΈΠ²Π°ΡŽΡ‚ мноТСство дизайнСрских Π²Π΄ΠΎΡ…Π½ΠΎΠ²Π΅Π½ΠΈΠΉ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΎΠ½ΠΈ собрали. Π˜Π·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ прСдоставлСно Adobe Stock.

Как ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π²Π΄ΠΎΡ…Π½ΠΎΠ²Π΅Π½ΠΈΠ΅ Π² Π΄ΠΈΠ·Π°ΠΉΠ½Π΅

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

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

НСмного вдохновСния Π² Π΄ΠΈΠ·Π°ΠΉΠ½Π΅ ΠΏΡ€ΠΎΠ±ΠΎΡ€Π°

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

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

User TestingDesign Systems

Words by
Дэн Π‘ΠΈΠ»ΡŒΠ²Π΅ΠΉΡ€Π°

Дэн Π‘ΠΈΠ»ΡŒΠ²Π΅ΠΉΡ€Π° β€” UX-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ ΠΈ ΠΏΠΈΡΠ°Ρ‚Π΅Π»ΡŒ. Он ΠΆΠΈΠ²Π΅Ρ‚ Π² Π’ΠΎΡ€ΠΎΠ½Ρ‚ΠΎ, Канада, Π³Π΄Π΅ Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ Π² ΠΊΡ€ΡƒΠΏΠ½ΠΎΠΉ тСхнологичСской ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠΈ. Π•ΠΌΡƒ нравится ΠΎΡ‚ΠΊΡ€Ρ‹Π²Π°Ρ‚ΡŒ Π½ΠΎΠ²Ρ‹ΠΉ Ρ€ΠΎΠΌΠ°Π½, ΠΏΠΈΡΠ°Ρ‚ΡŒ Ρ…ΡƒΠ΄ΠΎΠΆΠ΅ΡΡ‚Π²Π΅Π½Π½ΡƒΡŽ ΠΈ Π½Π°ΡƒΡ‡Π½ΠΎ-ΠΏΠΎΠΏΡƒΠ»ΡΡ€Π½ΡƒΡŽ Π»ΠΈΡ‚Π΅Ρ€Π°Ρ‚ΡƒΡ€Ρƒ, Π° Ρ‚Π°ΠΊΠΆΠ΅ ΡΠΊΡΠΏΠ΅Ρ€ΠΈΠΌΠ΅Π½Ρ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ с Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹ΠΌΠΈ срСдствами Π΄ΠΈΠ·Π°ΠΉΠ½Π°.

6 ΠΊΠΎΠ½Ρ†Π΅ΠΏΡ†ΠΈΠΉ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π΄ΠΎΠ»ΠΆΠ΅Π½ Π·Π½Π°Ρ‚ΡŒ ΠΊΠ°ΠΆΠ΄Ρ‹ΠΉ UX-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€

Π˜Π»Π»ΡŽΡΡ‚Ρ€Π°Ρ†ΠΈΡ Ницана ΠšΠ»Π°ΠΌΠ΅Ρ€Π°

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

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

ΠŸΡ€ΠΎΠ΅ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ взаимодСйствия Ρ‡Π΅Π»ΠΎΠ²Π΅ΠΊΠ° с ΠΊΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€ΠΎΠΌ

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

HCI состоит ΠΈΠ· ΠΊΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€Π½Ρ‹Ρ… Π½Π°ΡƒΠΊ, ΠΊΠΎΠ³Π½ΠΈΡ‚ΠΈΠ²Π½Ρ‹Ρ… Π½Π°ΡƒΠΊ ΠΈ Π΄ΠΈΠ·Π°ΠΉΠ½Π°. ΠšΡ€Π΅Π΄ΠΈΡ‚ изобраТСния Quora.

Появившись Π² 1980-Ρ… Π³ΠΎΠ΄Π°Ρ…, спСциалисты ΠΏΠΎ HCI Π½Π°Ρ‡Π°Π»ΠΈ Π½Π°Π±Π»ΡŽΠ΄Π°Ρ‚ΡŒ Π·Π° Ρ‚Π΅ΠΌ, ΠΊΠ°ΠΊ люди Π²Π·Π°ΠΈΠΌΠΎΠ΄Π΅ΠΉΡΡ‚Π²ΡƒΡŽΡ‚ с ΠΊΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€Π°ΠΌΠΈ. HCI стал ΡƒΡ‡ΠΈΡ‚Ρ‹Π²Π°Ρ‚ΡŒ ΠΏΡΠΈΡ…ΠΎΠ»ΠΎΠ³ΠΈΡŽ ΠΈ ΠΌΠ΅Π½Ρ‚Π°Π»ΡŒΠ½Ρ‹Π΅ ΠΌΠΎΠ΄Π΅Π»ΠΈ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ. По ΠΌΠ΅Ρ€Π΅ развития Ρ†ΠΈΡ„Ρ€ΠΎΠ²ΠΎΠΉ эпохи ΠΌΡ‹ Π½Π°Ρ‡Π°Π»ΠΈ Π²ΠΈΠ΄Π΅Ρ‚ΡŒ Π΄Ρ€ΡƒΠ³ΠΈΠ΅ Ρ„ΠΎΡ€ΠΌΡ‹ ΠΊΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€ΠΎΠ², Ρ‚Π°ΠΊΠΈΠ΅ ΠΊΠ°ΠΊ ΠΏΠ»Π°Π½ΡˆΠ΅Ρ‚Ρ‹, Π½ΠΎΡƒΡ‚Π±ΡƒΠΊΠΈ, сотовыС Ρ‚Π΅Π»Π΅Ρ„ΠΎΠ½Ρ‹ ΠΈ носимыС устройства. Π­Ρ‚Π° ΡΠ²ΠΎΠ»ΡŽΡ†ΠΈΡ ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚Π° Ρ‚Π°ΠΊΠΆΠ΅ ΠΏΡ€ΠΈΠ²Π΅Π»Π° ΠΊ ΡΠ²ΠΎΠ»ΡŽΡ†ΠΈΠΈ Π΄ΠΈΠ·Π°ΠΉΠ½Π° HCI Π² UX. Π’ΠΎ ΠΌΠ½ΠΎΠ³ΠΈΡ… ΠΎΡ‚Π½ΠΎΡˆΠ΅Π½ΠΈΡΡ… HCI являСтся ΠΏΡ€Π΅Π΄ΡˆΠ΅ΡΡ‚Π²Π΅Π½Π½ΠΈΠΊΠΎΠΌ UX-Π΄ΠΈΠ·Π°ΠΉΠ½Π°.

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

Π˜Π½Ρ‚Π΅Ρ€Π°ΠΊΡ‚ΠΈΠ²Π½Ρ‹ΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½

Π˜Π½Ρ‚Π΅Ρ€Π°ΠΊΡ‚ΠΈΠ²Π½Ρ‹ΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½ β€” Π΅Ρ‰Π΅ ΠΎΠ΄Π½Π° психологичСская концСпция, ΠΊΠΎΡ‚ΠΎΡ€ΡƒΡŽ Π΄ΠΎΠ»ΠΆΠ΅Π½ Π·Π½Π°Ρ‚ΡŒ ΠΈ ΠΏΠΎΠ½ΠΈΠΌΠ°Ρ‚ΡŒ ΠΊΠ°ΠΆΠ΄Ρ‹ΠΉ ΡƒΡΠΏΠ΅ΡˆΠ½Ρ‹ΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€. Π”ΠΈΠ·Π°ΠΉΠ½ взаимодСйствия (IxD) β€” это Π΄ΠΈΠ·Π°ΠΉΠ½ взаимодСйствия ΠΌΠ΅ΠΆΠ΄Ρƒ Ρ‡Π΅Π»ΠΎΠ²Π΅ΠΊΠΎΠΌ ΠΈ ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚Π°ΠΌΠΈ. Π—Π° Ρ‚Π΅ΠΌ, ΠΊΠ°ΠΊ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΠΈ Π²Π·Π°ΠΈΠΌΠΎΠ΄Π΅ΠΉΡΡ‚Π²ΡƒΡŽΡ‚ с Ρ†ΠΈΡ„Ρ€ΠΎΠ²Ρ‹ΠΌΠΈ ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚Π°ΠΌΠΈ ΠΈ услугами, стоит психология. Π’ΠΎΡ‚ ΠΏΡΡ‚ΡŒ Π²Π΅Ρ‰Π΅ΠΉ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ слСдуСт ΡƒΡ‡ΠΈΡ‚Ρ‹Π²Π°Ρ‚ΡŒ ΠΏΡ€ΠΈ ΠΏΠΎΠ½ΠΈΠΌΠ°Π½ΠΈΠΈ психологии Π΄ΠΈΠ·Π°ΠΉΠ½Π° взаимодСйствия.

  1. Π”ΠΎΡΡ‚ΡƒΠΏΠ½ΠΎΡΡ‚ΡŒ ΠΈ ΠΎΠ·Π½Π°Ρ‡Π°ΡŽΡ‰ΠΈΠ΅ β€” Π”ΠΎΡΡ‚ΡƒΠΏΠ½ΠΎΡΡ‚ΡŒ β€” это очСвидная функция свойства (Ρ‚. Π΅. Π΄Π²Π΅Ρ€ΡŒ Π³ΠΎΠ²ΠΎΡ€ΠΈΡ‚ Π½Π°ΠΌ, Ρ‡Ρ‚ΠΎ Π΅Π΅ ΠΌΠΎΠΆΠ½ΠΎ ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚ΡŒ), Π³Π΄Π΅ ΠΎΠ·Π½Π°Ρ‡Π°ΡŽΡ‰ΠΈΠ΅ ΡΠ²Π»ΡΡŽΡ‚ΡΡ Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½Ρ‹ΠΌΠΈ подсказками, ΡƒΠΊΠ°Π·Ρ‹Π²Π°ΡŽΡ‰ΠΈΠΌΠΈ Π½Π° Π΄ΠΎΡΡ‚ΡƒΠΏΠ½ΠΎΡΡ‚ΡŒ этой Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΈ (Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, двСрная Ρ€ΡƒΡ‡ΠΊΠ°). Π‘Π΅Π· ΠΎΠ·Π½Π°Ρ‡Π°ΡŽΡ‰ΠΈΡ… ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΠΈ часто Π½Π΅ ΠΌΠΎΠ³ΡƒΡ‚ Π²ΠΎΡΠΏΡ€ΠΈΠ½ΠΈΠΌΠ°Ρ‚ΡŒ аффорданс. Π’ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΎΠΌ интСрфСйсС Ρ„ΠΎΡ€ΠΌΠ° ΠΊΠ½ΠΎΠΏΠΊΠΈ, Π½Π° ΠΊΠΎΡ‚ΠΎΡ€ΡƒΡŽ ΠΌΠΎΠΆΠ½ΠΎ Π½Π°ΠΆΠ°Ρ‚ΡŒ, являСтся Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒΡŽ, Π° тСкст Β«ΠžΡ‚ΠΏΡ€Π°Π²ΠΈΡ‚ΡŒΒ» β€” ΠΎΠ·Π½Π°Ρ‡Π°ΡŽΡ‰ΠΈΠΌ.
  2. ΠžΠ±ΡƒΡ‡Π°Π΅ΠΌΠΎΡΡ‚ΡŒ . ΠšΠΎΠ»ΠΈΡ‡Π΅ΡΡ‚Π²ΠΎ Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ трСбуСтся ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŽ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΠΎΠ½ΡΡ‚ΡŒ, ΠΊΠ°ΠΊ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ваш интСрфСйс, относится ΠΊ обучаСмости. Если кривая обучСния Π·Π°Π½ΠΈΠΌΠ°Π΅Ρ‚ слишком ΠΌΠ½ΠΎΠ³ΠΎ Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ, ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΠΈ с большСй Π²Π΅Ρ€ΠΎΡΡ‚Π½ΠΎΡΡ‚ΡŒΡŽ откаТутся ΠΎΡ‚ ΠΎΠΏΡ‹Ρ‚Π°. ΠŸΠΎΡΠ»Π΅Π΄ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎΡΡ‚ΡŒ ΠΈ ΠΏΡ€Π΅Π΄ΡΠΊΠ°Π·ΡƒΠ΅ΠΌΠΎΡΡ‚ΡŒ ΠΏΠΎΠΌΠΎΠ³Π°ΡŽΡ‚ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŽ быстро Π½Π°ΡƒΡ‡ΠΈΡ‚ΡŒΡΡ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚, Ρ‚Π΅ΠΌ самым создавая Π±ΠΎΠ»Π΅Π΅ приятный ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΈΠΉ ΠΎΠΏΡ‹Ρ‚.
  3. Удобство использования . Π‘Π°ΠΌΠΎΠΉ основой IxD являСтся удобство использования: интСрфСйс Π΄ΠΎΠ»ΠΆΠ΅Π½ Π±Ρ‹Ρ‚ΡŒ ΡƒΠ΄ΠΎΠ±Π΅Π½ для использования ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΌ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π΄ΠΎΠ±ΠΈΡ‚ΡŒΡΡ успСха. Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π΄ΠΎΠ±ΠΈΡ‚ΡŒΡΡ этого, ΡƒΠ΄Π°Π»ΠΈΠ² Π½Π΅Π½ΡƒΠΆΠ½Ρ‹Π΅ шаги, настроив ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΎΠ½Π½ΡƒΡŽ Π°Ρ€Ρ…ΠΈΡ‚Π΅ΠΊΡ‚ΡƒΡ€Ρƒ, ΠΈΠ·ΠΌΠ΅Π½ΠΈΠ² Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½ΡƒΡŽ ΠΈΠ΅Ρ€Π°Ρ€Ρ…ΠΈΡŽ ΠΈ Ρ‚. Π΄.
  4. ΠžΠ±Ρ€Π°Ρ‚Π½Π°Ρ связь (ΠΈ врСмя ΠΎΡ‚Π²Π΅Ρ‚Π°) β€” Π‘Π΅Π· ΠΎΠ±Ρ€Π°Ρ‚Π½ΠΎΠΉ связи Π½Π΅Ρ‚ взаимодСйствия ΠΌΠ΅ΠΆΠ΄Ρƒ ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚ΠΎΠΌ ΠΈ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΌ. ΠžΡ‚ Ρ‚ΠΎΠ½ΠΊΠΈΡ… микровзаимодСйствий Π΄ΠΎ Π·Π²ΡƒΠΊΠΎΠ²ΠΎΠΉ ΠΎΡ‡Π΅Ρ€Π΅Π΄ΠΈ обратная связь позволяСт ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŽ ΠΏΠΎΠ½ΡΡ‚ΡŒ, ΠΊΠ°ΠΊ ΠΎΠ½ взаимодСйствуСт с ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚ΠΎΠΌ. ИмСя Π΄Π΅Π»ΠΎ с ΠΎΠ±Ρ€Π°Ρ‚Π½ΠΎΠΉ связью, Π²Ρ‹ Π΄ΠΎΠ»ΠΆΠ½Ρ‹ ΡƒΡ‡ΠΈΡ‚Ρ‹Π²Π°Ρ‚ΡŒ врСмя ΠΎΡ‚ΠΊΠ»ΠΈΠΊΠ° Π½Π° эту ΠΎΠ±Ρ€Π°Ρ‚Π½ΡƒΡŽ связь. Π’ ΠΈΠ΄Π΅Π°Π»Π΅, Π² Ρ‚Π΅Ρ‡Π΅Π½ΠΈΠ΅ 0,1 сСкунды ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒ Π΄ΠΎΠ»ΠΆΠ΅Π½ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒ сигнал, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΎΠ½ почувствовал, Ρ‡Ρ‚ΠΎ ΠΊΠΎΠ½Ρ‚Ρ€ΠΎΠ»ΠΈΡ€ΡƒΠ΅Ρ‚ интСрфСйс. ΠŸΡ€ΠΈΠΌΠ΅Ρ€ΠΎΠΌ ΠΎΠ±Ρ€Π°Ρ‚Π½ΠΎΠΉ связи являСтся Π·Π²ΡƒΠΊΠΎΠ²ΠΎΠΉ сигнал ΠΏΡ€ΠΈ ΠΎΡ‚ΠΏΡ€Π°Π²ΠΊΠ΅ элСктронного письма ΠΈΠ»ΠΈ Π·Π²ΡƒΠΊΠΎΠ²ΠΎΠΉ сигнал, ΡΠΎΠΎΠ±Ρ‰Π°ΡŽΡ‰ΠΈΠΉ ΠΎ Π·Π°Π²Π΅Ρ€ΡˆΠ΅Π½ΠΈΠΈ Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ.
  5. ЦСлСустрСмлСнный Π΄ΠΈΠ·Π°ΠΉΠ½ β€” Π£ΡΠΏΠ΅ΡˆΠ½Ρ‹Π΅ ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚Ρ‹ ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡŽΡ‚ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡΠΌ Π΄ΠΎΡΡ‚ΠΈΠ³Π°Ρ‚ΡŒ Ρ†Π΅Π»Π΅ΠΉ. ПониманиС Ρ‚ΠΎΠ³ΠΎ, Ρ‡Π΅Π³ΠΎ хотят ваши ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΠΈ ΠΈ ΠΈΡ… прСдпочтСния для достиТСния Ρ†Π΅Π»ΠΈ, являСтся Ρ†Π΅Π½Ρ‚Ρ€ΠΎΠΌ Π΄ΠΈΠ·Π°ΠΉΠ½Π°, ΠΎΡ€ΠΈΠ΅Π½Ρ‚ΠΈΡ€ΠΎΠ²Π°Π½Π½ΠΎΠ³ΠΎ Π½Π° достиТСниС Ρ†Π΅Π»ΠΈ. ИсслСдованиС ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΉ здСсь ΠΎΡ‡Π΅Π½ΡŒ Π²Π°ΠΆΠ½ΠΎ, ΠΏΠΎΡΠΊΠΎΠ»ΡŒΠΊΡƒ ΠΎΠ½ΠΎ ΠΏΠΎΠΌΠΎΠ³Π°Π΅Ρ‚ Π²Π°ΠΌ ΠΎΠΏΡ€Π΅Π΄Π΅Π»ΠΈΡ‚ΡŒ свои Π±ΠΎΠ»Π΅Π²Ρ‹Π΅ Ρ‚ΠΎΡ‡ΠΊΠΈ ΠΈ пСрсонаТСй, для ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… Π²Ρ‹ Ρ€Π°Π·Ρ€Π°Π±Π°Ρ‚Ρ‹Π²Π°Π΅Ρ‚Π΅ Π΄ΠΈΠ·Π°ΠΉΠ½. Как Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Π²Ρ‹ ΠΏΠΎΠΉΠΌΠ΅Ρ‚Π΅ своСго ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ, Π΅Π³ΠΎ Ρ†Π΅Π»ΠΈ ΠΈ Π΅Π³ΠΎ разочарования, Π²Ρ‹ смоТСтС Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ для Π½ΠΈΡ… Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅ для достиТСния своих Ρ†Π΅Π»Π΅ΠΉ.
Π”ΠΈΠ°Π³Ρ€Π°ΠΌΠΌΠ° Π’Π΅Π½Π½Π°, ΠΏΠΎΠΊΠ°Π·Ρ‹Π²Π°ΡŽΡ‰Π°Ρ, ΠΊΠ°ΠΊ Π΄ΠΈΠ·Π°ΠΉΠ½ взаимодСйствия согласуСтся с Π΄ΠΈΠ·Π°ΠΉΠ½ΠΎΠΌ взаимодСйствия с ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΌ. Π˜Π·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ прСдоставлСно Дэном Π‘Π°Ρ„Ρ„Π΅Ρ€ΠΎΠΌ.

Π—Π°ΠΊΠΎΠ½ Π₯ΠΈΠΊΠ°

Π—Π°ΠΊΠΎΠ½ Π₯ΠΈΠΊΠ° гласит, Ρ‡Ρ‚ΠΎ врСмя, Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎΠ΅ для принятия Ρ€Π΅ΡˆΠ΅Π½ΠΈΡ, увСличиваСтся с количСством ΠΈ ΡΠ»ΠΎΠΆΠ½ΠΎΡΡ‚ΡŒΡŽ Π²Π°Ρ€ΠΈΠ°Π½Ρ‚ΠΎΠ² Π²Ρ‹Π±ΠΎΡ€Π°, прСдставлСнных ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŽ. Π§Π΅ΠΌ большС ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΉ ΡΡ‚ΠΈΠΌΡƒΠ»ΠΈΡ€ΡƒΡŽΡ‚ Π²Π°Ρ€ΠΈΠ°Π½Ρ‚Ρ‹, Ρ‚Π΅ΠΌ большС Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ ΠΈΠΌ трСбуСтся, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΡ€ΠΈΠ½ΡΡ‚ΡŒ Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅. НапримСр, Π²Ρ‹ ΠΊΠΎΠ³Π΄Π°-Π½ΠΈΠ±ΡƒΠ΄ΡŒ Π±Ρ‹Π»ΠΈ Π² рСсторанС с Π΄Π»ΠΈΠ½Π½Ρ‹ΠΌ ΠΈ Π³Ρ€ΠΎΠΌΠΎΠ·Π΄ΠΊΠΈΠΌ мСню? Π’Π°ΠΌ ΠΏΠΎΡ‚Ρ€Π΅Π±ΠΎΠ²Π°Π»Π°ΡΡŒ цСлая Π²Π΅Ρ‡Π½ΠΎΡΡ‚ΡŒ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ ΠΈΠ· Ρ‚Π°ΠΊΠΎΠ³ΠΎ количСства Π²Π°Ρ€ΠΈΠ°Π½Ρ‚ΠΎΠ²? Π­Ρ‚ΠΎ Π·Π°ΠΊΠΎΠ½ Π₯ΠΈΠΊΠ° Π² ΠΏΠΎΠ»Π½ΠΎΠΉ ΠΌΠ΅Ρ€Π΅.

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

Один ΠΈΠ· способов ΠΏΡ€ΠΈΠΌΠ΅Π½ΠΈΡ‚ΡŒ Π·Π°ΠΊΠΎΠ½ Π₯ΠΈΠΊΠ° Π² вашСм Π΄ΠΈΠ·Π°ΠΉΠ½Π΅ β€” Ρ€Π°Π·Π±ΠΈΡ‚ΡŒ Π΄Π»ΠΈΠ½Π½Ρ‹Π΅ ΠΈΠ»ΠΈ слоТныС процСссы Π½Π° экраны с мСньшим количСством ΠΎΠΏΡ†ΠΈΠΉ. ΠžΡ‚Π»ΠΈΡ‡Π½Ρ‹ΠΌ ΠΏΡ€ΠΈΠΌΠ΅Ρ€ΠΎΠΌ этого являСтся Ρ€Π°Π·Π΄Π΅Π»Π΅Π½ΠΈΠ΅ процСсса оформлСния Π·Π°ΠΊΠ°Π·Π° Π½Π° нСсколько экранов, Ρ‚Π°ΠΊΠΈΡ… ΠΊΠ°ΠΊ Β«ΠΊΠΎΡ€Π·ΠΈΠ½Π° > свСдСния ΠΎ доставкС > информация ΠΎΠ± ΠΎΠΏΠ»Π°Ρ‚Π΅ > просмотр ΠΈ ΠΎΡ‚ΠΏΡ€Π°Π²ΠΊΠ°Β». Π•Ρ‰Π΅ ΠΎΠ΄ΠΈΠ½ способ Π²ΠΊΠ»ΡŽΡ‡ΠΈΡ‚ΡŒ Π·Π°ΠΊΠΎΠ½ Π₯ΠΈΠΊΠ° β€” Π²Ρ‹Π΄Π΅Π»ΠΈΡ‚ΡŒ Ρ€Π΅ΠΊΠΎΠΌΠ΅Π½Π΄ΡƒΠ΅ΠΌΡ‹Π΅ Π²Π°Ρ€ΠΈΠ°Π½Ρ‚Ρ‹ для Π²Π°ΡˆΠΈΡ… ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΉ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π½Π΅ ΠΏΠ΅Ρ€Π΅Π³Ρ€ΡƒΠΆΠ°Ρ‚ΡŒ ΠΈΡ… Π²Π°Ρ€ΠΈΠ°Π½Ρ‚Π°ΠΌΠΈ. НаконСц, прогрСссивная адаптация β€” ΠΎΡ‚Π»ΠΈΡ‡Π½Ρ‹ΠΉ способ ΠΌΠΈΠ½ΠΈΠΌΠΈΠ·ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΠΊΠΎΠ³Π½ΠΈΡ‚ΠΈΠ²Π½ΡƒΡŽ Π½Π°Π³Ρ€ΡƒΠ·ΠΊΡƒ для Π½ΠΎΠ²Ρ‹Ρ… ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΉ.

Π”ΠΈΠ°Π³Ρ€Π°ΠΌΠΌΠ°, ΠΏΠΎΠΊΠ°Π·Ρ‹Π²Π°ΡŽΡ‰Π°Ρ ΡΠΎΠΎΡ‚Π½ΠΎΡˆΠ΅Π½ΠΈΠ΅ количСства Π²Π°Ρ€ΠΈΠ°Π½Ρ‚ΠΎΠ² ΠΈ Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ, Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎΠ³ΠΎ для принятия Ρ€Π΅ΡˆΠ΅Π½ΠΈΡ. Π§Π΅ΠΌ большС Π²Π°Ρ€ΠΈΠ°Π½Ρ‚ΠΎΠ², Ρ‚Π΅ΠΌ большС Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ трСбуСтся для принятия Ρ€Π΅ΡˆΠ΅Π½ΠΈΡ. Π˜Π·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ прСдоставлСно TechTarget.

Π­Ρ„Ρ„Π΅ΠΊΡ‚ Ρ„ΠΎΠ½-РСсторфа

Π­Ρ„Ρ„Π΅ΠΊΡ‚ Ρ„ΠΎΠ½-РСсторфа, Ρ‚Π°ΠΊΠΆΠ΅ извСстный ΠΊΠ°ΠΊ «эффСкт изоляции», ΠΏΡ€Π΅Π΄ΠΏΠΎΠ»Π°Π³Π°Π΅Ρ‚, Ρ‡Ρ‚ΠΎ ΠΏΡ€ΠΈ ΠΏΡ€Π΅Π΄ΡŠΡΠ²Π»Π΅Π½ΠΈΠΈ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡΠΌ Π½Π΅ΡΠΊΠΎΠ»ΡŒΠΊΠΈΡ… ΠΎΠ΄Π½ΠΎΡ€ΠΎΠ΄Π½Ρ‹Ρ… стимулов запоминаСтся Ρ‚ΠΎΡ‚, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ отличаСтся ΠΎΡ‚ ΠΎΡΡ‚Π°Π»ΡŒΠ½Ρ‹Ρ…. Π”Ρ€ΡƒΠ³ΠΈΠΌΠΈ словами, ΠΎΠ±ΡŠΠ΅ΠΊΡ‚, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ отличаСтся ΠΎΡ‚ Π΄Ρ€ΡƒΠ³ΠΈΡ…, Π±ΡƒΠ΄Π΅Ρ‚ ΠΈΠΌΠ΅Ρ‚ΡŒ большС шансов Π·Π°ΠΏΠΎΠΌΠ½ΠΈΡ‚ΡŒΡΡ. ΠŸΠΎΡΠΊΠΎΠ»ΡŒΠΊΡƒ ΡƒΠ½ΠΈΠΊΠ°Π»ΡŒΠ½Ρ‹ΠΉ ΠΎΠ±ΡŠΠ΅ΠΊΡ‚ выдСляСтся Π½Π° Ρ„ΠΎΠ½Π΅ Ρ‚ΠΎΠ»ΠΏΡ‹ ΠΏΠΎΠ΄ΠΎΠ±Π½Ρ‹Ρ… ΠΎΠ±ΡŠΠ΅ΠΊΡ‚ΠΎΠ², ΠΎΠ½ запоминаСтся.

Π’Ρ€ΠΈ Π·Π΅Π»Π΅Π½Ρ‹Π΅ ΠΈ ΠΎΠ΄Π½Π° красная. ΠšΡ€Π°ΡΠ½Ρ‹ΠΉ выдСляСтся ΠΈ запоминаСтся благодаря эффСкту Ρ„ΠΎΠ½-РСсторффа. ΠšΡ€Π΅Π΄ΠΈΡ‚ изобраТСния SiteW.

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

ΠŸΡ€Π΅Π΄Π»Π°Π³Π°Π΅ΠΌΡ‹ΠΉ Ρ†Π΅Π½ΠΎΠ²ΠΎΠΉ ΠΏΠ°ΠΊΠ΅Ρ‚ ΠΈΠΌΠ΅Π΅Ρ‚ ΡƒΠ½ΠΈΠΊΠ°Π»ΡŒΠ½Ρ‹ΠΉ синий CTA, Π² Ρ‚ΠΎ врСмя ΠΊΠ°ΠΊ Π΄Ρ€ΡƒΠ³ΠΈΠ΅ Π±Π΅Π»Ρ‹Π΅, Ρ‡Ρ‚ΠΎ направляСт ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ ΠΊ этому Π²Π°Ρ€ΠΈΠ°Π½Ρ‚Ρƒ. Π˜Π·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ прСдоставлСно Dropbox.

Π•Ρ‰Π΅ ΠΎΠ΄Π½Π° распространСнная ΠΎΠ±Π»Π°ΡΡ‚ΡŒ, Π² ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΉ UX-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Ρ‹ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ эту ΠΊΠΎΠ½Ρ†Π΅ΠΏΡ†ΠΈΡŽ, β€” страницы ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚ΠΎΠ². Π­Ρ‚ΠΎ ΠΎΡ‚Π»ΠΈΡ‡Π½Ρ‹ΠΉ способ Π²Ρ‹Π΄Π΅Π»ΠΈΡ‚ΡŒ бСстсСллСры ΠΈΠ»ΠΈ Π½ΠΎΠ²ΠΈΠ½ΠΊΠΈ ΠΈ ΡƒΡ‡Π΅ΡΡ‚ΡŒ Π·Π°ΠΊΠΎΠ½ Π₯ΠΈΠΊΠ° (ΠΎΠ³Ρ€Π°Π½ΠΈΡ‡Π΅Π½ΠΈΠ΅ возмоТностСй) ΠΈ эффСкт Ρ„ΠΎΠ½-РСсторффа.

Один Π²Π°Ρ€ΠΈΠ°Π½Ρ‚ ΠΏΠΎΠΌΠ΅Ρ‡Π΅Π½ ΠΊΠ°ΠΊ «БСстсСллСр», Ρ‡Ρ‚ΠΎ ΠΈΠ·ΠΎΠ»ΠΈΡ€ΡƒΠ΅Ρ‚ Π΅Π³ΠΎ ΠΎΡ‚ ΠΎΡΡ‚Π°Π»ΡŒΠ½Ρ‹Ρ… ΠΈ ΠΎΠ³Ρ€Π°Π½ΠΈΡ‡ΠΈΠ²Π°Π΅Ρ‚ Π²Ρ‹Π±ΠΎΡ€ для ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ. Π˜Π·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ прСдоставлСно Revolve Clothing.

Π“Π΅ΡˆΡ‚Π°Π»ΡŒΡ‚-ΠΏΡ€ΠΈΠ½Ρ†ΠΈΠΏΡ‹ Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½ΠΎΠ³ΠΎ восприятия

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

ΠžΡΠ½ΠΎΠ²Π½Ρ‹ΠΌΠΈ Π³Π΅ΡˆΡ‚Π°Π»ΡŒΡ‚-ΠΏΡ€ΠΈΠ½Ρ†ΠΈΠΏΠ°ΠΌΠΈ Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½ΠΎΠ³ΠΎ восприятия ΡΠ²Π»ΡΡŽΡ‚ΡΡ:

  • Бходство: ЧСловСчСский Π³Π»Π°Π· выстраиваСт взаимосвязь ΠΌΠ΅ΠΆΠ΄Ρƒ сходными элСмСнтами Π΄ΠΈΠ·Π°ΠΉΠ½Π°. Π­Ρ„Ρ„Π΅ΠΊΡ‚ΠΈΠ²Π½Ρ‹ΠΌ способом являСтся использованиС основных элСмСнтов, Ρ‚Π°ΠΊΠΈΡ… ΠΊΠ°ΠΊ Ρ„ΠΎΡ€ΠΌΡ‹, Ρ†Π²Π΅Ρ‚Π° ΠΈ Ρ€Π°Π·ΠΌΠ΅Ρ€.
ΠŸΠΎΠΊΠ°Π·Ρ‹Π²Π°Π΅Ρ‚ сходство ΠΏΠΎ Ρ„ΠΎΡ€ΠΌΠ΅, Ρ€Π°Π·ΠΌΠ΅Ρ€Ρƒ ΠΈ Ρ†Π²Π΅Ρ‚Ρƒ. Π˜Π·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ прСдоставлСно Interaction-Design.org.
  • ΠŸΡ€ΠΎΠ΄ΠΎΠ»ΠΆΠ΅Π½ΠΈΠ΅: ЧСловСчСский Π³Π»Π°Π· склонСн ΡΠ»Π΅Π΄ΠΎΠ²Π°Ρ‚ΡŒ траСкториям, линиям ΠΈ ΠΈΠ·Π³ΠΈΠ±Π°ΠΌ рисунка. Π“Π»Π°Π·Π° ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ ΠΏΡ€Π΅Π΄ΠΏΠΎΡ‡ΠΈΡ‚Π°ΡŽΡ‚ Π²ΠΈΠ΄Π΅Ρ‚ΡŒ Π½Π΅ΠΏΡ€Π΅Ρ€Ρ‹Π²Π½Ρ‹ΠΉ ΠΏΠΎΡ‚ΠΎΠΊ Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½Ρ‹Ρ… элСмСнтов, Π° Π½Π΅ ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½Ρ‹Π΅ ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Ρ‹.
Alt TSΠŸΠΎΠΊΠ°Π·Ρ‹Π²Π°Π΅Ρ‚ ΠΏΠΎΡ…ΠΎΠΆΠΈΠ΅ Ρ„ΠΎΡ€ΠΌΡ‹ ΠΈ Π»ΠΈΠ½ΠΈΠΈ с ΠΏΡ€ΠΎΠΌΠ΅ΠΆΡƒΡ‚ΠΊΠ°ΠΌΠΈ. Π£ΠΌ заполняСт эти ΠΏΡ€ΠΎΠ±Π΅Π»Ρ‹, дСмонстрируя ΠΏΡ€ΠΈΠ½Ρ†ΠΈΠΏ Π³Π΅ΡˆΡ‚Π°Π»ΡŒΡ‚Π°. Π˜Π·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ прСдоставлСно UX Misfit.
  • Π—Π°ΠΊΡ€Ρ‹Ρ‚ΠΈΠ΅: ЧСловСчСский Π³Π»Π°Π· ΠΏΡ€Π΅Π΄ΠΏΠΎΡ‡ΠΈΡ‚Π°Π΅Ρ‚ Π²ΠΈΠ΄Π΅Ρ‚ΡŒ Π·Π°ΠΊΠΎΠ½Ρ‡Π΅Π½Π½Ρ‹Π΅ Ρ„ΠΎΡ€ΠΌΡ‹ ΠΈ заполняСт ΠΏΡ€ΠΎΠ±Π΅Π»Ρ‹. Если Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½Ρ‹Π΅ элСмСнты Π½Π΅ Π·Π°Π²Π΅Ρ€ΡˆΠ΅Π½Ρ‹, ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒ ΠΌΠΎΠΆΠ΅Ρ‚ Π²ΠΎΡΠΏΡ€ΠΈΠ½ΡΡ‚ΡŒ Π·Π°ΠΊΠΎΠ½Ρ‡Π΅Π½Π½ΡƒΡŽ Ρ„ΠΎΡ€ΠΌΡƒ, Π·Π°ΠΏΠΎΠ»Π½ΠΈΠ² Π½Π΅Π΄ΠΎΡΡ‚Π°ΡŽΡ‰ΡƒΡŽ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΡŽ.
ΠŸΠΎΠΊΠ°Π·Ρ‹Π²Π°Π΅Ρ‚ Π»ΠΈΠ½ΠΈΠΈ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ вмСстС выглядят ΠΊΠ°ΠΊ самолСт. ΠœΠ΅ΠΆΠ΄Ρƒ этими Ρ„ΠΎΡ€ΠΌΠ°ΠΌΠΈ Π΅ΡΡ‚ΡŒ пространство, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ Ρ€Π°Π·ΡƒΠΌ автоматичСски заполняСт ΠΈ воспринимаСт. Π˜Π·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ прСдоставлСно Eye Can Learn.
  • Π‘Π»ΠΈΠ·ΠΎΡΡ‚ΡŒ: ΠŸΡ€ΠΎΡΡ‚Ρ‹Π΅ Ρ„ΠΎΡ€ΠΌΡ‹, слоТСнныС вмСстС, ΠΌΠΎΠ³ΡƒΡ‚ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ Π±ΠΎΠ»Π΅Π΅ слоТноС ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅.
ΠŸΠΎΠΊΠ°Π·Ρ‹Π²Π°Π΅Ρ‚ Π΄Π²Π΅ Π³Ρ€ΡƒΠΏΠΏΡ‹, состоящиС ΠΈΠ· ΠΎΠ΄Π½ΠΎΠΉ ΠΈ Ρ‚ΠΎΠΉ ΠΆΠ΅ ΠΊΡ€ΡƒΠ³Π»ΠΎΠΉ Ρ„ΠΎΡ€ΠΌΡ‹. Мозг воспринимал Π΄Π²Π΅ Π³Ρ€ΡƒΠΏΠΏΡ‹ ΠΈΠ·-Π·Π° близости. Π˜Π·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ прСдоставлСно Smashing Magazine.
  • Π€ΠΈΠ³ΡƒΡ€Π°/Ρ„ΠΎΠ½: ЧСловСчСский Π³Π»Π°Π· ΠΈΠ·ΠΎΠ»ΠΈΡ€ΡƒΠ΅Ρ‚ Ρ„ΠΎΡ€ΠΌΡ‹ ΠΎΡ‚ Ρ„ΠΎΠ½Π°.
На ΠΏΠ΅Ρ€Π΅Π΄Π½Π΅ΠΌ ΠΏΠ»Π°Π½Π΅ ΠΏΠΎΠΊΠ°Π·Π°Π½Ρ‹ Π΄Π²Π° профиля ΠΎΠ΄Π½ΠΎΠ³ΠΎ Ρ†Π²Π΅Ρ‚Π°. Π€ΠΎΠ½ ΠΌΠ΅ΠΆΠ΄Ρƒ Π½ΠΈΠΌΠΈ Π΄Ρ€ΡƒΠ³ΠΎΠ³ΠΎ Ρ†Π²Π΅Ρ‚Π° ΠΈ выглядит ΠΊΠ°ΠΊ Π²Π°Π·Π°. Π˜Π·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ прСдоставлСно Π’ΠΈΠΊΠΈΠΏΠ΅Π΄ΠΈΠ΅ΠΉ.
  • БиммСтрия ΠΈ порядок: Π”ΠΈΠ·Π°ΠΉΠ½ Π΄ΠΎΠ»ΠΆΠ΅Π½ Π±Ρ‹Ρ‚ΡŒ сбалансированным ΠΈ Π·Π°Π²Π΅Ρ€ΡˆΠ΅Π½Π½Ρ‹ΠΌ. Мозг ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ автоматичСски ΠΏΠΎΡ‚Ρ€Π°Ρ‚ΠΈΡ‚ врСмя ΠΈ силы, ΠΏΡ‹Ρ‚Π°ΡΡΡŒ Π²ΠΎΡΠΏΡ€ΠΈΠ½ΡΡ‚ΡŒ ΠΎΠ±Ρ‰ΡƒΡŽ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½Ρƒ.
ΠŸΠΎΠΊΠ°Π·Ρ‹Π²Π°Π΅Ρ‚ ΡƒΡ€Π°Π²Π½ΠΎΠ²Π΅ΡˆΠ΅Π½Π½Ρ‹ΠΉ ΠΊΡ€ΡƒΠ³, состоящий ΠΈΠ· ΠΏΠΎΠ»ΠΎΠ²ΠΈΠ½Ρ‹ вСлосипСдного колСса ΠΈ ΠΏΠΎΠ»ΠΎΠ²ΠΈΠ½Ρ‹ ΠΊΠ°Π½Π°Π»ΠΈΠ·Π°Ρ†ΠΈΠΎΠ½Π½ΠΎΠΉ ΠΊΡ€Ρ‹ΡˆΠΊΠΈ. ΠšΡ€Π΅Π΄ΠΈΡ‚ изобраТСния Канва.

ПониманиС психологии UX-Π΄ΠΈΠ·Π°ΠΉΠ½Π° Ρ€Π°ΡΡˆΠΈΡ€ΡΠ΅Ρ‚ возмоТности Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ΠΎΠ²

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

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

Π’Π°Ρˆ адрСс email Π½Π΅ Π±ΡƒΠ΄Π΅Ρ‚ ΠΎΠΏΡƒΠ±Π»ΠΈΠΊΠΎΠ²Π°Π½. ΠžΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ поля ΠΏΠΎΠΌΠ΅Ρ‡Π΅Π½Ρ‹ *