Material Design: Π³Π΅Π½ΠΈΠ°Π»ΡΠ½ΡΠΉΒ Ρ ΠΎΠ΄Β Google
Π§ΡΠΎ ΡΡΠΎ? Material Design β Π½Π°ΠΏΡΠ°Π²Π»Π΅Π½ΠΈΠ΅ Π² Π΄ΠΈΠ·Π°ΠΉΠ½Π΅, ΡΠ°Π·ΡΠ°Π±ΠΎΡΠ°Π½Π½ΠΎΠ΅ ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠ΅ΠΉ Google. ΠΠΎΠ½ΡΠ΅ΠΏΡΠΈΡ ΡΠΎΠ·Π΄Π°Π²Π°Π»Π°ΡΡ ΠΈ ΡΠ°Π·Π²ΠΈΠ²Π°Π»Π°ΡΡ Ρ ΡΠ΅Π»ΡΡ ΠΏΡΠΈΠ²Π΅Π΄Π΅Π½ΠΈΡ Π²ΡΠ΅Ρ ΠΏΡΠΎΠ΄ΡΠΊΡΠΎΠ² ΠΊΠΎΡΠΏΠΎΡΠ°ΡΠΈΠΈ ΠΊ Π΅Π΄ΠΈΠ½ΠΎΠΌΡ ΡΡΠΈΠ»Ρ. ΠΠ° ΡΠ΅Π³ΠΎΠ΄Π½ΡΡΠ½ΠΈΠΉ Π΄Π΅Π½Ρ Material Design ΡΠ²Π»ΡΠ΅ΡΡΡ ΠΎΠ΄Π½ΠΈΠΌ ΠΈΠ· Π½Π°ΠΈΠ±ΠΎΠ»Π΅Π΅ Π²ΠΎΡΡΡΠ΅Π±ΠΎΠ²Π°Π½Π½ΡΡ Π΄ΠΈΠ·Π°ΠΉΠ½ΠΎΠ² Π² IT-ΡΡΠ΅ΡΠ΅.
ΠΠΎΡΠ΅ΠΌΡ ΠΏΠΎΠΏΡΠ»ΡΡΠ΅Π½? Π‘Π΅ΠΊΡΠ΅Ρ ΠΏΡΠΎΡΡ β ΡΠΎΡΠ΅ΡΠ°Π½ΠΈΠ΅ ΠΏΡΠΎΡΡΠΎΡΡ, ΠΏΠΎΠ½ΡΡΠ½ΠΎΡΡΠΈ, Π°Π΄Π°ΠΏΡΠΈΠ²Π½ΠΎΡΡΠΈ Π΄Π΅Π»Π°Π΅Ρ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΡΡΠΊΠΈΠΉ ΠΎΠΏΡΡ ΠΏΡΠΈΡΡΠ½ΡΠΌ ΠΈ Π·Π°ΠΏΠΎΠΌΠΈΠ½Π°ΡΡΠΈΠΌΡΡ. ΠΠ΅ Π½ΡΠΆΠ½ΠΎ ΠΎΡΠ²Π»Π΅ΠΊΠ°ΡΡΡΡ Π½Π° ΡΡΠΊΠΈΠ΅ ΠΊΡΠ»ΡΠ±ΠΈΡΡ Π°Π½ΠΈΠΌΠ°ΡΠΈΠΈ, Π²ΡΠΏΠΎΠΌΠΈΠ½Π°ΡΡ ΡΡΠΎ ΠΈ ΠΊΠ°ΠΊ ΡΠ°Π±ΠΎΡΠ°Π΅Ρ β Π²ΡΡ ΡΠΎΠ·Π΄Π°Π΅ΡΡΡ Π½Π° ΠΈΠ½ΡΡΠΈΡΠΈΠ²Π½ΠΎΠΌ ΡΡΠΎΠ²Π½Π΅.
Π ΡΡΠ°ΡΡΠ΅ ΡΠ°ΡΡΠΊΠ°Π·ΡΠ²Π°Π΅ΡΡΡ:Β
- ΠΡΡΠΎΡΠΈΡ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ Material Design
- Π Π°Π·Π½ΠΈΡΠ° ΠΌΠ΅ΠΆΠ΄Ρ Flat ΠΈ Material Design
- Π ΠΎΠ»Ρ Π°Π½ΠΈΠΌΠ°ΡΠΈΠΈ Π² Material Design
- ΠΡΠΈΠ½ΡΠΈΠΏ ΡΠ°ΠΊΡΠΈΠ»ΡΠ½ΡΡ ΠΏΠΎΠ²Π΅ΡΡ Π½ΠΎΡΡΠ΅ΠΉ Π² Material Design
- ΠΡΠΈΠ½ΡΠΈΠΏ ΠΏΠΎΠ»ΠΈΠ³ΡΠ°ΡΠΈΡΠ΅ΡΠΊΠΎΠ³ΠΎ Π΄ΠΈΠ·Π°ΠΉΠ½Π°
- ΠΡΠΈΠ½ΡΠΈΠΏ Π°Π΄Π°ΠΏΡΠΈΠ²Π½ΠΎΡΡΠΈ
- Π‘Π΅ΠΊΡΠ΅Ρ ΠΏΠΎΠΏΡΠ»ΡΡΠ½ΠΎΡΡΠΈ Material Design
-
ΠΡΠΎΠΉΠ΄ΠΈ ΡΠ΅ΡΡ ΠΈ ΡΠ·Π½Π°ΠΉ, ΠΊΠ°ΠΊΠ°Ρ ΡΡΠ΅ΡΠ° ΡΠ΅Π±Π΅ ΠΏΠΎΠ΄Ρ ΠΎΠ΄ΠΈΡ:
Π°ΠΉΡΠΈ, Π΄ΠΈΠ·Π°ΠΉΠ½ ΠΈΠ»ΠΈ ΠΌΠ°ΡΠΊΠ΅ΡΠΈΠ½Π³.
ΠΠ΅ΡΠΏΠ»Π°ΡΠ½ΠΎ ΠΎΡ Geekbrains
ΠΡΡΠΎΡΠΈΡ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ Material Design
Π ΠΏΡΠ΅ΠΆΠ½ΠΈΠ΅ Π²ΡΠ΅ΠΌΠ΅Π½Π° Π²ΡΠ΅ ΠΈΠ·ΠΎΠ±ΡΠ΅ΡΠ΅Π½ΠΈΡ ΠΊΠΎΡΠΏΠΎΡΠ°ΡΠΈΠΈ Google Π²ΡΠ³Π»ΡΠ΄Π΅Π»ΠΈ, ΠΌΠΎΠΆΠ½ΠΎ ΡΠΊΠ°Π·Π°ΡΡ, ΡΠΆΠ°ΡΠ½ΠΎ. Π‘ΡΠΎΠΈΠ»ΠΎ ΠΏΠΎΠΌΠ΅ΡΡΠΈΡΡ ΠΎΠ΄ΠΈΠ½ ΠΈ ΡΠΎΡ ΠΆΠ΅ ΠΏΡΠΎΠ΄ΡΠΊΡ Π² ΡΠ°Π·Π½ΡΠ΅ Π²ΠΈΠ΄Ρ ΠΏΠ»Π°ΡΡΠΎΡΠΌ, ΠΊΠ°ΠΊ ΠΎΠ½ ΠΏΡΠΎΡΡΠΎ ΡΡΠ΄Π° Π½Π΅ Π²ΠΏΠΈΡΡΠ²Π°Π»ΡΡ. ΠΠ΄Π½Π°ΠΊΠΎ Π² 2011 Π³ΠΎΠ΄Ρ ΠΏΡΠΎΠΈΠ·ΠΎΡΠ»ΠΈ ΠΏΠ΅ΡΠ΅ΠΌΠ΅Π½Ρ: Π² ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠΈ ΠΏΠΎΠ½ΡΠ»ΠΈ, ΡΡΠΎ ΠΏΡΠΈΡΠ»Π° ΠΏΠΎΡΠ° ΠΊΠ°ΡΠ΄ΠΈΠ½Π°Π»ΡΠ½ΠΎ Π²ΡΠ΅ ΠΏΠΎΠΌΠ΅Π½ΡΡΡ, ΠΈ ΠΏΡΠΈΡΡΡΠΏΠΈΠ»ΠΈ ΠΊ ΠΈΠ½ΡΠ΅Π½ΡΠΈΠ²Π½ΠΎΠΉ ΡΠ°Π±ΠΎΡΠ΅ Π½Π°Π΄ ΡΠΎΠ·Π΄Π°Π½ΠΈΠ΅ΠΌ ΠΎΠ±ΡΠ΅Π³ΠΎ ΡΡΠ½Π΄Π°ΠΌΠ΅Π½ΡΠ° Π΄Π»Ρ Π²Π½Π΅ΡΠ½Π΅Π³ΠΎ Π²ΠΈΠ΄Π° ΡΠΊΠΎΡΠΈΡΡΠ΅ΠΌΡ ΠΏΡΠΎΠ΄ΡΠΊΡΠΎΠ². ΠΠ°Π½Π½ΡΠΉ ΠΏΡΠΎΡΠ΅ΡΡ Π½Π°Π·Π²Π°Π»ΠΈ ΠΏΡΠΎΠ΅ΠΊΡΠΎΠΌ ΠΠ΅Π½Π½Π΅Π΄ΠΈ.
Π‘Π½Π°ΡΠ°Π»Π° ΠΈΠ·ΠΌΠ΅Π½ΠΈΠ»ΠΎΡΡ ΠΈΠ½ΡΠ΅ΡΠ½Π΅Ρ-ΠΏΡΠΎΡΡΡΠ°Π½ΡΡΠ²ΠΎ, Π° Π²ΡΠ»Π΅Π΄ Π·Π° Π½ΠΈΠΌ β ΠΈ Π½Π΅ΠΊΠΎΡΠΎΡΡΠ΅ ΠΌΠΎΠ±ΠΈΠ»ΡΠ½ΡΠ΅ ΡΡΡΡΠΎΠΉΡΡΠ²Π°. Π’Π°ΠΊΠΆΠ΅ Π±ΡΠ»ΠΎ ΡΠ΄Π΅Π»Π΅Π½ΠΎ ΠΎΡΠ΄Π΅Π»ΡΠ½ΠΎΠ΅ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅ ΡΠ°Π·ΡΠ°Π±ΠΎΡΠΊΠ΅ Π΄ΠΈΠ·Π°ΠΉΠ½Π° ΠΠ½Π΄ΡΠΎΠΈΠ΄Π° β Holo. ΠΠ½ΡΡΡΡΠΌΠ΅Π½ΡΡ ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΡ ΠΏΠΎΠ»ΡΡΠΈΠ»ΠΈ ΠΎΠ±Π½ΠΎΠ²Π»Π΅Π½Π½ΡΠΉ Π²ΠΈΠ΄ ΠΈ ΡΠ²ΠΎΠΈΠΌ ΠΏΠΎΡΠ²Π»Π΅Π½ΠΈΠ΅ΠΌ Π²ΡΡΠ΅ΡΠ½ΠΈΠ»ΠΈ ΡΠΆΠ΅ ΠΏΠΎΡΡΠ΄ΠΊΠΎΠΌ ΠΏΠΎΠ΄Π½Π°Π΄ΠΎΠ΅Π²ΡΡΡ ΡΡΠ°ΡΡΡ ΡΠΈΡΡΠ΅ΠΌΡ ΠΠ½Π΄ΡΠΎΠΈΠ΄Π°.
ΠΡΡΠΎΡΠΈΡ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ Material DesignΠΠ΅Π· ΠΏΡΠΎΠ±Π»Π΅ΠΌ, ΠΊ ΡΠΎΠΆΠ°Π»Π΅Π½ΠΈΡ, Π½Π΅ ΠΎΠ±ΠΎΡΠ»ΠΎΡΡ: ΠΏΡΠΎΠ΅ΠΊΡ ΠΠ΅Π½Π½Π΅Π΄ΠΈ ΠΈ Holo Π²ΡΠ΅ Π΅ΡΠ΅ ΡΠ°Π·Π»ΠΈΡΠ°Π»ΠΈΡΡ ΠΌΠ΅ΠΆΠ΄Ρ ΡΠΎΠ±ΠΎΠΉ. ΠΡΠ΄ΡΠΌ ΡΠ°ΠΊΠΎΠΉ ΡΠ°ΡΠΊΠ»Π°Π΄ ΠΏΡΠΈΡΠ΅Π»ΡΡ Π½Π΅ ΠΏΠΎ Π²ΠΊΡΡΡ.
ΠΠΌ Π±ΡΠ»ΠΎ ΡΡΡΠ΄Π½ΠΎ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡΡ ΡΠ²ΠΎΠ΅ ΠΎΡΠ½ΠΎΡΠ΅Π½ΠΈΠ΅ ΠΊ ΠΏΠ΅ΡΠ΅ΠΌΠ΅Π½Π°ΠΌ. ΠΠ½ΠΈ Π²ΡΠ½ΡΠΆΠ΄Π΅Π½Ρ Π±ΡΠ»ΠΈ ΠΏΡΠΈΡΠΏΠΎΡΠ°Π±Π»ΠΈΠ²Π°ΡΡΡΡ ΠΊ ΠΎΠ±Π½ΠΎΠ²Π»Π΅Π½Π½ΠΎΠΌΡ Π²Π½Π΅ΡΠ½Π΅ΠΌΡ Π²ΠΈΠ΄Ρ Π½Π°ΡΠΈΠ½ΠΊΠΈ ΡΠ²ΠΎΠ΅Π³ΠΎ ΠΌΠΎΠ±ΠΈΠ»ΡΠ½ΠΎΠ³ΠΎ ΡΠ΅Π»Π΅ΡΠΎΠ½Π°, ΠΏΠ»Π°Π½ΡΠ΅ΡΠ° ΠΈΠ»ΠΈ ΠΊΠΎΠΌΠΏΡΡΡΠ΅ΡΠ°, ΡΠ°ΠΊΠΆΠ΅ ΠΊ Π²Π·Π°ΠΈΠΌΠΎΡΠ°ΡΠΏΠΎΠ»ΠΎΠΆΠ΅Π½ΠΈΡ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ² ΡΠΏΡΠ°Π²Π»Π΅Π½ΠΈΡ ΠΈ ΡΠ°ΠΊ Π΄Π°Π»Π΅Π΅.
Π ΠΎΠ΄ΠΈΠ½ ΠΏΡΠ΅ΠΊΡΠ°ΡΠ½ΡΠΉ Π΄Π΅Π½Ρ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅ΡΡ, ΡΠ°Π±ΠΎΡΠ°ΡΡΠΈΠ΅ Π½Π° ΡΠΎΡ ΠΌΠΎΠΌΠ΅Π½Ρ Π² ΡΠ°Π·Π½ΡΡ ΠΎΡΠΈΡΠ°Ρ ΠΊΠΎΡΠΏΠΎΡΠ°ΡΠΈΠΈ, ΡΠ΅ΡΠΈΠ»ΠΈ ΠΎΠ±ΡΠ΅Π΄ΠΈΠ½ΠΈΡΡΡΡ Π΄Π»Ρ ΡΠΎΠ³ΠΎ, ΡΡΠΎΠ±Ρ ΡΠ΅ΡΠΈΡΡ ΡΡΠΎΡ Π½Π΅ΡΠ°Π·ΡΠ΅ΡΠΈΠΌΡΠΉ Π²ΠΎΠΏΡΠΎΡ ΠΈ Π±ΠΎΠ»ΡΡΠ΅ ΠΊ Π½Π΅ΠΌΡ Π½Π΅ Π²ΠΎΠ·Π²ΡΠ°ΡΠ°ΡΡΡΡ. ΠΠΎΠ·Π³ΠΎΠ²ΠΎΠΉ ΡΡΡΡΠΌ Π½Π°ΡΠ°Π»ΡΡ.
Π§ΡΠΎ Π² ΠΈΡΠΎΠ³Π΅ ΠΏΠΎΠ»ΡΡΠΈΠ»ΠΎΡΡ? Π 2014 Π³ΠΎΠ΄Ρ ΡΠΎΡΡΠΎΡΠ»Π°ΡΡ ΡΠ΅Π΄ΡΠΌΠ°Ρ Π΅ΠΆΠ΅Π³ΠΎΠ΄Π½Π°Ρ ΠΊΠΎΠ½ΡΠ΅ΡΠ΅Π½ΡΠΈΡ Π΄Π»Ρ ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΠΎΠ² ΠΎΡ Google β I/O. ΠΠ° Π½Π΅ΠΉ Π±ΡΠ» ΠΏΡΠΎΠ΄Π΅ΠΌΠΎΠ½ΡΡΡΠΈΡΠΎΠ²Π°Π½ Π½ΠΎΠ²ΡΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½ ΠΈ ΠΏΠΎΠ΄Ρ ΠΎΠ΄ ΠΏΠΎΠ΄ Π½Π°Π·Π²Π°Π½ΠΈΠ΅ΠΌ Material Design. Π ΡΠ΅ΠΌ Π΅Π³ΠΎ ΠΎΡΠΎΠ±Π΅Π½Π½ΠΎΡΡΡ? ΠΡΠ΅ Π·Π°ΠΌΠ΅ΡΠΈΠ»ΠΈ, ΡΡΠΎ Ρ ΡΠ΅Π»Π΅ΡΠΎΠ½Π°, ΠΏΠ»Π°Π½ΡΠ΅ΡΠ°, ΠΊΠΎΠΌΠΏΡΡΡΠ΅ΡΠ°, ΡΠ°ΡΠΎΠ² ΠΈ Π°Π²ΡΠΎΠΌΠΎΠ±ΠΈΠ»Ρ Π²ΠΈΠ·ΡΠ°Π»ΡΠ½Π°Ρ ΡΠ°ΡΡΡ ΠΈ Π½Π°ΡΠΈΠ½ΠΊΠ° ΠΏΠΎΠ»ΡΡΠΈΠ»ΠΈ Π½Π΅ΠΊΡΡ ΠΎΠ±ΡΡΡ ΡΠΎΡΡΠ°Π²Π»ΡΡΡΡΡ, Π΄Π° ΠΈ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡΡΡ ΡΠ°ΠΊΠΈΠΌΠΈ ΡΠ°Π·Π½ΡΠΌΠΈ ΠΏΠΎ Π½Π°Π·Π½Π°ΡΠ΅Π½ΠΈΡ Π΄Π΅Π²Π°ΠΉΡΠ°ΠΌΠΈ ΡΡΠ°Π»ΠΎ Π² ΡΠ°Π·Ρ ΡΠ΄ΠΎΠ±Π½Π΅Π΅.
ΠΠ»Ρ Android-ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ Material Design ΠΏΡΠ΅Π΄ΡΡΠ°Π²Π»ΡΠ΅Ρ ΡΠΎΠ±ΠΎΠΉ ΡΠ²ΠΎΠ»ΡΡΠΈΡ ΡΠΈΡΡΠ΅ΠΌΡ ΠΎΠ±ΡΠ΅Π½ΠΈΡ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Ρ ΠΈ Π΄Π΅Π²Π°ΠΉΡΠ° ΠΏΠΎΠ΄ Π½Π°Π·Π²Π°Π½ΠΈΠ΅ΠΌ Holo ΠΈ Π³ΡΠ°ΡΠΈΡΠ΅ΡΠΊΠΎΠΉ ΡΠ°ΡΡΠΈ.
ΠΠΎ ΠΌΠ½ΠΎΠ³ΠΈΡ
ΡΠΌΡΡΠ»Π°Ρ
Material Design system Π±ΠΎΠ»Π΅Π΅ Π³ΠΈΠ±ΠΊΠ°Ρ ΡΠΈΡΡΠ΅ΠΌΠ°, ΠΊΠΎΡΠΎΡΠ°Ρ ΡΠΎΠ·Π΄Π°Π²Π°Π»Π°ΡΡ Ρ ΡΡΠ΅ΡΠΎΠΌ ΡΠΎΠ³ΠΎ, ΡΡΠΎ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡΡΡ Π΅ΠΉ Π±ΡΠ΄ΡΡ Π΄ΡΡΠ³ΠΈΠ΅ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅ΡΡ β Google Π±ΡΠ» Π»ΠΈΡΡ ΠΏΠ΅ΡΠ²ΡΠΌ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Π΅ΠΌ.
Material Design ΠΏΠΎΠΌΠΎΠ³Π°Π΅Ρ Π±Π΅ΡΠΏΡΠΈΡΡΡΠ°ΡΡΠ½ΠΎ ΠΎΡΠ΅Π½ΠΈΠ²Π°ΡΡ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅ΡΡΠΊΠΈΠ΅ ΡΠ΅ΡΠ΅Π½ΠΈΡ: ΠΏΡΠΈΠ½ΡΠΈΠΏ ΡΠ°Π±ΠΎΡΡ Π°Π½ΠΈΠΌΠ°ΡΠΈΠΎΠ½Π½ΡΡ ΡΡΡΠ°Π½ΠΈΡ, ΠΊΠ°ΠΊ Π²ΡΠ³Π»ΡΠ΄ΠΈΡ ΡΠ° ΠΈΠ»ΠΈ ΠΈΠ½Π°Ρ Π²Π΅ΡΡ, ΠΊΠ°ΠΊ ΠΎΠ½Π° ΡΡΠ½ΠΊΡΠΈΠΎΠ½ΠΈΡΡΠ΅Ρ, ΠΈ ΡΠΎΠΌΡ ΠΏΠΎΠ΄ΠΎΠ±Π½ΠΎΠ΅. ΠΠ½Π° Π²ΡΠ΅Π³ΠΎ Π»ΠΈΡΡ ΡΡΡΠ°Π½Π°Π²Π»ΠΈΠ²Π°Π΅Ρ ΡΠΌΠ½ΡΠ΅ ΡΠ°ΠΌΠΊΠΈ, Π° Π½Π΅ Π±Π΅Π·Π΄ΡΠΌΠ½ΠΎ Π΄ΠΎΠ±Π°Π²Π»ΡΠ΅Ρ ΠΎΠ³ΡΠ°Π½ΠΈΡΠ΅Π½ΠΈΡ Π·Π° ΠΎΠ³ΡΠ°Π½ΠΈΡΠ΅Π½ΠΈΡΠΌΠΈ.
Π Π°Π·Π½ΠΈΡΠ° ΠΌΠ΅ΠΆΠ΄Ρ Flat ΠΈ Material Design
ΠΠ»ΠΎΡΠΊΠΎΠ΅ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ ΠΏΡΠΈΡΠ»ΠΎ Π½Π° ΡΠΌΠ΅Π½Ρ ΡΠ΅Π°Π»ΠΈΡΡΠΈΡΠ½ΡΠΌ ΠΎΠ±ΡΠ΅ΠΌΠ½ΡΠΌ ΠΎΠ±ΡΠ΅ΠΊΡΠ°ΠΌ (ΡΠΊΠ΅Π²ΠΎΠΌΠΎΡΡΠΈΠ·ΠΌΡ). ΠΡΠΎ Π±ΡΠ» ΡΠ²ΠΎΠ΅ΠΎΠ±ΡΠ°Π·Π½ΡΠΉ ΠΎΡΠ²Π΅Ρ Π½Π° ΠΎΠ³ΡΠΎΠΌΠ½ΠΎΠ΅ ΠΊΠΎΠ»ΠΈΡΠ΅ΡΡΠ²ΠΎ ΠΊΠΎΠΏΠΈΠΉ Π½Π°ΡΡΠΎΡΡΠΈΡ ΠΏΡΠ΅Π΄ΠΌΠ΅ΡΠΎΠ², Π·Π°ΠΏΠΎΠ»ΠΎΠ½ΠΈΠ²ΡΠΈΡ Π²Π΅ΡΡ ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡ Π΄Π΅Π²Π°ΠΉΡΠΎΠ². ΠΠ΅ ΡΡΠΏΠ΅Π»ΠΈ ΡΠ·Π΅ΡΡ ΠΏΡΠΈΠ²ΡΠΊΠ½ΡΡΡ ΠΊ ΡΠΎΠΌΡ, ΡΡΠΎ Ρ Π½ΠΈΡ Π±ΡΠ»ΠΎ, ΠΊΠ°ΠΊ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅ΡΡ Π±ΡΡΡΡΠ΅Π½ΡΠΊΠΎ ΡΠ±ΡΠ°Π»ΠΈ ΠΈΠ· ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΠ½ΡΡ ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½ΡΠΎΠ² Π²Π΅ΡΡ ΠΎΠ±ΡΠ΅ΠΌ ΠΈ ΡΡΡΠ΅ΠΊΡ ΠΏΡΠΈΡΡΡΡΡΠ²ΠΈΡ, ΡΠ΄Π΅Π»Π°Π² Π΅Π³ΠΎ ΠΏΠ»ΠΎΡΠΊΠΈΠΌ.
ΠΠΎΡ ΡΠ°ΠΊ ΠΏΠΎΡΠ²ΠΈΠ»ΡΡ ΠΌΠ°ΡΠ΅ΡΠΈΠ°Π»ΡΠ½ΡΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½. ΠΡΠ» ΡΠ΄Π΅Π»Π°Π½ ΡΠ°Π³ Π½Π°Π·Π°Π΄, Π° ΠΏΠΎ ΡΠ°ΠΊΡΡ ΠΏΠΎΠ»ΡΡΠΈΠ»ΠΎΡΡ Π΄Π²ΠΈΠΆΠ΅Π½ΠΈΠ΅ Π²ΠΏΠ΅ΡΠ΅Π΄. ΠΡΠΎΡ Π²ΠΈΠ΄ Π΄ΠΈΠ·Π°ΠΉΠ½Π° ΡΡΠ°Π²Π½ΠΈΠ²Π°ΡΡ Ρ ΠΏΠ»ΠΎΡΠΊΠΎΠΉ Π±ΡΠΌΠ°Π³ΠΎΠΉ, ΠΊΠΎΡΠΎΡΠ°Ρ Π²ΡΠ³Π»ΡΠ΄ΠΈΡ ΠΊΠ°ΠΊ Π½Π°ΡΡΠΎΡΡΠ°Ρ ΠΈ Π½Π΅ΡΠ΅Π°Π»ΡΠ½Π°Ρ ΠΎΠ΄Π½ΠΎΠ²ΡΠ΅ΠΌΠ΅Π½Π½ΠΎ.
Π ΠΎΠ»Ρ Π°Π½ΠΈΠΌΠ°ΡΠΈΠΈ Π² Material Design
ΠΡΠ΅ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΡ, Π½Π°Ρ ΠΎΠ΄ΡΡΠΈΠ΅ΡΡ Π² ΠΏΡΠΎΠ΄ΡΠΊΡΠ°Ρ ΠΊΠΎΡΠΏΠΎΡΠ°ΡΠΈΠΈ Google, ΠΊΠ°ΠΊ ΠΈ ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΠ½ΡΠ΅ ΠΎΠ±Π΅ΡΠΏΠ΅ΡΠ΅Π½ΠΈΡ, ΠΎΡΠ²Π΅ΡΠ°ΡΡΠΈΠ΅ Π·Π° ΠΈΡ ΠΊΠΎΡΡΠ΅ΠΊΡΠ½ΡΡ ΡΠ°Π±ΠΎΡΡ, Π΄ΠΎΠ»ΠΆΠ½Ρ ΡΠ»Π΅Π΄ΠΎΠ²Π°ΡΡ ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½Π½ΠΎΠΌΡ ΡΡΠ°Π½Π΄Π°ΡΡΡ. ΠΠ° ΡΡΠΎ Π΄Π΅ΠΉΡΡΠ²ΠΈΠ΅ ΠΈ ΠΎΡΠ²Π΅ΡΠ°Π΅Ρ Material Design.
Π Π°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΠΈ ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠΈ ΡΡΠΈΡΠ°ΡΡ, ΡΡΠΎ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΡ ΠΈ ΠΠ Π΄ΠΎΠ»ΠΆΠ½Ρ ΠΈΠΌΠ΅ΡΡ ΡΡ ΠΎΠ΄ΡΡΠ²ΠΎ Ρ ΡΠ΅ΠΌ-ΡΠΎ ΠΈ Π½Π΅ΠΊΠΎΠ΅ ΡΠΊΡΡΡΠΎΠ΅ ΡΡΠ°Π²Π½Π΅Π½ΠΈΠ΅ Ρ ΠΆΠΈΠ²ΡΠΌ ΠΏΡΠ΅Π΄ΠΌΠ΅ΡΠΎΠΌ ΠΈΠ· ΡΠ΅Π°Π»ΡΠ½ΠΎΠ³ΠΎ ΠΌΠΈΡΠ°. Π ΠΊΠ°ΡΠ΅ΡΡΠ²Π΅ ΠΎΠ±ΡΠ°Π·ΡΠ° Π²Π·ΡΠ»ΠΈ ΠΏΡΠΎΡΡΡΡ Π±ΡΠΌΠ°Π³Ρ ΠΈ ΡΠ΅ΡΠ½ΠΈΠ»Π°. Π’ΡΡ ΠΆΠ΅ Π²ΠΎΠ·Π½ΠΈΠΊΠ»Π° ΡΠ²ΡΠ·Ρ Ρ ΡΠ΅Π°Π»ΡΠ½ΠΎΠΉ ΠΆΠΈΠ·Π½ΡΡ: Π³Π»ΡΠ±ΠΈΠ½Π° ΠΈ ΠΎΡΡΠ·Π°ΡΠ΅Π»ΡΠ½ΡΠ΅ ΠΎΡΡΡΠ΅Π½ΠΈΡ ΡΡΠ°Π»ΠΈ Π΄ΠΎ Π±ΠΎΠ»ΠΈ Π·Π½Π°ΠΊΠΎΠΌΡΠΌΠΈ.
ΠΡΠΈ ΡΠ°Π·ΡΠ°Π±ΠΎΡΠΊΠ΅ Material Design ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΡ Google ΠΏΠΎΡΡΠ°Π²ΠΈΠ»Π° Π²ΠΎ Π³Π»Π°Π²Ρ ΡΠ³Π»Π° Π²Π·Π°ΠΈΠΌΠΎΠ΄Π΅ΠΉΡΡΠ²ΠΈΠ΅ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Π΅ΠΉ Ρ ΡΠΈΡΡΠ΅ΠΌΠΎΠΉ ΠΈ ΡΠ΅Ρ Π½ΠΈΡΠ΅ΡΠΊΠΈΠ΅ Ρ Π°ΡΠ°ΠΊΡΠ΅ΡΠΈΡΡΠΈΠΊΠΈ Π΄Π΅ΡΠ°Π»Π΅ΠΉ. Π ΠΊΠΎΠ½Π΅ΡΠ½ΠΎΠΌ ΡΡΠ΅ΡΠ΅ ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡ ΡΡΠ°Π» Π΅ΡΠ΅ ΠΏΡΠΎΡΠ΅ ΠΈ ΡΡΡΠ΅.
ΠΠ½ΠΈΠΌΠ°ΡΠΈΡ β Π³Π»Π°Π²Π½ΡΠΉ ΡΠ»Π΅ΠΌΠ΅Π½Ρ ΡΠΈΡΡΠ΅ΠΌΡ. Π£ΠΏΠΎΡ Π΄Π΅Π»Π°Π΅ΡΡΡ Π½Π° ΡΠ»Π΅Π΄ΡΡΡΠΈΠ΅ ΠΌΠΎΠΌΠ΅Π½ΡΡ:
- Π‘ΠΎΡΠ· Π΄Π΅Π²Π°ΠΉΡΠ° ΠΈ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Ρ. ΠΠ»Π°Π³ΠΎΠ΄Π°ΡΡ Π°Π½ΠΈΠΌΠ°ΡΠΈΠΈ ΡΡΠ°Π½ΠΎΠ²ΠΈΡΡΡ ΠΏΠΎΠ½ΡΡΠ½ΠΎ, ΡΡΠΎ Π·Π° ΡΠ΅ΠΌ ΠΈΠ΄Π΅Ρ. Π§Π΅Π»ΠΎΠ²Π΅ΠΊ ΡΠΌΠΎΠΆΠ΅Ρ ΠΏΠΎΠ½ΡΡΡ, ΡΡΠΎ ΠΏΡΠΎΠΈΠ·ΠΎΠΉΠ΄Π΅Ρ ΠΏΡΠΈ Π½Π°ΠΆΠ°ΡΠΈΠΈ Π½Π° ΠΊΠΎΠ½ΠΊΡΠ΅ΡΠ½ΡΡ Π΄Π΅ΡΠ°Π»Ρ.

