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

ΠœΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π»ΡŒΠ½Ρ‹ΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½: объяснСниС, руководства, ΠΈΠΊΠΎΠ½ΠΊΠΈ ΠΈ исходники (PSD, AI, HTML ΠΈ Sketch) β€” Оди. О Π΄ΠΈΠ·Π°ΠΉΠ½Π΅

31.08.1992

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

объяснСниС, руководства, ΠΈΠΊΠΎΠ½ΠΊΠΈ ΠΈ исходники (PSD, AI, HTML ΠΈ Sketch) β€” Оди. О Π΄ΠΈΠ·Π°ΠΉΠ½Π΅

Π― собрал Π² ΠΎΠ΄Π½ΠΎΠΌ мСстС всю ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΡŽ ΠΎ ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π»ΡŒΠ½ΠΎΠΌ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅: объяснСниС, ссылки Π½Π° ΠΎΡ„ΠΈΡ†ΠΈΠ°Π»ΡŒΠ½Ρ‹Π΅ руководства для Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ΠΎΠ² ΠΈ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΎΠ², исходники ΠΈ Π½Π΅ΠΎΡ„ΠΈΡ†ΠΈΠ°Π»ΡŒΠ½Ρ‹Π΅ Π²ΡΠΏΠΎΠΌΠΎΠ³Π°Ρ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π»Ρ‹.

ΠšΠΈΡ€ΠΈΠ»Π» ΠžΠ»Π΅ΠΉΠ½ΠΈΡ‡Π΅Π½ΠΊΠΎ

Π”ΠΈΠ·Π°ΠΉΠ½-ΠΊΡƒΡ€Π°Ρ‚ΠΎΡ€. Π’Ρ‹ΠΏΡƒΡΠΊΠ°ΡŽ «Оди» ΠΈ «Журналус»


Π§Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π»ΡŒΠ½Ρ‹ΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½

ΠœΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π»ΡŒΠ½Ρ‹ΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½ (material design) β€” это Π΄ΠΈΠ·Π°ΠΉΠ½-язык ΠΈ ΡΡ‚ΠΈΠ»ΡŒ ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠΈ Π“ΡƒΠ³Π», Π²Ρ‹ΠΏΡƒΡ‰Π΅Π½Π½Ρ‹ΠΉ 25 июня 2014 Π³ΠΎΠ΄Π°. Π˜Π·Π½Π°Ρ‡Π°Π»ΡŒΠ½ΠΎ Π²Π½ΡƒΡ‚Ρ€ΠΈ ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠΈ Π΅Π³ΠΎ Π½Π°Π·Ρ‹Π²Π°Π»ΠΈ ΠΊΠΎΠ΄ΠΎΠ²Ρ‹ΠΌ ΠΈΠΌΠ΅Π½Π΅ΠΌ «квантовая Π±ΡƒΠΌΠ°Π³Π°Β» (quantum paper). Основная ΠΌΠ΅Ρ‚Π°Ρ„ΠΎΡ€Π° ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π»ΡŒΠ½ΠΎΠ³ΠΎ Π΄ΠΈΠ·Π°ΠΉΠ½Π° β€” плоская Π±ΡƒΠΌΠ°Π³Π°, находящаяся Π² Ρ‚Ρ€Π΅Ρ…ΠΌΠ΅Ρ€Π½ΠΎΠΌ пространствС.

Π—Π°Ρ‡Π΅ΠΌ Π½ΡƒΠΆΠ΅Π½ ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π»ΡŒΠ½Ρ‹ΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½

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

Π§Π΅ΠΌ ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π»ΡŒΠ½Ρ‹ΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½ отличаСтся ΠΎΡ‚ плоского Π΄ΠΈΠ·Π°ΠΉΠ½Π° (flat design)

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

Π˜ΡΡ…ΠΎΠ΄Π½ΠΈΠΊΠΈ ΠΈΠ· ΠΎΡ„ΠΈΡ†ΠΈΠ°Π»ΡŒΠ½ΠΎΠ³ΠΎ Π³ΠΈΠ΄Π° ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π»ΡŒΠ½ΠΎΠ³ΠΎ Π΄ΠΈΠ·Π°ΠΉΠ½Π°

НиТС прСдставлСны прямыС ссылки Π½Π° скачиваниС исходников ΠΈΠ· ΠΎΡ„ΠΈΡ†ΠΈΠ°Π»ΡŒΠ½ΠΎΠ³ΠΎ Π³ΠΈΠ΄Π°:

  • Π¦Π²Π΅Ρ‚ΠΎΠ²Ρ‹Π΅ ΠΏΠ°Π»ΠΈΡ‚Ρ€Ρ‹ (.ai)
  • Наборы элСмСнтов для ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Ρ… устройств (смартфонов) (.ai)
  • Наборы элСмСнтов для ΠΏΠ»Π°Π½ΡˆΠ΅Ρ‚ΠΎΠ² (.ai)
  • Наборы элСмСнтов для Π½Π°ΡΡ‚ΠΎΠ»ΡŒΠ½Ρ‹Ρ… устройств (.ai)
  • Π’Π°ΠΉΡ‚Ρ„Ρ€Π΅ΠΉΠΌΡ‹ (.ai)
  • Π¨Ρ€ΠΈΡ„Ρ‚ Π ΠΎΠ±ΠΎΡ‚ΠΎ (ΠΎΠ±Π½ΠΎΠ²Π»Π΅Π½Π½Ρ‹ΠΉ) (Π±ΡƒΠΊΠ»Π΅Ρ‚ с ΠΎΠ±Ρ€Π°Π·Ρ†Π°ΠΌΠΈ примСнСния ΡˆΡ€ΠΈΡ„Ρ‚Π°)
  • Для языков, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π½Π΅ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅Ρ‚ Π ΠΎΠ±ΠΎΡ‚ΠΎ, Π½ΡƒΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΡˆΡ€ΠΈΡ„Ρ‚ Ното Банс
  • ΠšΠΎΠΌΠΏΠ»ΠΊΠ΅Ρ‚ элСмСнтов (стикСр ΡˆΠΈΡ‚) PSD, AI, Sketch
  • Иконки: ΠΈΠΊΠΎΠ½ΠΊΠΈ Π½Π° Π³ΠΈΡ‚Ρ…Π°Π±Π΅ (Π±ΠΎΠ»Π΅Π΅ 800 ΡˆΡ‚ΡƒΠΊ) + Π°Ρ€Ρ…ΠΈΠ² этих ΠΈΠΊΠΎΠ½ΠΎΠΊ Π² Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Ρ… Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π°Ρ… ΠΈ Ρ€Π°Π·Ρ€Π΅ΡˆΠ΅Π½ΠΈΡΡ…

ΠžΡ„ΠΈΡ†ΠΈΠ°Π»ΡŒΠ½Ρ‹Π΅ руководства ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π»ΡŒΠ½ΠΎΠ³ΠΎ Π΄ΠΈΠ·Π°ΠΉΠ½Π°

ΠžΡ„ΠΈΡ†ΠΈΠ°Π»ΡŒΠ½ΠΎΠ΅ руководство β€” Π³Π»Π°Π²Π½Ρ‹ΠΉ ΠΈ Π»ΡƒΡ‡ΡˆΠΈΠΉ источник ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΈ ΠΎ ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π»ΡŒΠ½ΠΎΠΌ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅. Оно прСкрасно структурировано ΠΈ ΠΏΡ€ΠΎΠΈΠ»Π»ΡŽΡΡ‚Ρ€ΠΈΡ€ΠΎΠ²Π°Π½ΠΎ. Для ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ ΠΏΡƒΠ½ΠΊΡ‚Π° ΠΏΠΎΠ΄ΠΎΠ±Ρ€Π°Π½Ρ‹ ΠΎΡ‡Π΅Π½ΡŒ наглядныС ΠΏΡ€ΠΈΠΌΠ΅Ρ€Ρ‹, ΠΊΠ°ΠΊ ΠΏΠΎΠ»ΠΎΠΆΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ Ρ‚Π°ΠΊ ΠΈ Π½Π΅Π³Π°Ρ‚ΠΈΠ²Π½Ρ‹Π΅ (dos and donts). Π‘Π°ΠΉΡ‚, кстати, сдСлан с ΠΏΡ€ΠΈΠ²Π»Π΅Ρ‡Π΅Π½ΠΈΠ΅ΠΌ агСнтства Π₯ьюдТ. Π’ΠΎΡ‚ Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Ρ‹:

Для Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΎΠ² Андроид-ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ Π΅ΡΡ‚ΡŒ ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½Ρ‹ΠΉ сайт с ΠΎΡ„ΠΈΡ†ΠΈΠ°Π»ΡŒΠ½Ρ‹ΠΌΠΈ руководствами ΠΈ ΡƒΡ€ΠΎΠΊΠ°ΠΌΠΈ.

Для Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΎΠ² Π½Π° Angular.js Π΅ΡΡ‚ΡŒ ΠΎΡ„ΠΈΡ†ΠΈΠ°Π»ΡŒΠ½Ρ‹ΠΉ ΠΏΠΎΡ€Ρ‚ стилСй.

Для ΠΏΠΎΠ»Π½ΠΎΠ³ΠΎ понимания, ΠΊΠΎΠ½Π΅Ρ‡Π½ΠΎ, Π½ΡƒΠΆΠ½ΠΎ ΠΏΠΎΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ ΡˆΠΎΡƒΡ€ΠΈΠ», Ρ‚Π°ΠΊ ΠΊΠ°ΠΊ основная ΡΡƒΡ‚ΡŒ ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π»ΡŒΠ½ΠΎΠ³ΠΎ Π΄ΠΈΠ·Π°ΠΉΠ½Π° раскрываСтся Π² Π΄ΠΈΠ½Π°ΠΌΠΈΠΊΠ΅:

БСсплатныС HTML-исходники

  • ΠŸΡ€ΠΎΠ΅ΠΊΡ‚ ΠŸΠΎΠ»ΠΈΠΌΠ΅Ρ€ β€” ΠΎΡ„ΠΈΡ†ΠΈΠ°Π»ΡŒΠ½Ρ‹ΠΉ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΎΠ² Π³ΡƒΠ³Π»Π°
  • ΠœΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π» UI css framework
  • Бутстрап-Ρ‚Π΅ΠΌΠ°
  • Π•Ρ‰Ρ‘ Ρ‚Π΅ΠΌΠ° для бутстрапа
  • Materialize CSS framework

