Π”ΠΈΠ·Π°ΠΉΠ½

Π’Π΅Π± Π΄ΠΈΠ·Π°ΠΉΠ½ 2018: сравнСниС Ρ‚Ρ€Π΅Π½Π΄ΠΎΠ² с 2017 ΠΏΠΎ 2022 Π³ΠΎΠ΄Π° β€” TemplateMonster Π½Π° vc.ru

22.01.2023

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

ΠœΠΎΠ΄Π½Ρ‹Π΅ направлСния Π²Π΅Π± Π΄ΠΈΠ·Π°ΠΉΠ½Π° 2018 Π³ΠΎΠ΄Π°

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

  • Π“Π»Π°Π²Π½Ρ‹ΠΌΠΈ Ρ‚Ρ€Π΅Π½Π΄Π°ΠΌΠΈ Π²Π΅Π± Π΄ΠΈΠ·Π°ΠΉΠ½Π° 2018 Π³ΠΎΠ΄Π°
  • БпСциалисты нашСй Π²Π΅Π± студии Ρ€Π΅ΠΊΠΎΠΌΠ΅Π½Π΄ΡƒΡŽΡ‚ Π’Π°ΠΌ ΠΎΠ±Ρ€Π°Ρ‚ΠΈΡ‚ΡŒ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅ Π½Π° ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠ΅ 5 Ρ‚Ρ€Π΅Π½Π΄ΠΎΠ² Π²Π΅Π± Π΄ΠΈΠ·Π°ΠΉΠ½Π° 2018 Π³ΠΎΠ΄Π°:
  • Π‘Π΄Π΅Π»Π°ΠΉΡ‚Π΅ Ρ€Π΅Π΄ΠΈΠ·Π°ΠΉΠ½ сайта!

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

ΠΏΠΎ-ΠΏΡ€Π΅ΠΆΠ½Π΅ΠΌΡƒ ΠΎΡΡ‚Π°ΡŽΡ‚ΡΡ Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½ΠΎΡΡ‚ΡŒ ΠΈ простота. ВсС Ρ‚Π°ΠΊΠΆΠ΅ популярна Π² Π²Π΅Π± Π΄ΠΈΠ·Π°ΠΉΠ½Π΅ ΠΈ Π³Ρ€Π°Ρ„ΠΈΠΊΠ°. ΠŸΠΎΡ‡Π΅ΠΌΡƒ это ΠΈΠΌΠ΅Π΅Ρ‚ Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅? Адаптивный Π²Π΅Π± Π΄ΠΈΠ·Π°ΠΉΠ½

– ΠΈΠΌΠ΅Π½Π½ΠΎ Ρ‚ΠΎ, Ρ‡Ρ‚ΠΎ Π΄Π΅Π»Π°Π΅Ρ‚ ΠΈΠ½Ρ‚Π΅Ρ€Π½Π΅Ρ‚ рСсурс Π±ΠΎΠ»Π΅Π΅ ΠΏΡ€ΠΈΠ²Π»Π΅ΠΊΠ°Ρ‚Π΅Π»ΡŒΠ½Ρ‹ΠΌ для посСтитСля. Π‘Π°ΠΉΡ‚ – это Π»ΠΈΡ†ΠΎ ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠΈ, Ρ‚Π°ΠΊ Ρ‡Ρ‚ΠΎ ΠΎΠ½ Π΄ΠΎΠ»ΠΆΠ΅Π½ Π±Ρ‹Ρ‚ΡŒ ΡƒΠ΄ΠΎΠ±Π½Ρ‹ΠΌ для ΠΊΠ»ΠΈΠ΅Π½Ρ‚Π°. Если тСкст Π½Π° Π’Π°ΡˆΠ΅ΠΌ сайтС Π½Π΅ «сливаСтся» Π² ΠΊΡƒΡ‡Ρƒ, Π° Ρ€Π°Π·Π΄Π΅Π»Ρ‹ Π½Π΅ ΠΏΠ΅Ρ€Π΅ΠΊΡ€Ρ‹Π²Π°ΡŽΡ‚ Π΄Ρ€ΡƒΠ³ Π΄Ρ€ΡƒΠ³Π°, Ρ‚ΠΎ Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π½Π΅ ΡΠΎΠΌΠ½Π΅Π²Π°Ρ‚ΡŒΡΡ Π² посСщаСмости рСсурса.
ΠŸΡ€ΠΎΡΡ‚ΠΎΡ‚Π° Π΄ΠΎΠ»ΠΆΠ½Π° Π²Ρ‹Ρ€Π°ΠΆΠ°Ρ‚ΡŒΡΡ Π² удобствС пользования (Ρ‡ΠΈΡ‚Π°Π±Π΅Π»ΡŒΠ½ΠΎΡΡ‚ΡŒ, Π³Ρ€Π°ΠΌΠΎΡ‚Π½ΠΎΠ΅ располоТСниС ΠΊΠ½ΠΎΠΏΠΎΠΊ). НС Β«Π·Π°ΠΏΠΈΡ…ΠΈΠ²Π°ΠΉΡ‚Π΅Β» Π½Π° страницу всС Π²ΠΎΠ·ΠΌΠΎΠΆΠ½Ρ‹Π΅ Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΠΈ, ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ, Π½Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ Π²Ρ‹Ρ‡ΡƒΡ€Π½Ρ‹Π΅ Ρ†Π²Π΅Ρ‚Π°. ΠŸΡƒΡΡ‚ΡŒ Π»ΡƒΡ‡ΡˆΠ΅ Π»Π΅Π³ΠΊΠΈΠΉ графичСский рисунок Π½Π° Ρ„ΠΎΠ½Π΅ ΠΏΡ€ΠΈΠ²Π»Π΅ΠΊΠ°Π΅Ρ‚ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅, Π° Π½Π΅ Π²Π΅Ρ‡Π½ΠΎ «скачущиС» ΠΊΠ½ΠΎΠΏΠΊΠΈ. Π˜Π½Ρ‚Π΅Ρ€Π΅ΡΠ½Ρ‹ΠΌ Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅ΠΌ являСтся ΠΏΡ€ΠΎΠ·Ρ€Π°Ρ‡Π½ΠΎΡΡ‚ΡŒ. ΠŸΡ€ΠΎΠ·Ρ€Π°Ρ‡Π½Ρ‹Π΅ ΠΈΠΊΠΎΠ½ΠΊΠΈ, полупрозрачная Π·Π°Π»ΠΈΠ²ΠΊΠ° Π±Π»ΠΎΠΊΠ°, ΠΏΠΎΠ΄ ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΌ виднССтся Ρ„ΠΎΠ½ β€” это Π½Π΅ ΠΏΠ΅Ρ€Π΅Π³Ρ€ΡƒΠΆΠ°Π΅Ρ‚ сайт, Π΄Π΅Π»Π°Π΅Ρ‚ Π΅Π³ΠΎ Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½ΠΎ интСрСснСС.
НС стоит Π·Π°Π±Ρ‹Π²Π°Ρ‚ΡŒ ΠΈ ΠΎ 3D эффСктС. МСлкиС ΠΎΠ±ΡŠΠ΅ΠΌΠ½Ρ‹Π΅ Π΄Π΅Ρ‚Π°Π»ΠΈ Π²Ρ‹Π³ΠΎΠ΄Π½ΠΎ ΠΎΡ‚Π»ΠΈΡ‡Π°Ρ‚ Π’Π°Ρˆ сайт ΠΎΡ‚ Π΄Ρ€ΡƒΠ³ΠΈΡ… ΠΈ расставят Π½ΡƒΠΆΠ½Ρ‹Π΅ Π°ΠΊΡ†Π΅Π½Ρ‚Ρ‹ Π½Π° страницС, Π·Π° ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π±ΡƒΠ΄Π΅Ρ‚ Β«Ρ†Π΅ΠΏΠ»ΡΡ‚ΡŒΡΡΒ» взгляд посСтитСля.
Но это Π΅Ρ‰Π΅ Π½Π΅ всС!

ΠΊ ΡΠΎΠ΄Π΅Ρ€ΠΆΠ°Π½ΠΈΡŽ ↑

БпСциалисты нашСй Π²Π΅Π± студии Ρ€Π΅ΠΊΠΎΠΌΠ΅Π½Π΄ΡƒΡŽΡ‚ Π’Π°ΠΌ ΠΎΠ±Ρ€Π°Ρ‚ΠΈΡ‚ΡŒ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅ Π½Π° ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠ΅ 5 Ρ‚Ρ€Π΅Π½Π΄ΠΎΠ² Π²Π΅Π± Π΄ΠΈΠ·Π°ΠΉΠ½Π° 2018 Π³ΠΎΠ΄Π°:


НС слСдуСт Π·Π°Π±Ρ‹Π²Π°Ρ‚ΡŒ ΠΈ ΠΎ Ρ‚Π°ΠΊΠΈΡ… дизайнСрских элСмСнтах, ΠΊΠ°ΠΊ гСомСтричСский рисунок, ΡƒΠ·ΠΎΡ€Ρ‹, Π»ΠΈΠ½ΠΈΠΈ, Ρ†Π²Π΅Ρ‚ΠΎΠ²Ρ‹Π΅ ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄Ρ‹ (Π³Ρ€Π°Π΄ΠΈΠ΅Π½Ρ‚) Π² ΠΎΡ„ΠΎΡ€ΠΌΠ»Π΅Π½ΠΈΠΈ Π΄Π΅Ρ‚Π°Π»Π΅ΠΉ, плоский Π΄ΠΈΠ·Π°ΠΉΠ½ Π² сочСтании с 3D элСмСнтами, ΡƒΠ½ΠΈΠΊΠ°Π»ΡŒΠ½Ρ‹Π΅ ΠΈΠ»Π»ΡŽΡΡ‚Ρ€Π°Ρ†ΠΈΠΈ, ΠΌΠΈΠ½ΠΈ Π²ΠΈΠ΄Π΅ΠΎΡ€ΠΎΠ»ΠΈΠΊΠΈ.

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

Π‘Π΄Π΅Π»Π°ΠΉΡ‚Π΅ Ρ€Π΅Π΄ΠΈΠ·Π°ΠΉΠ½ сайта!

Как ΠΏΠΎΠ½ΡΡ‚ΡŒ Ρ‡Ρ‚ΠΎ Π’Π°ΡˆΠ΅ΠΌΡƒ сайту Π½ΡƒΠΆΠ΅Π½ Ρ€Π΅Π΄ΠΈΠ·Π°ΠΉΠ½? БущСствуСт нСсколько ΠΏΡƒΠ½ΠΊΡ‚ΠΎΠ², Ρ‡Ρ‚ΠΎΠ±Ρ‹ это ΠΎΠΏΡ€Π΅Π΄Π΅Π»ΠΈΡ‚ΡŒ.
Π’ΠΎ-ΠΏΠ΅Ρ€Π²Ρ‹Ρ…, ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒ Π½Π΅ задСрТиваСтся Π½Π° Π²Π΅Π± сайтС. Главная Π·Π°Π΄Π°Ρ‡Π° любого Π²Π΅Π± сайта ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠΈ – Ρ€Π΅ΠΊΠ»Π°ΠΌΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Π΅Π΅ услуги, ΠΏΡ€ΠΎΠ΄Π°Π²Π°Ρ‚ΡŒ Ρ‚ΠΎΠ²Π°Ρ€, ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΠΊΠ»ΠΈΠ΅Π½Ρ‚Π°. А Ρ‡Ρ‚ΠΎ ΠΌΠΎΠΆΠ΅Ρ‚ ΡƒΠ·Π½Π°Ρ‚ΡŒ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒ, Ссли Π½Π΅ задСрТиваСтся Π½Π° рСсурсС? НичСго. ΠŸΡ€ΠΈΠ±Ρ‹Π»ΡŒ ΠΏΠ°Π΄Π°Π΅Ρ‚.
Π’ΠΎ-Π²Ρ‚ΠΎΡ€Ρ‹Ρ…, сайт Π½Π΅ продвигаСтся Π² поисковых систСмах. ΠžΠΏΡΡ‚ΡŒ ΠΆΠ΅, ΠΏΡ€ΠΈΠ±Ρ‹Π»ΡŒ ΠΏΠ°Π΄Π°Π΅Ρ‚, ΠΏΠΎΡΠΊΠΎΠ»ΡŒΠΊΡƒ ΠΊΠ»ΠΈΠ΅Π½Ρ‚Ρ‹ Π΅Π³ΠΎ Π½Π΅ видят ΠΏΡ€ΠΈ поискС. Π—Π½Π°Ρ‡ΠΈΡ‚, Π½ΡƒΠΆΠ΅Π½ Π½Π΅ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Ρ€Π΅Π΄ΠΈΠ·Π°ΠΉΠ½, Π½ΠΎ ΠΈ SEO оптимизация.
Π’-Ρ‚Ρ€Π΅Ρ‚ΡŒΠΈΡ…, ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŽ слоТно ΠΏΠ΅Ρ€Π΅ΠΌΠ΅Ρ‰Π°Ρ‚ΡŒΡΡ ΠΏΠΎ сайту. Π—Π½Π°Ρ‡ΠΈΡ‚ навигация рСсурса запутанная ΠΈΠ»ΠΈ слоТная. Π­Ρ‚ΠΎ ΠΎΡ‚ΠΏΡƒΠ³ΠΈΠ²Π°Π΅Ρ‚ ΠΊΠ»ΠΈΠ΅Π½Ρ‚ΠΎΠ². Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅, Ρ‚Π°ΠΊ Π½Π°Π·Ρ‹Π²Π°Π΅ΠΌΠΎΠ΅ Β«ΠΈΠ½Ρ‚ΡƒΠΈΡ‚ΠΈΠ²Π½ΠΎΠ΅Β» располоТСниС ΠΊΠ½ΠΎΠΏΠΎΠΊ. Вся нуТная информация (услуги, прайс-листы, ΠΊΠΎΠ½Ρ‚Π°ΠΊΡ‚Ρ‹) Π΄ΠΎΠ»ΠΆΠ½Π° Π±Ρ‹Ρ‚ΡŒ Π±Π»ΠΈΠΆΠ΅ ΠΊ Π½Π°Ρ‡Π°Π»Ρƒ.
Π’-Ρ‡Π΅Ρ‚Π²Π΅Ρ€Ρ‚Ρ‹Ρ…, устарСло Π½Π°ΠΏΠΎΠ»Π½Π΅Π½ΠΈΠ΅ ΠΈ Π΄ΠΈΠ·Π°ΠΉΠ½ сайта. Π’ΡƒΡ‚ всС понятно, Π½ΠΈΠΊΡ‚ΠΎ Π½Π΅ Π±ΡƒΠ΄Π΅Ρ‚ Π²ΡΠ΅Ρ€ΡŒΠ΅Π· Π²ΠΎΡΠΏΡ€ΠΈΠ½ΠΈΠΌΠ°Ρ‚ΡŒ компанию, Π΄ΠΈΠ·Π°ΠΉΠ½ сайта ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΉ Π½Π°ΠΏΠΎΠΌΠΈΠ½Π°Π΅Ρ‚ Π½Π°Ρ‡Π°Π»ΠΎ 2000-Ρ….
Π’-пятых, измСнились названия, Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏ, ΠΈΠ»ΠΈ спСциализация ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠΈ.
Π’-ΡˆΠ΅ΡΡ‚Ρ‹Ρ…, Π½Π΅ Ρ€Π°Π±ΠΎΡ‚Π°ΡŽΡ‚ ΠΊΠ½ΠΎΠΏΠΊΠΈ, Π½Π΅ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°ΡŽΡ‚ΡΡ изобраТСния. Π’Π΅Ρ…Π½ΠΎΠ»ΠΎΠ³ΠΈΠΈ быстро Ρ€Π°Π·Π²ΠΈΠ²Π°ΡŽΡ‚ΡΡ, ΠΈ Ρ‚ΠΎ, Ρ‡Ρ‚ΠΎ Π±Ρ‹Π»ΠΎ Ρ€Π°Π±ΠΎΡ‡ΠΈΠΌ ΠΏΡΡ‚ΡŒ Π»Π΅Ρ‚ Π½Π°Π·Π°Π΄, сСйчас ΠΌΠΎΠΆΠ΅Ρ‚ Π΄Π°ΠΆΠ΅ Π½Π΅ ΠΎΡ‚ΠΊΡ€Ρ‹Π²Π°Ρ‚ΡŒΡΡ.
Π’Π°ΠΆΠ½ΠΎ Π·Π½Π°Ρ‚ΡŒ, Ρ‡Ρ‚ΠΎ всС Π½ΠΎΠ²Ρ‹Π΅ Ρ‚Π΅Π½Π΄Π΅Π½Ρ†ΠΈΠΈ Π²Π΅Π± Π΄ΠΈΠ·Π°ΠΉΠ½Π°, Π΄ΠΈΠΊΡ‚ΡƒΡŽΡ‚ΡΡ срСдствами массовой ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΈ, Π½ΠΎΠ²Ρ‹ΠΌΠΈ тСхнологиями, ΠΈ Π΄Π°ΠΆΠ΅ ΠΌΠΎΠ΄Π½ΠΎΠΉ индустриСй. НСобходимо ΠΏΠΎΠ½ΠΈΠΌΠ°Ρ‚ΡŒ, Ρ‡Ρ‚ΠΎ ΠΆΠΈΠ·Π½Π΅Π½Π½Ρ‹ΠΉ Ρ†ΠΈΠΊΠ» любого Ρ‚Ρ€Π΅Π½Π΄Π° составляСт Π½Π΅ Π±ΠΎΠ»Π΅Π΅ 2-3 Π»Π΅Ρ‚, Π² ΠΏΠΎΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΡ… Π³ΠΎΠ΄Π°Ρ… ΠΎΠ½ Π±ΡƒΠ΄Π΅Ρ‚ Π΄ΠΎΠΏΠΎΠ»Π½ΡΡ‚ΡŒΡΡ всС Π½ΠΎΠ²Ρ‹ΠΌΠΈ ΠΈ Π½ΠΎΠ²Ρ‹ΠΌΠΈ идСями ΠΈ Ρ€Π΅ΡˆΠ΅Π½ΠΈΡΠΌΠΈ. Π’Π°ΠΊ Ρ‡Ρ‚ΠΎ ΠΏΡ€ΠΎΠ΄ΡƒΠΌΡ‹Π²Π°ΠΉΡ‚Π΅ всС Π½Π°ΠΏΠ΅Ρ€Π΅Π΄, Π½Π΅ забывая ΠΈΠ΄Ρ‚ΠΈ Π² Π½ΠΎΠ³Ρƒ со Π²Ρ€Π΅ΠΌΠ΅Π½Π΅ΠΌ!