- ΠΠΎΠ½ΡΠ΅Π½ΡΡΠ°ΡΠΈΡ Π²Π½ΠΈΠΌΠ°Π½ΠΈΡ. ΠΠ²ΠΈΠ³Π°ΡΡΠΈΠ΅ΡΡ ΠΊΠ°ΡΡΠΈΠ½ΠΊΠΈ ΠΈ Π·Π½Π°ΡΠΊΠΈ ΡΠΎΠΊΡΡΠΈΡΡΡΡ Π²Π·Π³Π»ΡΠ΄ ΡΠΎΠ»ΡΠΊΠΎ Π½Π° ΠΎΠ΄Π½ΠΎΠΌ Π΄Π΅ΠΉΡΡΠ²ΠΈΠΈ. Π§Π΅Π»ΠΎΠ²Π΅ΠΊ Π½Π΅ ΡΠ°ΡΡΠ΅ΠΈΠ²Π°Π΅Ρ ΡΠ²ΠΎΠ΅ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅, ΠΎΡΠ²Π»Π΅ΠΊΠ°ΡΡΡ Π½Π° ΠΏΠΎΡΡΠΎΡΠΎΠ½Π½ΠΈΠ΅ Π²Π΅ΡΠΈ, ΠΈ ΡΠΎΠ²Π΅ΡΡΠ°Π΅Ρ ΠΎΠΏΠ΅ΡΠ°ΡΠΈΠΈ ΠΎΡΠΎΠ·Π½Π°Π½Π½ΠΎ.
- ΠΡΡΠ°Π·ΠΈΡΠ΅Π»ΡΠ½ΠΎΡΡΡ. Π Π°Π½ΠΈΠΌΠΈΡΠΎΠ²Π°Π½Π½ΡΡ ΡΠΎΡΡΠ°Π²Π»ΡΡΡΠΈΡ Π΄Π΅Π²Π°ΠΉΡΠ° ΠΎΡΡΠ΅ΡΠ»ΠΈΠ²ΠΎ Π²ΠΈΠ΄Π½ΠΎ, ΡΡΠΎ ΠΊΠ°ΠΆΠ΄ΠΎΠ΅ ΠΈΠ·ΠΎΠ±ΡΠ΅ΡΠ΅Π½ΠΈΠ΅ ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠΈ Google Ρ ΠΎΡΠΎΡΠΎ ΠΏΠΎ-ΡΠ²ΠΎΠ΅ΠΌΡ.
- ΠΠ±ΡΡΠ΅Π½ΠΈΠ΅. ΠΠ΅ Π½ΡΠΆΠ½ΠΎ ΠΎΠ±Π»Π°Π΄Π°ΡΡ Π²ΡΡΠΎΠΊΠΈΠΌ IQ, ΡΡΠΎΠ±Ρ ΡΠΏΡΠ°Π²Π»ΡΡΡ, Π½Π°ΠΏΡΠΈΠΌΠ΅Ρ, ΠΊΠΎΠΌΠΏΡΡΡΠ΅ΡΠΎΠΌ ΠΈΠ»ΠΈ ΡΠΌΠ°ΡΡΡΠΎΠ½ΠΎΠΌ.
- ΠΡΠΈΠ²Π»Π΅ΠΊΠ°ΡΠ΅Π»ΡΠ½ΠΎΡΡΡ. ΠΡΡΡΠ΅ΡΠ°ΡΡ, ΠΊΠ°ΠΊ ΠΏΡΠ°Π²ΠΈΠ»ΠΎ, ΠΏΠΎ ΠΎΠ΄Π΅ΠΆΠΊΠ΅, Π° ΠΏΡΠΎΠ²ΠΎΠΆΠ°ΡΡ ΠΏΠΎ ΠΊΠ°ΡΠ΅ΡΡΠ²Π΅Π½Π½ΠΎΠΉ Π½Π°ΡΠΈΠ½ΠΊΠ΅, ΡΠ΄ΠΎΠ±ΡΡΠ²Ρ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΡ ΠΈ Π½Π°Π΄Π΅ΠΆΠ½ΠΎΡΡΠΈ. ΠΠ°ΠΆΠ΅ Π΅ΡΠ»ΠΈ ΡΠ±ΡΠ°ΡΡ Π²ΡΠ΅ ΡΡΠΈ ΠΏΠΎΡΠ»Π΅Π΄Π½ΠΈΠ΅ ΡΠΎΡΡΠ°Π²Π»ΡΡΡΠΈΠ΅, ΡΠΎ Π½ΠΈΡΠ΅Π³ΠΎ ΡΡΡΠ°ΡΠ½ΠΎΠ³ΠΎ Π²Π½Π°ΡΠ°Π»Π΅ Π½Π΅ ΠΏΡΠΎΠΈΠ·ΠΎΠΉΠ΄Π΅Ρ, ΡΠ°ΠΊ ΠΊΠ°ΠΊ Π°Π½ΠΈΠΌΠ°ΡΠΈΡ ΡΠΆΠ΅ Π΄Π΅Π»Π°Π΅Ρ ΡΠ²ΠΎΠ΅ Π΄Π΅Π»ΠΎ. Π§Π΅Π»ΠΎΠ²Π΅ΠΊ Π² ΠΏΠ΅ΡΠ²ΡΡ ΠΎΡΠ΅ΡΠ΅Π΄Ρ ΠΎΠ±ΡΠ°ΡΠ°Π΅Ρ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅ Π½Π° ΡΠΎΡΠΌΡ Π΄Π΅Π²Π°ΠΉΡΠ°, Π΅Π³ΠΎ Π²Π½Π΅ΡΠ½ΠΈΠΉ Π²ΠΈΠ΄ ΠΈ ΠΊΡΠ°ΡΠΈΠ²ΡΡ (ΠΈΠΌΠ΅Π½Π½ΠΎ ΡΠ°ΠΊΡΡ!) Π½Π°ΡΠΈΠ½ΠΊΡ. ΠΠ½ Π·Π°ΠΈΠ½ΡΠ΅ΡΠ΅ΡΠΎΠ²ΡΠ²Π°Π΅ΡΡΡ ΡΠ΅ΠΌ ΠΈΠ»ΠΈ ΠΈΠ½ΡΠΌ ΠΏΡΠΎΠ΄ΡΠΊΡΠΎΠΌ, Π±Π΅ΡΠ΅Ρ Π΅Π³ΠΎ Π² ΡΡΠΊΠΈ ΠΈ Π½Π°ΡΠΈΠ½Π°Π΅Ρ Π²Π·Π°ΠΈΠΌΠΎΠ΄Π΅ΠΉΡΡΠ²ΠΎΠ²Π°ΡΡ Ρ Π½ΠΈΠΌ.
Material Design Π΄ΠΎΠ±ΠΈΠ»ΡΡ ΡΠΎΠ³ΠΎ, ΡΡΠΎ ΠΌΠ½ΠΎΠ³ΠΈΠ΅ Π±ΡΠ΅Π½Π΄Ρ ΠΏΠΎΠΌΠ΅Π½ΡΠ»ΠΈ ΡΠ²ΠΎΠ΅ ΠΌΠΈΡΠΎΠ²ΠΎΠ·Π·ΡΠ΅Π½ΠΈΠ΅ Π½Π°ΡΡΠ΅Ρ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅ΡΡΠΊΠΈΡ
ΡΠ΅ΡΠ΅Π½ΠΈΠΉ ΠΈ Π½Π°ΡΠ°Π»ΠΈ ΡΠΎΠ·Π΄Π°Π²Π°ΡΡ ΡΠ²ΠΎΠΈ Π΄Π΅Π²Π°ΠΉΡΡ ΠΏΠΎ ΡΠ°ΠΊΠΎΠΌΡ ΠΆΠ΅ ΠΏΡΠΈΠ½ΡΠΈΠΏΡ.
ΠΠ½ΠΈΠΌΠ°ΡΠΈΡ ΡΠ΅ΠΏΠ΅ΡΡ ΡΡΠ°Π»Π° Π³Π»Π°Π²Π½ΠΎΠΉ ΡΠ°ΡΡΡΡ ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡΠ°, ΡΠ΅Π³ΠΎ Π½Π΅ ΡΠΊΠ°ΠΆΠ΅ΡΡ ΠΎ ΡΠΎΠΌ, ΡΡΠΎ Π±ΡΠ»ΠΎ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ Π»Π΅Ρ Π½Π°Π·Π°Π΄. Π¦Π΅Π»Ρ ΠΏΠΎ ΡΠΏΡΠΎΡΠ΅Π½ΠΈΡ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΡ ΡΠ΅Ρ
Π½ΠΈΠΊΠΎΠΉ Π±ΡΠ»Π° Π΄ΠΎΡΡΠΈΠ³Π½ΡΡΠ°. ΠΡΠΎΡ ΠΌΠ΅ΡΠΎΠ΄ Π²ΡΠΊΠΎΡΠ΅ Π½Π°Π±ΡΠ°Π» ΠΏΠΎΠΏΡΠ»ΡΡΠ½ΠΎΡΡΡ ΠΈ ΡΠΊΠ°Π·Π°Π» ΠΏΡΡΡ Π΄Π»Ρ ΡΠ²ΠΎΠ»ΡΡΠΈΠΈ ΠΌΠΈΡΠΎΠ²ΠΎΠ³ΠΎ Π΄ΠΈΠ·Π°ΠΉΠ½Π°.
ΠΡΠΈΠ½ΡΠΈΠΏ ΡΠ°ΠΊΡΠΈΠ»ΡΠ½ΡΡ ΠΏΠΎΠ²Π΅ΡΡ Π½ΠΎΡΡΠ΅ΠΉ Π² Material Design
ΠΠ΅ΡΠ²ΠΎΠ΅ ΠΈ Π³Π»Π°Π²Π½ΠΎΠ΅ ΡΡΠ»ΠΎΠ²ΠΈΠ΅ β ΡΠ»ΠΎΠΈ, ΡΠ°ΡΠΏΠΎΠ»ΠΎΠΆΠ΅Π½Π½ΡΠ΅ Π½Π° ΡΠΈΡΡΠΎΠ²ΠΎΠΉ Β«Π±ΡΠΌΠ°Π³Π΅Β», ΠΌΠΎΠΆΠ½ΠΎ ΠΏΠΎΡΡΠΎΠ³Π°ΡΡ. ΠΡΠ΅ Π±Π΅Π· ΠΈΡΠΊΠ»ΡΡΠ΅Π½ΠΈΡ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ ΡΠ²Π»ΡΡΡΡΡ ΡΠ°ΡΡΡΡ Π΅Π΄ΠΈΠ½ΠΎΠ³ΠΎ ΡΠ΅Π»ΠΎΠ³ΠΎ. ΠΠΈΡΡΠΎ Π½Π΅ Π²ΡΠ±ΠΈΠ²Π°Π΅ΡΡΡ ΠΈΠ· ΡΡΡΠΎΡ. Π‘ΠΈΡΡΠ΅ΠΌΠ° ΠΏΠΎΠ΄ΠΎΠ±Π½Π° ΡΠ΅Π»ΠΎΠ²Π΅ΡΠ΅ΡΠΊΠΎΠΌΡ ΠΎΡΠ³Π°Π½ΠΈΠ·ΠΌΡ, Π³Π΄Π΅ ΠΊΠ°ΠΆΠ΄ΡΠΉ ΠΎΡΠ³Π°Π½ Π²Π·Π°ΠΈΠΌΠΎΠ΄Π΅ΠΉΡΡΠ²ΡΠ΅Ρ Π΄ΡΡΠ³ Ρ Π΄ΡΡΠ³ΠΎΠΌ ΠΈ Π½Π°Ρ ΠΎΠ΄ΠΈΡΡΡ Π½Π° ΡΠ²ΠΎΠ΅ΠΌ ΠΌΠ΅ΡΡΠ΅.
ΠΠΎΠ²Π΅ΡΡ Π½ΠΎΡΡΡ ΠΏΡΠ΅Π΄ΡΡΠ°Π²Π»ΡΠ΅Ρ ΡΠΎΠ±ΠΎΠΉ ΡΡΠΈΠΊ Ρ Π³ΡΠ°Π½ΠΈΡΠ°ΠΌΠΈ, ΠΏΠΎΡ ΠΎΠΆΠΈΠΌΠΈ Π½Π° ΡΠ΅Π½ΠΈ. ΠΠ° ΠΏΠ΅ΡΠ²ΡΠΉ Π²Π·Π³Π»ΡΠ΄ ΡΠ°ΠΊΠΎΠΉ ΡΠΊΠΎΠ½ΠΎΠΌΠΈΡΠ½ΡΠΉ, Π»ΠΈΡΠ΅Π½Π½ΡΠΉ Π²ΡΠ΅Π³ΠΎ Π»ΠΈΡΠ½Π΅Π³ΠΎ, ΠΏΠΎΠ΄Ρ ΠΎΠ΄, ΠΊΠ°ΠΆΠ΅ΡΡΡ Π½Π΅Π·Π°ΡΠ΅ΠΉΠ»ΠΈΠ²ΡΠΌ, ΠΏΡΠΎΡΡΡΠΌ ΠΈ Π½Π΅ Π·Π°ΡΠ»ΡΠΆΠΈΠ²Π°ΡΡΠΈΠΌ ΠΎΡΠΎΠ±ΠΎΠ³ΠΎ Π²Π½ΠΈΠΌΠ°Π½ΠΈΡ, ΠΎΠ΄Π½Π°ΠΊΠΎ Π² Π½Π΅ΠΌ Π΄ΠΎΡΡΠ°ΡΠΎΡΠ½ΠΎ ΠΈΠ½ΡΠΎΡΠΌΠ°ΡΠΈΠΈ, ΡΡΠΎΠ±Ρ ΡΠ°Π·ΠΎΠ±ΡΠ°ΡΡΡΡ, ΠΊΠ°ΠΊ Π²ΡΠ΅ ΡΠ°Π±ΠΎΡΠ°Π΅Ρ.
Π£Π½ΠΈΠΊΠ°Π»ΡΠ½ΠΎΡΡΡ Π·Π°ΠΊΠ»ΡΡΠ°Π΅ΡΡΡ Π² ΡΠ»Π΅Π΄ΡΡΡΠ΅ΠΌ:
- ΠΌΠΈΠ½ΠΈΠΌΠ°Π»ΡΠ½ΠΎΠ΅ ΠΊΠΎΠ»ΠΈΡΠ΅ΡΡΠ²ΠΎ ΡΡΡΠ΅ΠΊΡΠΎΠ²;
- ΠΎΠ±ΡΠ΅ΠΊΡΡ, ΡΠ°ΡΠΏΠΎΠ»ΠΎΠΆΠ΅Π½Π½ΡΠ΅ ΡΠ²Π΅ΡΡ Ρ, Π±ΡΠΎΡΠ°ΡΡ ΡΠ΅Π½Ρ Π½Π° ΡΠ΅, ΡΡΠΎ Π²Π½ΠΈΠ·Ρ;
- ΡΠΈΠ³ΡΡΡ ΠΏΡΠΈΠΊΡΠ΅ΠΏΠ»Π΅Π½Ρ ΠΊ ΠΎΠ΄Π½ΠΎΠΌΡ ΠΏΠΎΠ»ΠΎΠΆΠ΅Π½ΠΈΡ Ρ ΠΊΠΎΠΎΡΠ΄ΠΈΠ½Π°ΡΠ°ΠΌΠΈ ΠΏΠΎ ΠΎΡΠΈ Z.