PSD-исходники

  • Material UI-kit β€” большой коммСрчСский Π½Π°Π±ΠΎΡ€ элСмСнтов ΠΈ экранов ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π»ΡŒΠ½ΠΎΠ³ΠΎ Π΄ΠΈΠ·Π°ΠΉΠ½Π° для ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Ρ… ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ
  • Π‘Π΅Ρ‚ΠΊΠ° Π΄Π»Ρ построСния своих ΠΈΠΊΠΎΠ½ΠΎΠΊ
  • Π¨Π°Π±Π»ΠΎΠ½ для построСния ΠΈΠΊΠΎΠ½ΠΎΠΊ
  • Π•Ρ‰Ρ‘ ΠΎΠ΄ΠΈΠ½ шаблон для построСния ΠΈΠΊΠΎΠ½ΠΎΠΊ

Sketch.

app исходники
  • Π˜ΡΡ…ΠΎΠ΄Π½ΠΈΠΊΠΈ Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ скСтча
  • Π•Ρ‰Ρ‘ Π»ΡŽΠΈΡ‚Π΅Π»ΡŒΡΠΊΠΈΠ΅ исходники ΠΈ ΠΈΠΊΠΎΠ½ΠΊΠΈ

Π”ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ

Π•Ρ‰Ρ‘ 615 ΠΈΠΊΠΎΠ½ΠΎΠΊ для ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π»ΡŒΠ½ΠΎΠ³ΠΎ Π΄ΠΈΠ·Π°ΠΉΠ½Π° (Π½Π΅ΠΎΡ„ΠΈΡ†ΠΈΠ°Π»ΡŒΠ½Ρ‹Π΅)

ΠšΠΎΠΌΠΏΠ»Π΅ΠΊΡ‚ исходников для ΠΠΊΡˆΡƒΡ€

ΠŸΡ€ΠΈΠΌΠ΅Ρ€Ρ‹ ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ с ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π»ΡŒΠ½Ρ‹ΠΌ Π΄ΠΈΠ·Π°ΠΉΠ½ΠΎΠΌ

  • Π”ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Ρ‹ Π³ΡƒΠ³Π»Π°
  • Инбокс
  • Π“ΡƒΠ³Π»-ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ для Андроида
  • ΠšΠ°Ρ€Ρ‚Ρ‹ Π³ΡƒΠ³Π»Π°
  • Papyros (Quantum OS)
  • Π“ΡƒΠ³Π» для ios
  • Π’Π΅Π±-вСрсия Π’Π΅Π»Π΅Π³Ρ€Π°ΠΌ

БСсплатныС ΠΎΠ±ΠΎΠΈ

ГалСрСя бСсплатных ΠΎΠ±ΠΎΠ΅Π² Π² стилС ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π»ΡŒΠ½ΠΎΠ³ΠΎ Π΄ΠΈΠ·Π°ΠΉΠ½Π° для Π½ΠΎΡƒΡ‚Π±ΡƒΠΊΠΎΠ², ΠΏΠ»Π°Π½ΡˆΠ΅Ρ‚ΠΎΠ² ΠΈ смартфонов.

Π§Ρ‚ΠΎ Π΅Ρ‰Ρ‘ ΠΏΠΎΡ‡ΠΈΡ‚Π°Ρ‚ΡŒ ΠΏΠΎ Ρ‚Π΅ΠΌΠ΅

  • Как Π² Surfingboard внСдряли ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π»ΡŒΠ½Ρ‹ΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½
  • Π—Π°ΠΌΠ΅Ρ‚ΠΊΠ° Π½Π° Π”ΠΈΠ·Π°ΠΉΠ½ΠΌΠΎΠ΄ΠΎ ΠΎ ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π»ΡŒΠ½ΠΎΠΌ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅
  • РСакция Ρ‚ΠΎΠΏΠΎΠ²Ρ‹Ρ… Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ΠΎΠ² Π½Π° ΠœΠ”

Π’ΠΈΠ΄Π΅ΠΎ напослСдок (ΠΊΠΎΠ½Ρ†Π΅ΠΏΡ‚ Π˜Π½ΡΡ‚Π°Π³Ρ€Π°ΠΌΠ° Π² ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π»ΡŒΠ½ΠΎΠΌ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅):

Π”ΠΎΠ±Π°Π²Π»Π΅Π½ΠΎ ΠΏΠΎΠ·ΠΆΠ΅:

  1. Π“Π΅Π½Π΅Ρ€Π°Ρ‚ΠΎΡ€ ΠΏΠ°Π»ΠΈΡ‚Ρ€ Π² стилС ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π»ΡŒΠ½ΠΎΠ³ΠΎ Π΄ΠΈΠ·Π°ΠΉΠ½Π°
  2. Π‘Π»ΠΎΠ³ с Π΅ΠΆΠ΅Π΄Π½Π΅Π²Π½Ρ‹ΠΌΠΈ обновлСниями ΠΏΡ€ΠΎ прилоТСния ΠΈ сайты Π² стилС ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π»ΡŒΠ½ΠΎΠ³ΠΎ Π΄ΠΈΠ·Π°ΠΉΠ½Π°

Ρ‡Ρ‚ΠΎ Π·Π° Π·Π²Π΅Ρ€ΡŒ (объяснСниС, ΠΏΡ€ΠΈΠΌΠ΅Ρ€Ρ‹, галСрСя)

ВСроятно, Π²Ρ‹ Π½Π΅ Ρ€Π°Π· встрСчали словосочСтаниС Β«ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π»ΡŒΠ½Ρ‹ΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½Β». ΠšΠΎΠ½Ρ†Π΅ΠΏΡ†ΠΈΡ ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π» Π΄ΠΈΠ·Π°ΠΉΠ½ Π½Π΅ новая ΠΈ ΡƒΠΆΠ΅ довольно ΠΊΡ€Π΅ΠΏΠΊΠΎ ΡƒΡΡ‚ΠΎΡΠ²ΡˆΠ°ΡΡΡ Π½Π° Ρ€Ρ‹Π½ΠΊΠ΅ Π²Π΅Π± Π΄ΠΈΠ·Π°ΠΉΠ½Π°, Π² ΠΏΠ΅Ρ€Π²ΡƒΡŽ ΠΎΡ‡Π΅Ρ€Π΅Π΄ΡŒ, благодаря своСму ΠΎΠ±Ρ€Π°Ρ‰Π΅Π½ΠΈΡŽ ΠΊ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΎΠΌΡƒ ΠΎΠΏΡ‹Ρ‚Ρƒ. ΠœΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π»ΡŒΠ½Ρ‹ΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½ Π²ΠΏΠ΅Ρ€Π²Ρ‹Π΅ Π±Ρ‹Π» прСдставлСн Π»Π΅Ρ‚ΠΎΠΌ 2015 Π³ΠΎΠ΄Π° ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠ΅ΠΉ Google, ΠΈ с Ρ‚Π΅Ρ… ΠΏΠΎΡ€ являСтся Π½Π΅Ρ€Π°Π·Ρ€Ρ‹Π²Π½ΠΎ связанным с этой ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠ΅ΠΉ понятиСм. КакиС Π΅Π³ΠΎ ΠΎΡ‚Π»ΠΈΡ‡ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ Ρ‡Π΅Ρ€Ρ‚Ρ‹, основныС ΠΏΡ€ΠΈΠ½Ρ†ΠΈΠΏΡ‹, ΠΈ Ρ‚Π°ΠΊ Π»ΠΈ ΠΎΠ½ Ρ…ΠΎΡ€ΠΎΡˆ, ΠΊΠ°ΠΊ ΠΎ Π½Π΅ΠΌ ΠΏΠΎΡŽΡ‚? Об этом Π΄Π°Π»Π΅Π΅ Π² ΡΡ‚Π°Ρ‚ΡŒΠ΅.

ΠœΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π»ΡŒΠ½Ρ‹ΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½ – это Π½Π΅ просто идСя, ΠΎΠ½ Π² своС врСмя заставил Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ΠΎΠ² ΠΏΠΎΠ»Π½ΠΎΡΡ‚ΡŒΡŽ ΠΏΠ΅Ρ€Π΅ΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ взгляды Π½Π° Π½ΠΎΠ²Ρ‹Π΅ ΡˆΠ°Π±Π»ΠΎΠ½Ρ‹ сайтов ΠΈ Π½Π° сам процСсс создания Π²Π΅Π±-сайтов ΠΈ ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ. Π‘ΠΎΠ²Ρ€Π΅ΠΌΠ΅Π½Π½Ρ‹Π΅ сайты вовсю ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ схСмы проСктирования ΠΈ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π°Ρ†ΠΈΠΈ ΠΏΠΎ ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π»ΡŒΠ½ΠΎΠΌΡƒ Π΄ΠΈΠ·Π°ΠΉΠ½Ρƒ ΠΎΡ‚ Google. Но ΠΏΡ€Π΅ΠΆΠ΄Π΅ Ρ‡Π΅ΠΌ ΠΏΠ΅Ρ€Π΅ΠΉΡ‚ΠΈ ΠΊ дСсСрту, ΠΎΠΏΡ€Π΅Π΄Π΅Π»ΠΈΠΌ понятиС ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π» Π΄ΠΈΠ·Π°ΠΉΠ½Π°, Π΅Π³ΠΎ Ρ†Π΅Π»ΠΈ ΠΈ основныС характСристики.

Π§Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π»ΡŒΠ½Ρ‹ΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½?

ΠœΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π»ΡŒΠ½Ρ‹ΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½ – это графичСский язык ΠΈ ΡΡ‚ΠΈΠ»ΡŒ Π² Π΄ΠΈΠ·Π°ΠΉΠ½Π΅, созданный ΠΊΠΎΠΌΠ°Π½Π΄ΠΎΠΉ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΎΠ² Google, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΠΎΠΌΠΎΡ‡ΡŒ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Π°ΠΌ ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ сайты ΠΈ прилоТСния, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π±ΡƒΠ΄ΡƒΡ‚ доступными, ΠΏΡ€Π°ΠΊΡ‚ΠΈΡ‡Π½Ρ‹ΠΌΠΈ ΠΈ ΠΏΠΎΠ»Π΅Π·Π½Ρ‹ΠΌΠΈ. ΠšΠΎΠ½Ρ†Π΅ΠΏΡ†ΠΈΡ основана Π½Π° ΠΆΠΈΠ²ΠΎΠΉ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π°Ρ†ΠΈΠΈ, которая находится Π² ΠΎΠ±Ρ‰Π΅ΠΌ доступС ΠΈ ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ использована Π»ΡŽΠ±Ρ‹ΠΌ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΌ, ΠΈΠ½Ρ‚Π΅Ρ€Π΅ΡΡƒΡŽΡ‰ΠΈΠΌΡΡ ΠΊΠΎΠ½Ρ†Π΅ΠΏΡ†ΠΈΠ΅ΠΉ ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π»ΡŒΠ½ΠΎΠ³ΠΎ Π΄ΠΈΠ·Π°ΠΉΠ½Π°. По сСй дСнь докумСнтация постоянно обновляСтся, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΎΡ‚Ρ€Π°ΠΆΠ°Ρ‚ΡŒ измСнСния Π² сфСрС Π΄ΠΈΠ·Π°ΠΉΠ½Π°  ΠΈ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ. Благодаря этому ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π»ΡŒΠ½Ρ‹ΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½ остаСтся Π°ΠΊΡ‚ΡƒΠ°Π»ΡŒΠ½Ρ‹ΠΌ ΠΈ постоянно развиваСтся ΠΊΠ°ΠΊ Π½Π°ΠΏΡ€Π°Π²Π»Π΅Π½ΠΈΠ΅.

ΠœΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π»ΡŒΠ½Ρ‹ΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½ ΠΈΠΌΠ΅Π΅Ρ‚ ряд Ρ†Π΅Π»Π΅ΠΉ ΠΈ ΠΏΡ€ΠΈΠ½Ρ†ΠΈΠΏΠΎΠ², заявлСнных создатСлями. ΠŸΠ΅Ρ€Π΅Ρ‡Π΅Π½ΡŒ, Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎ, Π±ΡƒΠ΄Π΅Ρ‚ Π²Ρ‹Π³Π»ΡΠ΄Π΅Ρ‚ΡŒ нСсколько идСалистично, Π½ΠΎ всС ΠΆΠ΅ ΠΏΡ€ΠΈΠ²Π΅Π΄Π΅ΠΌ основныС Π΅Π³ΠΎ ΠΈΠ΄Π΅ΠΈ Π½ΠΈΠΆΠ΅.

Π¦Π΅Π»ΠΈ ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π»ΡŒΠ½ΠΎΠ³ΠΎ Π΄ΠΈΠ·Π°ΠΉΠ½Π°

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

ΠŸΡ€ΠΈΠ½Ρ†ΠΈΠΏΡ‹ ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π»ΡŒΠ½ΠΎΠ³ΠΎ Π΄ΠΈΠ·Π°ΠΉΠ½Π°:

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

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

ВсС эти Ρ€Π΅ΠΊΠΎΠΌΠ΅Π½Π΄Π°Ρ†ΠΈΠΈ ΠΎΡΠ½ΠΎΠ²Ρ‹Π²Π°ΡŽΡ‚ΡΡ Π½Π° основных свойствах ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π»ΡŒΠ½ΠΎΠ³ΠΎ Π΄ΠΈΠ·Π°ΠΉΠ½Π°. Π‘Π°ΠΌΠΎΠ΅ Π³Π»Π°Π²Π½ΠΎΠ΅ Ρ‚ΠΎ, Ρ‡Ρ‚ΠΎ ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π»ΡŒΠ½Ρ‹ΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½ основан Π½Π° Ρ€Π΅Π°Π»ΡŒΠ½ΠΎΡΡ‚ΠΈ, Π² Π½Π΅ΠΌ ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Ρ‹ находятся Π² ΠΏΠΎΡ‡Ρ‚ΠΈ Ρ‚Ρ€Π΅Ρ…ΠΌΠ΅Ρ€Π½ΠΎΠΌ пространствС. Π‘ Ρ‚ΠΎΡ‡ΠΊΠΈ зрСния эстСтики, ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π»ΡŒΠ½Ρ‹ΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½ находится Π³Π΄Π΅-Ρ‚ΠΎ ΠΌΠ΅ΠΆΠ΄Ρƒ шкалой плоского Π΄ΠΈΠ·Π°ΠΉΠ½Π° (flat design) ΠΈ скСвоморфизмом.

Π¦Π²Π΅Ρ‚ ΠΈ Ρ‚ΠΈΠΏΠΎΠ³Ρ€Π°Ρ„ΠΈΠΊΠ° ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π»ΡŒΠ½ΠΎΠ³ΠΎ Π΄ΠΈΠ·Π°ΠΉΠ½Π°

Π¦Π²Π΅Ρ‚Π° Π² ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π»ΡŒΠ½ΠΎΠΌ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅ ΠΈΠΌΠ΅ΡŽΡ‚ ΠΌΠ½ΠΎΠ³ΠΎ ΠΎΠ±Ρ‰Π΅Π³ΠΎ с Ρ†Π²Π΅Ρ‚Π°ΠΌΠΈ плоского Π΄ΠΈΠ·Π°ΠΉΠ½Π°. ΠŸΠ°Π»ΠΈΡ‚Ρ€Ρ‹ ΠΌΠ°Ρ‚ΠΈΡ€ΠΈΠ°Π» довольно смСлыС ΠΈ яркиС. Π¨Ρ€ΠΈΡ„Ρ‚Ρ‹, Ρ‚Π°ΠΊ ΠΆΠ΅ ΠΊΠ°ΠΊ Π² плоском Π΄ΠΈΠ·Π°ΠΉΠ½Π΅, простыС Π±Π΅Π· засСчСк.

Β«ΠœΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π»ΡŒΠ½Ρ‹ΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½ ΠΏΠΎΠ»ΠΎΠ½ смСлых Ρ†Π²Π΅Ρ‚ΠΎΠ²Ρ‹Ρ… Ρ€Π΅ΡˆΠ΅Π½ΠΈΠΉ, Π² сочСтании с ΠΏΡ€ΠΈΠ³Π»ΡƒΡˆΠ΅Π½Π½Ρ‹ΠΌΠΈ Ρ‚ΠΎΠ½Π°ΠΌΠΈ, Ρ‚Π°ΠΊΠΎΠΉ ΠΏΠΎΠ΄Ρ…ΠΎΠ΄ Π±Π΅Ρ€Π΅Ρ‚ истоки  ΠΎΡ‚ соврСмСнной Π°Ρ€Ρ…ΠΈΡ‚Π΅ΠΊΡ‚ΡƒΡ€Ρ‹, Π΄ΠΎΡ€ΠΎΠΆΠ½Ρ‹Ρ… Π·Π½Π°ΠΊΠΎΠ², ΠΌΠ°Ρ€ΠΊΠΈΡ€ΠΎΠ²ΠΎΡ‡Π½ΠΎΠΉ Π»Π΅Π½Ρ‚Ρ‹ ΠΈ спортивных ΠΏΠ»ΠΎΡ‰Π°Π΄ΠΎΠΊΒ», Ρ‚Π°ΠΊ ΠΎΠ± этом сказано Π²  Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π°Ρ†ΠΈΠΈ ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π»ΡŒΠ½ΠΎΠ³ΠΎ Π΄ΠΈΠ·Π°ΠΉΠ½Π° Google. Β«ΠŸΠΎΠ΄Ρ‡Π΅Ρ€ΠΊΠ½ΠΈΡ‚Π΅ смСлыС Ρ‚Π΅Π½ΠΈ ΠΈ Π±Π»ΠΈΠΊΠΈ. Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ Π½Π΅ΠΎΠΆΠΈΠ΄Π°Π½Π½Ρ‹Π΅ ΠΈ яркиС Ρ†Π²Π΅Ρ‚Π°Β».

А Π»ΡƒΡ‡ΡˆΠ΅Π΅ Π² Ρ†Π²Π΅Ρ‚ΠΎΠ²ΠΎΠΉ ΠΊΠΎΠ½Ρ†Π΅ΠΏΡ†ΠΈΠΈ ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π»ΡŒΠ½ΠΎΠ³ΠΎ Π΄ΠΈΠ·Π°ΠΉΠ½Π°  ΡΡ‚ΠΎ использованиС Ρ‡Π΅Ρ‚ΠΊΠΎΠ³ΠΎ контраста. Для удобства ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΉ Google прСдоставляСт ΠΏΠΎΠ»Π½ΡƒΡŽ Ρ†Π²Π΅Ρ‚ΠΎΠ²ΡƒΡŽ ΠΏΠ°Π»ΠΈΡ‚Ρ€Ρƒ с ΠΎΠ±Ρ€Π°Π·Ρ†Π°ΠΌΠΈ, доступными для скачивания. ΠšΠΎΠ½Ρ†Π΅ΠΏΡ†ΠΈΠΈ Ρ†Π²Π΅Ρ‚Π° Π½Π°ΡΡ‚ΠΎΠ»ΡŒΠΊΠΎ просты, Ρ‡Ρ‚ΠΎ ΠΌΠΎΠ΅Ρ‚ Π²ΠΎΠ·Π½ΠΈΠΊΠ½ΡƒΡ‚ΡŒ вопрос, Π½Π΅ Π΄ΡƒΠΌΠ°Π΅Ρ‚ Π»ΠΈ Google, Ρ‡Ρ‚ΠΎ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Ρ‹ Π½Π°ΠΏΡ€ΠΎΡ‡ΡŒ Π·Π°Π±Ρ‹Π»ΠΈ Ρ‚Π΅ΠΎΡ€ΠΈΡŽ Ρ†Π²Π΅Ρ‚Π°.

Π Π΅ΠΊΠΎΠΌΠ΅Π½Π΄Π°Ρ†ΠΈΠΈ ΠΏΠΎ Π²Ρ‹Π±ΠΎΡ€Ρƒ ΠΈ использованию ΡˆΡ€ΠΈΡ„Ρ‚ΠΎΠ² Ρ‚Π°ΠΊΠΆΠ΅ довольно Π±Π°Π·ΠΎΠ²Ρ‹Π΅ ΠΈ простыС. Π¨Ρ€ΠΈΡ„Ρ‚ ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ для всСх ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ – Roboto – доступСн для скачивания ΠΏΠΎ ссылкС, Ρ‚Π°ΠΌ ΠΆΠ΅ ΠΌΠΎΠΆΠ½ΠΎ Π½Π°ΠΉΡ‚ΠΈ  Ρ‚Π°Π±Π»ΠΈΡ†Ρƒ сочСтания ΠΈ ΠΏΠΎΠ΄Π±ΠΎΡ€Π° ΡˆΡ€ΠΈΡ„Ρ‚ΠΎΠ².