Π’Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½: ΠΎΠ±Π·ΠΎΡ€ Ρ‚Ρ€Π΅Π½Π΄ΠΎΠ² ΠΎΡ‚ ЛогастСр

Andriy Kozak

ОбновлСно

Loading…

Π’ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎ, Π²Ρ‹ Π½Π΅ Ρ€Π°Π· ΡΠ»Ρ‹ΡˆΠ°Π»ΠΈ напутствиС: β€œΠ—Π° Ρ‚Ρ€Π΅Π½Π΄Π°ΠΌΠΈ Π½Π΅ ΡƒΠ³ΠΎΠ½ΠΈΡˆΡŒΡΡ, Π½ΡƒΠΆΠ½ΠΎ Π±Ρ‹Ρ‚ΡŒ СстСствСнным”. Π­Ρ‚ΠΎ, ΠΊΠΎΠ½Π΅Ρ‡Π½ΠΎ, ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΠΎΠ΅ суТдСниС, Π½ΠΎ Ρ€Π°Π·ΠΎΠ±Ρ€Π°Ρ‚ΡŒΡΡ Π² тСндСнциях Π²Π΅Π± Π΄ΠΈΠ·Π°ΠΉΠ½Π° ΠΏΡ€Π΅ΠΆΠ΄Π΅, Ρ‡Π΅ΠΌ Π½Π°Ρ‡ΠΈΠ½Π°Ρ‚ΡŒ процСсс Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ собствСнного рСсурса просто Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ. Π’Π΅Π΄ΡŒ Ρ‚Ρ€Π΅Π½Π΄Ρ‹ β€” это Π½Π΅ Ρ‚ΠΎ, Ρ‡Ρ‚ΠΎ нравится Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Π°ΠΌ, это, Π² ΠΏΠ΅Ρ€Π²ΡƒΡŽ ΠΎΡ‡Π΅Ρ€Π΅Π΄ΡŒ Ρ‚ΠΎ, Ρ‡Ρ‚ΠΎ способно Π°ΠΊΡ‚ΠΈΠ²Π½ΠΎ ΠΏΡ€ΠΈΠ²Π»Π΅ΠΊΠ°Ρ‚ΡŒ ΠΊΠ»ΠΈΠ΅Π½Ρ‚ΠΎΠ², Π° соотвСтствСнно ΠΏΠΎΠ²Ρ‹ΡˆΠ°Ρ‚ΡŒ Ρ‚Ρ€Π°Ρ„ΠΈΠΊ сайта, ΠΊΠΎΠ½Π²Π΅Ρ€ΡΠΈΡŽ ΠΈ ΠΏΡ€ΠΎΠ΄Π°ΠΆΠΈ. ΠŸΠΎΡΡ‚ΠΎΠΌΡƒ вытягиваСм самый Π΄Π»ΠΈΠ½Π½Ρ‹ΠΉ ус, Π½Π°ΠΌ Π΅ΡΡ‚ΡŒ Ρ‡Ρ‚ΠΎ Π½Π°ΠΌΠ°Ρ‚Ρ‹Π²Π°Ρ‚ΡŒ.

Π’Ρ€Π΅Π½Π΄Ρ‹ Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π° 2018 

ΠšΡ‚ΠΎ ΠΏΠΎΠΌΠ½ΠΈΡ‚ ΠΈΠ· школьной ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹ Ρ„ΠΈΠ·ΠΈΠΊΠΈ ΠΎ Π·Π°ΠΊΠΎΠ½Π΅ сохранСния энСргии, ΠΎ Ρ‚ΠΎΠΌ, Ρ‡Ρ‚ΠΎ ΠΎΠ½Π° Π½Π΅ ΠΌΠΎΠΆΠ΅Ρ‚ Π²Π·ΡΡ‚ΡŒΡΡ ΠΈΠ· Π½ΠΈΠΎΡ‚ΠΊΡƒΠ΄Π° ΠΈ ΠΈΡΡ‡Π΅Π·Π½ΡƒΡ‚ΡŒ бСсслСдно? ΠŸΡ€ΠΈΠ±Π»ΠΈΠ·ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ Ρ‚Π°ΠΊΠΆΠ΅ Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ ΠΏΠΎΠΏΡƒΠ»ΡΡ€Π½ΠΎΡΡ‚ΡŒ Ρ‚Ρ€Π΅Π½Π΄ΠΎΠ² с Π³ΠΎΠ΄Π° Π² Π³ΠΎΠ΄: ΠΎΠ½ΠΈ Π»ΠΈΠ±ΠΎ ΠΎΡΡ‚Π°ΡŽΡ‚ΡΡ, Π»ΠΈΠ±ΠΎ ΡΠΎΠ²Π΅Ρ€ΡˆΠ΅Π½ΡΡ‚Π²ΡƒΡŽΡ‚ΡΡ, Π»ΠΈΠ±ΠΎ становятся ΠΎΡ‚Π²Π΅Ρ‚Π½ΠΎΠΉ Ρ€Π΅Π°ΠΊΡ†ΠΈΠ΅ΠΉ Π½Π° ΠΏΡ€Π΅Π΄Ρ‹Π΄ΡƒΡ‰ΠΈΠ΅. ΠŸΠΎΡΡ‚ΠΎΠΌΡƒ ΠΌΡ‹ Ρ€Π΅ΡˆΠΈΠ»ΠΈ ΠΎΡ‚ΠΌΠΎΡ‚Π°Ρ‚ΡŒ Π³ΠΎΠ΄ Π½Π°Π·Π°Π΄ ΠΈ Π²ΡΠΏΠΎΠΌΠ½ΠΈΡ‚ΡŒ ΠΊΠ°ΠΊΠΈΠ΅ Ρ‚Ρ€Π΅Π½Π΄Ρ‹ Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π° Π΄ΠΎΠΌΠΈΠ½ΠΈΡ€ΠΎΠ²Π°Π»ΠΈ Π² интСрфСйсах 2018 Π³ΠΎΠ΄Π°.

Π₯ΠΎΡ‚ΠΈΡ‚Π΅ Π±Ρ‹Ρ‚ΡŒ Π² Ρ‚Ρ€Π΅Π½Π΄Π΅ ΠΈ ΡƒΠ»ΡƒΡ‡ΡˆΠΈΡ‚ΡŒ ΠΈΠΌΠΈΠ΄ΠΆ Π±Ρ€Π΅Π½Π΄Π°?

Π’ΠΎΠ³Π΄Π° Π²Π²Π΅Π΄ΠΈΡ‚Π΅ Π½Π°Π·Π²Π°Π½ΠΈΠ΅ ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠΈ ΠΈ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚Π΅ ΡΡ‚ΠΈΠ»ΡŒΠ½Ρ‹ΠΉ Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏ Π·Π° считанныС ΠΌΠΈΠ½ΡƒΡ‚Ρ‹.

ИспользованиС Ρ‚Π΅Π½Π΅ΠΉ 

ПослС Π΄ΠΎΠ»Π³ΠΎΠ³ΠΎ господства flat Π΄ΠΈΠ·Π°ΠΉΠ½Π°, Ρ‚Π΅Π½ΠΈ всС Ρ‚Π°ΠΊΠΈ Π²Π΅Ρ€Π½ΡƒΠ»ΠΈ ΠΊ сСбС любовь Π²Π΅Π± Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΎΠ². Но Ρ‚Π΅ΠΏΠ΅Ρ€ΡŒ Π² ΠΎΡ„ΠΎΡ€ΠΌΠ»Π΅Π½ΠΈΠΈ страниц ΠΎΠ±ΡŠΠ΅ΠΌΠ½Ρ‹Π΅ ΠΈ плоскиС элСмСнты часто Π²ΡΡ‚Ρ€Π΅Ρ‡Π°ΡŽΡ‚ΡΡ вмСстС. ΠžΠ±Ρ‹Ρ‡Π½ΠΎ Π³Π»ΡƒΠ±ΠΈΠ½Ρƒ ΠΎΠ±Ρ€Π΅Ρ‚Π°ΡŽΡ‚ ΠΊΠ»ΡŽΡ‡Π΅Π²Ρ‹Π΅ ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Ρ‹, Π° плоским остаСтся Ρ„ΠΎΠ½. Π’Π΅Π½ΠΈ Π² Π³Ρ€Π°Ρ„ΠΈΠΊΠ΅ Π±Ρ‹Π²Π°ΡŽΡ‚ Ρ€Π°Π·Π½Ρ‹Ρ… Ρ†Π²Π΅Ρ‚ΠΎΠ², насыщСнности ΠΈ Π΄Π»ΠΈΠ½Ρ‹.


Source: by Balkan Brothers

Π˜Π»Π»ΡŽΡΡ‚Ρ€Π°Ρ†ΠΈΠΈ ΠΈΠ³Ρ€Π°ΡŽΡ‚ Π²Π°ΠΆΠ½ΡƒΡŽ Ρ€ΠΎΠ»ΡŒ

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


Source: by Alexander Polonsky

Π―Ρ€ΠΊΠΈΠ΅ Ρ†Π²Π΅Ρ‚Π° ΠΈ Π³Ρ€Π°Π΄ΠΈΠ΅Π½Ρ‚Ρ‹

Π’ 2018 Π³ΠΎΠ΄Ρƒ интСрфСйсы Π²Π΅Π± рСсурсов всС Ρ‡Π°Ρ‰Π΅ Π΄Π΅ΠΌΠΎΠ½ΡΡ‚Ρ€ΠΈΡ€ΡƒΡŽΡ‚ яркиС ΠΎΡ‚Ρ‚Π΅Π½ΠΊΠΈ ΠΈ контрасты. Π’ Π΄ΠΈΠ·Π°ΠΉΠ½Π°Ρ… Ρ‚Π°ΠΊΠΆΠ΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ Π³Ρ€Π°Π΄ΠΈΠ΅Π½Ρ‚Ρ‹ красок ΠΎΠ΄Π½ΠΎΠ³ΠΎ ΠΈΠ»ΠΈ Ρ€Π°Π·Π½Ρ‹Ρ… ΠΎΡ‚Ρ‚Π΅Π½ΠΊΠΎΠ² ΠΈ ΡΠΊΡΠΏΠ΅Ρ€ΠΈΠΌΠ΅Π½Ρ‚ΠΈΡ€ΡƒΡŽΡ‚ с ΡƒΡ€ΠΎΠ²Π½Π΅ΠΌ прозрачности, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΡ€ΠΈΠ΄Π°Ρ‚ΡŒ ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Π°ΠΌ Π³Π»ΡƒΠ±ΠΈΠ½Ρ‹ ΠΈ рСалистичности. Π’Π°ΠΊΠΎΠΉ эффСкт нашСл сСбС мСсто Π½Π° Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏΠ΅ Π˜Π½ΡΡ‚Π°Π³Ρ€Π°ΠΌ.


Source: by Nina Stamatović

ИспользованиС Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΠΈ

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


Source: by Vladimir Biondic

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

Адаптивный Π΄ΠΈΠ·Π°ΠΉΠ½, Π² ΠΎΡ‚Π»ΠΈΡ‡ΠΈΠΈ ΠΎΡ‚ мобильной вСрсии, сохраняСт Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π» рСсурса Π½Π° любом устройствС. Адаптация ΠΊΠΎΡΠ½ΡƒΠ»Π°ΡΡŒ Π΄Π°ΠΆΠ΅ Ρ„ΠΈΡ€ΠΌΠ΅Π½Π½ΠΎΠ³ΠΎ стиля. Π›ΠΎΠ³ΠΎΡ‚ΠΈΠΏΡ‹ Google, Coca-Cola, Chanel, Walt Disney, Levis, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, ΠΎΠ±Ρ€Π΅Π»ΠΈ свою ΡƒΠΌΠ΅Π½ΡŒΡˆΠ΅Π½Π½ΡƒΡŽ Π²Π΅Ρ€ΡΠΈΡŽ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π½Π΅ Ρ‚Π΅Ρ€ΡΡ‚ΡŒ доступности ΠΈ ΠΏΡ€ΠΈΠ²Π»Π΅ΠΊΠ°Ρ‚Π΅Π»ΡŒΠ½ΠΎΡΡ‚ΠΈ ΠΏΡ€ΠΈ ΠΌΠ°ΡΡˆΡ‚Π°Π±ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠΈ.

ИспользованиС Π²Π°Ρ€ΠΈΠ°Ρ‚ΠΈΠ²Π½Ρ‹Ρ… ΡˆΡ€ΠΈΡ„Ρ‚ΠΎΠ²

Π’Π°Ρ€ΠΈΠ°Ρ‚ΠΈΠ²Π½Ρ‹Π΅ ΡˆΡ€ΠΈΡ„Ρ‚Ρ‹ Π±Ρ‹Π»ΠΈ прСдставлСны Π΅Ρ‰Π΅ Π² 2016 Π³ΠΎΠ΄Ρƒ ΠΊΠ°ΠΊ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠ° ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠΉ Microsoft, Apple, Adobe ΠΈ Google Π² ΠΊΠΎΠ½Ρ†Π΅ΠΏΡ†ΠΈΠΈ OpenType 1. 8, которая Ρ€Π°Π·Ρ€Π΅ΡˆΠ°Π΅Ρ‚ Ρ…Ρ€Π°Π½ΠΈΡ‚ΡŒ всС начСртания Π² Π΅Π΄ΠΈΠ½ΠΎΠΌ Ρ„Π°ΠΉΠ»Π΅ ΠΈ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π±ΠΎΠ»Π΅Π΅ Ρ‚ΠΎΡ‡Π½Ρ‹Π΅ значСния ΡˆΡ€ΠΈΡ„Ρ‚ΠΎΠ². По ΡΡ‚Π΅Ρ‡Π΅Π½ΠΈΡŽ 2 Π»Π΅Ρ‚ вариативная Ρ‚ΠΈΠΏΠΎΠ³Ρ€Π°Ρ„ΠΈΠΊΠ° остаСтся Ρ‚Π°ΠΊΠΎΠΉ ΠΆΠ΅ популярной.