Π’ΠΎΠΏ-30 ΡΠ°ΠΌΡΡ Π²ΠΎΡΡΡΠ΅Π±ΠΎΠ²Π°Π½Π½ΡΡ ΠΈ Π²ΡΡΠΎΠΊΠΎΠΎΠΏΠ»Π°ΡΠΈΠ²Π°Π΅ΠΌΡΡ ΠΏΡΠΎΡΠ΅ΡΡΠΈΠΉ 2023
ΠΠΎΠΌΠΎΠΆΠ΅Ρ ΡΠ°Π·ΠΎΠ±ΡΠ°ΡΡΡΡ Π² Π°ΠΊΡΡΠ°Π»ΡΠ½ΠΎΠΉ ΡΠΈΡΡΠ°ΡΠΈΠΈ Π½Π° ΡΡΠ½ΠΊΠ΅ ΡΡΡΠ΄Π°
ΠΠΎΠ΄Π±ΠΎΡΠΊΠ° 50+ ΡΠ΅ΡΡΡΡΠΎΠ² ΠΎΠ± IT-ΡΡΠ΅ΡΠ΅
Π’ΠΎΠ»ΡΠΊΠΎ Π»ΡΡΡΠΈΠ΅ ΡΠ΅Π»Π΅Π³ΡΠ°ΠΌ-ΠΊΠ°Π½Π°Π»Ρ, ΠΊΠ°Π½Π°Π»Ρ Youtube, ΠΏΠΎΠ΄ΠΊΠ°ΡΡΡ, ΡΠΎΡΡΠΌΡ ΠΈ ΠΌΠ½ΠΎΠ³ΠΎΠ΅ Π΄ΡΡΠ³ΠΎΠ΅ Π΄Π»Ρ ΡΠΎΠ³ΠΎ, ΡΡΠΎΠ±Ρ ΡΠ·Π½Π°Π²Π°ΡΡ Π½ΠΎΠ²ΠΎΠ΅ ΠΏΡΠΎ IT
Π’ΠΠ 50+ ΡΠ΅ΡΠ²ΠΈΡΠΎΠ² ΠΈ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ ΠΎΡ Geekbrains
ΠΠ΅Π·ΠΎΠΏΠ°ΡΠ½ΡΠ΅ ΠΈ Π½Π°Π΄Π΅ΠΆΠ½ΡΠ΅ ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΡ Π΄Π»Ρ ΡΠ°Π±ΠΎΡΡ Π² Π½Π°ΡΠΈ Π΄Π½ΠΈ
pdf 3,7mb
doc 1,7mb
Π£ΠΆΠ΅ ΡΠΊΠ°ΡΠ°Π»ΠΈ 20575
Π Flat Design Π²Ρ Π½Π΅ Π½Π°ΠΉΠ΄Π΅ΡΠ΅ ΡΠ΅Π½Π΅ΠΉ ΠΈΠ»ΠΈ ΠΈΠ½ΡΡ ΡΠ²Π»Π΅Π½ΠΈΠΉ, Π΄Π΅Π»Π°ΡΡΠΈΡ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ ΠΎΠ±ΡΠ΅ΠΌΠ½ΡΠΌ. Π§ΡΠΎ ΠΊΠ°ΡΠ°Π΅ΡΡΡ Material, ΡΠΎ Ρ Π½Π΅Π³ΠΎ Π²ΡΠ΅ ΡΠ°ΡΡΡΠΈΡΠ°Π½ΠΎ Π½Π° Π³Π»ΡΠ±ΠΈΠ½Ρ. Π‘ Π΅Π³ΠΎ ΠΏΠΎΠΌΠΎΡΡΡ Π²Ρ Π·Π°ΠΎΡΡΡΡΠ΅ΡΠ΅ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅ Π½Π° Π³Π»Π°Π²Π½ΠΎΠΌ ΠΈ ΠΈΠ½ΡΡΠΈΠ½ΠΊΡΠΈΠ²Π½ΠΎ ΡΡΠ²ΡΡΠ²ΡΠ΅ΡΠ΅, ΠΊΠ°ΠΊ ΡΠ°Π±ΠΎΡΠ°ΡΡ Ρ ΠΊΠ½ΠΎΠΏΠΊΠ°ΠΌΠΈ, ΠΏΠΎΠ»ΠΎΡΠΎΠΉ ΠΏΡΠΎΠΊΡΡΡΠΊΠΈ ΠΈΠ»ΠΈ ΡΠΈΠ³ΡΡΠ°ΠΌΠΈ. ΠΠ»ΡΠ±ΠΈΠ½Π° Π΄ΠΎΠ»ΠΆΠ½Π° ΡΠ°Π±ΠΎΡΠ°ΡΡ ΠΊΠΎΡΡΠ΅ΠΊΡΠ½ΠΎ Π½Π° 100 % ΠΈ ΡΠΎΡΠ΅ΡΠ°ΡΡΡΡ Ρ ΠΎΠ±ΡΠ΅ΠΊΡΠ°ΠΌΠΈ Π²Π·Π°ΠΈΠΌΠΎΠ΄Π΅ΠΉΡΡΠ²ΠΈΡ. ΠΡΠ»ΠΈ ΡΡΠΎΠ³ΠΎ Π½Π΅ ΠΏΡΠΎΠΈΡΡ ΠΎΠ΄ΠΈΡ, ΡΠ»Π΅Π΄ΡΠ΅Ρ ΠΏΡΠΈΡΡΡΠΏΠΈΡΡ ΠΊ ΠΏΠΎΠΈΡΠΊΡ Π±ΠΎΠ»Π΅Π΅ ΡΡΡΠ΅ΠΊΡΠΈΠ²Π½ΠΎΠ³ΠΎ ΡΠ΅ΡΠ΅Π½ΠΈΡ.
ΠΠ΅ΡΠΎΠΌΠ½Π΅Π½Π½ΠΎ, Π½ΡΠΆΠ½ΠΎ ΠΏΡΠΈΠ½ΡΡΡ Π²ΠΎ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅, ΡΡΠΎ Π»ΡΠ±ΠΎΠΉ ΡΠΈΠ·ΠΈΡΠ΅ΡΠΊΠΈΠΉ ΠΎΠ±ΡΠ΅ΠΊΡ ΠΈΠΌΠ΅Π΅Ρ Π½Π°ΡΠ°Π»ΠΎ ΠΈ ΠΊΠΎΠ½Π΅Ρ.
ΠΠΈΠ΄ΠΆΠ΅ΡΡ Π½Π΅ Π΄ΠΎΠ»ΠΆΠ½Ρ ΠΊΠ°ΡΠ°ΡΡΡΡ ΠΊΡΠ°Ρ ΡΠΊΡΠ°Π½Π°. ΠΠ»Π°Π²Π½ΡΠΉ ΡΠ»ΠΎΠ³Π°Π½ ΠΈ ΡΠΈΠ»ΠΎΡΠΎΡΠΈΡ ΠΎΡΠΎΡΠΌΠ»Π΅Π½ΠΈΡ ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡΠ° Π² Material Design β Β«UI β ΠΆΠΈΠ²ΠΎΠΉ ΠΎΡΠ³Π°Π½ΠΈΠ·ΠΌΒ».
ΠΠΎΠ²Π΅ΡΡ Π½ΠΎΡΡΠΈ, ΠΊΠΎΡΠΎΡΡΠ΅ ΠΌΠΎΠΆΠ½ΠΎ ΠΏΠΎΡΡΠΎΠ³Π°ΡΡ ΠΏΠ°Π»ΡΡΠ°ΠΌΠΈ, ΡΠΎΡΡΠΎΡΡ ΠΈΠ· Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΈΡ ΡΡΠΎΠ²Π½Π΅ΠΉ: ΠΎΠ΄Π½Π° ΡΠΈΠ³ΡΡΠ° ΡΡΠΎΠΈΡ Π²ΡΡΠ΅, Π΄ΡΡΠ³Π°Ρ β Π½ΠΈΠΆΠ΅, ΠΈ Π²ΡΠ΅ ΠΎΠ½ΠΈ ΠΈΠΌΠ΅ΡΡ ΡΠ΅Π½Ρ. ΠΠ΄Π΅ΡΡ, ΠΊΠΎΠ½Π΅ΡΠ½ΠΎ, Π½Π΅ ΠΎΠ±Ρ ΠΎΠ΄ΠΈΡΡΡ Π±Π΅Π· Π²ΠΎΠ»ΡΠ΅Π±ΡΡΠ²Π°, Π½ΠΎ ΠΎΠ½ΠΎ, ΡΠ°ΠΊ ΠΈΠ»ΠΈ ΠΈΠ½Π°ΡΠ΅, ΠΏΠΎΠ΄ΡΠΈΠ½ΡΠ΅ΡΡΡ ΡΠΈΠ·ΠΈΡΠ΅ΡΠΊΠΈΠΌ Π·Π°ΠΊΠΎΠ½Π°ΠΌ: ΠΊΠ°ΡΡΠΈΠ½ΠΊΠ° ΡΡΠ°Π½ΠΎΠ²ΠΈΡΡΡ ΠΆΠΈΠ²ΠΎΠΉ ΠΈΠ·-Π·Π° ΡΠΎΠ³ΠΎ, ΡΡΠΎ Π²Π΅ΡΡ Π½ΠΈΠ΅ ΡΠ»ΠΎΠΈ ΡΠ²Π΅ΡΡΡ Π»ΡΡΠ°ΠΌΠΈ Π½Π° Π½ΠΈΠΆΠ½ΠΈΠ΅.
ΠΡΠΈΠ½ΡΠΈΠΏ ΠΏΠΎΠ»ΠΈΠ³ΡΠ°ΡΠΈΡΠ΅ΡΠΊΠΎΠ³ΠΎ Π΄ΠΈΠ·Π°ΠΉΠ½Π°
ΠΠ·Π°ΠΈΠΌΠΎΡΠ²ΡΠ·Ρ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΠΎΠ² ΠΏΡΠΈΠ΄Π΅ΡΠΆΠΈΠ²Π°Π΅ΡΡΡ ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½Π½ΡΡ ΠΏΡΠ°Π²ΠΈΠ». ΠΡΠ»ΠΈ, ΠΏΡΠ΅Π΄ΠΏΠΎΠ»ΠΎΠΆΠΈΠΌ, ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡ ΠΌΡ Π½Π°Π·ΠΎΠ²Π΅ΠΌ Π±ΡΠΌΠ°Π³ΠΎΠΉ, ΡΠΎ ΠΊΠ°ΠΆΠ΄ΡΠΉ Β«ΠΊΠΈΡΠΏΠΈΡΠΈΠΊΒ» Π²Π½ΡΡΡΠΈ Π½Π΅Π³ΠΎ Π½Π°ΠΏΠΈΡΠ°Π½ ΡΠ΅ΡΠ½ΠΈΠ»Π°ΠΌΠΈ. ΠΡΠ΅Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΡΠ΅ Π²ΠΈΠ΄Ρ ΡΡΠΈΡΡΠΎΠ², ΡΠ΅ΡΠΊΠΈ, ΡΠ²Π΅ΡΠΎΠ²ΡΠ΅ ΡΡ Π΅ΠΌΡ, ΠΈΠΊΠΎΠ½ΠΊΠΈ ΠΈ ΠΏΡΠΎΡΠΈΠ΅ ΠΌΡΠ»ΡΡΠΈΠΌΠ΅Π΄ΠΈΠ° ΡΠΎΠ·Π΄Π°ΡΡΡΡ Π² Google ΠΏΡΠΈ ΠΏΠΎΠΌΠΎΡΠΈ ΠΏΠΎΠ»ΠΈΠ³ΡΠ°ΡΠΈΡΠ΅ΡΠΊΠΈΡ ΡΡΠ°Π½Π΄Π°ΡΡΠΎΠ². Π€ΠΈΠ»ΠΎΡΠΎΡΠΈΡ ΠΈΠ΄Π΅ΠΈ Google ΠΏΡΠ΅Π΄ΠΏΠΎΠ»Π°Π³Π°Π΅Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ ΠΏΡΠΎΠΏΠΈΡΠ½ΡΡ ΠΈΡΡΠΈΠ½ ΠΏΠΎΠ»ΠΈΠ³ΡΠ°ΡΠΈΠΈ Π² ΡΡΠ΅ΡΠ΅ ΠΏΡΠΎΠ΅ΠΊΡΠΈΡΠΎΠ²Π°Π½ΠΈΡ UI.
ΠΡΠ΄ΡΠΌ ΠΏΡΠΈΡ
ΠΎΠ΄ΠΈΡΡΡ ΠΏΠΎ Π²ΠΊΡΡΡ ΠΈΠΌΠ΅Π½Π½ΠΎ ΡΠΎΡ ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡ, Π³Π΄Π΅ Π²ΡΠ΅ ΡΠΏΠΎΡΡΠ΄ΠΎΡΠ΅Π½Π½ΠΎ ΠΈ ΠΊΠ°ΠΆΠ΄ΡΠΉ ΡΠ»Π΅ΠΌΠ΅Π½Ρ Π½Π°Ρ
ΠΎΠ΄ΠΈΡΡΡ Π²ΠΎ Π²Π·Π°ΠΈΠΌΠΎΠ΄Π΅ΠΉΡΡΠ²ΠΈΠΈ Ρ Π΄ΡΡΠ³ΠΈΠΌΠΈ.
ΠΠ½ΠΈ ΠΎΡΠΊΡΡΠ²Π°ΡΡ ΡΡΡΡΠΎΠΉΡΡΠ²ΠΎ ΠΈ Π²ΠΈΠ΄ΡΡ ΠΏΠ΅ΡΠ΅Π΄ ΡΠΎΠ±ΠΎΠΉ ΠΏΠ΅ΡΠ°ΡΠ½ΡΠΉ Π²Π°ΡΠΈΠ°Π½Ρ ΠΆΡΡΠ½Π°Π»Π° ΠΈΠ»ΠΈ Π³Π°Π·Π΅ΡΡ. ΠΠΎΠΏΡΡΡΠΈΠΌ, ΡΡΠΎ Π΄ΠΈΡΠΏΠ»Π΅ΠΉ ΡΡΡΡΠΎΠΉΡΡΠ²Π° β ΡΡΠΎ ΡΠΈΡΡΠΎΠ²ΠΎΠΉ Π»ΠΈΡΡ. ΠΠΈΡΠΈΡΡ ΠΎΠ½ Π²Π΄ΡΡΠ³ ΠΏΡΠ°Π²ΠΈΠ»ΡΠ½ΠΎΠ³ΠΎ Ρ
ΡΠ΄ΠΎΠΆΠ΅ΡΡΠ²Π΅Π½Π½ΠΎΠ³ΠΎ ΠΎΡΠΎΡΠΌΠ»Π΅Π½ΠΈΡ, ΡΡΠ½ΠΎ Π²ΠΈΠ΄ΠΈΠΌΡΡ
Π³ΡΠ°Π½ΠΈΡ ΠΈ ΡΠΎΡΠΌΠΈΡΠΎΠ²Π°Π½ΠΈΡ ΡΠ²Π΅ΡΠΎΠ²ΠΎΠΉ Π³Π°ΠΌΠΌΡ β ΠΊΠ»Π°ΡΡΠ½ΠΎ ΡΠ΄Π΅Π»Π°Π½Π½Π°Ρ ΡΠ°Π±ΠΎΡΠ° ΠΏΡΠ΅Π²ΡΠ°ΡΠΈΡΡΡ Π² ΠΌΠ΅ΡΠΈΠ²ΠΎ.
ΠΡΠΎΡΠΎΠΉ ΠΏΡΠΈΠ½ΡΠΈΠΏ Material Design Π΄Π΅Π»ΠΈΡΡΡ Π½Π° 7 Π±Π»ΠΎΠΊΠΎΠ². Π£Π΄Π΅Π»ΠΈΠΌ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅ ΠΊΠ°ΠΆΠ΄ΠΎΠΌΡ ΠΈΠ· Π½ΠΈΡ .
ΠΠ΅ΡΠ²ΠΎΠ΅ ΠΌΠ΅ΡΡΠΎ Π·Π°Π½ΠΈΠΌΠ°Π΅Ρ ΡΠΈΠΏΠΎΠ³ΡΠ°ΡΠΈΠΊΠ°. Π ΠΏΠ΅ΡΠ°ΡΠ½ΠΎΠΉ ΠΏΡΠΎΠ΄ΡΠΊΡΠΈΠΈ ΠΎΠ½Π° Π²ΡΠΏΠΎΠ»Π½ΡΠ΅Ρ ΡΠ»Π΅Π΄ΡΡΡΠΈΠ΅ ΡΡΠ½ΠΊΡΠΈΠΈ:
- ΠΠΏΡΠ΅Π΄Π΅Π»ΡΠ΅Ρ Π²Π½Π΅ΡΠ½ΠΈΠΉ Π²ΠΈΠ΄ ΠΈΠ·Π΄Π°Π½ΠΈΡ.
- Π Π΅ΡΠ°Π΅Ρ, Π½Π° ΡΠ΅ΠΌ Π±ΡΠ΄Π΅Ρ ΡΡΡΠΎΠΈΡΡΡΡ ΠΊΠΎΠ½ΡΠ΅Π½Ρ.
Π‘ΠΎΡΠ΅ΡΠ°ΡΡΡΡ ΠΌΠ΅ΠΆΠ΄Ρ ΡΠΎΠ±ΠΎΠΉ ΡΡΠΈΡΡΡ ΠΈΠ»ΠΈ Π½Π΅Ρ β Π»Π΅Π³ΡΠ΅ Π»Π΅Π³ΠΊΠΎΠ³ΠΎ ΠΏΡΠΎΠ²Π΅ΡΠΈΡΡ. ΠΡΠ΅Π΄ΡΡΠ°Π²ΡΡΠ΅, ΡΡΠΎ ΠΈΡΡΠ΅Π·Π»ΠΈ ΠΈΠΊΠΎΠ½ΠΊΠΈ ΠΈ Π΄ΡΡΠ³ΠΈΠ΅ Π΄ΠΎΡΡΡΠΏΠ½ΡΠ΅ Π³Π»Π°Π·Ρ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ. ΠΡΠ»ΠΈ Π² ΠΈΡ ΠΎΡΡΡΡΡΡΠ²ΠΈΠ΅ ΠΊΠΎΠ½ΡΡΡΡΠΊΡΠΈΡ Π½Π΅ ΠΏΠΎΠΌΠ΅Π½ΡΠ»Π° ΡΠ²ΠΎΠ΅Π³ΠΎ ΠΎΠ±Π»ΠΈΠΊΠ°, Π·Π½Π°ΡΠΈΡ, ΡΠΈΠΏΠΎΠ³ΡΠ°ΡΠΈΠΊΠ° ΡΠ°Π±ΠΎΡΠ°Π΅Ρ Ρ ΠΎΡΠΎΡΠΎ. ΠΠΎΠ»ΡΡΠΈΠ΅ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΈ, ΠΊΠ°ΠΊ ΠΏΡΠ°Π²ΠΈΠ»ΠΎ, ΡΠΎΡΠ΅ΡΠ°ΡΡΡΡ Ρ Π½Π΅Π±ΠΎΠ»ΡΡΠΈΠΌΠΈ Π°Π±Π·Π°ΡΠ°ΠΌΠΈ ΠΈ ΡΠ½ΠΎΡΠΊΠ°ΠΌΠΈ. ΠΡΡΡΡΠΏΡ ΠΎΠ΄ΠΈΠ½Π°ΠΊΠΎΠ²ΠΎΠ³ΠΎ ΡΠ°Π·ΠΌΠ΅ΡΠ° ΡΠΎΠ·Π΄Π°ΡΡ ΡΠ°ΡΡΡΠΎΡΠ½ΠΈΠ΅ ΠΌΠ΅ΠΆΠ΄Ρ Π±Π»ΠΎΠΊΠ°ΠΌΠΈ.
Π’ΠΎΠ»ΡΠΊΠΎ Π΄ΠΎ 1.05
Π‘ΠΊΠ°ΡΠ°ΠΉ ΠΏΠΎΠ΄Π±ΠΎΡΠΊΡ ΡΠ΅ΡΡΠΎΠ², ΡΡΠΎΠ±Ρ ΠΎΠΏΡΠ΅Π΄Π΅Π»ΠΈΡΡ ΡΠ²ΠΎΠΈ ΡΠ°ΠΌΡΠ΅ ΠΊΠΎΠ½ΠΊΡΡΠ΅Π½ΡΠ½ΡΠ΅ ΡΠΊΠΈΠ»Π»Ρ
Π’Π΅ΡΡ Π½Π° ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½ΠΈΠ΅ ΠΊΠΎΠΌΠΏΠ΅ΡΠ΅Π½ΡΠΈΠΉ
Π§Π΅ΠΊ-Π»ΠΈΡΡ Β«ΠΠ°ΠΊ ΠΈΠ·Π±Π΅ΠΆΠ°ΡΡ ΠΎΠ±ΠΌΠ°Π½Π° ΠΏΡΠΈ ΡΡΡΠ΄ΠΎΡΡΡΡΠΎΠΉΡΡΠ²Π΅Β»
ΠΠ½ΡΡΡΡΠΊΡΠΈΡ ΠΏΠΎ Π²ΡΡ ΠΎΠ΄Ρ ΠΈΠ· Π²ΡΠ³ΠΎΡΠ°Π½ΠΈΡ
Π§ΡΠΎΠ±Ρ ΠΏΠΎΠ»ΡΡΠΈΡΡ ΡΠ°ΠΉΠ», ΡΠΊΠ°ΠΆΠΈΡΠ΅ e-mail:
ΠΠΎΠ΄ΡΠ²Π΅ΡΠ΄ΠΈΡΠ΅, ΡΡΠΎ Π²Ρ Π½Π΅ ΡΠΎΠ±ΠΎΡ,
ΡΠΊΠ°Π·Π°Π² Π½ΠΎΠΌΠ΅Ρ ΡΠ΅Π»Π΅ΡΠΎΠ½Π°:
Π£ΠΆΠ΅ ΡΠΊΠ°ΡΠ°Π»ΠΈ 7503
Π Π°Π·ΠΌΠ΅Ρ ΡΡΠΈΡΡΠ° ΡΠΎΠΆΠ΅ Π½Π΅ ΠΎΡΡΡΠ°Π΅Ρ.
ΠΠ»Π°Π²Π½ΡΠ΅ ΠΊΡΡΠΊΠΈ ΡΠ΅ΠΊΡΡΠ° Π΄Π΅Π»Π°ΡΡ Π±ΠΎΠ»ΡΡΠΈΠΌΠΈ, Π° ΠΌΠ΅Π½Π΅Π΅ ΡΡΡΠ΅ΡΡΠ²Π΅Π½Π½ΡΠ΅ ΠΎΡΡ
ΠΎΠ΄ΡΡ Π½Π° Π·Π°Π΄Π½ΠΈΠΉ ΠΏΠ»Π°Π½. Π‘ΠΎΠ·Π΄Π°ΡΠ΅Π»ΠΈ Material Design Π½Π΅ΠΎΠ΄Π½ΠΎΠΊΡΠ°ΡΠ½ΠΎ Π³ΠΎΠ²ΠΎΡΡΡ ΠΎ ΡΠΎΠΌ, ΡΡΠΎ Π³ΡΡΠΏΠΏΠ°ΠΌ ΡΡΠΈΡΡΠΎΠ² Π½Π΅ ΠΏΠΎΠΌΠ΅ΡΠ°Π»ΠΎ Π±Ρ ΠΏΠΎΡΠ°Π±ΠΎΡΠ°ΡΡ Ρ ΡΠ°Π·Π½ΡΠΌΠΈ ΠΎΠΏΠ΅ΡΠ°ΡΠΈΠΎΠ½Π½ΡΠΌΠΈ ΡΠΈΡΡΠ΅ΠΌΠ°ΠΌΠΈ. Π ΠΏΡΠΎΡΠΈΠ²Π½ΠΎΠΌ ΡΠ»ΡΡΠ°Π΅ ΠΈΠ·-Π·Π° ΠΌΠ΅ΡΠ°Π½ΠΈΠ½Ρ ΡΠ°Π·ΠΌΠ΅ΡΠΎΠ² ΠΌΡ Π±ΡΠ΄Π΅ΠΌ Π½Π°Π±Π»ΡΠ΄Π°ΡΡ ΠΎΡΡΡΡΡΡΠ²ΠΈΠ΅ Π΅Π΄ΠΈΠ½ΡΡΠ²Π°.
ΠΠ³ΡΠ° Π½Π° ΠΊΠΎΠ½ΡΡΠ°ΡΡΠ΅ ΡΠΎ ΡΡΠΈΡΡΠ°ΠΌΠΈ Π² ΠΊΠ½ΠΈΠ³Π°Ρ ΠΈ Π‘ΠΠ Π³Π°ΡΠΌΠΎΠ½ΠΈΡΠ½ΠΎ ΡΠΌΠΎΡΡΠΈΡΡΡ ΠΈ Π² ΡΠ»Π΅ΠΊΡΡΠΎΠ½Π½ΠΎΠΌ Π²ΠΈΠ΄Π΅. Π’Π΅ΠΊΡΡ Π² ΡΠ°Π·Π½ΡΡ ΠΌΠ΅ΡΡΠ°Ρ Π΄Π΅Π»Π°ΡΡ ΠΎΠ΄ΠΈΠ½Π°ΠΊΠΎΠ²ΡΠΌ ΠΏΠΎ ΡΡΠΈΠ»Ρ, Π½ΠΎ ΠΎΡΠ»ΠΈΡΠΈΡ Π΄ΠΎΠ»ΠΆΠ½Ρ Π±ΡΡΡ Π²ΡΠ΅ ΡΠ°Π²Π½ΠΎ Π²ΠΈΠ΄Π½Ρ.
Π‘ ΠΈΠ·ΠΎΠ±ΡΠ΅ΡΠ΅Π½ΠΈΠ΅ΠΌ Π½ΠΎΠ²ΠΎΠ³ΠΎ ΡΡΠΈΠ»Ρ ΠΎΡΠΎΡΠΌΠ»Π΅Π½ΠΈΡ, Π΄Π° ΠΈ Π²ΠΎΠΎΠ±ΡΠ΅ Material Design, ΠΈΠΊΠΎΠ½ΠΊΠΈ ΡΡΠ°Π»ΠΈ Π²Π΅ΡΡΠΈ ΡΠ΅Π±Ρ ΠΏΠΎ-Π΄ΡΡΠ³ΠΎΠΌΡ. ΠΠ½ΠΈ ΠΈ ΡΠ°Π½Π΅Π΅ ΠΏΡΠΈΠ½Π°Π΄Π»Π΅ΠΆΠ°Π»ΠΈ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΡΡΠΊΠΎΠΌΡ ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡΡ, Π½ΠΎ ΡΠ΅ΠΉΡΠ°Ρ ΠΏΡΠΎΠ±Π»Π΅ΠΌ ΠΎΡ Π½ΠΈΡ ΡΡΠ°Π»ΠΎ ΠΌΠ΅Π½ΡΡΠ΅. Π‘ΡΡΠ΅ΡΡΠ²ΡΠ΅Ρ ΡΠ΅Π»ΡΠΉ ΡΠ°ΠΉΡ Ρ Π±ΠΎΠ»ΡΡΠΈΠΌ ΠΊΠΎΠ»ΠΈΡΠ΅ΡΡΠ²ΠΎΠΌ Π±Π΅ΡΠΏΠ»Π°ΡΠ½ΡΡ ΠΈΠΊΠΎΠ½ΠΎΠΊ. ΠΠΎΡΠ΅ΡΠΈΡΠ΅ Π΅Π³ΠΎ ΠΈ Π½Π°ΠΉΠ΄Π΅ΡΠ΅ ΡΠ°ΠΌ ΠΌΠ½ΠΎΠ³ΠΎ ΡΠ΅Π³ΠΎ ΠΈΠ½ΡΠ΅ΡΠ΅ΡΠ½ΠΎΠ³ΠΎ.
ΠΡΠΈΠ½ΡΠΈΠΏ ΠΏΠΎΠ»ΠΈΠ³ΡΠ°ΡΠΈΡΠ΅ΡΠΊΠΎΠ³ΠΎ Π΄ΠΈΠ·Π°ΠΉΠ½Π°
Material Design colors β ΡΡΠΎ ΠΌΠΈΠΊΡ Π³Π»Π°Π²Π½ΠΎΠ³ΠΎ ΠΈ Π²ΡΠΎΡΠΎΡΡΠ΅ΠΏΠ΅Π½Π½ΠΎΠ³ΠΎ ΡΠ²Π΅ΡΠΎΠ². ΠΠ»Π°Π²Π½ΡΠΉ ΡΠ²Π΅Ρ ΠΏΠΎΠ»ΡΡΠΈΠ»ΠΈ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ ΡΠΏΡΠ°Π²Π»Π΅Π½ΠΈΡ, Π° Π²Π°ΠΆΠ½ΡΠ΅ Π΄Π΅ΡΠ°Π»ΠΈ Π²ΡΠ΄Π΅Π»ΡΡΡΡΡ ΠΎΡΠΎΠ±ΡΠΌ ΡΠ²Π΅ΡΠΎΠΌ.ΠΠΎΡΠ»Π΅Π΄Π½ΠΈΠΉ ΠΌΠΎΠΌΠ΅Π½Ρ, ΠΊΠΎΡΠΎΡΡΠΉ Π½Π΅ ΡΠ»Π΅Π΄ΡΠ΅Ρ ΠΏΡΠΎΠΏΡΡΠΊΠ°ΡΡ Π² ΠΏΠΎΠ»ΠΈΠ³ΡΠ°ΡΠΈΠΈ β ΡΡΠΎ ΡΠΎΡΠΎΠ³ΡΠ°ΡΠΈΠΈ ΠΈ ΠΊΠ°ΡΡΠΈΠ½ΠΊΠΈ. ΠΠ΅Π·Π΄Π΅ ΠΈ Π²ΡΡΠ΄Ρ ΠΏΡΠΈΠ±Π΅Π³Π°ΡΡ ΠΊ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΡ ΡΡΠΊΠΈΡ ΠΊΠ°ΡΡΠΈΠ½ΠΎΠΊ Ρ ΠΎΡΡΡΡΡΡΠ²ΠΈΠ΅ΠΌ ΡΠ°ΠΌΠΎΠΊ.
ΠΡΠ»ΠΈ Π² Π΄Π²ΡΡ ΡΠ»ΠΎΠ²Π°Ρ ΠΎΠΏΠΈΡΠ°ΡΡ ΡΠ²ΠΎΠΉΡΡΠ²Π° ΠΏΠΎΠ»ΠΈΠ³ΡΠ°ΡΠΈΠΈ Π½ΠΎΠ²ΠΎΠ³ΠΎ ΡΠΈΠΏΠ°, ΡΠΎ ΡΡΠΎ Π±ΡΠ΄ΡΡ:
- ΡΠ΅ΡΠΊΠΎ ΠΎΡΠ΅ΡΡΠ΅Π½Π½ΡΠ΅ ΠΎΡΡΡΡΠΏΡ ΠΈ Π³ΡΠ°Π½ΠΈΡΡ;
- ΡΡΠΈΡΡΡ ΠΈ ΡΠ²Π΅ΡΠ°, ΡΠΎΡΠ΅ΡΠ°ΡΡΠΈΠ΅ΡΡ Π΄ΡΡΠ³ Ρ Π΄ΡΡΠ³ΠΎΠΌ;
- Π² Material Design Π΄ΠΎΠ»ΠΆΠ½Ρ Π±ΡΡΡ ΠΎΠ±ΡΠ·Π°ΡΠ΅Π»ΡΠ½ΠΎ ΡΠΎΡΠ½ΡΠ΅ ΡΠΎΡΠΎΠ³ΡΠ°ΡΠΈΠΈ ΠΈ ΠΊΠ°ΡΡΠΈΠ½ΠΊΠΈ Ρ ΡΡΡΠ΅ΠΊΡΠΎΠΌ Π°Π½ΠΈΠΌΠ°ΡΠΈΠΈ.
ΠΡΠΈΠ½ΡΠΈΠΏ Π°Π΄Π°ΠΏΡΠΈΠ²Π½ΠΎΡΡΠΈ
Π‘Π»Π΅Π΄ΡΠ΅Ρ Π²Π΅ΡΠ½ΡΡΡΡΡ ΠΊ ΠΎΡΠ½ΠΎΠ²Π½ΡΠΌ ΡΠ΅Π»ΡΠΌ, Π΄ΠΎΡΡΠΈΡΡ ΠΊΠΎΡΠΎΡΡΡ
Ρ
ΠΎΡΠ΅Π»ΠΈ ΡΠ°Π±ΠΎΡΠ½ΠΈΠΊΠΈ IT-ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠΈ. ΠΠ½ΠΈ ΠΌΠ΅ΡΡΠ°Π»ΠΈ ΠΎ ΡΠΎΠΌ, ΡΡΠΎΠ±Ρ Π²ΡΠ΅ ΠΏΡΠΎΠ΄ΡΠΊΡΡ, ΡΠ΄Π΅Π»Π°Π½Π½ΡΠ΅ Π² ΡΡΠ΅Π½Π°Ρ
ΠΊΠΎΡΠΏΠΎΡΠ°ΡΠΈΠΈ, ΠΎΠ±Π»Π°Π΄Π°Π»ΠΈ ΠΎΠ±ΡΠΈΠΌΠΈ ΡΠ²ΠΎΠΉΡΡΠ²Π°ΠΌΠΈ. ΠΠ°ΠΏΡΠΈΠΌΠ΅Ρ, ΡΠ΅ΡΠ²ΠΈΡΡ Π΄ΠΎΠ»ΠΆΠ½Ρ ΠΏΠ΅ΡΠ΅Π½Π°ΠΏΡΠ°Π²Π»ΡΡΡ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Ρ Π² ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΡ ΠΈ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ°ΡΡΡΡ Π°Π½Π°Π»ΠΎΠ³ΠΈΡΠ½ΠΎ. ΠΠΎΠΆΠ½ΠΎ Π½Π΅ Π±Π΅ΡΠΏΠΎΠΊΠΎΠΈΡΡΡΡ Π½Π°ΡΡΠ΅Ρ ΡΠ°Π·ΠΌΠ΅ΡΠ° ΡΠΊΡΠ°Π½Π°: Π΄ΠΈΠ·Π°ΠΉΠ½ ΠΏΠΎΠ΄ΡΡΡΠ°ΠΈΠ²Π°Π΅ΡΡΡ ΠΏΠΎΠ΄ ΠΊΠ°ΠΆΠ΄ΡΠΉ ΠΏΡΠΎΠ΄ΡΠΊΡ, ΠΈ ΠΊΠΎΠ½ΡΠ΅Π½Ρ Π½Π° Π΄Π΅Π²Π°ΠΉΡΠ°Ρ
Π²ΡΠ³Π»ΡΠ΄ΠΈΡ ΠΏΡΠ΅Π·Π΅Π½ΡΠ°Π±Π΅Π»ΡΠ½ΠΎ.
Π§Π΅ΠΌ ΠΌΠ΅Π½ΡΡΠ΅ ΠΏΠ°ΡΠ°ΠΌΠ΅ΡΡΡ Π΄ΠΈΡΠΏΠ»Π΅Ρ, ΡΠ΅ΠΌ ΠΌΠ΅Π½ΡΡΠ΅ ΠΈ ΠΊΠΎΠ»ΠΈΡΠ΅ΡΡΠ²ΠΎ ΠΊΠΎΠ½ΡΠ΅Π½ΡΠ°. Π¨ΠΈΡΠΎΠΊΠΎΡΠΎΡΠΌΠ°ΡΠ½ΡΠΉ ΠΌΠΎΠ½ΠΈΡΠΎΡ ΠΊΠΎΠΌΠΏΡΡΡΠ΅ΡΠ° ΠΏΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ ΡΠ°ΡΠΊΡΡΡΡ Π½Π° Π½Π΅ΠΌ Π±ΠΎΠ»ΡΡΠΎΠΉ ΡΠΏΠΈΡΠΎΠΊ ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌ, Π° Π½Π° ΡΠΌΠ°ΡΡΡΠΎΠ½Π΅ ΠΌΠ΅ΡΡΠ° Π½Π΅ Ρ Π²Π°ΡΠΈΡ ΠΏΡΠΎΠ΄Π΅Π»Π°ΡΡ ΡΠΎ ΠΆΠ΅ ΡΠ°ΠΌΠΎΠ΅. ΠΠ΄Π΅Ρ ΠΏΠΎΠΌΠ΅ΡΡΠΈΡΡ Π²ΡΠ΅ Π½Π΅ΠΎΠ±Ρ ΠΎΠ΄ΠΈΠΌΠΎΠ΅ Π½Π° Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΈΡ ΡΠΊΡΠ°Π½Π°Ρ ΠΏΡΠΎΡΡΠΎ ΠΈΠ·ΡΠΌΠΈΡΠ΅Π»ΡΠ½Π°. ΠΠ° Π΄ΠΈΡΠΏΠ»Π΅Π΅ ΠΏΠΎΠΊΠ°Π·ΡΠ²Π°ΡΡΡΡ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΡ, ΠΊΠ»ΠΈΠΊΠ½ΡΠ² ΠΏΠΎ ΠΊΠΎΡΠΎΡΡΠΌ, ΠΌΠΎΠΆΠ½ΠΎ ΡΠ²ΠΈΠ΄Π΅ΡΡ ΠΈΡ ΠΎΠΏΠΈΡΠ°Π½ΠΈΡ.
ΠΠ΅ΡΠ΅Π΄ ΠΏΡΠΎΠ΅ΠΊΡΠΈΡΠΎΠ²ΡΠΈΠΊΠΎΠΌ ΡΡΠΎΠΈΡ Π·Π°Π΄Π°ΡΠ° β ΠΏΠΎ ΠΎΠ±ΡΠ°Π·ΡΡ ΡΠΎΠ·Π΄Π°ΡΡ ΠΏΡΠ°Π²ΠΈΠ»ΡΠ½ΡΡ ΠΎΡΠ³Π°Π½ΠΈΠ·Π°ΡΠΈΡ ΠΏΡΠΎΡΡΡΠ°Π½ΡΡΠ²Π°. ΠΠ° ΡΠ°ΠΉΡΠ΅, ΠΏΠΎΡΠ²ΡΡΠ΅Π½Π½ΠΎΠΌΡ ΠΌΠ°ΡΠ΅ΡΠΈΠ°Π»ΡΠ½ΠΎΠΌΡ Π΄ΠΈΠ·Π°ΠΉΠ½Ρ, ΠΌΠΎΠΆΠ½ΠΎ Π½Π°ΠΉΡΠΈ ΠΌΠ½ΠΎΠ³ΠΎ ΡΠ΅Π³ΠΎ ΠΈΠ½ΡΠ΅ΡΠ΅ΡΠ½ΠΎΠ³ΠΎ, Π½Π°ΠΏΡΠΈΠΌΠ΅Ρ, ΠΊΠ°ΠΊ ΠΏΡΠΈΠΌΠ΅Π½ΡΡΡ Π±Π΅Π»ΡΠ΅ ΡΠ°ΠΌΠΊΠΈ ΠΈΠ»ΠΈ, Π³ΠΎΠ²ΠΎΡΡ ΠΏΡΠΎΡΠ΅ΡΡΠΈΠΎΠ½Π°Π»ΡΠ½ΡΠΌ ΡΠ·ΡΠΊΠΎΠΌ, white frames, Π±Π΅Π· ΠΊΠΎΡΠΎΡΡΡ Π±ΡΠ»ΠΎ Π±Ρ ΡΠ»ΠΎΠΆΠ½ΠΎ Π·Π°ΡΡΠ°Π²ΠΈΡΡ ΡΠ»ΠΎΠΈ ΠΈ ΡΠ΅Π½ΠΈ ΡΠ°Π±ΠΎΡΠ°ΡΡ Π² ΡΠ°Π½Π΄Π΅ΠΌΠ΅.
ΠΡΡΡΡΠΏΡ ΠΈΠ·ΠΌΠ΅ΡΡΡΡΡΡ ΡΠΏΠ΅ΡΠΈΠ°Π»ΡΠ½ΡΠΌ ΠΏΠΈΠΊΡΠ΅Π»Π΅ΠΌ dp. ΠΠ΅ ΡΡΠΎΠΈΡ Π·Π°Π±ΡΠ²Π°ΡΡ, ΡΡΠΎ Ρ Π΄Π΅Π²Π°ΠΉΡΠΎΠ² Ρ ΡΠ°Π·Π½ΡΠΌΠΈ Π³Π°Π±Π°ΡΠΈΡΠ°ΠΌΠΈ ΡΠ°ΡΡΡΠΎΡΠ½ΠΈΠ΅ ΠΎΡΠ»ΠΈΡΠ°Π΅ΡΡΡ Π΄ΡΡΠ³ ΠΎΡ Π΄ΡΡΠ³Π°. Π£ ΡΠΌΠ°ΡΡΡΠΎΠ½ΠΎΠ² ΠΎΠ½ΠΎ ΡΠ°Π²Π½ΡΠ΅ΡΡΡ 72 dp, Π΄Π»Ρ ΠΏΠ»Π°Π½ΡΠ΅ΡΠΎΠ² β 80 dp. ΠΡΠΈ ΡΠΎΠ·Π΄Π°Π½ΠΈΠΈ ΡΠΈΠ³ΡΡ Π΄Π»Ρ ΠΊΠΎΠΌΠΏΡΡΡΠ΅ΡΠ½ΡΡ ΠΈ ΠΌΠΎΠ±ΠΈΠ»ΡΠ½ΡΡ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ Π½ΡΠΆΠ½ΠΎ ΡΡΠΈΡΡΠ²Π°ΡΡ ΠΏΡΠΎΠΏΠΎΡΡΠΈΠΈ.
ΠΠ»ΠΎΠΊΠΈ ΠΏΠΎΡ
ΠΎΠΆΠΈ Π½Π° ΠΊΠΈΡΠΏΠΈΡΠΈΠΊΠΈ, ΠΈΠ· ΠΊΠΎΡΠΎΡΡΡ
ΡΡΡΠΎΠΈΡΡΡ ΡΠΈΡΡΠ΅ΠΌΠ°.
ΠΠ±ΡΠ΅Π΄ΠΈΠ½ΠΈΡΠ΅ ΠΈΡ
Ρ ΠΎΡΠ½ΠΎΠ²ΠΎΠΉ Π΄Π»Ρ Π΄ΠΈΠ·Π°ΠΉΠ½-ΠΌΠ°ΠΊΠ΅ΡΠ° ΠΈ ΠΏΠΎΠ»ΡΡΠΈΡΠ΅ ΡΠΈΡΠΎΠΊΠΎΠ΅ ΠΏΠΎΠ»Π΅ Π΄Π»Ρ ΡΠ²ΠΎΡΡΠ΅ΡΡΠ²Π°. ΠΡΡΠ°Π»ΠΎΡΡ Π΄ΠΎΠ±Π°Π²ΠΈΡΡ ΡΠ°Π·Π½ΡΠ΅ ΠΎΠ±ΡΠ΅ΠΊΡΡ, ΡΠ΅Π½ΠΈ, Π°Π½ΠΈΠΌΠ°ΡΠΈΡ, ΠΈ Π΄Π΅Π»ΠΎ ΡΠ΄Π΅Π»Π°Π½ΠΎ.
ΠΡΠ°ΡΠΈΡΠ΅ΡΠΊΠΎΠΌΡ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅ΡΡ Π½Π΅ΠΏΠ»ΠΎΡ ΠΎ Π±ΡΡΡ Π½Π΅ ΡΠΎΠ»ΡΠΊΠΎ ΠΈΡΠΊΡΡΠ½ΡΠΌ Ρ ΡΠ΄ΠΎΠΆΠ½ΠΈΠΊΠΎΠΌ, Π½ΠΎ Π΅ΡΡ ΠΈ ΡΠ΅ΡΡΠΈΡΠΎΠ²ΡΠΈΠΊΠΎΠΌ. ΠΠ΅ΡΠ΅Π΄ Π΅Π³ΠΎ ΠΌΡΡΠ»Π΅Π½Π½ΡΠΌ Π²Π·ΠΎΡΠΎΠΌ Π΄ΠΎΠ»ΠΆΠ½Π° ΠΏΠΎΡΠ²ΠΈΡΡΡΡ ΡΠ΅ΡΠΊΠ°Ρ ΠΊΠ°ΡΡΠΈΠ½ΠΊΠ° ΡΠΎΠ³ΠΎ, ΠΊΠ°ΠΊ Π±ΡΠ΄Π΅Ρ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ°ΡΡΡΡ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΡΡΠΊΠΈΠΉ ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡ Π½Π° ΡΠ°Π·Π½ΡΡ Π²ΠΈΠ΄Π°Ρ ΡΠ΅Ρ Π½ΠΈΠΊΠΈ β ΠΎΡ Π±ΠΎΠ»ΡΡΠΎΠ³ΠΎ ΠΌΠΎΠ½ΠΈΡΠΎΡΠ° Π΄ΠΎ ΡΠ°ΡΠΎΠ². ΠΠ·Π²Π΅ΡΡΠ½ΠΎ, ΡΡΠΎ Π² Π½Π΅Π±ΠΎΠ»ΡΡΠΈΡ ΠΏΠΎ ΡΠ°Π·ΠΌΠ΅ΡΡ ΡΡΡΡΠΎΠΉΡΡΠ²Π°Ρ Π΅ΡΡΡ Π²Π΅ΡΡΠΈΠΊΠ°Π»ΡΠ½Π°Ρ ΠΈ Π³ΠΎΡΠΈΠ·ΠΎΠ½ΡΠ°Π»ΡΠ½Π°Ρ ΠΎΡΠΈΠ΅Π½ΡΠ°ΡΠΈΡ. Π§ΡΠΎΠ±Ρ Π²ΠΎΠΏΠ»ΠΎΡΠΈΡΡ Π² ΠΆΠΈΠ·Π½Ρ ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½Π½ΡΡ ΠΌΠΎΠ΄Π΅Π»Ρ ΡΠΎ Π²ΡΠ΅ΠΌΠΈ ΡΠ΅Ρ Π½ΠΈΡΠ΅ΡΠΊΠΈΠΌΠΈ Ρ Π°ΡΠ°ΠΊΡΠ΅ΡΠΈΡΡΠΈΠΊΠ°ΠΌΠΈ, ΠΌΠ°ΡΡΠ΅Ρ Π±ΡΠ΄Π΅Ρ ΡΡΡΠ΄ΠΈΡΡΡΡ Π½Π΅ ΠΎΠ΄Π½ΠΈ ΡΡΡΠΊΠΈ.
Π‘Π΅ΠΊΡΠ΅Ρ ΠΏΠΎΠΏΡΠ»ΡΡΠ½ΠΎΡΡΠΈ Material Design
ΠΠ° ΠΏΡΠ΅Π·Π΅Π½ΡΠ°ΡΠΈΠΈ ΡΡΠ°Π»ΠΎ ΡΡΠ½ΠΎ, ΡΡΠΎ Π² Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅ Π±ΡΠ» ΡΠΎΠ²Π΅ΡΡΠ΅Π½ Π½Π°ΡΡΠΎΡΡΠΈΠΉ ΠΏΠ΅ΡΠ΅Π²ΠΎΡΠΎΡ. Π Π½ΠΎΠ²ΠΎΠΌ Π·Π°ΠΌΡΡΠ»Π΅ ΠΎΡ Google ΠΎΡΠ΅Π½Ρ Π±ΡΡΡΡΠΎ Π·Π°Π³ΠΎΠ²ΠΎΡΠΈΠ»ΠΈ Π² ΠΏΡΠΎΡΠ΅ΡΡΠΈΠΎΠ½Π°Π»ΡΠ½ΠΎΠΌ ΡΠΎΠΎΠ±ΡΠ΅ΡΡΠ²Π΅. ΠΠ΅ΠΊΠΎΡΠΎΡΡΠ΅ ΠΏΡΠΎΠ΅ΠΊΡΡ Ρ
ΠΎΡΠ΅Π»ΠΈ ΠΏΠΎΠΌΠ΅Π½ΡΡΡ ΠΎΡΠΎΡΠΌΠ»Π΅Π½ΠΈΠ΅, ΡΡΠΎΠ±Ρ ΡΠ»Π΅Π΄ΠΎΠ²Π°ΡΡ Π·Π° ΡΡΠ΅Π½Π΄Π°ΠΌΠΈ. ΠΡΡΠ³ΠΈΠ΅ ΠΏΠΎΠ½ΡΠ»ΠΈ ΠΏΡΠ΅ΠΈΠΌΡΡΠ΅ΡΡΠ²Π° ΠΎΡΠΌΡΡΠ»Π΅Π½Π½ΠΎΠ³ΠΎ ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡΠ°. IT-ΠΊΠΎΡΠΏΠΎΡΠ°ΡΠΈΡ ΡΠ΄Π΅Π»Π°Π»Π° ΠΎΠ³ΡΠΎΠΌΠ½ΡΠΉ ΡΠ°Π³ Π²ΠΏΠ΅ΡΠ΅Π΄.
ΠΠ΅ Π½Π°ΠΉΠ΄Π΅ΡΡΡ ΡΠ΅ΠΉΡΠ°Ρ ΡΠ°ΠΊΠΎΠ³ΠΎ ΡΠ΅Π»ΠΎΠ²Π΅ΠΊΠ°, ΠΊΠΎΡΠΎΡΡΠΉ Π±Ρ Π½Π΅ ΠΏΠΎΠ΄ΡΠ²Π΅ΡΠ΄ΠΈΠ», ΡΡΠΎ Ρ Π»ΡΠ±ΡΠΌ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ΠΌ Google Π½Π° ΡΠΌΠ°ΡΡΡΠΎΠ½Π΅ ΡΠ΄ΠΎΠ±Π½ΠΎ Π²Π·Π°ΠΈΠΌΠΎΠ΄Π΅ΠΉΡΡΠ²ΠΎΠ²Π°ΡΡ. Π‘ΠΊΠ»Π°Π΄ΡΠ²Π°Π΅ΡΡΡ Π²ΠΏΠ΅ΡΠ°ΡΠ»Π΅Π½ΠΈΠ΅, ΡΡΠΎ Π½Π° ΡΠΊΡΠ°Π½Π΅ Π½Π°ΡΡΠΎΡΡΠΈΠ΅ ΠΎΠ±ΡΠ΅ΠΊΡΡ, ΠΊΠΎΡΠΎΡΡΠ΅ Π²ΡΠΏΠΎΠ»Π½ΡΡΡ ΡΡΡΠΊΡΡ ΡΠ΅Π»Ρ, Π½ΠΎ ΠΏΡΠΈ ΡΡΠΎΠΌ ΡΠ²Π»ΡΡΡΡΡ ΡΠ°ΠΌΠΎΠ΄ΠΎΡΡΠ°ΡΠΎΡΠ½ΡΠΌΠΈ.
Google, Π² ΠΏΠ΅ΡΠ²ΡΡ ΠΎΡΠ΅ΡΠ΅Π΄Ρ, ΠΏΠΎΠ΄ΡΠΌΠ°Π»Π° ΠΎ Π·Π°ΠΏΡΠΎΡΠ°Ρ ΡΠ²ΠΎΠ΅ΠΉ ΡΠ΅Π»Π΅Π²ΠΎΠΉ Π°ΡΠ΄ΠΈΡΠΎΡΠΈΠΈ. Π Π½Π΅ ΠΏΡΠΎΠ³Π°Π΄Π°Π»Π°. ΠΠ½Π° ΡΠΎΠ·Π΄Π°Π»Π° Π΅Π΄ΠΈΠ½ΡΠΉ ΡΡΠΈΠ»Ρ Π΄Π»Ρ ΡΠ²ΠΎΠΈΡ ΠΏΡΠΎΠ΄ΡΠΊΡΠΎΠ². ΠΠ½Π° ΠΏΠΎΠ΄ΡΠΎΠ±Π½ΠΎ ΠΎΠΏΠΈΡΠ°Π»Π° ΠΊΠΎΠ½ΡΠ΅ΠΏΡΠΈΡ ΠΈ ΡΠΎΠ·Π΄Π°Π»Π° ΡΠ΅ΠΌΠ°ΡΠΈΡΠ΅ΡΠΊΠΈΠΉ ΡΠ°ΠΉΡ Ρ ΠΈΠ½ΡΡΡΡΠΊΡΠΈΡΠΌΠΈ, ΡΡΠ°ΡΡΡΠΌΠΈ ΠΈ ΠΏΡΠΈΠΌΠ΅ΡΠ°ΠΌΠΈ. ΠΡΠ° ΡΠ°Π±ΠΎΡΠ° Π΄ΠΎΡΡΠΎΠΉΠ½Π° ΡΠ²Π°ΠΆΠ΅Π½ΠΈΡ.
ΠΡΠΎΠ΄Π²ΠΈΠΆΠ΅Π½ΠΈΠ΅ Π±Π»ΠΎΠ³Π° — ΠΠ΅Π½Π΅ΡΠ°ΡΠΎΡ ΠΏΡΠΎΠ΄Π°ΠΆ
Π Π΅ΠΉΡΠΈΠ½Π³: 5
(Β Π³ΠΎΠ»ΠΎΡΠΎΠ² 2 )
ΠΠΎΠ΄Π΅Π»ΠΈΡΡΡΡ ΡΡΠ°ΡΡΠ΅ΠΉ
Π²Π²Π΅Π΄Π΅Π½ΠΈΠ΅ Π² Π°Π½ΠΈΠΌΠ°ΡΠΈΡ ΠΈ Π²Π·Π°ΠΈΠΌΠΎΠ΄Π΅ΠΉΡΡΠ²ΠΈΠ΅
Material Design (ΠΌΠ°ΡΠ΅ΡΠΈΠ°Π»ΡΠ½ΡΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½) β ΡΡΠΎ Π±ΠΎΠ»ΡΡΠ°Ρ Π΄ΠΈΠ·Π°ΠΉΠ½-Π±ΠΈΠ±Π»ΠΈΠΎΡΠ΅ΠΊΠ°, Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΠΊΠΎΡΠΎΡΠΎΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅ΡΡ ΠΈ ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΠΈ ΠΌΠΎΠ³ΡΡ ΡΠΎΠ·Π΄Π°Π²Π°ΡΡ ΠΌΠΎΠ±ΠΈΠ»ΡΠ½ΡΠ΅ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΡ, Π²Π΅Π±-ΡΠ°ΠΉΡΡ, Π²Π΅Π±-ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΡ ΠΈ Π΄ΡΡΠ³ΠΈΠ΅ ΡΠΈΡΡΠΎΠ²ΡΠ΅ ΠΏΡΠΎΠ΄ΡΠΊΡΡ.
ΠΠ΅ ΠΏΠΎΠ΄ΡΠΎΠ±Π½Π°Ρ Π΄ΠΎΠΊΡΠΌΠ΅Π½ΡΠ°ΡΠΈΡ ΡΠΎΠ΄Π΅ΡΠΆΠΈΡ ΠΌΠ½ΠΎΠ³ΠΎ ΠΈΠ½ΡΠΎΡΠΌΠ°ΡΠΈΠΈ ΠΈ Π±ΡΠ΄Π΅Ρ ΠΏΠΎΠ»Π΅Π·Π½Π° Π΄Π°ΠΆΠ΅ ΡΠ°ΠΌΡΠΌ ΠΎΠΏΡΡΠ½ΡΠΌ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅ΡΠ°ΠΌ.
Material Design UI ΠΎΡ Google β ΠΎΠ΄Π½Π° ΠΈΠ· ΡΠ°ΠΌΡΡ ΠΏΠΎΠΏΡΠ»ΡΡΠ½ΡΡ Π΄ΠΈΠ·Π°ΠΉΠ½-Π±ΠΈΠ±Π»ΠΈΠΎΡΠ΅ΠΊ Π² ΠΌΠΈΡΠ΅. ΠΡΠ»ΠΈ Π²Ρ ΠΏΠΎΠ»ΡΠ·ΡΠ΅ΡΠ΅ΡΡ ΠΏΡΠΎΠ΄ΡΠΊΡΠ°ΠΌΠΈ Google (Gmail, Meet, Docs ΠΈ Ρ.Π΄.) ΠΈΠ»ΠΈ ΡΡΡΡΠΎΠΉΡΡΠ²ΠΎΠΌ Android, Π²Ρ, ΡΠΊΠΎΡΠ΅Π΅ Π²ΡΠ΅Π³ΠΎ, Π΅ΠΆΠ΅Π΄Π½Π΅Π²Π½ΠΎ Π²Π·Π°ΠΈΠΌΠΎΠ΄Π΅ΠΉΡΡΠ²ΡΠ΅ΡΠ΅ Ρ Material Design UI.
ΠΡΠΎ Π½Π΅ΡΡΠΎ Π±ΠΎΠ»ΡΡΠ΅Π΅, ΡΠ΅ΠΌ ΠΎΠ±ΡΡΠ½Π°Ρ Π±ΠΈΠ±Π»ΠΈΠΎΡΠ΅ΠΊΠ°. ΠΡΠΎ Π½Π°ΡΡΠΎΡΡΠΈΠΉ ΠΌΠ°ΡΡΠ΅Ρ-ΠΊΠ»Π°ΡΡ ΠΏΠΎ ΠΏΡΠΎΠ΅ΠΊΡΠΈΡΠΎΠ²Π°Π½ΠΈΡ ΠΎΠΏΡΡΠ° Π²Π·Π°ΠΈΠΌΠΎΠ΄Π΅ΠΉΡΡΠ²ΠΈΡ Ρ ΠΎΡΠ»ΠΈΡΠ½ΠΎΠΉ Π΄ΠΎΠΊΡΠΌΠ΅Π½ΡΠ°ΡΠΈΠ΅ΠΉ, ΠΏΡΠΈΠ½ΡΠΈΠΏΠ°ΠΌΠΈ/Π»ΡΡΡΠΈΠΌΠΈ ΠΏΡΠ°ΠΊΡΠΈΠΊΠ°ΠΌΠΈ ΠΈ ΡΡΠ΅Π±Π½ΡΠΌΠΈ ΠΏΠΎΡΠΎΠ±ΠΈΡΠΌΠΈ.
Π§ΡΠΎ ΡΠ°ΠΊΠΎΠ΅ Material Design?
Material Design β ΡΡΠΎ Π΄ΠΈΠ·Π°ΠΉΠ½-Π±ΠΈΠ±Π»ΠΈΠΎΡΠ΅ΠΊΠ°, ΡΠ°Π·ΡΠ°Π±ΠΎΡΠ°Π½Π½Π°Ρ ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠ΅ΠΉ Google. ΠΠ½Π° Π²ΠΊΠ»ΡΡΠ°Π΅Ρ UI-ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΡ, ΠΈΠΊΠΎΠ½ΠΊΠΈ, ΡΠΈΠΏΠΎΠ³ΡΠ°ΡΠΈΠΊΡ, Π° ΡΠ°ΠΊΠΆΠ΅ ΡΠ΅ΠΊΠΎΠΌΠ΅Π½Π΄Π°ΡΠΈΠΈ ΠΈ ΡΡΠ΅Π±Π½ΡΠ΅ ΠΌΠ°ΡΠ΅ΡΠΈΠ°Π»Ρ, ΠΊΠΎΡΠΎΡΡΠ΅ ΠΏΠΎΠΌΠΎΠ³Π°ΡΡ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅ΡΠ°ΠΌ ΠΈ ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΠ°ΠΌ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ Π΅Π΅ ΠΌΠ°ΠΊΡΠΈΠΌΠ°Π»ΡΠ½ΠΎ ΡΡΡΠ΅ΠΊΡΠΈΠ²Π½ΠΎ.
Google ΠΏΡΠ΅Π΄ΡΡΠ°Π²ΠΈΠ» Material Design Π² 2014 Π³ΠΎΠ΄Ρ Π½Π° ΠΊΠΎΠ½ΡΠ΅ΡΠ΅Π½ΡΠΈΠΈ Google I/O. Π¦Π΅Π»Ρ ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠΈ ΡΠΎΡΡΠΎΡΠ»Π° Π² ΡΠΎΠΌ, ΡΡΠΎΠ±Ρ ΡΠΎΠ·Π΄Π°ΡΡ βΠΎΡΡΠ·Π°Π΅ΠΌΡΡβ Π±ΠΈΠ±Π»ΠΈΠΎΡΠ΅ΠΊΡ Π½Π° ΠΎΡΠ½ΠΎΠ²Π΅ ΡΠΈΡΡΠΎΠ²ΡΡ
ΡΠ΅ΡΠ½ΠΈΠ» ΠΈ Π±ΡΠΌΠ°Π³ΠΈ.
βΠ ΠΎΡΠ»ΠΈΡΠΈΠ΅ ΠΎΡ Π½Π°ΡΡΠΎΡΡΠ΅ΠΉ Π±ΡΠΌΠ°Π³ΠΈ, Π½Π°Ρ ΡΠΈΡΡΠΎΠ²ΠΎΠΉ ΠΌΠ°ΡΠ΅ΡΠΈΠ°Π» ΠΌΠΎΠΆΠ΅Ρ ΡΠ°ΡΡΠΈΡΡΡΡΡΡ ΠΈ ΠΌΠ΅Π½ΡΡΡ ΡΠΎΡΠΌΡ. Π£ ΠΌΠ°ΡΠ΅ΡΠΈΠ°Π»Π° Π΅ΡΡΡ ΡΠΈΠ·ΠΈΡΠ΅ΡΠΊΠΈΠ΅ ΠΏΠΎΠ²Π΅ΡΡ
Π½ΠΎΡΡΠΈ ΠΈ ΠΊΡΠ°Ρ. ΠΠ»Π°Π³ΠΎΠ΄Π°ΡΡ ΡΠ²Π°ΠΌ ΠΈ ΡΠ΅Π½ΡΠΌ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΡ Π²ΡΠ³Π»ΡΠ΄ΡΡ ΡΠ°ΠΊ, Π±ΡΠ΄ΡΠΎ ΠΈΡ
ΠΌΠΎΠΆΠ½ΠΎ ΠΏΠΎΡΡΠΎΠ³Π°ΡΡβ. ΠΠ°ΡΠΈΠ°Ρ ΠΡΠ°ΡΡΠ΅ β Π²ΠΈΡΠ΅-ΠΏΡΠ΅Π·ΠΈΠ΄Π΅Π½Ρ Google ΠΏΠΎ Π΄ΠΈΠ·Π°ΠΉΠ½Ρ.
Material Design ΠΎΡΠ»ΠΈΡΠ°Π΅ΡΡΡ ΠΎΡ Π΄ΡΡΠ³ΠΈΡ Π±ΠΈΠ±Π»ΠΈΠΎΡΠ΅ΠΊ ΡΠ΅ΠΌ, ΡΡΠΎ ΡΠ΅Π½ΡΡΠ°Π»ΡΠ½ΡΠΌ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠΌ Π·Π΄Π΅ΡΡ ΡΠ²Π»ΡΠ΅ΡΡΡ Π²Π·Π°ΠΈΠΌΠΎΠ΄Π΅ΠΉΡΡΠ²ΠΈΠ΅. ΠΠΌΠ΅Π½Π½ΠΎ ΠΏΠΎΡΡΠΎΠΌΡ Material Design Π²ΡΠ±ΠΈΡΠ°ΡΡ Π²ΡΠ΅ Π±ΠΎΠ»ΡΡΠ΅ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅ΡΠΎΠ².
ΠΡΠ΅ΠΈΠΌΡΡΠ΅ΡΡΠ²Π° Material Design
ΠΠ΄Π½ΠΎ ΠΈΠ· ΡΠ°ΠΌΡΡ Π±ΠΎΠ»ΡΡΠΈΡ ΠΏΡΠ΅ΠΈΠΌΡΡΠ΅ΡΡΠ² Material Design Π·Π°ΠΊΠ»ΡΡΠ°Π΅ΡΡΡ Π² ΡΠ»Π΅Π΄ΡΡΡΠ΅ΠΌ: Π²Ρ ΡΠ°ΠΊΡΠΈΡΠ΅ΡΠΊΠΈ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΡΠ΅ Π±ΠΈΠ±Π»ΠΈΠΎΡΠ΅ΠΊΡ, ΠΊΠ°ΠΆΠ΄ΡΠΉ ΡΠ»Π΅ΠΌΠ΅Π½Ρ ΠΈ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ ΠΊΠΎΡΠΎΡΠΎΠΉ Π±ΡΠ» ΠΏΡΠΎΡΠ΅ΡΡΠΈΡΠΎΠ²Π°Π½ UX-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅ΡΠ°ΠΌΠΈ Google, ΡΡΠΎ ΡΠΊΠΎΠ½ΠΎΠΌΠΈΡ Π²Π°ΠΌ ΡΠΎΡΠ½ΠΈ ΡΠ°ΡΠΎΠ² ΡΠ΅ΡΡΠΈΡΠΎΠ²Π°Π½ΠΈΡ ΠΈ ΠΈΡΠ΅ΡΠ°ΡΠΈΠΉ.Β
ΠΡΠΎΠΌΠ΅ ΡΠΎΠ³ΠΎ, Material Π·Π½Π°ΠΊΠΎΠΌ ΠΌΠΈΠ»Π»ΠΈΠ°ΡΠ΄Π°ΠΌ Π»ΡΠ΄Π΅ΠΉ, ΠΏΠΎΡΡΠΎΠΌΡ Π±ΠΎΠ»ΡΡΠΈΠ½ΡΡΠ²ΠΎ ΠΈΠ· Π½ΠΈΡ
ΠΌΠΎΠ³ΡΡ ΡΡΠ°Π·Ρ ΠΆΠ΅ Π½Π°ΡΠ°ΡΡ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ Π²Π°Ρ ΠΏΡΠΎΠ΄ΡΠΊΡ, Π½Π΅ ΠΈΠ·ΡΡΠ°Ρ Π½ΠΎΠ²ΡΡ Π΄ΠΈΠ·Π°ΠΉΠ½-ΡΠΈΡΡΠ΅ΠΌΡ, ΡΡΠΎ ΠΌΠΎΠΆΠ½ΠΎ Π½Π°Π·Π²Π°ΡΡ ΠΎΠ³ΡΠΎΠΌΠ½ΡΠΌ ΠΏΡΠ΅ΠΈΠΌΡΡΠ΅ΡΡΠ²ΠΎΠΌ Ρ ΡΠΎΡΠΊΠΈ Π·ΡΠ΅Π½ΠΈΡ ΠΏΡΠΈΡ
ΠΎΠ»ΠΎΠ³ΠΈΠΈ Π΄ΠΈΠ·Π°ΠΉΠ½Π°, Π²Π΅Π΄Ρ ΡΡΠΎ ΠΏΡΠΈΠ²ΠΎΠ΄ΠΈΡ ΠΊ ΡΠ½ΠΈΠΆΠ΅Π½ΠΈΡ ΠΊΠΎΠ³Π½ΠΈΡΠΈΠ²Π½ΠΎΠΉ Π½Π°Π³ΡΡΠ·ΠΊΠΈ.
ΠΡΠ΅ ΠΎΠ΄Π½ΠΎ Π²Π°ΠΆΠ½ΠΎΠ΅ ΠΏΡΠ΅ΠΈΠΌΡΡΠ΅ΡΡΠ²ΠΎ ΡΠ°Π·ΡΠ°Π±ΠΎΡΠΊΠΈ Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ΠΌ Material Design β ΡΠΊΠΎΡΠΎΡΡΡ. ΠΠΈΠ·Π°ΠΉΠ½Π΅ΡΡ ΠΌΠΎΠ³ΡΡ ΠΏΠ΅ΡΠ΅ΡΠ°ΡΠΊΠΈΠ²Π°ΡΡ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ ΠΈ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΡ Material ΠΈ ΡΠΎΠ·Π΄Π°Π²Π°ΡΡ ΠΈΠ· Π½ΠΈΡ ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡΡ, ΡΡΠΎ ΠΏΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ ΡΡΠΊΠΎΠ½ΠΎΠΌΠΈΡΡ Π²ΡΠ΅ΠΌΡ ΠΈ Π½Π΅ Π½Π°ΡΠΈΠ½Π°ΡΡ ΠΊΠ°ΠΆΠ΄ΡΠΉ ΡΠ°Π· Π²ΡΠ΅ Ρ Π½ΡΠ»Ρ.
ΠΠ°ΠΊΠΎΠ½Π΅Ρ, Material Design ΠΈΠΌΠ΅Π΅Ρ ΠΎΡΠΊΡΡΡΡΠΉ ΠΈΡΡ ΠΎΠ΄Π½ΡΠΉ ΠΊΠΎΠ΄, ΡΠΎ Π΅ΡΡΡ Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ Π½Π°ΡΡΡΠΎΠΈΡΡ Π±ΠΈΠ±Π»ΠΈΠΎΡΠ΅ΠΊΡ ΡΠ°ΠΊΠΈΠΌ ΠΎΠ±ΡΠ°Π·ΠΎΠΌ, ΡΡΠΎΠ±Ρ ΠΎΠ½Π° ΡΠΎΠΎΡΠ²Π΅ΡΡΡΠ²ΠΎΠ²Π°Π»Π° Π²Π°ΡΠ΅ΠΌΡ Π±ΡΠ΅Π½Π΄Ρ ΠΈΠ»ΠΈ ΠΏΡΠΎΠ΄ΡΠΊΡΡ. ΠΠΈΠ·Π°ΠΉΠ½-ΡΠΈΡΡΠ΅ΠΌΠ° Π΄ΠΎΡΡΡΠΏΠ½Π° Π΄Π»Ρ Android ΠΈ iOS, ΡΡΠΎ ΠΏΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΠΎΠ΄Π½Ρ Π±ΠΈΠ±Π»ΠΈΠΎΡΠ΅ΠΊΡ Π΄Π»Ρ ΠΎΠ±Π΅ΠΈΡ ΠΎΠΏΠ΅ΡΠ°ΡΠΈΠΎΠ½Π½ΡΡ ΡΠΈΡΡΠ΅ΠΌ.
ΠΡΠΎΠ±Π΅Π½Π½ΠΎΡΡΠΈ Material Design
Material Design β ΠΌΠ½ΠΎΠ³ΠΎΡΡΠ½ΠΊΡΠΈΠΎΠ½Π°Π»ΡΠ½ΡΠΉ ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½Ρ, Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΠΊΠΎΡΠΎΡΠΎΠ³ΠΎ ΠΌΠΎΠΆΠ½ΠΎ ΡΠΎΠ·Π΄Π°ΡΡ ΠΏΡΠ°ΠΊΡΠΈΡΠ΅ΡΠΊΠΈ Π»ΡΠ±ΠΎΠΉ ΠΏΡΠΎΠ΄ΡΠΊΡ. ΠΡ ΡΠ°ΡΡΠΌΠΎΡΡΠΈΠΌ Π½Π΅ΠΊΠΎΡΠΎΡΡΠ΅ ΠΊΠ»ΡΡΠ΅Π²ΡΠ΅ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ Π±ΠΈΠ±Π»ΠΈΠΎΡΠ΅ΠΊΠΈ β ΠΈΠΌΠ΅Π½Π½ΠΎ ΠΈΡ ΡΠ°ΡΠ΅ Π²ΡΠ΅Π³ΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡΡ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅ΡΡ ΠΏΡΠΈ ΠΏΡΠΎΠ΅ΠΊΡΠΈΡΠΎΠ²Π°Π½ΠΈΠΈ ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡΠΎΠ².
ΠΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΡ
Material Design ΠΈΠΌΠ΅Π΅Ρ ΠΎΠ³ΡΠΎΠΌΠ½ΡΡ Π±ΠΈΠ±Π»ΠΈΠΎΡΠ΅ΠΊΡ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΠΎΠ² ΠΈ UI-ΠΏΠ°ΡΡΠ΅ΡΠ½ΠΎΠ² (Π²ΡΠ΅Π³ΠΎ 17 ΠΊΠ°ΡΠ΅Π³ΠΎΡΠΈΠΉ), Π²ΠΊΠ»ΡΡΠ°Ρ ΠΊΠ½ΠΎΠΏΠΊΠΈ, ΠΏΠ°Π½Π΅Π»ΠΈ Π½Π°Π²ΠΈΠ³Π°ΡΠΈΠΈ, ΠΌΠ΅Π½Ρ, ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ Π²ΡΠ±ΠΎΡΠ° Π΄Π°ΡΡ, ΠΊΠ°ΡΡΠΎΡΠΊΠΈ, ΡΠΏΠΈΡΠΊΠΈ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠΉ ΠΈ ΠΌΠ½ΠΎΠ³ΠΎΠ΅ Π΄ΡΡΠ³ΠΎΠ΅!
Google ΠΏΡΠΎΠ΄ΡΠΌΠ°Π» Π²ΡΠ΅ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΡΠ΅ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΡ, ΠΊΠΎΡΠΎΡΡΠ΅ ΠΌΠΎΠ³ΡΡ ΠΏΠΎΠ½Π°Π΄ΠΎΠ±ΠΈΡΡΡΡ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅ΡΡ, Π° Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ Π½Π°ΡΡΡΠΎΠΈΡΡ ΠΈΡ
Π² ΡΠΎΠΎΡΠ²Π΅ΡΡΡΠ²ΠΈΠΈ Ρ Π²Π°ΡΠΈΠΌΠΈ ΠΏΠΎΡΡΠ΅Π±Π½ΠΎΡΡΡΠΌΠΈ.
ΠΠ°ΠΏΡΠΈΠΌΠ΅Ρ, Π² ΡΠ°Π·Π΄Π΅Π»Π΅ βΠΠΈΠΆΠ½ΡΡ ΠΏΠ°Π½Π΅Π»Ρ Π½Π°Π²ΠΈΠ³Π°ΡΠΈΠΈβ (Bottom Navigation) Π²Ρ ΡΠ·Π½Π°Π΅ΡΠ΅ ΠΎ ΠΏΡΠΈΠ½ΡΠΈΠΏΠ°Ρ
ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΡ, Π°Π½Π°ΡΠΎΠΌΠΈΠΈ, ΠΏΠΎΠ²Π΅Π΄Π΅Π½ΠΈΠΈ, ΠΏΡΠ°Π²ΠΈΠ»Π°Ρ
ΡΠ°Π·ΠΌΠ΅ΡΠ΅Π½ΠΈΡ, ΡΠΎΡΡΠΎΡΠ½ΠΈΡΡ
ΠΈ ΠΎΡΠΎΠ±Π΅Π½Π½ΠΎΡΡΡΡ
ΡΡΠΈΠ»ΠΈΠ·Π°ΡΠΈΠΈ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΠ°, ΡΡΠΎ ΠΏΠΎΠΌΠΎΠΆΠ΅Ρ ΡΠ΅Π°Π»ΠΈΠ·ΠΎΠ²Π°ΡΡ Π΅Π³ΠΎ Π½Π°ΠΈΠ±ΠΎΠ»Π΅Π΅ ΡΡΡΠ΅ΠΊΡΠΈΠ²Π½ΠΎ.
ΠΡΠΎΠΌΠ΅ ΡΠΎΠ³ΠΎ, Google ΠΏΡΠ΅Π΄Π»Π°Π³Π°Π΅Ρ ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΠ°ΠΌ Π±Π°Π·ΠΎΠ²ΡΠΉ HTML ΠΈ CSS-ΠΊΠΎΠ΄ Π΄Π»Ρ Π²Π½Π΅Π΄ΡΠ΅Π½ΠΈΡ ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΠ°: ΠΈΠ½ΠΆΠ΅Π½Π΅ΡΡ ΠΌΠΎΠ³ΡΡ ΡΠΊΠΎΠΏΠΈΡΠΎΠ²Π°ΡΡ/Π²ΡΡΠ°Π²ΠΈΡΡ Π΅Π³ΠΎ Π² ΡΠ²ΠΎΠΈ ΡΠ°ΠΉΠ»Ρ, ΡΡΠΎΠ±Ρ Π½Π΅ Π½Π°ΡΠΈΠ½Π°ΡΡ ΡΠ°Π±ΠΎΡΡ Ρ Π½ΡΠ»Ρ.
ΠΡΠΈ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΡ Material Π±ΡΠ»ΠΈ ΡΠ°Π·ΡΠ°Π±ΠΎΡΠ°Π½Ρ ΡΠΏΠ΅ΡΠΈΠ°Π»ΡΠ½ΠΎ Π΄Π»Ρ Π²Π΅Π±-ΡΠ°ΠΉΡΠΎΠ² ΠΈ Π²Π΅Π±-ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ. Π Π°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΠΈ ΡΠ°ΠΊΠΆΠ΅ ΠΌΠΎΠ³ΡΡ Π½Π°ΠΉΡΠΈ Π±ΠΈΠ±Π»ΠΈΠΎΡΠ΅ΠΊΠΈ Material Π΄Π»Ρ React, Vue, Angular ΠΈ Π΄ΡΡΠ³ΠΈΡ . ΠΠ΄Π½Π°ΠΊΠΎ Π²Π°ΠΆΠ½ΠΎ ΠΎΡΠΌΠ΅ΡΠΈΡΡ, ΡΡΠΎ ΠΊΠΎΠΌΠ°Π½Π΄Π° Material Design Π½Π΅ Π·Π°Π½ΠΈΠΌΠ°Π΅ΡΡΡ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΊΠΎΠΉ ΡΡΠΈΡ Π½Π΅ΠΎΡΠΈΡΠΈΠ°Π»ΡΠ½ΡΡ Π±ΠΈΠ±Π»ΠΈΠΎΡΠ΅ΠΊ.
ΠΠΊΠΎΠ½ΠΊΠΈ
ΠΠΎΠ»Π»Π΅ΠΊΡΠΈΡ Material Icons Π²ΠΊΠ»ΡΡΠ°Π΅Ρ Π±ΠΎΠ»Π΅Π΅ 2 000 ΠΈΠΊΠΎΠ½ΠΎΠΊ Π² ΠΏΡΡΠΈ ΡΡΠΈΠ»ΡΡ :
- ΠΠΈΠ½Π΅ΠΉΠ½ΡΠ΅
- Π‘ Π·Π°Π»ΠΈΠ²ΠΊΠΎΠΉ
- Π‘ΠΎ ΡΠΊΡΡΠ³Π»Π΅Π½Π½ΡΠΌΠΈ ΡΠ³Π»Π°ΠΌΠΈ
- Π‘ ΠΎΡΡΡΡΠΌΠΈ ΡΠ³Π»Π°ΠΌΠΈ
- ΠΠ²ΡΡ ΡΠ²Π΅ΡΠ½ΡΠ΅
ΠΡ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΡΠΊΠ°ΡΠ°ΡΡ Material Icons Π΄Π»Ρ Π²Π΅Π± Π² ΡΠΎΡΠΌΠ°ΡΠ΅ SVG ΠΈΠ»ΠΈ PNG ΠΈΠ»ΠΈ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΡΡΠ°Π³ΠΌΠ΅Π½ΡΡ ΠΊΠΎΠ΄Π° Π΄Π»Ρ Android, iOS ΠΈ Flutter.
ΠΡ ΡΠ°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΠΏΠΎΠ΄ΠΊΠ»ΡΡΠΈΡΡ ΡΡΠΈΠ»ΠΈ Ρ GitHub, ΡΠ°Π·ΠΌΠ΅ΡΡΠΈΠ² ΡΠΎΠΎΡΠ²Π΅ΡΡΡΠ²ΡΡΡΠΈΠΉ ΠΊΠΎΠ΄ Π²Π½ΡΡΡΠΈ ΡΠ΅Π³Π° <head> Π² HTML-ΡΠ°ΠΉΠ»Π΅.
Π’ΠΈΠΏΠΎΠ³ΡΠ°ΡΠΈΠΊΠ°
Π’ΠΈΠΏΠΎΠ³ΡΠ°ΡΠΈΠΊΠ° β Π²Π°ΠΆΠ½Π΅ΠΉΡΠΈΠΉ ΡΠ»Π΅ΠΌΠ΅Π½Ρ UI-Π΄ΠΈΠ·Π°ΠΉΠ½Π° ΠΈ Π±ΡΠ΅Π½Π΄ΠΈΠ½Π³Π°. Π‘ΡΠ°Π½Π΄Π°ΡΡΠ½ΡΠ΅ Π³Π°ΡΠ½ΠΈΡΡΡΡ Material Design Π΄Π»Ρ Android: Roboto ΠΈ Noto Sans. ΠΠΎΡΠ»Π΅Π΄Π½ΡΡ Π²ΠΊΠ»ΡΡΠ°Π΅Ρ Π±ΠΎΠ»Π΅Π΅ 150 ΡΡΠΈΡΡΠΎΠ² ΠΈ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΈΠ²Π°Π΅Ρ Π±ΠΎΠ»Π΅Π΅ 800 ΡΠ·ΡΠΊΠΎΠ², ΠΏΠΎΡΡΠΎΠΌΡ Π²Ρ ΠΏΡΠΈ Π½Π΅ΠΎΠ±Ρ ΠΎΠ΄ΠΈΠΌΠΎΡΡΠΈ Π»Π΅Π³ΠΊΠΎ ΠΏΠ΅ΡΠ΅Π²Π΅Π΄Π΅ΡΠ΅ ΡΠ²ΠΎΠΉ ΠΏΡΠΎΠ΄ΡΠΊΡ, ΡΠΎΡ ΡΠ°Π½ΠΈΠ² ΡΡΡΠ΅ΡΠΈΠΊΡ ΠΈ ΡΠ΅Π»ΠΎΡΡΠ½ΠΎΡΡΡ β ΠΎΠ³ΡΠΎΠΌΠ½ΡΠΉ ΠΏΠ»ΡΡ Π΄Π»Ρ ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠΉ Ρ ΠΌΠ΅ΠΆΠ΄ΡΠ½Π°ΡΠΎΠ΄Π½ΠΎΠΉ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΡΡΠΊΠΎΠΉ Π±Π°Π·ΠΎΠΉ.
ΠΠΎΠ½Π΅ΡΠ½ΠΎ, ΠΏΡΠΈ ΠΆΠ΅Π»Π°Π½ΠΈΠΈ Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΡΠ²ΠΎΠ±ΠΎΠ΄Π½ΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΠΎΠ±ΡΠΈΡΠ½ΡΡ Π±ΠΈΠ±Π»ΠΈΠΎΡΠ΅ΠΊΡ ΡΡΠΈΡΡΠΎΠ² Google ΠΈΠ»ΠΈ ΡΡΡΠ°Π½ΠΎΠ²ΠΈΡΡ ΡΠΎΠ±ΡΡΠ²Π΅Π½Π½ΡΠΉ ΡΡΠΈΡΡ.
Material Design: Π°Π½ΠΈΠΌΠ°ΡΠΈΡ ΠΈ Π²Π·Π°ΠΈΠΌΠΎΠ΄Π΅ΠΉΡΡΠ²ΠΈΠ΅
ΠΠ½ΠΎΠ³Π΄Π° ΡΠ°ΠΌΡΠ΅ ΠΌΠ°Π»Π΅Π½ΡΠΊΠΈΠ΅ Π΄Π΅ΡΠ°Π»ΠΈ ΠΈΠΌΠ΅ΡΡ Π±ΠΎΠ»ΡΡΠΎΠ΅ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅. ΠΠΈΠΊΡΠΎΠ²Π·Π°ΠΈΠΌΠΎΠ΄Π΅ΠΉΡΡΠ²ΠΈΡ, ΠΎΡ Π±ΡΠ΄ΠΈΠ»ΡΠ½ΠΈΠΊΠ° Π΄ΠΎ ΡΠ΅ΠΊΡΡΠΎΠ²ΡΡ ΡΠΎΠΎΠ±ΡΠ΅Π½ΠΈΠΉ ΠΈ ΡΠ²Π΅Π΄ΠΎΠΌΠ»Π΅Π½ΠΈΠΉ ΠΏΡΠ°ΠΊΡΠΈΡΠ΅ΡΠΊΠΈ Π»ΡΠ±ΠΎΠ³ΠΎ Π²ΠΈΠ΄Π°, ΠΈΠ³ΡΠ°ΡΡ ΡΡΠ΅Π·Π²ΡΡΠ°ΠΉΠ½ΠΎ Π²Π°ΠΆΠ½ΡΡ ΡΠΎΠ»Ρ Π² Π½Π°ΡΠ΅ΠΉ ΠΏΠΎΠ²ΡΠ΅Π΄Π½Π΅Π²Π½ΠΎΠΉ ΠΆΠΈΠ·Π½ΠΈ.Β
ΠΡΠΎΠ΅ΠΊΡΠΈΡΠΎΠ²Π°Π½ΠΈΠ΅ ΠΌΠΈΠΊΡΠΎΠ²Π·Π°ΠΈΠΌΠΎΠ΄Π΅ΠΉΡΡΠ²ΠΈΠΉ Π½Π° ΠΎΡΠ½ΠΎΠ²Π΅ Material Design ΠΏΠΎΠΌΠΎΠΆΠ΅Ρ Π²Π°ΠΌ ΠΏΠΎΠ½ΡΡΡ, ΠΊΠ°ΠΊ ΠΈ Π·Π°ΡΠ΅ΠΌ ΡΠΎΠ·Π΄Π°Π²Π°ΡΡ ΡΠΎ, Ρ ΡΠ΅ΠΌ Π²Π°ΡΠΈ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΠΈ Π·Π°Ρ
ΠΎΡΡΡ Π²Π·Π°ΠΈΠΌΠΎΠ΄Π΅ΠΉΡΡΠ²ΠΎΠ²Π°ΡΡ.
ΠΠΈΠΊΡΠΎΠ²Π·Π°ΠΈΠΌΠΎΠ΄Π΅ΠΉΡΡΠ²ΠΈΡ Π²ΡΠΏΠΎΠ»Π½ΡΡΡ ΡΠ»Π΅Π΄ΡΡΡΠΈΠ΅ ΡΡΠ½ΠΊΡΠΈΠΈ:
- ΠΡΠΈΠ΄Π°ΡΡ ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡΡ ΡΡΠ½ΠΎΡΡΡ ΠΈ ΠΏΡΠ΅Π΄ΠΎΡΡΠ°Π²Π»ΡΡΡ ΠΎΠ±ΡΠ°ΡΠ½ΡΡ ΡΠ²ΡΠ·Ρ.Β
- Π’ΡΠ°Π½ΡΠ»ΠΈΡΡΡΡ ΡΠΊΠ°Π·Π°Π½ΠΈΡ ΠΈ ΡΠ΅ΠΊΠΎΠΌΠ΅Π½Π΄Π°ΡΠΈΠΈ.Β
- ΠΠΎΠΊΠ°Π·ΡΠ²Π°ΡΡ ΠΈΠ»ΠΈ ΠΏΡΠ΅Π΄ΠΎΡΠ²ΡΠ°ΡΠ°ΡΡ ΠΎΡΠΈΠ±ΠΊΠΈ.Β
- ΠΠΎΠ²ΡΡΠ°ΡΡ Π²ΠΎΠ²Π»Π΅ΡΠ΅Π½Π½ΠΎΡΡΡ ΠΈ ΠΏΠΎΠ΄ΡΠ°Π»ΠΊΠΈΠ²Π°ΡΡ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Π΅ΠΉ ΠΊ Π²Π·Π°ΠΈΠΌΠΎΠ΄Π΅ΠΉΡΡΠ²ΠΈΡ.Β
- ΠΠΎΠΌΠΎΠ³Π°ΡΡ ΡΠΎΠ·Π΄Π°ΡΡ Π±ΠΎΠ»Π΅Π΅ Π²ΠΏΠ΅ΡΠ°ΡΠ»ΡΡΡΠΈΠΉ Π±ΡΠ΅Π½Π΄ΠΈΠ½Π³.
Π₯ΠΎΡΡ ΠΌΠΈΠΊΡΠΎΠ²Π·Π°ΠΈΠΌΠΎΠ΄Π΅ΠΉΡΡΠ²ΠΈΡ Π²ΡΡΡΠ΅ΡΠ°ΡΡΡΡ ΠΏΠΎΠ²ΡΡΠ΄Ρ, Material Design ΠΏΡΠ΅ΠΊΡΠ°ΡΠ½ΠΎ ΡΠ°ΡΠΊΡΡΠ²Π°Π΅Ρ ΡΡΡ ΠΊΠΎΠ½ΡΠ΅ΠΏΡΠΈΡ, ΡΠΊΠ°Π·ΡΠ²Π°Ρ, ΡΡΠΎ Π»ΡΠ±ΠΎΠ΅ ΠΎΡΠ·ΡΠ²ΡΠΈΠ²ΠΎΠ΅ Π²Π·Π°ΠΈΠΌΠΎΠ΄Π΅ΠΉΡΡΠ²ΠΈΠ΅ ΠΏΠΎΠ±ΡΠΆΠ΄Π°Π΅Ρ Π»ΡΠ΄Π΅ΠΉ Π΄Π²ΠΈΠ³Π°ΡΡΡΡ Π΄Π°Π»ΡΡΠ΅. Π₯ΠΎΡΡ ΠΌΠΈΠΊΡΠΎΠ²Π·Π°ΠΈΠΌΠΎΠ΄Π΅ΠΉΡΡΠ²ΠΈΡ ΠΌΠΎΠ³ΡΡ Π²ΡΠ·ΡΠ²Π°ΡΡ Π²ΠΎΡΡΠΎΡΠ³ ΠΈ ΡΠ΄ΠΈΠ²Π»Π΅Π½ΠΈΠ΅, ΠΊΠΎΠ½Π΅ΡΠ½Π°Ρ ΡΠ΅Π»Ρ Π·Π°ΠΊΠ»ΡΡΠ°Π΅ΡΡΡ Π² ΡΠΎΠΌ, ΡΡΠΎΠ±Ρ ΠΏΠΎΠ±ΡΠ΄ΠΈΡΡ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Π΅ΠΉ ΠΊ Π΄Π°Π»ΡΠ½Π΅ΠΉΡΠ΅ΠΌΡ ΠΈΠ·ΡΡΠ΅Π½ΠΈΡ ΠΏΡΠΎΠ΄ΡΠΊΡΠ°.
Material Design Π²ΠΊΠ»ΡΡΠ°Π΅Ρ ΠΏΠΎΠ΄ΡΠΎΠ±Π½ΠΎΠ΅ ΡΡΠΊΠΎΠ²ΠΎΠ΄ΡΡΠ²ΠΎ ΠΏΠΎ Π°Π½ΠΈΠΌΠ°ΡΠΈΠΈ ΠΈ Π²Π·Π°ΠΈΠΌΠΎΠ΄Π΅ΠΉΡΡΠ²ΠΈΡ.
ΠΠ½ΠΈΠΌΠ°ΡΠΈΡ
Π Π΅ΡΡ ΠΈΠ΄Π΅Ρ ΠΎΠ± Π°Π½ΠΈΠΌΠ°ΡΠΈΠΎΠ½Π½ΡΡ ΡΡΡΠ΅ΠΊΡΠ°Ρ , ΠΊΠΎΡΠΎΡΡΠ΅, ΠΏΠΎ ΡΠ»ΠΎΠ²Π°ΠΌ ΠΏΡΠ΅Π΄ΡΡΠ°Π²ΠΈΡΠ΅Π»Π΅ΠΉ Google, «ΠΏΠΎΠΌΠΎΠ³Π°ΡΡ ΡΠ΄Π΅Π»Π°ΡΡ ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡ Π²ΡΡΠ°Π·ΠΈΡΠ΅Π»ΡΠ½ΡΠΌ ΠΈ ΠΏΡΠΎΡΡΡΠΌ Π² ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠΈ«.
Π Material Design ΠΎΠ±ΠΎΠ·Π½Π°ΡΠ΅Π½ΠΎ 3 ΠΏΡΠΈΠ½ΡΠΈΠΏΠ° Π°Π½ΠΈΠΌΠ°ΡΠΈΠΈ:
- ΠΠ½ΡΠΎΡΠΌΠ°ΡΠΈΠ²Π½ΠΎΡΡΡ: ΠΠΎΠΌΠΎΠ³Π°Π΅Ρ ΠΈΠ½ΡΠΎΡΠΌΠΈΡΠΎΠ²Π°ΡΡ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Π΅ΠΉ, ΠΎΠ±ΠΎΠ·Π½Π°ΡΠ°Ρ Π²Π·Π°ΠΈΠΌΠΎΡΠ²ΡΠ·ΠΈ ΠΌΠ΅ΠΆΠ΄Ρ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ°ΠΌΠΈ, Π΄ΠΎΡΡΡΠΏΠ½ΠΎΡΡΡ Π΄Π΅ΠΉΡΡΠ²ΠΈΠΉ ΠΈ ΠΈΡ
ΡΠ΅Π·ΡΠ»ΡΡΠ°ΡΡ.