Π¨Π°Π±Π»ΠΎΠ½Ρ‹, структура ΠΈ Π΄ΠΈΠ·Π°ΠΉΠ½

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

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

Π‘Π°Π·ΠΎΠ²Ρ‹Π΅ элСмСнты ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π» Π΄ΠΈΠ·Π°ΠΉΠ½Π°

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

  • НиТний экран (Π½ΠΈΠΆΠ½ΠΈΠ΅ слои Π΄ΠΈΠ·Π°ΠΉΠ½Π°)
  • Кнопки
  • ΠšΠ°Ρ€Ρ‚Ρ‹
  • Π”ΠΈΠ°Π»ΠΎΠ³ΠΈ
  • Π Π°Π·Π΄Π΅Π»ΠΈΡ‚Π΅Π»ΠΈ
  • Π‘Π΅Ρ‚ΠΊΠΈ
  • Бписки
  • МСню
  • ΠŸΠΎΠ»ΠΎΡΡ‹ прогрСсса ΠΈ активности
  • Π‘Π»Π°ΠΉΠ΄Π΅Ρ€Ρ‹
  • Подзаголовки
  • ΠŸΠ΅Ρ€Π΅ΠΊΠ»ΡŽΡ‡Π°Ρ‚Π΅Π»ΠΈ
  • Π’ΠΊΠ»Π°Π΄ΠΊΠΈ
  • ВСкстовыС поля
  • Π’ΡΠΏΠ»Ρ‹Π²Π°ΡŽΡ‰ΠΈΠ΅ ΠΎΠΊΠ½Π°

Π”ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Ρ‹, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΌ нравится внСшний Π²ΠΈΠ΄ ΠΏΡ€Π΅Π΄Π»ΠΎΠΆΠ΅Π½Π½Ρ‹Ρ… ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚ΠΎΠ², ΠΌΠΎΠ³ΡƒΡ‚ Π΄Π°ΠΆΠ΅ Π·Π°Π³Ρ€ΡƒΠ·ΠΈΡ‚ΡŒ ΠΈΡ… исходники для Photoshop, Sketch ΠΈΠ»ΠΈ Illustrator. Иконки ΠΈ Π΄Ρ€ΡƒΠ³ΠΈΠ΅ Π΄Π΅Ρ‚Π°Π»ΠΈ ΠΈΠ΄ΡƒΡ‚ Π² ΠΏΠ°Ρ€Π΅ со стилями ΠΈ ΠΏΠΎΠ΄ΡΡ‚Ρ€Π°ΠΈΠ²Π°ΡŽΡ‚ΡΡ ΠΏΠΎΠ΄ Π²Ρ‹Π±Ρ€Π°Π½Π½Ρ‹ΠΉ шаблон.

Удобство, Π΄ΠΎΡΡ‚ΡƒΠΏΠ½ΠΎΡΡ‚ΡŒ ΠΈ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΈΠΉ ΠΎΠΏΡ‹Ρ‚

Β«ΠŸΡ€ΠΎΠ΄ΡƒΠΊΡ‚ доступСн, ΠΊΠΎΠ³Π΄Π° всС люди – нСзависимо ΠΎΡ‚ способностСй – ΠΌΠΎΠ³ΡƒΡ‚ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π΅Π³ΠΎ для достиТСния своих Ρ†Π΅Π»Π΅ΠΉ. ΠŸΠΎΠΈΡΡ‚ΠΈΠ½Π΅ ΡƒΡΠΏΠ΅ΡˆΠ½Ρ‹ΠΉ ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚ доступСн для максимально ΡˆΠΈΡ€ΠΎΠΊΠΎΠΉ Π°ΡƒΠ΄ΠΈΡ‚ΠΎΡ€ΠΈΠΈΒ».

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

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

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

10 РСсурсов ΠΏΠΎ ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π»ΡŒΠ½ΠΎΠΌΡƒ Π΄ΠΈΠ·Π°ΠΉΠ½Ρƒ

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

  1. Наборы элСмСнтов Π² стилС ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π» Π΄ΠΈΠ·Π°ΠΉΠ½ для смартфонов ΠΈ Π΄Ρ€ΡƒΠ³ΠΈΡ… ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Ρ… устройств (см. Π½ΠΈΠΆΠ΅).
  2. Иконки Π² стилС ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π».
  3. Π¦Π²Π΅Ρ‚ΠΎΠ²Ρ‹Π΅ схСмы ΠΈ ΠΏΠ°Π»Π΅Ρ‚ΠΊΠΈ.
  4. ΠœΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π»ΡŒΠ½Ρ‹ΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½ для Bootstrap.
  5. ΠœΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π»ΡŒΠ½Ρ‹ΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½ для AngularJS.
  6. ΠŸΠ»Π°Ρ‚Ρ„ΠΎΡ€ΠΌΠ° ΠΏΠΎ созданию ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π» Π΄ΠΈΠ·Π°ΠΉΠ½Π° Materialize.
  7. ЧСклист ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π»ΡŒΠ½ΠΎΠ³ΠΎ Π΄ΠΈΠ·Π°ΠΉΠ½Π° для Android.

Π§Π°ΡΡ‚ΡŒ 1: ГалСрСя ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π»ΡŒΠ½ΠΎΠ³ΠΎ Π΄ΠΈΠ·Π°ΠΉΠ½Π° для сайтов ΠΈ ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ – бСсплатныС ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π»Ρ‹

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

ΠœΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π»ΡŒΠ½Ρ‹ΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½ ΠΎΡ‚ UXPin

ΠœΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π» Π΄ΠΈΠ·Π°ΠΉΠ½ ΠΎΡ‚ Creative Tim

БСсплатная ΠΏΠΎΠ΄Π±ΠΎΡ€ΠΊΠ° ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π» ΠΎΡ‚ Designtory

UIDE – бСсплатный ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π» скСтч ΠΎΡ‚ Mateusz Dembek

Google рСсурс скСтчСй ΠΏΠΎ ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π»ΡŒΠ½ΠΎΠΌΡƒ Π΄ΠΈΠ·Π°ΠΉΠ½Ρƒ

L Bootstrap ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π»ΡŒΠ½Ρ‹ΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½ Π² стилС Android ΠΎΡ‚ Виталия Π§Π΅Ρ€Π½Π΅Π³ΠΈ

Π‘ΠΊΠ΅Ρ‚Ρ‡ рСсурс ΠΏΠΎ ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π»ΡŒΠ½ΠΎΠΌΡƒ Π΄ΠΈΠ·Π°ΠΉΠ½Ρƒ ΠΎΡ‚ Boilerplate

ΠœΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π»ΡŒΠ½Ρ‹ΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½ для EL Passion

Froala Π±Π»ΠΎΠΊΠΈ Π² стилС ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π»

БСсплатный Landing 1.

0 Π² ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π»ΡŒΠ½ΠΎΠΌ стилС

ΠœΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹ΠΉ ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π»ΡŒΠ½Ρ‹ΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½

Android Nougat бСсмлатный GUIΠ΄ΠΈΠ·Π°ΠΉΠ½

ΠœΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π»ΡŒΠ½Ρ‹ΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½ для ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Ρ… ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ

avsc ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π» Π΄ΠΈΠ·Π°ΠΉΠ½

ΠœΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π»ΡŒΠ½Ρ‹ΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½ ΠΎΡ‚ PsdRepo

ΠœΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π»ΡŒΠ½Ρ‹ΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½ для ΠΌΡƒΠ·Ρ‹ΠΊΠ°Π»ΡŒΠ½Ρ‹Ρ… ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ ΠΎΡ‚ Divan Raj

UI ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π» Π΄ΠΈΠ·Π°ΠΉΠ½ ΠΎΡ‚ Jakub KoΕ›la

ΠœΠ°Ρ‚ΠΊΡ€ΠΈΠ°Π»ΡŒΠ½Ρ‹ΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½ для Π°Π½Π΄Ρ€ΠΎΠΈΠ΄ ΠΎΡ‚ Ivan Bjelajac

ΠœΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π» Π΄ΠΈΠ·Π°ΠΉΠ½ ΠΎΡ‚ Ultralinx

ΠœΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹ΠΉ ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π»ΡŒΠ½Ρ‹ΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½ ΠΎΡ‚ Emma Drews

БСсплатная ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π» ΠΏΠΎΠ΄Π±ΠΎΡ€ΠΊΠ° ΠΎΡ‚ Adrian Goia

ΠœΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π» Π΄ΠΈΠ·Π°ΠΉΠ½ ΠΎΡ‚ UI8

ΠœΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π»ΡŒΠ½Ρ‹ΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½ для Photoshop ΠΎΡ‚ Psddd

Android ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π» Π΄ΠΈΠ·Π°ΠΉ PSD ΠΎΡ‚ Nine Hertz

Π”Ρ€ΡƒΠ³ΠΈΠ΅ ΠΏΠΎΠ΄Π±ΠΎΡ€ΠΊΠΈ ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π»ΡŒΠ½ΠΎΠ³ΠΎ Π΄ΠΈΠ·Π°ΠΉΠ½Π°, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΌΠΎΠ³ΡƒΡ‚ Π±Ρ‹Ρ‚ΡŒ ΠΏΠΎΠ»Π΅Π·Π½Ρ‹ΠΌΠΈ

Station ΠΈΠ½Ρ‚Π΅Ρ€Π°ΠΊΡ‚ΠΈΠ²Π½Ρ‹ΠΉ ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π» Π΄ΠΈΠ·Π°ΠΉΠ½ ΠΎΡ‚ Nelson Sakwa

Π’ΠΈΠ΄ΠΆΠ΅Ρ‚Ρ‹ Π² стилС ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π» ΠΎΡ‚ Elad Izak

ΠœΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π» скСтч ΠΎΡ‚ Benjamin Schmidt

Π¦ΠΈΡ„Ρ€Ρ‹ Π² стилС ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π», PSD ΠΎΡ‚ Crunk C

Π Π΅Ρ†Π΅ΠΏΡ‚Ρ‹ Π² стилС ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π» – ΠΌΠΎΠΊΠ°ΠΏ для прилоТСния ΠΎΡ‚ Mitchell Millsaps

Π§Π°ΡΡ‚ΡŒ 2: Π¦Π²Π΅Ρ‚ΠΎΠ²Ρ‹ΠΉ схСммы ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π» Π΄ΠΈΠ·Π°ΠΉΠ½Π°