Source: by Anthony M. Zubia

АсиммСтрия VS Π΄Π²ΡƒΠΌΠ΅Ρ€Π½Ρ‹Π΅ сСтки 

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


Source: by RocΓ­o Diaz

Π’Ρ€Π΅Π½Π΄Ρ‹ Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π° 2019

Π£ΠΆΠ΅ совсСм скоро 2019 Π³ΠΎΠ΄ ΡƒΠΉΠ΄Π΅Ρ‚ Π² ΠΏΡ€ΠΎΡˆΠ»ΠΎΠ΅. БСйчас ΠΌΡ‹ ΠΌΠΎΠΆΠ΅ΠΌ ΠΎΡ†Π΅Π½ΠΈΡ‚ΡŒ насколько рСалистичны Π±Ρ‹Π»ΠΈ ΠΏΡ€ΠΎΠ³Π½ΠΎΠ·Ρ‹ ΠΊΠ°ΡΠ°Ρ‚Π΅Π»ΡŒΠ½ΠΎ Ρ‚Ρ€Π΅Π½Π΄ΠΎΠ² Π²Π΅Π± Π΄ΠΈΠ·Π°ΠΉΠ½Π° Π½Π° эти 12 мСсяцСв. Π”Π°Π²Π°ΠΉΡ‚Π΅ Ρ€Π°Π·Π±Π΅Ρ€Π΅ΠΌ список самых популярных Ρ‚Π΅Π½Π΄Π΅Π½Ρ†ΠΈΠΉ ΠΈ ΡƒΠ·Π½Π°Π΅ΠΌ Ρ‡Ρ‚ΠΎ стало с β€œΠ²Π΅Π±β€ энСргиСй Π² этом Π³ΠΎΠ΄Ρƒ.

АсиммСтричныС ΠΌΠ°ΠΊΠ΅Ρ‚Ρ‹

Как ΠΈ Π² ΠΏΡ€Π΅Π΄Ρ‹Π΄ΡƒΡ‰Π΅ΠΌ Π³ΠΎΠ΄Ρƒ, асиммСтрия остаСтся вострСбованной. ΠžΡ‚ΡΡƒΡ‚ΡΡ‚Π²ΠΈΠ΅ симмСтричных Π»ΠΈΠ½ΠΈΠΉ Π΄Π΅Π»Π°Π΅Ρ‚ Π΄ΠΈΠ·Π°ΠΉΠ½ ΡΠΌΠΎΡ†ΠΈΠΎΠ½Π°Π»ΡŒΠ½Ρ‹ΠΌ. Π’Π°ΠΊΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ ΠΌΠΎΠΆΠ½ΠΎ ΠΏΠ΅Ρ€Π΅Π΄Π°Ρ‚ΡŒ Ρ…Π°Ρ€Π°ΠΊΡ‚Π΅Ρ€ ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠΈ. АсиммСтрия способна ΠΎΠ±Ρ€Π°Π·ΠΎΠ²Π°Ρ‚ΡŒ равновСсиС, сопоставив, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€,  яркому Ρ†Π²Π΅Ρ‚Ρƒ ΠΎΠ΄Π½ΠΎΠ³ΠΎ ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Π°, прСимущСства Π² Ρ€Π°Π·ΠΌΠ΅Ρ€Π°Ρ… Π΄Ρ€ΡƒΠ³ΠΎΠ³ΠΎ.


Source: by Zhenya Rynzhuk

ГСомСтричСскиС Ρ„ΠΎΡ€ΠΌΡ‹

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


Source: by Ben Schade

Π Π΅Ρ‚Ρ€ΠΎ Π΄ΠΈΠ·Π°ΠΉΠ½/ΡˆΡ€ΠΈΡ„Ρ‚Ρ‹

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


Source: by pandabanda

ΠœΠΎΠ½ΠΎΡ…Ρ€ΠΎΠΌΠ½Ρ‹Π΅ изобраТСния 

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


Source: by Dannniel

ВСндСнция ΠΏΠ΅Ρ€Π΅ΠΊΡ€Π΅Ρ‰ΠΈΠ²Π°ΡŽΡ‰ΠΈΡ…ΡΡ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ

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


Source: by Vladimir Gruev

Π‘ΠΎΠ»ΡŒΡˆΠ΅ пустого пространства

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

Source: by Eddie Lobanovski

Π˜Π³Ρ€Π° с Ρ‚ΠΈΠΏΠΎΠ³Ρ€Π°Ρ„ΠΈΠΊΠΎΠΉ 

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

Source: by Zhenya Rynzhuk

ΠœΠΈΠΊΡ€ΠΎΠ²Π·Π°ΠΈΠΌΠΎΠ΄Π΅ΠΉΡΡ‚Π²ΠΈΡ ΠΈ ΠΌΠΈΠ½ΠΈ-ΠΈΠ³Ρ€Ρ‹

Π˜Π½Ρ‚Π΅Ρ€Ρ„Π΅ΠΉΡΡ‹ сайтов становятся Π±ΠΎΠ»Π΅Π΅ Π΄Ρ€ΡƒΠΆΠ΅Π»ΡŽΠ±Π½Ρ‹ΠΌΠΈ. Они ΠΏΠΎΠΊΠ°Π·Ρ‹Π²Π°ΡŽΡ‚ посСтитСлям Π·Π°Π±Π°Π²Π½ΡƒΡŽ Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΡŽ ΠΈ ΠΏΡ‹Ρ‚Π°ΡŽΡ‚ΡΡ ΠΏΡ€ΠΎΡΠ²ΠΈΡ‚ΡŒ ΡŽΠΌΠΎΡ€. ΠœΠΈΠΊΡ€ΠΎΠ²Π·Π°ΠΈΠΌΠΎΠ΄Π΅ΠΉΡΡ‚Π²ΠΈΡ ΠΌΠ΅Π»ΠΊΠΈΡ… Π°Π½ΠΈΠΌΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹Ρ… Π΄Π΅Ρ‚Π°Π»Π΅ΠΉ создаСт ΠΎΡ‰ΡƒΡ‰Π΅Π½ΠΈΠ΅ ΠΈΠ½Π΄ΠΈΠ²ΠΈΠ΄ΡƒΠ°Π»ΡŒΠ½ΠΎΡΡ‚ΠΈ сайта. Мини-ΠΈΠ³Ρ€Ρ‹ Ρ€Π°Π·Π²Π»Π΅ΠΊΠ°ΡŽΡ‚ ΠΊΠ»ΠΈΠ΅Π½Ρ‚Π° Π½Π° сайтС Π²ΠΎ врСмя Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ страницы, проявляя Π·Π°Π±ΠΎΡ‚Ρƒ.

Source: by Daniel Tan

ΠšΠΎΠΌΠ±ΠΈΠ½ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ Ρ€Π°Π·Π½Ρ‹Ρ… Ρ„ΠΎΡ€ΠΌ ΠΈ β€œΠ²Π΅ΡΠΎΠ²β€ ΡˆΡ€ΠΈΡ„Ρ‚ΠΎΠ²

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

Source: by Nathan Riley

Π‘ΠΎΠ»ΡŒΡˆΠ΅Π΅ Π°Π±Π·Π°Ρ†Ρ‹

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

Source: by Dennys Hess

Анимация Π²Ρ‚ΠΎΡ€ΠΈΡ‡Π½Ρ‹Ρ… элСмСнтов

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

Source: by Mike | Creative Mints

Π‘Ρ€ΡƒΡ‚Π°Π»ΠΈΠ·ΠΌ ΠΈ максимализм

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

Source: by Mike | Creative Mints

ИскаТСниС, Π²ΠΎΠ»Π½Ρ‹ 

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

Source: by tubik

БмСшанная ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‚ΠΊΠ°

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

Source: by Filip Justić

ИспользованиС 2D ΠΈ 3D эффСктов

Π’ Π‘SS-Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΠΈ часто ΠΈΠΌΠΈΡ‚ΠΈΡ€ΡƒΡŽΡ‚ эффСкт параллакса, ΠΊΠΎΠ³Π΄Π° элСмСнты ΠΏΠ΅Ρ€Π΅Π΄Π½Π΅Π³ΠΎ ΠΏΠ»Π°Π½Π° Π² пСрспСктивС ΠΏΠ΅Ρ€Π΅ΠΌΠ΅Ρ‰Π°ΡŽΡ‚ΡΡ быстрСС, Ρ‡Π΅ΠΌ Ρ„ΠΎΠ½ΠΎΠ²Ρ‹Π΅. Π­Ρ‚ΠΎΠ³ΠΎ Π΄ΠΎΠ±ΠΈΠ²Π°ΡŽΡ‚ΡΡ ΠΏΡƒΡ‚Π΅ΠΌ использования 3D модСлирования Π½Π° 2D плоскостях. Π’Π°ΠΊΠΌΠΎΠΆΠ½ΠΎ добится контраста ΠΌΠ΅ΠΆΠ΄Ρƒ Ρ‚Ρ€Π΅Ρ…ΠΌΠ΅Ρ€Π½Ρ‹ΠΌΠΈ ΠΈ плоскими графичСскими элСмСнтами, Ρ†Π²Π΅Ρ‚Π°ΠΌΠΈ ΠΈ тСкстом.

Source: by Mike | Creative Mints

АкцСнт Π½Π° проявлСнии личности Π±Ρ€Π΅Π½Π΄Π° 

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

Source: by Paarth Desai

PWA

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

Π’ΠΈΡ€Ρ‚ΡƒΠ°Π»ΡŒΠ½Ρ‹Π΅ ΠΏΠΎΠΌΠΎΡ‰Π½ΠΈΠΊΠΈ ΠΈ голосовыС интСрфСйсы ΠΊΠΎΠΌΠ°Π½Π΄

Π’ΠΈΡ€Ρ‚ΡƒΠ°Π»ΡŒΠ½Ρ‹Π΅ голосовыС ΠΏΠΎΠΌΠΎΡ‰Π½ΠΈΠΊΠΈ, Ρ‚Π°ΠΊΠΈΠ΅ ΠΊΠ°ΠΊ Siri ΠΈ Google Assistant, ΡƒΠΆΠ΅ Π΄Π°Π²Π½ΠΎ Π·Π½Π°ΠΊΠΎΠΌΡ‹ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŽ ΠΈ ΠΏΠΎΠΌΠΎΠ³Π°ΡŽΡ‚ Π΅ΠΌΡƒ, начиная ΠΎΡ‚ Π²Π²ΠΎΠ΄Π° тСкста ΠΈ управлСния настройками Π΄ΠΎ поиска ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΈ Π² сСти. Но Ρ‚Π΅ΠΏΠ΅Ρ€ΡŒ ΠΎΠ½ΠΈ ΡƒΡΠΏΠ΅ΡˆΠ½ΠΎ ΠΈΠ½Ρ‚Π΅Π³Ρ€ΠΈΡ€ΠΎΠ²Π°Π»ΠΈΡΡŒ Π² интСрфСйсы сайтов для выполнСния ΠΊΠΎΠΌΠ°Π½Π΄ Ρ‡Π΅Ρ€Π΅Π· ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Π΅ устройства.  

Π’Ρ€Π΅Π½Π΄Ρ‹ Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π° 2020

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

ΠœΠΈΠΊΡ€ΠΎ анимация 

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

Source: by Den Klenkov

3D ΠΌΠΎΠ΄Π΅Π»ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ ΠΈ Ρ€Π΅Π½Π΄Π΅Ρ€ΠΈΠ½Π³

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

Source: by ??????????????

АбстрактныС Ρ„ΠΈΠ³ΡƒΡ€Ρ‹ ΠΈ органичСскиС Ρ„ΠΎΡ€ΠΌΡ‹

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

Source: by Stian

Π‘ΠΎΠ»ΡŒΡˆΠΈΠ΅ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΈ, ΠΏΡ€ΠΈΠ²Π»Π΅ΠΊΠ°ΡŽΡ‰ΠΈΠ΅ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ

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

Source: by Brijan

Π‘ΠΎΠ»ΡŒΡˆΠΎΠ΅ количСство свободного пространства

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

Source: by Jeroen van Eerden

Π‘ΠΈΠΌΠ±ΠΈΠΎΠ· ярких Ρ†Π²Π΅Ρ‚ΠΎΠ² ΠΈ ΠΌΠΈΠ½ΠΈΠΌΠ°Π»ΠΈΠ·ΠΌΠ°

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

Source: by Margarita Lunina

ОсознанноС использованиС Ρ†Π²Π΅Ρ‚ΠΎΠ²

ВСория Ρ†Π²Π΅Ρ‚Π° гласит, Ρ‡Ρ‚ΠΎ ΠΊΠ°ΠΆΠ΄Ρ‹ΠΉ ΠΎΡ‚Ρ‚Π΅Π½ΠΎΠΊ способСн своСобразно Π²Π»ΠΈΡΡ‚ΡŒ Π½Π° Ρ‡Π΅Π»ΠΎΠ²Π΅ΠΊΠ°. И Ρ…ΠΎΡ‚ΡŒ ΠΌΡ‹ ΠΈΠΌΠ΅Π΅ΠΌ ΠΈΠ½Π΄ΠΈΠ²ΠΈΠ΄ΡƒΠ°Π»ΡŒΠ½ΠΎΠ΅ ΠΎΡ‚Π½ΠΎΡˆΠ΅Π½ΠΈΠ΅ ΠΊ Ρ†Π²Π΅Ρ‚ΠΎΠ²ΠΎΠΉ Π³Π°ΠΌΠΌΠ΅, всС ΠΆΠ΅ Π² ΡΠ»Π΅Π΄ΡƒΡŽΡ‰Π΅ΠΌ Π³ΠΎΠ΄Ρƒ прогнозируСтся Π°ΠΊΡ‚ΡƒΠ°Π»ΡŒΠ½ΠΎΡΡ‚ΡŒ Ρ€Π°Π·ΡƒΠΌΠ½ΠΎΠ³ΠΎ использования Ρ†Π²Π΅Ρ‚ΠΎΠ² Π² Π΄ΠΈΠ·Π°ΠΉΠ½Π΅, согласно ΠΈΡ… ассоциациям ΠΈ психологичСскому Π²ΠΎΠ·Π΄Π΅ΠΉΡΡ‚Π²ΠΈΡŽ Π½Π° ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ.

Source: by Shahriar Ahmed

Рассказ историй с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ интСрактивности

Π˜Π½Ρ‚Π΅Ρ€Π°ΠΊΡ‚ΠΈΠ²Π½ΠΎΡΡ‚ΡŒ становится всС Π±ΠΎΠ»Π΅Π΅ популярнСС. Π­Ρ‚ΠΎ обусловлСно Ρ‚Π΅ΠΌ, Ρ‡Ρ‚ΠΎ ΠΈΠ½Ρ‚Π΅Ρ€Π°ΠΊΡ‚ΠΈΠ²Π½Ρ‹Π΅ Π΄ΠΈΠ·Π°ΠΉΠ½Ρ‹ способны Π°ΠΊΡ‚ΠΈΠ²Π½ΠΎ Π²Π·Π°ΠΈΠΌΠΎΠ΄Π΅ΠΉΡΡ‚Π²ΠΎΠ²Π°Ρ‚ΡŒ ΠΈ Π·Π°Π²Π»Π΅ΠΊΠ°Ρ‚ΡŒ посСтитСлСй. НС ΠΌΠ΅Π½Π΅Π΅ популярный сСйчас Storytelling Π² сочСтании с ΠΈΠ½Ρ‚Π΅Ρ€Π°ΠΊΡ‚ΠΈΠ²Π½ΠΎΠΉ Π³Ρ€Π°Ρ„ΠΈΠΊΠΎΠΉ способСн принСсти ΠΆΠ΅Π»Π°Π΅ΠΌΡƒΡŽ ΠΊΠΎΠ½Π²Π΅Ρ€ΡΠΈΡŽ, поэтому станСт вострСбованным.

Source: by Stian

Мобильная навигация для β€œΠ±ΠΎΠ»ΡŒΡˆΠΎΠ³ΠΎ ΠΏΠ°Π»ΡŒΡ†Π°β€ 

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

Source: by Outcrowd