- Π€ΠΎΠΊΡΡ: ΠΠΎΠΊΠ°Π·ΡΠ²Π°Π΅Ρ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΡΠΌ ΡΠ°ΠΌΠΎΠ΅ Π²Π°ΠΆΠ½ΠΎΠ΅, Π½Π΅ ΠΎΡΠ²Π»Π΅ΠΊΠ°Ρ ΠΈΡ ΠΎΡ Π²ΡΠΏΠΎΠ»Π½Π΅Π½ΠΈΡ Π·Π°Π΄Π°ΡΠΈ.
- ΠΡΡΠ°Π·ΠΈΡΠ΅Π»ΡΠ½ΠΎΡΡΡ: ΠΡΠΌΠ΅ΡΠ°Π΅Ρ Π·Π½Π°ΡΠΈΠΌΡΠ΅ ΠΌΠΎΠΌΠ΅Π½ΡΡ ΠΏΡΡΠΈ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Ρ, ΠΏΡΠΈΠ΄Π°Π΅Ρ Ρ Π°ΡΠ°ΠΊΡΠ΅Ρ ΠΏΡΠΈΠ²ΡΡΠ½ΡΠΌ Π²Π·Π°ΠΈΠΌΠΎΠ΄Π΅ΠΉΡΡΠ²ΠΈΡΠΌ ΠΈ ΠΌΠΎΠΆΠ΅Ρ Π±ΡΡΡ ΡΠ°ΡΡΡΡ Π±ΡΠ΅Π½Π΄ΠΈΠ½Π³Π°.
Π ΡΠΊΠΎΠ²ΠΎΠ΄ΡΡΠ²ΠΎ ΠΏΠΎ Π°Π½ΠΈΠΌΠ°ΡΠΈΠΈ (Motion) ΠΎΡ Material β ΡΡΠΎ Π½Π°ΡΡΠΎΡΡΠΈΠΉ ΠΌΠ°ΡΡΠ΅Ρ-ΠΊΠ»Π°ΡΡ Π΄Π»Ρ UX-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅ΡΠΎΠ². ΠΠ΄Π΅ΡΡ Π²Ρ Π½Π°ΠΉΠ΄Π΅ΡΠ΅ ΡΠ»Π΅Π΄ΡΡΡΠΈΠ΅ ΡΠ°Π·Π΄Π΅Π»Ρ:
- ΠΠΎΡΡΠ½-ΡΠΈΡΡΠ΅ΠΌΠ°: Π½Π°Π±ΠΎΡ ΠΏΠ°ΡΡΠ΅ΡΠ½ΠΎΠ² ΠΏΠ΅ΡΠ΅Ρ ΠΎΠ΄ΠΎΠ², ΠΊΠΎΡΠΎΡΡΠ΅ ΠΏΠΎΠΌΠΎΠ³ΡΡ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΡΠΌ ΡΠΎΡΠΈΠ΅Π½ΡΠΈΡΠΎΠ²Π°ΡΡΡΡ Π² ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΈ.
- Π‘ΠΊΠΎΡΠΎΡΡΡ: Π½Π°ΡΡΡΠΎΠΉΠΊΠ° ΠΏΠ΅ΡΠ΅Ρ ΠΎΠ΄ΠΎΠ², ΡΡΠΎΠ±Ρ ΠΎΠ½ΠΈ Π±ΡΠ»ΠΈ ΠΏΠ»Π°Π²Π½ΡΠΌΠΈ ΠΈ ΠΎΡΠ·ΡΠ²ΡΠΈΠ²ΡΠΌΠΈ.
- Π₯ΠΎΡΠ΅ΠΎΠ³ΡΠ°ΡΠΈΡ: ΡΠΎΠ³Π»Π°ΡΠΎΠ²Π°Π½Π½Π°Ρ ΠΏΠΎΡΠ»Π΅Π΄ΠΎΠ²Π°ΡΠ΅Π»ΡΠ½ΠΎΡΡΡ Π΄Π²ΠΈΠΆΠ΅Π½ΠΈΠΉ, ΠΊΠΎΡΠΎΡΠ°Ρ ΡΠ΄Π΅ΡΠΆΠΈΠ²Π°Π΅Ρ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Ρ, ΠΊΠΎΠ³Π΄Π° Π² ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡΠ΅ ΠΏΡΠΎΠΈΡΡ ΠΎΠ΄ΡΡ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΡ.
- ΠΠ°ΡΡΠΎΠΌΠΈΠ·Π°ΡΠΈΡ: Π½Π°ΡΡΡΠΎΠΉΠΊΠ° Π°Π½ΠΈΠΌΠ°ΡΠΈΠΈ ΡΠ°ΠΊΠΈΠΌ ΠΎΠ±ΡΠ°Π·ΠΎΠΌ, ΡΡΠΎΠ±Ρ ΠΎΠ½Π° ΠΎΡΡΠ°ΠΆΠ°Π»Π° ΡΡΠΈΠ»Ρ Π²Π°ΡΠ΅Π³ΠΎ Π±ΡΠ΅Π½Π΄Π°.
ΠΠ·Π°ΠΈΠΌΠΎΠ΄Π΅ΠΉΡΡΠ²ΠΈΠ΅
ΠΠ·Π°ΠΈΠΌΠΎΠ΄Π΅ΠΉΡΡΠ²ΠΈΠ΅ Π² Material Design β Π΄Π²ΠΈΠΆΠ΅Π½ΠΈΡ ΠΈ Π°Π½ΠΈΠΌΠ°ΡΠΈΠΈ, ΠΊΠΎΡΠΎΡΡΠ΅ Π·Π°ΠΏΡΡΠΊΠ°ΡΡΡΡ Π² ΡΠ΅Π·ΡΠ»ΡΡΠ°ΡΠ΅ Π²Π·Π°ΠΈΠΌΠΎΠ΄Π΅ΠΉΡΡΠ²ΠΈΡ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Ρ Ρ ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡΠΎΠΌ.
- ΠΠ΅ΡΡΡ: ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡΡ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΡΠΌ Π²Π·Π°ΠΈΠΌΠΎΠ΄Π΅ΠΉΡΡΠ²ΠΎΠ²Π°ΡΡ Ρ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ°ΠΌΠΈ Π½Π° ΡΠΊΡΠ°Π½Π΅ ΠΏΠΎΡΡΠ΅Π΄ΡΡΠ²ΠΎΠΌ ΠΊΠ°ΡΠ°Π½ΠΈΠΉ.
- ΠΡΠ±ΠΎΡ: ΠΊΠ°ΠΊ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΠΈ ΡΠΊΠ°Π·ΡΠ²Π°ΡΡ ΠΊΠΎΠ½ΠΊΡΠ΅ΡΠ½ΡΠ΅ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ, Π² ΠΎΡΠ½ΠΎΡΠ΅Π½ΠΈΠΈ ΠΊΠΎΡΠΎΡΡΡ ΠΎΠ½ΠΈ ΡΠΎΠ±ΠΈΡΠ°ΡΡΡΡ ΡΠΎΠ²Π΅ΡΡΠΈΡΡ Π΄Π΅ΠΉΡΡΠ²ΠΈΠ΅.
- Π‘ΠΎΡΡΠΎΡΠ½ΠΈΡ: Π²ΠΈΠ·ΡΠ°Π»ΡΠ½ΠΎΠ΅ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ ΡΠΎΡΡΠΎΡΠ½ΠΈΡ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΠ° ΠΈΠ»ΠΈ ΠΈΠ½ΡΠ΅ΡΠ°ΠΊΡΠΈΠ²Π½ΠΎΠ³ΠΎ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ°.
ΠΠΎΠΊΡΠΌΠ΅Π½ΡΠ°ΡΠΈΡ Material Design ΡΠΎΠ΄Π΅ΡΠΆΠΈΡ ΠΏΠΎΠ΄ΡΠΎΠ±Π½ΠΎΠ΅ ΠΎΠΏΠΈΡΠ°Π½ΠΈΠ΅ ΡΠ°ΡΠΏΡΠΎΡΡΡΠ°Π½Π΅Π½Π½ΡΡ ΠΎΡΠΈΠ±ΠΎΠΊ, Π° ΡΠ°ΠΊΠΆΠ΅ ΡΠΎΠ³ΠΎ, ΠΊΠ°ΠΊ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅ΡΡ Π΄ΠΎΠ»ΠΆΠ½Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ Π²Π·Π°ΠΈΠΌΠΎΠ΄Π΅ΠΉΡΡΠ²ΠΈΡ ΡΠΎΠ³ΠΎ ΠΈΠ»ΠΈ ΠΈΠ½ΠΎΠ³ΠΎ Π²ΠΈΠ΄Π°.Β
ΠΠ°ΠΏΡΠΈΠΌΠ΅Ρ, Π² Material ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡ ΡΠ΅Π°Π³ΠΈΡΡΠ΅Ρ Π½Π° ΠΆΠ΅ΡΡΡ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Ρ Π² ΡΠ΅ΠΆΠΈΠΌΠ΅ ΡΠ΅Π°Π»ΡΠ½ΠΎΠ³ΠΎ Π²ΡΠ΅ΠΌΠ΅Π½ΠΈ, ΡΡΠΎΠ±Ρ ΡΠΎΡ ΠΎΡΡΡΠ°Π», ΡΡΠΎ ΠΎΠ½ ΠΏΠΎΠ»Π½ΠΎΡΡΡΡ ΠΊΠΎΠ½ΡΡΠΎΠ»ΠΈΡΡΠ΅Ρ ΡΠΈΡΡΠ°ΡΠΈΡ. ΠΠΌΠ΅Π½Π½ΠΎ ΠΎΡ ΠΊΠ°ΡΠ°Π½ΠΈΡ ΡΠ΅Π»ΠΎΠ²Π΅ΠΊΠ° Π·Π°Π²ΠΈΡΠΈΡ, Π½Π°ΡΠΊΠΎΠ»ΡΠΊΠΎ Π±ΡΡΡΡΠΎ ΠΈΠ»ΠΈ ΠΌΠ΅Π΄Π»Π΅Π½Π½ΠΎ ΠΏΡΠΎΠΈΠ³ΡΡΠ²Π°Π΅ΡΡΡ Π°Π½ΠΈΠΌΠ°ΡΠΈΡ, ΡΡΠΎ ΠΏΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ ΠΎΠ±Π΅ΡΠΏΠ΅ΡΠΈΡΡ Π°ΡΡΠ΅Π½ΡΠΈΡΠ½ΡΠΉ ΠΎΠΏΡΡ Π²Π·Π°ΠΈΠΌΠΎΠ΄Π΅ΠΉΡΡΠ²ΠΈΡ.
Material Design 3
Π ΠΌΠ°Π΅ 2021 Π³ΠΎΠ΄Π° Google Π°Π½ΠΎΠ½ΡΠΈΡΠΎΠ²Π°Π» Π½ΠΎΠ²ΡΠΉ ΡΡΠΎΠ²Π΅ΡΡΠ΅Π½ΡΡΠ²ΠΎΠ²Π°Π½Π½ΡΠΉ Material Design 3, ΠΊΠΎΡΠΎΡΡΠΉ ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΡ Π½Π°Π·ΡΠ²Π°Π΅Ρ «ΡΠ°ΠΌΠΎΠΉ Π²ΡΡΠ°Π·ΠΈΡΠ΅Π»ΡΠ½ΠΎΠΉ ΠΈ Π°Π΄Π°ΠΏΡΠΈΡΡΠ΅ΠΌΠΎΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½-ΡΠΈΡΡΠ΅ΠΌΠΎΠΉ«.
Material Design 3 Π±ΡΠ» Π²ΠΏΠ΅ΡΠ²ΡΠ΅ Π²ΡΠΏΡΡΠ΅Π½ Π½Π° Android 12 ΠΈ Google Pixel ΠΈ ΠΏΠΎΡΠ²ΠΈΠ»ΡΡ Π½Π° Π΄ΡΡΠ³ΠΈΡ
ΡΡΡΡΠΎΠΉΡΡΠ²Π°Ρ
Π² 2021 Π³ΠΎΠ΄Ρ.
ΠΠΎΡ 3 Π½ΠΎΠ²ΠΎΠ²Π²Π΅Π΄Π΅Π½ΠΈΡ Material Design 3.
ΠΠΈΠ½Π°ΠΌΠΈΡΠ΅ΡΠΊΠΈΠΉ ΡΠ²Π΅Ρ
ΠΠΈΠ½Π°ΠΌΠΈΡΠ΅ΡΠΊΠΈΠΉ ΡΠ²Π΅Ρ β Π½ΠΎΠ²Π°Ρ ΡΡΠ½ΠΊΡΠΈΡ Material Design. ΠΠ½Π° ΠΏΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΡΠΌ Π½Π°ΡΡΡΠ°ΠΈΠ²Π°ΡΡ Π²Π½Π΅ΡΠ½ΠΈΠΉ Π²ΠΈΠ΄ ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡΠ°, Π²ΡΠ±ΠΈΡΠ°Ρ ΠΎΠ±ΠΎΠΈ ΠΈ ΠΌΠ΅Π½ΡΡ Π΄ΡΡΠ³ΠΈΠ΅ ΠΏΠ°ΡΠ°ΠΌΠ΅ΡΡΡ Π½Π°ΡΡΡΠΎΠΉΠΊΠΈ.
ΠΡΠΎ Π°Π»Π³ΠΎΡΠΈΡΠΌ, ΠΊΠΎΡΠΎΡΡΠΉ ΡΠΊΠ°Π½ΠΈΡΡΠ΅Ρ ΠΎΠ±ΠΎΠΈ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Ρ ΠΈ ΡΠΎΠ·Π΄Π°Π΅Ρ 5 ΡΠΎΠ½Π°Π»ΡΠ½ΡΡ ΠΏΠ°Π»ΠΈΡΡ Π°ΠΊΡΠ΅Π½ΡΠ½ΡΡ ΠΈ Π½Π΅ΠΉΡΡΠ°Π»ΡΠ½ΡΡ ΡΠ²Π΅ΡΠΎΠ². ΠΠ°ΡΠ΅ΠΌ ΡΡΡΡΠΎΠΉΡΡΠ²ΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅Ρ ΡΡΠΈ ΡΠ²Π΅ΡΠ° Π΄Π»Ρ Π½Π°ΡΡΡΠΎΠ΅ΠΊ, ΠΌΠ΅Π½Ρ ΠΈ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ Android.
Π‘ΠΊΠ»Π°Π΄Π½ΡΠ΅ ΡΡΡΡΠΎΠΉΡΡΠ²Π°
ΠΡΠ΅ ΠΎΠ΄ΠΈΠ½ ΡΠ°Π·Π΄Π΅Π» Material Design 3 β ΠΎΡΠΎΠ±Π΅Π½Π½ΠΎΡΡΠΈ UI Π΄Π»Ρ ΡΠΊΠ»Π°Π΄Π½ΡΡ ΡΡΡΡΠΎΠΉΡΡΠ². ΠΠ°ΠΆΠ½ΠΎΠ΅ Π΄ΠΎΠΏΠΎΠ»Π½Π΅Π½ΠΈΠ΅ β Postures. ΠΡΠΎ ΡΠ½ΠΈΠΊΠ°Π»ΡΠ½Π°Ρ Π΄Π»Ρ ΡΠΊΠ»Π°Π΄Π½ΡΡ ΡΠ΅Π»Π΅ΡΠΎΠ½ΠΎΠ² ΠΊΠΎΠ½ΡΠΈΠ³ΡΡΠ°ΡΠΈΡ ΡΠΊΡΠ°Π½Π°, ΠΏΠΎΠΊΠ°Π·ΡΠ²Π°ΡΡΠ°Ρ, ΠΊΠΎΠ³Π΄Π° ΡΡΡΡΠΎΠΉΡΡΠ²ΠΎ ΡΠ»ΠΎΠΆΠ΅Π½ΠΎ ΠΈΠ»ΠΈ ΡΠ°ΡΠΊΡΡΡΠΎ. Postures ΠΌΠΎΠ³ΡΡ ΡΠ°ΡΠΏΡΠΎΡΡΡΠ°Π½ΡΡΡΡΡ Π½Π° ΡΠ°Π·Π²Π΅ΡΠ½ΡΡΡΠΉ Π°Π»ΡΠ±ΠΎΠΌΠ½ΡΠΉ ΠΈ ΡΠ°Π·Π²Π΅ΡΠ½ΡΡΡΠΉ ΠΏΠΎΡΡΡΠ΅ΡΠ½ΡΠΉ ΡΠ΅ΠΆΠΈΠΌΡ, ΠΊΠ°ΠΆΠ΄ΡΠΉ ΠΈΠ· ΠΊΠΎΡΠΎΡΡΡ ΠΈΠΌΠ΅Π΅Ρ ΡΠ²ΠΎΠΉ ΡΠ°Π·ΠΌΠ΅Ρ ΡΠΊΡΠ°Π½Π° ΠΈ ΡΠΎΠΎΡΠ½ΠΎΡΠ΅Π½ΠΈΠ΅ ΡΡΠΎΡΠΎΠ½.
ΠΡΡΠ³ΠΈΠ΅ Π°ΡΠΏΠ΅ΠΊΡΡ Material Design Π΄Π»Ρ ΡΠΊΠ»Π°Π΄Π½ΡΡ ΡΡΡΡΠΎΠΉΡΡΠ²:
- ΠΠΎΡΡΠ³Π°Π΅ΠΌΠΎΡΡΡ: Π§ΡΠΎ ΠΏΡΠΎΠΈΡΡ
ΠΎΠ΄ΠΈΡ, ΠΊΠΎΠ³Π΄Π° ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΠΈ Π½Π΅ ΠΌΠΎΠ³ΡΡ Π΄ΠΎΡΡΠ½ΡΡΡΡΡ Π΄ΠΎ ΡΠ΅Ρ
ΠΈΠ»ΠΈ ΠΈΠ½ΡΡ
ΠΎΠ±Π»Π°ΡΡΠ΅ΠΉ ΡΠΊΡΠ°Π½Π° ΡΠ°ΡΠΊΡΡΡΠΎΠ³ΠΎ ΡΡΡΡΠΎΠΉΡΡΠ²Π°.

