НаправлСния Π² Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅ Π½Π° 2020 Π³ΠΎΠ΄

НаправлСния Π² Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅ Π½Π° 2020 Π³ΠΎΠ΄

12.04.2019 0 Автор Антон

ΠšΡ€Π΅Π°Ρ‚ΠΈΠ²Π½Ρ‹Π΅ Ρ‚Ρ€Π΅Π½Π΄Ρ‹ ΠΈ ΠΌΠ΅Ρ‚ΠΎΠ΄Ρ‹ всС Π±ΠΎΠ»Π΅Π΅ Ρ‚Ρ€Π΅Π±ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΠ½Ρ‹ Π² Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅, поэтому трСбуСтся постоянноС ΠΈΠ·ΡƒΡ‡Π΅Π½ΠΈΠ΅ ΠΈ Π°Π½Π°Π»ΠΈΠ· Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ΠΎΠ², Ρ‡Ρ‚ΠΎΠ±Ρ‹ всСгда Π±Ρ‹Ρ‚ΡŒ Π² курсС.

По этой ΠΏΡ€ΠΈΡ‡ΠΈΠ½Π΅ Π² этой ΡΡ‚Π°Ρ‚ΡŒΠ΅ я ΠΏΠΎΠΊΠ°ΠΆΡƒ Π²Π°ΠΌ Ρ‚Π΅Π½Π΄Π΅Π½Ρ†ΠΈΠΈ Π² Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅ Π½Π° 2020 Π³ΠΎΠ΄, ΠΎΡ‚ самых ΠΈΠ½Π½ΠΎΠ²Π°Ρ†ΠΈΠΎΠ½Π½Ρ‹Ρ… Π΄ΠΎ Ρ‚Π΅Ρ…, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΡƒΠΆΠ΅ Π΄Π΅ΠΉΡΡ‚Π²ΡƒΡŽΡ‚ Π² Ρ‚Π΅Ρ‡Π΅Π½ΠΈΠ΅ Π½Π΅ΡΠΊΠΎΠ»ΡŒΠΊΠΈΡ… мСсяцСв, с Ρ€Π΅Π°Π»ΡŒΠ½Ρ‹ΠΌΠΈ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π°ΠΌΠΈ всСх ΠΈΠ· Π½ΠΈΡ….

Π― Ρ…ΠΎΡ‚Π΅Π» ΠΎΡ€Π³Π°Π½ΠΈΠ·ΠΎΠ²Π°Ρ‚ΡŒ пост Π² Ρ‚Ρ€Π΅Ρ… Ρ€Π°Π·Π½Ρ‹Ρ… Ρ€Π°Π·Π΄Π΅Π»Π°Ρ… :

Π― Π½Π°Ρ‡Π½Ρƒ с упоминания самых ΠΈΠ½Π½ΠΎΠ²Π°Ρ†ΠΈΠΎΠ½Π½Ρ‹Ρ…, ΠΊΡ€Π΅Π°Ρ‚ΠΈΠ²Π½Ρ‹Ρ… ΠΈ Π°Π²Π°Π½Π³Π°Ρ€Π΄Π½Ρ‹Ρ… Π½Π°ΠΏΡ€Π°Π²Π»Π΅Π½ΠΈΠΉ Π² Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅, Π½Π° ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π²Ρ‹ Π΄ΠΎΠ»ΠΆΠ½Ρ‹ ΠΎΠ±Ρ€Π°Ρ‚ΠΈΡ‚ΡŒ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅, Ссли Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ ΠΈΠΌΠ΅Ρ‚ΡŒ страницу Π΄ΠΎ послСднСй.

ДинамичСскиС элСмСнты

Π•Π»Π΅ΠΌΠ΅Π½Ρ‚Ρ‹ Π΄ΠΈΠ·Π°ΠΉΠ½Π° сайтов

ДинамичСскиС элСмСнты, Ρ‚Π°ΠΊΠΈΠ΅ ΠΊΠ°ΠΊ анимация, ΠΈΠ»Π»ΡŽΡΡ‚Ρ€Π°Ρ†ΠΈΠΈ, GIF-Ρ„Π°ΠΉΠ»Ρ‹ ΠΈΠ»ΠΈ Π³ΠΈΠ±ΠΊΠΈΠ΅ эффСкты, ΠΏΡ€ΠΈΡˆΠ»ΠΈ Π² Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΎΡΡ‚Π°Ρ‚ΡŒΡΡ Π½Π° Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ врСмя.