Π’ΠΈΠ΄Π΅ΠΎ

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

Source: by Slava Kornilov

Π§Π°Ρ‚-Π±ΠΎΡ‚Ρ‹

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

Source: by Virgil Pana

Π”ΠΎΡΡ‚ΡƒΠΏΠ½ΠΎΡΡ‚ΡŒ для ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΉ с ΠΎΠ³Ρ€Π°Π½ΠΈΡ‡Π΅Π½Π½Ρ‹ΠΌΠΈ возмоТностями

ΠžΠ±Ρ‰Π°Ρ тСндСнция Π»ΠΎΡΠ»ΡŒΠ½ΠΎΡΡ‚ΠΈ ΠΊ людям с ΠΎΠ³Ρ€Π°Π½ΠΈΡ‡Π΅Π½Π½Ρ‹ΠΌΠΈ возмоТностями Ρ‚Π°ΠΊΠΆΠ΅ ΠΎΡ‚ΠΎΠ±Ρ€Π°Π·ΠΈΠ»Π°ΡΡŒ Π² Π²Π΅Π± Π΄ΠΈΠ·Π°ΠΉΠ½Π΅. А Π² 2020 Π³ΠΎΠ΄Ρƒ этот Π²Π΅ΠΊΡ‚ΠΎΡ€ станСт ΠΎΠ΄Π½ΠΈΠΌ ΠΈΠ· Π²Π΅Π΄ΡƒΡ‰ΠΈΡ… ΠΏΡ€ΠΈ ΠΎΡ„ΠΎΡ€ΠΌΠ»Π΅Π½ΠΈΠΈ сайтов. Π—Π°Π±ΠΎΡ‚Π° Π·Π° людьми с ΠΈΠ½Π²Π°Π»ΠΈΠ΄Π½ΠΎΡΡ‚ΡŒΡŽ ΠΈ адаптация ΡŽΠ·Π°Π±ΠΈΠ»ΠΈΡ‚ΠΈ сайта ΠΏΠΎΠ΄ ΠΈΡ… Π½ΡƒΠΆΠ΄Ρ‹ обСспСчит Π°ΠΊΡ‚ΠΈΠ²Π½ΠΎΡΡ‚ΡŒ большой части Ρ†Π΅Π»Π΅Π²ΠΎΠΉ Π°ΡƒΠ΄ΠΈΡ‚ΠΎΡ€ΠΈΠΈ.

Source: by Kit8

ДополнСнная Ρ€Π΅Π°Π»ΡŒΠ½ΠΎΡΡ‚ΡŒ

Π Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΈ Π΅Ρ‰Π΅ ΠΎΡΠ²Π°ΠΈΠ²Π°ΡŽΡ‚ Ρ‚Π΅Ρ…Π½ΠΎΠ»ΠΎΠ³ΠΈΡŽ Π΄ΠΎΠΏΠΎΠ»Π½Π΅Π½Π½ΠΎΠΉ Ρ€Π΅Π°Π»ΡŒΠ½ΠΎΡΡ‚ΠΈ Π² ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Ρ… прилоТСниях, поэтому ΠΌΡ‹ Π΅Ρ‰Π΅ Π΄ΠΎΠ»Π³ΠΎ Π±ΡƒΠ΄Π΅ΠΌ Π²ΠΈΠ΄Π΅Ρ‚ΡŒ прогрСсс ΠΈ Π²ΠΎΡΡ‚Ρ€Π΅Π±ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎΡΡ‚ΡŒ этой ΠΈΠ½Π½ΠΎΠ²Π°Ρ†ΠΈΠΈ. ВСхнология Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΠΉ Ρ€Π΅Π°Π»ΡŒΠ½ΠΎΡΡ‚ΠΈ Π°Π΄Π°ΠΏΡ‚ΠΈΡ€ΠΎΠ²Π°Π½Π°, практичСски, ΠΏΠΎΠ΄ всС устройства iOS ΠΈ Android, Ρ‚Π°ΠΊ Ρ‡Ρ‚ΠΎ это Π΄Π΅Π»Π°Π΅Ρ‚ Π΅Π΅ Π΄Π΅ΠΉΡΡ‚Π²ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ массовой.

Source: by Zak Steele-Eklund

Π˜Π·ΠΎΠΌΠ΅Ρ‚Ρ€ΠΈΡ‡Π΅ΡΠΊΠΈΠ΅ ΠΈΠ»Π»ΡŽΡΡ‚Ρ€Π°Ρ†ΠΈΠΈ

Π˜Π·ΠΎΠΌΠ΅Ρ‚Ρ€ΠΈΡ‡Π΅ΡΠΊΠΈΠ΅ ΠΈΠ»Π»ΡŽΡΡ‚Ρ€Π°Ρ†ΠΈΠΈ ΡƒΠΆΠ΅ Π½Π΅ ΠΏΠ΅Ρ€Π²Ρ‹ΠΉ Π³ΠΎΠ΄ находятся срСди Ρ‚Ρ€Π΅Π½Π΄ΠΎΠ² Π²Π΅Π± Π΄ΠΈΠ·Π°ΠΉΠ½Π°. Π’Π°ΠΊΠΈΠ΅ 3D ΠΌΠΎΠ΄Π΅Π»ΠΈ Ρ‚Π΅Ρ€ΡΡŽΡ‚ свою Ρ€Π΅Π°Π»ΠΈΡΡ‚ΠΈΡ‡Π½ΠΎΡΡ‚ΡŒ ΠΈΠ·-Π·Π° размСщСния ΠΈΡ… Π½Π° 2D плоскостях. Будя ΠΏΠΎ Ρ‚Π΅Π½Π΄Π΅Π½Ρ†ΠΈΠΈ вострСбованности Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΠΈ, Π² 2020 Π³ΠΎΠ΄Ρƒ изомСтричСскиС ΠΈΠ»Π»ΡŽΡΡ‚Ρ€Π°Ρ†ΠΈΠΈ Π½Π°Ρ‡Π½ΡƒΡ‚ Π΄Π²ΠΈΠ³Π°Ρ‚ΡŒΡΡ ΠΈ станут Π±ΠΎΠ»Π΅Π΅ ΠΆΠΈΠ²Ρ‹ΠΌΠΈ ΠΈ Ρ€Π΅Π°Π»ΡŒΠ½Ρ‹ΠΌΠΈ.

Source: by Igor Kozak

Π‘ΠΏΠ΅ΠΊΡ‚Ρ€ процСсса 

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

Source: by Outcrowd

Π’Π΅Π± Π΄ΠΈΠ·Π°ΠΉΠ½ с ΠΊΠ°ΠΆΠ΄Ρ‹ΠΌ Π³ΠΎΠ΄ΠΎΠΌ всС большС приспосабливаСтся ΠΏΠΎΠ΄ наши Π½ΡƒΠΆΠ΄Ρ‹ ΠΈ особСнности, ΠΎΠ½ пытаСтся ΡΡ‚Π°Ρ‚ΡŒ ΠΊ Π½Π°ΠΌ Π±Π»ΠΈΠΆΠ΅ ΠΈ ΠΏΡ€ΠΎΡΠ²ΠΈΡ‚ΡŒ свою ΠΈΠ½Π΄ΠΈΠ²ΠΈΠ΄ΡƒΠ°Π»ΡŒΠ½ΠΎΡΡ‚ΡŒ. Разрабатывая свой рСсурс, ΠΏΠΎΠΌΠΎΠ³ΠΈΡ‚Π΅ Π΅ΠΌΡƒ Π²ΠΎΠΏΠ»ΠΎΡ‚ΠΈΡ‚ΡŒ Π·Π°Π΄ΡƒΠΌΠ°Π½Π½ΠΎΠ΅ ΠΈ это Π½Π΅ оставит вас Π±Π΅Π· вознаграТдСния.

Ρ‚Ρ€Π΅Π½Π΄ΠΎΠ² Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π°, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ стоит ΠΏΠΎΠΏΡ€ΠΎΠ±ΠΎΠ²Π°Ρ‚ΡŒ Π² 2018 Π³ΠΎΠ΄Ρƒ

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

  • Доля
  • Π’Π²ΠΈΡ‚Π½ΡƒΡ‚ΡŒ
  • ΠŸΠΎΠ΄Π΅Π»ΠΈΡ‚ΡŒΡΡ
  • ΠŸΡ€ΠΈΠΊΠΎΠ»ΠΈ

Π”ΠΈΠ·Π°ΠΉΠ½ Π”ΠΆΠ΅ΠΉΠΊ РошСло β€’ 29 января 2018 Π³.

β€’ 7 ΠΌΠΈΠ½ΡƒΡ‚ ПРОЧИВАВЬ

Π•Ρ‰Π΅ ΠΎΠ΄ΠΈΠ½ Π³ΠΎΠ΄ приносит Π² Π˜Π½Ρ‚Π΅Ρ€Π½Π΅Ρ‚ Π΅Ρ‰Π΅ Π½Π°Π±ΠΎΡ€ Ρ‚Π΅Π½Π΄Π΅Π½Ρ†ΠΈΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½Π° . ΠšΠ°ΠΆΠ΅Ρ‚ΡΡ, Ρ‡Ρ‚ΠΎ эти Ρ‚Π΅Π½Π΄Π΅Π½Ρ†ΠΈΠΈ постоянно Ρ€Π°Π·Π²ΠΈΠ²Π°ΡŽΡ‚ΡΡ, ΠΈ хотя ΠΏΡ€Π΅ΠΆΠ½ΠΈΠ΅ Ρ‚Π΅Π½Π΄Π΅Π½Ρ†ΠΈΠΈ всС Π΅Ρ‰Π΅ ΡΡƒΡ‰Π΅ΡΡ‚Π²ΡƒΡŽΡ‚, ΠΌΠ½ΠΎΠ³ΠΈΠ΅ Π½ΠΎΠ²Ρ‹Π΅ созрСли для принятия.

Для этого поста я Π²Ρ‹Π±Ρ€Π°Π» Π»ΡƒΡ‡ΡˆΠΈΠ΅ Ρ‚Π΅Π½Π΄Π΅Π½Ρ†ΠΈΠΈ, Π½Π° ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ стоит ΠΎΠ±Ρ€Π°Ρ‚ΠΈΡ‚ΡŒ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅ Π² 2018 Π³ΠΎΠ΄Ρƒ. НСкоторыС ΠΈΠ· Π½ΠΈΡ… Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΏΠΎΡΠ²Π»ΡΡŽΡ‚ΡΡ, Π° Π΄Ρ€ΡƒΠ³ΠΈΠ΅ ΡΡƒΡ‰Π΅ΡΡ‚Π²ΡƒΡŽΡ‚ (ΠΈ растут) ΡƒΠΆΠ΅ нСсколько Π»Π΅Ρ‚.

Но я ΡƒΠ²Π΅Ρ€Π΅Π½, Ρ‡Ρ‚ΠΎ Π² блиТайшСм Π±ΡƒΠ΄ΡƒΡ‰Π΅ΠΌ ΠΌΡ‹ ΡƒΠ²ΠΈΠ΄ΠΈΠΌ большС всСх этих Ρ‚Π΅Π½Π΄Π΅Π½Ρ†ΠΈΠΉ. И Ссли Π²Ρ‹ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ ΠΎΡΡ‚Π°Π²Π°Ρ‚ΡŒΡΡ Π² курсС послСдних ΠΌΠΎΠ΄Π½Ρ‹Ρ… стилСй Π΄ΠΈΠ·Π°ΠΉΠ½Π°, этот список β€” ΠΎΡ‚Π»ΠΈΡ‡Π½ΠΎΠ΅ мСсто для Π½Π°Ρ‡Π°Π»Π°.

  • Π’Π΅Π½Π΄Π΅Π½Ρ†ΠΈΠΈ Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π° 2014
  • Π’Π΅Π½Π΄Π΅Π½Ρ†ΠΈΠΈ Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π° 2015 Π³ΠΎΠ΄Π°
  • Π’Π΅Π½Π΄Π΅Π½Ρ†ΠΈΠΈ Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π° 2016
  • Π’Π΅Π½Π΄Π΅Π½Ρ†ΠΈΠΈ Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π° 2017 Π³ΠΎΠ΄Π°

ΠœΠΈΠΊΡ€ΠΎΠ²Π·Π°ΠΈΠΌΠΎΠ΄Π΅ΠΉΡΡ‚Π²ΠΈΡ Π² Π˜Π½Ρ‚Π΅Ρ€Π½Π΅Ρ‚Π΅

Π—Π½Π°Ρ‡ΠΊΠΈ Β«ΠŸΠΎΠΏΡƒΠ»ΡΡ€Π½ΠΎΠ΅ Π²Β»

Π”ΠΈΠ°Π³ΠΎΠ½Π°Π»ΠΈ ΠΈ Π½Π°ΠΊΠ»ΠΎΠ½Ρ‹

ВипографскиС Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΠΈ

Π”ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Π°Ρ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠ° ΡˆΠΈΡ€ΠΎΠΊΠΎΡΠΊΡ€Π°Π½Π½Ρ‹Ρ… дисплССв

Π­Ρ„Ρ„Π΅ΠΊΡ‚Ρ‹ 3D-ΠΊΠ½ΠΎΠΏΠΎΠΊ

Π˜ΡΡ‚ΠΈΠ½Π½Π°Ρ Π΄ΠΎΡΡ‚ΡƒΠΏΠ½ΠΎΡΡ‚ΡŒ

Flexbox ΠΈ ΠΌΠ°ΠΊΠ΅Ρ‚Ρ‹ сСтки CSS

Π˜Ρ‰ΠΈΡ‚Π΅ большС!

ΠœΠΈΠΊΡ€ΠΎΠ²Π·Π°ΠΈΠΌΠΎΠ΄Π΅ΠΉΡΡ‚Π²ΠΈΡ Π² Π˜Π½Ρ‚Π΅Ρ€Π½Π΅Ρ‚Π΅

Π’ настоящСС врСмя Π±Π°Π·ΠΎΠ²ΡƒΡŽ Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΡŽ довольно Π»Π΅Π³ΠΊΠΎ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ Π½Π° Π²Π΅Π±-сайты. Но Π΅ΡΡ‚ΡŒ Π΄Π²ΠΈΠΆΠ΅Π½ΠΈΠ΅ Π² сторону Π±ΠΎΠ»Π΅Π΅ ΠΎΡ€ΠΈΠ΅Π½Ρ‚ΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹Ρ… Π½Π° ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΠΉ, Π½Π°Π·Ρ‹Π²Π°Π΅ΠΌΡ‹Ρ… микровзаимодСйствиями , ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ происходят ΠΈΠ· ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Ρ… ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ ΠΈ постСпСнно ΠΏΠ΅Ρ€Π΅ΠΌΠ΅Ρ‰Π°ΡŽΡ‚ΡΡ Π² Π˜Π½Ρ‚Π΅Ρ€Π½Π΅Ρ‚.

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

Π­Ρ‚ΠΎ ΠΏΡ€ΠΈΠ½ΠΈΠΌΠ°Π΅Ρ‚ Ρ„ΠΎΡ€ΠΌΡƒ эффСктов подпрыгивания, измСнСния 3D/Π³Π»ΡƒΠ±ΠΈΠ½Ρ‹ страницы ΠΈ мноТСство ΡƒΠ½ΠΈΠΊΠ°Π»ΡŒΠ½Ρ‹Ρ… эффСктов затухания для отобраТСния ΠΈ скрытия элСмСнтов страницы.

ΠŸΡ€ΠΈΠ²Π΅Π΄Π΅Π½Π½Ρ‹ΠΉ Π²Ρ‹ΡˆΠ΅ ΠΏΡ€ΠΈΠΌΠ΅Ρ€ прСдставляСт собой ΠΊΡ€Π°ΡΠΈΠ²ΡƒΡŽ Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΡŽ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΎΠ³ΠΎ интСрфСйса послС микровзаимодСйствия ΠΏΡ€ΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ.