- Π¦Π΅Π½ΡΡΠ°Π»ΡΠ½ΡΠΉ ΡΠ°ΡΠ½ΠΈΡ: Π¨Π°ΡΠ½ΠΈΡΡ, ΠΊΠΎΡΠΎΡΡΠ΅ ΠΎΠ±ΡΠ°Π·ΡΡΡ ΠΏΡΠΎΡΡΡΠ°Π½ΡΡΠ²ΠΎ ΠΌΠ΅ΠΆΠ΄Ρ ΡΠ³ΠΈΠ±ΠΎΠΌ ΡΠΊΡΠ°Π½Π° ΠΈ ΠΊΠΎΠ½ΡΠ΅Π½ΡΠΎΠΌ.
- Π Π°Π·Π΄Π΅Π»Π΅Π½ΠΈΠ΅ ΡΠΊΡΠ°Π½Π°: ΠΠ΅ΠΉΠ°ΡΡΡ Π΄Π»Ρ ΡΠ°ΡΠΊΡΡΡΡΡ ΡΠΊΠ»Π°Π΄Π½ΡΡ ΡΡΡΡΠΎΠΉΡΡΠ².
ΠΠΈΠ·Π°ΠΉΠ½-ΡΠΎΠΊΠ΅Π½Ρ
ΠΠΈΠ·Π°ΠΉΠ½-ΡΠΎΠΊΠ΅Π½Ρ ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡΡ Ρ ΡΠ°Π½ΠΈΡΡ Π·Π½Π°ΡΠ΅Π½ΠΈΡ ΡΡΠΈΠ»Π΅ΠΉ, ΡΠ°ΠΊΠΈΡ ΠΊΠ°ΠΊ ΡΠ²Π΅Ρ ΠΈ ΡΡΠΈΡΡΡ, Π΄Π»Ρ ΠΏΠΎΡΠ»Π΅Π΄ΡΡΡΠ΅Π³ΠΎ ΠΏΡΠΈΠΌΠ΅Π½Π΅Π½ΠΈΡ Π² Π΄ΠΈΠ·Π°ΠΉΠ½Π΅, ΠΊΠΎΠ΄Π΅, ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½ΡΠ°Ρ ΠΈ Π½Π° ΠΏΠ»Π°ΡΡΠΎΡΠΌΠ°Ρ . ΠΡ ΠΏΡΠ΅Π΄Π½Π°Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ ΡΠΎΡΡΠΎΠΈΡ Π² ΡΠΎΠΌ, ΡΡΠΎΠ±Ρ ΠΏΠΎΠΌΠΎΡΡ ΠΎΡΠ³Π°Π½ΠΈΠ·Π°ΡΠΈΡΠΌ ΡΠΏΡΠΎΡΡΠΈΡΡ ΡΠΎΠ·Π΄Π°Π½ΠΈΠ΅, ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΊΡ ΠΈ ΠΎΠ±Π½ΠΎΠ²Π»Π΅Π½ΠΈΠ΅ Π΄ΠΈΠ·Π°ΠΉΠ½-ΡΠΈΡΡΠ΅ΠΌ.
ΠΡΠ° ΡΠ°Π½ΡΠ°ΡΡΠΈΡΠ΅ΡΠΊΠ°Ρ ΡΡΠ½ΠΊΡΠΈΡ Π΄Π°Π΅Ρ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅ΡΠ°ΠΌ ΠΈ ΠΈΠ½ΠΆΠ΅Π½Π΅ΡΠ°ΠΌ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΡ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΠΎΠ΄Π½ΠΈ ΠΈ ΡΠ΅ ΠΆΠ΅ ΡΠ²Π΅ΡΠ° ΠΈ ΡΡΠΈΡΡΡ, ΡΡΠΎΠ±Ρ ΠΈΠ·Π±Π΅ΠΆΠ°ΡΡ Π½Π΅ΡΠΎΠ³Π»Π°ΡΠΎΠ²Π°Π½Π½ΠΎΡΡΠΈ.
Google Material Design: ΡΠΏΠ°ΡΠ³Π°Π»ΠΊΠ° Π΄Π»Ρ ΠΏΡΠΎΡΠ΅ΡΡΠΈΠΎΠ½Π°Π»ΠΎΠ²
Π ΡΡΠΎΠΌ ΠΏΠΎΠ΄ΡΠΎΠ±Π½ΠΎΠΌ ΡΡΠΊΠΎΠ²ΠΎΠ΄ΡΡΠ²Π΅ ΡΠ°ΡΡΠΌΠ°ΡΡΠΈΠ²Π°ΡΡΡΡ ΠΎΡΠ½ΠΎΠ²Π½ΡΠ΅ ΡΠ²Π΅Π΄Π΅Π½ΠΈΡ ΠΎ Google Material Design, Π²ΠΊΠ»ΡΡΠ°Ρ ΡΡΠ½ΠΊΡΠΈΠΈ, ΠΎΡΠ½ΠΎΠ²Π½ΡΠ΅ ΠΏΡΠΈΠ½ΡΠΈΠΏΡ, ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΡ ΠΈ Π²Π²Π΅Π΄Π΅Π½ΠΈΠ΅ Π² ΠΏΠ΅ΡΠ΅Π΄ΠΎΠ²ΠΎΠΉ ΠΎΠΏΡΡ.
ΠΠΏΠ΅ΡΠ²ΡΠ΅ Π°Π½ΠΎΠ½ΡΠΈΡΠΎΠ²Π°Π½Π½ΡΠΉ Π½Π° ΠΊΠΎΠ½ΡΠ΅ΡΠ΅Π½ΡΠΈΠΈ Google I/O Π² 2014 Π³ΠΎΠ΄Ρ, Π° Π·Π°ΡΠ΅ΠΌ ΡΠΎΠ²Π΅ΡΡΠΈΠ²ΡΠΈΠΉ ΡΠ²ΠΎΠ΅ ΠΏΠ΅ΡΠ²ΠΎΠ΅ ΠΏΡΡΠ΅ΡΠ΅ΡΡΠ²ΠΈΠ΅ Ρ Android 5.0 Lollipop, ΠΌΠ°ΡΠ΅ΡΠΈΠ°Π»ΡΠ½ΡΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½ Google ΠΏΡΠ΅Π΄ΡΡΠ°Π²Π»ΡΠ΅Ρ ΡΠΎΠ±ΠΎΠΉ ΠΎΡΠΈΠ΅Π½ΡΠΈΡΠΎΠ²Π°Π½Π½ΡΠΉ Π½Π° ΠΌΠΎΠ±ΠΈΠ»ΡΠ½ΡΠ΅ ΡΡΡΡΠΎΠΉΡΡΠ²Π° ΡΠ΄Π²ΠΈΠ³ Π² ΠΏΠΎΠ΄Ρ ΠΎΠ΄Π΅ ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠΈ ΠΊ Π΄ΠΈΠ·Π°ΠΉΠ½Ρ. ΠΠ·ΡΠ² Π·Π° ΠΎΡΠ½ΠΎΠ²Ρ Π±ΡΠΌΠ°Π³Ρ ΠΈ ΡΠ΅ΡΠ½ΠΈΠ»Π°, Material Design β ΡΡΠΎ Π²ΠΈΠ·ΡΠ°Π»ΡΠ½ΡΠΉ ΡΠ·ΡΠΊ, ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡΡΠΈΠΉ ΡΠ΅Π½ΠΈ ΠΈ ΠΊΡΠ°Ρ Π΄Π»Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ ΠΌΠΈΠ½ΠΈΠΌΠ°Π»ΡΠ½ΠΎΠ³ΠΎ ΠΎΠΏΡΡΠ°, ΠΊΠΎΡΠΎΡΡΠΉ ΠΌΠΎΠΆΠ½ΠΎ ΠΌΠ°ΡΡΡΠ°Π±ΠΈΡΠΎΠ²Π°ΡΡ Π½Π° Π²ΡΠ΅Ρ ΠΎΡΠ½ΠΎΠ²Π½ΡΡ ΠΏΠ»Π°ΡΡΠΎΡΠΌΠ°Ρ ΠΈ ΡΡΡΡΠΎΠΉΡΡΠ²Π°Ρ .
Π§ΡΠΎΠ±Ρ ΠΏΠΎΠΌΠΎΡΡ ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΠ°ΠΌ, Π΄ΠΈΠ·Π°ΠΉΠ½Π΅ΡΠ°ΠΌ ΠΈ ΠΠ’-ΡΡΠΊΠΎΠ²ΠΎΠ΄ΠΈΡΠ΅Π»ΡΠΌ Π±ΡΡΡΡΠΎ ΠΎΡΠ²ΠΎΠΈΡΡ Material Design, ΠΌΡ ΡΠΎΠ±ΡΠ°Π»ΠΈ ΡΠ°ΠΌΡΠ΅ Π²Π°ΠΆΠ½ΡΠ΅ ΡΠ²Π΅Π΄Π΅Π½ΠΈΡ ΠΈ ΡΠ²ΡΠ·Π°Π½Π½ΡΠ΅ ΡΠ΅ΡΡΡΡΡ ΠΎ Π½ΠΎΠ²ΠΎΠΌ ΡΠ·ΡΠΊΠ΅ Π΄ΠΈΠ·Π°ΠΉΠ½Π° Google Π² ΡΡΠΎ ΠΆΠΈΠ²ΠΎΠ΅ ΡΡΠΊΠΎΠ²ΠΎΠ΄ΡΡΠ²ΠΎ, ΠΊΠΎΡΠΎΡΠΎΠ΅ ΠΌΡ Π±ΡΠ΄Π΅ΠΌ ΠΏΠ΅ΡΠΈΠΎΠ΄ΠΈΡΠ΅ΡΠΊΠΈ ΠΎΠ±Π½ΠΎΠ²Π»ΡΡΡ ΠΏΠΎ ΠΌΠ΅ΡΠ΅ ΠΏΠΎΡΡΡΠΏΠ»Π΅Π½ΠΈΡ Π½ΠΎΠ²ΠΎΠΉ ΠΈΠ½ΡΠΎΡΠΌΠ°ΡΠΈΠΈ. .
ΠΠΠ‘ΠΠΠ’Π ΠΠ’Π¬: ΠΡΠ΅ ΡΠΏΠ°ΡΠ³Π°Π»ΠΊΠΈ TechRepublic ΠΈ ΡΡΠΊΠΎΠ²ΠΎΠ΄ΡΡΠ²Π° Π΄Π»Ρ ΡΠΌΠ½ΡΡ Π»ΡΠ΄Π΅ΠΉ
Π Π΅Π·ΡΠΌΠ΅ (TL;DR)
Π§ΡΠΎ ΡΠ°ΠΊΠΎΠ΅ ΠΌΠ°ΡΠ΅ΡΠΈΠ°Π»ΡΠ½ΡΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½? Material Design β ΡΡΠΎ ΡΠ·ΡΠΊ Π΄ΠΈΠ·Π°ΠΉΠ½Π°, ΡΠ°Π·ΡΠ°Π±ΠΎΡΠ°Π½Π½ΡΠΉ Google Π΄Π»Ρ ΠΎΠ±Π΅ΡΠΏΠ΅ΡΠ΅Π½ΠΈΡ Π½Π΅ΠΏΡΠ΅ΡΡΠ²Π½ΠΎΡΡΠΈ Π²Π΅Π±- ΠΈ ΠΌΠΎΠ±ΠΈΠ»ΡΠ½ΡΡ
ΠΏΡΠΎΠ΄ΡΠΊΡΠΎΠ².
ΠΠΎΡΠ΅ΠΌΡ Material Design ΠΈΠΌΠ΅Π΅Ρ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅? Material Design ΠΎΠ±Π΅ΡΠΏΠ΅ΡΠΈΠ²Π°Π΅Ρ Π΅Π΄ΠΈΠ½ΠΎΠΎΠ±ΡΠ°Π·ΠΈΠ΅ ΠΎΠΏΡΡΠ°, ΠΊΠΎΡΠΎΡΠΎΠ³ΠΎ Π½Π΅ Ρ Π²Π°ΡΠ°Π»ΠΎ ΠΏΡΠΎΠ΄ΡΠΊΡΠ°ΠΌ Google. ΠΡΠΈΠ΅Π½ΡΠ°ΡΠΈΡ Π½Π° ΠΌΠΎΠ±ΠΈΠ»ΡΠ½ΡΠ΅ ΡΡΡΡΠΎΠΉΡΡΠ²Π° ΡΠ°ΠΊΠΆΠ΅ ΠΏΡΠ΅Π΄ΡΡΠ°Π²Π»ΡΠ΅Ρ ΡΠΎΠ±ΠΎΠΉ Π²Π°ΠΆΠ½ΡΠΉ ΡΠ΄Π²ΠΈΠ³ Π² ΠΏΠΎΠ΄Ρ ΠΎΠ΄Π΅ ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠΈ ΠΊ Π΄ΠΈΠ·Π°ΠΉΠ½Ρ.
ΠΠ° ΠΊΠΎΠ³ΠΎ Π²Π»ΠΈΡΠ΅Ρ Material Design? ΠΠΎΠ½Π΅ΡΠ½ΡΠ΅ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΠΈ, ΡΠΊΠΎΡΠ΅Π΅ Π²ΡΠ΅Π³ΠΎ, Π·Π°ΠΌΠ΅ΡΡΡ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΡ Π² ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΡΡΠΊΠΎΠΌ ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡΠ΅ ΠΌΠ½ΠΎΠ³ΠΈΡ ΠΏΡΠΎΠ΄ΡΠΊΡΠΎΠ² Google. Π Π°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΠ°ΠΌ ΠΈ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅ΡΠ°ΠΌ ΠΏΡΠΈΠ΄Π΅ΡΡΡ Π½Π΅ΠΌΠ½ΠΎΠ³ΠΎ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡΡ ΡΠ²ΠΎΠΉ ΠΏΠΎΠ΄Ρ ΠΎΠ΄, ΡΡΠΎΠ±Ρ Π² ΠΏΠΎΠ»Π½ΠΎΠΉ ΠΌΠ΅ΡΠ΅ Π²ΠΎΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡΡΡ ΠΏΡΠ΅ΠΈΠΌΡΡΠ΅ΡΡΠ²Π°ΠΌΠΈ Material Design.
ΠΠΎΠ³Π΄Π° Π±ΡΠ» Π²ΡΠΏΡΡΠ΅Π½ Material Design? ΠΡΡ ΠΎΠ΄Π½ΡΠΉ ΠΊΠΎΠ΄ Material Design ΡΡΠ°Π» ΠΎΠ±ΡΠ΅Π΄ΠΎΡΡΡΠΏΠ½ΡΠΌ 3 Π½ΠΎΡΠ±ΡΡ 2014 Π³., Π° ΠΎΠ±Π½ΠΎΠ²Π»Π΅Π½ΠΈΡ ΠΏΠΎ Π±Π΅ΡΠΏΡΠΎΠ²ΠΎΠ΄Π½ΠΎΠΉ ΡΠ΅ΡΠΈ (OTA) Π½Π°ΡΠ°Π»ΠΈΡΡ 12 Π½ΠΎΡΠ±ΡΡ 2014 Π³.
ΠΠ°ΠΊ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ Material Design? ΠΠΎΠΌΠΏΠ°Π½ΠΈΡ Google ΠΏΡΠ΅Π΄ΠΎΡΡΠ°Π²ΠΈΠ»Π° ΡΠ΅ΠΊΠΎΠΌΠ΅Π½Π΄Π°ΡΠΈΠΈ ΠΈ ΡΠ΅ΠΊΠΎΠΌΠ΅Π½Π΄Π°ΡΠΈΠΈ ΠΏΠΎ ΠΌΠ°ΡΠ΅ΡΠΈΠ°Π»ΡΠ½ΠΎΠΌΡ Π΄ΠΈΠ·Π°ΠΉΠ½Ρ Π΄Π»Ρ ΠΏΡΠ°Π²ΠΈΠ»ΡΠ½ΠΎΠΉ ΡΠ΅Π°Π»ΠΈΠ·Π°ΡΠΈΠΈ.
Π§ΡΠΎ ΡΠ°ΠΊΠΎΠ΅ ΠΌΠ°ΡΠ΅ΡΠΈΠ°Π»ΡΠ½ΡΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½?
ΠΠ΅ΡΠ²ΠΎΠ½Π°ΡΠ°Π»ΡΠ½ΠΎ Π°Π½ΠΎΠ½ΡΠΈΡΠΎΠ²Π°Π½Π½ΡΠΉ 25 ΠΈΡΠ½Ρ 2014 Π³ΠΎΠ΄Π° Π½Π° ΠΊΠΎΠ½ΡΠ΅ΡΠ΅Π½ΡΠΈΠΈ ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΠΎΠ² Google I/O, Google Material Design ΠΏΡΠ΅Π΄ΡΡΠ°Π²Π»ΡΠ΅Ρ ΡΠΎΠ±ΠΎΠΉ ΡΠ·ΡΠΊ Π΄ΠΈΠ·Π°ΠΉΠ½Π°, ΠΊΠΎΡΠΎΡΡΠΉ ΡΡΡΠ΅ΠΌΠΈΡΡΡ ΡΠ½ΠΈΡΠΈΡΠΈΡΠΎΠ²Π°ΡΡ Π²Π·Π°ΠΈΠΌΠΎΠ΄Π΅ΠΉΡΡΠ²ΠΈΠ΅ Ρ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Π΅ΠΌ Π² ΠΏΡΠΎΠ΄ΡΠΊΡΠ°Ρ
Google ΠΈ Π½Π° ΡΠ°Π·Π½ΡΡ
ΠΏΠ»Π°ΡΡΠΎΡΠΌΠ°Ρ
.
Material Design ΠΈΠ·Π½Π°ΡΠ°Π»ΡΠ½ΠΎ Π±ΡΠ» ΠΈΠ·Π²Π΅ΡΡΠ΅Π½ ΠΏΠΎΠ΄ ΠΊΠΎΠ΄ΠΎΠ²ΡΠΌ Π½Π°Π·Π²Π°Π½ΠΈΠ΅ΠΌ Quantum Paper. ΠΠ΄Π½Π° ΠΈΠ· ΠΏΠ΅ΡΠ²ΡΡ ΡΠ΅Π°Π»ΠΈΠ·Π°ΡΠΈΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½Π° ΠΏΡΠΈΡΡΡΡΡΠ²ΠΎΠ²Π°Π»Π° Π² Β«ΠΊΠ°ΡΡΠΎΡΠΊΠ°Ρ Β», ΡΠ²ΡΠ·Π°Π½Π½ΡΡ Ρ Google Now. Π‘ΠΎΠ³Π»Π°ΡΠ½ΠΎ Π²Π΅Π±-ΡΠ°ΠΉΡΡ Google ΠΏΠΎ ΠΌΠ°ΡΠ΅ΡΠΈΠ°Π»ΡΠ½ΠΎΠΌΡ Π΄ΠΈΠ·Π°ΠΉΠ½Ρ, Π΅Π³ΠΎ ΡΠ΅Π»Ρ ΡΠΎΡΡΠΎΠΈΡ Π² ΡΠΎΠΌ, ΡΡΠΎΠ±Ρ ΠΎΠ±ΡΠ΅Π΄ΠΈΠ½ΠΈΡΡ ΠΌΠ½ΠΎΠ³ΠΈΠ΅ ΠΏΡΠΈΠ½ΡΠΈΠΏΡ ΠΊΠ»Π°ΡΡΠΈΡΠ΅ΡΠΊΠΎΠ³ΠΎ Π΄ΠΈΠ·Π°ΠΉΠ½Π° Ρ ΠΈΠ½Π½ΠΎΠ²Π°ΡΠΈΡΠΌΠΈ, ΠΊΠΎΡΠΎΡΡΠ΅ ΠΌΡ ΠΏΡΠΈΠ²ΡΠΊΠ»ΠΈ ΠΎΠΆΠΈΠ΄Π°ΡΡ ΠΎΡ Π½Π°ΡΠΊΠΈ ΠΈ ΡΠ΅Ρ Π½ΠΈΠΊΠΈ.
ΠΠΎΠ½ΡΠ΅ΠΏΡΡΠ°Π»ΡΠ½ΠΎ Material Design ΠΎΡΠ½ΠΎΠ²Π°Π½ ΠΈΠΌΠ΅Π½Π½ΠΎ Π½Π° ΡΠ΅Π°Π»ΡΠ½ΡΡ ΠΌΠ°ΡΠ΅ΡΠΈΠ°Π»Π°Ρ . ΠΡΠΏΠΎΠ»ΡΠ·ΡΡ ΡΠ΅Π½ΠΈ ΠΈ ΠΎΡΠ²Π΅ΡΠ΅Π½ΠΈΠ΅ Π΄Π»Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ Π³Π»ΡΠ±ΠΈΠ½Ρ ΠΈ ΠΊΡΠ°Π΅Π², ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ ΡΠ΅Π°Π³ΠΈΡΡΡΡ ΡΠ°ΠΊ ΠΆΠ΅, ΠΊΠ°ΠΊ ΠΌΡ ΠΎΠΆΠΈΠ΄Π°Π΅ΠΌ ΠΎΡ Π½ΠΈΡ Π² ΡΠ΅Π°Π»ΡΠ½ΠΎΠΉ ΠΆΠΈΠ·Π½ΠΈ. ΠΠΏΡΡΡ ΠΆΠ΅, Google Π·Π°ΡΠ²ΠΈΠ», ΡΡΠΎ Material Design ΠΎΡΠ½ΠΎΠ²Π°Π½ Π½Π° Π±ΡΠΌΠ°Π³Π΅, ΡΠ΅ΡΠ½ΠΈΠ»Π°Ρ ΠΈ ΠΏΠ΅ΡΠ°ΡΠ½ΠΎΠΌ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅, ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡ ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½Π½ΡΠΉ Π½Π°Π±ΠΎΡ ΡΠ²Π΅ΡΠΎΠ²ΡΡ ΡΡ Π΅ΠΌ.
ΠΠΎ Π΄Π°Π½Π½ΡΠΌ Google, Π΄Π΅ΠΉΡΡΠ²ΡΡΡ ΡΡΠΈ ΠΎΡΠ½ΠΎΠ²Π½ΡΡ ΠΏΡΠΈΠ½ΡΠΈΠΏΠ°:
- ΠΠ°ΡΠ΅ΡΠΈΠ°Π» β ΡΡΠΎ ΠΌΠ΅ΡΠ°ΡΠΎΡΠ°
- ΠΠΈΡΠ½ΡΠΉ, Π³ΡΠ°ΡΠΈΡΠ΅ΡΠΊΠΈΠΉ, ΠΏΡΠ΅Π΄Π½Π°ΠΌΠ΅ΡΠ΅Π½Π½ΡΠΉ
- ΠΠ²ΠΈΠΆΠ΅Π½ΠΈΠ΅ ΠΏΡΠΈΠ΄Π°Π΅Ρ ΡΠΌΡΡΠ»
Π ΡΠΎ Π²ΡΠ΅ΠΌΡ ΠΊΠ°ΠΊ Π΅Π³ΠΎ ΠΎΡΠ½ΠΎΠ²Π° ΡΡ
ΠΎΠ΄ΠΈΡ ΠΊΠΎΡΠ½ΡΠΌΠΈ Π² ΡΠ°ΠΊ Π½Π°Π·ΡΠ²Π°Π΅ΠΌΡΠΉ ΠΏΠ»ΠΎΡΠΊΠΈΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½, Material Design ΠΏΡΠ΅Π΄ΡΡΠ°Π²Π»ΡΠ΅Ρ ΡΠΎΠ±ΠΎΠΉ ΡΠΊΠΎΡΠ΅Π΅ Π³ΠΈΠ±ΡΠΈΠ΄ Ρ Π΄ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΠ΅ΠΌ ΡΠ΅Π½Π΅ΠΉ ΠΈ Π³ΡΠ°Π΄ΠΈΠ΅Π½ΡΠΎΠ² Π΄Π»Ρ ΠΏΠ΅ΡΠ΅Π΄Π°ΡΠΈ ΡΠΈΠ·ΠΈΡΠ΅ΡΠΊΠΎΠ³ΠΎ ΠΏΡΠΎΡΡΡΠ°Π½ΡΡΠ²Π°.
ΠΠ»ΠΎΡΠΊΠΈΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½ ΡΡΡΠ΅ΡΡΠ²ΡΠ΅Ρ Π² ΠΎΡΠ½ΠΎΠ²Π½ΠΎΠΌ Π² 2D-ΡΡΠ΅Π΄Π΅, Π² ΡΠΎ Π²ΡΠ΅ΠΌΡ ΠΊΠ°ΠΊ Material Design ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅Ρ 3D-ΡΡΠ΅Π΄Ρ, Π³Π΄Π΅ ΠΊΠ°ΠΆΠ΄ΡΠΉ ΠΎΠ±ΡΠ΅ΠΊΡ ΠΈΠΌΠ΅Π΅Ρ ΡΠ°Π·ΠΌΠ΅ΡΡ ΠΏΠΎ ΠΎΡΡΠΌ X, Y ΠΈ Z.
Material Design ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅Ρ ΡΠΌΠ΅Π»ΡΠ΅ ΡΠ²Π΅ΡΠ° ΠΈ ΡΡΠΈΡΡΡ Roboto ΠΈ Noto. ΠΠ°ΠΊΠΎΠ½Π΅Ρ, ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½Π½ΡΠ΅ ΠΏΡΠ°Π²ΠΈΠ»Π° Π΄Π»Ρ Π΄Π²ΠΈΠΆΠ΅Π½ΠΈΡ ΠΈ Π°Π½ΠΈΠΌΠ°ΡΠΈΠΈ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ² Π΄ΠΈΠ·Π°ΠΉΠ½Π° ΡΠ²Π»ΡΡΡΡΡ ΠΊΠ»ΡΡΠΎΠΌ ΠΊ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠ°Π½ΠΈΡ ΠΏΡΠ°Π²ΠΈΠ»ΡΠ½ΡΡ ΠΎΡΠ½ΠΎΡΠ΅Π½ΠΈΠΉ ΠΌΠ΅ΠΆΠ΄Ρ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ°ΠΌΠΈ ΠΈ ΡΡΠ½ΠΊΡΠΈΠΎΠ½Π°Π»ΡΠ½ΠΎΡΡΡΡ.
ΠΠΎΠ΄ΡΠΎΠ±Π½Π΅Π΅:
- Material Design: 10 ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ, Π΄Π΅ΠΌΠΎΠ½ΡΡΡΠΈΡΡΡΡΠΈΡ Π½ΠΎΠ²ΡΠΉ ΡΠ·ΡΠΊ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΡΡΠΊΠΎΠ³ΠΎ ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡΠ° Google (TechRepublic)
- ΠΠ°ΡΠ΅ΡΠΈΠ°Π»ΡΠ½ΡΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½ Google ΠΎΠ±ΡΠ΅Π΄ΠΈΠ½ΡΠ΅Ρ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΡΡΠΊΠΈΠΉ ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡ Π΄Π»Ρ Android, ΠΠ½ΡΠ΅ΡΠ½Π΅ΡΠ° (CNET)
- Google ΠΎΠ±Π½ΠΎΠ²Π»ΡΠ΅Ρ Android, Π²Π²ΠΎΠ΄Ρ Β«ΠΌΠ°ΡΠ΅ΡΠΈΠ°Π»ΡΠ½ΡΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½Β» (ZDNet)
ΠΠΎΡΠ΅ΠΌΡ Π²Π°ΠΆΠ΅Π½ ΠΌΠ°ΡΠ΅ΡΠΈΠ°Π»ΡΠ½ΡΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½?
ΠΡΡΡ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ ΠΎΡΠ½ΠΎΠ²Π½ΡΡ
ΠΏΡΠΈΡΠΈΠ½, ΠΏΠΎ ΠΊΠΎΡΠΎΡΡΠΌ Π²Π½Π΅Π΄ΡΠ΅Π½ΠΈΠ΅ Google Material Design Π΄Π΅ΠΉΡΡΠ²ΠΈΡΠ΅Π»ΡΠ½ΠΎ Π²Π°ΠΆΠ½ΠΎ. ΠΡΠ΅ Π½Π°ΡΠΈΠ½Π°Π΅ΡΡΡ Ρ ΠΎΡΠΎΠ·Π½Π°Π½ΠΈΡ ΡΠΎΠ³ΠΎ, ΡΡΠΎ Ρ
ΠΎΡΠΎΡΠΈΠΉ ΠΏΡΠΎΠ΄ΡΠΊΡ Π½Π΅ ΠΏΡΠΈΠ½Π΅ΡΠ΅Ρ Π²Π°ΠΌ ΠΆΠ΅Π»Π°Π΅ΠΌΠΎΠ³ΠΎ ΡΠ΅Π·ΡΠ»ΡΡΠ°ΡΠ° Π±Π΅Π· Ρ
ΠΎΡΠΎΡΠ΅Π³ΠΎ Π΄ΠΈΠ·Π°ΠΉΠ½Π°.
Π₯ΠΎΡΠΎΡΠΈΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½ ΠΈΠΌΠ΅Π΅Ρ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅. Π ΠΊΠΎΠ³Π΄Π° Π±ΠΎΠ»ΡΡΠ°Ρ ΡΠ°ΡΡΡ Π²Π°ΡΠ΅Π³ΠΎ Π±ΠΈΠ·Π½Π΅ΡΠ° ΠΏΠΎΠ»Π°Π³Π°Π΅ΡΡΡ Π½Π° ΡΡΠΎΡΠΎΠ½Π½ΠΈΡ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅ΡΠΎΠ² ΠΈ ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΠΎΠ² Π΄Π»Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ ΡΡΠΎΡΠΎΠ½Π½ΠΈΡ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ Π½Π° Π²Π°ΡΠΈΡ ΠΏΠ»Π°ΡΡΠΎΡΠΌΠ°Ρ ΠΈ ΠΏΠ»Π°ΡΡΠΎΡΠΌΠ°Ρ , ΠΌΠ½ΠΎΠ³ΠΎΠ΅ ΠΌΠΎΠΆΠ΅Ρ ΠΏΠΎΠΉΡΠΈ Π½Π΅ ΡΠ°ΠΊ. Π‘ ΠΏΠΎΠΌΠΎΡΡΡ Material Design Google Π»ΡΡΡΠ΅ Π·Π°ΡΠΈΡΠ°Π΅Ρ Π½Π΅ΠΏΡΠΈΠΊΠΎΡΠ½ΠΎΠ²Π΅Π½Π½ΠΎΡΡΡ ΡΠ²ΠΎΠΈΡ Π±ΡΠ΅Π½Π΄ΠΎΠ², ΠΏΡΠ΅Π΄Π»Π°Π³Π°Ρ ΡΠΎΠ²ΡΠ΅ΠΌΠ΅Π½Π½ΡΠΉ ΠΈ ΠΏΡΠ°ΠΊΡΠΈΡΠ½ΡΠΉ ΡΠ·ΡΠΊ Π΄ΠΈΠ·Π°ΠΉΠ½Π°.
ΠΠΎΠΌΠΈΠΌΠΎ Π·Π°ΡΠΈΡΡ ΡΠ²ΠΎΠΈΡ ΡΠΎΡΠ³ΠΎΠ²ΡΡ ΠΌΠ°ΡΠΎΠΊ, Google ΡΠ°ΠΊΠΆΠ΅ Π³ΠΎΡΠΎΠ²ΠΈΡ ΠΏΠΎΡΠ²Ρ Π΄Π»Ρ Π»ΡΡΡΠ΅ΠΉ ΠΈΠ³ΡΡ Π½Π° ΠΏΡΠ΅Π΄ΠΏΡΠΈΡΡΠΈΠΈ. Π ΡΠ΅ΡΠ΅Π½ΠΈΠ΅ ΠΏΠΎΡΠ»Π΅Π΄Π½ΠΈΡ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΈΡ Π»Π΅Ρ ΠΏΠΎΠΈΡΠΊΠΎΠ²ΡΠΉ Π³ΠΈΠ³Π°Π½Ρ Π΄Π΅Π»Π°Π΅Ρ Π±ΠΎΠ»ΡΡΠΈΠ΅ ΡΠ°Π³ΠΈ Π² Π½Π°ΠΏΡΠ°Π²Π»Π΅Π½ΠΈΠΈ ΠΊΠΎΡΠΏΠΎΡΠ°ΡΠΈΠ²Π½ΠΎΠ³ΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΡ, ΠΈ ΡΡΡΡΠ°Π½Π΅Π½ΠΈΠ΅ Β«Π½Π΅ΡΠΊΠ»ΡΠΆΠΈΡ Β» Π°ΡΠΏΠ΅ΠΊΡΠΎΠ² Π² Π΅Π³ΠΎ ΠΏΡΠ΅Π΄ΡΠ΄ΡΡΠ΅ΠΌ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅ ΠΏΡΠΈΠ½Π΅ΡΠ΅Ρ Π΅ΠΌΡ Π±ΠΎΠ»ΡΡΠ΅ ΠΏΠΎΠΊΠ»ΠΎΠ½Π½ΠΈΠΊΠΎΠ² ΡΡΠ΅Π΄ΠΈ Π±ΠΈΠ·Π½Π΅Ρ-ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Π΅ΠΉ.
ΠΡΠΎ ΡΠ°ΠΊΠΆΠ΅ ΠΏΠΎΠΊΠ°Π·ΡΠ²Π°Π΅Ρ, ΡΡΠΎ ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΡ Π΄Π΅ΠΉΡΡΠ²ΠΈΡΠ΅Π»ΡΠ½ΠΎ Π·Π°Π±ΠΎΡΠΈΡΡΡ ΠΎ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅, ΠΊΠΎΡΠΎΡΡΠΉ Π΄ΠΎΠ»Π³ΠΎΠ΅ Π²ΡΠ΅ΠΌΡ Π±ΡΠ» Π³Π»Π°Π²Π½ΡΠΌ Π½Π΅Π΄ΠΎΡΡΠ°ΡΠΊΠΎΠΌ Google. ΠΠ΄Π½ΠΈΠΌ ΠΈΠ· ΡΠ°ΠΌΡΡ
Π±ΠΎΠ»ΡΡΠΈΡ
ΠΏΡΠ΅ΠΈΠΌΡΡΠ΅ΡΡΠ² ΠΏΡΠΎΠ΄ΡΠΊΡΠΎΠ² Apple Π±ΡΠ»ΠΎ ΠΈΡ
Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅ ΠΊ Π΄ΠΈΠ·Π°ΠΉΠ½Ρ, ΠΈ Material Design ΠΌΠΎΠΆΠ΅Ρ ΡΡΠ°ΡΡ ΠΎΡΠ½ΠΎΠ²ΠΎΠΉ, Π½Π° ΠΊΠΎΡΠΎΡΠΎΠΉ Google Π² ΠΊΠΎΠ½Π΅ΡΠ½ΠΎΠΌ ΠΈΡΠΎΠ³Π΅ ΡΠΌΠΎΠΆΠ΅Ρ ΠΊΠΎΠ½ΠΊΡΡΠΈΡΠΎΠ²Π°ΡΡ Π² ΡΡΠΎΠΉ ΠΏΠ»ΠΎΡΠΊΠΎΡΡΠΈ.
ΠΠΎΡΠ»Π΅Π΄ΠΎΠ²Π°ΡΠ΅Π»ΡΠ½ΠΎΡΡΡ, ΠΎΠ±Π΅ΡΠΏΠ΅ΡΠΈΠ²Π°Π΅ΠΌΠ°Ρ Material Design, Π½Π΅ ΠΌΠ΅Π½Π΅Π΅ Π²Π°ΠΆΠ½Π°, ΡΠ΅ΠΌ ΠΊΠ°ΡΠ΅ΡΡΠ²ΠΎ Π΄ΠΈΠ·Π°ΠΉΠ½Π°. ΠΡΠΎΠ±Π΅Π½Π½ΠΎ Ρ ΡΡΠ΅ΡΠΎΠΌ Π½Π΅Π΄Π°Π²Π½Π΅Π³ΠΎ ΡΠ°Π·Π΄Π΅Π»Π΅Π½ΠΈΡ Π½Π° Alphabet ΡΠΏΠΎΡΠΎΠ±Π½ΠΎΡΡΡ ΡΠΎΡ ΡΠ°Π½ΡΡΡ Π΅Π΄ΠΈΠ½ΡΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½ Π΄Π»Ρ Π²ΡΠ΅Ρ Π±ΡΠ΅Π½Π΄ΠΎΠ² Π±ΡΠ΄Π΅Ρ ΠΈΠΌΠ΅ΡΡ ΠΏΠ΅ΡΠ²ΠΎΡΡΠ΅ΠΏΠ΅Π½Π½ΠΎΠ΅ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ Π΄Π»Ρ ΡΡΠΏΠ΅Ρ Π° Π½ΠΎΠ²ΠΎΠΉ ΠΊΠΎΡΠΏΠΎΡΠ°ΡΠΈΠ²Π½ΠΎΠΉ ΠΎΡΠ³Π°Π½ΠΈΠ·Π°ΡΠΈΠΈ.
ΠΠ°ΡΠ΅ΡΠΈΠ°Π»ΡΠ½ΡΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½ ΠΎΡΠΈΠ΅Π½ΡΠΈΡΠΎΠ²Π°Π½ Π½Π° ΠΌΠΎΠ±ΠΈΠ»ΡΠ½ΡΠ΅ ΡΡΡΡΠΎΠΉΡΡΠ²Π°, ΠΈ ΡΠΎΡ ΡΠ°ΠΊΡ, ΡΡΠΎ ΡΠ°ΠΊΠ°Ρ ΠΊΡΡΠΏΠ½Π°Ρ ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΡ, ΠΊΠ°ΠΊ Google, ΡΠΎΡΡΠ΅Π΄ΠΎΡΠΎΡΠΈΠ»Π° Π²ΡΡ ΡΠ²ΠΎΡ ΡΠΈΠ»ΠΎΡΠΎΡΠΈΡ Π΄ΠΈΠ·Π°ΠΉΠ½Π° Π½Π° ΠΌΠΎΠ±ΠΈΠ»ΡΠ½ΠΎΠΌ ΠΎΠΏΡΡΠ΅, ΠΏΡΠΈΠ΄Π°Π΅Ρ Π²Π΅Ρ ΠΈΠ΄Π΅Π΅ ΠΎ ΡΠΎΠΌ, ΡΡΠΎ ΠΌΠΎΠ±ΠΈΠ»ΡΠ½ΡΠ΅ ΡΡΡΡΠΎΠΉΡΡΠ²Π° Π±ΡΠ΄ΡΡ ΠΏΠΎ-ΠΏΡΠ΅ΠΆΠ½Π΅ΠΌΡ ΠΈΠΌΠ΅ΡΡ ΠΏΡΠ΅ΡΠ΅Π΄Π΅Π½Ρ Π² ΠΊΠ°ΡΠ΅ΡΡΠ²Π΅ Π½Π°ΡΠ΅Π³ΠΎ ΠΏΡΠ΅Π΄ΠΏΠΎΡΡΠΈΡΠ΅Π»ΡΠ½ΠΎΠ³ΠΎ ΡΠΏΠΎΡΠΎΠ±Π° Π΄ΠΎΡΡΡΠΏΠ° Π² ΠΠ½ΡΠ΅ΡΠ½Π΅Ρ.
ΠΠΎΠ΄ΡΠΎΠ±Π½Π΅Π΅:
- Π§Π΅ΠΌ Π½Π° ΡΠ°ΠΌΠΎΠΌ Π΄Π΅Π»Π΅ ΡΠ²Π»ΡΠ΅ΡΡΡ Material Design Google (Wired)
- ΠΠ°ΡΠ΅ΡΠΈΠ°Π»ΡΠ½ΡΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½ Android ΡΠ°ΡΠΏΡΠΎΡΡΡΠ°Π½ΡΠ΅ΡΡΡ Π½Π° Linux (TechRepublic)
- ΠΠΎΠΈΡΠΊ Google Π½ΠΎΠ²ΠΎΠΉ ΠΊΠΎΡΠΏΠΎΡΠ°ΡΠΈΠ²Π½ΠΎΠΉ ΡΡΡΡΠΊΡΡΡΡ Π·Π°ΠΊΠ°Π½ΡΠΈΠ²Π°Π΅ΡΡΡ Π½Π° Alphabet (TechRepublic)
ΠΠ° ΠΊΠΎΠ³ΠΎ Π²Π»ΠΈΡΠ΅Ρ Material Design?
ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Π΅ΠΉ Android Π±ΠΎΠ»ΡΡΠ΅ Π²ΡΠ΅Π³ΠΎ ΠΏΠΎΡΡΡΠ°Π΄Π°ΡΡ ΠΎΡ Π²Π»ΠΈΡΠ½ΠΈΡ Material Design, ΠΏΠΎΡΠΊΠΎΠ»ΡΠΊΡ ΠΏΡΠΈΠ½ΡΠΈΠΏΡ ΡΠ°ΠΌΠΎΠ³ΠΎ ΡΠ·ΡΠΊΠ° ΡΠΈΠ»ΡΠ½ΠΎ Π²Π»ΠΈΡΡΡ Π½Π° UX ΠΠ‘ ΠΈ Π΄ΠΈΠ·Π°ΠΉΠ½ ΠΌΠΎΠ±ΠΈΠ»ΡΠ½ΡΡ
ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ.
ΠΠ΄Π½Π°ΠΊΠΎ, ΠΏΠΎΡΠΊΠΎΠ»ΡΠΊΡ Material Design ΠΏΡΠΎΠ΄ΠΎΠ»ΠΆΠ°Π΅Ρ ΡΠ°ΡΠΏΡΠΎΡΡΡΠ°Π½ΡΡΡΡΡ Π² ΡΠΊΠΎΡΠΈΡΡΠ΅ΠΌΠ΅ Google, ΠΎΠ½, ΠΏΡΡΡΡ ΠΈ Π½Π΅Π·Π½Π°ΡΠΈΡΠ΅Π»ΡΠ½ΠΎ, ΠΏΠΎΠ²Π»ΠΈΡΠ΅Ρ Π½Π° Π²ΡΠ΅Ρ
ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Π΅ΠΉ ΠΏΡΠΎΠ΄ΡΠΊΡΠΎΠ² ΠΈ ΡΡΠ»ΡΠ³ Google.
ΠΠ»Ρ ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΠΎΠ² Material Design ΠΏΡΠ΅Π΄ΠΎΡΡΠ°Π²Π»ΡΠ΅Ρ Π½ΠΎΠ²ΡΠ΅ ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½ΡΡ, ΠΊΠΎΡΠΎΡΡΠ΅ ΡΠΏΡΠΎΡΡΡΡ ΡΠΎΠ·Π΄Π°Π½ΠΈΠ΅ ΠΏΠΎΠ»Π΅Π·Π½ΡΡ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ, ΠΊΠΎΡΠΎΡΡΠ΅ ΡΠ°ΠΊΠΆΠ΅ Ρ ΠΎΡΠΎΡΠΎ Π²ΡΠ³Π»ΡΠ΄ΡΡ. ΠΠΎΠΌΠΈΠΌΠΎ ΡΠ°Π·ΡΠ°Π±ΠΎΡΠΊΠΈ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ, ΠΏΡΠΎΡΠ΅ΡΡΠΈΠΎΠ½Π°Π»ΡΠ½ΡΠ΅ Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅ΡΡ ΠΈ Π»ΡΠ±ΠΈΡΠ΅Π»ΠΈ ΡΠ°ΠΊΠΆΠ΅ ΡΠΌΠΎΠ³ΡΡ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ Material Design Lite, ΡΡΠΎΠ±Ρ Π΄ΠΎΠ±Π°Π²ΠΈΡΡ Π²Π½Π΅ΡΠ½ΠΈΠΉ Π²ΠΈΠ΄ Material Design Π½Π° ΡΠ²ΠΎΠΈ Π²Π΅Π±-ΡΠ°ΠΉΡΡ.
ΠΠΎΠ΄ΡΠΎΠ±Π½Π΅Π΅:
- Π£ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅ΡΠΎΠ² Google ΡΠ»ΡΡΠΈΠ»ΡΡ Β«ΠΏΠΎΡΡΠΈ Π³Π°Π»Π»ΡΡΠΈΠ½Π°ΡΠΎΡΠ½ΡΠΉ ΠΌΠΎΠΌΠ΅Π½ΡΒ», ΠΊΠΎΠ³Π΄Π° ΠΠ°ΡΡΠΈ ΠΠ΅ΠΉΠ΄ΠΆ Π½Π°ΠΊΠΎΠ½Π΅Ρ ΡΠΊΠ°Π·Π°Π», ΡΡΠΎ ΠΏΡΠΎΠ΄ΡΠΊΡΡ Π΄ΠΎΠ»ΠΆΠ½Ρ Π²ΡΠ³Π»ΡΠ΄Π΅ΡΡ ΠΊΡΠ°ΡΠΈΠ²ΠΎ (Business Insider)
- ΠΠ΅Π΄ΡΡΠΈΠ΅ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅ΡΡ ΡΠ΅Π°Π³ΠΈΡΡΡΡ Π½Π° Π½ΠΎΠ²ΡΠΉ ΡΠ·ΡΠΊ Π΄ΠΈΠ·Π°ΠΉΠ½Π° Google Material (VentureBeat)
ΠΠΎΠ³Π΄Π° Π±ΡΠ» Π²ΡΠΏΡΡΠ΅Π½ Material Design?
ΠΠΎΡΠ»Π΅ ΡΠΎΠ³ΠΎ, ΠΊΠ°ΠΊ ΠΎ Π½Π΅ΠΌ Π±ΡΠ»ΠΎ ΠΎΠ±ΡΡΠ²Π»Π΅Π½ΠΎ Π² ΠΎΡΠ½ΠΎΠ²Π½ΠΎΠΌ Π΄ΠΎΠΊΠ»Π°Π΄Π΅ Π½Π° ΠΊΠΎΠ½ΡΠ΅ΡΠ΅Π½ΡΠΈΠΈ Google I/O 2014, Material Design Π±ΡΠ» Π²ΠΏΠ΅ΡΠ²ΡΠ΅ Π΄ΠΎΡΡΡΠΏΠ΅Π½ Π² ΠΏΡΠ΅Π΄Π²Π°ΡΠΈΡΠ΅Π»ΡΠ½ΠΎΠΉ Π²Π΅ΡΡΠΈΠΈ Android L Π½Π° ΡΠΎΠΉ ΠΆΠ΅ Π½Π΅Π΄Π΅Π»Π΅.
3 Π½ΠΎΡΠ±ΡΡ 2014 Π³. ΠΈΡΡ
ΠΎΠ΄Π½ΡΠΉ ΠΊΠΎΠ΄ Π±ΡΠ» Π΄ΠΎΡΡΡΠΏΠ΅Π½ Π΄ΠΎ ΡΠΎΠ³ΠΎ, ΠΊΠ°ΠΊ 12 Π½ΠΎΡΠ±ΡΡ 2014 Π³. Π΄Π»Ρ Π½Π΅ΠΊΠΎΡΠΎΡΡΡ
ΡΡΡΡΠΎΠΉΡΡΠ² Π±ΡΠ»ΠΈ Π²ΠΏΠ΅ΡΠ²ΡΠ΅ ΡΠ°Π·ΠΎΡΠ»Π°Π½Ρ ΠΎΡΠΈΡΠΈΠ°Π»ΡΠ½ΡΠ΅ ΠΎΠ±Π½ΠΎΠ²Π»Π΅Π½ΠΈΡ OTA.
ΠΠ°ΠΆΠ΄ΡΠΉ ΠΌΠ΅ΡΡΡ Π΄ΠΎΠ±Π°Π²Π»ΡΡΡΡΡ Π½ΠΎΠ²ΡΠ΅ ΡΠΏΠ΅ΡΠΈΡΠΈΠΊΠ°ΡΠΈΠΈ Π΄ΠΈΠ·Π°ΠΉΠ½Π°, ΠΊΠΎΡΠΎΡΡΠ΅ ΠΌΠΎΠΆΠ½ΠΎ ΠΏΡΠΎΡΠΌΠΎΡΡΠ΅ΡΡ Π½Π° Π²Π΅Π±-ΡΠ°ΠΉΡΠ΅ Material Design. ΠΠ°ΠΏΡΠΈΠΌΠ΅Ρ, Π² ΠΌΠ°Π΅ 2017 Π³ΠΎΠ΄Π° Google ΠΏΡΠ΅Π΄ΡΡΠ°Π²ΠΈΠ»Π° Π±ΠΈΠ±Π»ΠΈΠΎΡΠ΅ΠΊΡ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΠΎΠ² ΠΌΠ°ΡΠ΅ΡΠΈΠ°Π»ΠΎΠ² Π΄Π»Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ, Π° ΡΠ°ΠΊΠΆΠ΅ Π½ΠΎΠ²ΡΠΉ ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½Ρ ΡΠ²Π΅ΡΠ° Π΄Π»Ρ Π΄ΠΈΠ·Π°ΠΉΠ½Π° ΠΌΠ°ΡΠ΅ΡΠΈΠ°Π»ΠΎΠ². ΠΠΎ Π²ΡΠ΅ΠΌΡ ΠΊΠΎΠ½ΡΠ΅ΡΠ΅Π½ΡΠΈΠΈ ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΠΎΠ² Google I/O 2018 Π³ΠΎΠ΄Π° ΠΊΠΎΠΌΠ°Π½Π΄Π° Material Design ΠΏΡΠ΅Π΄ΡΡΠ°Π²ΠΈΠ»Π° Material Theming Π΄Π»Ρ Π½ΠΎΠ²ΠΎΠ³ΠΎ Π±ΡΠ΅Π½Π΄ΠΈΠ½Π³Π°, ΡΠ΅Π΄Π°ΠΊΡΠΎΡΠ° ΡΠ΅ΠΌ ΠΈ ΠΌΠ½ΠΎΠ³ΠΎΠ³ΠΎ Π΄ΡΡΠ³ΠΎΠ³ΠΎ.
Π ΡΡΠΎΠΌΡ ΠΌΠΎΠΌΠ΅Π½ΡΡ Π±ΠΎΠ»ΡΡΠΈΠ½ΡΡΠ²ΠΎ ΠΎΡΠ½ΠΎΠ²Π½ΡΡ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ Google Π΄ΠΎΠ»ΠΆΠ½Ρ Π±ΡΠ»ΠΈ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡΡΡΡ Π² ΡΡΠΈΠ»Π΅ Material Design.
ΠΠΎΠ΄ΡΠΎΠ±Π½Π΅Π΅:
- ΠΠ°ΡΠ΅ΡΠΈΠ°Π»ΡΠ½ΡΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½: ΡΡΠΎ Π½ΠΎΠ²ΠΎΠ³ΠΎ (Google)
- Google Hangouts 4.0 Π΄Π»Ρ Android Π²ΡΠΏΡΡΠ΅Π½ Ρ ΡΠ»ΡΡΡΠ΅Π½Π½ΡΠΌ ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡΠΎΠΌ ΠΈ ΠΏΡΠΎΠΈΠ·Π²ΠΎΠ΄ΠΈΡΠ΅Π»ΡΠ½ΠΎΡΡΡΡ Π² ΡΡΠΈΠ»Π΅ Material Design (ZDNet)
ΠΠ°ΠΊ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ Material Design?
Π§ΡΠΎΠ±Ρ ΠΏΠΎΠ»ΡΡΠΈΡΡ ΠΌΠ°ΠΊΡΠΈΠΌΠ°Π»ΡΠ½ΡΡ ΠΎΡΠ΄Π°ΡΡ ΠΎΡ Material Design, Π²Ρ Π΄ΠΎΠ»ΠΆΠ½Ρ Π½Π°ΡΠ°ΡΡ Ρ ΠΏΡΠΎΡΠΌΠΎΡΡΠ° ΡΡΠΊΠΎΠ²ΠΎΠ΄ΡΡΠ²Π° ΠΏΠΎ ΡΠΏΠ΅ΡΠΈΡΠΈΠΊΠ°ΡΠΈΡΠΌ, ΠΊΠΎΡΠΎΡΠΎΠ΅ Google ΠΈΠ·Π»ΠΎΠΆΠΈΠ» Π΄Π»Ρ Material Design.
Google ΡΠ°Π·ΡΠ°Π±ΠΎΡΠ°Π» Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ ΠΎΡΠ΅Π½Ρ ΠΊΠΎΠ½ΠΊΡΠ΅ΡΠ½ΡΡ
ΠΏΡΠ°Π²ΠΈΠ» ΠΈ ΡΠ΅ΠΊΠΎΠΌΠ΅Π½Π΄Π°ΡΠΈΠΉ.
ΠΠ°ΡΠ΅ΡΠΈΠ°Π»ΡΠ½ΡΠ΅ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ ΠΌΠΎΠ³ΡΡ ΡΠ°Π·Π»ΠΈΡΠ°ΡΡΡΡ ΠΏΠΎ Π²ΡΡΠΎΡΠ΅ ΠΈ ΡΠΈΡΠΈΠ½Π΅ (X ΠΈ Y), Π½ΠΎ ΠΎΠ½ΠΈ Π²ΡΠ΅Π³Π΄Π° ΠΈΠΌΠ΅ΡΡ ΠΎΠ΄ΠΈΠ½Π°ΠΊΠΎΠ²ΡΡ ΡΠΎΠ»ΡΠΈΠ½Ρ Π² 1 dp (ΠΏΠΈΠΊΡΠ΅Π»ΠΈ, Π½Π΅ Π·Π°Π²ΠΈΡΡΡΠΈΠ΅ ΠΎΡ ΠΏΠ»ΠΎΡΠ½ΠΎΡΡΠΈ). Π ΡΠΎ Π²ΡΠ΅ΠΌΡ ΠΊΠ°ΠΊ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ ΠΠ°ΡΠ΅ΡΠΈΠ°Π»Π° ΠΌΠΎΠ³ΡΡ ΡΠ°ΡΡΠΈ ΠΈ ΡΠ΄Π²ΠΈΠ³Π°ΡΡΡΡ ΠΏΠΎ ΡΠ²ΠΎΠΈΠΌ ΠΎΡΡΠΌ X ΠΈ Y, Π½ΠΎ ΠΎΠ½ΠΈ Π½ΠΈΠΊΠΎΠ³Π΄Π° Π½Π΅ ΠΌΠΎΠ³ΡΡ ΠΏΡΠΎΡ ΠΎΠ΄ΠΈΡΡ ΡΠ΅ΡΠ΅Π· Π΄ΡΡΠ³ΠΎΠΉ ΡΠ»Π΅ΠΌΠ΅Π½Ρ ΠΠ°ΡΠ΅ΡΠΈΠ°Π»Π°.
ΠΠ°ΠΆΠ΄ΡΠΉ ΡΠ»Π΅ΠΌΠ΅Π½Ρ ΠΈΠΌΠ΅Π΅Ρ ΡΠΎΠ±ΡΡΠ²Π΅Π½Π½ΡΠΉ ΡΡΠΎΠ²Π΅Π½Ρ Π²ΠΎΠ·Π²ΡΡΠ΅Π½ΠΈΡ (ΡΠ°ΠΊΠΆΠ΅ ΠΈΠ·ΠΌΠ΅ΡΡΠ΅ΠΌΡΠΉ Π² dp) ΠΎΡΠ½ΠΎΡΠΈΡΠ΅Π»ΡΠ½ΠΎ ΡΠΈΠΏΠ° ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΠ° ΠΈ ΡΠΎΠ³ΠΎ, ΠΊΠ°ΠΊ ΠΎΠ½ Π²Π·Π°ΠΈΠΌΠΎΠ΄Π΅ΠΉΡΡΠ²ΡΠ΅Ρ Ρ Π΄ΡΡΠ³ΠΈΠΌΠΈ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ°ΠΌΠΈ Π² ΠΏΡΠΎΠ΅ΠΊΡΠ΅. Google ΡΠ°ΡΡΠΌΠ°ΡΡΠΈΠ²Π°Π΅Ρ ΠΏΡΠ°Π²ΠΈΠ»Π° Π²ΠΎΠ·Π²ΡΡΠ΅Π½ΠΈΡ ΠΈ ΠΈΠ΅ΡΠ°ΡΡ ΠΈΡ ΠΎΠ±ΡΠ΅ΠΊΡΠΎΠ² Π² ΡΠ²ΠΎΠ΅ΠΌ ΡΡΠΊΠΎΠ²ΠΎΠ΄ΡΡΠ²Π΅ ΠΏΠΎ Π΄ΠΈΠ·Π°ΠΉΠ½Ρ ΠΌΠ°ΡΠ΅ΡΠΈΠ°Π»ΠΎΠ². ΠΡΠΈΠ½ΡΠΈΠΏΡ Material Design ΠΊΠ°ΡΠ°ΡΡΡΡ ΡΠ°ΠΊΠΈΡ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ², ΠΊΠ°ΠΊ Π·Π½Π°ΡΠΊΠΈ, ΡΠ΅ΠΊΡΡΠΎΠ²ΡΠ΅ ΠΏΠΎΠ»Ρ (Π½Π°ΠΏΡΠΈΠΌΠ΅Ρ, Π°Π΄ΡΠ΅ΡΠ½Π°Ρ ΡΡΡΠΎΠΊΠ°), Π²ΠΊΠ»Π°Π΄ΠΊΠΈ ΠΈ Π°Π½ΠΈΠΌΠ°ΡΠΈΡ. ΠΠΎΡΡΡΠΏΠ½ΡΠ΅ Π²Π°ΡΠΈΠ°Π½ΡΡ ΡΠΈΠΏΠΎΠ³ΡΠ°ΡΠΈΠΊΠΈ ΠΌΠΎΠΆΠ½ΠΎ ΡΠ²ΠΈΠ΄Π΅ΡΡ Π² ΠΏΡΠ΅Π΄ΠΎΡΡΠ°Π²Π»Π΅Π½Π½ΠΎΠΉ ΡΠΊΠ°Π»Π΅ ΡΠΈΠΏΠΎΠ² Π·Π΄Π΅ΡΡ.
ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΠΎΠ² Android Π·Π°Ρ
ΠΎΡΡΡ Π·Π°Π³Π»ΡΠ½ΡΡΡ Π½Π° ΡΠ°ΠΉΡ ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΠΎΠ² Material Design Π΄Π»Ρ Android, ΡΡΠΎΠ±Ρ ΠΏΠΎΠ»Π½ΠΎΡΡΡΡ ΠΎΠ·Π½Π°ΠΊΠΎΠΌΠΈΡΡΡΡ ΡΠΎ Π²ΡΠ΅ΠΌΠΈ ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½ΡΠ°ΠΌΠΈ ΠΈ ΡΡΠ½ΠΊΡΠΈΡΠΌΠΈ, Π½Π΅ΠΎΠ±Ρ
ΠΎΠ΄ΠΈΠΌΡΠΌΠΈ Π΄Π»Ρ ΠΏΠ΅ΡΠ΅Π½ΠΎΡΠ° Π΅Π³ΠΎ Π½Π° ΠΌΠΎΠ±ΠΈΠ»ΡΠ½ΡΠ΅ ΡΡΡΡΠΎΠΉΡΡΠ²Π°.
ΠΠΎΠ΄ΡΠΎΠ±Π½Π΅Π΅:
- ΠΡΠ°ΠΊΡΠΈΡΠ΅ΡΠΊΠΎΠ΅ Π·Π½Π°ΠΊΠΎΠΌΡΡΠ²ΠΎ Ρ ΠΌΠ°ΡΠ΅ΡΠΈΠ°Π»ΡΠ½ΡΠΌ Π΄ΠΈΠ·Π°ΠΉΠ½ΠΎΠΌ Android: ΡΠΎΠ·Π΄Π°Π½ΠΈΠ΅ ΡΠ΅ΠΌ Π΄Π»Ρ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ (TechRepublic)
- Google Π·Π°ΠΏΡΡΠΊΠ°Π΅Ρ Π²Π΅Π±-Π±ΠΈΠ±Π»ΠΈΠΎΡΠ΅ΠΊΡ, ΡΡΠΎΠ±Ρ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡΡ ΠΌΠ°ΡΠ΅ΡΠΈΠ°Π»ΡΠ½ΡΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½ ΡΠ°ΠΉΡΠΎΠ² (ZDNet)
- Π’ΡΡΠΊ Ρ Π΄ΠΈΠ·Π°ΠΉΠ½ΠΎΠΌ ΠΌΠ°ΡΠ΅ΡΠΈΠ°Π»ΠΎΠ² Android Lollipop ΠΏΡΠ΅Π΄Π»Π°Π³Π°Π΅Ρ Π±ΠΎΠ»Π΅Π΅ ΡΠΎΠ²Π΅ΡΡΠ΅Π½Π½ΡΠΉ UX (TechRepublic)
- ΠΠ°ΠΊ ΡΠΎΠ·Π΄Π°ΡΡ Π²Π΅Π±-ΡΠ°ΠΉΡ Ρ ΠΏΠΎΠΌΠΎΡΡΡ Google Material Design Lite (PC Advisor)
- ΠΠΎΠ»ΡΡΠ΅ ΠΏΡΠΎΠ±Π»Π΅ΠΌ Ρ ΡΠ΅Π½ΡΡ ΠΏΡΠΈ ΡΠ°Π·ΡΠ°Π±ΠΎΡΠΊΠ΅ ΠΌΠ°ΡΠ΅ΡΠΈΠ°Π»ΠΎΠ² Π΄Π»Ρ Android (TechRepublic)
- ΠΠ°ΡΠ΅ΡΠΈΠ°Π»ΡΠ½ΡΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½ Π΄Π»Ρ ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΠΎΠ² Android (ΠΊΡΡΡ Udacity)
- Π ΡΠΊΠΎΠ²ΠΎΠ΄ΡΡΠ²ΠΎ ΠΏΠΎ ΡΠΏΠ΅ΡΠΈΡΠΈΠΊΠ°ΡΠΈΡΠΌ Google Material Design (Google)
ΠΠ°ΡΠ΅ΡΠΈΠ°Π»ΡΠ½ΡΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½ Π΄Π»Ρ Android | Android Developers
ΠΠ°ΡΠ΅ΡΠΈΠ°Π»ΡΠ½ΡΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½ β ΡΡΠΎ ΠΈΡΡΠ΅ΡΠΏΡΠ²Π°ΡΡΠ΅Π΅ ΡΡΠΊΠΎΠ²ΠΎΠ΄ΡΡΠ²ΠΎ ΠΏΠΎ Π²ΠΈΠ·ΡΠ°Π»ΡΠ½ΠΎΠΌΡ, Π΄ΠΈΠ½Π°ΠΌΠΈΡΠ΅ΡΠΊΠΎΠΌΡ ΠΈ
Π΄ΠΈΠ·Π°ΠΉΠ½ Π²Π·Π°ΠΈΠΌΠΎΠ΄Π΅ΠΉΡΡΠ²ΠΈΡ ΠΌΠ΅ΠΆΠ΄Ρ ΠΏΠ»Π°ΡΡΠΎΡΠΌΠ°ΠΌΠΈ ΠΈ ΡΡΡΡΠΎΠΉΡΡΠ²Π°ΠΌΠΈ.
Π§ΡΠΎΠ±Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΠΌΠ°ΡΠ΅ΡΠΈΠ°Π»ΡΠ½ΡΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½ Π² ΡΠ²ΠΎΠΈΡ
ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΡΡ
Π΄Π»Ρ Android, ΡΠ»Π΅Π΄ΡΠΉΡΠ΅ ΡΠ΅ΠΊΠΎΠΌΠ΅Π½Π΄Π°ΡΠΈΡΠΌ, ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½Π½ΡΠΌ
Π² ΡΠΏΠ΅ΡΠΈΡΠΈΠΊΠ°ΡΠΈΠΈ Π΄ΠΈΠ·Π°ΠΉΠ½Π° ΠΌΠ°ΡΠ΅ΡΠΈΠ°Π»ΠΎΠ² ΠΈ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠΈ
Π½ΠΎΠ²ΡΠ΅ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΡ ΠΈ ΡΡΠΈΠ»ΠΈ, Π΄ΠΎΡΡΡΠΏΠ½ΡΠ΅ Π² ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΊΠ΅ Π΄ΠΈΠ·Π°ΠΉΠ½Π° ΠΌΠ°ΡΠ΅ΡΠΈΠ°Π»ΠΎΠ²
Π±ΠΈΠ±Π»ΠΈΠΎΡΠ΅ΠΊΠ°.
ΠΠ° ΡΡΠΎΠΉ ΡΡΡΠ°Π½ΠΈΡΠ΅ ΠΏΡΠ΅Π΄ΡΡΠ°Π²Π»Π΅Π½ ΠΎΠ±Π·ΠΎΡ ΡΠ°Π±Π»ΠΎΠ½ΠΎΠ² ΠΈ API, ΠΊΠΎΡΠΎΡΡΠ΅ Π²Ρ Π΄ΠΎΠ»ΠΆΠ½Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ.
Android ΠΏΡΠ΅Π΄ΠΎΡΡΠ°Π²Π»ΡΠ΅Ρ ΡΠ»Π΅Π΄ΡΡΡΠΈΠ΅ ΡΡΠ½ΠΊΡΠΈΠΈ, ΠΊΠΎΡΠΎΡΡΠ΅ ΠΏΠΎΠΌΠΎΠ³ΡΡ Π²Π°ΠΌ ΡΠΎΠ·Π΄Π°Π²Π°ΡΡ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΡ Π΄Π»Ρ Π΄ΠΈΠ·Π°ΠΉΠ½Π° ΠΌΠ°ΡΠ΅ΡΠΈΠ°Π»ΠΎΠ²:
- Π’Π΅ΠΌΠ° ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΡ Π΄Π»Ρ Π΄ΠΈΠ·Π°ΠΉΠ½Π° ΠΌΠ°ΡΠ΅ΡΠΈΠ°Π»ΠΎΠ² Π΄Π»Ρ ΠΎΡΠΎΡΠΌΠ»Π΅Π½ΠΈΡ Π²ΡΠ΅Ρ Π²Π°ΡΠΈΡ Π²ΠΈΠ΄ΠΆΠ΅ΡΠΎΠ² ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΡΡΠΊΠΎΠ³ΠΎ ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡΠ°
- ΠΠΈΠ΄ΠΆΠ΅ΡΡ Π΄Π»Ρ ΡΠ»ΠΎΠΆΠ½ΡΡ ΠΏΡΠ΅Π΄ΡΡΠ°Π²Π»Π΅Π½ΠΈΠΉ, ΡΠ°ΠΊΠΈΡ ΠΊΠ°ΠΊ ΡΠΏΠΈΡΠΊΠΈ ΠΈ ΠΊΠ°ΡΡΠΎΡΠΊΠΈ
- ΠΠΎΠ²ΡΠ΅ API Π΄Π»Ρ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΡΡΠΊΠΈΡ ΡΠ΅Π½Π΅ΠΉ ΠΈ Π°Π½ΠΈΠΌΠ°ΡΠΈΠΈ
Π’Π΅ΠΌΠ° ΠΌΠ°ΡΠ΅ΡΠΈΠ°Π»Π° ΠΈ Π²ΠΈΠ΄ΠΆΠ΅ΡΡ
Π§ΡΠΎΠ±Ρ Π²ΠΎΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡΡΡ ΠΏΡΠ΅ΠΈΠΌΡΡΠ΅ΡΡΠ²Π°ΠΌΠΈ ΠΌΠ°ΡΠ΅ΡΠΈΠ°Π»Π°, ΡΠ°ΠΊΠΈΠΌΠΈ ΠΊΠ°ΠΊ ΡΡΠΈΠ»Ρ Π΄Π»Ρ ΡΡΠ°Π½Π΄Π°ΡΡΠ½ΠΎΠ³ΠΎ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΡΡΠΊΠΎΠ³ΠΎ ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡΠ° Π²ΠΈΠ΄ΠΆΠ΅ΡΡ, Π° ΡΡΠΎΠ±Ρ ΡΠΏΡΠΎΡΡΠΈΡΡ ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½ΠΈΠ΅ ΡΡΠΈΠ»Ρ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΡ, ΠΏΡΠΈΠΌΠ΅Π½ΠΈΡΠ΅ ΠΌΠ°ΡΠ΅ΡΠΈΠ°Π»ΡΠ½ΡΡ ΡΠ΅ΠΌΡ Π΄Π»Ρ Π²Π°ΡΠ΅Π³ΠΎ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΡ.
Π’Π΅ΠΌΠ½Π°Ρ ΡΠ΅ΠΌΠ° ΠΌΠ°ΡΠ΅ΡΠΈΠ°Π»Π°
Π‘Π²Π΅ΡΠ»Π°Ρ ΡΠ΅ΠΌΠ° ΠΌΠ°ΡΠ΅ΡΠΈΠ°Π»Π°
ΠΠ»Ρ ΠΏΠΎΠ»ΡΡΠ΅Π½ΠΈΡ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡΠ΅Π»ΡΠ½ΠΎΠΉ ΠΈΠ½ΡΠΎΡΠΌΠ°ΡΠΈΠΈ ΡΠΌ. ΠΏΡΠΈΠΌΠ΅Π½ΡΡΡ ΠΌΠ°ΡΠ΅ΡΠΈΠ°Π»ΡΠ½ΡΡ ΡΠ΅ΠΌΡ.
Π§ΡΠΎΠ±Ρ ΠΏΡΠ΅Π΄ΠΎΡΡΠ°Π²ΠΈΡΡ Π²Π°ΡΠΈΠΌ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΡΠΌ Π·Π½Π°ΠΊΠΎΠΌΡΠΉ ΠΎΠΏΡΡ, ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠΉΡΠ΅ Π½Π°ΠΈΠ±ΠΎΠ»Π΅Π΅ ΡΠ°ΡΠΏΡΠΎΡΡΡΠ°Π½Π΅Π½Π½ΡΠ΅ ΡΠ°Π±Π»ΠΎΠ½Ρ UX ΠΌΠ°ΡΠ΅ΡΠΈΠ°Π»Π°:
- ΠΡΠΎΠ΄Π²ΠΈΠ³Π°ΠΉΡΠ΅ ΠΎΡΠ½ΠΎΠ²Π½ΠΎΠ΅ Π΄Π΅ΠΉΡΡΠ²ΠΈΠ΅ Π²Π°ΡΠ΅Π³ΠΎ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΡΡΠΊΠΎΠ³ΠΎ ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡΠ° Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΠΏΠ»Π°Π²Π°ΡΡΠ΅ΠΉ ΠΊΠ½ΠΎΠΏΠΊΠΈ Π΄Π΅ΠΉΡΡΠ²ΠΈΡ (FAB).

- ΠΠΎΠΊΠ°ΠΆΠΈΡΠ΅ ΡΠ²ΠΎΠΉ Π±ΡΠ΅Π½Π΄, Π½Π°Π²ΠΈΠ³Π°ΡΠΈΡ, ΠΏΠΎΠΈΡΠΊ ΠΈ Π΄ΡΡΠ³ΠΈΠ΅ Π΄Π΅ΠΉΡΡΠ²ΠΈΡ Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΠΏΠ°Π½Π΅Π»ΠΈ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ.
- ΠΠΎΠΊΠ°Π·Π°ΡΡ ΠΈ ΡΠΊΡΡΡΡ Π½Π°Π²ΠΈΠ³Π°ΡΠΈΡ Π²Π°ΡΠ΅Π³ΠΎ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΡ Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΠΏΠ°Π½Π΅Π»ΠΈ Π½Π°Π²ΠΈΠ³Π°ΡΠΈΠΈ.
- ΠΡΠΏΠΎΠ»ΡΠ·ΡΠΉΡΠ΅ ΠΎΠ΄ΠΈΠ½ ΠΈΠ· ΠΌΠ½ΠΎΠΆΠ΅ΡΡΠ²Π° Π΄ΡΡΠ³ΠΈΡ ΠΌΠ°ΡΠ΅ΡΠΈΠ°Π»ΡΠ½ΡΡ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΠΎΠ² Π΄Π»Ρ ΠΌΠ°ΠΊΠ΅ΡΠ° ΠΈ Π½Π°Π²ΠΈΠ³Π°ΡΠΈΠΈ Π²Π°ΡΠ΅Π³ΠΎ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΡ, Π½Π°ΠΏΡΠΈΠΌΠ΅Ρ ΠΊΠ°ΠΊ ΡΠ²ΠΎΡΠ°ΡΠΈΠ²Π°ΡΡΠΈΠ΅ΡΡ ΠΏΠ°Π½Π΅Π»ΠΈ ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½ΡΠΎΠ², Π²ΠΊΠ»Π°Π΄ΠΊΠΈ, Π½ΠΈΠΆΠ½ΡΡ ΠΏΠ°Π½Π΅Π»Ρ Π½Π°Π²ΠΈΠ³Π°ΡΠΈΠΈ ΠΈ ΠΌΠ½ΠΎΠ³ΠΎΠ΅ Π΄ΡΡΠ³ΠΎΠ΅. Π§ΡΠΎΠ±Ρ ΡΠ²ΠΈΠ΄Π΅ΡΡ ΠΈΡ Π²ΡΠ΅, Π·Π°Π³Π»ΡΠ½ΠΈΡΠ΅ Π² ΠΠ°ΡΠ΅ΡΠΈΠ°Π»ΡΠ½ΡΠ΅ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΡ Π΄Π»Ρ Android ΠΊΠ°ΡΠ°Π»ΠΎΠ³
ΠΠΎ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΠΈ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠΉΡΠ΅ ΠΏΡΠ΅Π΄ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½Π½ΡΠ΅ Π·Π½Π°ΡΠΊΠΈ ΠΌΠ°ΡΠ΅ΡΠΈΠ°Π»ΠΎΠ². ΠΠ°ΠΏΡΠΈΠΌΠ΅Ρ, Π½Π°Π²ΠΈΠ³Π°ΡΠΈΠΎΠ½Π½Π°Ρ ΠΊΠ½ΠΎΠΏΠΊΠ° Β«ΠΌΠ΅Π½ΡΒ» Π΄Π»Ρ Π²Π°ΡΠ΅Π³ΠΎ Π½Π°Π²ΠΈΠ³Π°ΡΠΈΠΎΠ½Π½ΠΎΠ³ΠΎ ΡΡΠΈΠΊΠ° Π΄ΠΎΠ»ΠΆΠ½Π° ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΡΡΠ°Π½Π΄Π°ΡΡΠ½ΡΠΉ Β«Π³Π°ΠΌΠ±ΡΡΠ³Π΅ΡΒ» ΠΈΠΊΠΎΠ½Π°. Π‘ΠΌ. ΠΠ½Π°ΡΠΊΠΈ Π΄ΠΈΠ·Π°ΠΉΠ½Π° ΠΌΠ°ΡΠ΅ΡΠΈΠ°Π»ΠΎΠ² Π΄Π»Ρ ΡΠΏΠΈΡΠΊΠ° Π΄ΠΎΡΡΡΠΏΠ½ΡΠ΅ Π·Π½Π°ΡΠΊΠΈ. ΠΡ ΡΠ°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΠΈΠΌΠΏΠΎΡΡΠΈΡΠΎΠ²Π°ΡΡ Π·Π½Π°ΡΠΊΠΈ SVG ΠΈΠ· Π±ΠΈΠ±Π»ΠΈΠΎΡΠ΅ΠΊΠΈ Π·Π½Π°ΡΠΊΠΎΠ² ΠΌΠ°ΡΠ΅ΡΠΈΠ°Π»ΠΎΠ² Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΠΠ΅ΠΊΡΠΎΡΠ½ΡΠΉ Π°ΠΊΡΠΈΠ² Android Studio Π‘ΡΡΠ΄ΠΈΡ.
Π’Π΅Π½ΠΈ ΠΈ ΠΊΠ°ΡΡΡ Π²ΡΡΠΎΡ
Π Π΄ΠΎΠΏΠΎΠ»Π½Π΅Π½ΠΈΠ΅ ΠΊ ΡΠ²ΠΎΠΉΡΡΠ²Π°ΠΌ X ΠΈ Y ΠΏΡΠ΅Π΄ΡΡΠ°Π²Π»Π΅Π½ΠΈΡ Π² Android ΠΈΠΌΠ΅ΡΡ Z
ΡΠ²ΠΎΠΉΡΡΠ²ΠΎ.
ΠΡΠΎ Π½ΠΎΠ²ΠΎΠ΅ ΡΠ²ΠΎΠΉΡΡΠ²ΠΎ ΠΏΡΠ΅Π΄ΡΡΠ°Π²Π»ΡΠ΅Ρ Π²ΡΡΠΎΡΡ Π²ΠΈΠ΄Π°, ΠΊΠΎΡΠΎΡΠ°Ρ ΠΎΠΏΡΠ΅Π΄Π΅Π»ΡΠ΅Ρ:
- Π Π°Π·ΠΌΠ΅Ρ ΡΠ΅Π½ΠΈ: Π²ΠΈΠ΄Ρ Ρ Π±ΠΎΠ»Π΅Π΅ Π²ΡΡΠΎΠΊΠΈΠΌΠΈ Π·Π½Π°ΡΠ΅Π½ΠΈΡΠΌΠΈ Z ΠΎΡΠ±ΡΠ°ΡΡΠ²Π°ΡΡ Π±ΠΎΠ»ΡΡΠΈΠ΅ ΡΠ΅Π½ΠΈ.
- ΠΠΎΡΡΠ΄ΠΎΠΊ ΠΏΡΠΎΡΠΈΡΠΎΠ²ΠΊΠΈ: Π²ΠΈΠ΄Ρ Ρ Π±ΠΎΠ»Π΅Π΅ Π²ΡΡΠΎΠΊΠΈΠΌΠΈ Π·Π½Π°ΡΠ΅Π½ΠΈΡΠΌΠΈ Z ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ°ΡΡΡΡ ΠΏΠΎΠ²Π΅ΡΡ Π΄ΡΡΠ³ΠΈΡ Π²ΠΈΠ΄ΠΎΠ².
ΠΠΎΠ·Π²ΡΡΠ΅Π½ΠΈΠ΅ ΡΠ°ΡΡΠΎ ΠΏΡΠΈΠΌΠ΅Π½ΡΠ΅ΡΡΡ, ΠΊΠΎΠ³Π΄Π° Π²Π°Ρ ΠΌΠ°ΠΊΠ΅Ρ Π²ΠΊΠ»ΡΡΠ°Π΅Ρ ΠΊΠ°ΡΡΠΎΡΠ½ΡΠΉ ΠΌΠ°ΠΊΠ΅Ρ, ΠΊΠΎΡΠΎΡΡΠΉ
ΠΏΠΎΠΌΠΎΠ³Π°Π΅Ρ Π²Π°ΠΌ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ°ΡΡ Π²Π°ΠΆΠ½ΡΠ΅ ΡΡΠ°Π³ΠΌΠ΅Π½ΡΡ ΠΈΠ½ΡΠΎΡΠΌΠ°ΡΠΈΠΈ Π²Π½ΡΡΡΠΈ ΠΊΠ°ΡΡΠΎΡΠ΅ΠΊ, ΠΊΠΎΡΠΎΡΡΠ΅ ΠΎΠ±Π΅ΡΠΏΠ΅ΡΠΈΠ²Π°ΡΡ ΠΌΠ°ΡΠ΅ΡΠΈΠ°Π»ΡΠ½ΡΠΉ Π²ΠΈΠ΄.
ΠΡ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ CardView Π²ΠΈΠ΄ΠΆΠ΅Ρ Π΄Π»Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ ΠΊΠ°ΡΡ Ρ
Π²ΡΡΠΎΡΠ° ΠΏΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ. ΠΠ»Ρ ΠΏΠΎΠ»ΡΡΠ΅Π½ΠΈΡ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡΠ΅Π»ΡΠ½ΠΎΠΉ ΠΈΠ½ΡΠΎΡΠΌΠ°ΡΠΈΠΈ ΡΠΌ.
Π‘ΠΎΠ·Π΄Π°ΠΉΡΠ΅ ΠΌΠ°ΠΊΠ΅Ρ Π½Π° ΠΎΡΠ½ΠΎΠ²Π΅ ΠΊΠ°ΡΡ.
ΠΠ»Ρ ΠΏΠΎΠ»ΡΡΠ΅Π½ΠΈΡ ΠΈΠ½ΡΠΎΡΠΌΠ°ΡΠΈΠΈ ΠΎ Π΄ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΠΈ Π²ΡΡΠΎΡΡ ΠΊ Π΄ΡΡΠ³ΠΈΠΌ Π²ΠΈΠ΄Π°ΠΌ, ΡΠΌ. Π‘ΠΎΠ·Π΄Π°ΡΡ Π’Π΅Π½ΠΈ ΠΈ ΠΊΠ»ΠΈΠΏΡ.
ΠΠ½ΠΈΠΌΠ°ΡΠΈΠΈ
ΠΠΎΠ²ΡΠ΅ API-ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡΡ Π°Π½ΠΈΠΌΠ°ΡΠΈΠΈ ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡΡ ΡΠΎΠ·Π΄Π°Π²Π°ΡΡ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΡΡΠΊΠΈΠ΅ Π°Π½ΠΈΠΌΠ°ΡΠΈΠΈ Π΄Π»Ρ ΡΠ΅Π½ΡΠΎΡΠ½ΠΎΠΉ ΠΎΠ±ΡΠ°ΡΠ½ΠΎΠΉ ΡΠ²ΡΠ·ΠΈ Π² ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ°Ρ
ΡΠΏΡΠ°Π²Π»Π΅Π½ΠΈΡ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΡΡΠΊΠΎΠ³ΠΎ ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡΠ°,
ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΡ ΡΠΎΡΡΠΎΡΠ½ΠΈΡ ΠΏΡΠΎΡΠΌΠΎΡΡΠ° ΠΈ ΠΏΠ΅ΡΠ΅Ρ
ΠΎΠ΄Ρ Π°ΠΊΡΠΈΠ²Π½ΠΎΡΡΠΈ..png)
ΠΡΠΈ API ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡΡ:
- ΠΡΠ²Π΅ΡΠ°ΠΉΡΠ΅ Π½Π° ΡΠ΅Π½ΡΠΎΡΠ½ΡΠ΅ ΡΠΎΠ±ΡΡΠΈΡ Π² Π²Π°ΡΠΈΡ ΠΏΡΠ΅Π΄ΡΡΠ°Π²Π»Π΅Π½ΠΈΡΡ Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΡΠ΅Π½ΡΠΎΡΠ½Π°Ρ ΠΎΠ±ΡΠ°ΡΠ½Π°Ρ ΡΠ²ΡΠ·Ρ Π°Π½ΠΈΠΌΠ°ΡΠΈΠΈ.
- Π‘ΠΊΡΡΡΡ ΠΈ ΠΏΠΎΠΊΠ°Π·Π°ΡΡ Π²ΠΈΠ΄Ρ Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΡΠΈΠΊΠ»ΠΎΠ², ΡΠ°ΡΠΊΡΡΡΡ Π°Π½ΠΈΠΌΠ°ΡΠΈΠΉ.
- ΠΠ΅ΡΠ΅ΠΊΠ»ΡΡΠ°ΠΉΡΠ΅ΡΡ ΠΌΠ΅ΠΆΠ΄Ρ Π΄Π΅ΠΉΡΡΠ²ΠΈΡΠΌΠΈ Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΡΡΠΊΠΈΡ Π°Π½ΠΈΠΌΠ°ΡΠΈΠΉ ΠΏΠ΅ΡΠ΅Ρ ΠΎΠ΄Π° Π΄Π΅ΠΉΡΡΠ²ΠΈΠΉ.
- Π‘ΠΎΠ·Π΄Π°Π²Π°ΠΉΡΠ΅ Π±ΠΎΠ»Π΅Π΅ Π΅ΡΡΠ΅ΡΡΠ²Π΅Π½Π½ΡΠ΅ Π°Π½ΠΈΠΌΠ°ΡΠΈΠΈ Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΠΈΠ·ΠΎΠ³Π½ΡΡΡΡ Π΄Π²ΠΈΠΆΠ΅Π½ΠΈΠΉ .
- ΠΠ½ΠΈΠΌΠΈΡΡΠΉΡΠ΅ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΡ Π² ΠΎΠ΄Π½ΠΎΠΌ ΠΈΠ»ΠΈ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΈΡ ΡΠ²ΠΎΠΉΡΡΠ²Π°Ρ ΠΏΡΠ΅Π΄ΡΡΠ°Π²Π»Π΅Π½ΠΈΡ Ρ ΠΏΠΎΠΌΠΎΡΡΡ Π°Π½ΠΈΠΌΠ°ΡΠΈΠΈ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΡ ΡΠΎΡΡΠΎΡΠ½ΠΈΡ ΠΏΡΠ΅Π΄ΡΡΠ°Π²Π»Π΅Π½ΠΈΡ .
- ΠΠΎΠΊΠ°Π·Π°ΡΡ Π°Π½ΠΈΠΌΠ°ΡΠΈΡ Π² ΡΠΏΠΈΡΠΊΠ°Ρ ΡΠΎΡΡΠΎΡΠ½ΠΈΠΉ ΠΌΠ΅ΠΆΠ΄Ρ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΡΠΌΠΈ ΡΠΎΡΡΠΎΡΠ½ΠΈΡ ΠΏΡΠ΅Π΄ΡΡΠ°Π²Π»Π΅Π½ΠΈΡ.
ΠΠ½ΠΈΠΌΠ°ΡΠΈΠΈ ΡΠ΅Π½ΡΠΎΡΠ½ΠΎΠΉ ΠΎΠ±ΡΠ°ΡΠ½ΠΎΠΉ ΡΠ²ΡΠ·ΠΈ Π²ΡΡΡΠΎΠ΅Π½Ρ Π² Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ ΡΡΠ°Π½Π΄Π°ΡΡΠ½ΡΡ ΠΏΡΠ΅Π΄ΡΡΠ°Π²Π»Π΅Π½ΠΈΠΉ, ΡΠ°ΠΊΠΈΡ ΠΊΠ°ΠΊ ΠΊΠ½ΠΎΠΏΠΊΠΈ. ΠΠΎΠ²ΡΠ΅ API ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡΡ Π½Π°ΡΡΡΠ°ΠΈΠ²Π°ΡΡ ΡΡΠΈ Π°Π½ΠΈΠΌΠ°ΡΠΈΠΈ ΠΈ Π΄ΠΎΠ±Π°Π²Π»ΡΡΡ ΠΈΡ Π² ΡΠ²ΠΎΠΈ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΡΡΠΊΠΈΠ΅ ΠΏΡΠ΅Π΄ΡΡΠ°Π²Π»Π΅Π½ΠΈΡ.
ΠΠΎΠΏΠΎΠ»Π½ΠΈΡΠ΅Π»ΡΠ½ΡΠ΅ ΡΠ²Π΅Π΄Π΅Π½ΠΈΡ ΡΠΌ. Π² ΡΠ°Π·Π΄Π΅Π»Π΅ ΠΠ±Π·ΠΎΡ Π°Π½ΠΈΠΌΠ°ΡΠΈΠΉ.