Π­Ρ‚ΠΈ Ρ‚ΠΈΠΏΡ‹ Π΄ΠΈΠ·Π°ΠΉΠ½ΠΎΠ² Π΄ΠΎΡΡ‚ΠΈΠ³Π°ΡŽΡ‚ ΠΎΡ‡Π΅Π½ΡŒ Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½Ρ‹Ρ… ΠΈ творчСских Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚ΠΎΠ², Ссли ΠΎΠ½ΠΈ ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΠΎ ΠΎΠ±ΡŠΠ΅Π΄ΠΈΠ½Π΅Π½Ρ‹. Как я всСгда Π³ΠΎΠ²ΠΎΡ€ΡŽ, Ссли Ρ‡Ρ‚ΠΎ-Ρ‚ΠΎ Π΄ΠΎΠ±Π°Π²Π»ΡΡŽΡ‚ Π½Π° сайт, ΠΎΠ½ΠΎ остаСтся.

ΠŸΠΎΠΌΠ½ΠΈΡ‚Π΅, Ρ‡Ρ‚ΠΎ эти Ρ‚ΠΈΠΏΡ‹ элСмСнтов Π½Π΅ подходят Π½Π° всСх Ρ‚ΠΈΠΏΠ°Ρ… Π²Π΅Π±-сайтов,. Если ваша компания ΠΈΠΌΠ΅Π΅Ρ‚ Π±ΠΎΠ»Π΅Π΅ классичСский ΠΈΠ»ΠΈ Ρ‚Ρ€Π°Π΄ΠΈΡ†ΠΈΠΎΠ½Π½Ρ‹ΠΉ ΠΏΡ€ΠΎΡ„ΠΈΠ»ΡŒ (ΠΎΠ±ΡƒΡ‡Π΅Π½ΠΈΠ΅, ΡŽΡ€ΠΈΡΡ‚Ρ‹ ΠΈ Ρ‚. Π”.), Π― Π½Π΅ Ρ€Π΅ΠΊΠΎΠΌΠ΅Π½Π΄ΡƒΡŽ ΠΈΡ…. ΠŸΠΎΠΌΠ½ΠΈΡ‚Π΅, Ρ‡Ρ‚ΠΎ Ρƒ ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ сайта Π΅ΡΡ‚ΡŒ своя ΠΈΠ½Π΄ΠΈΠ²ΠΈΠ΄ΡƒΠ°Π»ΡŒΠ½ΠΎΡΡ‚ΡŒ .

АсиммСтричный Π΄ΠΈΠ·Π°ΠΉΠ½

Π•Ρ‰Π΅ ΠΎΠ΄Π½ΠΎ Π½Π°ΠΏΡ€Π°Π²Π»Π΅Π½ΠΈΠ΅ Π² Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅ 2020 Π³ΠΎΠ΄Π° — асиммСтричныС ΠΊΠΎΠΌΠΏΠΎΠ·ΠΈΡ†ΠΈΠΈ. 

НСсколько Π»Π΅Ρ‚ Π½Π°Π·Π°Π΄ ΠΎΠ½ΠΈ Π±Ρ‹Π»ΠΈ Π±Ρ‹ истолкованы ΠΊΠ°ΠΊ Ρ…Π°ΠΎΡ‚ΠΈΡ‡Π½Ρ‹Π΅ ΠΈ грязныС, Π² ΠΎΡ‚Π»ΠΈΡ‡ΠΈΠ΅ ΠΎΡ‚ Π½Ρ‹Π½Π΅ΡˆΠ½Π΅Π³ΠΎ, Ссли Π±Ρ‹ ΠΎΠ½ΠΈ ΠΈΠΌΠ΅Π»ΠΈ Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½Ρ‹ΠΉ смысл ΠΈ Π±Ρ‹Π»ΠΈ ΠΎΠΏΡ€Π°Π²Π΄Π°Π½Ρ‹.

Π­Ρ„Ρ„Π΅ΠΊΡ‚ двиТСния

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

ΠŸΡ€ΠΈΠΌΠ΅Ρ€ΠΎΠΌ ΠΌΠΎΠΆΠ΅Ρ‚ ΡΠ»ΡƒΠΆΠΈΡ‚ΡŒ Π³Π°Ρ€ΠΌΠΎΡˆΠΊΠ° с Π³ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΡŒΠ½Ρ‹ΠΌ Π΄Π²ΠΈΠΆΠ΅Π½ΠΈΠ΅ΠΌ, идСальная для прСдставлСния Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Ρ… услуг.

3D-Π΄ΠΈΠ·Π°ΠΉΠ½