Он Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ с ΠΌΠ°ΠΊΠ΅Ρ‚ΠΎΠΌ ΠΊΠ°Ρ€Ρ‚Ρ‹ ΠΌΠ΅Ρ‚Ρ€ΠΎ ΠΈ ΠΏΡ€ΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Π΅Ρ‚ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½ΡƒΡŽ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΡŽ ΠΎΠ± элСмСнтС Π² сСткС. Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ это Π² ΠΏΠΎΡ€Ρ‚Ρ„ΠΎΠ»ΠΈΠΎ, галСрСях ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ ΠΈΠ»ΠΈ практичСски Π²Π΅Π·Π΄Π΅, Π³Π΄Π΅ Π΅ΡΡ‚ΡŒ сСтчатыС Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΈ.

Но микровзаимодСйствия Π½Π΅ ΠΎΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ Π΄ΠΎΠ»ΠΆΠ½Ρ‹ Π±Ρ‹Ρ‚ΡŒ тСхничСскими. НапримСр, Π½Π° этом снимкС Π›ΠΈΠ· Π¨ΠΈΠ½Π½ ΠΏΠΎΠΊΠ°Π·Π°Π½ΠΎ ΠΏΠ»Π°Π²Π°ΡŽΡ‰Π΅Π΅ ΠΏΠΎΠ»Π΅ элСктронной ΠΏΠΎΡ‡Ρ‚Ρ‹ с использованиСм ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΎΠ³ΠΎ эффСкта Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΠΈ.

А с растущСй ΠΊΠΎΠ»Π»Π΅ΠΊΡ†ΠΈΠ΅ΠΉ скриптов с ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚Ρ‹ΠΌ исходным ΠΊΠΎΠ΄ΠΎΠΌ Ρƒ вас Π΅ΡΡ‚ΡŒ доступ практичСски ΠΊΠΎ всСму, Ρ‡Ρ‚ΠΎ Π²Π°ΠΌ ΠΊΠΎΠ³Π΄Π°-Π»ΠΈΠ±ΠΎ ΠΌΠΎΠΆΠ΅Ρ‚ ΠΏΠΎΠ½Π°Π΄ΠΎΠ±ΠΈΡ‚ΡŒΡΡ прямо Ρƒ вас ΠΏΠΎΠ΄ Ρ€ΡƒΠΊΠΎΠΉ.

CSS3 ΠΈ JavaScript ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡŽΡ‚ ΠΊΠΎΠ½Ρ‚Ρ€ΠΎΠ»ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ микровзаимодСйствия. Π˜Ρ‚Π°ΠΊ, Ρ€Π΅Ρ‡ΡŒ ΠΈΠ΄Π΅Ρ‚ ΠΎ поискС ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΠΎΠΉ Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΠΈ, ΡΠΎΠΎΡ‚Π²Π΅Ρ‚ΡΡ‚Π²ΡƒΡŽΡ‰Π΅ΠΉ вашим потрСбностям.

Мой Π½ΠΎΠ²Ρ‹ΠΉ Π»ΡŽΠ±ΠΈΠΌΡ‹ΠΉ скрипт β€“ Anime.js , ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ я Π½Π°ΡΡ‚ΠΎΡΡ‚Π΅Π»ΡŒΠ½ΠΎ Ρ€Π΅ΠΊΠΎΠΌΠ΅Π½Π΄ΡƒΡŽ для любого Ρ‚ΠΈΠΏΠ° Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ микровзаимодСйствий.

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

Π—Π½Π°Ρ‡ΠΊΠΈ Β«Featured InΒ»

Π­Ρ‚Ρƒ Ρ‚Π΅Π½Π΄Π΅Π½Ρ†ΠΈΡŽ я часто Π²ΠΈΠΆΡƒ Π½Π° ΠΊΠΎΡ€ΠΏΠΎΡ€Π°Ρ‚ΠΈΠ²Π½Ρ‹Ρ… Π²Π΅Π±-сайтах ΠΈ ​​цСлСвых страницах, посвящСнных ΠΏΡ€ΠΎΠ΄Π°ΠΆΠ°ΠΌ.

Π—Π½Π°Ρ‡ΠΊΠΈ часто ΠΈΠ³Ρ€Π°ΡŽΡ‚ Ρ€ΠΎΠ»ΡŒ ΡΠΎΡ†ΠΈΠ°Π»ΡŒΠ½ΠΎΠ³ΠΎ Π΄ΠΎΠΊΠ°Π·Π°Ρ‚Π΅Π»ΡŒΡΡ‚Π²Π°, ΠΊΠΎΠ³Π΄Π° Π²Ρ‹ ΠΏΠΎΠΊΠ°Π·Ρ‹Π²Π°Π΅Ρ‚Π΅, Ρ‡Ρ‚ΠΎ Π΄Ρ€ΡƒΠ³ΠΈΠ΅ Π±Π»ΠΎΠ³ΠΈ ΠΈ ΠΆΡƒΡ€Π½Π°Π»Ρ‹ говорят ΠΎ вашСм сайтС. ΠžΡ‡Π΅Π²ΠΈΠ΄Π½ΠΎ, Π²Ρ‹ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ ΠΏΠΎΠΊΠ°Π·Π°Ρ‚ΡŒ Π»ΡƒΡ‡ΡˆΠΈΠ΅ ΠΎΠ±Π·ΠΎΡ€Ρ‹ ΠΈ освСщСниС, Π½ΠΎ Ссли Π²Ρ‹ создаСтС ΠΎΡ‚Π»ΠΈΡ‡Π½Ρ‹Π΅ Π²Π΅Ρ‰ΠΈ, это Π½Π΅ Π΄ΠΎΠ»ΠΆΠ½ΠΎ Π±Ρ‹Ρ‚ΡŒ слишком слоТно.

ΠŸΡ€ΠΎΠΊΡ€ΡƒΡ‚ΠΈΡ‚Π΅ Π½Π΅ΠΌΠ½ΠΎΠ³ΠΎ Π²Π½ΠΈΠ· сайт GiftRocket, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π½Π°ΠΉΡ‚ΠΈ Π½Π°Π±ΠΎΡ€ Π·Π½Π°Ρ‡ΠΊΠΎΠ² ΠΎΡ‚ ΠΊΡ€ΡƒΠΏΠ½Ρ‹Ρ… ΠΈΠ·Π΄Π°Ρ‚Π΅Π»Π΅ΠΉ.

Mashable, The Next Web, Bloomberg ΠΈ всС Π³Ρ€ΠΎΠΌΠΊΠΈΠ΅ ΠΈΠΌΠ΅Π½Π° Π² ΠΎΠ½Π»Π°ΠΉΠ½-ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π΅. Добавляя эти Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏΡ‹ Π½Π° свою домашнюю страницу, посСтитСли ΡΠΎΠΎΠ±Ρ‰Π°ΡŽΡ‚, Ρ‡Ρ‚ΠΎ GiftRocket β€” ΠΎΡ‚Π»ΠΈΡ‡Π½Ρ‹ΠΉ ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚, Π² основном ΠΏΠΎΡ‚ΠΎΠΌΡƒ, Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊ говорят Π΄Ρ€ΡƒΠ³ΠΈΡ… Π°Π²Ρ‚ΠΎΡ€ΠΈΡ‚Π΅Ρ‚Π½Ρ‹Ρ… Π²Π΅Π±-сайтов .

ΠΠ»ΡŒΡ‚Π΅Ρ€Π½Π°Ρ‚ΠΈΠ²ΠΎΠΉ этой Ρ‚Π΅Π½Π΄Π΅Π½Ρ†ΠΈΠΈ являСтся Π΄ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΠ΅ ΡΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½Ρ‹Ρ… Π·Π½Π°Ρ‡ΠΊΠΎΠ² Β«ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ ΠΊΠ΅ΠΌΒ».

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

Π’ΠΎΠ·ΡŒΠΌΠ΅ΠΌ домашнюю страницу Front, Π½Π° ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΉ Π΅ΡΡ‚ΡŒ Ρ€Π°Π·Π΄Π΅Π» с ΠΎΡ‚Π·Ρ‹Π²Π°ΠΌΠΈ ΠΈ ΠΈΠ·Π±Ρ€Π°Π½Π½Ρ‹ΠΌΠΈ Π·Π½Π°Ρ‡ΠΊΠ°ΠΌΠΈ.

НСкоторыС ΠΈΠ· ΠΈΡ… ΠΊΠ»ΠΈΠ΅Π½Ρ‚ΠΎΠ² Π²Π°Ρ€ΡŒΠΈΡ€ΡƒΡŽΡ‚ΡΡ ΠΎΡ‚ Shopify Π΄ΠΎ MailChimp, ΠΈ эти Π±Ρ€Π΅Π½Π΄Ρ‹ Π΄Π΅ΠΉΡΡ‚Π²ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ ΠΈΠΌΠ΅ΡŽΡ‚ Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅.

Π˜Ρ‰ΠΈΡ‚Π΅ эти Ρ‚ΠΈΠΏΡ‹ Π·Π½Π°Ρ‡ΠΊΠΎΠ² Π½Π° Π΄ΠΎΠΌΠ°ΡˆΠ½ΠΈΡ… страницах Π² блиТайшСм Π±ΡƒΠ΄ΡƒΡ‰Π΅ΠΌ. Π£ мСня Ρ‚Π°ΠΊΠΎΠ΅ ΠΎΡ‰ΡƒΡ‰Π΅Π½ΠΈΠ΅, Ρ‡Ρ‚ΠΎ эта тСндСнция Π΅Π΄Π²Π° Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Π½Π°Ρ‡Π°Π»Π° расти.

Π”ΠΈΠ°Π³ΠΎΠ½Π°Π»ΠΈ ΠΈ Π½Π°ΠΊΠ»ΠΎΠ½Ρ‹

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

Π― Π²ΠΈΠ΄Π΅Π» это Π²ΠΎ ΠΌΠ½ΠΎΠ³ΠΈΡ… ΠΌΠ°ΠΊΠ΅Ρ‚Π°Ρ…, ΠΈ ΠŸΠΎΠ»ΠΎΡΠ°Ρ‚Ρ‹ΠΉ, ΠΏΠΎΠΆΠ°Π»ΡƒΠΉ, самый Π·Π°ΠΌΠ΅Ρ‚Π½Ρ‹ΠΉ.

Π€ΠΎΠ½ΠΎΠ²Ρ‹Π΅ Ρ†Π²Π΅Ρ‚Π° ΠΈ Π³Ρ€Π°Π΄ΠΈΠ΅Π½Ρ‚Ρ‹ ΠΈΠΌΠ΅ΡŽΡ‚ СстСствСнный Π½Π°ΠΊΠ»ΠΎΠ½ ΠΊ ΠΊΡ€Π°ΡŽ страницы. Но Ρ‚ΠΎ ΠΆΠ΅ самоС ΠΌΠΎΠΆΠ½ΠΎ ΡΠΊΠ°Π·Π°Ρ‚ΡŒ ΠΈ ΠΎΠ± ΠΈΡ… Π·Π½Π°Ρ‡ΠΊΠ°Ρ… ΠΈ Π³Ρ€Π°Ρ„ΠΈΠΊΠ΅.

Π•Ρ‰Π΅ ΠΎΠ΄Π½Π° Ρ‚Π΅Ρ…Π½ΠΈΠΊΠ°, которая слСдуСт этой ΠΈΠ΄Π΅Π΅, β€” использованиС ΡˆΠ΅ΡΡ‚ΠΈΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊΠΎΠ² ΠΈ элСмСнтов диагональной Ρ„ΠΎΡ€ΠΌΡ‹.

На старом сайтС HDLive 2012 Π³ΠΎΠ΄Π° это Π΅ΡΡ‚ΡŒ Π² Ρ€Π°Π·Π΄Π΅Π»Π΅ Β«Π”ΠΈΠ½Π°ΠΌΠΈΠΊΠΈΒ». Π― Π²ΠΈΠ΄Π΅Π» ΡˆΠ΅ΡΡ‚ΠΈΡƒΠ³ΠΎΠ»ΡŒΠ½Ρ‹Π΅ соты Π½Π° ΠΌΠ½ΠΎΠ³ΠΈΡ… Ρ€Π°Π·Π½Ρ‹Ρ… Π²Π΅Π±-сайтах, ΠΈ Π±ΠΎΠ»ΡŒΡˆΠΈΠ½ΡΡ‚Π²ΠΎ ΠΈΠ· Π½ΠΈΡ… ΡΠ»Π΅Π΄ΡƒΡŽΡ‚ Ρ‚Π΅Π½Π΄Π΅Π½Ρ†ΠΈΠΈ диагонального Π΄ΠΈΠ·Π°ΠΉΠ½Π°.

ΠœΡ‹ ΠΏΠΎΠ΄Ρ€ΠΎΠ±Π½ΠΎ рассмотрСли эту Ρ‚Π΅ΠΌΡƒ, Ссли Π²Π°ΠΌ Π½ΡƒΠΆΠ½Ρ‹ Π΅Ρ‰Π΅ ΠΆΠΈΠ²Ρ‹Π΅ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Ρ‹.

Випографская анимация

Π― упомянул нСбольшиС микровзаимодСйствия ΠΈ ΠΈΡ… быстрый рост Π² Π˜Π½Ρ‚Π΅Ρ€Π½Π΅Ρ‚Π΅. Но Π΅Ρ‰Π΅ ΠΎΠ΄Π½Π° ΠΎΠ±Π»Π°ΡΡ‚ΡŒ Π²Π΅Π±-Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΠΈ β€” Ρ‚ΠΈΠΏΠΎΠ³Ρ€Π°Ρ„ΠΈΠΊΠ°.

Π­Ρ‚ΠΎ всС Π΅Ρ‰Π΅ Π² Π·Π°Ρ‡Π°Ρ‚ΠΎΡ‡Π½ΠΎΠΌ состоянии, Π½ΠΎ я Ρ‡ΡƒΠ²ΡΡ‚Π²ΡƒΡŽ, Ρ‡Ρ‚ΠΎ Π² ΡΠ»Π΅Π΄ΡƒΡŽΡ‰Π΅ΠΌ Π³ΠΎΠ΄Ρƒ ΠΎΠ½ взорвСтся.

Если Π²Ρ‹ Ρ€Π°Π·Π±ΠΈΡ€Π°Π΅Ρ‚Π΅ΡΡŒ Π² JavaScript, Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΌΠ°Π½ΠΈΠΏΡƒΠ»ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Ρ„ΠΎΡ€ΠΌΠ°ΠΌΠΈ Π±ΡƒΠΊΠ², Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π°Π½ΠΈΠΌΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΠΈΡ… Ρ‚Π°ΠΊ, ΠΊΠ°ΠΊ Π²Π°ΠΌ хочСтся.

Π‘Π°ΠΉΡ‚ 3drops Π΄Π΅Π»Π°Π΅Ρ‚ ΠΎΡ‡Π΅Π½ΡŒ ΠΏΡ€ΠΎΡΡ‚ΡƒΡŽ Ρ€Π°Π±ΠΎΡ‚Ρƒ ΠΏΠΎ Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΠΈ тСкста, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΎΠ½ отобраТался Π½Π° страницС. Когда Π²Ρ‹ ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‡ΠΈΠ²Π°Π΅Ρ‚Π΅, всС это исчСзаСт Π² ΠΏΠΎΠ»Π΅ зрСния, ΠΈ ΠΊ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Ρƒ Π΄ΠΎΠ±Π°Π²Π»ΡΡŽΡ‚ΡΡ Π΄Π΅ΠΉΡΡ‚Π²ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ изящныС эффСкты.

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

И Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π²ΠΊΠ»ΡŽΡ‡ΠΈΡ‚ΡŒ Ρ‚Π΅ΠΊΡΡ‚ΠΎΠ²ΡƒΡŽ Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΡŽ ΠΏΠΎΡ‡Ρ‚ΠΈ для всСго.

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

Π”ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Π°Ρ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠ° ΡˆΠΈΡ€ΠΎΠΊΠΎΡΠΊΡ€Π°Π½Π½Ρ‹Ρ… дисплССв

ΠšΠ°ΠΆΠ΄Ρ‹ΠΉ Π³ΠΎΠ΄ я слСТу Π·Π° этими постами ΠΎ тСндСнциях Π΄ΠΈΠ·Π°ΠΉΠ½Π°, ΠΈ постоянно упоминаСтся Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½Ρ‹ΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½. Часто ΠΏΠΎ ΡƒΠ²Π°ΠΆΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΠΉ ΠΏΡ€ΠΈΡ‡ΠΈΠ½Π΅: ΠΎΠ½ здСсь, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΎΡΡ‚Π°Ρ‚ΡŒΡΡ.

