Π‘ΠΎΠ΄Π΅ΡΠΆΠ°Π½ΠΈΠ΅
ΡΠ°ΠΌΠΎΡΡΠΎΡΡΠ΅Π»ΡΠ½ΠΎ ΠΈ Π±ΡΡΡΡΠΎ, ΠΊΠ»ΠΈΠΊΠ°Π±Π΅Π»ΡΠ½ΡΠΉ ΠΏΡΠΎΡΠΎΡΠΈΠΏ
ΠΠΎΠ³Π΄Π° Π΄Π΅Π»ΠΎ Π΄ΠΎΡ ΠΎΠ΄ΠΈΡ Π΄ΠΎ ΡΠ°Π·ΡΠ°Π±ΠΎΡΠΊΠΈ ΠΏΡΠΎΠ΅ΠΊΡΠ°, ΡΠΎ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅ΡΡ ΡΠ°ΡΡΠΎ ΡΡΠ΅Π±ΡΠ΅ΡΡΡ ΠΏΡΠΎΠ΄Π΅ΠΌΠΎΠ½ΡΡΡΠΈΡΠΎΠ²Π°ΡΡ ΡΠ°Π±ΠΎΡΡΡ ΠΌΠΎΠ΄Π΅Π»Ρ Π·Π°ΠΊΠ°Π·ΡΠΈΠΊΡ ΠΈΠ»ΠΈ ΠΊΠΎΠΌΠ°Π½Π΄Π΅. ΠΠ»Ρ ΡΡΠΈΡ ΡΠ΅Π»Π΅ΠΉ ΠΏΠΎΠ΄Ρ ΠΎΠ΄ΠΈΡ ΠΏΡΠΎΡΠΎΡΠΈΠΏ ΡΠ°ΠΉΡΠ° Π² ΡΠ΅ΡΠ²ΠΈΡΠ΅ Figma, Ρ ΠΊΠ½ΠΎΠΏΠΊΠ°ΠΌΠΈ ΠΈ ΠΏΠ°Π½Π΅Π»ΡΡ ΡΠΏΡΠ°Π²Π»Π΅Π½ΠΈΡ, ΡΡΠΎΠ±Ρ Π·Π°ΠΊΠ°Π·ΡΠΈΠΊ ΡΠ²ΠΈΠ΄Π΅Π» ΠΈ ΠΎΡΠ΅Π½ΠΈΠ» Π΄ΠΈΠ·Π°ΠΉΠ½ Π±ΡΠ΄ΡΡΠ΅Π³ΠΎ ΠΏΡΠΎΠ΅ΠΊΡΠ°. Π ΡΠ΅ΡΠ²ΠΈΡ Π²ΡΡΡΠΎΠ΅Π½Ρ Π²ΡΠ΅ Π½ΡΠΆΠ½ΡΠ΅ ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½ΡΡ Π΄Π»Ρ ΡΠ°Π·ΡΠ°Π±ΠΎΡΠΊΠΈ ΠΊΡΠ°ΡΠΈΠ²ΡΡ Π΄ΠΈΠ·Π°ΠΉΠ½-ΠΌΠ°ΠΊΠ΅ΡΠΎΠ². Π’ΡΡ ΠΌΠΎΠΆΠ½ΠΎ Π΄ΠΎΠ±Π°Π²ΠΈΡΡ ΠΊΠ»ΠΈΠΊΠ°Π±Π΅Π»ΡΠ½ΠΎΠ΅ ΠΌΠ΅Π½Ρ, ΡΠΎΠ·Π΄Π°Π²Π°ΡΡ ΡΠ°Π·Π»ΠΈΡΠ½ΡΠ΅ ΡΡΡΠ΅ΠΊΡΡ ΠΏΠ΅ΡΠ΅Ρ ΠΎΠ΄ΠΎΠ² ΠΈ ΡΠ°ΠΊ Π΄Π°Π»Π΅Π΅. Π ΡΡΠΎΠΉ ΡΡΠ°ΡΡΠ΅ ΠΌΡ ΡΠ°Π·ΡΠ°Π±ΠΎΡΠ°Π΅ΠΌ Ρ Π½ΡΠ»Ρ ΠΏΡΠΎΡΠΎΡΠΈΠΏ Π² ΡΠ΅ΡΠ²ΠΈΡΠ΅ Π€ΠΈΠ³ΠΌΠ°.
Π‘ΡΡΠ΅ΡΡΠ²ΡΡΡ ΡΠ°ΠΊΠΆΠ΅ ΠΏΠ»Π°Π³ΠΈΠ½ Π€ΠΈΠ³ΠΌΠ° ΠΏΡΠΎΡΠΎΡΠΈΠΏ, ΡΠΏΠΎΡΠΎΠ±Π½ΡΠΉ ΡΠ°ΡΡΠΈΡΠΈΡΡ ΡΡΠ°Π½Π΄Π°ΡΡΠ½ΡΠΉ ΡΡΠ½ΠΊΡΠΈΠΎΠ½Π°Π» ΡΠ΅ΡΠ²ΠΈΡΠ°. Π‘Π΅Π³ΠΎΠ΄Π½Ρ ΠΌΡ Π²ΠΎΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΠΌΡΡ ΠΏΠ»Π°Π³ΠΈΠ½ΠΎΠΌ Π΄Π»Ρ Π³Π΅Π½Π΅ΡΠ°ΡΠΈΠΈ ΠΈΠ»Π»ΡΡΡΡΠ°ΡΠΈΠΉ, ΡΡΠΎΠ±Ρ ΡΠΊΡΠ°ΡΠΈΡΡ Π½Π°Ρ Π΄ΠΈΠ·Π°ΠΉΠ½. ΠΠ»Ρ Π½Π°ΡΠ°Π»Π° ΡΠΎΠ·Π΄Π°Π΄ΠΈΠΌ Frame ΠΈ Grid.Β
Π€ΡΠ΅ΠΉΠΌ ΠΈ ΡΠ΅ΡΠΊΠ°
Π Π°ΡΡΠΊΠ°Π·ΡΠ²Π°Π΅ΠΌ, ΠΊΠ°ΠΊ Π² Π€ΠΈΠ³ΠΌΠ΅ ΡΠ΄Π΅Π»Π°ΡΡ ΠΏΡΠΎΡΠΎΡΠΈΠΏ ΡΠ°ΠΉΡΠ°: ΡΡΠΎΠΈΡ ΡΡΠΈΡΡΠ²Π°ΡΡ, ΡΡΠΎ Π»ΡΠ±ΠΎΠΉ project Π½Π°ΡΠΈΠ½Π°Π΅ΡΡΡ Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ Ρ ΠΎΠ»ΡΡΠ°, Π³Π΄Π΅ Π±ΡΠ΄ΡΡ ΡΠ°Π·ΠΌΠ΅ΡΠ΅Π½Ρ Π²ΡΠ΅ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ. Π€ΡΠ΅ΠΉΠΌ ΠΌΠΎΠΆΠ½ΠΎ Π΄ΠΎΠ±Π°Π²ΠΈΡΡ Π² Π½Π°ΡΠ°Π»Π΅ ΡΠ°Π·ΡΠ°Π±ΠΎΡΠΊΠΈ ΠΈΠ»ΠΈ ΠΆΠ΅ ΠΏΠ΅ΡΠ΅ΠΉΡΠΈ Π² ΡΠ΅Π΄Π°ΠΊΡΠΎΡ ΠΈ Π² Π»Π΅Π²ΠΎΠΌ Π²Π΅ΡΡ Π½Π΅ΠΌ ΡΠ³Π»Ρ Π½Π°ΠΆΠ°ΡΡ ΡΠ΅ΡΠ΅ΡΠΊΡ, Π΄Π°Π»ΡΡΠ΅ Π²ΡΠ±ΡΠ°ΡΡ ΡΠΈΠΏ ΡΡΡΡΠΎΠΉΡΡΠ²Π°, phone ΠΈΠ»ΠΈ desktop. ΠΡΠΈΠΌΠ΅Ρ Π½Π° ΠΊΠ°ΡΡΠΈΠ½ΠΊΠ΅:
ΠΡΠ±Π΅ΡΠ΅ΠΌ Π΄Π΅ΡΠΊΡΠΎΠΏΠ½ΡΡ (Desktop) Π²Π΅ΡΡΠΈΡ, Ρ ΡΠ°Π·ΡΠ΅ΡΠ΅Π½ΠΈΠ΅ΠΌ 1440Γ1024. ΠΡΠ»ΠΈ ΡΡΠΎΠ³ΠΎ Π½Π΅Π΄ΠΎΡΡΠ°ΡΠΎΡΠ½ΠΎ, ΡΠΎ ΠΌΡΡΠΊΠΎΠΉ ΠΌΠΎΠΆΠ½ΠΎ ΡΠ°ΡΡΠΈΡΠΈΡΡ ΡΡΠ΅ΠΉΠΌ, Π·Π°Ρ Π²Π°ΡΠΈΠ² Π·Π° ΠΊΡΠ°Ρ ΠΈ ΠΏΠ΅ΡΠ΅ΡΠ°ΡΠΈΠ². ΠΠΎΠ³Π΄Π° Π½Π°Ρ Ρ ΠΎΠ»ΡΡ ΡΠ°Π·ΠΌΠ΅ΡΡΠΈΠ»ΡΡ, ΠΌΠΎΠΆΠ½ΠΎ ΠΏΡΠΈΡΡΡΠΏΠΈΡΡ ΠΊ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ ΡΠ΅ΡΠΊΠΈ. ΠΠ»Ρ ΡΠ΅Π³ΠΎ Π²ΠΎΠΎΠ±ΡΠ΅ Π½ΡΠΆΠ½Π° ΡΠ΅ΡΠΊΠ°?Β
ΠΡΠΈ ΡΠ°Π·ΡΠ°Π±ΠΎΡΠΊΠ΅ Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π° ΡΡΡΠ΅ΡΡΠ²ΡΠ΅Ρ ΠΏΡΠ°Π²ΠΈΠ»Π°, ΠΊΠΎΡΠΎΡΡΡ ΠΏΡΠΈΠ΄Π΅ΡΠΆΠΈΠ²Π°ΡΡΡΡ Π²ΡΠ΅ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅ΡΡ. ΠΠ°ΠΏΡΠΈΠΌΠ΅Ρ, Π΄ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΠ΅ ΠΎΠ΄ΠΈΠ½Π°ΠΊΠΎΠ²ΡΡ ΠΎΡΡΡΡΠΏΠΎΠ² ΠΏΠΎ ΠΊΡΠ°ΡΠΌ. ΠΡΠ»ΠΈ ΠΏΠ»Π°Π½ΠΈΡΡΠ΅ΡΡΡ ΠΎΡΠΎΡΠΌΠΈΡΡ ΡΡΠΈ ΠΊΠ°ΡΡΠΈΠ½ΠΊΠΈ Π² ΡΡΠ΄, ΠΊΠ°ΠΊ Π² ΠΈΠ½ΡΠ΅ΡΠ½Π΅Ρ-ΠΌΠ°Π³Π°Π·ΠΈΠ½Π΅ ΠΈΠ»ΠΈ Π³Π°Π»Π΅ΡΠ΅Π΅, ΡΠΎ Π·Π΄Π΅ΡΡ ΡΠ»Π΅Π΄ΡΠ΅Ρ Π΄Π΅Π»Π°ΡΡ ΡΠ°Π²Π½ΡΠ΅ ΡΠ°ΡΡΡΠΎΡΠ½ΠΈΡ ΠΌΠ΅ΠΆΠ΄Ρ ΠΊΠ°ΡΡΠΎΡΠΊΠ°ΠΌΠΈ. Π Π΄Π°Π½Π½ΠΎΠΌ ΡΠ»ΡΡΠ°Π΅ ΡΠ΅ΡΠΊΠ° ΠΎΠΊΠ°ΠΆΠ΅ΡΡΡ ΠΎΡΠ΅Π½Ρ ΠΊΡΡΠ°ΡΠΈ, Π° ΠΏΡΠΈ ΡΠ°Π·ΠΌΠ΅ΡΠ΅Π½ΠΈΠΈ Π±Π»ΠΎΠΊΠΎΠ² ΠΎΡΡΡΡΠΏΡ Π±ΡΠ΄ΡΡ ΡΠΎΠ±Π»ΡΠ΄Π΅Π½Ρ.Β
Π§ΡΠΎΠ±Ρ ΡΠΎΠ·Π΄Π°ΡΡ ΡΠ΅ΡΠΊΡ, Π½ΡΠΆΠ½ΠΎ ΡΠ΅Π»ΠΊΠ½ΡΡΡ ΠΏΠΎ Ρ ΠΎΠ»ΡΡΡ, Π·Π°ΡΠ΅ΠΌ ΠΏΠΎΡΠ²ΠΈΡΡΡ ΠΌΠ΅Π½Ρ ΡΠΏΡΠ°Π²Π°. ΠΠ°Ρ ΠΎΠ΄ΠΈΠΌ ΠΎΠΏΡΠΈΡ βLayoutΒ gridβ. ΠΡΠΈ Π½Π°ΠΆΠ°ΡΠΈΠΈ Π½Π° Π½Π΅Ρ Π²ΡΡ ΠΎΠ±Π»Π°ΡΡΡ ΠΏΠΎΠΊΡΠΎΠ΅ΡΡΡ ΡΠ΅ΡΠΊΠΎΠΉ. Π Π±ΠΎΠΊΠΎΠ²ΠΎΠΉ ΠΏΠ°Π½Π΅Π»ΠΈ ΡΡΠ°Π½Π΅Ρ Π΄ΠΎΡΡΡΠΏΠ½Π° βGridβ, ΡΠ°ΠΌ Π΅ΡΡΡ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡΠ΅Π»ΡΠ½Π°Ρ ΠΌΠ΅ΡΠΊΠ°, ΠΏΡΠΈ Π½Π°ΠΆΠ°ΡΠΈΠΈ Π½Π° ΠΊΠΎΡΠΎΡΡΡ ΠΌΠΎΠΆΠ½ΠΎ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡΡ ΠΏΠ°ΡΠ°ΠΌΠ΅ΡΡΡ ΠΈ ΡΡΡΠ°Π½ΠΎΠ²ΠΈΡΡ ΠΊΠΎΠ»ΠΎΠ½ΠΊΠΈ ΠΈΠ»ΠΈ ΡΡΡΠΎΠΊΠΈ. ΠΡΠΈΠΌΠ΅Ρ Π½Π° ΠΊΠ°ΡΡΠΈΠ½ΠΊΠ΅:
ΠΠΎΠΏΡΡΡΠΈΠΌ, Π½Π°ΡΠ° ΡΠ΅Π»Ρ β ΡΠ°Π·ΡΠ°Π±ΠΎΡΠ°ΡΡ ΠΈΠ½ΡΠ΅ΡΠ½Π΅Ρ-ΠΌΠ°Π³Π°Π·ΠΈΠ½, Π³Π΄Π΅ ΡΠΎΠ²Π°ΡΡ Π±ΡΠ΄ΡΡ ΡΠ°ΡΠΏΠΎΠ»ΠΎΠΆΠ΅Π½Ρ Π² ΡΠΎΡΠΌΠ°ΡΠ΅ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ ΠΏΠΎΠ·ΠΈΡΠΈΠΉ Π² ΡΡΠ΄. ΠΡΠ΅ΠΆΠ΄Π΅ ΡΠ΅ΠΌ Π²ΡΠΏΠΎΠ»Π½ΡΡΡ ΠΏΠΎΡΡΠ°Π²Π»Π΅Π½Π½ΡΡ Π·Π°Π΄Π°ΡΡ, Π½ΡΠΆΠ½ΠΎ ΠΎΠΏΡΠ΅Π΄Π΅Π»ΠΈΡΡΡΡ Ρ ΡΠ°ΠΊΠΈΠΌΠΈ ΠΏΠ°ΡΠ°ΠΌΠ΅ΡΡΠ°ΠΌΠΈ, ΠΊΠ°ΠΊ ΡΠ°Π·ΠΌΠ΅Ρ ΠΎΠ΄Π½ΠΎΠΉ ΠΊΠ°ΡΡΠΎΡΠΊΠΈ, Π½Π°ΠΏΡΠΈΠΌΠ΅Ρ, 200 px, ΠΈ ΠΎΡΡΡΡΠΏΡ, 20 ΠΏΠΈΠΊΡΠ΅Π»Π΅ΠΉ.Β
ΠΠ½Π°Ρ ΠΎΡΠ½ΠΎΠ²Π½ΡΠ΅ Π΄Π°Π½Π½ΡΠ΅, ΠΎΠ±Π»Π°ΡΡΡ ΡΠ°Π·Π±ΠΈΠ²Π°Π΅ΡΡΡ Π½Π° ΠΊΠΎΠ»ΠΎΠ½ΠΊΠΈ, Π° ΡΠΆΠ΅ ΡΠ»Π΅Π΄ΠΎΠΌ ΠΈΠ΄Π΅Ρ ΡΠ°Π·ΠΌΠ΅ΡΠ΅Π½ΠΈΠ΅ ΡΠΎΠ²Π°ΡΠ° ΠΈ ΠΎΠΏΠΈΡΠ°Π½ΠΈΠ΅. Π§ΡΠΎΠ±Ρ Π΄ΠΎΠ±Π°Π²ΠΈΡΡ ΡΡΠΎΠ»Π±ΡΡ Π½Π° Ρ ΠΎΠ»ΡΡ, Π½ΡΠΆΠ½ΠΎ Π²ΠΎ Π²ΡΠΏΠ»ΡΠ²Π°ΡΡΠ΅ΠΌ ΠΎΠΊΠ½Π΅ ΠΎΡΠΊΡΡΡΡ ΡΠΏΠΈΡΠΎΠΊ ΠΈ ΡΠ΅Π»ΠΊΠ½ΡΡΡ ΠΏΠΎ ΠΏΡΠ½ΠΊΡΡ βColumnsβ, ΠΏΡΠΈΠΌΠ΅Ρ ΠΏΠΎΠΊΠ°Π·Π°Π½ Π½Π° ΡΠΊΡΠΈΠ½ΡΠΎΡΠ΅ Π²ΡΡΠ΅. Π ΠΈΡΠΎΠ³Π΅ ΠΌΡ ΠΏΠΎΠ»ΡΡΠΈΠΌ Π½Π°ΡΡΡΠΎΠΉΠΊΠΈ ΠΊΠΎΠ»ΠΎΠ½ΠΎΠΊ. ΠΠ°ΡΠ°ΠΌΠ΅ΡΡΠΎΠ² Π·Π΄Π΅ΡΡ Π΄ΠΎΡΡΠ°ΡΠΎΡΠ½ΠΎ ΠΌΠ½ΠΎΠ³ΠΎ:
- Count β ΠΊΠΎΠ»ΠΈΡΠ΅ΡΡΠ²ΠΎ ΠΊΠΎΠ»ΠΎΠ½ΠΎΠΊ.
- Color β ΡΠ²Π΅Ρ ΡΡΠΎΠ»Π±ΡΠΎΠ².
- Margin β ΠΎΡΡΡΡΠΏΡ ΠΏΠΎ ΠΊΡΠ°ΡΠΌ.
- Gutter β ΠΌΠ΅ΠΆΠΊΠΎΠ»ΠΎΠ½ΠΎΡΠ½ΡΠ΅ ΠΏΡΠΎΠΌΠ΅ΠΆΡΡΠΊΠΈ.
Π ΡΠΎΠΌ ΠΆΠ΅ Π²ΡΠΏΠ»ΡΠ²Π°ΡΡΠ΅ΠΌ ΠΎΠΊΠ½Π΅ Π΅ΡΡΡ ΡΠ°ΡΠΊΡΡΠ²Π°ΡΡΠΈΠΉ ΡΠΏΠΈΡΠΎΠΊ, type. ΠΠ½ Π²ΠΊΠ»ΡΡΠ°Π΅Ρ Π² ΡΠ΅Π±Ρ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡΠ΅Π»ΡΠ½ΡΠ΅ Π½Π°ΡΡΡΠΎΠΉΠΊΠΈ, ΡΠΏΠΎΡΠΎΠ±Π½ΡΠ΅ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡΡ ΡΠ°ΡΠΏΠΎΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ ΠΊΠΎΠ»ΠΎΠ½ΠΎΠΊ: left β ΡΠ»Π΅Π²Π°, right β ΡΠΏΡΠ°Π²Π°, center β ΠΏΠΎ ΡΠ΅Π½ΡΡΡ, stretch β ΡΠ΅Π·ΠΈΠ½ΠΎΠ²Π°Ρ ΡΠ΅ΡΠΊΠ°, ΡΠΈΡΠΈΠ½Π° ΡΡΡΠ°Π½Π°Π²Π»ΠΈΠ²Π°Π΅ΡΡΡ Π°Π²ΡΠΎΠΌΠ°ΡΠΈΡΠ΅ΡΠΊΠΈ ΡΠ΅ΡΠ²ΠΈΡΠΎΠΌ.
ΠΡΠΈ Π²ΡΠ±ΠΎΡΠ΅ Π½Π΅ΠΊΠΎΡΠΎΡΡΡ ΠΏΡΠ½ΠΊΡΠΎΠ² ΡΡΠ°Π½Π΅Ρ Π΄ΠΎΡΡΡΠΏΠ½Ρ ΡΠ»Π΅Π΄ΡΡΡΠΈΠ΅ ΠΏΠ°ΡΠ°ΠΌΠ΅ΡΡΡ width β ΡΡΡΠ°Π½Π°Π²Π»ΠΈΠ²Π°Π΅ΠΌ ΡΠΈΡΠΈΠ½Ρ ΠΎΠ΄Π½ΠΎΠ³ΠΎ ΡΡΠΎΠ»Π±ΡΠ°, Offset β ΠΎΡΡΡΡΠΏ ΠΎΡ ΠΊΡΠ°Ρ, Π² Π·Π°Π²ΠΈΡΠΈΠΌΠΎΡΡΠΈ ΠΎΡ Π²ΡΠ±ΡΠ°Π½Π½ΠΎΠ³ΠΎ ΠΏΡΠ½ΠΊΡΠ°, Π΅ΡΠ»ΠΈ left β ΡΠΎ ΡΠ»Π΅Π²Π°, right β ΡΠΏΡΠ°Π²Π°. ΠΡΠΈΠΌΠ΅Ρ Π²ΡΠ΅Ρ ΠΎΠΏΡΠΈΠΉ Π½Π° ΡΠΈΡΡΠ½ΠΊΠ΅:
ΠΠΎΠ»ΠΎΠ½ΠΊΠΈ ΠΌΠΎΠΆΠ½ΠΎ ΡΠ°ΡΠΏΠΎΠ»ΠΎΠΆΠΈΡΡ ΠΏΠΎ Π²ΡΠ΅ΠΉ ΡΠ΅ΡΠΊΠ΅, Π΄Π»Ρ ΡΡΠΎΠ³ΠΎ Π½ΡΠΆΠ½ΠΎ Π²ΡΠ±ΡΠ°ΡΡ ΡΠΈΠΏ right ΠΈΠ»ΠΈ left, ΠΏΠΎΡΠΎΠΌ ΡΠΊΠ°Π·Π°ΡΡ Π² ΠΏΠ°ΡΠ°ΠΌΠ΅ΡΡΠ°Ρ count Auto, ΠΈ ΡΡΠΎΠ»Π±ΡΡ Π·Π°ΠΉΠΌΡΡ Π²ΡΡ ΠΎΠ±Π»Π°ΡΡΡ ΡΡΠ΅ΠΉΠΌΠ°. ΠΠΈΠΆΠ΅ ΠΏΡΠ΅Π΄ΠΎΡΡΠ°Π²Π»Π΅Π½ ΠΏΡΠΈΠΌΠ΅Ρ. ΠΡΠ»ΠΈ ΠΏΡΠΈΡΠΌΠΎΡΡΠ΅ΡΡΡΡ, ΡΠΎ ΠΊΠ°ΠΆΠ΄Π°Ρ Π»ΠΈΠ½ΠΈΡ ΠΏΡΠΈΠ±Π»ΠΈΠ·ΠΈΡΠ΅Π»ΡΠ½ΠΎ ΡΠ°Π²Π½Π° 10 px. ΠΠ°Π½Π½ΡΠΉ Π²ΠΈΠ΄ Π°ΡΡ ΠΈΡΠ΅ΠΊΡΡΡΡ ΠΏΠΎΠ΄ΠΎΠΉΠ΄Π΅Ρ Π΄Π»Ρ ΡΠΈΠΏΠΎΠ³ΡΠ°ΡΠΈΠΈ, Π½Π°ΠΏΡΠΈΠΌΠ΅Ρ, ΡΡΠΎΠ±Ρ Π΄ΠΎΠ±Π°Π²ΠΈΡΡ ΡΠ΅ΠΊΡΡ Ρ ΠΎΡΡΡΡΠΏΠ°ΠΌΠΈ.Β
Frame ΠΌΠΎΠΆΠ΅Ρ ΡΠΎΠ΄Π΅ΡΠΆΠ°ΡΡ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ ΡΠ΅ΡΠΎΠΊ. ΠΠ°ΠΆΠ΄Π°Ρ ΠΏΡΠ΅Π΄Π½Π°Π·Π½Π°ΡΠ΅Π½Π° Π΄Π»Ρ ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½Π½ΡΡ Π³ΡΠ°ΡΠΈΡΠ΅ΡΠΊΠΈΡ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ². ΠΠ΄Π½Π° Π±ΡΠ΄Π΅Ρ ΠΎΡΠ²Π΅ΡΠ°ΡΡ Π·Π° ΡΠΈΠΏΠΎΠ³ΡΠ°ΡΠΈΠΊΡ, Π΄ΡΡΠ³Π°Ρ Π·Π° ΠΊΠ°ΡΡΠΎΡΠΊΠΈ ΠΈΠ½ΡΠ΅ΡΠ½Π΅Ρ-ΠΌΠ°Π³Π°Π·ΠΈΠ½Π° ΠΈ ΡΠ°ΠΊ Π΄Π°Π»Π΅Π΅. Π£Π½ΠΈΠΊΠ°Π»ΡΠ½ΡΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½ ΠΎΠ±ΡΡΠ½ΠΎ ΡΠΎΡΡΠΎΠΈΡ ΠΈΠ· Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΈΡ ΡΡΡΠ°Π½ΠΈΡ, ΡΠΎΠΎΡΠ²Π΅ΡΡΡΠ²Π΅Π½Π½ΠΎ, Π΄Π»Ρ ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ ΡΡΠ΅ΠΉΠΌΠ° ΠΏΠΎΡΡΠ΅Π±ΡΠ΅ΡΡΡ ΠΎΡΠ΄Π΅Π»ΡΠ½Π°Ρ ΡΠ΅ΡΠΊΠ°. ΠΠ°ΡΡΡΠ°ΠΈΠ²Π°ΡΡ ΠΏΡΠ΅ΡΠ΅ΡΡ ΠΊΠ°ΠΆΠ΄ΡΠΉ ΡΠ°Π· Ρ Π½ΡΠ»Ρ ΠΊΡΠΎΠΏΠΎΡΠ»ΠΈΠ²ΡΠΉ ΡΡΡΠ΄, ΠΏΠΎΡΡΠΎΠΌΡ Π² ΡΠ΅ΡΠ²ΠΈΡΠ΅ ΠΏΡΠ΅Π΄ΡΡΠΌΠΎΡΡΠ΅Π½ΠΎ ΡΠΎΡ ΡΠ°Π½Π΅Π½ΠΈΠ΅ ΡΡΠΈΠ»Ρ. ΠΠ΅Π»Π°Π΅ΡΡΡ ΡΡΠΎ ΡΠ»Π΅Π΄ΡΡΡΠΈΠΌ ΠΎΠ±ΡΠ°Π·ΠΎΠΌ (ΡΠΈΡΡΠ°ΠΌΠΈ ΠΎΠ±ΠΎΠ·Π½Π°ΡΠ΅Π½ΠΎ, ΠΊΡΠ΄Π° Π½Π°ΠΆΠΈΠΌΠ°ΡΡ):
ΠΡΠΊΡΠΎΠ΅ΡΡΡ Π²ΡΠΏΠ»ΡΠ²Π°ΡΡΠ΅Π΅ ΠΎΠΊΠ½ΠΎ, Π³Π΄Π΅ Π½ΡΠΆΠ½ΠΎ ΠΏΡΠΈΠ΄ΡΠΌΠ°ΡΡ Π½Π°Π·Π²Π°Π½ΠΈΠ΅ ΠΈ Π½Π°ΠΆΠ°ΡΡ ΠΊΠ½ΠΎΠΏΠΊΡ βcreate styleβ.Β
Π§ΡΠΎΠ±Ρ ΠΏΡΠΈΠΌΠ΅Π½ΠΈΡΡ ΡΡΠΈΠ»Ρ, Π²ΡΠ±ΠΈΡΠ°Π΅ΠΌ Π½ΠΎΠ²ΡΠΉ frame. Π ΠΏΡΠ°Π²ΠΎΠΉ ΠΏΠ°Π½Π΅Π»ΠΈ Π΅ΡΡΡ ΠΎΠΏΡΠΈΡ βLayoutΒ gridβ, ΡΠ΅Π»ΠΊΠ°Π΅ΠΌ Π½Π° ΠΈΠΊΠΎΠ½ΠΊΡ, Π° Π΄Π°Π»ΡΡΠ΅ Π½Π° Π·Π°Π³ΠΎΡΠΎΠ²Π»Π΅Π½Π½ΡΠΉ ΡΠ°Π±Π»ΠΎΠ½, ΠΏΠΎΡΠ»Π΅ ΡΡΠΎΠ³ΠΎ Π΄Π°Π½Π½ΡΠΉ ΡΡΠΈΠ»Ρ Π°Π²ΡΠΎΠΌΠ°ΡΠΈΡΠ΅ΡΠΊΠΈ ΠΏΡΠΈΠΌΠ΅Π½ΠΈΡΡΡ. Π Π΄Π°Π½Π½ΠΎΠΌ ΡΠ»ΡΡΠ°Π΅ ΡΠ°Π±Π»ΠΎΠ½ Π½Π°ΡΡΡΠ°ΠΈΠ²Π°Π΅ΡΡΡ ΠΎΠ΄ΠΈΠ½ ΡΠ°Π· ΠΈ ΠΏΡΠΈΠΌΠ΅Π½ΡΠ΅ΡΡΡ ΠΊΠΎ Π²ΡΠ΅ΠΌ ΡΡΡΠ°Π½ΠΈΡΠ°ΠΌ ΠΏΡΠΎΠ΅ΠΊΡΠ°.Β
ΠΡΠ΅Π΄ΠΏΠΎΠ»ΠΎΠΆΠΈΠΌ, ΠΌΡ Π΄ΠΎΠ±Π°Π²ΠΈΠ»ΠΈ ΡΠ΅ΡΡ, Π³Π΄Π΅ Π½Π°ΡΠΈΡΠΎΠ²Π°Π½ΠΎ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ ΠΊΠ²Π°Π΄ΡΠ°ΡΠΎΠ². ΠΠΎΠΆΠ½ΠΎ ΠΏΡΠΎΠ²Π΅ΡΠΈΡΡ, ΠΊΠ°ΠΊ Π±ΡΠ΄ΡΡ ΡΠ΅Π°Π³ΠΈΡΠΎΠ²Π°ΡΡ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ ΠΏΡΠΈ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠΈ ΡΠ°Π·ΠΌΠ΅ΡΠ° ΡΠ°Π±ΠΎΡΠ΅ΠΉ ΠΎΠ±Π»Π°ΡΡΠΈ. Π‘Π΄Π΅Π»Π°Π΅ΠΌ Π·Π°Ρ Π²Π°Ρ ΠΊΡΠ°Ρ ΠΈ ΠΏΠ΅ΡΠ΅ΡΠ°ΡΠΈΠΌ Π²ΠΏΡΠ°Π²ΠΎ.
ΠΡ ΡΠ°ΡΡΡΠ½ΡΠ»ΠΈ ΠΈ ΠΈΠ·ΠΌΠ΅Π½ΠΈΠ»ΠΈ ΡΠΈΡΠΈΠ½Ρ ΡΡΠ΅ΠΉΠΌΠ°, ΡΠ°ΡΡΡΠΎΡΠ½ΠΈΠ΅ ΠΌΠ΅ΠΆΠ΄Ρ ΠΎΠ±ΡΠ΅ΠΊΡΠ°ΠΌΠΈ ΡΠ°ΠΊΠΆΠ΅ ΡΠ²Π΅Π»ΠΈΡΠΈΠ»ΠΎΡΡ. ΠΠΎΠΆΠ½ΠΎ Π½Π°ΡΡΡΠΎΠΈΡΡ, ΡΡΠΎΠ±Ρ Π±Π»ΠΎΠΊΠΈ Π²Π½ΡΡΡΠΈ ΠΎΠ±Π»Π°ΡΡΠΈ ΡΠΎΠΆΠ΅ ΡΠ°ΡΡΡΠ³ΠΈΠ²Π°Π»ΠΈΡΡ. ΠΠ΅Π»Π°Π΅ΡΡΡ ΡΡΠΎ ΠΏΡΠΎΡΡΠΎ, Π² Π»Π΅Π²ΠΎΠΌ ΠΌΠ΅Π½Ρ βΡΠ»ΠΎΠΈβ Π²ΡΠ±ΠΈΡΠ°Π΅ΠΌ Π²ΡΠ΅ rectangle. ΠΠ°ΠΆΠΈΠΌΠ°Π΅ΠΌ Rectangle 1, ΠΏΠΎΡΠΎΠΌ ΡΠ΄Π΅ΡΠΆΠΈΠ²Π°Π΅ΠΌ shift ΠΈ ΡΠ΅Π»ΠΊΠ°Π΅ΠΌ ΠΏΠΎ ΠΏΠΎΡΠ»Π΅Π΄Π½Π΅ΠΌΡ.
ΠΠΎΡΠ»Π΅ ΡΡΠΎΠ³ΠΎ Π² ΠΏΠ°Π½Π΅Π»ΠΈ design, Π½Π°Ρ ΠΎΠ΄ΠΈΠΌ Constrains ΠΈ ΠΏΠ΅ΡΠ΅ΠΊΠ»ΡΡΠ°Π΅ΠΌ ΠΎΠΏΡΠΈΠΈ Π½Π° Left and right, ΠΏΠΎΡΠ»Π΅ ΡΡΠΎΠ³ΠΎ Π²ΡΠ΅ Π±Π»ΠΎΠΊΠΈ Π±ΡΠ΄ΡΡ ΠΏΡΠΈΠ²ΡΠ·Π°Π½Ρ ΠΊ ΡΠ΅ΡΠΊΠ΅ ΠΈ ΠΏΡΠΈ ΠΏΠΎΠΏΡΡΠΊΠ΅ ΡΠ°ΡΡΡΠ½ΡΡΡ, ΡΠΈΡΠΈΠ½Π° ΠΎΠ±ΡΠ΅ΠΊΡΠ° rectangle ΡΠ°ΠΊΠΆΠ΅ ΡΠ²Π΅Π»ΠΈΡΠΈΡΡΡ. Π Π΅Π·ΡΠ»ΡΡΠ°Ρ Π²ΡΠ΅Ρ Π΄Π΅ΠΉΡΡΠ²ΠΈΠΉ ΠΏΠΎΠΊΠ°Π·Π°Π½ Π½ΠΈΠΆΠ΅:
ΠΠ»ΡΡΠ΅Π²ΠΎΠΉ ΠΌΠΎΠΌΠ΅Π½Ρ ΡΠ°Π±ΠΎΡΡ Ρ ΡΠ΅ΡΠΊΠΎΠΉ Π·Π°ΠΊΠ»ΡΡΠ°Π΅ΡΡΡ Π² Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΠΈ ΡΠ°Π·ΡΠ°Π±ΠΎΡΠ°ΡΡ Π°Π΄Π°ΠΏΡΠΈΠ²Π½ΡΡ Π²Π΅ΡΡΡΠΊΡ. ΠΡΠΎ Π·Π½Π°ΡΠΈΡ, ΡΡΠΎ ΠΏΡΠΎΠ΅ΠΊΡ Π±ΡΠ΄Π΅Ρ ΠΎΠ΄ΠΈΠ½Π°ΠΊΠΎΠ²ΠΎ ΡΠΌΠΎΡΡΠ΅ΡΡΡΡ Π½Π° Π²ΡΠ΅Ρ ΡΡΡΡΠΎΠΉΡΡΠ²Π°Ρ , ΠΊΠ°ΠΊ Π½Π° ΠΊΠΎΠΌΠΏΡΡΡΠ΅ΡΠ°Ρ , ΡΠ°ΠΊ ΠΈ Π½Π° ΡΠ΅Π»Π΅ΡΠΎΠ½Π°Ρ . ΠΡΠΏΠΎΠ»ΡΠ·ΡΡ ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½Ρ grid, ΠΌΠΎΠΆΠ½ΠΎ Π»Π΅Π³ΠΊΠΎ ΠΌΠ°ΡΡΡΠ°Π±ΠΈΡΠΎΠ²Π°ΡΡ ΠΎΠ±Π»Π°ΡΡΡ ΠΈ ΡΠΎΠ·Π΄Π°Π²Π°ΡΡ Π½ΠΎΠ²ΡΠ΅ ΠΌΠ°ΠΊΠ΅ΡΡ Π΄Π»Ρ ΡΡΡΡΠΎΠΉΡΡΠ². Π ΡΠ»ΡΡΠ°Π΅, ΠΊΠΎΠ³Π΄Π° ΡΡΠ΅Π±ΡΠ΅ΡΡΡ ΡΠΊΡΡΡΡ grid, Π΄Π»Ρ ΡΡΠΎΠ³ΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΡΡΡ βΠ³Π»Π°Π·β, Π² ΠΏΠ°Π½Π΅Π»ΠΈ design.
ΠΡΠ»ΠΈ ΡΡΠ΅Π±ΡΠ΅ΡΡΡ ΡΠΊΡΡΡΡ ΠΊΠ°ΡΠΊΠ°Ρ ΡΡΠ°Π·Ρ Π΄Π»Ρ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΈΡ ΡΡΠ΅ΠΉΠΌΠΎΠ², Π² Π»Π΅Π²ΠΎΠΌ Π²Π΅ΡΡ Π½Π΅ΠΌ ΠΌΠ΅Π½Ρ Π½ΡΠΆΠ½ΠΎ Π²ΡΠ±ΡΠ°ΡΡ view->Layout grids ΠΈΠ»ΠΈ Π²ΠΎΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡΡΡ ΠΊΠΎΠΌΠ±ΠΈΠ½Π°ΡΠΈΠ΅ΠΉ ΠΊΠ»Π°Π²ΠΈΡ Ctrl+Shift+4.Β
Π‘Π΅ΡΠΊΠ° ΡΠ±ΠΈΡΠ°Π΅ΡΡΡ ΠΊΠ½ΠΎΠΏΠΊΠΎΠΉ ΠΌΠΈΠ½ΡΡ, Π½ΠΎ ΡΡΠΎΠΈΡ ΡΡΠΈΡΡΠ²Π°ΡΡ, ΡΡΠΎ ΠΏΡΠΈ ΡΠ΄Π°Π»Π΅Π½ΠΈΠΈ ΠΊΠ°ΡΠΊΠ°ΡΠ°, ΡΠΎΠ±ΡΡΡΡΡ Π²ΡΡ Π²Π΅ΡΡΡΠΊΠ°.
ΠΠ»Ρ ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ ΡΠΈΠΏΠ° ΠΎΠ±ΠΎΡΡΠ΄ΠΎΠ²Π°Π½ΠΈΡ ΡΡΡΠ΅ΡΡΠ²ΡΡΡ ΡΠ²ΠΎΠΈ ΡΡΠΈΠ»Ρ.
- 12 ΠΊΠΎΠ»ΠΎΠ½ΠΎΡΠ½Π°Ρ ΡΡΠ΅ΠΊΠ° β ΠΏΠΎΠ΄Ρ ΠΎΠ΄ΠΈΡ Π΄Π»Ρ Π±ΠΎΠ»ΡΡΠΈΡ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ². ΠΠ°ΠΏΡΠΈΠΌΠ΅Ρ, ΡΠ°Π·ΡΠ°Π±ΠΎΡΠΊΠ° Π΄ΠΈΠ·Π°ΠΉΠ½Π° Π΄Π»Ρ Π²Π΅Π±ΡΠ°ΠΉΡΠ°.
- ΠΠ΅ΡΡΠΈΠΊΠ°Π»ΡΠ½ΡΠ΅ Π»ΠΈΠ½ΠΈΠΈ (type=left ΠΈ count=auto) β ΠΎΠ± ΡΡΠΎΠΌ ΡΠΏΠΎΠΌΠΈΠ½Π°Π»ΠΎΡΡ Π²ΡΡΠ΅, ΠΏΠΎΠ΄Ρ ΠΎΠ΄ΠΈΡ Π΄Π»Ρ ΡΠΈΠΏΠΎΠ³ΡΠ°ΡΠΈΠΊΠΈ.
- 24 ΠΊΠΎΠ»ΠΎΠ½ΠΎΡΠ½Π°Ρ ΡΠ΅ΡΠΊΠ° β ΠΏΡΠ΅Π΄Π½Π°Π·Π½Π°ΡΠ΅Π½Π° Π΄Π»Ρ Π±ΠΎΠ»Π΅Π΅ ΠΌΠ΅Π»ΠΊΠΈΡ Π΄Π΅ΡΠ°Π»Π΅ΠΉ, ΠΏΠΎΠ΄ΠΎΠΉΠ΄Π΅Ρ ΠΏΠΎΠ΄ ΠΌΠΎΠ±ΠΈΠ»ΡΠ½ΡΠ΅ ΡΡΡΡΠΎΠΉΡΡΠ²Π°.
ΠΡΡΠ°Π²Π½ΠΈΠ²Π°Π½ΠΈΠ΅ ΠΈ ΠΎΡΡΡΡΠΏΡ
ΠΠ°ΠΊΠ»Π°Π΄ΡΠ²Π°Ρ ΡΠ΅ΡΠΊΡ Π½Π° frame, ΠΌΡ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π»ΠΈ ΡΠ°ΠΊΡΡ ΠΎΠΏΡΠΈΡ, ΠΊΠ°ΠΊ margin, ΠΎΠ½Π° Π΄Π΅Π»Π°Π΅Ρ ΠΎΡΡΡΡΠΏΡ ΠΏΠΎ Π±ΠΎΠΊΠ°ΠΌ, Π½ΠΎ ΠΏΡΠΈ ΡΠ°Π±ΠΎΡΠ΅ ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΠΈ ΡΡΠ°Π»ΠΊΠΈΠ²Π°ΡΡΡΡ Ρ ΡΠΈΡΡΠ°ΡΠΈΠ΅ΠΉ, ΠΊΠΎΠ³Π΄Π° ΡΡΠ΅Π±ΡΠ΅ΡΡΡ Π²ΡΡΠΎΠ²Π½ΡΡΡ Π±Π»ΠΎΠΊ ΠΏΠΎ ΡΠ΅Π½ΡΡΡ ΠΈΠ»ΠΈ Π»Π΅Π²ΠΎΠΌΡ ΠΊΡΠ°Ρ. ΠΠ»Ρ ΡΡΠΈΡ ΡΠ΅Π»Π΅ΠΉ ΡΡΡΠ΅ΡΡΠ²ΡΡΡ align, ΠΎΠ½Π° Π½Π°Ρ ΠΎΠ΄ΠΈΡΡΡ Π²ΠΎ Π²ΠΊΠ»Π°Π΄ΠΊΠ΅ design. Π ΠΏΡΠ΅Π΄ΡΠ΄ΡΡΠ΅ΠΌ ΠΏΡΠΈΠΌΠ΅ΡΠ΅ Π±ΡΠ»ΠΎ ΠΏΡΠΎΠ΄Π΅ΠΌΠΎΠ½ΡΡΡΠΈΡΠΎΠ²Π°Π½ΠΎ, ΠΊΠ°ΠΊ ΡΠΎΠ·Π΄Π°ΡΡ ΠΊΠ°ΡΡΠΎΡΠΊΠΈ, ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡ ΡΠ΅ΡΠΊΡ. Π’Π΅ΠΏΠ΅ΡΡ Π΄ΠΎΠ±Π°Π²ΠΈΠΌ Π² Π½Π°Ρ ΠΊΠΎΠ½ΡΠ΅ΠΉΠ½Π΅Ρ ΡΠ΅ΠΊΡΡ, Π΄Π»Ρ ΡΡΠΎΠ³ΠΎ ΡΠΎΠ·Π΄Π°Π΄ΠΈΠΌ ΡΠΈΠΏΠΎΠ³ΡΠ°ΡΠΈΡΠ΅ΡΠΊΡΡ ΡΠ΅ΡΠΊΡ. ΠΡΠΎΠΈΠ·Π²Π΅Π΄ΠΈΡΠ΅ Π½Π°ΡΡΡΠΎΠΉΠΊΠΈ, ΠΊΠ°ΠΊ ΠΏΠΎΠΊΠ°Π·Π°Π½ΠΎ Π½ΠΈΠΆΠ΅:
ΠΠ° ΡΡΠΎΡ ΡΠ°Π· Π±ΡΠ» ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ Π΄ΡΡΠ³ΠΎΠΉ ΡΠ²Π΅Ρ Π»ΠΈΠ½ΠΈΠΉ (ΠΏΠ°ΡΠ°ΠΌΠ΅ΡΡ Color), ΡΡΠΎΠ±Ρ Π½Π΅ Π±ΡΠ»ΠΎ ΠΏΡΡΠ°Π½ΠΈΡΡ. ΠΠΎΠΌΠ΅ΡΡΠΈΠΌ ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½Ρ Text Π½Π° ΠΏΠ΅ΡΠ²ΠΎΠΉ ΠΊΠ°ΡΡΠΎΡΠΊΠ΅. ΠΠ»Ρ Π±ΡΡΡΡΠΎΠ³ΠΎ Π΄ΠΎΡΡΡΠΏΠ° Π²ΠΎΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΠΌΡΡ Π³ΠΎΡΡΡΠ΅ΠΉ ΠΊΠ»Π°Π²ΠΈΡΠ΅ΠΉ βΠ’β. ΠΠ°ΠΏΠΈΡΠ΅ΠΌ Π½Π°ΠΈΠΌΠ΅Π½ΠΎΠ²Π°Π½ΠΈΠ΅ ΡΠΎΠ²Π°ΡΠ° ΠΈ ΠΈΠ·ΠΌΠ΅Π½ΠΈΠΌ width ΠΈ height ΡΠ΅ΠΊΡΡΠΎΠ²ΠΎΠ³ΠΎ ΠΏΠΎΠ»Ρ, ΡΡΠΎΠ±Ρ ΠΎΠ½ ΠΏΠΎΠΊΡΡΠ²Π°Π» ΠΏΡΠ°ΠΊΡΠΈΡΠ΅ΡΠΊΠΈ Π²ΡΡ ΡΠΈΡΠΈΠ½Ρ ΠΏΡΡΠΌΠΎΡΠ³ΠΎΠ»ΡΠ½ΠΈΠΊΠ°. Π ΠΈΡΠΎΠ³Π΅ Ρ Π½Π°Ρ ΠΏΠΎΠ»ΡΡΠΈΠ»ΠΎΡΡ ΡΡΠΎ:
ΠΠ°ΠΊ Π²ΠΈΠ΄Π½ΠΎ ΠΈΠ· ΠΊΠ°ΡΡΠΈΠ½ΠΊΠΈ, ΡΠ΅ΠΊΡΡ ΡΠ°ΡΠΏΠΎΠ»ΠΎΠΆΠ΅Π½ Π² ΡΠ΅Π½ΡΡΠ΅, ΡΡΠΎΠ±Ρ Π΅Π³ΠΎ ΠΏΠ΅ΡΠ΅ΠΌΠ΅ΡΡΠΈΡΡ ΠΊ Π²Π΅ΡΡ Π½Π΅ΠΉ ΠΏΠ»Π°Π½ΠΊΠ΅, Π²ΠΎΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΠΌΡΡ ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½ΡΠ°ΠΌΠΈ align, Π½Π°ΠΆΠ°Π² ΡΠΎΠΎΡΠ²Π΅ΡΡΡΠ²ΡΡΡΡΡ ΠΊΠ½ΠΎΠΏΠΊΡ, ΠΌΡ ΠΏΠΎΠ»ΡΡΠΈΠΌ Π²ΡΡΠ°Π²Π½ΠΈΠ²Π°Π½ΠΈΠ΅ ΠΏΠΎ Π²Π΅ΡΡ Π½Π΅ΠΌΡ ΠΊΡΠ°Ρ.
ΠΠ±ΡΠ°ΡΠΈΡΠ΅ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅, ΡΡΠΎ Π½Π° ΡΠ΅ΠΊΡΡ ΡΠ°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ½ΠΎ ΠΏΡΠΈΠΌΠ΅Π½ΠΈΡΡ align: ΠΏΠΎ ΡΠ΅Π½ΡΡΡ, Π»Π΅Π²ΠΎΠΌΡ ΠΈ ΠΏΡΠ°Π²ΠΎΠΌΡ ΠΊΡΠ°Ρ. ΠΠΎ Π²ΠΊΠ»Π°Π΄ΠΊΠ΅ Design, ΠΏΡΠΈΡΡΡΡΡΠ²ΡΡΡ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡΠ΅Π»ΡΠ½ΡΠ΅ ΠΊΠ½ΠΎΠΏΠΊΠΈ. Π‘ ΠΈΡ ΠΏΠΎΠΌΠΎΡΡΡΒ Π΄Π΅Π»Π°ΡΡ Π²ΡΡΠ°Π²Π½ΠΈΠ²Π°Π½ΠΈΠ΅ ΠΊΠΎΠ½ΡΠ΅ΠΉΠ½Π΅ΡΠΎΠ² ΠΈΠ»ΠΈ ΠΆΠ΅ ΡΠ΅ΠΊΡΡΠΎΠ²ΡΡ ΠΏΠΎΠ»Π΅ΠΉ. ΠΠ°ΠΏΡΠΈΠΌΠ΅Ρ, ΠΌΠΎΠΆΠ½ΠΎ ΠΏΠΎΠΌΠ΅ΡΡΠΈΡΡ Π½Π°ΡΠ΅ ΠΏΠΎΠ»Π΅ ΠΏΠΎΡΠ΅ΡΠ΅Π΄ΠΈΠ½Π΅, ΠΊΠ°ΠΊ ΠΏΠΎΠΊΠ°Π·Π°Π½ΠΎ Π½ΠΈΠΆΠ΅:
ΠΠ°ΠΊ Π²ΠΈΠ΄Π½ΠΎ, ΡΠ΅Π½ΡΡΠΈΡΠΎΠ²Π°Π½ΠΈΠ΅ ΠΏΡΠΎΠΈΠ·ΠΎΡΠ»ΠΎ ΠΏΠΎ ΠΎΡΠ½ΠΎΡΠ΅Π½ΠΈΡ ΠΊ ΡΡΠ΅ΠΉΠΌΡ. Π§ΡΠΎΠ±Ρ ΡΡΠΎ ΠΈΡΠΏΡΠ°Π²ΠΈΡΡ, ΠΈ Π½Π°Ρ ΡΠ΅ΠΊΡΡ ΠΏΠΎΠΌΠ΅ΡΡΠΈΡΡ Π² ΡΠ΅Π½ΡΡΠ΅ ΠΊΠ°ΡΡΠΎΡΠΊΠΈ, Π½ΡΠΆΠ½ΠΎ ΡΠΎΠ·Π΄Π°ΡΡ Π³ΡΡΠΏΠΏΡ. ΠΠ»Ρ ΡΡΠΎΠ³ΠΎ ΠΌΡΡΠΊΠΎΠΉ Π²ΡΠ±ΠΈΡΠ°Π΅ΠΌ ΠΏΠ΅ΡΠ²ΡΠΉ ΠΊΠ²Π°Π΄ΡΠ°Ρ ΠΈ Π²ΠΎΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΠΌΡΡ Π³ΠΎΡΡΡΠΈΠΌΠΈ ΠΊΠ»Π°Π²ΠΈΡΠ°ΠΌΠΈ CTRL+GΒ (ΡΠ°Π·Π³ΡΡΠΏΠΏΠΈΡΠΎΠ²Π°ΡΡ CTRL+SHIFT+G). ΠΠΎΡΠ»Π΅ ΠΏΠ΅ΡΠ΅ΠΌΠ΅ΡΡΠΈΠΌ Π² Π³ΡΡΠΏΠΏΡ Π½Π°Ρ ΡΠ΅ΠΊΡΡ. Π’Π΅ΠΏΠ΅ΡΡ Π½Π°ΠΆΠΈΠΌΠ°Ρ Π½Π° ΠΊΠ½ΠΎΠΏΠΊΠΈ align, Π²ΡΡΠ°Π²Π½ΠΈΠ²Π°Π½ΠΈΠ΅ Π±ΡΠ΄Π΅Ρ ΠΏΡΠΎΠΈΡΡ ΠΎΠ΄ΠΈΡΡ ΡΠΎΠ»ΡΠΊΠΎ Π²Π½ΡΡΡΠΈ ΠΊΠΎΠ½ΡΠ΅ΠΉΠ½Π΅ΡΠ°.Β
Π Π°Π½Π΅Π΅ ΠΌΡ Π΄Π΅Π»Π°Π»ΠΈ Π°Π΄Π°ΠΏΡΠΈΠ²Π½ΡΡ Π²Π΅ΡΡΡΠΊΡ, ΡΠ°Π·ΠΌΠ΅ΡΠ°Π»ΠΈ ΠΎΠ±ΡΠ΅ΠΊΡΡ Π½Π° Ρ ΠΎΠ»ΡΡΠ΅, ΠΊΠΎΡΠΎΡΡΠ΅ ΠΌΠ°ΡΡΡΠ°Π±ΠΈΡΠΎΠ²Π°Π»ΠΈΡΡ Π²ΠΌΠ΅ΡΡΠ΅ Ρ ΡΠ°Π±ΠΎΡΠ΅ΠΉ ΠΎΠ±Π»Π°ΡΡΡΡ. ΠΡΠ»ΠΈ ΠΏΠΎΠΏΡΡΠ°ΡΡΡΡ ΡΠΌΠ΅Π½ΡΡΠΈΡΡ ΡΡΠ΅ΠΉΠΌ, ΡΠΎ ΡΠ΅ΠΊΡΡ ΠΎΡΡΠ°Π½Π΅ΡΡΡ Π±Π΅Π· ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠΉ.
Π§ΡΠΎΠ±Ρ ΡΡΠΎ ΠΈΡΠΏΡΠ°Π²ΠΈΡΡ, Π½ΡΠΆΠ½ΠΎ ΠΏΡΠΈΠΌΠ΅Π½ΠΈΡΡ ΠΊ ΡΠ΅ΠΊΡΡΡ Constrains β Left and right. ΠΠΎΡΠ»Π΅ ΡΡΠΎΠ³ΠΎ ΡΠ΅ΠΊΡΡΠΎΠ²ΠΎΠ΅ ΠΏΠΎΠ»Π΅ Π±ΡΠ΄Π΅Ρ ΡΠΆΠΈΠΌΠ°ΡΡΡΡ ΠΈ ΡΠ΅ΠΊΡΡ ΠΏΠ΅ΡΠ΅Π½ΠΎΡΠΈΡΡΡΡ Π½Π° Π½ΠΎΠ²ΡΡ ΡΡΡΠΎΠΊΡ. Β
ΠΡΡΠ°Π²Π½ΠΈΠ²Π°Π½ΠΈΠ΅ ΠΌΠΎΠΆΠ½ΠΎ ΠΏΡΠΈΠΌΠ΅Π½ΠΈΡΡ Π½Π΅ ΡΠΎΠ»ΡΠΊΠΎ ΠΊ ΡΠ΅ΠΊΡΡΡ, Π½ΠΎ ΠΈ ΠΊ ΠΎΠ±ΡΠ΅ΠΊΡΠ°ΠΌ, Π½Π°ΠΏΡΠΈΠΌΠ΅Ρ, Π»ΠΎΠ³ΠΎΡΠΈΠΏΡ Π² ΡΠ°ΠΏΠΊΠ΅. Π‘ΠΎΠ·Π΄Π°Π΅ΠΌ ΠΎΡΠ΄Π΅Π»ΡΠ½ΡΠΉ ΡΡΠ΅ΠΉΠΌ, Π½Π°Π·ΡΠ²Π°Π΅ΠΌ Π΅Π³ΠΎ header, Π΄ΠΎΠ±Π°Π²Π»ΡΠ΅ΠΌ ΡΡΠ΄Π° rectangle (ΠΏΡΡΠΌΠΎΡΠ³ΠΎΠ»ΡΠ½ΠΈΠΊ). ΠΡΡΠΏΠΏΠΈΡΡΠ΅ΠΌ ΠΊΠ²Π°Π΄ΡΠ°ΡΠ½ΡΡ ΠΎΠ±Π»Π°ΡΡΡ (CTRL+G). Π ΠΈΡΡΠ΅ΠΌ Π΅ΡΠ΅ ΠΎΠ΄ΠΈΠ½ ΠΎΠ±ΡΠ΅ΠΊΡ ΠΈ ΠΏΠ΅ΡΠ΅ΠΌΠ΅ΡΠ°Π΅ΠΌ Π΅Π³ΠΎ Π² Π³ΡΡΠΏΠΏΡ, Π΄Π°Π»ΡΡΠ΅ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΠΌ ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½ΡΡ align Π΄Π»Ρ Π²ΡΡΠ°Π²Π½ΠΈΠ²Π°Π½ΠΈΡ.Β
ΠΡΡΠΏΠΏΠΈΡΠΎΠ²ΠΊΠ° ΠΈ ΡΠΏΠΎΡΡΠ΄ΠΎΡΠΈΠ²Π°Π½ΠΈΠ΅ ΡΠ»ΠΎΠ΅Π²
Π§ΡΠΎΠ±Ρ ΠΎΠ±ΡΠ΅Π΄ΠΈΠ½ΠΈΡΡ ΡΠ»ΠΎΠΈ Π² Π³ΡΡΠΏΠΏΡ, Π½ΡΠΆΠ½ΠΎ Π²ΡΠ΄Π΅Π»ΠΈΡΡ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ ΠΎΠ±ΡΠ΅ΠΊΡΠΎΠ² Π½Π° Ρ ΠΎΠ»ΡΡΠ΅, ΠΏΠΎΡΠΎΠΌ Π½Π°ΠΆΠ°ΡΡ ΠΏΡΠ°Π²ΠΎΠΉ ΠΊΠ½ΠΎΠΏΠΊΠΎΠΉ ΠΌΡΡΠΈ, ΠΎΡΠΊΡΠΎΠ΅ΡΡΡ ΠΊΠΎΠ½ΡΠ΅ΠΊΡΡΠ½ΠΎΠ΅ ΠΌΠ΅Π½Ρ, Π²ΡΠ±ΡΠ°ΡΡ Group Selection ΠΈΠ»ΠΈ ΠΆΠ΅ Π²ΠΎΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡΡΡ ΠΊΠΎΠΌΠ±ΠΈΠ½Π°ΡΠΈΠ΅ΠΉ ΠΊΠ»Π°Π²ΠΈΡ (CTRL+G)
ΠΠΎΡΠ»Π΅ Π΄ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΡ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΈΡ ΡΠ»ΠΎΠ΅Π² ΠΎΠ½ΠΈ Π±ΡΠ΄ΡΡ Π½Π°ΠΊΠ»Π°Π΄ΡΠ²Π°ΡΡΡΡ Π΄ΡΡΠ³ Π½Π° Π΄ΡΡΠ³Π°. Π§ΡΠΎΠ±Ρ ΠΌΠ΅Π»ΠΊΠΈΠ΅ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ Π±ΡΠ»ΠΈ Π²ΠΈΠ΄Π½Ρ, ΡΠ»Π΅Π΄ΡΠ΅Ρ ΡΠ΄Π΅Π»Π°ΡΡ ΡΠΏΠΎΡΡΠ΄ΠΎΡΠΈΠ²Π°Π½ΠΈΠ΅. Π ΡΠ»ΡΡΠ°Π΅ Π½Π΅ΠΏΡΠ°Π²ΠΈΠ»ΡΠ½ΠΎΠ³ΠΎ ΠΏΠΎΡΡΠ΄ΠΊΠ° ΠΌΠΎΠΆΠ½ΠΎ ΠΏΠΎΡΠ΅ΡΡΡΡ ΠΈΠ· Π²ΠΈΠ΄Ρ Π½Π΅ΠΊΠΎΡΠΎΡΡΠ΅ ΠΎΠ±ΡΠ΅ΠΊΡΡ. ΠΠ°ΠΏΡΠΈΠΌΠ΅Ρ, ΠΏΡΠΈ ΡΠΎΠ·Π΄Π°Π½ΠΈΠΈ ΡΠ°ΠΏΠΊΠΈ ΠΈ Π»ΠΎΠ³ΠΎΡΠΈΠΏΠ°, ΡΠ°Π·ΠΌΠ΅ΡΡΠΈΠ² Π»ΠΎΠ³ΠΎ Π½ΠΈΠΆΠ΅ Π²ΡΠ΅Ρ ΡΠ»ΠΎΠ΅Π², ΠΎΠ½ Π±ΡΠ΄Π΅Ρ ΡΠΊΡΡΡ ΠΏΠΎΠ΄ ΠΎΡΠ½ΠΎΠ²Π½ΡΠΌ ΠΊΠΎΠ½ΡΠ΅ΠΉΠ½Π΅ΡΠΎΠΌ ΠΈ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΠΈ Π΅Π³ΠΎ ΠΏΡΠΎΡΡΠΎ Π½Π΅ ΡΠ²ΠΈΠ΄ΡΡ.Β
Π§ΡΠΎΠ±Ρ Π²ΡΠ΅ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ°Π»ΠΈΡΡ ΠΊΠ°ΠΊ Π½Π°Π΄ΠΎ, Π½ΡΠΆΠ½ΠΎ ΡΠ΄Π΅Π»Π°ΡΡ ΠΏΡΠ°Π²ΠΈΠ»ΡΠ½ΠΎΠ΅ ΡΠΏΠΎΡΡΠ΄ΠΎΡΠΈΠ²Π°Π½ΠΈΠ΅. ΠΠ΄Π΅ΡΡ ΡΡΡΠ΅ΡΡΠ²ΡΠ΅Ρ Π΄Π²Π° ΡΠΏΠΎΡΠΎΠ±Π°, ΡΡΠΎ ΠΏΠ΅ΡΠ΅ΡΠ°ΡΠΈΡΡ ΠΎΠ±ΡΠ΅ΠΊΡΡ Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΠΌΡΡΠΊΠΈ ΠΈ ΡΠ°ΡΠΏΠΎΠ»ΠΎΠΆΠΈΡΡ ΠΈΡ Π² ΠΏΡΠ°Π²ΠΈΠ»ΡΠ½ΠΎΠΉ ΠΏΠΎΡΠ»Π΅Π΄ΠΎΠ²Π°ΡΠ΅Π»ΡΠ½ΠΎΡΡΠΈ ΠΈΠ»ΠΈ ΠΆΠ΅ ΠΎΡΠΊΡΡΡΡ ΠΊΠΎΠ½ΡΠ΅ΠΊΡΡΠ½ΠΎΠ΅ ΠΌΠ΅Π½Ρ Π½Π° ΠΎΠ΄Π½ΠΎΠΌ ΠΊΠΎΠ½ΡΠ΅ΠΉΠ½Π΅ΡΠ΅ ΠΈ Π²ΡΠ±ΡΠ°ΡΡ ΠΎΠ΄ΠΈΠ½ ΠΈΠ· Π²Π°ΡΠΈΠ°Π½ΡΠΎΠ². ΠΡΠΈΠΌΠ΅Ρ Π½Π° ΠΊΠ°ΡΡΠΈΠ½ΠΊΠ΅:
ΠΠ»Ρ Π±ΡΡΡΡΠΎΠ³ΠΎ ΡΠΏΠΎΡΡΠ΄ΠΎΡΠΈΠ²Π°Π½ΠΈΡ ΡΠ»ΠΎΠ΅Π² Π΅ΡΡΡ Π³ΠΎΡΡΡΠΈΠ΅ ΠΊΠ»Π°Π²ΠΈΡΠΈ.Β
Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ ΠΏΡΠΎΡΠΎΡΠΈΠΏΠ° Π² Π€ΠΈΠ³ΠΌΠ° + Overflow Behavior
Π§ΡΠΎ ΡΠ°ΠΊΠΎΠ΅ ΠΊΠ»ΠΈΠΊΠ°Π±Π΅Π»ΡΠ½ΡΠΉ ΠΏΡΠΎΡΠΎΡΠΈΠΏ Π² Π€ΠΈΠ³ΠΌΠ°? ΠΡΠΎ ΠΊΠΎΠ³Π΄Π° ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Ρ Π²ΡΠΏΠΎΠ»Π½ΡΠ΅Ρ ΡΠ΅ ΠΆΠ΅ ΡΠ°ΠΌΡΠ΅ Π΄Π΅ΠΉΡΡΠ²ΠΈΡ, ΡΡΠΎ ΠΈ Π½Π° ΡΠ°ΠΉΡΠ΅, Π΄Π΅Π»Π°Π΅Ρ ΠΏΠ΅ΡΠ΅Ρ ΠΎΠ΄Ρ ΠΈ ΠΏΡΠΎΡΠΌΠ°ΡΡΠΈΠ²Π°Π΅Ρ ΠΊΠΎΠ½ΡΠ΅Π½Ρ.
Π‘Π΅ΠΉΡΠ°Ρ Π²Ρ ΡΠ·Π½Π°Π΅ΡΠ΅, ΠΊΠ°ΠΊ ΡΠ΄Π΅Π»Π°ΡΡ ΠΏΡΠΎΡΠΎΡΠΈΠΏ Π² Π€ΠΈΠ³ΠΌΠ΅, ΡΡΠΎΠ±Ρ ΠΎΠ½ Π±ΡΠ» ΠΊΠ»ΠΈΠΊΠ°Π±Π΅Π»ΡΠ½ΡΠΌ. ΠΠ»Ρ ΠΏΡΠΈΠΌΠ΅ΡΠ° Π²ΠΎΠ·ΡΠΌΠ΅ΠΌ ΠΈΠ½ΡΠ΅ΡΠ½Π΅Ρ-ΠΌΠ°Π³Π°Π·ΠΈΠ½ ΠΏΠ»ΡΡ ΡΠΊΡΠΎΠ»ΠΈΠ½Π³ ΠΊΠ°ΡΡΠΈΠ½ΠΎΠΊ. ΠΠ»Ρ Π½Π°ΡΠ°Π»Π° Π·Π°ΠΏΡΡΡΠΈΠΌ Π½ΠΎΠ²ΡΠΉ ΠΏΡΠΎΠ΅ΠΊΡ ΠΈ Π΄ΠΎΠ±Π°Π²ΠΈΠΌ Π΄Π΅ΡΠΊΡΠΎΠΏΠ½ΡΠΉ ΡΡΠ΅ΠΉΠΌ, ΡΠ°Π·ΠΌΠ΅Ρ ΡΡΡΠ°Π½ΠΎΠ²ΠΈΠΌ 1440 Π½Π° 2000. ΠΡΠ»ΠΈ Π±ΡΠ΄Π΅Ρ ΠΌΠ°Π»ΠΎ ΠΌΠ΅ΡΡΠ°, ΡΠΎ Π²ΡΡΠΎΡΡ ΠΌΠΎΠΆΠ½ΠΎ ΡΠ²Π΅Π»ΠΈΡΠΈΡΡ. ΠΠ°ΡΠΈΡΡΠ΅ΠΌ Π΅ΡΠ΅ ΠΎΠ΄ΠΈΠ½ ΡΡΠ΅ΠΉΠΌ, Π½Π°Π·ΠΎΠ²ΡΠΌ header ΠΈ Π΄ΠΎΠ±Π°Π²ΠΈΠΌ Π΅Π³ΠΎ Π² ΠΎΡΠ½ΠΎΠ²Π½ΠΎΠ΅ ΠΎΠΊΠ½ΠΎ. Π Π°Π·ΠΌΠ΅Ρ βΡ Π΅Π΄Π΅ΡΠ°β ΡΡΡΠ°Π½ΠΎΠ²ΠΈΠΌ 470, Π½Π°Π·Π½Π°ΡΠΈΠΌ ΡΠ²Π΅Ρ Π·Π°Π΄Π½Π΅Π³ΠΎ ΡΠΎΠ½Π° ΠΈ Π½Π°ΠΉΠ΄Π΅ΠΌ Π² ΠΈΠ½ΡΠ΅ΡΠ½Π΅ΡΠ΅ ΠΏΠΎΠ΄Ρ ΠΎΠ΄ΡΡΡΡ ΠΊΠ°ΡΡΠΈΠ½ΠΊΡ. ΠΠΎΡΠ»Π΅Π΄ΠΎΠ²Π°ΡΠ΅Π»ΡΠ½ΠΎΡΡΡ Π΄Π΅ΠΉΡΡΠ²ΠΈΠΉ ΠΏΠΎΠΊΠ°Π·Π°Π½Π° Π½ΠΈΠΆΠ΅:
Π’Π΅ΠΏΠ΅ΡΡ ΡΠ΄Π΅Π»Π°Π΅ΠΌ Π·Π°ΡΠ΅ΠΌΠ½Π΅Π½ΠΈΠ΅ Π² ΡΠ°ΠΏΠΊΠ΅ Π΄Π»Ρ ΡΡΠΎΠ³ΠΎ Π² ΡΠ»ΠΎΡΡ βrectangle 1β ΠΈ βheader 1β, ΠΏΠΎΠΌΠ΅Π½ΡΠ΅ΠΌ ΠΌΠ΅ΡΡΠ°ΠΌΠΈ, ΠΏΠΎΡΠ»Π΅ Π²ΡΠ±Π΅ΡΠ΅ΠΌ ΠΎΠ±ΡΠ΅ΠΊΡ image ΠΈ Π²ΠΎ Π²ΠΊΠ»Π°Π΄ΠΊΠ΅ Design, Π½Π°ΠΉΠ΄Π΅ΠΌ ΡΠ°Π·Π΄Π΅Π» βLayerβ ΠΈ Ρ ΠΏΠ°ΡΠ°ΠΌΠ΅ΡΡΠ° βPass Throughβ ΡΡΡΠ°Π½ΠΎΠ²ΠΈΠΌ 50 %.
Π image header Π΄Π΅Π»Π°Π΅ΠΌ Π΄ΡΡΠ³ΠΈΠ΅ Π½Π°ΡΡΡΠΎΠΉΠΊΠΈ, ΠΎΡΡΠ°Π²Π»ΡΠ΅ΠΌ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ ΠΏΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ 100 % ΠΈ Π² ΡΠ°ΡΠΊΡΡΠ²Π°ΡΡΠ΅ΠΌΡΡ ΡΠΏΠΈΡΠΊΠ΅ Π²ΡΠ±ΠΈΡΠ°Π΅ΠΌ Darken. ΠΠΎΡΠ»Π΅ ΡΡΠΎΠ³ΠΎ Π½Π°ΡΠ° ΡΠ°ΠΏΠΊΠ° Π±ΡΠ΄Π΅Ρ Π·Π°ΡΠ΅ΠΌΠ½Π΅Π½Π°, ΠΊΠ°ΠΊ ΠΏΠΎΠΊΠ°Π·Π°Π½ΠΎ Π½Π° ΠΊΠ°ΡΡΠΈΠ½ΠΊΠ΅ Π²ΡΡΠ΅.Β
ΠΡΠΎΠ΄ΠΎΠ»ΠΆΠΈΠΌ ΠΏΡΠΈΠΌΠ΅Ρ ΠΏΡΠΎΡΠΎΡΠΈΠΏ Π² Π€ΠΈΠ³ΠΌΠ΅. ΠΠ° ΠΎΡΠ½ΠΎΠ²Π½ΠΎΠΌ Ρ ΠΎΠ»ΡΡΠ΅ ΡΠΎΠ·Π΄Π°Π΅ΠΌ Π΅ΡΠ΅ ΠΎΠ΄ΠΈΠ½ frame. ΠΠ΄Π΅ΡΡ Π΄ΠΎΠΏΡΡΡΠΈΠΌΡ Π²Π»ΠΎΠΆΠ΅Π½Π½ΡΠ΅ ΡΡΠ΅ΠΉΠΌΡ. Π Π΄Π°Π½Π½ΠΎΠΌ ΡΠ»ΡΡΠ°Π΅ Π½ΠΎΠ²ΡΠΉ ΠΎΠ±ΡΠ΅ΠΊΡ ΡΡΠΎ Overflow Behavior, ΡΡΠΎ ΡΠΊΡΠΎΠ»ΠΈΠ½Π³, ΠΊΠΎΡΠΎΡΡΠΉ Π±ΡΠ΄Π΅Ρ ΠΏΡΠΎΠΊΡΡΡΠΈΠ²Π°ΡΡ Π½ΠΎΠ²ΠΈΠ½ΠΊΠΈ ΠΌΠ°Π³Π°Π·ΠΈΠ½Π°, ΠΎΠ½ Π±ΡΠ²Π°Π΅Ρ Π²Π΅ΡΡΠΈΠΊΠ°Π»ΡΠ½ΡΠΌ ΠΈΠ»ΠΈ Π³ΠΎΡΠΈΠ·ΠΎΠ½ΡΠ°Π»ΡΠ½ΡΠΌ.Β
ΠΠΈΠ½ΠΈΡ Ρ ΡΠΎΠ²Π°ΡΠ°ΠΌΠΈ Π±ΡΠ΄Π΅Ρ ΡΠ°ΡΠΏΠΎΠ»ΠΎΠΆΠ΅Π½Π° ΡΡΠ°Π·Ρ ΠΏΠΎΡΠ»Π΅ ΡΠ°ΠΏΠΊΠΈ. ΠΠΎ ΠΏΡΠ΅ΠΆΠ΄Π΅ ΡΠ΅ΠΌ Π΅Ρ ΡΡΠ΄Π° Π²ΡΡΠ°Π²ΠΈΡΡ, Π½ΡΠΆΠ½ΠΎ ΡΠΎΠ·Π΄Π°ΡΡ ΠΎΡΠ΄Π΅Π»ΡΠ½ΡΡ ΠΎΠ±Π»Π°ΡΡΡ, Π³Π΄Π΅ Π±ΡΠ΄ΡΡ ΡΠ°Π·ΠΌΠ΅ΡΠ΅Π½Ρ Π²ΡΠ΅ ΠΈΠΊΠΎΠ½ΠΊΠΈ Ρ ΡΠΎΠ²Π°ΡΠ°ΠΌΠΈ. Π€ΡΠ΅ΠΉΠΌ Π΄ΠΎΠ»ΠΆΠ΅Π½ Π±ΡΡΡ Π΄ΠΎΡΡΠ°ΡΠΎΡΠ½ΠΎ Π΄Π»ΠΈΠ½Π½ΡΠΌ, ΡΡΠΎΠ±Ρ ΡΡΠ΄Π° ΡΠΌΠ΅ΡΡΠΈΠ»ΠΈΡΡ Π²ΡΠ΅ ΠΊΠΎΠ½ΡΠ΅ΠΉΠ½Π΅ΡΡ. Π’Π΅ΠΏΠ΅ΡΡ Π½Π°ΠΌ ΠΏΠΎΠ½Π°Π΄ΠΎΠ±ΠΈΡΡΡ ΠΏΠ»Π°Π³ΠΈΠ½ unsplash. Π£ΡΡΠ°Π½ΠΎΠ²ΠΈΡΡ Π΅Π³ΠΎ ΠΌΠΎΠΆΠ½ΠΎ Π·Π°Π΄Π°Π² Π·Π°ΠΏΡΠΎΡ Π² ΠΏΠΎΠΈΡΠΊΠΎΠ²ΠΈΠΊΠ΅ unsplash figma. ΠΠΎΡΠ»Π΅ ΠΈΠ½ΡΡΠ°Π»Π»ΡΡΠΈΠΈ, Π²ΡΠ±ΠΈΡΠ°Π΅ΠΌ Π²ΡΠ΅ Π½Π°ΡΠΈ Π±Π»ΠΎΠΊΠΈ ΠΈ ΠΏΡΠ°Π²ΠΎΠΉ ΠΊΠ½ΠΎΠΏΠΊΠΎΠΉ ΠΌΡΡΠΈ ΠΎΡΠΊΡΡΠ²Π°Π΅ΠΌ ΠΊΠΎΠ½ΡΠ΅ΠΊΡΡΠ½ΠΎΠ΅ ΠΌΠ΅Π½Ρ ΠΈ ΠΎΡΡΡΠ΄Π° Π² ΡΠ°Π·Π΄Π΅Π»Π΅ plugins ΡΠ΅Π»ΠΊΠ°Π΅ΠΌ ΠΏΠΎ unsplash. ΠΠΎΡΠ²ΠΈΡΡΡ Π²ΡΠΏΠ»ΡΠ²Π°ΡΡΠ΅Π΅ ΠΎΠΊΠ½ΠΎ, Π³Π΄Π΅ Π²ΡΠ±ΠΈΡΠ°Π΅ΠΌ ΠΏΠΎΠ΄Ρ ΠΎΠ΄ΡΡΠΈΠΉ ΡΠ°Π·Π΄Π΅Π» Π² ΠΌΠΎΠ΅ΠΌ ΡΠ»ΡΡΠ°Π΅ βtechnologyβ. ΠΠ΅Π½Π΅ΡΠ°ΡΠΈΡ img ΠΏΡΠΎΠΈΠ·ΠΎΠΉΠ΄ΡΡ Π°Π²ΡΠΎΠΌΠ°ΡΠΈΡΠ΅ΡΠΊΠΈ. ΠΠ±ΡΠ°ΡΠΈΡΠ΅ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅ Π½Π° ΠΏΠ°Π½Π΅Π»ΠΈ Design Π΄ΠΎΠ»ΠΆΠ½Π° ΡΡΠΎΡΡΡ Π³Π°Π»ΠΎΡΠΊΠ° βClip contentβ, ΡΡΠΎ Π½ΡΠΆΠ½ΠΎ Π΄Π»Ρ ΡΠΎΠ³ΠΎ ΡΡΠΎΠ±Ρ ΡΠΊΡΡΠ²Π°ΡΡ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ ΠΊΠΎΡΠΎΡΡΠ΅ Π½Π΅ ΠΏΠΎΠΌΠ΅ΡΡΠΈΠ»ΠΈΡΡ.Β
ΠΠ°Π»ΡΡΠ΅ Π·Π°Ρ Π²Π°ΡΠΈΠΌ ΠΊΡΠ°ΠΉ ΡΠ³Π»Π° ΠΈ ΡΠ°ΡΠΈΠΌ, ΡΠΌΠ΅Π½ΡΡΠ°Ρ ΡΠ°Π·ΠΌΠ΅Ρ (ΡΠΈΡΠΈΠ½Ρ) Ρ 3484 Π΄ΠΎ 1460, ΠΏΠΎΡΠ»Π΅ ΡΡΠΎΠ³ΠΎ ΠΏΠ΅ΡΠ΅ΠΌΠ΅ΡΡΠΈΠΌ Π»Π΅Π½ΡΡ ΡΡΠ΄Π°, Π³Π΄Π΅ ΠΎΠ½Π° Π΄ΠΎΠ»ΠΆΠ½Π° Π±ΡΡΡ ΠΈ Π½Π°ΡΡΡΠΎΠΈΠΌ Overflow behavior, Π΄Π°Π½Π½ΡΠΉ ΠΏΠ°ΡΠ°ΠΌΠ΅ΡΡ Π½Π°Ρ ΠΎΠ΄ΠΈΡΡΡ Π² ΡΠ°Π·Π΄Π΅Π»Π΅ Prototype. Π ΡΡΠΎΠΉ Π²ΠΊΠ»Π°Π΄ΠΊΠ΅ Π΄ΠΎΡΡΡΠΏΠ½ΠΎ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ Π²Π°ΡΠΈΠ°Π½ΡΠΎΠ².Β
Π£ΡΡΠ°Π½ΠΎΠ²ΠΈΠΌ ΠΏΠ°ΡΠ°ΠΌΠ΅ΡΡ βHorizontal Scrollingβ. ΠΠΎΡΠ»Π΅ ΡΡΠΎΠ³ΠΎ ΠΌΠΎΠΆΠ½ΠΎ Π½Π°ΠΆΠ°ΡΡ Π² ΠΏΡΠ°Π²ΠΎΠΌ ΡΠ³Π»Ρ Present ΠΈ ΡΠΌΠΎΡΡΠ΅ΡΡ, ΠΊΠ°ΠΊ ΠΏΡΠΎΠΊΡΡΡΠΈΠ²Π°Π΅ΡΡΡ Π»Π΅Π½ΡΠ° Ρ ΡΠΎΠ²Π°ΡΠ°ΠΌΠΈ Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΠΊΠ½ΠΎΠΏΠΊΠΈ ΠΌΡΡΠΈ.Β
ΠΠΎΠ³Π΄Π° Π±ΡΠ΄Π΅ΡΠ΅ ΡΠ΅ΡΡΠΈΡΠΎΠ²Π°ΡΡ, ΡΠ±Π΅Π΄ΠΈΡΠ΅ΡΡ, ΡΡΠΎ Π²ΡΠ΅ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ ΡΠΌΠ΅ΡΠ°ΡΡΡΡ Π½Π° ΡΠΊΡΠ°Π½Π΅, ΠΈΠ½Π°ΡΠ΅ Π²ΠΌΠ΅ΡΡΠΎ ΡΠΊΡΠΎΠ»Π»ΠΈΠ½Π³Π° Π»Π΅Π½ΡΡ ΠΌΠΎΠΆΠ΅Ρ ΠΏΡΠΎΠΊΡΡΡΠΈΠ²Π°ΡΡΡΡ ΠΏΡΠΎΠ΅ΠΊΡ.
Π‘Π»Π΅Π΄ΡΡΡΠΈΠΉ ΡΠ°Π³ ΡΡΠΎ ΡΠΎΠ·Π΄Π°ΡΡ frame, Ρ ΠΊΠ°ΡΡΠΎΡΠΊΠ°ΠΌΠΈ ΡΠΎΠ²Π°ΡΠ°. Π ΠΈΡΡΠ΅ΠΌ ΠΎΠ±Π»Π°ΡΡΡ, Π³Π΄Π΅ Π±ΡΠ΄ΡΡ ΡΠ°Π·ΠΌΠ΅ΡΠ΅Π½Ρ ΠΎΠΏΠΈΡΠ°Π½ΠΈΠ΅ ΠΈ ΠΊΠ°ΡΡΠΈΠ½ΠΊΠΈ ΡΒ ΡΠ»Π΅ΠΊΡΡΠΎΠ½ΠΈΠΊΠΎΠΉ. Π§ΡΠΎΠ±Ρ ΡΠ΄ΠΎΠ±Π½Π΅Π΅ Π±ΡΠ»ΠΎ ΡΠ°Π·ΠΌΠ΅ΡΠ°ΡΡ ΡΠ΄Π΅Π»Π°Π΅ΠΌ ΡΠ΅ΡΠΊΡ. ΠΠΎΠΆΠ½ΠΎ ΠΎΠ±ΠΎΠΉΡΠΈΡΡ ΠΈ Π±Π΅Π· ΡΠ΅ΡΠΊΠΈ, Π½ΠΎ Π² ΡΠ°ΠΊΠΎΠΌ ΡΠ»ΡΡΠ°Π΅ ΠΏΡΠΈΠ΄Π΅ΡΡΡ Π²ΡΠ΅ ΠΈΠ·ΠΌΠ΅ΡΡΡΡ Π²ΡΡΡΠ½ΡΡ.
Π Π½Π°ΡΡΡΠΎΠΉΠΊΠ°Ρ grid ΡΡΡΠ°Π½ΠΎΠ²ΠΈΠΌ 12 ΠΊΠΎΠ»ΠΎΠ½ΠΎΠΊ, ΠΎΡΡΡΡΠΏΡ Margin 20 ΠΏΠΈΠΊΡΠ΅Π»Π΅ΠΉ. Π Π°Π·ΠΌΠ΅ΡΡΠΈΠΌ Π½Π° Ρ ΠΎΠ»ΡΡΠ΅ ΠΎΠ΄ΠΈΠ½ ΠΏΡΡΠΌΠΎΡΠ³ΠΎΠ»ΡΠ½ΠΈΠΊ, ΠΎΡΠΎΡΠΌΠΈΠΌ Π΅Π³ΠΎ, Π΄ΠΎΠ±Π°Π²ΠΈΠΌ ΡΠ΅ΠΊΡΡ Ρ Π½Π°Π·Π²Π°Π½ΠΈΠ΅ΠΌ ΠΈ ΡΠ΅Π½ΠΎΠΉ, Π° ΡΠ°ΠΊΠΆΠ΅ Π΅ΡΠ΅ ΠΎΠ΄ΠΈΠ½ ΠΊΠ²Π°Π΄ΡΠ°Ρ, Π³Π΄Π΅ Π±ΡΠ΄Π΅Ρ ΠΌΠΈΠ½ΠΈΠ°ΡΡΡΠΊΠ° ΡΠΎΠ²Π°ΡΠ°, ΠΏΠΎΡΠ»Π΅ ΡΠ³ΡΡΠΏΠΏΠΈΡΡΠ΅ΠΌ (CTRL+G)Β ΡΡΠΈ ΠΎΠ±ΡΠ΅ΠΊΡΡ ΠΈ ΠΏΠΎΠ»ΡΡΠΈΠΌ Π² ΠΈΡΠΎΠ³Π΅ ΠΊΠ°ΡΡΠΎΡΠΊΡ. Π‘Π΄Π΅Π»Π°Π΅ΠΌ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ Π΄ΡΠ±Π»ΠΈΠΊΠ°ΡΠΎΠ² ΠΈ ΡΠ°Π²Π½ΠΎΠΌΠ΅ΡΠ½ΠΎ ΡΠ°Π·ΠΌΠ΅ΡΡΠΈΠΌ Π½Π° ΠΎΠ±Π»Π°ΡΡΠΈ, ΠΏΡΠΈ ΡΡΠΎΠΌ Π½ΡΠΆΠ½ΠΎ ΡΠΎΠ±Π»ΡΠ΄Π°ΡΡ ΠΎΡΡΡΡΠΏΡ.Β
Π ΡΠ°ΠΌΠΎΠΌ ΠΊΠΎΠ½ΡΠ΅ ΠΏΡΠΎΠ΅ΠΊΡΠ° Π²ΡΡΠ°Π²ΠΈΠΌ Π΅ΡΠ΅ ΠΎΠ΄ΠΈΠ½ frame, ΡΡΠΎ ΠΏΠΎΠ΄Π²Π°Π». ΠΡΠΈΠ΄Π°Π΄ΠΈΠΌ Π΅ΠΌΡ ΡΠ²Π΅Ρ ΡΠ°ΠΏΠΊΠΈ Π² ΠΈΡΠΎΠ³Π΅ Ρ Π½Π°Ρ ΠΏΠΎΠ»ΡΡΠΈΡΡΡ:Β
Π§ΡΠΎΠ±Ρ ΠΏΡΠΈ ΡΠ΅Π»ΡΠΊΠ΅ Π½Π° ΠΊΠ°ΡΡΠΈΠ½ΠΊΠ΅ ΠΏΡΠΎΠΈΡΡ ΠΎΠ΄ΠΈΠ» ΠΏΠ΅ΡΠ΅Ρ ΠΎΠ΄ Π½Π° Π΄ΡΡΠ³ΡΡ ΡΡΡΠ°Π½ΠΈΡΡ, Π½ΡΠΆΠ½Π° ΡΠ²ΡΠ·Ρ. ΠΠ°Π½Π½Π°Ρ ΠΏΡΠΎΡΠ΅Π΄ΡΡΠ° Π½Π°Π·ΡΠ²Π°Π΅ΡΡΡ ΠΏΡΠΎΡΠΎΡΠΈΠΏΠΈΡΠΎΠ²Π°Π½ΠΈΠ΅. ΠΠ°ΠΊ ΡΡΠΎ Π²ΡΠΏΠΎΠ»Π½ΠΈΡΡ? ΠΠ»Ρ Π½Π°ΡΠ°Π»Π° Π΄ΡΠ±Π»ΠΈΡΡΠ΅ΠΌ ΠΏΠΎΠ»Π½ΠΎΡΡΡΡ ΠΌΠ°ΠΊΠ΅Ρ Π½Π°ΡΠ΅Π³ΠΎ ΠΏΡΠΎΠ΅ΠΊΡΠ° (Π³ΠΎΡΡΡΠΈΠ΅ ΠΊΠ»Π°Π²ΠΈΡΠΈ CTRL+C ΠΈ CTRL+V). Π£ Π΄ΡΠ±Π»ΠΈΠΊΠ°ΡΠ° ΡΠ΄Π°Π»ΠΈΠΌ Π²ΡΠ΅ ΠΎΠ±ΡΠ΅ΠΊΡΡ ΠΏΠΎ ΡΠ΅Π½ΡΡΡ ΠΈ ΠΏΠ΅ΡΠ΅Π΄Π΅Π»Π°Π΅ΠΌ ΡΡΠΎΡ ΡΡΠ°ΡΡΠΎΠΊ. ΠΠΎΠ±Π°Π²ΠΈΠΌ rectangle Ρ ΠΊΠ°ΡΡΠΈΠ½ΠΊΠΎΠΉ (Unsplash) ΠΈ ΠΊΠ½ΠΎΠΏΠΊΡ Π½Π°Π·Π°Π΄, ΡΡΠΎΠ±Ρ Π±ΡΠ»Π° Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΡ Π²Π΅ΡΠ½ΡΡΡΡΡ. Π ΠΈΡΠΎΠ³Π΅ Ρ Π½Π°Ρ ΠΏΠΎΠ»ΡΡΠΈΡΡΡ ΡΠ»Π΅Π΄ΡΡΡΠ΅Π΅.
ΠΠ°ΠΉΠΌΠ΅ΠΌΡΡ ΡΠ²ΡΠ·ΡΠΌΠΈ, ΠΊΠ»ΠΈΠΊΠ°Π΅ΠΌ ΠΏΠΎ ΠΊΠ°ΡΡΠΈΠ½ΠΊΠ΅ ΠΈ ΠΏΠ΅ΡΠ΅Ρ ΠΎΠ΄ΠΈΠΌ Π²ΠΎ Π²ΠΊΠ»Π°Π΄ΠΊΡ prototype. ΠΠΎΡΠ²ΠΈΡΡΡ ΠΊΡΡΠΆΠΎΠΊ, Π΅ΡΠ»ΠΈ Π½Π°Π²Π΅ΡΡΠΈ ΠΌΡΡΠΊΠΎΠΉ, Π±ΡΠ΄Π΅Ρ ΠΏΠ»ΡΡΠΈΠΊ.Β
ΠΠ°ΠΆΠΈΠΌΠ°Ρ Π½Π° ΠΏΠ»ΡΡ, Π½Π°ΡΠΈΠ½Π°Π΅ΠΌ Π²Π΅ΡΡΠΈ, ΡΠ΄Π΅ΡΠΆΠΈΠ²Π°Ρ ΠΌΡΡΡ, ΠΈ ΡΠΊΠ°Π·ΡΠ²Π°Π΅ΠΌ Π΄ΡΡΠ³ΠΎΠΉ ΡΡΠ΅ΠΉΠΌ. Π ΠΈΡΠΎΠ³Π΅ ΠΏΠΎΡΠ²ΠΈΡΡΡ Π²ΡΠΏΠ»ΡΠ²Π°ΡΡΠ΅Π΅ ΠΎΠΊΠ½ΠΎ Ρ Π½Π°ΡΡΡΠΎΠΉΠΊΠ°ΠΌΠΈ, ΠΎΡΡΠ°Π²Π»ΡΠ΅ΠΌ ΠΊΠ°ΠΊ Π΅ΡΡΡ. Π’ΠΎ ΠΆΠ΅ ΡΠ°ΠΌΠΎΠ΅ ΠΏΡΠΎΠ΄Π΅Π»ΡΠ²Π°Π΅ΠΌ Π²ΠΎ Π²ΡΠΎΡΠΎΠΌ ΡΡΠ΅ΠΉΠΌΠ΅ Ρ ΠΊΠ½ΠΎΠΏΠΊΠΎΠΉ βΠ½Π°Π·Π°Π΄β. ΠΠΈΠΆΠ΅ ΠΏΠΎΠΊΠ°Π·Π°Π½Π° ΡΠ²ΡΠ·Ρ. Π’Π΅ΠΏΠ΅ΡΡ ΡΠ΅ΡΡΠΈΡΡΠ΅ΠΌ Π΅ΡΠ»ΠΈ Π²ΡΠ΅ ΡΠ΄Π΅Π»Π°Π½ΠΎ ΠΏΡΠ°Π²ΠΈΠ»ΡΠ½ΠΎ, ΠΏΡΠΈ Π½Π°ΠΆΠ°ΡΠΈΠΈ Π½Π° ΠΌΠΈΠ½ΠΈΠ°ΡΡΡΠΊΡ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Ρ ΠΏΠ΅ΡΠ΅ΠΉΠ΄Π΅Ρ Π½Π°Β Π΄ΡΡΠ³ΡΡ ΡΡΡΠ°Π½ΠΈΡΠ° ΠΈ ΡΠΌΠΎΠΆΠ΅Ρ Π²Π΅ΡΠ½ΡΡΡΡΡ Π½Π°Π·Π°Π΄.
Π’Π΅ΡΡΠΈΡΡΠ΅ΠΌ ΠΈ ΡΠΌΠΎΡΡΠΈΠΌ ΡΠ΅Π·ΡΠ»ΡΡΠ°Ρ. Π§ΡΠΎΠ±Ρ ΠΎΡΠΎΡΠΌΠΈΡΡ ΠΎΡΡΠ°Π²ΡΠΈΠ΅ΡΡ ΠΏΡΡΡ ΡΡΡΠ°Π½ΠΈΡ Ρ ΡΠΎΠ²Π°ΡΠ°ΠΌΠΈ, Π½ΡΠΆΠ½ΠΎ ΡΠΎΠ·Π΄Π°ΡΡ Π΅ΡΠ΅ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡΠ΅Π»ΡΠ½ΠΎ ΠΏΡΡΡ ΠΌΠ°ΠΊΠ΅ΡΠΎΠ² ΠΈ Π½Π°ΡΡΡΠΎΠΈΡΡ ΠΊ Π½ΠΈΠΌ ΡΠ²ΡΠ·Ρ. ΠΠ°Π΄Π΅ΡΡΡ, Π²Π°ΠΌ ΠΏΠΎΠ½ΡΡΠ½Π° ΡΠ΅ΠΌΠ° ΠΊΠ°ΠΊ ΡΠ΄Π΅Π»Π°ΡΡ ΠΏΡΠΎΡΠΎΡΠΈΠΏ Π² Π€ΠΈΠ³ΠΌΠ°.
ΠΠΎΠ΄Π²Π΅Π΄Π΅ΠΌ ΠΈΡΠΎΠ³: Π΄Π»Ρ ΡΠ°Π·ΡΠ°Π±ΠΎΡΠΊΠΈ ΠΏΠΎΠ»Π½ΠΎΡΠ΅Π½Π½ΠΎΠ³ΠΎ ΠΏΡΠΎΠ΅ΠΊΡΠ° Π²Π΅Π±-ΠΌΠ°ΡΡΠ΅ΡΡ ΠΏΡΠΈΡ ΠΎΠ΄ΠΈΡΡΡ Π·Π°ΡΡΠ°ΡΠΈΠ²Π°ΡΡ ΠΌΠ½ΠΎΠ³ΠΎ Π²ΡΠ΅ΠΌΠ΅Π½ΠΈ. Π£ Π½Π°Ρ ΠΆΠ΅ ΠΏΠΎΠ»ΡΡΠΈΠ»ΠΎΡΡ Π·Π° Π½Π΅Π±ΠΎΠ»ΡΡΠΎΠΉ ΠΏΡΠΎΠΌΠ΅ΠΆΡΡΠΎΠΊ Π²ΡΠ΅ΠΌΠ΅Π½ΠΈ ΡΠΎΠ·Π΄Π°ΡΡ Ρ Π½ΡΠ»Ρ ΠΏΡΠΎΡΠΎΡΠΈΠΏ Π² Π€ΠΈΠ³ΠΌΠ° ΠΈΠ· Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΈΡ ΡΡΡΠ°Π½ΠΈΡ, ΠΏΡΠΈ ΡΡΠΎΠΌ ΠΌΡ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π»ΠΈ ΠΌΠΈΠ½ΠΈΠΌΠ°Π»ΡΠ½ΡΠΉ Π½Π°Π±ΠΎΡ Π³ΡΠ°ΡΠΈΡΠ΅ΡΠΊΠΈΡ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ². ΠΡΠΎΡ ΠΏΡΠΈΠΌΠ΅Ρ Π½Π°Π³Π»ΡΠ΄Π½ΠΎ Π΄Π΅ΠΌΠΎΠ½ΡΡΡΠΈΡΡΠ΅Ρ, ΠΊΠ°ΠΊ ΠΌΠΎΠΆΠ½ΠΎ ΠΏΡΠΈΠ΄Π°ΡΡ ΠΎΠ±ΡΠ΅ΠΊΡΠ°ΠΌ Π΄Π²ΠΈΠΆΠ΅Π½ΠΈΠ΅ ΠΈ ΡΠ΅Π°Π»ΠΈΠ·ΠΎΠ²Π°ΡΡ ΠΏΠ΅ΡΠ΅Ρ ΠΎΠ΄Ρ, ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡ ΠΏΡΠΎΡΠΎΡΠΈΠΏ ΡΠ°ΠΉΡΠ° Π² Π€ΠΈΠ³ΠΌΠ΅, Π° Π΄Π»Ρ ΡΠ²Π΅Π»ΠΈΡΠ΅Π½ΠΈΡ ΡΡΠ½ΠΊΡΠΈΠΎΠ½Π°Π»Π° ΡΡΡΠ΅ΡΡΠ²ΡΠ΅Ρ ΡΠΈΠ³ΠΌΠ° ΠΏΠ»Π°Π³ΠΈΠ½ ΠΏΡΠΎΡΠΎΡΠΈΠΏ. Π‘ ΠΏΠΎΠΌΠΎΡΡΡ ΡΠ΅ΡΠ²ΠΈΡΠ° figma ΠΌΠΎΠΆΠ½ΠΎ ΡΠ°Π·ΡΠ°Π±Π°ΡΡΠ²Π°ΡΡ ΠΊΡΠ°ΡΠΈΠ²ΡΠ΅ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅ΡΡΠΊΠΈΠ΅ ΠΏΡΠΎΠ΅ΠΊΡΡ ΠΈ ΠΎΡΠΏΡΠ°Π²Π»ΡΡΡ ΡΡΡΠ»ΠΊΡ Π½Π° Π³ΠΎΡΠΎΠ²ΡΡ ΡΠ°Π±ΠΎΡΡ Π·Π°ΠΊΠ°Π·ΡΠΈΠΊΡ.Β
ΠΠ°ΠΊ ΡΠΎΠ·Π΄Π°Π²Π°ΡΡ ΠΏΡΠΎΡΠΎΡΠΈΠΏ Π² Figma β ΠΎΡΠ½ΠΎΠ²Π½ΡΠ΅ Π΄Π΅ΠΉΡΡΠ²ΠΈΡ
ΠΡΠΎΡΠΎΡΠΈΠΏΠΈΡΠΎΠ²Π°Π½ΠΈΠ΅ β ΡΡΠΎ Π΄ΠΈΠ½Π°ΠΌΠΈΡΠ΅ΡΠΊΠ°Ρ ΠΌΠΎΠ΄Π΅Π»Ρ ΡΠ°ΠΉΡΠ°, Ρ ΠΊΠΎΡΠΎΡΠΎΠΉ Π±ΡΠ΄Π΅Ρ Π²Π·Π°ΠΈΠΌΠΎΠ΄Π΅ΠΉΡΡΠ²ΠΎΠ²Π°ΡΡ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Ρ. ΠΡΠ΅ ΡΡΠΎ ΠΌΡ ΡΠ°ΡΡΠΌΠ°ΡΡΠΈΠ²Π°Π»ΠΈ Π΄ΠΎ ΡΡΠΎΠ³ΠΎ β Π±ΡΠ»ΠΎ ΡΠ²ΡΠ·Π°Π½ΠΎ Ρ Π΄ΠΈΠ·Π°ΠΉΠ½ΠΎΠΌ. Π’Π΅ΠΏΠ΅ΡΡ ΠΆΠ΅ ΠΌΡ ΡΠ°ΡΡΠΌΠΎΡΡΠΈΠΌ, ΠΊΠ°ΠΊ ΠΎΠΆΠΈΠ²ΠΈΡΡ ΡΡΠΎΡ Π΄ΠΈΠ·Π°ΠΉΠ½. Π§ΡΠΎΠ±Ρ Π½Π°ΡΠ°ΡΡ ΠΏΡΠΎΡΠΎΡΠΈΠΏΠΈΡΠΎΠ²Π°Π½ΠΈΠ΅ Π² Π€ΠΈΠ³ΠΌΠ΅, Π½Π΅ΠΎΠ±Ρ ΠΎΠ΄ΠΈΠΌΠΎ ΠΏΠ΅ΡΠ΅ΠΊΠ»ΡΡΠΈΡΡΡΡ Π½Π° ΡΠ°Π·Π΄Π΅Π» Β«PrototypeΒ». ΠΠ±ΡΡΠ½ΠΎ ΡΡΠΎ Π΄Π΅Π»Π°Π΅ΡΡΡ, ΠΊΠΎΠ³Π΄Π° Π΄ΠΈΠ·Π°ΠΉΠ½ ΡΠ°ΠΉΡΠ° Π³ΠΎΡΠΎΠ². ΠΠ΅ΠΊΠΎΡΠΎΡΡΠ΅ ΡΠΏΠ΅ΡΠΈΠ°Π»ΠΈΡΡΡ Π΄Π΅Π»Π°ΡΡ ΠΏΡΠΎΡΠΎΡΠΈΠΏΠΈΡΠΎΠ²Π°Π½ΠΈΠ΅ ΠΏΠ°ΡΠ°Π»Π»Π΅Π»ΡΠ½ΠΎ Ρ Π΄ΠΈΠ·Π°ΠΉΠ½ΠΎΠΌ, ΡΡΠΎΠ±Ρ ΡΠ΅ΡΡΠΈΡΠΎΠ²Π°ΡΡ ΡΠ΄ΠΎΠ±ΡΡΠ²ΠΎ Π²Π·Π°ΠΈΠΌΠΎΠ΄Π΅ΠΉΡΡΠ²ΠΈΡ Ρ ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡΠΎΠΌ.
ΠΠ°Π»Π΅Π΅ Π½Π΅ΠΎΠ±Ρ ΠΎΠ΄ΠΈΠΌΠΎ Π²ΡΠ±ΡΠ°ΡΡ ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½Π½ΡΠΉ ΡΠ»Π΅ΠΌΠ΅Π½Ρ, Π½Π°ΠΏΡΠΈΠΌΠ΅Ρ, Π²ΠΊΠ»Π°Π΄ΠΊΡ. ΠΠ»ΠΈΠΊΠ½ΡΠ² Π½Π° Π½Π΅Π΅, ΠΏΠΎΡΠ²ΠΈΡΡΡ ΠΊΡΡΠ³, ΠΏΠΎΡΡΠ½ΡΠ² Π·Π° ΠΊΠΎΡΠΎΡΡΠΉ Π²Ρ ΡΠΌΠΎΠΆΠ΅ΡΠ΅ Π½Π°ΠΏΡΠ°Π²ΠΈΡΡ ΡΡΡΠ΅Π»ΠΊΡ Π΄Π»Ρ ΡΡΡΠ°Π½ΠΎΠ²ΠΊΠΈ ΡΠ²ΡΠ·ΠΈ ΠΌΠ΅ΠΆΠ΄Ρ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ°ΠΌΠΈ. ΠΡΠ±ΠΈΡΠ°Ρ ΡΡΠΈΠ³Π³Π΅Ρ, Π½Π΅ΠΎΠ±Ρ ΠΎΠ΄ΠΈΠΌΠΎ ΠΎΠΏΡΠ΅Π΄Π΅Π»ΠΈΡΡ ΠΊΠ°ΠΊΠΈΠΌ Π±ΡΠ΄Π΅Ρ Π΄Π΅ΠΉΡΡΠ²ΠΈΠ΅ ΠΏΡΠΈ Π΅Π³ΠΎ Π·Π°ΠΏΡΡΠΊΠ΅.
Π’Π°ΠΊΠΈΠΌ ΠΎΠ±ΡΠ°Π·ΠΎΠΌ Π²Ρ ΡΡΡΠ°Π½Π°Π²Π»ΠΈΠ²Π°Π΅ΡΠ΅ Π²Π·Π°ΠΈΠΌΠΎΠ΄Π΅ΠΉΡΡΠ²ΠΈΠ΅ ΠΌΠ΅ΠΆΠ΄Ρ ΡΡΡΠ°Π½ΠΈΡΠ°ΠΌΠΈ ΡΠ°ΠΉΡΠ° ΠΈ Π΅Π΅ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ°ΠΌΠΈ. Β
Π Π€ΠΈΠ³ΠΌΠ΅ Π΅ΡΡΡ ΡΡΠΈ ΡΠΏΠΎΡΠΎΠ±Π° Π²Π·Π°ΠΈΠΌΠΎΠ΄Π΅ΠΉΡΡΠ²ΠΈΡ Ρ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ°ΠΌΠΈ.
- Β«NavigateΒ» β ΠΡΠΈ ΠΊΠ»ΠΈΠΊΠ΅ Π½Π° ΡΠ»Π΅ΠΌΠ΅Π½Ρ, ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Ρ ΠΏΠ΅ΡΠ΅ΠΉΠ΄Π΅Ρ Π½Π° Π΄ΡΡΠ³ΠΎΠΉ ΡΠΊΡΠ°Π½. ΠΠΎΠΏΡΡΡΠΈΠΌ Π²Ρ Π½Π°ΠΆΠ°Π»ΠΈ Π½Π° ΠΊΠ°ΡΠ°Π»ΠΎΠ³ ΡΠΎΠ²Π°ΡΠΎΠ², ΠΏΠΎΡΠ»Π΅ ΡΠ΅Π³ΠΎ Π·Π°Π³ΡΡΠ·ΠΈΡΡΡ Π΄ΡΡΠ³Π°Ρ ΡΡΡΠ°Π½ΠΈΡΠ° Ρ ΡΠΎΠ²Π°ΡΠ°ΠΌΠΈ ΠΈΠ· ΡΡΠΎΠ³ΠΎ ΠΊΠ°ΡΠ°Π»ΠΎΠ³Π°.
- Β«SwapΒ» β ΠΡΠΎ Π·Π°ΠΌΠ΅Π½Π° ΠΎΠ΄Π½ΠΎΠ³ΠΎ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ° Π΄ΡΡΠ³ΠΈΠΌ ΠΏΡΠΈ ΠΊΠ»ΠΈΠΊΠ΅. ΠΠΎΠΏΡΡΡΠΈΠΌ Π²Ρ ΠΊΠ»ΠΈΠΊΠ½ΡΠ»ΠΈ Π½Π° ΠΈΠΊΠΎΠ½ΠΊΡ ΠΊΠΎΠ½ΡΠ°ΠΊΡΠ½ΠΎΠΉ ΠΈΠ½ΡΠΎΡΠΌΠ°ΡΠΈΠΈ Π² Π½ΠΈΠΆΠ½Π΅ΠΉ ΡΠ°ΡΡΠΈ ΡΡΡΠ°Π½ΠΈΡΡ. ΠΠΌΠ΅ΡΡΠΎ Π΄Π°Π½Π½ΠΎΠΉ Π²ΠΊΠ»Π°Π΄ΠΊΠΈ ΠΏΠΎΡΠ²Π»ΡΠ΅ΡΡΡ ΠΌΠ΅Π½Ρ, Π² ΠΊΠΎΡΠΎΡΠΎΠΌ Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ Π²ΡΠ±ΡΠ°ΡΡ ΠΎΠΊΠ½ΠΎ ΡΠ°ΡΠ°, Π½Π°Ρ ΠΎΠ΄ΡΡΠ΅Π΅ΡΡ Π½Π° ΡΠΎΠΌ ΠΆΠ΅ ΠΌΠ΅ΡΡΠ΅. Π’Π°ΠΊΠΈΠΌ ΠΎΠ±ΡΠ°Π·ΠΎΠΌ, ΡΠ°ΠΌΠ° ΡΡΡΠ°Π½ΠΈΡΠ° Π½Π΅ Π·Π°ΠΌΠ΅Π½ΡΠ΅ΡΡΡ Π½Π° Π΄ΡΡΠ³ΡΡ.
- Β«OverlayΒ» β ΠΡΠΎ Π²ΡΠ²ΠΎΠ΄ Π½ΠΎΠ²ΠΎΠ³ΠΎ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ° ΠΏΠΎΠ²Π΅ΡΡ ΠΎΡΡΠ°Π»ΡΠ½ΡΡ . ΠΠ°ΠΏΡΠΈΠΌΠ΅Ρ, ΠΏΡΠΈ ΠΊΠ»ΠΈΠΊΠ΅ Π½Π° Π²ΠΊΠ»Π°Π΄ΠΊΡ ΠΈΠ»ΠΈ ΠΊΠ½ΠΎΠΏΠΊΡ ΠΏΠΎΡΠ²Π»ΡΠ΅ΡΡΡ ΠΎΠΊΠ½ΠΎ Ρ Π΄ΠΈΠ°Π»ΠΎΠ³ΠΎΠΌ, ΡΠΎΡΠΌΠ°, ΠΈΠ»ΠΈ Π΄ΡΡΠ³Π°Ρ ΠΏΠ°Π½Π΅Π»Ρ, Π² ΠΊΠΎΡΠΎΡΠΎΠΉ Π½Π΅ΠΎΠ±Ρ ΠΎΠ΄ΠΈΠΌΠΎ ΡΠΎΠ²Π΅ΡΡΠΈΡΡ Π΄Π΅ΠΉΡΡΠ²ΠΈΠ΅.Β
Π§ΡΠΎΠ±Ρ Π²ΡΠ±ΡΠ°ΡΡ ΠΎΠ΄ΠΈΠ½ ΠΈΠ· ΡΡΠΈΡ ΡΠΏΠΎΡΠΎΠ±ΠΎΠ² Π²Π·Π°ΠΈΠΌΠΎΠ΄Π΅ΠΉΡΡΠ²ΠΈΡ, Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ Π²ΡΠ΄Π΅Π»ΠΈΡΡ ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½Π½ΡΠΉ ΡΡΠ΅ΠΉΠΌ, ΠΈ Π² ΠΏΡΠ°Π²ΠΎΠΉ ΠΏΠ°Π½Π΅Π»ΠΈ ΠΌΠ΅Π½Ρ Π²ΡΠ±ΡΠ°ΡΡ ΡΠ°Π·Π΄Π΅Π» Β«NoneΒ». Π ΡΡΠΎΠΌ ΡΠ°Π·Π΄Π΅Π»Π΅ Π²Ρ ΡΠΌΠΎΠΆΠ΅ΡΠ΅ Π²ΡΠ±ΡΠ°ΡΡ Π½Π΅ΠΎΠ±Ρ ΠΎΠ΄ΠΈΠΌΡΡ ΡΡΠ½ΠΊΡΠΈΡ.
ΠΡΠΎΠΌΠ΅ ΡΠΎΠ³ΠΎ, Π² Π½Π°ΡΡΡΠΎΠΉΠΊΠ°Ρ Β«Interaction detailsΒ» Π²Π°ΠΌ Π±ΡΠ΄Π΅Ρ Π΄ΠΎΡΡΡΠΏΠ½Π° Π½Π°ΡΡΡΠΎΠΉΠΊΠ° Π°Π½ΠΈΠΌΠ°ΡΠΈΠΈ ΠΏΠ΅ΡΠ΅Ρ ΠΎΠ΄Π° ΠΌΠ΅ΠΆΠ΄Ρ ΡΡΡΠ°Π½ΠΈΡΠ°ΠΌΠΈ. ΠΡΡΡ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ Π²ΠΈΠ΄ΠΎΠ² Π°Π½ΠΈΠΌΠ°ΡΠΈΠΈ, Ρ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΡΡ ΠΏΡΠΎΡΠΌΠΎΡΡΠ° Π² Π½Π΅Π±ΠΎΠ»ΡΡΠΎΠΌ ΡΠΊΡΠ°Π½Π΅, ΠΊΠΎΡΠΎΡΡΠΉ Π½Π°Ρ ΠΎΠ΄ΠΈΡΡΡ Π½ΠΈΠΆΠ΅. ΠΡ ΡΠ°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ΅ΡΠ΅ Π·Π°Π΄Π°ΡΡ Π½Π°ΠΏΡΠ°Π²Π»Π΅Π½ΠΈΠ΅ Π°Π½ΠΈΠΌΠ°ΡΠΈΠΈ, ΠΈ Π²ΡΠ΅ΠΌΡ ΠΏΠ΅ΡΠ΅Ρ ΠΎΠ΄Π°. Β Β
ΠΠΎΡΠ»Π΅ ΡΠΎΠ³ΠΎ ΠΊΠ°ΠΊ Π²Ρ Π½Π°ΡΡΡΠΎΠΈΡΠ΅ Π²Π·Π°ΠΈΠΌΠΎΠ΄Π΅ΠΉΡΡΠ²ΠΈΠ΅ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ² ΡΡΡΠ°Π½ΠΈΡ, ΠΌΠΎΠΆΠ½ΠΎ ΠΏΡΠΎΡΠ΅ΡΡΠΈΡΠΎΠ²Π°ΡΡ ΡΠ°ΠΉΡ. ΠΠ»Ρ ΡΡΠΎΠ³ΠΎ Π²ΡΠ±Π΅ΡΠΈΡΠ΅ Π² ΠΏΡΠ°Π²ΠΎΠΉ ΠΏΠ°Π½Π΅Π»ΠΈ ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½ΡΠΎΠ² ΡΡΡΡΠΎΠΉΡΡΠ²ΠΎ, Ρ ΠΊΠΎΡΠΎΡΠΎΠ³ΠΎ Π²Ρ Ρ ΠΎΡΠΈΡΠ΅ ΠΏΡΠΎΠΈΠ·Π²Π΅ΡΡΠΈ ΡΠ΅ΡΡ, ΡΡΠΎΠ±Ρ ΡΠ²ΠΈΠ΄Π΅ΡΡ Π°Π΄Π°ΠΏΡΠΈΠ²Π½ΠΎΡΡΡ ΡΠ°ΠΉΡΠ°.Β Β
ΠΠ°ΡΠ΅ΠΌ Π² ΠΏΡΠ°Π²ΠΎΠΌ Π²Π΅ΡΡ Π½Π΅ΠΌ ΡΠ³Π»Ρ Π½Π°ΠΆΠΌΠΈΡΠ΅ Π½Π° Π²ΠΊΠ»Π°Π΄ΠΊΡ Π·Π°ΠΏΡΡΠΊΠ°.
ΠΠΎΡΠ²ΠΈΡΡΡ ΡΠ΅Π΄Π°ΠΊΡΠΎΡ, Π² ΠΊΠΎΡΠΎΡΠΎΠΌ Π²Ρ ΡΠ²ΠΈΠ΄ΠΈΡΠ΅ ΡΠ΅Π·ΡΠ»ΡΡΠ°Ρ ΡΠ°Π±ΠΎΡΡ. ΠΡΠΎ Ρ ΠΎΡΠΎΡΠ°Ρ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΡ ΡΠ²ΠΈΠ΄Π΅ΡΡ Π½Π΅Π΄ΠΎΡΠ΅ΡΡ Π² ΠΏΠΎΡΠΎΡΠΎΡΠΈΠΏΠΈΡΠΎΠ²Π°Π½ΠΈΠΈ, ΠΈ Π² ΡΠ»ΡΡΠ°Π΅ Π²ΡΡΠ²Π»Π΅Π½ΠΈΡ ΠΎΡΠΈΠ±ΠΎΠΊ ΠΏΠΎΠ΄ΠΊΠΎΡΡΠ΅ΠΊΡΠΈΡΠΎΠ²Π°ΡΡ ΠΈΡ .
ΠΡΠ°ΠΊ, Π² ΡΡΠΎΠΌ ΡΡΠΎΠΊΠ΅ ΠΌΡ ΡΠ°ΡΡΠΌΠΎΡΡΠ΅Π»ΠΈ, ΠΊΠ°ΠΊ ΡΡΡΡΠΎΠ΅Π½ΠΎ ΡΠΎΠ·Π΄Π°Π½ΠΈΠ΅ ΠΏΡΠΎΡΠΎΡΠΈΠΏΠΎΠ² Π² Π€ΠΈΠ³ΠΌΠ΅. ΠΡΠΎΡ ΠΏΡΠΎΡΠ΅ΡΡ ΠΌΠΎΠΆΠ΅Ρ ΠΎΡΠ½ΠΈΠΌΠ°ΡΡ ΠΌΠ½ΠΎΠ³ΠΎ Π²ΡΠ΅ΠΌΠ΅Π½ΠΈ, ΠΎΡΠΎΠ±Π΅Π½Π½ΠΎ Π² ΡΠΎΠΌ ΡΠ»ΡΡΠ°Π΅, Π΅ΡΠ»ΠΈ Π½Π΅ΠΎΠ±Ρ ΠΎΠ΄ΠΈΠΌΠΎ Π½Π°ΡΡΡΠΎΠΈΡΡ ΡΠ²ΡΠ·Ρ ΠΈ ΠΏΠ΅ΡΠ΅Ρ ΠΎΠ΄Ρ ΠΌΠ΅ΠΆΠ΄Ρ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ°ΠΌΠΈ, Π° Π½Π΅ ΠΏΡΠΎΡΡΠΎ Π½Π°ΡΠΈΡΠΎΠ²Π°ΡΡ ΡΡΡΡΠΊΡΡΡΡ. ΠΠ΄Π½Π°ΠΊΠΎ Π΄Π»Ρ ΡΠ΅ΡΡΠΈΡΠΎΠ²Π°Π½ΠΈΡ ΠΏΡΠΎΡΠΎΡΠΈΠΏΠ° ΡΡΠΎΡ Π½Π°Π²ΡΠΊ Π½Π΅ΠΎΠ±Ρ ΠΎΠ΄ΠΈΠΌ.
ΠΠΎΠ»Π΅Π·Π½ΡΠ΅ ΡΡΡΠ»ΠΊΠΈ:
- ΠΠ΅ΡΠΏΠ»Π°ΡΠ½ΡΠΉ Π²ΠΈΠ΄Π΅ΠΎΠΊΡΡΡ ΠΏΠΎ Figma ΠΎΡ GeekBrains;
- ΠΡΠΎΡΠ΅ΡΡΠΈΠΎΠ½Π°Π»ΡΠ½ΡΠΉ ΠΊΡΡΡ Figma 2. 0 Π΄Π»Ρ Π½ΠΎΠ²ΠΈΡΠΊΠΎΠ² ΠΎΡ SkillBox;
- ΠΠΎΠ»Π½ΠΎΡΠ΅Π½Π½ΡΠΉ ΠΎΠ½Π»Π°ΠΉΠ½ ΠΊΡΡΡ ΠΏΠΎ Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Ρ Ρ Π½ΡΠ»Ρ ΠΎΡ SkillBox.
ΠΠΠ‘ΠΠΠΠ’ΠΠ«Π ΠΏΡΠΎΡΠΎΡΠΈΠΏΠΈΡΡΡΡΠΈΠΉ ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½Ρ: ΡΠΎΠ·Π΄Π°Π½ΠΈΠ΅ ΠΈΠ½ΡΠ΅ΡΠ°ΠΊΡΠΈΠ²Π½ΡΡ ΠΏΡΠΎΡΠΎΡΠΈΠΏΠΎΠ². ΠΠ΅ΡΠΏΠ»Π°ΡΠ½ΡΠ΅ ΠΏΡΠΎΡΠ΅ΡΡΠΈΠΎΠ½Π°Π»ΡΠ½ΠΎ ΡΠΎΠ·Π΄Π°Π½Π½ΡΠ΅ ΡΠ°ΠΉΠ»Ρ, ΠΊΠΎΡΠΎΡΡΠ΅ Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ Π΄ΡΠ±Π»ΠΈΡΠΎΠ²Π°ΡΡ, ΠΌΠΈΠΊΡΠΈΡΠΎΠ²Π°ΡΡ ΠΈ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ
ΠΠ»Π°Π³ΠΈΠ½Ρ ΠΈ Π²ΠΈΠ΄ΠΆΠ΅ΡΡ
Π Π°ΡΡΠΈΡΡΡΠ΅ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΠΈ ΠΈ Π°Π²ΡΠΎΠΌΠ°ΡΠΈΠ·ΠΈΡΡΠΉΡΠ΅ ΡΠ°Π±ΠΎΡΡ
Π‘ΠΎΠ±ΡΡΠΈΡ ΠΈ ΠΏΡΡΠΌΡΠ΅ ΡΡΠ°Π½ΡΠ»ΡΡΠΈΠΈΠΠ΅ΡΠ΅Π΄ΠΎΠ²ΠΎΠΉ ΠΎΠΏΡΡΠΠ±ΡΠ°Π·ΠΎΠ²Π°ΡΠ΅Π»ΡΠ½Π°Ρ ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΠ°ΠΡΡΠΏΠΏΡ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Π΅ΠΉΠ‘ΠΎΠ·Π΄Π°ΡΠ΅Π»ΠΈ ΡΠΎΠΎΠ±ΡΠ΅ΡΡΠ²
ΠΠΎΠΉΡΠΈΠΠ°ΡΠ°ΡΡ ΡΠ°Π±ΠΎΡΡ
ΠΠ°ΡΠ°ΡΡ ΡΠ°Π±ΠΎΡΡ
ΠΠ°ΡΠ°ΡΡ ΡΠ°Π±ΠΎΡΡ
ΠΠΎΠΏΠ»ΠΎΡΠΈΡΠ΅ ΡΠ²ΠΎΠΈ ΠΈΠ΄Π΅ΠΈ Π² ΠΆΠΈΠ·Π½Ρ Ρ ΠΏΠΎΠΌΠΎΡΡΡ Π°Π½ΠΈΠΌΠΈΡΠΎΠ²Π°Π½Π½ΡΡ ΠΏΡΠΎΡΠΎΡΠΈΠΏΠΎΠ². Π’Π΅ΡΡΠΈΡΡΠΉΡΠ΅ ΠΊΠΎΠ½ΡΠ΅ΠΏΡΠΈΠΈ ΡΠ°Π½ΡΡΠ΅ ΠΈ ΡΠ°ΡΠ΅. Π‘ΠΎΠ·Π΄Π°ΠΉΡΠ΅ Π»ΡΡΡΠΈΠΉ ΠΏΠ»Π°Π½ ΡΠ°Π·Π²ΠΈΡΠΈΡ.
ΠΠ°ΡΠ°Π»ΠΎ ΡΠ°Π±ΠΎΡΡ
Π‘ΠΎΠ·Π΄Π°Π²Π°ΠΉΡΠ΅ ΠΏΡΠΎΡΠΎΡΠΈΠΏΡ, ΠΊΠΎΡΠΎΡΡΠ΅ Π²ΡΠ³Π»ΡΠ΄ΡΡ ΠΊΠ°ΠΊ ΡΠ΅Π°Π»ΡΠ½ΡΠ΅
ΠΡΠ΅Π²ΡΠ°ΡΠΈΡΠ΅ ΡΠ°ΠΉΠ»Ρ ΡΡΠ°ΡΠΈΡΠ΅ΡΠΊΠΎΠ³ΠΎ Π΄ΠΈΠ·Π°ΠΉΠ½Π° Π² ΠΈΠ½ΡΠ΅ΡΠ°ΠΊΡΠΈΠ²Π½ΡΠΉ ΠΎΠΏΡΡ β ΠΊΠΎΠ΄ΠΈΡΠΎΠ²Π°Π½ΠΈΠ΅ Π½Π΅ ΡΡΠ΅Π±ΡΠ΅ΡΡΡ.
- ΠΠ½ΡΡΠΈΡΠΈΠ²Π½Π°Ρ ΡΠ±ΠΎΡΠΊΠ°: ΠΡΠΎΡΡΠΎ ΠΏΠΎΠ΄ΠΊΠ»ΡΡΠΈΡΠ΅ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΡΡΠΊΠΎΠ³ΠΎ ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡΠ° ΠΈ Π²ΡΠ±Π΅ΡΠΈΡΠ΅ Π²Π·Π°ΠΈΠΌΠΎΠ΄Π΅ΠΉΡΡΠ²ΠΈΡ ΠΈ Π°Π½ΠΈΠΌΠ°ΡΠΈΡ.
- ΠΠ·Π°ΠΈΠΌΠΎΠ΄Π΅ΠΉΡΡΠ²ΠΈΡ: ΠΠΏΡΠ΅Π΄Π΅Π»Π΅Π½ΠΈΠ΅ ΠΌΠ°Π»ΠΎΠ·Π°ΠΌΠ΅ΡΠ½ΡΡ Π²Π·Π°ΠΈΠΌΠΎΠ΄Π΅ΠΉΡΡΠ²ΠΈΠΉ, ΡΠ°ΠΊΠΈΡ ΠΊΠ°ΠΊ ΡΠ΅Π»ΡΠΎΠΊ, Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠ΅ ΠΊΡΡΡΠΎΡΠ°, Π½Π°ΠΆΠ°ΡΠΈΠ΅ ΠΊΠ½ΠΎΠΏΠΊΠΈ ΠΈΒ Ρ.Β Π΄.
- ΠΠΎΠ±ΠΈΠ»ΡΠ½ΡΠΉ ΠΏΡΠΎΡΠΌΠΎΡΡ: ΠΡΠΏΡΡΠ°ΠΉΡΠ΅ ΡΠ²ΠΎΠΈ ΠΏΡΠΎΠ΅ΠΊΡΡ Π² ΡΠ΅Π°Π»ΡΠ½ΠΎΠΉ ΠΆΠΈΠ·Π½ΠΈ Ρ ΠΏΠΎΠΌΠΎΡΡΡ Π½Π°ΡΠ΅Π³ΠΎ ΠΌΠΎΠ±ΠΈΠ»ΡΠ½ΠΎΠ³ΠΎ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΡ Figma, Π΄ΠΎΡΡΡΠΏΠ½ΠΎΠ³ΠΎ Π΄Π»Ρ iOS ΠΈΒ Android.
ΠΠΎΠΊΠ°Π·ΡΠ²Π°ΠΉΡΠ΅, Π° Π½Π΅ ΡΠ°ΡΡΠΊΠ°Π·ΡΠ²Π°ΠΉΡΠ΅ ΡΠ²ΠΎΠ΅ Π²ΠΈΠ΄Π΅Π½ΠΈΠ΅ Π²Π·Π°ΠΈΠΌΠΎΠ΄Π΅ΠΉΡΡΠ²ΠΈΡ
ΠΠ·Π±Π°Π²ΡΡΠ΅ΡΡ ΠΎΡ Π΄ΠΎΠ³Π°Π΄ΠΎΠΊ ΠΏΡΠΈ ΡΠ°Π·ΡΠ°Π±ΠΎΡΠΊΠ΅, ΠΏΠΎΠ΄ΡΠΎΠ±Π½ΠΎ ΠΎΠΏΠΈΡΠ°Π² Π΄Π΅ΡΠ°Π»ΠΈ Π²Π·Π°ΠΈΠΌΠΎΠ΄Π΅ΠΉΡΡΠ²ΠΈΡ, ΠΊΠΎΡΠΎΡΡΠ΅ Π²Ρ ΠΏΡΠ΅Π΄ΡΡΠ°Π²Π»ΡΠ΅ΡΠ΅.
- Π Π°ΡΡΠΈΡΠ΅Π½Π½ΡΠ΅ ΠΏΠ΅ΡΠ΅Ρ ΠΎΠ΄Ρ Ρ ΠΏΠΎΠΌΠΎΡΡΡ Smart Animate: ΠΠ²ΡΠΎΠΌΠ°ΡΠΈΡΠ΅ΡΠΊΠΈ Π°Π½ΠΈΠΌΠΈΡΡΠΉΡΠ΅ ΠΏΠΎΡ ΠΎΠΆΠΈΠ΅ ΠΎΠ±ΡΠ΅ΠΊΡΡ ΠΈ ΡΠΎΠ·Π΄Π°Π²Π°ΠΉΡΠ΅ Π΄Π΅ΡΠ°Π»ΡΠ½ΡΠ΅ ΠΏΠ΅ΡΠ΅Ρ ΠΎΠ΄Ρ.
- ΠΠΈΠ½Π°ΠΌΠΈΡΠ΅ΡΠΊΠΈΠ΅ Π½Π°Π»ΠΎΠΆΠ΅Π½ΠΈΡ: Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΈΡ ΡΠ»ΠΎΠ΅Π² ΠΈΠ½ΡΠ΅ΡΠ°ΠΊΡΠΈΠ²Π½ΡΡ Π½Π°Π»ΠΎΠΆΠ΅Π½ΠΈΠΉ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ³ΠΎ.
- ΠΠ½ΠΈΠΌΠΈΡΠΎΠ²Π°Π½Π½ΡΠ΅ GIF-ΡΠ°ΠΉΠ»Ρ: ΠΡΠΏΠΎΠ»ΡΠ·ΡΠΉΡΠ΅ GIF-ΡΠ°ΠΉΠ»Ρ Π΄Π»Ρ ΠΏΡΠ΅Π΄ΡΡΠ°Π²Π»Π΅Π½ΠΈΡ ΠΌΠΎΡΡΠ½-Π΄ΠΈΠ·Π°ΠΉΠ½Π°, Π²ΠΈΠ΄Π΅ΠΎΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ² ΠΈ ΡΠΎΠ½ΠΊΠΈΡ Π°Π½ΠΈΠΌΠ°ΡΠΈΠΉ.
Π£ Π½Π°Ρ ΠΎΡΠ΅Π½Ρ Π±ΡΡΡΡΡΠΉ ΠΏΡΠΎΡΠ΅ΡΡ ΠΏΡΠΎΠ΅ΠΊΡΠΈΡΠΎΠ²Π°Π½ΠΈΡ. ΠΡ ΠΏΠΎΡΡΠΎΡΠ½Π½ΠΎ ΡΡΡΠΎΠΈΠΌ, ΡΠ΅ΡΡΠΈΡΡΠ΅ΠΌ ΠΈ ΠΈΡΠ΅ΡΠΈΡΡΠ΅ΠΌ. ΠΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΡ ΡΠ°ΠΊ Π±ΡΡΡΡΠΎ ΠΈ Π»Π΅Π³ΠΊΠΎ ΡΠΎΠ±ΡΠ°ΡΡ ΠΏΡΠΎΡΠΎΡΠΈΠΏ Π² Figma ΠΎΡΠ΅Π½Ρ Π²Π°ΠΆΠ½Π° Π΄Π»Ρ Π½Π°Ρ.
ΠΠ΅Ρ Π₯ΠΎΡΠ½, ΡΡΠ°ΡΡΠΈΠΉ Π½Π°ΡΡΠ½ΡΠΉ ΡΠΎΡΡΡΠ΄Π½ΠΈΠΊ Bulb
Π‘Π΄Π΅Π»Π°ΠΉΡΠ΅ Π²ΡΠ΅ Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΠΎΠ΄Π½ΠΎΠ³ΠΎ ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½ΡΠ°
ΠΠΎΠ»ΡΡΠ΅ Π½Π΅ Π½ΡΠΆΠ½ΠΎ ΠΏΡΡΠ³Π°ΡΡ ΠΌΠ΅ΠΆΠ΄Ρ ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½ΡΠ°ΠΌΠΈ. Π‘ΠΎΠ·Π΄Π°Π²Π°ΠΉΡΠ΅ Π΄ΠΈΠ·Π°ΠΉΠ½, ΠΏΡΠΎΡΠΎΡΠΈΠΏΠΈΡΡΠΉΡΠ΅, Π΄Π΅Π»ΠΈΡΠ΅ΡΡ ΠΈ ΡΠΎΠ±ΠΈΡΠ°ΠΉΡΠ΅ ΠΎΡΠ·ΡΠ²Ρ Π² Figma.
- ΠΠ»Π°ΡΡΠΎΡΠΌΠ° Β«Π²ΡΠ΅ Π² ΠΎΠ΄Π½ΠΎΠΌΒ»: ΠΠ΅ΡΠ΅ΠΊΠ»ΡΡΠ΅Π½ΠΈΠ΅ ΠΌΠ΅ΠΆΠ΄Ρ ΡΠ°ΠΉΠ»ΠΎΠΌ ΠΏΡΠΎΠ΅ΠΊΡΠ° ΠΈ ΠΆΠΈΠ²ΡΠΌ ΠΏΡΠΎΡΠΎΡΠΈΠΏΠΎΠΌ. ΠΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΡ Π΄ΠΈΠ·Π°ΠΉΠ½Π° ΠΌΠ³Π½ΠΎΠ²Π΅Π½Π½ΠΎ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ°ΡΡΡΡ Π² Π²Π°ΡΠ΅ΠΌΒ ΠΏΡΠΎΡΠΎΡΠΈΠΏΠ΅.
- ΠΡΠΎΡΠΎΡΠΈΠΏ, ΠΊΠΎΡΠΎΡΡΠΌ ΠΌΠΎΠΆΠ½ΠΎ ΠΏΠΎΠ΄Π΅Π»ΠΈΡΡΡΡ: ΠΠΎΠ΄Π΅Π»ΠΈΡΠ΅ΡΡ ΡΡΡΠ»ΠΊΠΎΠΉ Π½Π° ΡΠ²ΠΎΠΉ ΠΏΡΠΎΡΠΎΡΠΈΠΏ. ΠΡΠΎΡΠΌΠ°ΡΡΠΈΠ²Π°ΠΉΡΠ΅ Π΅Π³ΠΎ Π² Π»ΡΠ±ΠΎΠΌ ΠΌΠ΅ΡΡΠ΅, Π³Π΄Π΅ Π΅ΡΡΡ ΠΠ½ΡΠ΅ΡΠ½Π΅Ρ.
- ΠΡΡΡΠΎΠ΅Π½Π½ΡΠ΅ ΠΊΠΎΠΌΠΌΠ΅Π½ΡΠ°ΡΠΈΠΈ: ΠΠΎΠΌΠΌΠ΅Π½ΡΠ°ΡΠΈΠΉ Π² ΠΏΡΠΎΡΠΎΡΠΈΠΏΠ΅. ΠΠ½ΠΈ ΠΏΠ΅ΡΠ΅Π½ΠΎΡΡΡΡΡ Π² ΡΠ°ΠΉΠ» Π΄ΠΈΠ·Π°ΠΉΠ½Π°, ΠΏΠΎΡΡΠΎΠΌΡ Π½ΠΈΡΠ΅Π³ΠΎ Π½Π΅ ΠΏΠΎΡΠ΅ΡΡΠ΅ΡΡΡ.
ΠΡΡΠ³ΠΈΠ΅ ΡΠΏΠΎΡΠΎΠ±Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΡ ΠΏΡΠΎΡΠΎΡΠΈΠΏΠΎΠ² Figma
- ΠΠ°Π±Π»ΡΠ΄Π΅Π½ΠΈΠ΅ Π·Π° ΠΈΡΠΏΡΡΡΠ΅ΠΌΡΠΌ Π½Π° ΠΈΡΡΠ»Π΅Π΄ΠΎΠ²Π°ΡΠ΅Π»ΡΡΠΊΠΈΡ ΡΠ΅ΡΡΠΈΡΡ
- ΠΠ·Π°ΠΈΠΌΠΎΠ΄Π΅ΠΉΡΡΠ²ΠΈΠ΅ Ρ ΠΆΠΈΠ²ΡΠΌΠΈ ΠΏΡΠΎΡΠΎΡΠΈΠΏΠ°ΠΌΠΈ Π² Notion ΠΈΠ»ΠΈ Dropbox ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½ΡΡ
Π£Π·Π½Π°ΠΉΡΠ΅, ΠΊΠ°ΠΊ Figma ΠΌΠΎΠΆΠ΅Ρ ΠΏΠΎΠΌΠΎΡΡ Π²Π°ΠΌ ΡΠΏΡΠΎΠ΅ΠΊΡΠΈΡΠΎΠ²Π°ΡΡ ΠΎΡ Π½Π°ΡΠ°Π»Π° Π΄ΠΎ ΠΊΠΎΠ½ΡΠ°
Design
Learn more
Design Systems
Learn more
Design process
Learn more
- YouTube
Use Cases
- UI design
- UX design
- ΠΠ°ΡΠΊΠ°Ρ
- ΠΠΈΠ°Π³ΡΠ°ΠΌΠΌΡ
- ΠΠΎΠ·Π³ΠΎΠ²ΠΎΠΉ ΡΡΡΡΠΌ
- ΠΠΈΠ±ΠΊΠΈΠ΅ ΡΠ°Π±ΠΎΡΠΈΠ΅ ΠΏΡΠΎΡΠ΅ΡΡΡ
- Π‘ΡΡΠ°ΡΠ΅Π³ΠΈΡΠ΅ΡΠΊΠΎΠ΅ ΠΏΠ»Π°Π½ΠΈΡΠΎΠ²Π°Π½ΠΈΠ΅
- Π¨Π°Π±Π»ΠΎΠ½Ρ
- Π£Π΄Π°Π»Π΅Π½Π½ΠΎΠ΅ ΠΏΡΠΎΠ΅ΠΊΡΠΈΡΠΎΠ²Π°Π½ΠΈΠ΅
- Agencies
- Figma for education
Explore
- Design features
- Prototyping features
- Design systems features
- Collaboration features
- Design process
- FigJam
- Pricing
- Enterprise
- Organization
- Professional
- ΠΠ»ΠΈΠ΅Π½ΡΡ
- ΠΠ΅Π·ΠΎΠΏΠ°ΡΠ½ΠΎΡΡΡ
- ΠΠ½ΡΠ΅Π³ΡΠ°ΡΠΈΠΈ
- ΠΠΎΠ½ΡΠ°ΠΊΡΡ
Π‘ΡΠ°Π²Π½ΠΈΡΡ
- Sketch
- Adobe XD
- Invision Studio
- Framer
- Design on Windows
- Miro
English
ΠΠ°ΠΏΡΡΠΊ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΡΡΠΊΠΈΡ ΡΠ΅ΡΡΠΎΠ², ΠΏΡΠ΅Π΄ΡΡΠ°Π²Π»Π΅Π½ΠΈΠ΅ ΡΠ΅Π°Π»ΠΈΡΡΠΈΡΠ½ΡΡ ΠΏΠ»Π°Π½ΠΎΠ² Π·Π°ΠΈΠ½ΡΠ΅ΡΠ΅ΡΠΎΠ²Π°Π½Π½ΡΠΌ ΡΡΠΎΡΠΎΠ½Π°ΠΌ, ΠΈΠ½ΡΠΎΡΠΌΠΈΡΠΎΠ²Π°Π½ΠΈΠ΅ ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΠΎΠ² ΠΎ Π½Π°ΠΌΠ΅ΡΠ΅Π½ΠΈΡΡ β ΡΡΠΎΡ ΡΠΏΠΈΡΠΎΠΊ ΠΌΠΎΠΆΠ½ΠΎ ΠΏΡΠΎΠ΄ΠΎΠ»ΠΆΠΈΡΡ.
ΠΠΎΡΠΊΠΎΠ»ΡΠΊΡ ΠΏΡΠΎΡΠΎΡΠΈΠΏΡ ΠΎΡΠ΅Π½Ρ Π²Π°ΠΆΠ½Ρ Π² ΠΏΡΠΎΡΠ΅ΡΡΠ΅ ΠΏΡΠΎΠ΅ΠΊΡΠΈΡΠΎΠ²Π°Π½ΠΈΡ, ΠΏΡΠΎΡΠ΅ΡΡ ΠΈΡ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ Π΄ΠΎΠ»ΠΆΠ΅Π½ Π±ΡΡΡ Π±ΡΡΡΡΡΠΌ ΠΈ Π»Π΅Π³ΠΊΠΈΠΌ. Π§ΡΠΎΠ±Ρ ΡΠΏΡΠΎΡΡΠΈΡΡ ΠΈ ΡΡΠΊΠΎΡΠΈΡΡ ΡΠ°Π±ΠΎΡΠΈΠΉ ΠΏΡΠΎΡΠ΅ΡΡ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ ΠΏΡΠΎΡΠΎΡΠΈΠΏΠ°, Ρ ΡΠΎΠ±ΡΠ°Π» Π΄Π»Ρ Π²Π°Ρ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ ΠΌΠΎΠΈΡ Π»ΡΠ±ΠΈΠΌΡΡ ΡΠΎΠ²Π΅ΡΠΎΠ² ΠΈ ΠΏΡΠΈΠ΅ΠΌΠΎΠ². Π§ΠΈΡΠ°ΠΉ Π΄Π°Π»ΡΡΠ΅!
ΠΡΠ΅Π΄ΠΏΠΎΠ»ΠΎΠΆΠΈΠΌ, Π²Ρ ΡΠ°Π·ΡΠ°Π±Π°ΡΡΠ²Π°Π΅ΡΠ΅ ΡΠΊΡΠ°Π½ Ρ ΠΊΠ°ΠΊΠΎΠΉ-Π»ΠΈΠ±ΠΎ ΠΏΠΎΡΡΠΎΡΠ½Π½ΠΎΠΉ Π½Π°Π²ΠΈΠ³Π°ΡΠΈΠ΅ΠΉ, Π½Π°ΠΏΡΠΈΠΌΠ΅Ρ ΠΏΠ°Π½Π΅Π»ΡΡ Π²ΠΊΠ»Π°Π΄ΠΎΠΊ. ΠΡ Π΄ΠΎΠ»ΠΆΠ½Ρ ΡΠ²ΡΠ·Π°ΡΡ ΠΊΠ°ΠΆΠ΄ΡΠΉ ΠΏΡΠ½ΠΊΡ ΠΌΠ΅Π½Ρ Ρ ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½Π½ΡΠΌ ΡΡΠ΅ΠΉΠΌΠΎΠΌ (Π½Π°ΠΏΡΠΈΠΌΠ΅Ρ, ΡΠ²ΡΠ·Π°ΡΡ ΠΊΠ½ΠΎΠΏΠΊΡ Β«Π΄ΠΎΠΌΠΎΠΉΒ» Ρ Π½Π°ΡΠ°Π»ΡΠ½ΡΠΌ ΡΡΠ΅ΠΉΠΌΠΎΠΌ). ΠΡΠ»ΠΈ ΡΡΠΎ ΠΌΠ΅Π½Ρ ΠΏΠΎΠ²ΡΠΎΡΡΠ΅ΡΡΡ Π½Π° Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΈΡ ΡΠΊΡΠ°Π½Π°Ρ , ΠΊΠ°ΠΊ ΡΡΠΎ ΡΠ°ΡΡΠΎ Π±ΡΠ²Π°Π΅Ρ Ρ ΠΏΠ°Π½Π΅Π»ΡΠΌΠΈ Π²ΠΊΠ»Π°Π΄ΠΎΠΊ, ΡΡΠΎΠΌΠΈΡΠ΅Π»ΡΠ½Π°Ρ Π·Π°Π΄Π°ΡΠ° ΡΠ²ΡΠ·ΡΠ²Π°Π½ΠΈΡ ΠΌΠΎΠΆΠ΅Ρ Π·Π°Π½ΡΡΡ Π³ΠΎΡΠ°Π·Π΄ΠΎ Π±ΠΎΠ»ΡΡΠ΅ Π²ΡΠ΅ΠΌΠ΅Π½ΠΈ, ΡΠ΅ΠΌ ΡΠ»Π΅Π΄ΠΎΠ²Π°Π»ΠΎ Π±Ρ.
ΠΠ‘Π’Π¬ ΠΠ£Π§Π¨ΠΠ Π‘ΠΠΠ‘ΠΠ. Π ΡΠ°ΠΌΠΎΠΌ Π½Π°ΡΠ°Π»Π΅ ΠΏΡΠΎΡΠ΅ΡΡΠ° ΠΏΡΠ΅Π²ΡΠ°ΡΠΈΡΠ΅ ΡΠ²ΠΎΠ΅ Π³Π°ΠΌΠ±ΡΡΠ³Π΅Ρ-ΠΌΠ΅Π½Ρ Π² ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ. Π‘Π΄Π΅Π»Π°Π² ΡΡΠΎ, ΡΠ²ΡΠΆΠΈΡΠ΅ ΠΊΠ°ΠΆΠ΄ΡΠΉ ΠΏΡΠ½ΠΊΡ ΠΌΠ΅Π½Ρ ΡΡΠΎΠ³ΠΎ ΠΎΡΠ½ΠΎΠ²Π½ΠΎΠ³ΠΎ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΠ° Ρ ΡΠΎΠΎΡΠ²Π΅ΡΡΡΠ²ΡΡΡΠΈΠΌ ΡΡΠ΅ΠΉΠΌΠΎΠΌ. ΠΠ²ΠΈΠ³Π°ΡΡΡ Π²ΠΏΠ΅ΡΠ΅Π΄, ΠΊΠ°ΠΆΠ΄ΡΠΉ ΡΠ°Π·, ΠΊΠΎΠ³Π΄Π° Π²Ρ ΡΠΎΠ·Π΄Π°Π΅ΡΠ΅ ΡΠΊΠ·Π΅ΠΌΠΏΠ»ΡΡ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΠ° Π³Π°ΠΌΠ±ΡΡΠ³Π΅ΡΠ°, Π²ΡΠ΅ ΡΠΎΠ΅Π΄ΠΈΠ½Π΅Π½ΠΈΡ Π±ΡΠ΄ΡΡ ΡΠ°ΡΠΏΡΠΎΡΡΡΠ°Π½ΡΡΡΡΡ Π°Π²ΡΠΎΠΌΠ°ΡΠΈΡΠ΅ΡΠΊΠΈ! ΠΠΎΠ»ΡΡΠ΅ Π½Π΅ Π½ΡΠΆΠ½ΠΎ Π±ΠΈΡΡΡΡ Π³ΠΎΠ»ΠΎΠ²ΠΎΠΉ ΠΎ ΡΡΠ΅Π½Ρ ΠΈΠ·-Π·Π° Π·Π°Π³ΡΡΠΆΠ΅Π½Π½ΠΎΠΉ ΡΠ°Π±ΠΎΡΡ.
ΠΠ΄Π½ΠΎ ΠΏΡΠ΅Π΄ΠΎΡΡΠ΅ΡΠ΅ΠΆΠ΅Π½ΠΈΠ΅: ΡΡΠΎ Π½Π΅ ΡΠ°Π±ΠΎΡΠ°Π΅Ρ, Π΅ΡΠ»ΠΈ Π²Ρ ΠΏΠ΅ΡΠ΅ΡΠ°ΡΠΊΠΈΠ²Π°Π΅ΡΠ΅ ΡΠΊΠ·Π΅ΠΌΠΏΠ»ΡΡ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΠ° ΠΈΠ· Π³ΡΡΠΏΠΏΠΎΠ²ΠΎΠΉ Π±ΠΈΠ±Π»ΠΈΠΎΡΠ΅ΠΊΠΈ. ΠΠΎΡΠΊΠΎΠ»ΡΠΊΡ Π³Π»Π°Π²Π½ΡΠΉ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ Π½Π°Ρ ΠΎΠ΄ΠΈΡΡΡ Π² Π΄ΡΡΠ³ΠΎΠΌ ΡΠ°ΠΉΠ»Π΅, Π²Ρ Π½Π΅ ΡΠΌΠΎΠΆΠ΅ΡΠ΅ Π²ΠΎΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡΡΡ ΡΠ°Π½Π΅Π΅ ΡΠΏΠΎΠΌΡΠ½ΡΡΡΠΌ ΡΠΎΠ²Π΅ΡΠΎΠΌ.
ΠΠΌΠ΅ΡΡΠΎ ΡΡΠΎΠ³ΠΎ ΡΠΎΠ·Π΄Π°ΠΉΡΠ΅ Π½ΠΎΠ²ΡΠΉ Π³Π»Π°Π²Π½ΡΠΉ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ Ρ ΡΠΊΠ·Π΅ΠΌΠΏΠ»ΡΡΠΎΠΌ ΠΈΠ· Π²Π°ΡΠ΅ΠΉ Π±ΠΈΠ±Π»ΠΈΠΎΡΠ΅ΠΊΠΈ Π²Π½ΡΡΡΠΈ Π½Π΅Π³ΠΎ. Figma ΠΏΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ Π²Π°ΠΌ Π³Π»ΡΠ±ΠΎΠΊΠΎ Π²ΡΠ±ΠΈΡΠ°ΡΡ Π²Π»ΠΎΠΆΠ΅Π½Π½ΡΠ΅ ΡΠ»ΠΎΠΈ Π²Π½ΡΡΡΠΈ ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΠ°, ΠΏΠΎΡΡΠΎΠΌΡ Π²Ρ Π²ΡΠ΅ ΡΠ°Π²Π½ΠΎ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΡΠ²ΡΠ·Π°ΡΡ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ ΠΏΡΠ½ΠΊΡΠΎΠ² ΠΌΠ΅Π½Ρ ΠΈΠ· ΡΠΊΠ·Π΅ΠΌΠΏΠ»ΡΡΠ°, Π½Π΅ ΠΎΡΡΠΎΠ΅Π΄ΠΈΠ½ΡΡ Π΅Π³ΠΎ ΠΎΡ ΠΌΠ°ΡΡΠ΅ΡΠ°. Π― ΡΠ°ΡΡΠΎ ΡΠ°Π·ΠΌΠ΅ΡΠ°Ρ Π½Π΅ΠΊΠΎΡΠΎΡΡΠ΅ ΠΈΠ· ΡΡΠΈΡ ΠΏΠΎΠ²ΡΠΎΡΡΡΡΠΈΡ ΡΡ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΠΎΠ² Π² ΡΡΠΎΡΠΎΠ½Π΅, Π·Π° ΠΏΡΠ΅Π΄Π΅Π»Π°ΠΌΠΈ ΠΌΠΎΠΈΡ ΠΌΠ°ΠΊΠ΅ΡΠΎΠ², ΠΊΠ°ΠΊ ΡΠ΄ΠΎΠ±Π½ΠΎΠ΅ ΠΌΠ΅ΡΡΠΎ Π΄Π»Ρ Π΄ΠΎΡΡΡΠΏΠ° ΠΊ Π½ΠΈΠΌ ΠΈ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠ°Π½ΠΈΡ ΡΠ²ΡΠ·Π°Π½Π½ΡΡ ΠΏΠΎΠ΄ΠΊΠ»ΡΡΠ΅Π½ΠΈΠΉ ΠΊ ΡΠ°Π·Π»ΠΈΡΠ½ΡΠΌ ΡΠΊΡΠ°Π½Π°ΠΌ.
Π‘ΡΡΠ»ΠΊΠ° Π½Π° ΡΠ°ΠΉΠ» Figma
ΠΡΠΈ ΡΠ°Π·ΡΠ°Π±ΠΎΡΠΊΠ΅ Π±ΠΎΠ»Π΅Π΅ Π΄Π»ΠΈΠ½Π½ΡΡ ΠΏΡΠΎΠΊΡΡΡΠΈΠ²Π°Π΅ΠΌΡΡ ΡΠΊΡΠ°Π½ΠΎΠ² Ρ ΡΠΈΠΊΡΠΈΡΠΎΠ²Π°Π½Π½ΡΠΌΠΈ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ°ΠΌΠΈ, ΡΠ°ΠΊΠΈΠΌΠΈ ΠΊΠ°ΠΊ ΡΡΡΠΎΠΊΠΈ ΡΠΎΡΡΠΎΡΠ½ΠΈΡ, Π²Π΅ΡΡ Π½ΠΈΠ΅ ΠΈΠ»ΠΈ Π½ΠΈΠΆΠ½ΠΈΠ΅ ΠΊΠΎΠ»ΠΎΠ½ΡΠΈΡΡΠ»Ρ, Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΠΏΡΠΎΡΡΠΎ ΠΏΠ΅ΡΠ΅ΡΠ°ΡΠΈΡΡ Π½ΠΈΠΆΠ½ΡΡ ΡΠ°ΡΡΡ ΡΡΠ΅ΠΉΠΌΠ° Π²Π½ΠΈΠ·, ΡΡΠΎΠ±Ρ ΡΠ°Π·ΠΌΠ΅ΡΡΠΈΡΡ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡΠ΅Π»ΡΠ½ΡΠΉ ΠΊΠΎΠ½ΡΠ΅Π½Ρ. ΠΡΠ»ΠΈ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ΅ ΠΏΡΠ΅Π²ΡΡΠ°Π΅Ρ Π²ΡΡΠΎΡΡ ΠΎΠ±Π»Π°ΡΡΠΈ ΠΏΡΠΎΡΠΌΠΎΡΡΠ° Π΄Π»Ρ Π²ΡΠ±ΡΠ°Π½Π½ΠΎΠ³ΠΎ Π²Π°ΠΌΠΈ ΡΡΡΡΠΎΠΉΡΡΠ²Π°, Figma Π°Π²ΡΠΎΠΌΠ°ΡΠΈΡΠ΅ΡΠΊΠΈ ΠΏΡΠΎΠΊΡΡΡΠΈΠ²Π°Π΅Ρ ΠΊΠ°Π΄Ρ Π² ΡΠ΅ΠΆΠΈΠΌΠ΅ ΠΏΡΠΎΡΠΎΡΠΈΠΏΠ°. Π£Π΄ΠΎΠ±Π½ΠΎ, ΠΏΡΠ°Π²Π΄Π°?
ΠΠΎ Π±ΡΠ²Π°ΡΡ ΡΠ»ΡΡΠ°ΠΈ, ΠΊΠΎΠ³Π΄Π° Π²Ρ Ρ ΠΎΡΠΈΡΠ΅ ΡΠ²ΠΈΠ΄Π΅ΡΡ, ΡΡΠΎ Π²ΠΈΠ΄Π½ΠΎ Π² ΠΎΠ±Π»Π°ΡΡΠΈ ΠΏΡΠΎΡΠΌΠΎΡΡΠ° ΠΏΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ (Ρ. Π΅. Π΄ΠΎ ΡΠΎΠ³ΠΎ, ΠΊΠ°ΠΊ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Ρ ΠΏΡΠΎΠΊΡΡΡΠΈΡ). ΠΡΠΎ Π΄Π°Π΅Ρ Π²Π°ΠΌ ΠΏΡΠ΅Π΄ΡΡΠ°Π²Π»Π΅Π½ΠΈΠ΅ ΠΎ ΡΠΎΠΌ, ΠΊΠ°ΠΊΠΎΠΉ ΠΊΠΎΠ½ΡΠ΅Π½Ρ ΠΈΠ·Π½Π°ΡΠ°Π»ΡΠ½ΠΎ ΠΎΠ±ΡΠ΅Π·Π°Π΅ΡΡΡ, ΠΊΠΎΠ³Π΄Π° ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΠΈ Π²ΠΏΠ΅ΡΠ²ΡΠ΅ ΠΏΠ΅ΡΠ΅Ρ ΠΎΠ΄ΡΡ ΠΊ ΡΡΠΎΠΌΡ ΠΊΠ°Π΄ΡΡ-ΠΏΡΠΎΡΠΎΡΠΈΠΏΡ. Π£ΡΡΡΠΎΠΉΡΡΠ²Π° Ρ ΡΠ°Π·Π½ΡΠΌΠΈ ΡΠ°Π·ΠΌΠ΅ΡΠ°ΠΌΠΈ ΠΎΠ±Π»Π°ΡΡΠΈ ΠΏΡΠΎΡΠΌΠΎΡΡΠ° Π±ΡΠ΄ΡΡ ΡΠ΅Π³ΠΌΠ΅Π½ΡΠΈΡΠΎΠ²Π°ΡΡ ΠΊΠΎΠ½ΡΠ΅Π½Ρ Π² ΡΠ°Π·Π½ΡΡ ΠΌΠ΅ΡΡΠ°Ρ . Π§ΡΠΎΠ±Ρ ΡΠΏΡΠΎΡΡΠΈΡΡ ΠΏΡΠΎΡΠΌΠΎΡΡ ΡΡΠΈΡ ΡΠ°Π·Π»ΠΈΡΠ½ΡΡ ΠΏΡΠ΅Π΄ΡΡΠ°Π²Π»Π΅Π½ΠΈΠΉ, ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠΉΡΠ΅ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ.
Π§ΡΠΎΠ±Ρ ΡΠ·Π½Π°ΡΡ, ΠΊΠ°ΠΊΠΎΠΉ ΠΊΠΎΠ½ΡΠ΅Π½Ρ ΠΈΠ·Π½Π°ΡΠ°Π»ΡΠ½ΠΎ Π²ΠΈΠ΄Π΅Π½ Π² ΠΏΡΠΎΠΊΡΡΡΠΈΠ²Π°Π΅ΠΌΠΎΠΌ ΡΡΠ΅ΠΉΠΌΠ΅:Β Β
1) ΠΡΠ΅Π²ΡΠ°ΡΠΈΡΠ΅ ΠΏΡΠΎΠΊΡΡΡΠΈΠ²Π°Π΅ΠΌΡΠΉ ΠΊΠΎΠ½ΡΠ΅Π½Ρ Π² ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ. 2) Π£Π±Π΅Π΄ΠΈΡΠ΅ΡΡ, ΡΡΠΎ Π²Ρ Π½Π°ΡΡΡΠΎΠΈΠ»ΠΈ ΠΎΠ³ΡΠ°Π½ΠΈΡΠ΅Π½ΠΈΡ Π΄Π»Ρ Π²ΡΠ΅Ρ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ² Π²Π½ΡΡΡΠΈ. 3) ΠΠ±Π΅ΡΠΏΠ΅ΡΡΡΠ΅ Β«ΠΎΠ±ΡΠ΅Π·ΠΊΡ ΠΊΠΎΠ½ΡΠ΅Π½ΡΠ°Β». ΡΡΡΠ°Π½ΠΎΠ²Π»Π΅Π½ ΡΠ»Π°ΠΆΠΎΠΊ Π½Π° ΠΏΠ°Π½Π΅Π»ΠΈ ΡΠ²ΠΎΠΉΡΡΠ² (ΡΡΠΎ Π΄ΠΎΠ»ΠΆΠ½ΠΎ Π±ΡΡΡ Π²ΠΊΠ»ΡΡΠ΅Π½ΠΎ ΠΏΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ). 4) ΠΠ΅ΡΠ΅ΠΊΠ»ΡΡΠΈΡΠ΅ΡΡ Π² ΡΠ΅ΠΆΠΈΠΌ ΠΏΡΠΎΡΠΎΡΠΈΠΏΠΈΡΠΎΠ²Π°Π½ΠΈΡ ΠΈ Π²ΠΊΠ»ΡΡΠΈΡΠ΅ Π½ΡΠΆΠ½ΠΎΠ΅ Π½Π°ΠΏΡΠ°Π²Π»Π΅Π½ΠΈΠ΅ ΠΏΡΠΎΠΊΡΡΡΠΊΠΈ, Π½Π°ΡΡΡΠΎΠΈΠ² Β«ΠΠΎΠ²Π΅Π΄Π΅Π½ΠΈΠ΅ ΠΏΠ΅ΡΠ΅ΠΏΠΎΠ»Π½Π΅Π½ΠΈΡΒ». 5) ΠΠΎΠΌΠ΅ΡΡΠΈΡΠ΅ ΡΠΊΠ·Π΅ΠΌΠΏΠ»ΡΡ ΡΡΠΎΠ³ΠΎ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΠ° Π² ΡΠ²ΠΎΠΈ ΠΏΡΠΎΠ΅ΠΊΡΡ ΠΈ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡΠ΅ ΠΈΡ ΡΠ°Π·ΠΌΠ΅Ρ. ΠΏΠΎΠ΄Ρ ΠΎΠ΄ΠΈΡΡ.
Π’Π΅ΠΏΠ΅ΡΡ Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΠΏΠΎΠ»ΡΡΠΈΡΡ ΠΏΡΠ΅Π΄ΡΡΠ°Π²Π»Π΅Π½ΠΈΠ΅ ΠΎ ΡΠΎΠΌ, ΡΡΠΎ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ°Π΅ΡΡΡ Π΄Π»Ρ ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ ΡΠ°Π·ΠΌΠ΅ΡΠ° ΡΡΡΡΠΎΠΉΡΡΠ²Π°, ΠΈ ΡΠ΅Π½ΡΡΠ°Π»ΠΈΠ·ΠΎΠ²Π°Π½Π½ΠΎ ΡΠΏΡΠ°Π²Π»ΡΡΡ Π²ΡΠ΅ΠΌ ΠΏΡΠΎΠΊΡΡΡΠΈΠ²Π°Π΅ΠΌΡΠΌ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΡΠΌ Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΠΎΠ΄Π½ΠΎΠ³ΠΎ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΠ°.
Π‘ΡΡΠ»ΠΊΠ° Π½Π° ΡΠ°ΠΉΠ» Figma
Π‘ ΠΏΡΠΎΡΠΎΡΠΈΠΏΠ°ΠΌΠΈ ΠΌΠ³Π½ΠΎΠ²Π΅Π½Π½ΠΎΠ΅ Π²Π·Π°ΠΈΠΌΠΎΠ΄Π΅ΠΉΡΡΠ²ΠΈΠ΅ ΠΌΠΎΠΆΠ΅Ρ ΠΏΠΎΠΊΠ°Π·Π°ΡΡΡΡ ΠΊΠΎΠ½Π΅ΡΠ½ΠΎΠΌΡ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Ρ ΡΠ΅Π·ΠΊΠΈΠΌ. ΠΡ ΠΌΠΎΠΆΠ΅ΡΠ΅ Π΄ΠΎΠ±Π°Π²ΠΈΡΡ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ ΡΠ΅Π°Π»ΠΈΠ·ΠΌΠ°, Π½Π°ΠΏΡΠΈΠΌΠ΅Ρ, ΠΈΠΌΠΈΡΠΈΡΠΎΠ²Π°ΡΡ Π·Π°Π³ΡΡΠ·ΠΎΡΠ½ΡΠ΅ ΡΠΊΡΠ°Π½Ρ ΠΈΠ»ΠΈ Π΄ΠΎΠ±Π°Π²ΠΈΡΡ ΠΊΠΎΡΠΎΡΠΊΡΡ Π·Π°Π΄Π΅ΡΠΆΠΊΡ.
ΠΠ΄ΠΈΠ½ ΠΈΠ· ΠΏΡΠΎΡΡΡΡ ΡΠΏΠΎΡΠΎΠ±ΠΎΠ² ΡΠ΄Π΅Π»Π°ΡΡ ΡΡΠΎ β ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΡΡΠΈΠ³Π³Π΅Ρ ΠΏΠΎΡΠ»Π΅ Π·Π°Π΄Π΅ΡΠΆΠΊΠΈ, ΠΏΡΠΈ ΠΊΠΎΡΠΎΡΠΎΠΌ Π²Π·Π°ΠΈΠΌΠΎΠ΄Π΅ΠΉΡΡΠ²ΠΈΠ΅ ΠΏΡΠΎΠΈΡΡ ΠΎΠ΄ΠΈΡ ΠΏΠΎ ΠΈΡΡΠ΅ΡΠ΅Π½ΠΈΠΈ ΡΡΡΠ°Π½ΠΎΠ²Π»Π΅Π½Π½ΠΎΠ³ΠΎ Π²ΡΠ΅ΠΌΠ΅Π½ΠΈ. ΠΡΠ΅ΠΌΠ΅Π½Π½ΡΠ΅ Π·Π°Π΄Π΅ΡΠΆΠΊΠΈ ΠΎΡΠΎΠ±Π΅Π½Π½ΠΎ ΠΏΠΎΠ»Π΅Π·Π½Ρ Π² ΡΠΎΡΠ΅ΡΠ°Π½ΠΈΠΈ Ρ ΠΎΠ²Π΅ΡΠ»Π΅ΡΠΌΠΈ, ΠΊΠ°ΠΊ ΠΏΠΎΠΊΠ°Π·Π°Π½ΠΎ Π² ΠΏΡΠΈΠΌΠ΅ΡΠ΅ ΠΏΡΠΎΡΡΠΎΠΉ ΡΠΎΡΠΌΡ Π½ΠΈΠΆΠ΅.
ΠΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΠΈ ΠΎΠΆΠΈΠ΄Π°ΡΡ, ΡΡΠΎ ΡΠΎΡΠΌΠ° ΠΏΠ΅ΡΠ΅Π½Π°ΠΏΡΠ°Π²ΠΈΡ ΠΈΡ Π½Π° ΡΡΡΠ°Π½ΠΈΡΡ ΠΏΠΎΠ΄ΡΠ²Π΅ΡΠΆΠ΄Π΅Π½ΠΈΡ, Π½ΠΎ Π΅ΡΠ»ΠΈ ΡΡΠΎ ΠΏΡΠΎΠΈΠ·ΠΎΠΉΠ΄Π΅Ρ ΡΠ»ΠΈΡΠΊΠΎΠΌ ΡΠ΅Π·ΠΊΠΎ, ΠΎΠ½ΠΈ ΠΌΠΎΠ³ΡΡ ΠΏΠΎΡΡΠ²ΡΡΠ²ΠΎΠ²Π°ΡΡ ΡΠ΅Π±Ρ Π΄Π΅Π·ΠΎΡΠΈΠ΅Π½ΡΠΈΡΠΎΠ²Π°Π½Π½ΡΠΌΠΈ. ΠΡΠΏΠΎΠ»ΡΠ·ΡΡ Π½Π°Π»ΠΎΠΆΠ΅Π½ΠΈΡ Ρ ΡΡΡΠ½ΡΠΌ ΠΏΠΎΠ·ΠΈΡΠΈΠΎΠ½ΠΈΡΠΎΠ²Π°Π½ΠΈΠ΅ΠΌ ΠΈ ΡΡΠ½ΠΊΡΠΈΠ΅ΠΉ Π½Π°Π»ΠΎΠΆΠ΅Π½ΠΈΡ ΠΏΠΎΠ΄ΠΊΠ°ΡΠΊΠΈ, ΠΌΡ ΠΌΠΎΠΆΠ΅ΠΌ ΡΠΎΠ·Π΄Π°ΡΡ ΠΏΡΠΎΡΡΠΎΠ΅ Π²Π·Π°ΠΈΠΌΠΎΠ΄Π΅ΠΉΡΡΠ²ΠΈΠ΅ ΠΊΠ½ΠΎΠΏΠΎΠΊ Π² ΡΠ°Π½Π΄Π΅ΠΌΠ΅ Ρ Π²ΡΠ΅ΠΌΠ΅Π½Π½ΡΠΌΠΈ Π·Π°Π΄Π΅ΡΠΆΠΊΠ°ΠΌΠΈ. ΠΠ°ΡΠ΅ΠΌ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Ρ ΠΏΠΎΠ»ΡΡΠ°Π΅Ρ Π²Π·Π°ΠΈΠΌΠΎΠ΄Π΅ΠΉΡΡΠ²ΠΈΠ΅ ΠΏΠΎ ΠΎΡΠΏΡΠ°Π²ΠΊΠ΅, ΠΊΡΠ°ΡΠΊΡΡ ΠΏΠΎΡΠ»Π΅Π΄ΠΎΠ²Π°ΡΠ΅Π»ΡΠ½ΠΎΡΡΡ Π·Π°Π³ΡΡΠ·ΠΊΠΈ ΠΈ ΡΠΎΠΎΠ±ΡΠ΅Π½ΠΈΠ΅ ΠΎΠ± ΡΡΠΏΠ΅ΡΠ½ΠΎΠΌ Π·Π°Π²Π΅ΡΡΠ΅Π½ΠΈΠΈ ΠΏΠ΅ΡΠ΅Π΄ ΡΠ΅ΠΌ, ΠΊΠ°ΠΊ ΠΏΠΎΡΠ²ΠΈΡΡΡ ΡΡΡΠ°Π½ΠΈΡΠ° ΠΏΠΎΠ΄ΡΠ²Π΅ΡΠΆΠ΄Π΅Π½ΠΈΡ.
Π‘ΡΡΠ»ΠΊΠ° Π½Π° ΡΠ°ΠΉΠ» Figma
ΠΡΠΎΡΠΎΡΠΈΠΏΡ Π² Figma Π² Π½Π°ΡΡΠΎΡΡΠ΅Π΅ Π²ΡΠ΅ΠΌΡ ΠΎΠ³ΡΠ°Π½ΠΈΡΠ΅Π½Ρ ΠΎΡΠ΄Π΅Π»ΡΠ½ΡΠΌΠΈ ΡΡΡΠ°Π½ΠΈΡΠ°ΠΌΠΈ. ΠΡΠΎ ΠΏΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ Π²Π°ΠΌ ΠΈΠΌΠ΅ΡΡ ΠΎΡΠ΄Π΅Π»ΡΠ½ΡΠ΅ ΠΏΡΠΎΡΠΎΡΠΈΠΏΡ Π² ΠΎΠ΄Π½ΠΎΠΌ Π΄ΠΎΠΊΡΠΌΠ΅Π½ΡΠ΅, Π²ΡΠ΅ ΡΠΎ ΡΠ²ΠΎΠΈΠΌΠΈ ΡΠ½ΠΈΠΊΠ°Π»ΡΠ½ΡΠΌΠΈ URL-Π°Π΄ΡΠ΅ΡΠ°ΠΌΠΈ, ΠΊΠΎΡΠΎΡΡΠΌΠΈ Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΠΏΠΎΠ΄Π΅Π»ΠΈΡΡΡΡ Ρ Π»ΡΠ΄ΡΠΌΠΈ, ΠΊΠΎΠ³Π΄Π° ΠΎΠ½ΠΈ Π·Π°Ρ ΠΎΡΡΡ ΠΈΡ ΠΏΡΠΎΡΠΌΠΎΡΡΠ΅ΡΡ. ΠΠΎ ΠΈΠ½ΠΎΠ³Π΄Π° Π²Ρ ΠΏΡΠΎΡΡΠΎ Ρ ΠΎΡΠΈΡΠ΅ ΠΏΠΎΠ΄Π΅Π»ΠΈΡΡΡΡ Ρ Π»ΡΠ΄ΡΠΌΠΈ ΠΎΠ΄Π½ΠΎΠΉ ΡΡΡΠ»ΠΊΠΎΠΉ, ΠΊΠΎΡΠΎΡΠ°Ρ ΠΏΠΎΠ·Π²ΠΎΠ»ΠΈΡ ΠΈΠΌ ΡΠ²ΠΈΠ΄Π΅ΡΡ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ Π²Π°ΡΠΈΠ°Π½ΡΠΎΠ² ΠΎΡΠΎΡΠΌΠ»Π΅Π½ΠΈΡ.
ΠΠ»Ρ ΡΡΠΎΠ³ΠΎ Π² Figma ΡΠΎΠ·Π΄Π°ΠΉΡΠ΅ ΡΠ°ΠΌΠΊΡ ΠΎΠ³Π»Π°Π²Π»Π΅Π½ΠΈΡ Π² ΠΊΠ°ΡΠ΅ΡΡΠ²Π΅ Π½Π°ΡΠ°Π»ΡΠ½ΠΎΠ³ΠΎ ΡΠΊΡΠ°Π½Π° Π²Π°ΡΠ΅Π³ΠΎ ΠΏΡΠΎΡΠΎΡΠΈΠΏΠ°. ΠΠ°ΡΠ΅ΠΌ ΡΠ²ΡΠΆΠΈΡΠ΅ ΠΊΠ°ΠΆΠ΄ΡΠΉ ΡΠ»Π΅ΠΌΠ΅Π½Ρ ΡΠΏΠΈΡΠΊΠ° Π² ΠΎΠ³Π»Π°Π²Π»Π΅Π½ΠΈΠΈ Ρ Π΄ΡΡΠ³ΠΈΠΌ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΡΡΠΊΠΈΠΌ ΠΏΠΎΡΠΎΠΊΠΎΠΌ. Π‘ Π²Π½ΡΡΡΠ΅Π½Π½Π΅ΠΉ ΡΡΠΎΡΠΎΠ½Ρ Figma Π±ΡΠ΄Π΅Ρ ΠΈΠ½ΡΠ΅ΡΠΏΡΠ΅ΡΠΈΡΠΎΠ²Π°ΡΡ Π²ΡΠ΅ ΡΡΠΎ ΠΊΠ°ΠΊ ΠΎΠ΄ΠΈΠ½ ΠΏΡΠΎΡΠΎΡΠΈΠΏ, Π½ΠΎ ΠΊΠΎΠ½Π΅ΡΠ½ΡΠ΅ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΠΈ Π±ΡΠ΄ΡΡ Π²ΠΎΡΠΏΡΠΈΠ½ΠΈΠΌΠ°ΡΡ ΠΈΡ ΠΊΠ°ΠΊ ΡΠ°Π·Π½ΡΠ΅ ΠΏΡΠΎΡΠΎΡΠΈΠΏΡ Ρ Π²ΡΠ±ΠΎΡΠΎΠΌ ΠΌΠ΅ΠΆΠ΄Ρ Π½ΠΈΠΌΠΈ Π² Π½Π°ΡΠ°Π»Π΅. ΠΡΠΈΠΌΠ΅ΡΠ°Π½ΠΈΠ΅. Π§ΡΠΎΠ±Ρ ΡΡΠΎ ΡΠ°Π±ΠΎΡΠ°Π»ΠΎ, Π²ΡΠ΅ Π²Π°ΡΠΈ ΠΏΠΎΡΠΎΠΊΠΈ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Π΅ΠΉ Π΄ΠΎΠ»ΠΆΠ½Ρ Π½Π°Ρ ΠΎΠ΄ΠΈΡΡΡΡ Π½Π° ΠΎΠ΄Π½ΠΎΠΉ ΡΡΡΠ°Π½ΠΈΡΠ΅.
Π‘ΡΡΠ»ΠΊΠ° Π½Π° ΡΠ°ΠΉΠ» Figma
ΠΠ½Π°Π΅ΡΠ΅ Π»ΠΈ Π²Ρ ΠΎ ΡΠ΅ΠΆΠΈΠΌΠ΅ Π½Π°Π±Π»ΡΠ΄Π΅Π½ΠΈΡ Π² Figma? ΠΡΠΎ ΠΏΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ Π²Π°ΠΌ ΡΠ»Π΅Π΄ΠΈΡΡ Π·Π° ΡΠΊΡΠ°Π½ΠΎΠΌ Π΄ΡΡΠ³ΠΎΠ³ΠΎ ΡΠ΅Π»ΠΎΠ²Π΅ΠΊΠ°, ΠΏΠΎΠΊΠ° ΠΎΠ½ ΡΡΠΎ-ΡΠΎ ΠΏΡΠ΅Π΄ΡΡΠ°Π²Π»ΡΠ΅Ρ ΠΈΠ»ΠΈ ΡΠΈΡΠΌΡΠ΅Ρ. ΠΡ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΡΠ΅Π»ΠΊΠ½ΡΡΡ Π°Π²Π°ΡΠ°Ρ Π²Π°ΡΠ΅Π³ΠΎ ΡΠΎΠ°Π²ΡΠΎΡΠ° Π² ΠΏΡΠ°Π²ΠΎΠΌ Π²Π΅ΡΡ Π½Π΅ΠΌ ΡΠ³Π»Ρ ΡΠ΅Π΄Π°ΠΊΡΠΎΡΠ°, ΡΡΠΎΠ±Ρ ΡΠ²ΠΈΠ΄Π΅ΡΡ Π²ΡΠ΅, ΡΡΠΎ ΠΎΠ½ Π²ΠΈΠ΄ΠΈΡ Π² ΡΠ°ΠΉΠ»Π΅ Π΄ΠΈΠ·Π°ΠΉΠ½Π°.