3D-Π΄ΠΈΠ·Π°ΠΉΠ½ Ρ‚Π°ΠΊΠΆΠ΅ станСт Ρ‚Π΅Π½Π΄Π΅Π½Ρ†ΠΈΠ΅ΠΉ Π² Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅ ΠΊ 2020 Π³ΠΎΠ΄Ρƒ. ΠŸΠΎΠΌΠ½ΠΈΡ‚Π΅, Ρ‡Ρ‚ΠΎ эти Ρ‚ΠΈΠΏΡ‹ эффСктов Π½Π΅ΠΌΠ½ΠΎΠ³ΠΎ рискованны ΠΈ, ΡΠ»Π΅Π΄ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ, Π΄ΠΎΠ»ΠΆΠ½Ρ‹ ΠΈΠΌΠ΅Ρ‚ΡŒ обоснованиС Π² Π΄ΠΈΠ·Π°ΠΉΠ½Π΅.

ΠŸΠ°Ρ€ΡΡ‰ΠΈΠ΅ эффСкты

ΠΆΠ΅Π½Π·ΠΈΠ½Π° занимаСтся Π²Π΅Π± Π΄ΠΈΠ·Π°ΠΉΠ½ΠΎΠΌ

Π’ Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠ΅ — это ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠ΅, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ происходит ΠΏΡ€ΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ курсора Π½Π° ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½Π½Ρ‹ΠΉ элСмСнт. ΠšΠΎΠ½Π΅Ρ‡Π½ΠΎ, Π²Ρ‹ Π²ΠΈΠ΄Π΅Π»ΠΈ это сотни Ρ€Π°Π· Π½Π° ΠΊΠ½ΠΎΠΏΠΊΠ°Ρ…, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΌΠ΅Π½ΡΡŽΡ‚ Ρ†Π²Π΅Ρ‚ ΠΏΡ€ΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ Π½Π° Π½Π΅Π³ΠΎ указатСля.

Ну, ΠΎΠ΄Π½Π° ΠΈΠ· Ρ‚Π΅Π½Π΄Π΅Π½Ρ†ΠΈΠΉ Π² Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅ Π½Π° 2020 Π³ΠΎΠ΄ — Ρ€Π°ΡΠΏΡ€ΠΎΡΡ‚Ρ€Π°Π½ΠΈΡ‚ΡŒ этот эффСкт ΠΈΠ»ΠΈ Β«ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠ΅Β» Π½Π° Π΄Ρ€ΡƒΠ³ΠΈΠ΅ большиС части сайта, Ρ‚Π°ΠΊΠΈΠ΅ ΠΊΠ°ΠΊ ΠΏΠΎΠ»Π½Ρ‹Π΅ Π±Π»ΠΎΠΊΠΈ, Ρ„ΠΎΠ½Ρ‹ ΠΈΠ»ΠΈ изобраТСния.

Как Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π²ΠΈΠ΄Π΅Ρ‚ΡŒ, с этого ΠΌΠΎΠΌΠ΅Π½Ρ‚Π° Π±ΡƒΠ΄Π΅Ρ‚ принято ΠΎΠ±ΡŠΠ΅Π΄ΠΈΠ½ΡΡ‚ΡŒ эффСкт навСдСния с ΠΏΠ΅Ρ€Π²Ρ‹ΠΌ Ρ‚Ρ€Π΅Π½Π΄ΠΎΠΌ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ я упомянул (динамичСскиС ΠΈ двиТущиСся элСмСнты).

Π’Π΅Ρ€Ρ‚ΠΈΠΊΠ°Π»ΡŒΠ½ΠΎΠ΅ смСщСниС

Π’Π΅Π±-сайты с Π²Π΅Ρ€Ρ‚ΠΈΠΊΠ°Π»ΡŒΠ½ΠΎΠΉ ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‚ΠΊΠΎΠΉ Ρ‚Π°ΠΊΠΆΠ΅ станут Ρ‚Π΅Π½Π΄Π΅Π½Ρ†ΠΈΠ΅ΠΉ Π² 2020 Π³ΠΎΠ΄Ρƒ. ЀактичСски, я ΡƒΠΆΠ΅ использовал эту Ρ‚Π΅Ρ…Π½ΠΈΠΊΡƒ Π² ΠΎΠ΄Π½ΠΎΠΉ ΠΈΠ· ΠΌΠΎΠΈΡ… послСдних Ρ€Π°Π±ΠΎΡ‚.

Π­Ρ‚ΠΎΡ‚ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ состоит Π² Ρ‚ΠΎΠΌ, Ρ‡Ρ‚ΠΎ вся информация сайта пСрСмСщаСтся ΠΏΠΎ Π²Π΅Ρ€Ρ‚ΠΈΠΊΠ°Π»ΠΈ, Π½Π΅ пСрСмСщая экран, ΠΊΠΎΠ³Π΄Π° ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒ ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‡ΠΈΠ²Π°Π΅Ρ‚ ΡΠ΅Ρ‚ΡŒ.

Бкрытая навигация