Но это Π½Π΅ Π·Π½Π°Ρ‡ΠΈΡ‚, Ρ‡Ρ‚ΠΎ Ρ€Π°Π±ΠΎΡ‡ΠΈΠΉ стол исчСз. Наоборот, Π±ΠΎΠ»ΡŒΡˆΠΈΠ½ΡΡ‚Π²ΠΎ Π½Π°ΡΡ‚ΠΎΠ»ΡŒΠ½Ρ‹Ρ… ΠΊΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€ΠΎΠ² становятся ΡˆΠΈΡ€Π΅, благодаря Π±ΠΎΠ»ΡŒΡˆΠ΅ΠΌΡƒ дисплСю ΠΈ Π±ΠΎΠ»ΡŒΡˆΠ΅ΠΌΡƒ пространству.

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

НапримСр, новСйшиС страницы ΠΏΠΎΡ€Ρ‚Ρ„ΠΎΠ»ΠΈΠΎ Π½Π° Dribbble ΠΈΠΌΠ΅ΡŽΡ‚ ΠΎΡ‡Π΅Π½ΡŒ классный ΡΡ‚ΠΈΠ»ΡŒ сСтки.

Он Π² основном заполняСт всС пространство, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ ΠΌΠΎΠΆΠ΅Ρ‚, ΠΌΠΈΠ½ΠΈΠ°Ρ‚ΡŽΡ€Π°ΠΌΠΈ Π² ΠΏΠΎΠ΄Π°Ρ‚Π»ΠΈΠ²Ρ‹Π΅ строки ΠΈ столбцы. Π‘ΠΊΡ€ΠΈΠ½ΡˆΠΎΡ‚ Π²Ρ‹ΡˆΠ΅ Π±Ρ‹Π» сдСлан Π½Π° ΠΌΠΎΠ΅ΠΌ ΠΌΠΎΠ½ΠΈΡ‚ΠΎΡ€Π΅ с Ρ€Π°Π·Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅ΠΌ 1920 пиксСлСй, ΠΈ ΠΌΠ½Π΅ каТСтся, Ρ‡Ρ‚ΠΎ Dribbble ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅Ρ‚ экраны Π΄Π°ΠΆΠ΅ большСго Ρ€Π°Π·ΠΌΠ΅Ρ€Π°!

Π”Ρ€ΡƒΠ³ΠΈΠΌ Ρ…ΠΎΡ€ΠΎΡˆΠΈΠΌ ΠΏΡ€ΠΈΠΌΠ΅Ρ€ΠΎΠΌ являСтся сайт Cartoon Network, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π·Π°Π½ΠΈΠΌΠ°Π΅Ρ‚ Π·Π½Π°Ρ‡ΠΈΡ‚Π΅Π»ΡŒΠ½ΡƒΡŽ Ρ‡Π°ΡΡ‚ΡŒ ΡˆΠΈΡ€ΠΈΠ½Ρ‹ ΠΌΠΎΠ΅Π³ΠΎ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°.

Π­Ρ‚ΠΎΡ‚ ΡˆΠΈΡ€ΠΎΠΊΠΎΡΠΊΡ€Π°Π½Π½Ρ‹ΠΉ ΡΡ‚ΠΈΠ»ΡŒ ΠΌΠ°ΠΊΠ΅Ρ‚Π° Π½Π΅ ΠΏΠΎΠ΄Ρ…ΠΎΠ΄ΠΈΡ‚ для Π±Π»ΠΎΠ³ΠΎΠ² ΠΈΠ»ΠΈ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π½Ρ‹Ρ… сайтов, ΠΏΠΎΡΠΊΠΎΠ»ΡŒΠΊΡƒ Π΄Π»ΠΈΠ½Π½Ρ‹Π΅ Π°Π±Π·Π°Ρ†Ρ‹ Ρ‚Ρ€ΡƒΠ΄Π½Π΅Π΅ Ρ‡ΠΈΡ‚Π°Ρ‚ΡŒ.

Но для бизнСс-сайтов, ΡΠΎΡ†ΠΈΠ°Π»ΡŒΠ½Ρ‹Ρ… сСтСй ΠΈΠ»ΠΈ ΠΎΡ‡Π΅Π½ΡŒ ΠΏΠΎΠ΄Ρ€ΠΎΠ±Π½Ρ‹Ρ… Π²Π΅Π±-ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ Ρ‡Π΅ΠΌ ΡˆΠΈΡ€Π΅, Ρ‚Π΅ΠΌ Π»ΡƒΡ‡ΡˆΠ΅.

Π­Ρ„Ρ„Π΅ΠΊΡ‚Ρ‹ 3D-ΠΊΠ½ΠΎΠΏΠΎΠΊ

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

И Π΅Ρ‰Π΅ ΠΎΠ΄ΠΈΠ½ ΡΡ‚ΠΈΠ»ΡŒ ΠΊΠ½ΠΎΠΏΠΎΠΊ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ я Π½Π΅Π΄Π°Π²Π½ΠΎ Π²ΠΈΠ΄Π΅Π», β€” это 3D-ΠΊΠ½ΠΎΠΏΠΊΠΈ.

Π—Π΄Π΅ΡΡŒ ниТняя Π³Ρ€Π°Π½ΠΈΡ†Π° Ρ‚Π΅ΠΌΠ½Π΅Π΅ основного Ρ†Π²Π΅Ρ‚Π° ΠΊΠ½ΠΎΠΏΠΊΠΈ, поэтому каТСтся, Ρ‡Ρ‚ΠΎ ΠΊΠ½ΠΎΠΏΠΊΠ° приподнята Π½Π°Π΄ страницСй. Π—Π°Ρ‚Π΅ΠΌ, ΠΊΠΎΠ³Π΄Π° Π²Ρ‹ Π½Π°ΠΆΠΈΠΌΠ°Π΅Ρ‚Π΅, вся ΠΊΠ½ΠΎΠΏΠΊΠ° опускаСтся Π²Π½ΠΈΠ·.

Π£ АкадСмии Ρ†ΠΈΡ„Ρ€ΠΎΠ²ΠΎΠΉ Тивописи Π΅ΡΡ‚ΡŒ ΠΎΡ‚Π»ΠΈΡ‡Π½Ρ‹ΠΉ ΠΏΡ€ΠΈΠΌΠ΅Ρ€ ΠΊΠ½ΠΎΠΏΠΊΠΈ Ρ‚Π°ΠΊΠΎΠ³ΠΎ стиля Π½Π° Ρ†Π΅Π»Π΅Π²ΠΎΠΉ страницС.

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

А 3D-эффСкты ΠΎΠ±Ρ‹Ρ‡Π½ΠΎ ΠΏΠΎΠΎΡ‰Ρ€ΡΡŽΡ‚ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΉ ΠΊ большСй интСрактивности. Но Π²Π°ΠΌ Π½ΡƒΠΆΠ½ΠΎ ΠΈΠΌΠ΅Ρ‚ΡŒ ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½Ρ‹ΠΉ Π²ΠΈΠ΄ ΠΌΠ°ΠΊΠ΅Ρ‚Π°, Ρ‡Ρ‚ΠΎΠ±Ρ‹ всС Ρ€Π°Π±ΠΎΡ‚Π°Π»ΠΎ ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΠΎ.

General Assembly ΠΈΠΌΠ΅Π΅Ρ‚ Π³ΠΎΡ€Π°Π·Π΄ΠΎ Π±ΠΎΠ»Π΅Π΅ Ρ‚ΠΎΠ½ΠΊΠΈΠΉ 3D-эффСкт, Π½ΠΎ Π²Ρ‹ всС Ρ€Π°Π²Π½ΠΎ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π·Π°ΠΌΠ΅Ρ‚ΠΈΡ‚ΡŒ это Π½Π° всСх ΠΈΡ… ΠΊΠ½ΠΎΠΏΠΊΠ°Ρ….

Π‘Π»Π΅Π΄ΠΈΡ‚Π΅ Π·Π° этими ΠΊΠ½ΠΎΠΏΠΊΠ°ΠΌΠΈ Π² блиТайшиС мСсяцы. Π― Π΄ΡƒΠΌΠ°ΡŽ, Ρ‡Ρ‚ΠΎ ΠΎΠ½ΠΈ ΡΠ²Π»ΡΡŽΡ‚ΡΡ ТизнСспособной Π°Π»ΡŒΡ‚Π΅Ρ€Π½Π°Ρ‚ΠΈΠ²ΠΎΠΉ плоскому Ρ‚Ρ€Π΅Π½Π΄Ρƒ, ΠΎΡ…Π²Π°Ρ‚ΠΈΠ²ΡˆΠ΅ΠΌΡƒ ΠΌΠΈΡ€ Π΄ΠΈΠ·Π°ΠΉΠ½Π°.

Настоящая Π΄ΠΎΡΡ‚ΡƒΠΏΠ½ΠΎΡΡ‚ΡŒ

Π Π°Π±ΠΎΡ‚Π° со спСцификациями WAI-ARIA (Π˜Π½ΠΈΡ†ΠΈΠ°Ρ‚ΠΈΠ²Π° доступности Π²Π΅Π±-сайтов β€” ДоступныС ΠΌΠ½ΠΎΠ³ΠΎΡ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π»ΡŒΠ½Ρ‹Π΅ ΠΈΠ½Ρ‚Π΅Ρ€Π½Π΅Ρ‚-прилоТСния) β€” нСпростая Π·Π°Π΄Π°Ρ‡Π°. Но ΠΊΠΎΠ½Π΅Ρ‡Π½Ρ‹ΠΌ Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚ΠΎΠΌ являСтся сайт, ΠΏΠΎΠ»Π½Ρ‹ΠΉ динамичСских Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΉ, доступных ΠΊΠ°ΠΆΠ΄ΠΎΠΌΡƒ.

Π’ΠΎΡ‚ Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ динамичСскиС элСмСнты, Π½Π°Π΄ ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΌΠΈ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΏΠΎΠΏΡ€ΠΎΠ±ΠΎΠ²Π°Ρ‚ΡŒ Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒ ΠΏΠΎΠ»Π½Ρ‹ΠΉ доступ:

  • Π’Ρ‹ΠΏΠ°Π΄Π°ΡŽΡ‰ΠΈΠ΅ мСню Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΈ
  • Π€ΠΎΡ‚ΠΎ слайд-ΡˆΠΎΡƒ
  • ΠœΠΎΠ΄Π°Π»ΡŒΠ½Ρ‹Π΅ ΠΎΠΊΠ½Π°
  • Π€ΠΎΡ€ΠΌΡ‹ Π½Π° Π±Π°Π·Π΅ Ajax

Π― Π²ΠΈΠ΄Π΅Π» большС Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΎΠ², Π²Ρ‹ΠΏΡƒΡΠΊΠ°ΡŽΡ‰ΠΈΡ… ΠΊΠΎΠ΄Ρ‹ для доступных Ρ„Ρ€Π°Π³ΠΌΠ΅Π½Ρ‚ΠΎΠ² ΠΊΠΎΠ΄Π°, ΠΈ всС большС Π²Π΅Π±-сайтов, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‰ΠΈΡ… ΠΈΡ….

ΠšΠΎΠ½Π΅Ρ‡Π½ΠΎ, я всС Π΅Ρ‰Π΅ Π΄ΡƒΠΌΠ°ΡŽ, Ρ‡Ρ‚ΠΎ эта тСндСнция Π² ΠΌΠ΅Π½ΡŒΡˆΠΈΠ½ΡΡ‚Π²Π΅ Π½Π° Π±ΠΎΠ»ΡŒΡˆΠΈΠ½ΡΡ‚Π²Π΅ Π²Π΅Π±-сайтов. Но я Ρ‚Π°ΠΊΠΆΠ΅ Π΄ΡƒΠΌΠ°ΡŽ, Ρ‡Ρ‚ΠΎ с Π³ΠΎΠ΄Π°ΠΌΠΈ становится всС Ρ‚Ρ€ΡƒΠ΄Π½Π΅Π΅ ΠΈΠ³Π½ΠΎΡ€ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Π΄ΠΎΡΡ‚ΡƒΠΏΠ½ΠΎΡΡ‚ΡŒ.

Π₯отя Ρƒ мСня Π½Π΅Ρ‚ ΠΊΠΎΠ½ΠΊΡ€Π΅Ρ‚Π½Ρ‹Ρ… ΠΏΡ€ΠΈΠΌΠ΅Ρ€ΠΎΠ² для подраТания, я подСлюсь нСсколькими скриптами, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΏΠΎΠΏΡ€ΠΎΠ±ΠΎΠ²Π°Ρ‚ΡŒ.

  • ΠœΠΎΠ΄Π°Π»ΡŒΠ½Ρ‹ΠΉ ΠΏΠ»Π°Π³ΠΈΠ½ с jQuery ΠΈ HTML5
  • Доступный ΠΏΠ»Π°Π³ΠΈΠ½ для Π²Ρ‹Π±ΠΎΡ€Π° Π΄Π°Π½Π½Ρ‹Ρ… для Bootstrap
  • Flexbox ΠΈ CSS Grid Layouts

    ΠšΠ°ΠΆΠ΅Ρ‚ΡΡ, Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Π²Ρ‡Π΅Ρ€Π° Π±Ρ‹Π»Π° Π²Ρ‹ΠΏΡƒΡ‰Π΅Π½Π° спСцификация CSS3. Π‘ Ρ‚Π΅Ρ… ΠΏΠΎΡ€ ΠΌΡ‹ ΡƒΠ²ΠΈΠ΄Π΅Π»ΠΈ мноТСство Π½ΠΎΠ²Ρ‹Ρ… свойств, Π΄ΠΎΠ±Π°Π²Π»Π΅Π½Π½Ρ‹Ρ… Π² ΡΠΏΠ΅Ρ†ΠΈΡ„ΠΈΠΊΠ°Ρ†ΠΈΡŽ с ΠΎΠ³Ρ€ΠΎΠΌΠ½Ρ‹ΠΌΠΈ достиТСниями Π² Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠ΅ ΠΌΠ°ΠΊΠ΅Ρ‚ΠΎΠ².

    Π’ 2018 Π³ΠΎΠ΄Ρƒ я наблюдаю рост популярности Π΄Π²ΡƒΡ… Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΉ: Flexbox ΠΈ CSS Grid.

    Π‘ flexbox Π²Ρ‹ Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚Π΅ Π² Π³ΠΈΠ±ΠΊΠΎΠΉ Π±Π»ΠΎΡ‡Π½ΠΎΠΉ ΠΌΠΎΠ΄Π΅Π»ΠΈ, Π² ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΉ Π²Π½ΡƒΡ‚Ρ€Π΅Π½Π½ΠΈΠ΅ ΠΊΠΎΠ½Ρ‚Π΅ΠΉΠ½Π΅Ρ€Ρ‹ Π²ΠΏΠΈΡΡ‹Π²Π°ΡŽΡ‚ΡΡ Π² Ρ€ΠΎΠ΄ΠΈΡ‚Π΅Π»ΡŒΡΠΊΠΈΠΉ ΠΊΠΎΠ½Ρ‚Π΅ΠΉΠ½Π΅Ρ€, ΠΈ всС это основано Π½Π° ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½Π½Ρ‹Ρ… ΠΏΡ€Π°Π²ΠΈΠ»Π°Ρ…, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π²Ρ‹ опрСдСляСтС Π² CSS.

    Π­Ρ‚ΠΎ ΠΏΠΎΠ»Π½ΠΎΡΡ‚ΡŒΡŽ устраняСт Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎΡΡ‚ΡŒ Π² ΠΏΠ»Π°Π²Π°ΡŽΡ‰ΠΈΡ… элСмСнтах Π² ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½Π½Ρ‹Ρ… ΠΌΠ°ΠΊΠ΅Ρ‚Π°Ρ… ΠΈ ​​даСт Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΡƒ Π³ΠΎΡ€Π°Π·Π΄ΠΎ большС возмоТностСй.

    Π’ΠΎΡ‡Π½ΠΎ Ρ‚Π°ΠΊ ΠΆΠ΅ свойство сСтки CSS (ΠΈ связанныС свойства) Π·Π½Π°Ρ‡ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ ΡƒΠΏΡ€ΠΎΡ‰Π°ΡŽΡ‚ ΠΊΠΎΠ΄ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ ΠΏΠΎΠ»Π½Ρ‹Ρ… ΠΌΠ°ΠΊΠ΅Ρ‚ΠΎΠ² сСтки с динамичСскими функциями.

    Для ΠΎΠ±Π΅ΠΈΡ… этих Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΉ Π½ΡƒΠΆΠ½ΠΎ ΠΌΠ½ΠΎΠ³ΠΎΠΌΡƒ Π½Π°ΡƒΡ‡ΠΈΡ‚ΡŒΡΡ ΠΈ ΠΌΠ½ΠΎΠ³ΠΎΠΌΡƒ Π½Π°ΡƒΡ‡ΠΈΡ‚ΡŒΡΡ. Но я Π΄ΡƒΠΌΠ°ΡŽ, Ρ‡Ρ‚ΠΎ CSS-Tricks ΠΎΡ‚Π»ΠΈΡ‡Π½ΠΎ ΡΠΏΡ€Π°Π²Π»ΡΡŽΡ‚ΡΡ со своими Π²Π²ΠΎΠ΄Π½Ρ‹ΠΌΠΈ руководствами ΠΏΠΎ flexbox ΠΈ сСткС CSS.

    Π˜Ρ‰ΠΈΡ‚Π΅ большС!

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

    Π­Ρ‚ΠΎ всСго лишь ΠΌΠΎΠΈ ΠΏΡ€ΠΎΠ³Π½ΠΎΠ·Ρ‹, Π½ΠΎ я ΡƒΠ²Π΅Ρ€Π΅Π½, Ρ‡Ρ‚ΠΎ ΠΌΡ‹ ΡƒΠ²ΠΈΠ΄ΠΈΠΌ Π³ΠΎΡ€Π°Π·Π΄ΠΎ большС. Если Ρƒ вас Π΅ΡΡ‚ΡŒ Π΄Ρ€ΡƒΠ³ΠΈΠ΅ прСдлоТСния, Π½Π΅ ΡΡ‚Π΅ΡΠ½ΡΠΉΡ‚Π΅ΡΡŒ ΠΏΠΎΠ΄Π΅Π»ΠΈΡ‚ΡŒΡΡ своими мыслями.

    ВсС, Ρ‡Ρ‚ΠΎ я знаю, это Ρ‚ΠΎ, Ρ‡Ρ‚ΠΎ нСзависимо ΠΎΡ‚ Ρ‚ΠΎΠ³ΠΎ, ΠΊΠ°ΠΊΠΈΠ΅ Ρ‚Π΅Π½Π΄Π΅Π½Ρ†ΠΈΠΈ Π±ΡƒΠ΄ΡƒΡ‚ Ρ€Π°Π·Π²ΠΈΠ²Π°Ρ‚ΡŒΡΡ Π² Ρ‚Π΅Ρ‡Π΅Π½ΠΈΠ΅ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΡ… 12 мСсяцСв, ΠΌΠΎΠΆΠ½ΠΎ с ΡƒΠ²Π΅Ρ€Π΅Π½Π½ΠΎΡΡ‚ΡŒΡŽ ΡΠΊΠ°Π·Π°Ρ‚ΡŒ, Ρ‡Ρ‚ΠΎ индустрия Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π° ΠΎΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ измСнится.

    10 ΡΠ΅Ρ€ΡŒΠ΅Π·Π½Ρ‹Ρ… Ρ‚Ρ€Π΅Π½Π΄ΠΎΠ² Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π° Π½Π° 2018 Π³ΠΎΠ΄

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

    Π’ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎ, Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½ развиваСтся, Π½ΠΎ ΠΎΠ½ всС Π΅Ρ‰Π΅ ΠΏΠΎΠ΄Π²Π΅Ρ€ΠΆΠ΅Π½ ΠΏΡ€ΠΈΡ‡ΡƒΠ΄Π°ΠΌ, ΠΌΠΎΠ΄Π΅ ΠΈ ΠΊΠ°ΠΏΡ€ΠΈΠ·Π°ΠΌ.

    Если Π½Π°ΠΌ ΠΏΠΎΠ²Π΅Π·Π΅Ρ‚, ΠΊΡ‚ΠΎ Π·Π½Π°Π΅Ρ‚, Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Ρ‚Ρ€Π΅Π½Π΄Ρ‹ ΠΌΠΎΠ³ΡƒΡ‚ Π±Ρ‹Ρ‚ΡŒ просто ΡƒΠ΄ΠΎΠ±Π½Ρ‹ΠΌΠΈ для ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ.

    Π˜Ρ‚Π°ΠΊ, Ρ‡Ρ‚ΠΎ нас ΠΆΠ΄Π΅Ρ‚ Π² 2018 Π³ΠΎΠ΄Ρƒ? Π’ΠΎΡ‚ нСсколько прогнозов…

    (И Π½Π΅ Π·Π°Π±Ρ‹Π²Π°ΠΉΡ‚Π΅, Ρ‡Ρ‚ΠΎ подписчики ΠΌΠΎΠ³ΡƒΡ‚ Π·Π°Π³Ρ€ΡƒΠ·ΠΈΡ‚ΡŒ нашС Руководство ΠΏΠΎ ΠΏΠ΅Ρ€Π΅Π΄ΠΎΠ²ΠΎΠΌΡƒ ΠΎΠΏΡ‹Ρ‚Ρƒ взаимодСйствия с ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΌ ΠΈ взаимодСйствия для ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Ρ… устройств ΠΈ Π²Π΅Π±-сайтов)

    1. Π‘ΠΌΠ΅Ρ€Ρ‚ΡŒ плоского Π΄ΠΈΠ·Π°ΠΉΠ½Π°

    Π£ΠΈΠ»Π» Π“Ρ€Π°Π½Ρ‚ ΠΈΠ· Prodlytic Π³ΠΎΠ²ΠΎΡ€ΠΈΡ‚, Ρ‡Ρ‚ΠΎ ΠΎΠ½ надССтся Β«ΡƒΠ²ΠΈΠ΄Π΅Ρ‚ΡŒ, ΠΊΠ°ΠΊ Π²ΠΎΠ»Π½Π° снова повСрнСтся ΠΏΡ€ΠΎΡ‚ΠΈΠ² плоского Π΄ΠΈΠ·Π°ΠΉΠ½Π° ΠΈ вСрнСтся ΠΊ (Ρ‚ΠΎΠ½ΠΊΠΈΠΌ) Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½Ρ‹ΠΌ возмоТностям Π² ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΎΠΌ интСрфСйсС ΠΏΠΎ всСм направлСниям».

    Π•Ρ‰Π΅ Π² 2014 Π³ΠΎΠ΄Ρƒ компания Co.Design задавалась вопросом: «Плоский Π΄ΠΈΠ·Π°ΠΉΠ½ ΡƒΠΆΠ΅ устарСл?Β» И Π² этом Π³ΠΎΠ΄Ρƒ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Ρ‹ снова говорят ΠΎ тСнях ΠΈ Π³Ρ€Π°Π΄ΠΈΠ΅Π½Ρ‚Π°Ρ…, ΠΎ возмоТностях, ΠΎ ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… Π³ΠΎΠ²ΠΎΡ€ΠΈΡ‚ Π“Ρ€Π°Π½Ρ‚.

    Π”Π΅ΠΉΡΡ‚Π²ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ, исслСдованиС, ΠΏΡ€ΠΎΠ²Π΅Π΄Π΅Π½Π½ΠΎΠ΅ Nielsen Norman Group Π² 2017 Π³ΠΎΠ΄Ρƒ, ΠΏΠΎΠΊΠ°Π·Π°Π»ΠΎ, Ρ‡Ρ‚ΠΎ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡΠΌ трСбуСтся Π½Π° 22% большС Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ для Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΈ ΠΏΠΎ ΡƒΠ»ΡŒΡ‚Ρ€Π°ΠΏΠ»ΠΎΡΠΊΠΎΠΌΡƒ Π΄ΠΈΠ·Π°ΠΉΠ½Ρƒ.

    2. Π’ΠΈΠ΄Π΅ΠΎ

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

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

    Однако, ΠΊΠ°ΠΊ всСгда, ΠΏΠΎΠ»Π΅Π·Π½ΠΎΡΡ‚ΡŒ Π²ΠΈΠ΄Π΅ΠΎ зависит ΠΎΡ‚ Ρ‚ΠΎΠ³ΠΎ, Ρ‡Π΅Π³ΠΎ ΠΏΡ‹Ρ‚Π°ΡŽΡ‚ΡΡ Π΄ΠΎΡΡ‚ΠΈΡ‡ΡŒ Π²Π΅Π±-сайт ΠΈ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€. Π― ΠΏΠΎ-ΠΏΡ€Π΅ΠΆΠ½Π΅ΠΌΡƒ ΡΡ‡ΠΈΡ‚Π°ΡŽ, Ρ‡Ρ‚ΠΎ Π²ΠΈΠ΄Π΅ΠΎ Π³Π»Π°Π²Π½ΠΎΠ³ΠΎ гСроя/Ρ„ΠΎΠ½Π° ΠΈΠΌΠ΅Π΅Ρ‚ мСсто Π½Π° Ρ€Π°Π±ΠΎΡ‡Π΅ΠΌ столС β€” Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, Ρ‰Π΅Π»ΠΊΠ½ΠΈΡ‚Π΅ GIF Π½ΠΈΠΆΠ΅, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΠΎΡΠ΅Ρ‚ΠΈΡ‚ΡŒ Π½ΠΎΠ²Ρ‹ΠΉ Π²Π΅Π±-сайт Barbican (Π·Π°ΠΏΡƒΡ‰Π΅Π½Π½Ρ‹ΠΉ Π² ΠΊΠΎΠ½Ρ†Π΅ 2017 Π³ΠΎΠ΄Π°), ΠΈ я Π½Π΅ позволю Π²Π°ΠΌ ΡΠΊΠ°Π·Π°Ρ‚ΡŒ, Ρ‡Ρ‚ΠΎ Π²ΠΈΠ΄Π΅ΠΎΡ„ΠΎΠ½ Π½Π΅ ΠΏΠ΅Ρ€Π΅Π΄Π°Π΅Ρ‚ ΠΌΠ°ΡΡˆΡ‚Π°Π± ΠΈ Π²Π΅Π»ΠΈΠΊΠΎΠ»Π΅ΠΏΠΈΠ΅. Π°Ρ€Ρ…ΠΈΡ‚Π΅ΠΊΡ‚ΡƒΡ€Ρ‹ Π‘Π°Ρ€Π±Π°ΠΊΠ°Π½Π°.

    Помимо Ρ„ΠΎΠ½Π°, Π”ΠΆΠΎΠ½ ΠœΡƒΡ€ Уильямс ΠΏΠΈΡˆΠ΅Ρ‚ Π² Π±Π»ΠΎΠ³Π΅ webflow, подчСркивая ΠΏΠΎΠ»Π΅Π·Π½ΠΎΡΡ‚ΡŒ HTML-элСмСнта

    Π›Π΅Π³ΠΊΠΎ вписываСтся Π² дизайн…

    ΠžΡΡ‚Π°Π΅Ρ‚ΡΡ ΠΎΡ‡Π΅Π½ΡŒ качСствСнным…

    Π•Π³ΠΎ ΠΌΠΎΠΆΠ½ΠΎ Π·Π°Ρ†ΠΈΠΊΠ»ΠΈΡ‚ΡŒ, чтобы… ΠΏΠΎΠ²Ρ‚ΠΎΡ€ΠΈΡ‚ΡŒ для Ρ‚Π΅Ρ…, ΠΊΠΎΠΌΡƒ это Π½ΡƒΠΆΠ½ΠΎ

    ΠŸΠΎΡΠ΅Ρ‚ΠΈΡ‚Π΅ домашнюю страницу Π²Π΅Π±-ΠΏΠΎΡ‚ΠΎΠΊΠ°, ΠΈ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡƒΠ²ΠΈΠ΄Π΅Ρ‚ΡŒ ΠΏΡ€ΠΈΠΌΠ΅Ρ€ этого, Π·Π°Ρ…Π²Π°Ρ‡Π΅Π½Π½Ρ‹ΠΉ Π² GIF Π½ΠΈΠΆΠ΅. Когда я ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‡ΠΈΠ²Π°ΡŽ страницу Π²Π½ΠΈΠ·, появляСтся элСмСнт Π²ΠΈΠ΄Π΅ΠΎ, ΠΏΠΎΠΊΠ°Π·Ρ‹Π²Π°ΡŽΡ‰ΠΈΠΉ ΠΌΠ½Π΅, ΠΊΠ°ΠΊ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ° выглядит Π² дСйствии. Как Π³ΠΎΠ²ΠΎΡ€ΠΈΡ‚ ΠœΡƒΡ€, красота Π²ΠΈΠ΄Π΅ΠΎ Π·Π°ΠΊΠ»ΡŽΡ‡Π°Π΅Ρ‚ΡΡ Π² Π΅Π³ΠΎ способности Β«ΠΏΠ΅Ρ€Π΅Π΄Π°Π²Π°Ρ‚ΡŒ ΡΠ»ΠΎΠΆΠ½ΡƒΡŽ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΡŽΒ» β€” ΠΎΡ‚Π»ΠΈΡ‡Π½Ρ‹ΠΉ инструмСнт, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, для Π²Π΅Π±-сайтов B2B.

    3. Π’ΠΎΠ½ΠΊΠΈΠ΅ эффСкты ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‚ΠΊΠΈ

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

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

    ΠŸΡ€ΠΈΠ΄Π΅Ρ€ΠΆΠΈΠ²Π°ΡΡΡŒ Π²Π΅Π±-сайта Barbican, Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡƒΠ²ΠΈΠ΄Π΅Ρ‚ΡŒ ΠΏΡ€ΠΈΠΌΠ΅Ρ€ Π½ΠΈΠΆΠ΅. Π›Π°Π΄Π½ΠΎ, Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎ, это Π½Π΅ Π»ΡƒΡ‡ΡˆΠΈΠΉ ΠΏΡ€ΠΈΠΌΠ΅Ρ€, учитывая, Ρ‡Ρ‚ΠΎ Π±Π΅Π»Ρ‹ΠΉ тСкст Π½Π΅ самый простой для чтСния, Π½ΠΎ эффСкт, бСзусловно, ΠΈΠΌΠ΅Π΅Ρ‚ Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅.

    На домашнСй страницС Made by Many Π΅ΡΡ‚ΡŒ Π΅Ρ‰Π΅ ΠΏΠ°Ρ€Π° Π·Π°ΠΌΠ΅Ρ‡Π°Ρ‚Π΅Π»ΡŒΠ½Ρ‹Ρ… ΠΏΡ€ΠΈΠΌΠ΅Ρ€ΠΎΠ².

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

    НиТС ΠΏΡ€ΠΈΠ²Π΅Π΄Π΅Π½Ρ‹ нСсколько ΠΏΡ€ΠΈΠΌΠ΅Ρ€ΠΎΠ²: ΠΎΠ΄ΠΈΠ½ для ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Ρ… устройств (Ρ‡Π΅Ρ€Π΅Π· IAB) ΠΈ ΠΎΠ΄ΠΈΠ½ для ΠΊΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€ΠΎΠ² (Ρ‡Π΅Ρ€Π΅Π· Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΡƒ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ΠΎΠ² объявлСний Sizmek).

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

    Π‘ΡƒΡ‰Π΅ΡΡ‚Π²ΡƒΡŽΡ‚ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Ρ‹ Ρ€Π΅ΠΊΠ»Π°ΠΌΡ‹ с параллаксной ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‚ΠΊΠΎΠΉ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π½Π΅ ΠΎΡ‚Π»ΠΈΡ‡Π°ΡŽΡ‚ΡΡ Π΄Ρ€ΡƒΠ³ ΠΎΡ‚ Π΄Ρ€ΡƒΠ³Π°, хотя ΠΎΠ½ΠΈ Π·Π°Π³Ρ€ΡƒΠΆΠ°ΡŽΡ‚ΡΡ дольшС ΠΈ, Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎ, Π½Π΅ΠΌΠ½ΠΎΠ³ΠΎ большС Π΄Π΅Π·ΠΎΡ€ΠΈΠ΅Π½Ρ‚ΠΈΡ€ΡƒΡŽΡ‚.

    Π‘Π»Π°Π³ΠΎΡ‚Π²ΠΎΡ€ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ Π²Π΅Π±-сайты Π΄ΠΎΠ»ΠΆΠ½Ρ‹ ΡƒΡ‡ΠΈΡ‚Ρ‹Π²Π°Ρ‚ΡŒ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΎΠ½Π½ΡƒΡŽ Π°Ρ€Ρ…ΠΈΡ‚Π΅ΠΊΡ‚ΡƒΡ€Ρƒ Π΄ΠΈΠ·Π°ΠΉΠ½Π° ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π°. Ρ‚Ρ€ΡƒΠ±ΠΈΠ»ΠΈ Π² ΠΏΡ€Π΅Π΄Ρ‹Π΄ΡƒΡ‰ΠΈΠ΅ Π³ΠΎΠ΄Ρ‹.

    ΠšΡ€ΠΈΡΡ‚ΠΎΡ„Π΅Ρ€ Рэтклифф справСдливо ΡƒΠΊΠ°Π·Π°Π» Π½Π° Π±ΡƒΠΌ ΠΊΠ½ΠΎΠΏΠΎΠΊ-ΠΏΡ€ΠΈΠ·Ρ€Π°ΠΊΠΎΠ² Π² ΠΊΠΎΠ½Ρ†Π΅ 2014 Π³ΠΎΠ΄Π°, Π½Π°Π·Π²Π°Π² ΠΈΡ… Β«Π½Π΅ совсСм ΠΏΡ€ΠΈΠ·Ρ‹Π²ΠΎΠΌ ΠΊ Π΄Π΅ΠΉΡΡ‚Π²ΠΈΡŽΒ». ИдСально ΠΏΠΎΠ΄Ρ…ΠΎΠ΄ΠΈΡ‚ для Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ΠΎΠ², Π½Π΅ ΠΆΠ΅Π»Π°ΡŽΡ‰ΠΈΡ… Π·Π°Π³Ρ€ΠΎΠΌΠΎΠΆΠ΄Π°Ρ‚ΡŒ свои сайты Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎΠΉ Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠ΅ΠΉΒ».

    К соТалСнию, это описаниС оказалось слишком Ρ‚ΠΎΡ‡Π½Ρ‹ΠΌ, Ρ‚.Π΅. эти ΠΊΠ½ΠΎΠΏΠΊΠΈ просто Π½Π΅ ΠΏΡ€ΠΈΠ·Ρ‹Π²Π°ΡŽΡ‚ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ ΠΊ Π΄Π΅ΠΉΡΡ‚Π²ΠΈΡŽ.

    ЀантастичСская запись Π² Π±Π»ΠΎΠ³Π΅ Π‘Π°Ρ€Ρ‚ΠΎΠ»ΠΎΠΌΡŒΡŽ Ѐиша ΠΏΠΎΠ΄Ρ€ΠΎΠ±Π½ΠΎ описываСт происхоТдСниС ΠΊΠ½ΠΎΠΏΠΎΠΊ-ΠΏΡ€ΠΈΠ·Ρ€Π°ΠΊΠΎΠ² (исходя ΠΈΠ· плоского Π΄ΠΈΠ·Π°ΠΉΠ½Π°) ΠΈ ΠΏΠΎΠΊΠ°Π·Ρ‹Π²Π°Π΅Ρ‚ нСсколько ΠΏΡ€ΠΈΠΌΠ΅Ρ€ΠΎΠ², ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΎΡ‡Π΅Π½ΡŒ Ρ‚Ρ€ΡƒΠ΄Π½ΠΎ ΠΏΡ€ΠΎΠΏΡƒΡΡ‚ΠΈΡ‚ΡŒ.

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

    Π’ Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚Π΅ количСство ΠΊΠ»ΠΈΠΊΠΎΠ² ΠΌΠΎΠΆΠ΅Ρ‚ ΡΠ½ΠΈΠ·ΠΈΡ‚ΡŒΡΡ Π½Π° 20%, согласно Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΌ исслСдованиям, ΠΏΠΎΠ΄Ρ€ΠΎΠ±Π½ΠΎ описанным Π² Π±Π»ΠΎΠ³Π΅ Fish.

    5. Липкая навигация

    Липкая ΠΈΠ»ΠΈ фиксированная навигация, такая ΠΊΠ°ΠΊ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΈ мСню, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΡΠ»Π΅Π΄ΡƒΡŽΡ‚ Π·Π° Π²Π°ΠΌΠΈ (ΠΈΠ»ΠΈ ΠΎΡΡ‚Π°ΡŽΡ‚ΡΡ Π½Π° мСстС) ΠΏΡ€ΠΈ ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‚ΠΊΠ΅ страницы Π²Π½ΠΈΠ·, Π½Π΅ ΡΠ²Π»ΡΡŽΡ‚ΡΡ Ρ‡Π΅ΠΌ-Ρ‚ΠΎ Π½ΠΎΠ²Ρ‹ΠΌ. Но ΠΏΠΎ ΠΌΠ΅Ρ€Π΅ Ρ‚ΠΎΠ³ΠΎ, ΠΊΠ°ΠΊ Ρ€ΠΎΠ·Π½ΠΈΡ‡Π½Ρ‹Π΅ ΠΏΡ€ΠΎΠ΄Π°Π²Ρ†Ρ‹ ΠΏΠ΅Ρ€Π΅Π΄Π΅Π»Ρ‹Π²Π°ΡŽΡ‚ свои сайты элСктронной ΠΊΠΎΠΌΠΌΠ΅Ρ€Ρ†ΠΈΠΈ, ΠΌΡ‹ Π²ΠΈΠ΄ΠΈΠΌ всС большС ΠΈ большС этой конструктивной особСнности.

    Π’ΠΎΡ‚ Ρ‚Ρ€ΠΈ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π°:

    НаклСйка Π²Ρ‚ΠΎΡ€ΠΈΡ‡Π½ΠΎΠΉ Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΈ ΠΠ°Ρ†ΠΈΠΎΠ½Π°Π»ΡŒΠ½ΠΎΠ³ΠΎ Ρ„ΠΎΠ½Π΄Π° Π½Π° Π²Π΅Π±-сайтС Holidays

    RentalCars.com Π‘Ρ‚Ρ€Π°Π½ΠΈΡ†Ρ‹ списков Π½Π° мобильном Ρ‚Π΅Π»Π΅Ρ„ΠΎΠ½Π΅ (с Π»ΠΈΠΏΠΊΠΈΠΌ Ρ„ΠΈΠ»ΡŒΡ‚Ρ€ΠΎΠΌ)

    Π‘Ρ‚Ρ€Π°Π½ΠΈΡ†Π° ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚Π° Аргоса Π½Π° Ρ€Π°Π±ΠΎΡ‡Π΅ΠΌ столС (с add add to trolley β€˜)

    in the odbement ’) Уильямс ΠΈΠ· webflow Π΄Π°ΠΆΠ΅ ΠΏΠΎΠ΄Ρ‡Π΅Ρ€ΠΊΠΈΠ²Π°Π΅Ρ‚ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΡƒΡŽ Ρ‚Π΅Π½Π΄Π΅Π½Ρ†ΠΈΡŽ ΠΊ ΠΏΠ»Π°Π²Π°ΡŽΡ‰ΠΈΠΌ мСню Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΎΠ² β€” это Ρ‚ΠΎΡ‚ ΠΆΠ΅ ΠΏΡ€ΠΈΠ½Ρ†ΠΈΠΏ, Π½ΠΎ мСню каТСтся ΠΏΠ»Π°Π²Π°ΡŽΡ‰ΠΈΠΌ, позволяя Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½Ρ‹ΠΌ элСмСнтам домашнСй страницы ΠΎΡΡ‚Π°Π²Π°Ρ‚ΡŒΡΡ ΠΏΠΎΠ·Π°Π΄ΠΈ Π½ΠΈΡ…. Π‘ΠΌ. Ρ…ΠΎΡ€ΠΎΡˆΠΈΠΉ ΠΏΡ€ΠΈΠΌΠ΅Ρ€ Π½Π° домашнСй страницС Le RΓ©seau COOP.

    6. ​​Випографика

    ВСндСнция послСдних Π»Π΅Ρ‚ – Ρ‚ΠΈΠΏΠΎΠ³Ρ€Π°Ρ„ΠΈΠΊΠ° ΠΊΠ°ΠΊ Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½Π°Ρ. Π¨Ρ€ΠΈΡ„Ρ‚Ρ‹ с засСчками Ρ‚Π°ΠΊΠΆΠ΅ становятся Π±ΠΎΠ»Π΅Π΅ Π·Π°ΠΌΠ΅Ρ‚Π½Ρ‹ΠΌΠΈ.

    Π’ 2017 Π³ΠΎΠ΄Ρƒ ΠΌΡ‹ Π²ΠΈΠ΄Π΅Π»ΠΈ Π²Π΅Π±-сайты агСнтств, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‰ΠΈΡ… ΡΡ„Ρ„Π΅ΠΊΡ‚Π½ΡƒΡŽ Ρ‚ΠΈΠΏΠΎΠ³Ρ€Π°Ρ„ΠΈΠΊΡƒ. ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π»Ρ‹, Π±Π΅Ρ‚ΠΎΠ½ Π±Ρ€ΡŽΡ‚ (Π±Π΅Ρ‚ΠΎΠ½-сырСц). Учитывая, Ρ‡Ρ‚ΠΎ ΠΌΡ‹ ΡƒΠΆΠ΅ Π΄Π²Π°ΠΆΠ΄Ρ‹ упомянули Π‘Π°Ρ€Π±ΠΈΠΊΠ°Π½, стоит Π΅Ρ‰Π΅ Ρ€Π°Π· ΡƒΠΊΠ°Π·Π°Ρ‚ΡŒ Π½Π° Π½Π΅Π³ΠΎ ΠΊΠ°ΠΊ Π½Π°, ΠΏΠΎΠΆΠ°Π»ΡƒΠΉ, самый извСстный ΠΏΡ€ΠΈΠΌΠ΅Ρ€ бруталистской Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ Π² Π’Π΅Π»ΠΈΠΊΠΎΠ±Ρ€ΠΈΡ‚Π°Π½ΠΈΠΈ.

    Π’ любом случаС, каТСтся, Ρ‡Ρ‚ΠΎ этот Ρ‚Π΅Ρ€ΠΌΠΈΠ½ Π±Ρ‹Π» использован Π² Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅ Π² ΠΊΠ°ΠΊΠΎΠΉ-Ρ‚ΠΎ ΠΌΠΎΠΌΠ΅Π½Ρ‚ Π² 2016 Π³ΠΎΠ΄Ρƒ. Π‘Ρ‚ΠΎΠΈΡ‚ ΠΏΡ€ΠΎΠ²Π΅Ρ€ΠΈΡ‚ΡŒ Π·Π°ΠΌΠ΅Ρ‡Π°Ρ‚Π΅Π»ΡŒΠ½Ρ‹ΠΉ шаблон для Π±Ρ€ΡƒΡ‚Π°Π»ΠΈΠ·ΠΌΠ° UX, созданный ΠšΠΎΠ»Π»Π΅ΠΊΡ‚ΠΈΠ²ΠΎΠΌ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ΠΎΠ² UX.

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

    Однако Π² 2017 Π³ΠΎΠ΄Ρƒ Π±Ρ€ΡƒΡ‚Π°Π»ΠΈΠ·ΠΌ ΠΏΡ€ΠΈΠ²Π»Π΅ΠΊ большоС Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅ благодаря Ρ€Π΅Π΄ΠΈΠ·Π°ΠΉΠ½Ρƒ Π²Π΅Π±-сайта элСктронной ΠΊΠΎΠΌΠΌΠ΅Ρ€Ρ†ΠΈΠΈ Balenciaga. Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΎΠ·Π½Π°ΠΊΠΎΠΌΠΈΡ‚ΡŒΡΡ с ΠΏΠΎΠ΄Ρ€ΠΎΠ±Π½Ρ‹ΠΌ ΠΎΠ±Π·ΠΎΡ€ΠΎΠΌ сайта Econsultancy Π΅Ρ‰Π΅ Π² июлС. НСсмотря Π½Π° всС сомнСния, Π±ΠΎΠ»ΡŒΡˆΠΈΠ½ΡΡ‚Π²ΠΎ Π½Π°ΡˆΠΈΡ… ΠΊΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ‚ΠΎΡ€ΠΎΠ² Π²ΠΎΡΡ…ΠΈΡ‰Π°Π»ΠΈΡΡŒ Ρ…Ρ€Π°Π±Ρ€ΠΎΡΡ‚ΡŒΡŽ БалСнсиаги.

    Π£Π²ΠΈΠ΄ΠΈΠΌ Π»ΠΈ ΠΌΡ‹, Ρ‡Ρ‚ΠΎ большС Π»ΡŽΠΊΡΠΎΠ²Ρ‹Ρ… Π±Ρ€Π΅Π½Π΄ΠΎΠ² обратятся ΠΊ своим Π±Π΅Ρ‚ΠΎΠ½ΠΎΠΌΠ΅ΡˆΠ°Π»ΠΊΠ°ΠΌ?

    8. ΠšΡ€ΠΈΠ²Ρ‹Π΅

    Twitter Π·Π°ΠΌΠ΅Π½ΠΈΠ» ΠΊΠ²Π°Π΄Ρ€Π°Ρ‚Π½Ρ‹Π΅ Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΈ профиля Π½Π° ΠΊΡ€ΡƒΠ³Π»Ρ‹Π΅ Π² 2017 Π³ΠΎΠ΄Ρƒ, Π° Ρ‚Π°ΠΊΠΆΠ΅ срСзал ΠΊΠ²Π°Π΄Ρ€Π°Ρ‚Π½Ρ‹Π΅ края ΠΏΠΎ всСму Π΄ΠΈΠ·Π°ΠΉΠ½Ρƒ.

    Google Ρ‚ΠΎΠΆΠ΅ достал свой самолСт ΠΈ Π½Π°ΠΆΠ΄Π°Ρ‡Π½ΡƒΡŽ Π±ΡƒΠΌΠ°Π³Ρƒ ΠΈ ΠΏΠΎΠΏΡ€ΠΎΠ±ΠΎΠ²Π°Π» эти опасно острыС края Π² своСм ΠΎΠΊΠ½Π΅ поиска ΠΈ ΠΊΠ°Ρ€Ρ‚ΠΎΡ‡ΠΊΠ°Ρ….

    9. Мобильная анимация

    Airbnb Lottie β€” это Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΠ°, которая позволяСт «прилоТСниям ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΡŽ Ρ‚Π°ΠΊ ΠΆΠ΅ Π»Π΅Π³ΠΊΠΎ, ΠΊΠ°ΠΊ ΠΈ статичСскиС изобраТСния». Π”ΠΆΠΎΠ½ ΠœΡƒΡ€ Уильямс выдСляСт Π΅Π³ΠΎ ΠΊΠ°ΠΊ ΠΎΠ΄ΠΈΠ½ ΠΈΠ· ΠΌΠ½ΠΎΠ³ΠΈΡ… инструмСнтов, ΠΏΠΎΠΌΠΎΠ³Π°ΡŽΡ‰ΠΈΡ… Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Π°ΠΌ ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ Π±ΠΎΠ»Π΅Π΅ слоТныС взаимодСйствия.

    10. Π’Π΅Π±-VR?

    МнС Π½ΡƒΠΆΠ½ΠΎ Ρ‡Ρ‚ΠΎ-Ρ‚ΠΎ для 10-Π³ΠΎ Ρ‚Ρ€Π΅Π½Π΄Π° Π² этом спискС. Π’ΠΎΠΉΠ΄Π΅Ρ‚ Π»ΠΈ Π²Π΅Π±-VR Π² Тизнь срСднСго потрСбитСля? Π― Π² этом сомнСваюсь (ΠΈ ΠœΠ°Ρ€ΠΊ Ритсон насмСхаСтся Π½Π°Π΄ этой ΠΈΠ΄Π΅Π΅ΠΉ). Но Google всС Π΅Ρ‰Π΅ ΠΊΡƒΡ€ΠΈΡ€ΡƒΠ΅Ρ‚ экспСримСнты.

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

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