Π‘Ρ‚ΠΈΠ»ΡŒ – Ρ†Π²Π΅Ρ‚: ΠΎΡ„ΠΈΡ†ΠΈΠ°Π»ΡŒΠ½ΠΎΠ΅ руководство Google

Google инструмСнт для ΠΏΠΎΠ΄Π±ΠΎΡ€Π° Ρ†Π²Π΅Ρ‚ΠΎΠ²

Π˜Π½ΡΡ‚Ρ€ΡƒΠΌΠ΅Π½Ρ‚ для ΠΏΠΎΠ΄Π±ΠΎΡ€Π° Ρ†Π²Π΅Ρ‚ΠΎΠ²Ρ‹Ρ… схСм

materialuicolors Ρ†Π²Π΅Ρ‚ΠΎΠ²Ρ‹Π΅ схСммы

Π˜Π½ΡΡ‚Ρ€ΡƒΠΌΠ΅Π½Ρ‚ ΠΏΠΎΠ΄Π±ΠΎΡ€Π° Ρ†Π²Π΅Ρ‚ΠΎΠ² ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π» Color Picker

Π§Π°ΡΡ‚ΡŒ 3: ΠœΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π» Π΄ΠΈΠ·Π°ΠΉΠ½ ΠΈΠΊΠΎΠ½ΠΊΠΈ

ΠžΡ„ΠΈΡ†ΠΈΠ°Π»ΡŒΠ½Π°Ρ коллСкция ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π» ΠΈΠΊΠΎΠ½ΠΎΠΊ ΠΎΡ‚ Google

ΠœΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π» Π΄ΠΈΠ·Π°ΠΉΠ½ ΡˆΡ€ΠΈΡ„Ρ‚Ρ‹ ΠΎΡ‚ Austin Andrews

ΠœΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π» Π΄ΠΈΠ·Π°ΠΉΠ½ PSD ΠΈΠΊΠΎΠ½ΠΊΠΈ ΠΎΡ‚ Sergey

ΠšΠΎΠ»Π»Π΅ΠΊΡ†ΠΈΡ ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π»ΡŒΠ½Ρ‹Ρ… ΠΈΠΊΠΎΠ½ΠΎΠΊ ΠΎΡ‚ Jurre Houtkamp

ΠœΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π»ΡŒΠ½Ρ‹Π΅ ΠΈΠΊΠΎΠ½ΠΊΠΈ Π² PSD ΠΎΡ‚ Anton Kosolapov

ΠœΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π»ΡŒΠ½Ρ‹ΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½ для Powerpoint ΠΎΡ‚ Kyle Ledbetter

Подводим ΠΈΡ‚ΠΎΠ³ΠΈ

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

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

Π‘ΠΎΠ·Π΄Π°Π²Π°ΠΉΡ‚Π΅ Π΄ΠΈΠ·Π°ΠΉΠ½Ρ‹ с ΡƒΠ΄ΠΎΠ²ΠΎΠ»ΡŒΡΡ‚Π²ΠΈΠ΅ΠΌ, ΠΈ, Ссли Π΅ΡΡ‚ΡŒ Ρ‡Ρ‚ΠΎ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ ΠΊ ΡΡ‚Π°Ρ‚ΡŒΠΈ, Π½Π΅ ΡΡ‚Π΅ΡΠ½ΡΠΉΡ‚Π΅ΡΡŒ ΠΏΠΈΡΠ°Ρ‚ΡŒ свои прСдлоТСния Π² коммСнтариях.

ΠšΡƒΠΏΠΈΡ‚ΡŒ хостинг

Google Design

08.04.2021

Акции солидарности

Для этого поста ΠΌΡ‹ ΠΏΠ΅Ρ€Π΅Π΄Π°Π»ΠΈ ΠΊΠ»Π°Π²ΠΈΠ°Ρ‚ΡƒΡ€Ρƒ UX-Π΄ΠΈΡ€Π΅ΠΊΡ‚ΠΎΡ€Ρƒ ΠΈ Ρ€ΡƒΠΊΠΎΠ²ΠΎΠ΄ΠΈΡ‚Π΅Π»ΡŽ Π³Ρ€ΡƒΠΏΠΏΡ‹ Google Design ΠœΠ°Ρ€Π³Π°Ρ€Π΅Ρ‚ Π›ΠΈ. Π Π°Π½Π΅Π΅ Π² этом мСсяцС я подСлился своСй историСй ΠΎ Ρ‚ΠΎΠΌ, ΠΊΠ°ΠΊ ΠΏΡ€Π΅ΠΎΠ΄ΠΎΠ»Π΅Ρ‚ΡŒ нСсоотвСтствиС ΠΌΠ΅ΠΆΠ΄Ρƒ Π»ΠΈΡ‡Π½Ρ‹ΠΌ воспитаниСм ΠΈ ΠΏΡ€ΠΎΡ„Π΅ΡΡΠΈΠΎΠ½Π°Π»ΡŒΠ½Ρ‹ΠΌΠΈ ролями. Π§Π΅Π³ΠΎ я Π½Π΅ подСлился, Ρ‚Π°ΠΊ это стСпСни прСдвзятости, сСксизма ΠΈ расизма, с ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΌΠΈ я сталкивался Π½Π° протяТСнии всСй своСй ΠΆΠΈΠ·Π½ΠΈ. Π― ΠΏΠΎ-ΠΏΡ€Π΅ΠΆΠ½Π΅ΠΌΡƒ Π³Π»ΡƒΠ±ΠΎΠΊΠΎ Π²ΠΎΠ·ΠΌΡƒΡ‰Π΅Π½ ΡΡ‚Ρ€Π΅Π»ΡŒΠ±ΠΎΠΉ Π² АтлантС, Π² Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚Π΅ ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΉ ΠΏΠΎΠ³ΠΈΠ±Π»ΠΈ восСмь Ρ‡Π΅Π»ΠΎΠ²Π΅ΠΊ, Π² Ρ‚ΠΎΠΌ числС ΡˆΠ΅ΡΡ‚ΡŒ ΠΆΠ΅Π½Ρ‰ΠΈΠ½ азиатского происхоТдСния, β€” Π½Π΅ΠΈΠ·Π±Π΅ΠΆΠ½ΠΎΠ΅ ΠΊΡ€Π΅Ρ‰Π΅Π½Π΄ΠΎ Π³ΠΎΠ΄Π° растущСго насилия ΠΈ нСнависти ΠΊ Π°ΠΌΠ΅Ρ€ΠΈΠΊΠ°Π½Ρ†Π°ΠΌ азиатского происхоТдСния, ТитСлям тихоокСанских островов ΠΈ азиатским сообщСствам. Π― ΡΠΊΠΎΡ€Π±Π»ΡŽ ΠΈ ΡΡ‚ΠΎΡŽ рядом с Π½ΠΈΠΌΠΈ Π² Π·Π½Π°ΠΊ солидарности ΠΈ Π² Π±ΠΎΡ€ΡŒΠ±Π΅ с расизмом ΠΈ Π½Π΅Π½Π°Π²ΠΈΡΡ‚ΡŒΡŽ. Как подСлилась Π•Π²Π° Π¦Π°ΠΉ, Π΄ΠΈΡ€Π΅ΠΊΡ‚ΠΎΡ€ ΠΏΠΎ ΠΌΠ°Ρ€ΠΊΠ΅Ρ‚ΠΈΠ½Π³ΠΎΠ²ΠΎΠΉ Π°Π½Π°Π»ΠΈΡ‚ΠΈΠΊΠ΅ ΠΈ опСрациям Google, Π² Π½Π΅Π΄Π°Π²Π½Π΅ΠΌ эссС для Keyword: Β«Π£Π±Π΅Π³Π°Ρ‚ΡŒ ΠΈ ΠΈΠ³Π½ΠΎΡ€ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Π½Π΅ΡΠΏΡ€Π°Π²Π΅Π΄Π»ΠΈΠ²ΠΎΡΡ‚ΡŒ большС нСльзя». ΠœΡ‹ Π½Π΅ ΠΌΠΎΠΆΠ΅ΠΌ ΠΏΠΎΠ·Π²ΠΎΠ»ΠΈΡ‚ΡŒ сСбС ΠΌΠΎΠ»Ρ‡Π°Ρ‚ΡŒ. ΠœΡ‹ Π½Π΅ ΠΌΠΎΠΆΠ΅ΠΌ Π½Π΅ Π·Π°Π½ΠΈΠΌΠ°Ρ‚ΡŒΡΡ. НСсколько мСсяцСв Π½Π°Π·Π°Π΄ Google Design подСлился рСсурсами ΠΏΠΎ Π΄ΠΈΠ·Π°ΠΉΠ½Ρƒ для справСдливости, ΠΈ сСгодня я Ρ…ΠΎΡ‚Π΅Π» Π±Ρ‹ ΠΏΡ€ΠΎΠ΄ΠΎΠ»ΠΆΠΈΡ‚ΡŒ этот Ρ€Π°Π·Π³ΠΎΠ²ΠΎΡ€ с рСсурсами, ΠΎΡ€ΠΈΠ΅Π½Ρ‚ΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹ΠΌΠΈ Π½Π° дСйствиС. Наша ΠΊΠΎΠΌΠ°Π½Π΄Π° нашла способ ΠΎΡ‚ΠΎΠ±Ρ€Π°Ρ‚ΡŒ наши ΡΠΎΠΎΡ‚Π²Π΅Ρ‚ΡΡ‚Π²ΡƒΡŽΡ‰ΠΈΠ΅ ΠΊΠ°Π½Π°Π»Ρ‹ для принятия ΠΌΠ΅Ρ€. Π—Π΄Π΅ΡΡŒ ΠΌΡ‹ Ρ€Π°Π·Π±ΠΈΠ»ΠΈ ΠΈΡ… Π½Π° Ρ‡Π΅Ρ‚Ρ‹Ρ€Π΅ части: ΡƒΡ‡ΠΈΡ‚ΡŒΡΡ, ΠΏΡ€Π°ΠΊΡ‚ΠΈΠΊΠΎΠ²Π°Ρ‚ΡŒ, ΠΏΡ€Π°Π·Π΄Π½ΠΎΠ²Π°Ρ‚ΡŒ ΠΈ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Ρ‚ΡŒ. ΠœΡ‹ надССмся, Ρ‡Ρ‚ΠΎ эта коллСкция ссылок даст ΠΊΠ°ΠΆΠ΄ΠΎΠΌΡƒ ΠΈΠ· нас ΠΌΠ½ΠΎΠ³ΠΎ способов ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ шаг Π²ΠΏΠ΅Ρ€Π΅Π΄ β€” нСзависимо ΠΎΡ‚ Ρ‚ΠΎΠ³ΠΎ, Π³Π΄Π΅ Π²Ρ‹ Π½Π°Ρ…ΠΎΠ΄ΠΈΡ‚Π΅ΡΡŒ Π² этом ΠΏΡƒΡ‚Π΅ΡˆΠ΅ΡΡ‚Π²ΠΈΠΈ β€” ΠΈ Π΄ΠΎΡΡ‚ΠΈΡ‡ΡŒ Ρ€Π°Π·Π½Ρ‹Ρ… ΠΊΡƒΠ»ΡŒΡ‚ΡƒΡ€, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠ°Ρ‚ΡŒ Π΄Ρ€ΡƒΠ³ Π΄Ρ€ΡƒΠ³Π°. β€” ΠœΠ°Ρ€Π³Π°Ρ€Π΅Ρ‚ Π›ΠΈ, Π΄ΠΈΡ€Π΅ΠΊΡ‚ΠΎΡ€ ΠΏΠΎ UX-сообщСству ΠΈ ΠΊΡƒΠ»ΡŒΡ‚ΡƒΡ€Π΅.   ΠΠ°Ρ‡Π½ΠΈΡ‚Π΅ с обучСния ΠΈ ΠΏΡ€ΠΎΡΠ»ΡƒΡˆΠΈΠ²Π°Π½ΠΈΡ ΠŸΠΎΡΠ»ΡƒΡˆΠ°ΠΉΡ‚Π΅ чСстный Ρ€Π°Π·Π³ΠΎΠ²ΠΎΡ€ Π΄Π²ΡƒΡ… амСриканских Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ΠΎΠ² азиатского происхоТдСния ΠΎ Ρ‚ΠΎΠΌ, ΠΊΠ°ΠΊ ΠΎΠ½ΠΈ использовали свою ΠΈΠ΄Π΅Π½Ρ‚ΠΈΡ‡Π½ΠΎΡΡ‚ΡŒ Π½Π° Ρ€Π°Π±ΠΎΡ‚Π΅. Π³Π΄Π΅ Π²Π΅Π΄ΡƒΡ‰ΠΈΠ΅ ΠΏΠ΅Ρ€Π΅Π΄Π°ΡŽΡ‚ свои ΠΌΠΈΠΊΡ€ΠΎΡ„ΠΎΠ½Ρ‹ азиатско-амСриканским ΠΊΠΎΠ»Π»Π΅Π³Π°ΠΌ, Π΄Ρ€ΡƒΠ·ΡŒΡΠΌ ΠΈ ΡΠ»ΡƒΡˆΠ°Ρ‚Π΅Π»ΡΠΌ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡƒΠ·Π½Π°Ρ‚ΡŒ ΠΎΠ± ΠΈΡ… ΠΎΠΏΡ‹Ρ‚Π΅ Π±ΠΎΡ€ΡŒΠ±Ρ‹ с расизмом. Π£Π·Π½Π°ΠΉΡ‚Π΅ ΠΈΠΌΠ΅Π½Π° азиатских ΠΆΠ΅Π½Ρ‰ΠΈΠ½-Π»ΠΈΠ΄Π΅Ρ€ΠΎΠ², ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… ΠΊΠ½ΠΈΠ³ΠΈ ΠΏΠΎ истории, Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎ, пропустили Ρ‡Π΅Ρ€Π΅Π· ΡƒΡ‡Π΅Ρ‚Π½ΡƒΡŽ запись Instagram @ 17.21women. ΠΈ Мими ΠœΡƒΠ½ΡŒΠΎΡ, ΠΈ ΠΎΡΠ²ΠΎΠΉΡ‚Π΅ΡΡŒ с вопросом: Β«Π§Ρ‚ΠΎ Π²Ρ‹ скаТСтС, Ссли Π½Π΅ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡΠΊΠ°Π·Π°Ρ‚ΡŒ, Ρ‡Ρ‚ΠΎ Π½Π΅ Π·Π½Π°Π»ΠΈ?Β» Π£Π·Π½Π°ΠΉΡ‚Π΅, ΠΏΠΎΡ‡Π΅ΠΌΡƒ нашС Π½Ρ‹Π½Π΅ΡˆΠ½Π΅Π΅ ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½ΠΈΠ΅ лидСрства Π½Π΅ соотвСтствуСт ΠΏΡ€ΠΈΠ·Ρ‹Π²Ρƒ ΠΊ Ρ€Π°Π·Π½ΠΎΠΎΠ±Ρ€Π°Π·ΠΈΡŽ, справСдливости ΠΈ ΠΎΡ‚ Π΄ΠΈΡ€Π΅ΠΊΡ‚ΠΎΡ€Π° Google UX ΠœΠ°Ρ€Π³Π°Ρ€Π΅Ρ‚ Π›ΠΈΠŸΠΎΠΈΡ‰ΠΈΡ‚Π΅ Π»ΠΈΡ‡Π½Ρ‹ΠΉ ΠΎΠΏΡ‹Ρ‚ Π±ΠΎΡ€ΡŒΠ±Ρ‹ с расизмом ΠΈ дискриминациСй Π² качСствС Π°ΠΌΠ΅Ρ€ΠΈΠΊΠ°Π½ΠΊΠΈ азиатского происхоТдСния, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, это Ρ€Π°Π·ΠΌΡ‹ΡˆΠ»Π΅Π½ΠΈΠ΅ Π΄ΠΈΡ€Π΅ΠΊΡ‚ΠΎΡ€Π° Google Π•Π²Ρ‹ Π¦Π°ΠΉ ΠŸΡ€Π°ΠΊΡ‚ΠΈΠΊΡƒΠΉΡ‚Π΅ΡΡŒ Π±Ρ‹Ρ‚ΡŒ Π»ΡƒΡ‡ΡˆΠΈΠΌ союзником Π”ΡƒΠΌΠ°ΠΉΡ‚Π΅ критичСски ΠΎ стСрСотипах Π² Π΄ΠΈΠ·Π°ΠΉΠ½Π΅ ΠΈ ΠΎ Ρ‚ΠΎΠΌ, ΠΊΠ°ΠΊ ΠΈΡ… Ρ€Π°Π·Ρ€ΡƒΡˆΠΈΡ‚ΡŒ Π—Π°ΠΏΠΈΡˆΠΈΡ‚Π΅ΡΡŒ Π½Π° Ρ‚Ρ€Π΅Π½ΠΈΠ½Π³ ΠΏΠΎ Π²ΠΌΠ΅ΡˆΠ°Ρ‚Π΅Π»ΡŒΡΡ‚Π²Ρƒ свидСтСлСй Ρ‡Π΅Ρ€Π΅Π· Hollaback! ΠΈ Π°ΠΌΠ΅Ρ€ΠΈΠΊΠ°Π½Ρ†Ρ‹ азиатского происхоТдСния, ΠΏΡ€ΠΎΠ΄Π²ΠΈΠ³Π°ΡŽΡ‰ΠΈΠ΅ ΡΠΏΡ€Π°Π²Π΅Π΄Π»ΠΈΠ²ΠΎΡΡ‚ΡŒ, ΠΈΠ»ΠΈ ΡƒΠ·Π½Π°ΠΉΡ‚Π΅ ΠΎ стратСгиях дСэскалации ΠΈ Upstander ΠΎΡ‚ Π¦Π΅Π½Ρ‚Ρ€Π° просвСщСния ΠΏΠΎ Π±ΠΎΡ€ΡŒΠ±Π΅ с насилиСм, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Ρ€Π΅Π°Π³ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Π½Π° антиазиатскиС притСснСния. Π‘Π΄Π΅Π»Π°ΠΉΡ‚Π΅ свой союз ΠΌΠ΅ΠΆΠΊΡƒΠ»ΡŒΡ‚ΡƒΡ€Π½Ρ‹ΠΌ, ΡƒΠ·Π½Π°Π² ΠΎ солидарности Ρ‡Π΅Ρ€Π½ΠΎΠΊΠΎΠΆΠΈΡ… ΠΈ Π°Π·ΠΈΠ°Ρ‚ΠΎΠ² Π² ΠΏΡ€ΠΎΡˆΠ»ΠΎΠΌ ΠΈ настоящСм. Π‘ΠΎΠΎΠ±Ρ‰ΠΈΡ‚Π΅ ΠΎΠ± ΠΈΠ½Ρ†ΠΈΠ΄Π΅Π½Ρ‚Π°Ρ… антиазиатского насилия. ΠΏΡ€ΠΎΡ‚ΠΈΠ²ΠΎΡΡ‚ΠΎΡΡ‚ΡŒ нСнависти ΠΈ ΠΎΡΡ‚Π°Π½ΠΎΠ²ΠΈΡ‚ΡŒ Π½Π΅Π½Π°Π²ΠΈΡΡ‚ΡŒ AAPIΠžΠ·Π½Π°ΠΊΠΎΠΌΡŒΡ‚Π΅ΡΡŒ с Π½Π°Π±ΠΎΡ€ΠΎΠΌ инструмСнтов NYC Stop Asian HateΠŸΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΡ‚Π΅ Π½ΠΎΠ²ΠΎΠ΅ ΠΏΠΎΠΊΠΎΠ»Π΅Π½ΠΈΠ΅ Π½Π°Ρ‡ΠΈΠ½Π°ΡŽΡ‰ΠΈΡ… Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ΠΎΠ² BIPOC с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Office Hours, глобальной сСрии наставничСства для творчСских людСй, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΈΠ΄Π΅Π½Ρ‚ΠΈΡ„ΠΈΡ†ΠΈΡ€ΡƒΡŽΡ‚ сСбя ΠΊΠ°ΠΊ Ρ‡Π΅Ρ€Π½ΠΎΠΊΠΎΠΆΠΈΠ΅, ΠΊΠΎΡ€Π΅Π½Π½Ρ‹Π΅ ΠΈ Ρ†Π²Π΅Ρ‚Π½Ρ‹Π΅ Π»ΡŽΠ΄ΠΈΠ”Π΅Π»Π°ΠΉΡ‚Π΅ Π·Π°ΠΌΠ΅Ρ‚ΠΊΠΈ ΠΈ примСняйтС Ρ‚Π°ΠΊΡ‚ΠΈΠΊΠΈ ΠΈΠ· Π”ΠΎΠΊΠ»Π°Π΄ Π’Π°Ρ‚ΡŒΡΠ½Ρ‹ Мак: Β«Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ ΡΠΎΡ†ΠΈΠ°Π»ΡŒΠ½ΠΎ ΠΈΠ½ΠΊΠ»ΡŽΠ·ΠΈΠ²Π½Ρ‹Ρ… систСм Π΄ΠΈΠ·Π°ΠΉΠ½Π°Β» ΠžΡ‚ΠΌΠ΅Ρ‚ΡŒΡ‚Π΅ ΠΊΡ€Π΅Π°Ρ‚ΠΈΠ²Ρ‹ AAPI+ Π’ΠΎΠ·ΡŒΠΌΠΈΡ‚Π΅ экзСмпляр ΠΆΡƒΡ€Π½Π°Π»Π° Banana β€” ΠΆΡƒΡ€Π½Π°Π»Π° ΠΎ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅, страницы ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ³ΠΎ ΡΡ‚ΠΈΡ€Π°ΡŽΡ‚ восточныС ΠΈ Π·Π°ΠΏΠ°Π΄Π½Ρ‹Π΅ Π³Ρ€Π°Π½ΠΈΡ†Ρ‹, создавая ΠΊΠΎΠ»Π»Π΅ΠΊΡ‚ΠΈΠ²Π½Ρ‹ΠΉ голос соврСмСнной азиатской ΠΊΡƒΠ»ΡŒΡ‚ΡƒΡ€Ρ‹. БСмСйство ΡˆΡ€ΠΈΡ„Ρ‚ΠΎΠ² Pan-CJK ΠΎΡ‚ Adobe Type ΠΈ Google Fonts, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ позволяСт Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Π°ΠΌ ΡΠΌΠ΅ΡˆΠΈΠ²Π°Ρ‚ΡŒ китайский, J японский ΠΈ корСйский Π°Π»Ρ„Π°Π²ΠΈΡ‚Ρ‹ с Π»Π΅Π³ΠΊΠΎΡΡ‚ΡŒΡŽ (ΠΈ стилСм!) НанимайтС Ρ‚Π°Π»Π°Π½Ρ‚Π»ΠΈΠ²Ρ‹Ρ… людСй ΠΈΠ· ΠΊΠ°Ρ‚Π°Π»ΠΎΠ³Π° ΠΆΠΈΡ‚Π΅Π»Π΅ΠΉ азиатских ΠΈ тихоокСанских островов, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π·Π°Π½ΠΈΠΌΠ°ΡŽΡ‚ΡΡ Π΄ΠΈΠ·Π°ΠΉΠ½ΠΎΠΌ. Π§ΠΈΡ‚Π°ΠΉΡ‚Π΅ голоса AAPI ΠΈ добавляйтС ΠΈΡ… ΠΊΠ½ΠΈΠ³ΠΈ Π½Π° свою ΠΊΠ½ΠΈΠΆΠ½ΡƒΡŽ ΠΏΠΎΠ»ΠΊΡƒ ΠΈΠ»ΠΈ Π² ΡƒΡ‡Π΅Π±Π½Ρ‹Π΅ ΠΏΠ»Π°Π½Ρ‹. ΠœΡ‹ Ρ€Π΅ΠΊΠΎΠΌΠ΅Π½Π΄ΡƒΠ΅ΠΌ Minor Feelings ΠΎΡ‚ ΠšΡΡ‚ΠΈ Пак Π₯ΠΎΠ½Π³, The Making of Asian America: A History, Pachinko ΠΎΡ‚ Min Jin Lee ΠΈ Yolk ΠΎΡ‚ Mary HK Choi. ΠŸΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΡ‚Π΅ творчСскиС азиатскиС ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠΈ ΠΈ ΠΏΡ€ΠΎΠΈΠ·Π²ΠΎΠ΄ΠΈΡ‚Π΅Π»Π΅ΠΉ, Ρ‚Π°ΠΊΠΈΡ… ΠΊΠ°ΠΊ Omsom, Wing On Wo & Co., Virginia Sin, Eny Lee Parker, Poketo, O-M Ceramics ΠΈ ΠΏΠΎΠ·Π½Π°ΠΊΠΎΠΌΡŒΡ‚Π΅ΡΡŒ с создатСлями Create to Stop Hate, Π°ΡƒΠΊΡ†ΠΈΠΎΠ½Π° Ρ…ΡƒΠ΄ΠΎΠΆΠ½ΠΈΠΊΠΎΠ² AAPI. ΠžΠΊΠ°ΠΆΠΈΡ‚Π΅ свою ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΡƒ 18MillionRising.org, Ρ€Π°Π±ΠΎΡ‚Π°ΡŽΡ‰Π΅ΠΉ Π½Π°Π΄ Π°ΠΊΡ‚ΠΈΠ²ΠΈΠ·Π°Ρ†ΠΈΠ΅ΠΉ Азиатской АмСрики с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Ρ‚Π΅Ρ…Π½ΠΎΠ»ΠΎΠ³ΠΈΠΉ ΠΈ популярной ΠΊΡƒΠ»ΡŒΡ‚ΡƒΡ€Ρ‹. Π€ΠΎΠ½Π΄ сообщСства AAPI, кампания, возглавляСмая активистами ΠΈ Π»ΠΈΠ΄Π΅Ρ€Π°ΠΌΠΈ ΠΊΡƒΠ»ΡŒΡ‚ΡƒΡ€Ρ‹, Π²Ρ‹Π΄Π°ΡŽΡ‰ΠΈΠΌΠΈ Π³Ρ€Π°Π½Ρ‚Ρ‹ Π΄ΠΎΠ²Π΅Ρ€Π΅Π½Π½Ρ‹ΠΌ организациям, Ρ€Π°Π±ΠΎΡ‚Π°ΡŽΡ‰ΠΈΠΌ Π½Π°Π΄ устранСниСм расового нСравСнства Π² нашСм общСствС. AAPI Women Lead, организация, ΡΠΎΠ·Π΄Π°ΡŽΡ‰Π°Ρ пространство для Π–Π΅Π½Ρ‰ΠΈΠ½Ρ‹ азиатских ΠΈ тихоокСанских островов Ρ€Π°ΡΡΠΊΠ°Π·Ρ‹Π²Π°ΡŽΡ‚ свои истории. Asian Americans Advancing Justice, организация, Π·Π°Ρ‰ΠΈΡ‰Π°ΡŽΡ‰Π°Ρ граТданскиС ΠΏΡ€Π°Π²Π° ΠΈ ΠΏΡ€Π°Π²Π° Ρ‡Π΅Π»ΠΎΠ²Π΅ΠΊΠ° Π°ΠΌΠ΅Ρ€ΠΈΠΊΠ°Π½Ρ†Π΅Π² азиатского происхоТдСния. Π½Π΅Π±Π»Π°Π³ΠΎΠΏΠΎΠ»ΡƒΡ‡Π½Ρ‹Π΅ сообщСстваУваТаСмая азиатская молодСТь, Π³Ρ€ΡƒΠΏΠΏΠ° азиатской ΠΌΠΎΠ»ΠΎΠ΄Π΅ΠΆΠΈ, стрСмящаяся ΠΏΠΎΠ΄Π½ΡΡ‚ΡŒ ΠΌΠ°Ρ€Π³ΠΈΠ½Π°Π»ΠΈΠ·ΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹Π΅ сообщСства посрСдством образования, активности ΠΈ ΠΏΡ€Π°Π·Π΄Π½ΠΎΠ²Π°Π½ΠΈΡΠŸΠΎΠΆΠ΅Ρ€Ρ‚Π²ΡƒΠΉΡ‚Π΅ Π½Π°ΠΏΡ€ΡΠΌΡƒΡŽ сСмьям ΠΆΠ΅Ρ€Ρ‚Π² антиазиатского расизма ΠΈ насилияБпаситС наши китайскиС ΠΊΠ²Π°Ρ€Ρ‚Π°Π»Ρ‹, массовая ΠΈΠ½ΠΈΡ†ΠΈΠ°Ρ‚ΠΈΠ²Π°, увлСчСнная ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠΎΠΉ сообщСств китайских ΠΊΠ²Π°Ρ€Ρ‚Π°Π»ΠΎΠ² Π² Ρ€Π°ΠΉΠΎΠ½Π΅ Π·Π°Π»ΠΈΠ²Π° Ρ‡Π΅Ρ€Π΅Π· искусство, ΠΊΠΎΠ½Π². ΠΈ общая любовь ΠΊ Π΅Π΄Π΅Π§Ρ‚ΠΎ-Ρ‚ΠΎ Π΅Ρ‰Π΅, Ρ‡Ρ‚ΠΎ Π²Ρ‹ Ρ…ΠΎΡ‚Π΅Π»ΠΈ Π±Ρ‹, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΌΡ‹ Π²ΠΊΠ»ΡŽΡ‡ΠΈΠ»ΠΈ? ΠΠ°ΠΏΠΈΡˆΠΈΡ‚Π΅ Π½Π°ΠΌ Π² Π’Π²ΠΈΡ‚Ρ‚Π΅Ρ€Π΅ @googledesign.

ΠœΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π»ΡŒΠ½Ρ‹ΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½ для Android | Android Developers

ΠœΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π»ΡŒΠ½Ρ‹ΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½ β€” это Π²ΡΠ΅ΠΎΠ±ΡŠΠ΅ΠΌΠ»ΡŽΡ‰Π΅Π΅ руководство ΠΏΠΎ Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½ΠΎΠΌΡƒ, динамичСскому ΠΈ Π΄ΠΈΠ·Π°ΠΉΠ½ взаимодСйствия ΠΌΠ΅ΠΆΠ΄Ρƒ ΠΏΠ»Π°Ρ‚Ρ„ΠΎΡ€ΠΌΠ°ΠΌΠΈ ΠΈ устройствами. Π§Ρ‚ΠΎΠ±Ρ‹ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π»ΡŒΠ½Ρ‹ΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½ Π² своих прилоТСниях для Android, слСдуйтС рСкомСндациям, ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½Π½Ρ‹ΠΌ Π² спСцификации Π΄ΠΈΠ·Π°ΠΉΠ½Π° ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π»ΠΎΠ² ΠΈ использовании Π½ΠΎΠ²Ρ‹Π΅ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚Ρ‹ ΠΈ стили, доступныС Π² ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠ΅ Π΄ΠΈΠ·Π°ΠΉΠ½Π° ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π»ΠΎΠ² Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΠ°. На этой страницС прСдставлСн ΠΎΠ±Π·ΠΎΡ€ шаблонов ΠΈ API, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π²Ρ‹ Π΄ΠΎΠ»ΠΆΠ½Ρ‹ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ.

Android прСдоставляСт ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠ΅ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΈ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΏΠΎΠΌΠΎΠ³ΡƒΡ‚ Π²Π°ΠΌ ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ прилоТСния для Π΄ΠΈΠ·Π°ΠΉΠ½Π° ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π»ΠΎΠ²:

  • Π’Π΅ΠΌΠ° прилоТСния Material Design для оформлСния всСх Π²Π°ΡˆΠΈΡ… Π²ΠΈΠ΄ΠΆΠ΅Ρ‚ΠΎΠ² ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΎΠ³ΠΎ интСрфСйса
  • Π’ΠΈΠ΄ΠΆΠ΅Ρ‚Ρ‹ для слоТных прСдставлСний, Ρ‚Π°ΠΊΠΈΡ… ΠΊΠ°ΠΊ списки ΠΈ ΠΊΠ°Ρ€Ρ‚ΠΎΡ‡ΠΊΠΈ
  • НовыС API для ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΈΡ… Ρ‚Π΅Π½Π΅ΠΉ ΠΈ Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΠΈ

Π’Π΅ΠΌΠ° ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π»Π° ΠΈ Π²ΠΈΠ΄ΠΆΠ΅Ρ‚Ρ‹

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

Π’Π΅ΠΌΠ½Ρ‹ΠΉ ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π»

Π‘Π²Π΅Ρ‚Π»Ρ‹ΠΉ ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π»


Для получСния Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΠΉ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΈ см. ΠΏΡ€ΠΈΠΌΠ΅Π½ΡΡ‚ΡŒ ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π»ΡŒΠ½ΡƒΡŽ Ρ‚Π΅ΠΌΡƒ.

Π§Ρ‚ΠΎΠ±Ρ‹ ΠΏΡ€Π΅Π΄ΠΎΡΡ‚Π°Π²ΠΈΡ‚ΡŒ вашим ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡΠΌ Π·Π½Π°ΠΊΠΎΠΌΡ‹ΠΉ ΠΎΠΏΡ‹Ρ‚, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ Π½Π°ΠΈΠ±ΠΎΠ»Π΅Π΅ распространСнныС ΡˆΠ°Π±Π»ΠΎΠ½Ρ‹ UX ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π»ΠΎΠ²:

  • Π Π΅ΠΊΠ»Π°ΠΌΠΈΡ€ΡƒΠΉΡ‚Π΅ основноС дСйствиС ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΎΠ³ΠΎ интСрфСйса с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΠΏΠ»Π°Π²Π°ΡŽΡ‰Π΅ΠΉ ΠΊΠ½ΠΎΠΏΠΊΠΈ дСйствия (FAB).
  • ΠŸΠΎΠΊΠ°ΠΆΠΈΡ‚Π΅ свой Π±Ρ€Π΅Π½Π΄, Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΡŽ, поиск ΠΈ Π΄Ρ€ΡƒΠ³ΠΈΠ΅ дСйствия с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΠΏΠ°Π½Π΅Π»ΠΈ ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ.
  • ΠžΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ ΠΈ скрытиС Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΈ вашСго прилоТСния с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Navigation Drawer.
  • Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ ΠΎΠ΄ΠΈΠ½ ΠΈΠ· ΠΌΠ½ΠΎΠ³ΠΈΡ… Π΄Ρ€ΡƒΠ³ΠΈΡ… ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π»ΡŒΠ½Ρ‹Ρ… ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚ΠΎΠ² для ΠΌΠ°ΠΊΠ΅Ρ‚Π° ΠΈ Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΈ вашСго прилоТСния, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€ ΠΊΠ°ΠΊ ΡΠ²ΠΎΡ€Π°Ρ‡ΠΈΠ²Π°ΡŽΡ‰ΠΈΠ΅ΡΡ ΠΏΠ°Π½Π΅Π»ΠΈ инструмСнтов, Π²ΠΊΠ»Π°Π΄ΠΊΠΈ, ниТняя панСль Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΈ ΠΈ ΠΌΠ½ΠΎΠ³ΠΎΠ΅ Π΄Ρ€ΡƒΠ³ΠΎΠ΅. Π§Ρ‚ΠΎΠ±Ρ‹ ΡƒΠ²ΠΈΠ΄Π΅Ρ‚ΡŒ ΠΈΡ… всС, заглянитС Π² ΠœΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π»ΡŒΠ½Ρ‹Π΅ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚Ρ‹ для Android ΠΊΠ°Ρ‚Π°Π»ΠΎΠ³

По возмоТности ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ ΠΏΡ€Π΅Π΄ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½Π½Ρ‹Π΅ Π·Π½Π°Ρ‡ΠΊΠΈ ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π»ΠΎΠ². НапримСр, навигационная ΠΊΠ½ΠΎΠΏΠΊΠ° «мСню» для вашСго Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΎΠ½Π½ΠΎΠ³ΠΎ ящика Π΄ΠΎΠ»ΠΆΠ½Π° ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ стандартный Β«Π³Π°ΠΌΠ±ΡƒΡ€Π³Π΅Ρ€Β» Π·Π½Π°Ρ‡ΠΎΠΊ. Π‘ΠΌ. Π—Π½Π°Ρ‡ΠΊΠΈ Π΄ΠΈΠ·Π°ΠΉΠ½Π° ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π»ΠΎΠ² для списка доступныС Π·Π½Π°Ρ‡ΠΊΠΈ. Π’Ρ‹ Ρ‚Π°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΈΠΌΠΏΠΎΡ€Ρ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Π·Π½Π°Ρ‡ΠΊΠΈ SVG ΠΈΠ· Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΠΈ Π·Π½Π°Ρ‡ΠΊΠΎΠ² ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π»ΠΎΠ² с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Π’Π΅ΠΊΡ‚ΠΎΡ€Π½Ρ‹ΠΉ Π°ΠΊΡ‚ΠΈΠ² Android Studio Бтудия.

Π’Π΅Π½ΠΈ ΠΈ ΠΊΠ°Ρ€Ρ‚Ρ‹ высот

Π’ Π΄ΠΎΠΏΠΎΠ»Π½Π΅Π½ΠΈΠ΅ ΠΊ свойствам X ΠΈ Y прСдставлСния Π² Android ΠΈΠΌΠ΅ΡŽΡ‚ Z имущСство.

Π­Ρ‚ΠΎ Π½ΠΎΠ²ΠΎΠ΅ свойство прСдставляСт высоту Π²ΠΈΠ΄Π°, которая опрСдСляСт:

  • Π Π°Π·ΠΌΠ΅Ρ€ Ρ‚Π΅Π½ΠΈ: Π²ΠΈΠ΄Ρ‹ с Π±ΠΎΠ»Π΅Π΅ высокими значСниями Z ΠΎΡ‚Π±Ρ€Π°ΡΡ‹Π²Π°ΡŽΡ‚ большиС Ρ‚Π΅Π½ΠΈ.
  • ΠŸΠΎΡ€ΡΠ΄ΠΎΠΊ прорисовки: Π²ΠΈΠ΄Ρ‹ с Π±ΠΎΠ»Π΅Π΅ высокими значСниями Z ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°ΡŽΡ‚ΡΡ ΠΏΠΎΠ²Π΅Ρ€Ρ… Π΄Ρ€ΡƒΠ³ΠΈΡ… Π²ΠΈΠ΄ΠΎΠ².

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

Для получСния ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΈ ΠΎ Π΄ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΠΈ высоты ΠΊ Π΄Ρ€ΡƒΠ³ΠΈΠΌ Π²ΠΈΠ΄Π°ΠΌ, см. Π‘ΠΎΠ·Π΄Π°Ρ‚ΡŒ Π’Π΅Π½ΠΈ ΠΈ ΠΊΠ»ΠΈΠΏΡ‹.

Анимации

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

Π­Ρ‚ΠΈ API ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡŽΡ‚:

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

Анимации ΠΎΠ±Ρ€Π°Ρ‚Π½ΠΎΠΉ связи ΠΏΡ€ΠΈ касании встроСны Π² нСсколько стандартных прСдставлСний, Ρ‚Π°ΠΊΠΈΡ… ΠΊΠ°ΠΊ ΠΊΠ½ΠΎΠΏΠΊΠΈ. НовыС API ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡŽΡ‚ Π½Π°ΡΡ‚Ρ€Π°ΠΈΠ²Π°Ρ‚ΡŒ эти Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΠΈ ΠΈ Π΄ΠΎΠ±Π°Π²Π»ΡΡ‚ΡŒ ΠΈΡ… Π² свои ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΈΠ΅ Π²ΠΈΠ΄Ρ‹.

Π”ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ свСдСния см. Π² Ρ€Π°Π·Π΄Π΅Π»Π΅ ΠžΠ±Π·ΠΎΡ€ Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΠΉ.

Drawables

Π­Ρ‚ΠΈ Π½ΠΎΠ²Ρ‹Π΅ возмоТности для drawables ΠΏΠΎΠΌΠΎΠ³ΡƒΡ‚ Π²Π°ΠΌ Ρ€Π΅Π°Π»ΠΈΠ·ΠΎΠ²Π°Ρ‚ΡŒ прилоТСния для Π΄ΠΈΠ·Π°ΠΉΠ½Π° ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π»ΠΎΠ²:

  • Vector drawables ΠΌΠ°ΡΡˆΡ‚Π°Π±ΠΈΡ€ΡƒΡŽΡ‚ΡΡ Π±Π΅Π· ΠΏΠΎΡ‚Π΅Ρ€ΠΈ чСткости ΠΈ ΡΠΎΠ²Π΅Ρ€ΡˆΠ΅Π½Π½Ρ‹ для ΠΎΠ΄Π½ΠΎΡ†Π²Π΅Ρ‚Π½Ρ‹Ρ… Π·Π½Π°Ρ‡ΠΊΠΎΠ² Π² ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΈ.

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

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