Π”Ρ€ΡƒΠ³ΠΎΠΉ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π²Ρ‹ ΡƒΠ²ΠΈΠ΄ΠΈΡ‚Π΅ Π² блиТайшиС мСсяцы (я ΡƒΠΆΠ΅ использовал Π΅Π³ΠΎ Π½Π° ΠΊΠ°ΠΊΠΎΠΌ-Ρ‚ΠΎ Π²Π΅Π±-сайтС), — это скрытая навигация, которая касаСтся элСмСнтов, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Ρ€Π°Π±ΠΎΡ‚Π°ΡŽΡ‚ ΠΊΠ°ΠΊ мСню, Π½ΠΎ Π½Π° самом Π΄Π΅Π»Π΅ это Π½Π΅ Ρ‚Π°ΠΊ.

Π’ΠΎ Π΅ΡΡ‚ΡŒ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅, Π·Π½Π°Ρ‡ΠΎΠΊ ΠΈΠ»ΠΈ ΠΊΠ½ΠΎΠΏΠΊΠ° ΠΌΠΎΠ³ΡƒΡ‚ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Ρ‚ΡŒΡΡ ΠΈ ΡΡΡ‹Π»Π°Ρ‚ΡŒΡΡ Π½Π° Π΄Ρ€ΡƒΠ³ΠΈΠ΅ элСмСнты ΠΈΠ»ΠΈ части сайта.

АдгСзивныС стСрТни

Π•Ρ‰Π΅ ΠΎΠ΄Π½Π° тСндСнция, которая ΡƒΠΆΠ΅ Π½Π°Ρ‡Π°Π»Π° ΠΏΡ€ΠΎΡΠ²Π»ΡΡ‚ΡŒΡΡ — это Π»ΠΈΠΏΠΊΠΈΠ΅ полосы, особСнно Ссли Π³ΠΎΠ²ΠΎΡ€ΠΈΡ‚ΡŒ ΠΎΠ± элСктронной ΠΊΠΎΠΌΠΌΠ΅Ρ€Ρ†ΠΈΠΈ.

Π­Ρ‚ΠΈ Ρ‚ΠΈΠΏΡ‹ элСмСнтов, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΎΡΡ‚Π°ΡŽΡ‚ΡΡ фиксированными, ΠΊΠΎΠ³Π΄Π° ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒ пСрСмСщаСтся ΠΏΠΎ сайту (для ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚Π° Π² Π΄Π°Π½Π½ΠΎΠΌ случаС), ΠΏΠΎΠΌΠΎΠ³Π°ΡŽΡ‚ ΡƒΠ²Π΅Π»ΠΈΡ‡ΠΈΡ‚ΡŒ конвСрсии ΠΈ ΠΏΡ€ΠΎΠ΄Π°ΠΆΠΈ ΠΈΠ½Ρ‚Π΅Ρ€Π½Π΅Ρ‚-ΠΌΠ°Π³Π°Π·ΠΈΠ½Π°.

Π”Ρ€ΡƒΠ³ΠΈΠΌ Ρ‚ΠΈΠΏΠΎΠΌ сайтов, Π³Π΄Π΅ ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π»ΠΈΠΏΠΊΠΈΠ΅ полосы, ΡΠ²Π»ΡΡŽΡ‚ΡΡ Ρ†Π΅Π»Π΅Π²Ρ‹Π΅ страницы, Π½Π° ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒ Π΄ΠΎΠ»ΠΆΠ΅Π½ Π²Ρ‹ΠΏΠΎΠ»Π½ΠΈΡ‚ΡŒ ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½Π½ΠΎΠ΅ дСйствиС: ΠΊΡƒΠΏΠΈΡ‚ΡŒ Π±ΠΈΠ»Π΅Ρ‚, Π·Π°Π±Ρ€ΠΎΠ½ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Ρ‚ΠΎΠ²Π°Ρ€, Π·Π°Ρ€Π΅Π³ΠΈΡΡ‚Ρ€ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒΡΡ ΠΈΠ»ΠΈ Π·Π°Ρ€Π΅Π³ΠΈΡΡ‚Ρ€ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒΡΡ ΠΈ Ρ‚. Π”.

Если Π²Ρ‹ ΡΠΎΠ±ΠΈΡ€Π°Π΅Ρ‚Π΅ΡΡŒ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ этот ΠΏΡ€ΠΈΠ΅ΠΌ, ΠΏΠΎΠΌΠ½ΠΈΡ‚Π΅, Ρ‡Ρ‚ΠΎ ΠΎΠ½ Π½Π΅ станСт Ρ€Π°Π·Π΄Ρ€Π°ΠΆΠ°ΡŽΡ‰ΠΈΠΌ для ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ ΠΈ Π½Π΅ ΠΏΠΎΠΌΠ΅ΡˆΠ°Π΅Ρ‚ вашСй Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΈ.