ΠΠ±Π·ΠΎΡ ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΡ Figma
Figma ΡΡΠΎ ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΠ° Π½ΠΎΠ²ΠΎΠ³ΠΎ ΠΏΠΎΠΊΠΎΠ»Π΅Π½ΠΈΡ Π΄Π»Ρ ΡΠ°Π·ΡΠ°Π±ΠΎΡΠΊΠΈ ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡΠΎΠ² ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌ, Π²Π΅Π±-ΡΠ°ΠΉΡΠΎΠ² ΠΈ ΠΌΠΎΠ±ΠΈΠ»ΡΠ½ΡΡ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ.
ΠΠ΅ ΡΠΎΠ²ΡΠ΅ΠΌ ΡΠ°Π·ΡΠΌΠ½ΠΎ ΡΡΠ°Π²Π½ΠΈΠ²Π°ΡΡ Figma Ρ Π΄ΡΡΠ³ΠΈΠΌΠΈ ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΠ°ΠΌΠΈ Π΄Π»Ρ ΡΠ°Π·ΡΠ°Π±ΠΎΡΠΊΠΈ ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡΠΎΠ². ΠΡΠ΅ΠΆΠ΄Π΅ Π²ΡΠ΅Π³ΠΎ ΠΏΠΎΡΠΎΠΌΡ, ΡΡΠΎ Figma ΡΠ²Π»ΡΠ΅ΡΡΡ ΠΎΠ±Π»Π°ΡΠ½ΡΠΌ Π²Π΅Π±-ΡΠ΅ΡΠ²ΠΈΡΠΎΠΌ ΠΏΡΠ΅Π΄ΠΎΡΡΠ°Π²Π»ΡΡΡΠΈΠΌ Π½Π°ΡΠΈΠ²Π½ΡΠ΅ ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΡ Π΄Π»Ρ ΡΡΡΠ°Π½ΠΎΠ²ΠΊΠΈ Π½Π° Mac ΠΈ Windows. Π’.Π΅. Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ Π΄Π°ΠΆΠ΅ Π½ΠΈΡΠ΅Π³ΠΎ Π½Π΅ ΡΡΡΠ°Π½Π°Π²Π»ΠΈΠ²Π°ΡΡ, Π° ΡΠ°Π±ΠΎΡΠ°ΡΡ ΡΠ΅ΡΠ΅Π· Π±ΡΠ°ΡΠ·Π΅Ρ. ΠΡΠ»ΠΈ ΠΊΡΠ°ΡΠΊΠΎ, ΡΠΎ Figma ΡΡΠΎ ΠΊΠ°ΠΊ Sketch, ΡΠΎΠ»ΡΠΊΠΎ Π±Π΅Π· ΠΏΠ»Π°Π³ΠΈΠ½ΠΎΠ² ΠΈ Ρ Π½Π΅ΠΌΠ½ΠΎΠ³ΠΎ Π΄ΡΡΠ³ΠΎΠΉ ΡΠΈΡΡΠ΅ΠΌΠΎΠΉ ΡΠ΅Π°Π»ΠΈΠ·Π°ΡΠΈΠΈ Π‘ΠΈΠΌΠ²ΠΎΠ»ΠΎΠ² ΠΈ Π½Π΅ΠΊΠΎΡΠΎΡΡΡ Π΄ΡΡΠ³ΠΈΡ ΡΡΠ½ΠΊΡΠΈΠΉ Π² Π»ΡΡΡΡΡ ΡΡΠΎΡΠΎΠ½Ρ.
ΠΠΎ ΠΊΠ»ΡΡΠ΅Π²ΠΎΠΉ ΠΎΡΠΎΠ±Π΅Π½Π½ΠΎΡΡΡΡ ΡΠ²Π»ΡΠ΅ΡΡΡ ΠΎΠ±Π»Π°ΡΠ½Π°Ρ ΡΠ΅Ρ Π½ΠΎΠ»ΠΎΠ³ΠΈΡ, ΠΊΠΎΡΠΎΡΠ°Ρ ΠΎΡΠΊΡΡΠ²Π°Π΅Ρ ΠΊΠ°ΡΠ΄ΠΈΠ½Π°Π»ΡΠ½ΠΎ Π½ΠΎΠ²ΡΠ΅ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΠΈ Π΄Π»Ρ ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΠΎΠ² ΠΈ Π΄ΡΡΠ³ΠΈΡ ΡΠ»Π΅Π½ΠΎΠ² ΠΊΠΎΠΌΠ°Π½Π΄Ρ ΡΡΠ°ΡΡΠ²ΡΡΡΠΈΡ Π² ΡΠ°Π·ΡΠ°Π±ΠΎΡΠΊΠ΅ ΠΏΡΠΎΠ΄ΡΠΊΡΠ°.
ΠΠ°Π²Π°ΠΉΡΠ΅ ΠΏΠ΅ΡΠ΅ΡΠΈΡΠ»ΠΈΠΌ Π²ΡΠ΅ ΠΎΡΠΎΠ±Π΅Π½Π½ΠΎΡΡΠΈ.
Π£ΡΠ»ΠΎΠ²Π½Π°Ρ Π±Π΅ΡΠΏΠ»Π°ΡΠ½ΠΎΡΡΡ
ΠΡΠ»ΠΈ Π²Π°ΡΠ΅ΠΉ ΠΊΠΎΠΌΠ°Π½Π΄Π΅ Π½Π΅ Π±ΠΎΠ»Π΅Π΅ Π΄Π²ΡΡ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅ΡΠΎΠ² ΠΈ Ρ Π²Π°Ρ Π½Π΅Ρ Π½Π΅ΠΎΠ±Ρ ΠΎΠ΄ΠΈΠΌΠΎΡΡΠΈ Π² Π±ΠΈΠ±Π»ΠΈΠΎΡΠ΅ΠΊΠ΅ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΠΎΠ², ΡΠΎ Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΡΠΎΠ²Π΅ΡΡΠ΅Π½Π½ΠΎ Π±Π΅ΡΠΏΠ»Π°ΡΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ Figma Π΄Π»Ρ Π»ΡΠ±ΠΎΠ³ΠΎ ΠΊΠΎΠ»ΠΈΡΠ΅ΡΡΠ²Π° ΠΏΡΠΎΠ΅ΠΊΡΠΎΠ².
ΠΡ ΠΌΠΎΠΆΠ΅ΡΠ΅ Π·Π°ΠΏΠ»Π°ΡΠΈΡΡ Π·Π° Figma, ΡΠΎΠ»ΡΠΊΠΎ ΠΏΡΠΈ Π΄ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΠΈ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡΠ΅Π»ΡΠ½ΡΡ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅ΡΠΎΠ² ΠΊ ΠΏΡΠΎΠ΅ΠΊΡΡ ΠΈΠ»ΠΈ ΠΏΡΠΈ Π½Π΅ΠΎΠ±Ρ ΠΎΠ΄ΠΈΠΌΠΎΡΡΠΈ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡΠ΅Π»ΡΠ½ΡΡ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΠ΅ΠΉ, ΡΠ°ΠΊΠΈΡ ΠΊΠ°ΠΊ Π±ΠΈΠ±Π»ΠΈΠΎΡΠ΅ΠΊΠ° ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΠΎΠ² ΠΈΠ»ΠΈ Π±Π΅ΡΠΊΠΎΠ½Π΅ΡΠ½Π°Ρ ΠΈΡΡΠΎΡΠΈΡ Π²Π΅ΡΡΠΈΠΉ ΡΠ°ΠΉΠ»ΠΎΠ².
ΠΠ½ΠΎΠ³ΠΎΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΡΡΠΊΠΈΠΉ ΡΠ΅ΠΆΠΈΠΌ ΡΠ΅Π΄Π°ΠΊΡΠΈΡΠΎΠ²Π°Π½ΠΈΡ
Π Π°Π½ΡΡΠ΅ Π±ΡΠ»ΠΎ Π½Π΅Π²Π΅ΡΠΎΡΡΠ½ΠΎ ΡΡΡΠ΄Π½ΠΎ ΡΠ°Π±ΠΎΡΠ°ΡΡ Π½Π°Π΄ ΠΎΠ΄Π½ΠΈΠΌ ΠΏΡΠΎΠ΅ΠΊΡΠΎΠΌ Π΄Π²ΡΠΌ, Π° ΡΠ΅ΠΌ Π±ΠΎΠ»Π΅Π΅ Π±ΠΎΠ»ΡΡΠ΅ΠΌΡ ΠΊΠΎΠ»ΠΈΡΠ΅ΡΡΠ²Ρ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅ΡΠΎΠ² ΠΈΠ·-Π·Π° Π½Π΅ΠΎΠ±Ρ ΠΎΠ΄ΠΈΠΌΠΎΡΡΠΈ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΈΠ²Π°ΡΡ Π°ΠΊΡΡΠ°Π»ΡΠ½ΡΡ ΠΠ΅ΡΡΠΈΠΎΠ½Π½ΠΎΡΡΡ ΡΠ°ΠΉΠ»ΠΎΠ², Π° ΡΠ°ΠΊΠΆΠ΅ ΡΠΎΠ²ΠΌΠ΅ΡΡΠΈΠΌΠΎΡΡΡ Π‘ΠΈΠΌΠ²ΠΎΠ»ΠΎΠ² ΠΈ Π‘ΡΠΈΠ»Π΅ΠΉ.
Π’Π΅ΠΏΠ΅ΡΡ ΡΠ΅Π΄Π°ΠΊΡΠΈΡΠΎΠ²Π°ΡΡ ΠΎΠ΄ΠΈΠ½ ΠΡΡ ΠΎΠ΄Π½ΡΠΉ ΡΠ°ΠΉΠ» ΠΌΠΎΠΆΠ΅Ρ Π»ΡΠ±ΠΎΠ΅ ΠΊΠΎΠ»ΠΈΡΠ΅ΡΡΠ²ΠΎ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Π΅ΠΉ ΠΎΠ΄Π½ΠΎΠ²ΡΠ΅ΠΌΠ΅Π½Π½ΠΎ.
Π₯ΡΠ°Π½Π΅Π½ΠΈΠ΅ ΡΠ°ΠΉΠ»ΠΎΠ²
Π‘ΠΎΡ ΡΠ°Π½Π΅Π½ΠΈΠ΅ ΠΏΡΠ΅Π²ΡΡ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠΉ
ΠΡΠΏΠΎΠΌΠΈΠ½Π°Π΅ΡΠ΅ ΡΠΈΡΡΠ°ΡΠΈΡ, ΠΊΠΎΠ³Π΄Π° Π² ΠΏΡΠΎΠ΅ΠΊΡΠ΅ ΠΌΠ½ΠΎΠ³ΠΎ ΡΠΊΡΠ°Π½ΠΎΠ², ΠΈ Π²Ρ ΠΊΠ°ΠΆΠ΄ΡΠΉ ΡΠ°Π· Π²ΡΠ΄Π΅Π»ΡΠ΅ΡΠ΅ Π°ΡΡΠ±ΠΎΡΠ΄Ρ ΠΈΠ»ΠΈ ΡΠΎΠ³ΠΎ Ρ ΡΠΆΠ΅ ΠΎΡΠΊΡΡΠ²Π°Π΅ΡΠ΅ ΠΎΡΠ΄Π΅Π»ΡΠ½ΡΠΉ ΠΈΡΡ ΠΎΠ΄Π½ΡΠΉ ΡΠ°ΠΉΠ» Π² Photoshop ΠΈ ΠΏΠΎ ΠΎΡΠ΄Π΅Π»ΡΠ½ΠΎΡΡΠΈ ΡΠΎΡ ΡΠ°Π½ΡΠ΅ΡΠ΅ ΠΊΠ°ΠΆΠ΄ΡΠΉ ΠΌΠ°ΠΊΠ΅Ρ ΠΈΠ»ΠΈ ΠΏΡΠΎΠΏΡΡΠΊΠ°Π΅ΡΠ΅ Π΅Π³ΠΎ ΡΠ΅ΡΠ΅Π· ΡΠΊΡΠΈΠΏΡ? Π Figma Ρ Π²Π°Ρ Π½Π΅Ρ Π½Π΅ΠΎΠ±Ρ ΠΎΠ΄ΠΈΠΌΠΎΡΡΠΈ ΡΡΠΎ-Π»ΠΈΠ±ΠΎ ΡΠΎΡ ΡΠ°Π½ΡΡΡ. ΠΠΎΠΆΠ½ΠΎ ΠΏΡΠΎΡΡΠΎ ΠΎΡΠΊΡΡΡΡ Π΄ΠΎΡΡΡΠΏ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Ρ ΠΏΠΎ ΠΏΠΎΡΡΠ΅ ΠΈ Π΄Π°ΡΡ Π΅ΠΌΡ ΡΡΡΠ»ΠΊΡ. ΠΡΠΎΠ΅ΠΊΡ ΡΠ°ΠΊΠΆΠ΅ ΠΏΠΎΡΠ²ΠΈΡΡΡ Π² Π΅Π³ΠΎ Π°ΠΊΠΊΠ°ΡΠ½ΡΠ΅ Figma. ΠΠ»ΠΈ ΠΌΠΎΠΆΠ½ΠΎ ΡΠ΄Π΅Π»Π°ΡΡ ΠΏΡΠΎΠ΅ΠΊΡ ΠΎΡΠΊΡΡΡΡΠΌ Π΄Π»Ρ ΠΏΡΠΎΡΠΌΠΎΡΡΠ° Π΄Π»Ρ Π²ΡΠ΅Ρ ΠΆΠ΅Π»Π°ΡΡΠΈΡ ΠΏΠΎ ΡΡΡΠ»ΠΊΠ΅.
ΠΠΎΠΌΠΌΠ΅Π½ΡΠΈΡΠΎΠ²Π°Π½ΠΈΠ΅ ΠΌΠ°ΠΊΠ΅ΡΠΎΠ²
Π Π°Π½ΡΡΠ΅ ΡΡΠΎ Π±ΡΠ» Π·Π°ΡΡΡΠ΄Π½ΠΈΡΠ΅Π»ΡΠ½ΡΠΉ ΠΏΡΠΎΡΠ΅ΡΡ. ΠΠ°Π²Π°ΠΉΡΠ΅ Π²ΡΠΏΠΎΠΌΠ½ΠΈΠΌ ΠΊΠ°ΠΊ ΡΡΠΎ Π±ΡΠ»ΠΎ:
- ΠΠΎΠ»ΡΡΠ°Π»ΠΈ ΡΠ΅ΠΊΡΡΠΎΠ²ΡΠΉ ΡΠΏΠΈΡΠΎΠΊ ΠΊΠΎΠΌΠΌΠ΅Π½ΡΠ°ΡΠΈΠ΅Π² ΠΈΠ· ΠΊΠΎΡΠΎΡΠΎΠ³ΠΎ Π±ΡΠ»ΠΎ Π½Π΅ Π²ΡΠ΅Π³Π΄Π° ΠΏΠΎΠ½ΡΡΠ½ΠΎ ΠΎ ΠΊΠ°ΠΊΠΎΠΌ ΠΌΠ΅ΡΡΠ΅ ΠΈΠ΄Π΅Ρ ΡΠ΅ΡΡ.
- ΠΠ΅Π»Π°Π»ΠΈ ΡΠΊΡΠΈΠ½ΡΠΎΡ ΡΠ΅ΡΠ΅Π· ΡΠ΅ΡΠ²ΠΈΡ ΠΈ ΡΠ²Π΅ΡΡ Ρ ΠΏΠΈΡΠ°Π»ΠΈ ΠΊΠΎΠΌΠΌΠ΅Π½ΡΠ°ΡΠΈΠΉ.
- ΠΠ±ΠΎΡΠ°ΡΠΈΠ²Π°Π»ΠΈ ΠΌΠ°ΠΊΠ΅ΡΡ Π² PDF ΠΈ ΡΠ°ΠΌ ΠΏΠΈΡΠ°Π»ΠΈ ΠΊΠΎΠΌΠΌΠ΅Π½ΡΠ°ΡΠΈΠΈ.
- ΠΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π»ΠΈ Dropbox ΠΈΠ»ΠΈ Invision Π² ΠΊΠ°ΡΠ΅ΡΡΠ²Π΅ ΡΠ΅ΡΠ²ΠΈΡΠ° ΠΊΠΎΠΌΠΌΠ΅Π½ΡΠΈΡΠΎΠ²Π°Π½ΠΈΡ.
Π’Π΅ΠΏΠ΅ΡΡ Π² Figma Π»ΡΠ±ΠΎΠΉ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Ρ, ΠΊΠΎΡΠΎΡΠΎΠΌΡ Π²Ρ ΠΏΡΠ΅Π΄ΠΎΡΡΠ°Π²ΠΈΠ»ΠΈ Π΄ΠΎΡΡΡΠΏ ΠΌΠΎΠΆΠ΅Ρ ΠΎΡΡΠ°Π²ΠΈΡΡ ΠΊΠΎΠΌΠΌΠ΅Π½ΡΠ°ΡΠΈΠΉ ΠΊ Π½ΡΠΆΠ½ΠΎΠΌΡ ΠΌΠ΅ΡΡΡ.
ΠΡΠΎΡΠΎΡΠΈΠΏΠΈΡΠΎΠ²Π°Π½ΠΈΠ΅
Invision, Marvel ΠΈ Π΄ΡΡΠ³ΠΈΠ΅ ΡΠ΅ΡΠ²ΠΈΡΡ, ΠΊΠΎΡΠΎΡΡΠ΅ ΠΌΡ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π»ΠΈ ΡΠ°Π½ΡΡΠ΅ Π±ΠΎΠ»ΡΡΠ΅ Π½Π΅ Π½ΡΠΆΠ½Ρ. Π’.ΠΊ. ΡΡΠ½ΠΊΡΠΈΡ ΠΏΡΠΎΡΠΎΡΠΈΠΏΠΈΡΠΎΠ²Π°Π½ΠΈΡ Π²ΡΡΡΠΎΠ΅Π½Π° Π² Figma ΠΏΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ.
Π Π΅ΠΆΠΈΠΌ ΠΏΡΠ΅Π·Π΅Π½ΡΠ°ΡΠΈΠΈ
ΠΠΎΠ³Π΄Π° Π²Ρ Π΄Π°Π΅ΡΠ΅ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Ρ ΡΡΡΠ»ΠΊΡ Π½Π° ΠΏΡΠΎΠ΅ΠΊΡ Π΄Π»Ρ ΠΏΡΠΎΡΠΌΠΎΡΡΠ° Π² Π±ΡΠ°ΡΠ·Π΅ΡΠ΅ ΠΈΠ»ΠΈ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Ρ ΠΏΡΠΎΡΠΌΠ°ΡΡΠΈΠ²Π°Π΅Ρ Π²Π°Ρ ΠΏΡΠΎΠ΅ΠΊΡ ΠΈΠ· ΡΠ²ΠΎΠ΅ΠΉ ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΡ Figma, ΡΠΎ ΠΎΠ½ ΠΌΠΎΠΆΠ΅Ρ Π²ΠΈΠ΄Π΅ΡΡ ΡΠΎ, ΡΡΠΎ Π²ΠΈΠ΄ΠΈΡΠ΅ Π²Ρ. Π’Π°ΠΊΠΈΠΌ ΠΎΠ±ΡΠ°Π·ΠΎΠΌ Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΠΏΡΠ΅Π·Π΅Π½ΡΠ°Π²Π°ΡΡ ΡΠ²ΠΎΠΉ ΠΏΡΠΎΠ΅ΠΊΡ Π±Π΅Π· Π½Π΅ΠΎΠ±Ρ ΠΎΠ΄ΠΈΠΌΠΎΡΡΠΈ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΡ ΡΡΡΠΈΠΌΠΈΠ½Π³ΠΎΠ²ΡΡ Π²ΠΈΠ΄Π΅ΠΎ-ΡΠ΅ΡΠ²ΠΈΡΠΎΠ², ΡΠ°ΠΊΠΈΡ ΠΊΠ°ΠΊ Skype ΠΈ Π΄ΡΡΠ³ΠΈΠ΅. ΠΠΎΡΡΠ°ΡΠΎΡΠ½ΠΎ ΡΠΎΠ·Π²ΠΎΠ½ΠΈΡΡΡ ΡΠ΅ΡΠ΅Π· Π»ΡΠ±ΠΎΠΉ ΠΌΠ΅ΡΡΠ΅Π½Π΄ΠΆΠ΅Ρ ΠΈ Π΄Π°ΡΡ ΡΡΡΠ»ΠΊΡ Π½Π° ΠΏΡΠ΅Π·Π΅Π½ΡΠ°ΡΠΈΡ ΠΏΡΠΎΠ΅ΠΊΡΠ°.
Π‘ΠΈΠΌΠ²ΠΎΠ»Ρ
ΠΠ°Π½Π΅Π»Ρ ΡΠΈΠΌΠ²ΠΎΠ»ΠΎΠ²
Π’Π΅ΠΏΠ΅ΡΡ Π½Π΅Ρ Π½Π΅ΠΎΠ±Ρ ΠΎΠ΄ΠΈΠΌΠΎΡΡΠΈ Π² ΡΡΡΠ°Π½ΠΈΡΠ΅ Symbols ΠΊΠ°ΠΊ Π² Sketch. Π Figma Π΅ΡΡΡ ΠΏΠ°Π½Π΅Π»Ρ, Π½Π°Ρ ΠΎΠ΄ΡΡΠ°ΡΡΡ Π² ΠΎΠ΄Π½ΠΎΠΌ ΡΡΠ΄Ρ Ρ ΠΏΠ°Π½Π΅Π»ΡΡ ΡΠ»ΠΎΠ΅Π², ΠΊΠΎΡΠΎΡΠ°Ρ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ°Π΅Ρ Π²ΡΠ΅ ΡΠΈΠΌΠ²ΠΎΠ»Ρ ΠΏΡΠΎΠ΅ΠΊΡΠ° ΠΈ ΠΏΡΠ΅Π΄ΠΎΡΡΠ°Π²Π»ΡΠ΅Ρ ΡΠ΄ΠΎΠ±Π½ΡΠΉ ΠΏΠΎΠΈΡΠΊ ΠΏΠΎ ΠΈΠΌΠ΅Π½ΠΈ ΡΠΈΠΌΠ²ΠΎΠ»Π°.
ΠΠΈΠ±Π»ΠΈΠΎΡΠ΅ΠΊΠ° ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΠΎΠ²
Π Figma Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ Π·Π°Π³ΡΡΠΆΠ°ΡΡ ΡΠ²ΠΎΠΈ ΡΠΈΠΌΠ²ΠΎΠ»Ρ Π² ΠΠΈΠ±Π»ΠΈΠΎΡΠ΅ΠΊΡ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΠΎΠ², ΠΎΠ±Π½ΠΎΠ²Π»ΡΡΡ ΠΈΡ , Π° ΡΠ°ΠΊΠΆΠ΅ Π±ΡΡΡΡΠΎ Π½Π°Ρ ΠΎΠ΄ΠΈΡΡ ΠΈΡ Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΠΏΠΎΠΈΡΠΊΠ° ΠΏΠΎ ΠΈΠΌΠ΅Π½ΠΈ ΡΠΈΠΌΠ²ΠΎΠ»Π°. ΠΡ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΡΠΎΡ ΡΠ°Π½Π΅Π½Π½ΡΠ΅ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΡ Π² Π»ΡΠ±ΠΎΠΌ ΠΈΠ· Π²Π°ΡΠΈΡ ΠΏΡΠΎΠ΅ΠΊΡΠΎΠ².
ΠΡΠΎΠΈΠ·Π²ΠΎΠ΄ΠΈΡΠ΅Π»ΡΠ½ΠΎΡΡΡ
ΠΠ°ΡΠ²Π»ΡΡ, ΠΊΠ°ΠΊ ΡΠ΅Π»ΠΎΠ²Π΅ΠΊ, ΠΊΠΎΡΠΎΡΡΠΉ ΠΏΡΠΎΡΠ°Π±ΠΎΡΠ°Π» 7 Π»Π΅Ρ Π² Photoshop, 3 Π³ΠΎΠ΄Π° Π² Fireworks ΠΈ 3 Π³ΠΎΠ΄Π° Π² Sketch, ΡΡΠΎ Figma ΡΠ°Π±ΠΎΡΠ°Π΅Ρ Π³ΠΎΡΠ°Π·Π΄ΠΎ Π±ΡΡΡΡΠ΅Π΅ Sketch, ΠΊΠΎΡΠΎΡΡΠΉ ΠΊΠ°ΠΊ ΠΈΠ·Π²Π΅ΡΡΠ½ΠΎ Π² ΠΏΠ»Π°Π½Π΅ ΠΏΡΠΎΠΈΠ·Π²ΠΎΠ΄ΠΈΡΠ΅Π»ΡΠ½ΠΎΡΡΠΈ ΠΎΡΡΠ°Π²Π»ΡΠ΅Ρ Π΄Π°Π»Π΅ΠΊΠΎ ΠΏΠΎΠ·Π°Π΄ΠΈ Photoshop.
Π Π΅ΠΆΠΈΠΌ ΠΏΡΠΎΡΠΌΠΎΡΡΠ°
Figma ΠΏΠΎΠ»Π½ΠΎΡΡΡΡ Π±Π΅ΡΠΏΠ»Π°ΡΠ½Π° Π΄Π»Ρ Π»ΡΠ±ΡΡ ΡΡΠ°ΡΡΠ½ΠΈΠΊΠΎΠ² ΠΏΡΠΎΠ΅ΠΊΡΠ°: ΠΌΠ΅Π½Π΅Π΄ΠΆΠ΅ΡΠΎΠ², ΠΊΠ»ΠΈΠ΅Π½ΡΠΎΠ², Π²Π΅ΡΡΡΠ°Π»ΡΡΠΈΠΊΠΎΠ² ΠΈ ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΠΈΡΡΠΎΠ² Π² ΡΠ΅ΠΆΠΈΠΌΠ΅ ΠΏΡΠΎΡΠΌΠΎΡΡΠ°. ΠΡΠΎ Π·Π½Π°ΡΠΈΡ, ΡΡΠΎ ΡΠ»Π΅Π½Ρ ΠΊΠΎΠΌΠ°Π½Π΄Ρ ΡΠΌΠΎΠ³ΡΡ Π²ΠΈΠ΄Π΅ΡΡ Π²ΡΠ΅ ΠΌΠ°ΠΊΠ΅ΡΡ ΠΈ ΠΏΡΠΈΠ·Π΅Π½ΡΠ°ΡΠΈΠΈ ΡΠΎΠ²Π΅ΡΡΠ΅Π½Π½ΠΎ Π±Π΅ΡΠΏΠ»Π°ΡΠ½ΠΎ
ΠΠ°Π½Π΅Π»Ρ Π‘ode
ΠΠ»Ρ Π²Π΅ΡΡΡΠ°Π»ΡΡΠΈΠΊΠΎΠ² ΠΈ ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΠΈΡΡΠΎΠ² Π² Figma Π΅ΡΡΡ ΡΠΏΠ΅ΡΠΈΠ°Π»ΡΠ½Π°Ρ ΠΏΠ°Π½Π΅Π»Ρ Code, Π½Π° ΠΊΠΎΡΠΎΡΠΎΠΉ ΠΌΠΎΠΆΠ½ΠΎ ΡΠΊΠΎΠΏΠΈΡΠΎΠ²Π°ΡΡ CSS-ΡΡΠΈΠ»ΠΈ Π΄Π»Ρ Web, Π° ΡΠ°ΠΊΠΆΠ΅ ΠΊΠΎΠ΄-ΡΠ°Π·ΠΌΠ΅ΡΠΊΠΈ ΡΠ°ΡΠΏΠΎΠ»ΠΎΠΆΠ΅Π½ΠΈΡ ΠΈ ΡΡΠΈΠ»Π΅ΠΉ Π΄Π»Ρ Android ΠΈ iOS.
ΠΠ½ΡΠ΅Π³ΡΠ°ΡΠΈΡ
Figma ΠΈΠ½ΡΠ΅Π³ΡΠΈΡΡΠ΅ΡΡΡ Ρ Zeplin. Π ΡΠ°ΠΊΠΆΠ΅ ΡΠ°ΠΉΠ»Ρ Figma ΠΌΠΎΠΆΠ½ΠΎ Π²ΡΡΡΠ°ΠΈΠ²Π°ΡΡ Π² ΡΠ°ΠΉΠ»Ρ Dropbox Paper.
Π‘Π΅ΡΠΊΠΈ
Π Π΄ΡΡΠ³ΠΈΡ ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΠ°Ρ ΡΡΠΎ Π΄Π΅Π»Π°Π΅ΡΡΡ Π»ΠΈΠ±ΠΎ ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½ΡΠΎΠΌ, ΠΊΠΎΡΠΎΡΡΠ΅ ΠΎΠ³ΡΠ°Π½ΠΈΡΠΈΠ²Π°Π΅Ρ Π²Π°ΡΠΈ ΠΏΠΎΡΡΠ΅Π±Π½ΠΎΡΡΠΈ ΠΈΠ»ΠΈ Ρ ΠΏΠΎΠΌΠΎΡΡΡ Π½Π°ΠΏΡΠ°Π²Π»ΡΡΡΠΈΡ , ΡΡΠΎ ΠΊΡΠ°ΠΉΠ½Π΅ Π½Π΅ΡΠ΄ΠΎΠ±Π½ΠΎ. Π Figma Π΅ΡΡΡ ΠΏΠ°Π½Π΅Π»Ρ Grid Layout, Π°Π½Π°Π»ΠΎΠ³ΠΎΠ² ΠΊΠΎΡΠΎΡΠΎΠΉ ΠΏΠΎΠΊΠ° Π½Π΅ ΡΡΡΠ΅ΡΡΠ²ΡΠ΅Ρ Π² Π΄ΡΡΠ³ΠΈΡ ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΠ°Ρ . Π‘ ΠΏΠΎΠΌΠΎΡΡΡ Π½Π΅Π΅ Π²Ρ Π² Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ ΠΌΠ³Π½ΠΎΠ²Π΅Π½ΠΈΠΉ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΡΠΎΠ·Π΄Π°ΡΡ ΡΠ΅ΡΠΊΡ Π»ΡΠ±ΠΎΠΉ ΡΡΠ΅ΠΏΠ΅Π½ΠΈ ΡΠ»ΠΎΠΆΠ½ΠΎΡΡΠΈ.
ΠΡ ΠΌΠΎΠΆΠ΅ΡΠ΅:
- Π‘ΠΎΠ·Π΄Π°ΡΡ Π½Π΅ΠΎΠ³ΡΠ°Π½ΠΈΡΠ΅Π½ΠΎΠ΅ ΠΊΠΎΠ»ΠΈΡΠ΅ΡΡΠ²ΠΎ ΡΠ΅ΡΠΎΠΊ Π½Π° ΠΎΠ΄Π½ΠΎΠΌ ΠΌΠ°ΠΊΠ΅ΡΠ΅.
- CΠ΄Π΅Π»Π°ΡΡ ΡΠ΅ΡΠΊΠΈ ΡΠ΅Π·ΠΈΠ½ΠΎΠ²ΡΠΌΠΈ ΠΈΠ»ΠΈ ΡΡΠ°ΡΠΈΡΠ½ΡΠΌΠΈ.
- Π Π°ΡΠΊΡΠ°ΡΠΈΡΡ ΠΊΠ°ΠΆΠ΄ΡΡ ΡΠ΅ΡΠΊΡ Π² ΠΎΡΠ΄Π΅Π»ΡΠ½ΡΠΌ ΡΠ²Π΅Ρ.
Π€ΡΠ΅ΠΉΠΌΡ
Π€ΡΠ΅ΠΉΠΌΡ Π½ΠΎΠ²Π°Ρ ΠΊΠΎΠ½ΡΠ΅ΠΏΡΠΈΡ ΠΏΡΠΎΡΡΡΠ°Π½ΡΡΠ²Π° Π΄Π»Ρ ΠΌΠ°ΠΊΠ΅ΡΠΎΠ² Π½Π΅ΠΆΠ΅Π»ΠΈ ΠΏΡΠΎΡΡΡΠ΅ ΠΡΡΠ±ΠΎΡΠ΄Ρ. Π€ΡΠ΅ΠΉΠΌΡ ΠΌΠΎΠΆΠ½ΠΎ Π²ΡΡΠ°Π²Π»ΡΡΡ Π΄ΡΡΠ³ Π² Π΄ΡΡΠ³Π°. Π’Π°ΠΊΠΈΠΌ ΠΎΠ±ΡΠ°Π·ΠΎΠΌ Π² ΠΎΠ΄Π½ΠΎΠΌ ΠΌΠ°ΠΊΠ΅ΡΠ΅ Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ Π²Π»ΠΎΠΆΠ΅Π½Π½ΡΡ Π΄ΡΡΠ³ Π² Π΄ΡΡΠ³Π° ΡΠ΅ΡΠΎΠΊ.
ΠΡΠΎ Π½Π΅ Π·Π°ΠΊΠΎΠ½ΡΠ΅Π½Π°Ρ ΡΡΠ°ΡΡΡ. ΠΡΠΎΠ΄ΠΎΠ»ΠΆΠ΅Π½ΠΈΠ΅ ΡΠ»Π΅Π΄ΡΠ΅Ρ.
figmadesign.ru
ΠΡΡΠ΅Π» Π³ΡΠ°ΡΠΈΡΠ΅ΡΠΊΠΈΠΉ ΡΠ΅Π΄Π°ΠΊΡΠΎΡ Figma, ΡΠ°Π±ΠΎΡΠ°ΡΡΠΈΠΉ ΠΏΠΎ ΠΏΡΠΈΠ½ΡΠΈΠΏΡ Google Docs
Π ΠΏΠΎΡΠ»Π΅Π΄Π½Π΅Π΅ Π²ΡΠ΅ΠΌΡ ΡΠ°ΡΠΏΠ»ΠΎΠ΄ΠΈΠ»ΠΎΡΡ Π±Π΅ΡΡΠΈΡΠ»Π΅Π½Π½ΠΎΠ΅ ΠΌΠ½ΠΎΠΆΠ΅ΡΡΠ²ΠΎ Π³ΡΠ°ΡΠΈΡΠ΅ΡΠΊΠΈΡ ΠΎΠ½Π»Π°ΠΉΠ½-ΡΠ΅Π΄Π°ΠΊΡΠΎΡΠΎΠ². ΠΠΎ Π²ΡΠ΅ ΠΎΠ½ΠΈ Π² ΡΠΎΠΉ ΠΈΠ»ΠΈ ΠΈΠ½ΠΎΠΉ ΡΡΠ΅ΠΏΠ΅Π½ΠΈ ΠΊΠΎΠΏΠΈΡΠΎΠ²Π°Π»ΠΈ ΠΈΠ΄Π΅ΠΈ ΡΠ²ΠΎΠΈΡ Π±ΠΎΠ»ΡΡΠΈΡ Π±ΡΠ°ΡΡΠ΅Π², ΡΠ°ΠΊΠΈΡ ΠΊΠ°ΠΊ Photoshop ΠΈΠ»ΠΈ Illustrator. Figma ΠΏΠΎΡΡΠ» ΠΏΠΎ ΡΠΎΠ²Π΅ΡΡΠ΅Π½Π½ΠΎ ΠΈΠ½ΠΎΠΌΡ ΠΏΡΡΠΈ. ΠΡΠΎ Π½Π΅ ΡΠΎΠ»ΡΠΊΠΎ ΠΏΠ΅ΡΠ²ΡΠΉ ΡΠ΅ΡΠ²ΠΈΡ Π΄Π»Ρ ΡΠΎΠ²ΠΌΠ΅ΡΡΠ½ΠΎΠ³ΠΎ ΡΠ΅Π΄Π°ΠΊΡΠΈΡΠΎΠ²Π°Π½ΠΈΡ Π³ΡΠ°ΡΠΈΠΊΠΈ, Π½ΠΎ ΠΈ ΠΊΡΠ°ΠΉΠ½Π΅ ΠΏΡΠΎΡΡΠΎΠΉ Π² ΠΎΡΠ²ΠΎΠ΅Π½ΠΈΠΈ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅ΡΡΠΊΠΈΠΉ ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½Ρ.
ΠΡΠΎΠ±Π΅Π½Π½ΠΎ ΠΏΠΎΠ½ΡΠ°Π²ΠΈΡΡΡ Figma Π²Π΅Π±-ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΠ°ΠΌ. ΠΠ΅ΡΡΡΠ°ΡΡ Π³ΡΠ°ΡΠΈΡΠ΅ΡΠΊΠΈΠΉ ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡ Π΄Π»Ρ ΠΌΠΎΠ±ΠΈΠ»ΡΠ½ΠΎΠ³ΠΎ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΡ Π·Π΄Π΅ΡΡ ΠΎΠ΄Π½ΠΎ ΡΠ΄ΠΎΠ²ΠΎΠ»ΡΡΡΠ²ΠΈΠ΅. Π Figma Π΅ΡΡΡ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΡ ΡΡΠ°Π·Ρ Π²ΡΠ±ΡΠ°ΡΡ ΡΠ°Π±Π»ΠΎΠ½ ΡΠΊΡΠ°Π½Π° ΠΏΡΠ°ΠΊΡΠΈΡΠ΅ΡΠΊΠΈ Π»ΡΠ±ΠΎΠ³ΠΎ Π³Π°Π΄ΠΆΠ΅ΡΠ°. Π’Π°ΠΊ ΡΡΠΎ ΠΎ ΡΠ°Π·ΠΌΠ΅ΡΠ°Ρ Π΄ΡΠΌΠ°ΡΡ Π½Π΅ ΠΏΡΠΈΠ΄ΡΡΡΡ. ΠΠΎΠ»Π΅Π΅ ΡΠΎΠ³ΠΎ, Π³ΠΎΡΠΎΠ²ΡΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½, ΡΠΊΠ°ΠΆΠ΅ΠΌ, Π΄Π»Ρ iPhoneΒ 7 ΠΌΠΎΠΆΠ½ΠΎ Π°Π²ΡΠΎΠΌΠ°ΡΠΈΡΠ΅ΡΠΊΠΈ Π°Π΄Π°ΠΏΡΠΈΡΠΎΠ²Π°ΡΡ ΠΏΠΎΠ΄ ΡΠ°Π·ΠΌΠ΅ΡΡ Π΄ΡΡΠ³ΠΈΡ ΡΡΡΡΠΎΠΉΡΡΠ².
Π’Π°ΠΊΠΆΠ΅ Π½ΠΎΠ²ΠΈΠ½ΠΊΠ°Β ΠΎΡΠ»ΠΈΡΠ½ΠΎ ΠΏΠΎΠ΄ΠΎΠΉΠ΄ΡΡ Π² ΡΠΎΠΌ ΡΠ»ΡΡΠ°Π΅, Π΅ΡΠ»ΠΈ Π½ΡΠΆΠ½ΠΎ ΡΠΎΠ³Π»Π°ΡΠΎΠ²Π°ΡΡ ΠΏΡΠΎΠ΅ΠΊΡ Ρ ΠΊΠ΅ΠΌ-ΡΠΎ ΠΈΠ· ΠΊΠΎΠ»Π»Π΅Π³-Π½Π΅Π΄ΠΈΠ·Π°ΠΉΠ½Π΅ΡΠΎΠ². ΠΠΌ Π±ΠΎΠ»ΡΡΠ΅ Π½Π΅ ΠΏΡΠΈΠ΄ΡΡΡΡ ΠΎΠ±ΡΡΡΠ½ΡΡΡ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅ΡΡ Π½Π° ΠΏΠ°Π»ΡΡΠ°Ρ , ΡΡΠΎ ΠΎΡ Π½Π΅Π³ΠΎ ΡΡΠ΅Π±ΡΠ΅ΡΡΡ. ΠΠ»Π°Π³ΠΎΠ΄Π°ΡΡ ΠΈΠ½ΡΡΠΈΡΠΈΠ²Π½ΠΎΠΉ ΡΡΠ½ΠΊΡΠΈΠΎΠ½Π°Π»ΡΠ½ΠΎΡΡΠΈ Figma ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΡ Π² ΠΏΡΠΎΠ΅ΠΊΡ ΠΌΠΎΠΆΠ΅Ρ Π²Π½Π΅ΡΡΠΈ Π΄Π°ΠΆΠ΅ ΡΠΎΡ, ΠΊΡΠΎ ΠΈΠΌΠ΅Π΅Ρ ΠΎΡΠ΅Π½Ρ ΡΠΌΡΡΠ½ΠΎΠ΅ ΠΏΡΠ΅Π΄ΡΡΠ°Π²Π»Π΅Π½ΠΈΠ΅ ΠΎ Π³ΡΠ°ΡΠΈΡΠ΅ΡΠΊΠΈΡ ΡΠ΅Π΄Π°ΠΊΡΠΎΡΠ°Ρ . ΠΡΠΎΠΌΠ΅ ΡΠΎΠ³ΠΎ, Π·Π΄Π΅ΡΡ, ΠΊΠ°ΠΊ ΠΈ Π² Google Docs, Π΅ΡΡΡ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΡ ΠΎΡΡΠ°Π²Π»ΡΡΡ ΠΊΠΎΠΌΠΌΠ΅Π½ΡΠ°ΡΠΈΠΈ Π½Π΅ΠΏΠΎΡΡΠ΅Π΄ΡΡΠ²Π΅Π½Π½ΠΎ Π½Π° ΡΠ°Π±ΠΎΡΠ΅ΠΌ ΠΏΠΎΠ»Π΅.
Π‘ΡΠΎΠΈΡ ΠΎΡΠΌΠ΅ΡΠΈΡΡ, ΡΡΠΎ ΡΠΎΠ²ΠΌΠ΅ΡΡΠ½ΠΎΠ΅ ΡΠ΅Π΄Π°ΠΊΡΠΈΡΠΎΠ²Π°Π½ΠΈΠ΅ Π½Π΅ Π²ΡΠ·ΡΠ²Π°Π΅Ρ Π½ΠΈΠΊΠ°ΠΊΠΈΡ Π·Π°Π΄Π΅ΡΠΆΠ΅ΠΊ, ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΡ Π² ΠΏΡΠΎΠ΅ΠΊΡΠ΅ ΠΏΡΠΎΠΈΡΡ ΠΎΠ΄ΡΡ Ρ Π²ΡΠ΅Ρ ΡΡΠ°ΡΡΠ½ΠΈΠΊΠΎΠ² ΡΠ΅ΡΡΠΈΠΈ ΠΏΠ»Π°Π²Π½ΠΎ ΠΈ ΡΠΈΠ½Ρ ΡΠΎΠ½Π½ΠΎ. ΠΡΠΈ ΡΡΠΎΠΌ ΡΠ΅ΡΠ²ΠΈΡ Π΄ΠΎΠ²ΠΎΠ»ΡΠ½ΠΎ ΡΡΠ΅Π±ΠΎΠ²Π°ΡΠ΅Π»Π΅Π½ ΠΊ ΠΆΠ΅Π»Π΅Π·Ρ, Ρ ΠΎΡΡ ΠΈ ΡΠ°Π±ΠΎΡΠ°Π΅Ρ Π½Π΅ΠΏΠΎΡΡΠ΅Π΄ΡΡΠ²Π΅Π½Π½ΠΎ Π² Π±ΡΠ°ΡΠ·Π΅ΡΠ΅. Π’Π°ΠΊ ΡΡΠΎ Π΄Π»Ρ ΠΊΠΎΠΌΡΠΎΡΡΠ½ΠΎΠΉ ΡΠ°Π±ΠΎΡΡ Ρ Π½ΠΈΠΌ Π»ΡΡΡΠ΅ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ Π±ΠΎΠ»Π΅Π΅-ΠΌΠ΅Π½Π΅Π΅ ΡΠΎΠ²ΡΠ΅ΠΌΠ΅Π½Π½ΡΠΉ ΠΊΠΎΠΌΠΏΡΡΡΠ΅Ρ.
ΠΠΎ ΠΊΠΎΠ½ΡΠ° Π³ΠΎΠ΄Π° Figma ΠΌΠΎΠΆΠ½ΠΎ Π±ΡΠ΄Π΅Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΡΠΎΠ²Π΅ΡΡΠ΅Π½Π½ΠΎ Π±Π΅ΡΠΏΠ»Π°ΡΠ½ΠΎ. Π§ΡΠΎΠ±Ρ ΠΎΡΠ΅Π½ΠΈΡΡ ΡΠ΅ΡΠ²ΠΈΡ, Π½Π΅ΠΎΠ±Ρ ΠΎΠ΄ΠΈΠΌΠΎ ΠΏΡΠΎΡΡΠΎ Π·Π°ΡΠ΅Π³ΠΈΡΡΡΠΈΡΠΎΠ²Π°ΡΡΡΡ Π½Π° ΡΠ°ΠΉΡΠ΅.
lifehacker.ru
Figma β Π΄Π΅Π»Π°Π΅ΠΌ Π΄ΠΈΠ·Π°ΠΉΠ½ ΡΠΈΡΡΠ΅ΠΌΠ½ΠΎ / Π₯Π°Π±Ρ
ΠΡΠΈΠ²Π΅ΡΡΡΠ²ΡΡ Π²Π°Ρ ΠΊΠΎΠ»Π»Π΅Π³ΠΈ! ΠΠ΅Π½Ρ Π·ΠΎΠ²ΡΡ ΠΠΌΠΈΡΡΠΈΠΉ ΠΠΎΠ»ΠΊΠΎΠ² ΠΈ Ρ ΡΠ°Π±ΠΎΡΠ°Ρ Π² ΠΏΡΠΎΡΠ΅ΡΡΠΈΠΈ Π±ΠΎΠ»ΡΡΠ΅ Π΄Π΅ΡΡΡΠΈ Π»Π΅Ρ. Π Π΅ΡΠΈΠ» Π½Π°ΠΏΠΈΡΠ°ΡΡ ΡΡΠ°ΡΡΡ Π΄Π»Ρ ΡΠ΅Ρ
, ΠΊΡΠΎ ΡΠΎΠ·Π΄Π°Π΅Ρ web ΠΈ mobile Π΄ΠΈΠ·Π°ΠΉΠ½ Π² ΡΠΎΠ²ΡΠ΅ΠΌΠ΅Π½Π½ΡΡ
ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΠ°Ρ
.
ΠΡΠ΅Π½Ρ ΡΠ°ΡΡΠΎ Π²ΠΎΠ·Π½ΠΈΠΊΠ°Π΅Ρ ΠΏΡΠΎΠ±Π»Π΅ΠΌΠ°, ΠΊΠΎΠ³Π΄Π° Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ ΡΠ΄Π΅Π»Π°Π» ΠΈΡΡ ΠΎΠ΄Π½ΠΈΠΊ, Ρ ΠΊΠΎΡΠΎΡΡΠΌ ΡΡΠΆΠ΅Π»ΠΎ ΡΠ°Π±ΠΎΡΠ°ΡΡ ΠΊΠ°ΠΊ ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΡ, ΡΠ°ΠΊ ΠΈ Π΄ΡΡΠ³ΠΎΠΌΡ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅ΡΡ.
ΠΠΎΡΡΠΎΠΌΡ Ρ ΠΏΠΎΠ΄Π΅Π»ΡΡΡ Π»ΠΈΡΠ½ΡΠΌ ΠΎΠΏΡΡΠΎΠΌ Π² ΡΠ°Π·ΡΠ°Π±ΠΎΡΠΊΠ΅ Π΄ΠΈΠ·Π°ΠΉΠ½Π° ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡΠΎΠ² Π½Π° ΠΏΡΠΈΠΌΠ΅ΡΠ΅ ΠΏΠΎΠΏΡΠ»ΡΡΠ½ΠΎΠ³ΠΎ ΡΠ΅Π΄Π°ΠΊΡΠΎΡΠ° Figma.
Π Figma ΡΠ°ΡΡΠΊΠ°Π·ΡΠ²Π°ΡΡ Π½Π΅ Π±ΡΠ΄Ρ, ΡΠ°ΠΊ ΠΊΠ°ΠΊ Π΅ΡΡΡ ΡΠΆΠ΅ ΠΌΠ½ΠΎΠ³ΠΎ ΡΡΠ°ΡΠ΅ΠΉ Π½Π° ΡΡΡ ΡΠ΅ΠΌΡ. Π₯ΠΎΡΡ ΡΠΎΠ»ΡΠΊΠΎ ΠΎΠ±ΡΠ°ΡΠΈΡΡ Π²Π°ΡΠ΅ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅ Π½Π° ΡΠΎ, ΡΡΠΎ ΠΎΠ½Π° ΡΡΠΎΠΈΡ Π½Π° ΠΎΠ΄Π½ΠΎΠΌ ΡΡΠΎΠ²Π½Π΅ ΡΠΎ Sketch ΠΈ Adobe XD. Π’Π°ΠΊ ΡΡΠΎ ΠΌΠΎΠΉ ΠΏΠΎΠ΄Ρ ΠΎΠ΄ ΠΌΠΎΠΆΠ½ΠΎ Ρ Π»Π΅Π³ΠΊΠΎΡΡΡΡ ΠΏΠ΅ΡΠ΅Π½Π΅ΡΡΠΈ ΠΈ Π½Π° ΡΡΠΈ ΡΠ΅Π΄Π°ΠΊΡΠΎΡΡ.
Π‘ ΡΠ΅Π³ΠΎ Π½Π°ΡΠΈΠ½Π°Π΅ΡΡΡ Π΄ΠΈΠ·Π°ΠΉΠ½ ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡΠ°. Π Π°Π·ΡΠΌΠ΅Π΅ΡΡΡ, Ρ ΠΏΠΎΠ»ΡΡΠ΅Π½ΠΈΡ Π·Π°Π΄Π°Π½ΠΈΡ, ΠΊΠΎΡΠΎΡΠΎΠ΅ ΡΠΎΡΠΌΠΈΡΡΠ΅ΡΡΡ ΠΈΠ· ΠΏΠΎΡΡΠ°Π²Π»Π΅Π½Π½ΡΡ Π·Π°Π΄Π°Ρ, ΠΏΡΠΎΠ²Π΅ΡΠΊΠΈ ΡΠ°Π·Π»ΠΈΡΠ½ΡΡ Π³ΠΈΠΏΠΎΡΠ΅Π·, ΠΈΡΡΠ»Π΅Π΄ΠΎΠ²Π°Π½ΠΈΡ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΡΡΠΊΠΎΠ³ΠΎ ΠΎΠΏΡΡΠ° ΠΈ Ρ.Π΄.
ΠΡΠ΄Π΅ΠΌ ΡΡΠΈΡΠ°ΡΡ, ΡΡΠΎ ΡΡΠΎ Π²ΡΠ΅ ΠΏΡΠΎΠ²Π΅Π΄Π΅Π½ΠΎ ΠΈ Π½Π°Π΄ΠΎ Π½Π°ΡΠ°ΡΡ ΡΠ°Π±ΠΎΡΠ°ΡΡ Π½Π°Π΄ Π²ΠΈΠ·ΡΠ°Π»ΡΠ½ΠΎΠΉ ΡΠ°ΡΡΡΡ ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡΠ°.
Π‘Π²ΠΎΠΉ ΠΏΡΠΎΡΠ΅ΡΡ ΡΠ°Π±ΠΎΡΡ Ρ ΡΠ°Π·Π΄Π΅Π»ΠΈΠ» Π½Π° Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ ΡΠ°Π³ΠΎΠ².
Π¨Π°Π³ ΠΏΠ΅ΡΠ²ΡΠΉ: ΠΠΏΡΠ΅Π΄Π΅Π»ΡΠ΅ΠΌ ΠΌΠΎΠ½ΡΠ°ΠΆΠ½ΡΠ΅ ΠΎΠ±Π»Π°ΡΡΠΈ
Π‘Π°ΠΌΠ°Ρ Π²Π΅ΡΡ Π½ΡΡ ΠΌΠΎΠ½ΡΠ°ΠΆΠ½Π°Ρ ΠΎΠ±Π»Π°ΡΡΡ Π½Π°Π·ΡΠ²Π°Π΅ΡΡΡ Gui-kit. Π’Π°ΠΌ Ρ Π±ΡΠ΄Ρ ΡΠΎΠ±ΠΈΡΠ°ΡΡ Π²ΡΠ΅ ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡΠ½ΡΠ΅ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ ΠΈ ΠΈΡ ΠΏΠΎΠ²Π΅Π΄Π΅Π½ΠΈΠ΅. Π’Π°ΠΌ ΠΆΠ΅ Π±ΡΠ΄ΡΡ Ρ ΡΠ°Π½ΠΈΡΡΡΡ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΡ (Π² Π΄ΡΡΠ³ΠΈΡ ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΠ°Ρ ΠΎΠ½ΠΈ Π½Π°Π·ΡΠ²Π°ΡΡΡΡ ΡΠΈΠΌΠ²ΠΎΠ»Π°ΠΌΠΈ).
Π Π½ΠΈΠΆΠ΅ Ρ ΡΠ°Π·ΠΌΠ΅ΡΠ°Ρ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ ΠΌΠΎΠ½ΡΠ°ΠΆΠ½ΡΡ ΠΎΠ±Π»Π°ΡΡΠ΅ΠΉ, ΠΊΠ°ΠΆΠ΄Π°Ρ ΠΈΠ· ΠΊΠΎΡΠΎΡΡΡ ΠΏΠΎ ΡΠ°Π·ΠΌΠ΅ΡΡ ΡΠΎΠΎΡΠ²Π΅ΡΡΡΠ²ΡΠ΅Ρ ΠΊΠ»ΡΡΠ΅Π²ΠΎΠΉ ΡΠΎΡΠΊΠ΅ ΠΏΡΠΈ Π°Π΄Π°ΠΏΡΠΈΠ²Π½ΠΎΠΉ Π²Π΅ΡΡΡΠΊΠ΅.
Π£ ΠΌΠ΅Π½Ρ ΡΠ»Π΅Π΄ΡΡΡΠ°Ρ Π»ΠΎΠ³ΠΈΠΊΠ° ΡΠ°ΡΠΏΠΎΠ»ΠΎΠΆΠ΅Π½ΠΈΡ ΠΌΠΎΠ½ΡΠ°ΠΆΠ½ΡΡ ΠΎΠ±Π»Π°ΡΡΠ΅ΠΉ. ΠΠΎ Π³ΠΎΡΠΈΠ·ΠΎΠ½ΡΠ°Π»ΠΈ Ρ ΡΠ°ΡΠΏΠΎΠ»Π°Π³Π°Ρ ΠΌΠΎΠ½ΡΠ°ΠΆΠ½ΡΠ΅ ΠΎΠ±Π»Π°ΡΡΠΈ, ΠΎΡΠ½ΠΎΡΡΡΠΈΠ΅ΡΡ ΠΊ ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½Π½ΠΎΠΌΡ ΡΠΊΡΠ°Π½Ρ (ΠΠ°ΠΏΡΠΈΠΌΠ΅Ρ β Β«Π³Π»Π°Π²Π½Π°Ρ ΡΡΡΠ°Π½ΠΈΡΠ°Β») Π²ΠΊΠ»ΡΡΠ°Ρ ΡΠΎΡΡΠΎΡΠ½ΠΈΡ ΠΊΠΎΠ½ΡΠ΅Π½ΡΠ°. ΠΠΎ Π²Π΅ΡΡΠΈΠΊΠ°Π»ΠΈ Ρ ΡΠ°ΡΠΏΠΎΠ»Π°Π³Π°Ρ Π΄ΡΡΠ³ΠΈΠ΅ ΡΠΊΡΠ°Π½Ρ.
Π¨Π°Π³ Π²ΡΠΎΡΠΎΠΉ: ΠΠΏΡΠ΅Π΄Π΅Π»ΡΠ΅ΠΌ Π½Π°Π·Π²Π°Π½ΠΈΡ ΠΌΠΎΠ½ΡΠ°ΠΆΠ½ΡΡ ΠΎΠ±Π»Π°ΡΡΠ΅ΠΉ
ΠΡΠΎ ΠΎΡΠ΅Π½Ρ Π²Π°ΠΆΠ½ΡΠΉ ΡΠ°Π³ ΠΏΠΎΠ·Π²ΠΎΠ»ΠΈΡ Π²Π°ΠΌ Π½Π΅ Π·Π°ΠΏΡΡΠ°ΡΡΡΡ Π² ΠΌΠ°ΠΊΠ΅ΡΠ°Ρ .
ΠΠ°Π·Π²Π°Π½ΠΈΠ΅ ΠΌΠΎΠ½ΡΠ°ΠΆΠ½ΠΎΠΉ ΠΎΠ±Π»Π°ΡΡΠΈ ΠΌΡ Π±ΡΠ΄Π΅ΠΌ ΠΎΠ±ΠΎΠ·Π½Π°ΡΠ°ΡΡ ΡΠ°ΠΊ:
Π Π°Π·ΡΠ΅ΡΠ΅Π½ΠΈΠ΅_Π½ΠΎΠΌΠ΅Ρ ΡΡΡΠ°Π½ΠΈΡΡ_Π½ΠΎΠΌΠ΅Ρ ΡΠΎΡΡΠΎΡΠ½ΠΈΡ_Π½Π°Π·Π²Π°Π½ΠΈΠ΅ ΡΡΡΠ°Π½ΠΈΡΡ
ΠΠΎΠ»ΡΡΠ°Π΅ΠΌ:
1920Ρ 1080_01_01_home_page
Π Π΅ΡΠ»ΠΈ, Π½Π°ΠΏΡΠΈΠΌΠ΅Ρ Π½Π° Π³Π»Π°Π²Π½ΠΎΠΉ, ΡΡΠ΅Π±ΡΠ΅ΡΡΡ ΡΠ°ΡΡΠΌΠΎΡΡΠ΅ΡΡ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠ΅ ΠΊΠΎΠ½ΡΠ΅Π½ΡΠ°, ΡΠΎ ΠΏΡΠΈΡΠ²Π°ΠΈΠ²Π°Π΅ΠΌ ΡΠΎΡΡΠΎΡΠ½ΠΈΡ ΡΠ»Π΅Π΄ΡΡΡΠΈΠΉ Π½ΠΎΠΌΠ΅Ρ:
1920Ρ 1080_01_02_home_page
Π¨Π°Π³ ΡΡΠ΅ΡΠΈΠΉ: Π Π°Π·ΠΌΠ΅Ρ ΠΌΠΎΠ΄ΡΠ»Π΅ΠΉ ΠΈ ΠΌΠΎΠ΄ΡΠ»ΡΠ½ΠΎΠΉ ΡΠ΅ΡΠΊΠΈ
ΠΡΠ»ΠΈ ΠΌΡ Π²ΠΎΠ·ΡΠΌΠ΅ΠΌ ΡΠ΅ΡΡΠ°Π΄Ρ ΠΏΠΎ ΠΌΠ°ΡΠ΅ΠΌΠ°ΡΠΈΠΊΠ΅ ΠΈ ΠΏΠΎΡΠΌΠΎΡΡΠΈΠΌ Π½Π° Π΅Π΅ Π»ΠΈΡΡ, ΠΌΡ ΡΠ²ΠΈΠ΄ΠΈΠΌ, ΡΡΠΎ ΠΎΠ½Π° ΡΠ°Π·Π»ΠΈΠ½ΠΎΠ²Π°Π½Π° Π² ΠΊΠ»Π΅ΡΠΎΡΠΊΡ. Π’Π°ΠΊ Π²ΠΎΡ ΠΎΠ΄Π½Π° ΠΊΠ»Π΅ΡΠΎΡΠΊΠ° ΠΈΠ· ΠΌΠ½ΠΎΠΆΠ΅ΡΡΠ²Π° Π½Π°Π·ΡΠ²Π°Π΅ΡΡΡ ΠΌΠΎΠ΄ΡΠ»Π΅ΠΌ.
ΠΠΎ Π²ΡΠ΅Ρ ΠΌΠ°ΠΊΠ΅ΡΠ°Ρ Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡ ΡΠ°Π·ΠΌΠ΅Ρ ΠΌΠΎΠ΄ΡΠ»Ρ ΠΊΡΠ°ΡΠ½ΡΠΌ 4-ΠΌ.
ΠΠ΅ Π±ΡΠ΄Ρ ΡΠ°ΡΡΠΊΠ°Π·ΡΠ²Π°ΡΡ ΠΏΠΎΠ΄ΡΠΎΠ±Π½ΠΎΡΡΠ΅ΠΉ, Π·Π°ΡΠ΅ΠΌ ΡΡΠ° ΡΠΈΡΡΠ° ΠΈ ΠΏΠΎΡΠ΅ΠΌΡ. ΠΡΡΡ ΠΌΠ½ΠΎΠ³ΠΎ ΡΡΠ°ΡΠ΅ΠΉ Π½Π° ΡΡΡ ΡΠ΅ΠΌΡ. ΠΡ ΠΆΠ΅ ΠΈΠ·ΡΡΠ°Π΅ΠΌ ΡΠΎΠ²Π΅ΡΡΠ΅Π½Π½ΠΎ Π΄ΡΡΠ³ΠΎΠΉ Π²ΠΎΠΏΡΠΎΡ.
Π ΡΠΎΠ·Π΄Π°Π΅ΠΌ ΠΌΠΎΠ΄ΡΠ»ΡΠ½ΡΡ ΡΠ΅ΡΠΊΡ Ρ ΡΠ°ΠΊΠΈΠΌΠΈ Π½Π°ΡΡΡΠΎΠΉΠΊΠ°ΠΌΠΈ, ΡΡΠΎΠ±Ρ Π²ΡΠ΅ ΠΊΠΎΠ»ΠΎΠ½ΠΊΠΈ ΠΈ ΠΎΡΡΡΡΠΏΡ Π²ΠΏΠΈΡΠ°Π»ΠΈΡΡ Π² ΡΠ°Π·ΠΌΠ΅ΡΡ ΠΌΠΎΠ΄ΡΠ»Ρ. Π’ΠΎ Π΅ΡΡΡ ΡΠΎΠ²ΠΏΠ°Π΄Π°Π»ΠΈ Ρ Π΅Π³ΠΎ Π³ΡΠ°Π½ΠΈΡΠ°ΠΌΠΈ. ΠΡΠΎ ΠΏΠΎΠ·Π²ΠΎΠ»ΠΈΡ Π²ΡΠ΅ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ Π²ΡΡΡΡΠ°ΠΈΠ²Π°ΡΡ ΡΠ΅ΡΠΊΠΎ Ρ ΡΠ°Π³ΠΎΠΌ ΡΠ°Π²Π½ΡΠΌ ΠΌΠΎΠ΄ΡΠ»Ρ.
ΠΠΎΠ΄ΡΠ»ΡΠ½ΡΡ ΡΠ΅ΡΠΊΡ Π·Π°Π΄Π°Π΅ΠΌ Π΄Π»Ρ ΠΊΠ°ΠΆΠ΄ΠΎΠΉ ΠΌΠΎΠ½ΡΠ°ΠΆΠ½ΠΎΠΉ ΠΎΠ±Π»Π°ΡΡΠΈ. ΠΠ½Π° ΡΠ°ΠΌ ΡΠ²ΠΎΡ.
Π¨Π°Π³ ΡΠ΅ΡΠ²Π΅ΡΡΡΠΉ: Π‘ΠΎΠ·Π΄Π°Π΅ΠΌ Π΄ΠΈΠ·Π°ΠΉΠ½ ΠΏΡΠ°Π²ΠΈΠ»ΡΠ½ΠΎ
Π― Π²ΡΠ΅Π³Π΄Π° Π½Π°ΡΠΈΠ½Π°Ρ Ρ Π±Π°Π·ΠΎΠ²ΡΡ ΡΠ²Π΅ΡΠΎΠ². ΠΡΠΈ ΡΠ²Π΅ΡΠ° ΡΠΊΠ°Π·ΡΠ²Π°Ρ Π² ΠΌΠΎΠ½ΡΠ°ΠΆΠ½ΠΎΠΉ ΠΎΠ±Π»Π°ΡΡΠΈ Gui-kit. ΠΡΠΈ ΡΠ²Π΅ΡΠ° ΠΌΠΎΠ³ΡΡ ΠΌΠ΅Π½ΡΡΡΡΡ Π²ΠΎ Π²ΡΠ΅ΠΌΡ ΡΠ°Π±ΠΎΡΡ Π½Π°Π΄ Π΄ΠΈΠ·Π°ΠΉΠ½ΠΎΠΌ. ΠΠΎΡΠ²Π»ΡΡΡΡΡ Π½ΠΎΠ²ΡΠ΅ ΡΠ²Π΅ΡΠ° ΠΈΠ»ΠΈ ΠΈΡΡΠ΅Π·Π°ΡΡ ΡΡΠ°ΡΡΠ΅. Π― ΠΏΠΎΠ½ΠΈΠΌΠ°Ρ, ΡΡΠΎ ΠΎΡΡΠ»Π΅ΠΆΠΈΠ²Π°ΡΡ ΡΡΠΎ ΡΡΠΆΠ΅Π»ΠΎ, Π½ΠΎ ΡΡΠΎ ΠΏΠΎΠ·Π²ΠΎΠ»ΠΈΡ Π²Π°ΠΌ ΠΊΠΎΠ½ΡΡΠΎΠ»ΠΈΡΠΎΠ²Π°ΡΡ ΠΈΡ ΠΊΠΎΠ»ΠΈΡΠ΅ΡΡΠ²ΠΎ Π² ΠΏΡΠΎΠ΅ΠΊΡΠ΅.
Π’Π°ΠΊΠΆΠ΅ ΠΊΡΠΎ Π±ΡΠ΄Π΅Ρ ΡΠ°Π±ΠΎΡΠ°ΡΡ Ρ Π²Π°ΡΠΈΠΌ ΠΈΡΡ ΠΎΠ΄Π½ΠΈΠΊΠΎΠΌ ΠΏΠΎΠ»ΡΡΠΈΡ ΠΏΡΠ΅Π΄ΡΡΠ°Π²Π»Π΅Π½ΠΈΠ΅ ΠΎ ΠΈΡ ΠΊΠΎΠ»ΠΈΡΠ΅ΡΡΠ²Π΅ ΠΈ Π±ΡΠ΄Π΅Ρ Π·Π½Π°ΡΡ ΡΡΠΎ Β«ΠΊΡΠ°ΡΠ½ΡΠΉΒ» Ρ Π²Π°Ρ ΠΎΠ΄ΠΈΠ½ Π½Π° Π²Π΅ΡΡ ΠΏΡΠΎΠ΅ΠΊΡ.
ΠΠΎΠ»ΡΡΠΈΠ½ΡΡΠ²ΠΎ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ² Π² ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡΠ°Ρ ΠΏΠΎΠ²ΡΠΎΡΡΡΡΡΡ. ΠΠΎΡΡΠΎΠΌΡ Π±ΡΠ»ΠΈ ΠΏΡΠΈΠ΄ΡΠΌΠ°Π½Ρ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΡ (ΡΠΈΠΌΠ²ΠΎΠ»Ρ). ΠΠ΅ΡΠ΅ΠΌ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ ΠΈ Π΄ΡΠ±Π»ΠΈΡΡΠ΅ΠΌ Π΅Π³ΠΎ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ ΡΠ°Π·, Π½Π° ΡΠ°Π·Π½ΡΡ ΠΌΠΎΠ½ΡΠ°ΠΆΠ½ΡΡ ΠΎΠ±Π»Π°ΡΡΡΡ . ΠΡΠΈ Π½Π΅ΠΎΠ±Ρ ΠΎΠ΄ΠΈΠΌΠΎΡΡΠΈ Π±Π»Π°Π³ΠΎΠ΄Π°ΡΡ Π²Π½Π΅ΡΠ΅Π½ΠΈΡ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠΉ Π² ΠΌΠ°ΡΡΠ΅Ρ-ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ, ΠΌΠ΅Π½ΡΡΡΡΡ Π΅Π³ΠΎ Π΄ΡΠ±Π»ΠΈΠΊΠ°ΡΡ.
ΠΠΎΡΡΠΎΠΌΡ Π²Ρ Π΄ΠΎΠ»ΠΆΠ½Ρ ΡΡΠ°ΡΠ°ΡΡΡΡ Π²ΡΠ΅ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡΠ° Π²Π½ΠΎΡΠΈΡΡ Π² ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΡ. ΠΡΠ΄Ρ ΡΠΎ ΠΈΠΊΠΎΠ½ΠΊΠΈ ΠΈΠ»ΠΈ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ ΠΌΠ΅Π½Ρ. ΠΡΠΎ Π΄Π΅Π»Π°Π΅ΡΡΡ Π΄Π»Ρ ΡΠΎΠ³ΠΎ ΡΡΠΎΠ±Ρ Π² ΡΠ»ΡΡΠ°Π΅ Π·Π°ΠΌΠ΅Π½Ρ ΠΈΠΊΠΎΠ½ΠΊΠΈ Π½Π° Π΄ΡΡΠ³ΡΡ Π²Ρ Π»Π΅Π³ΠΊΠΎ ΠΏΠΎΠΌΠ΅Π½ΡΠ»ΠΈ ΠΈΡ Π²ΠΎ Π²ΡΠ΅ΠΌ ΠΏΡΠΎΠ΅ΠΊΡΠ΅.
Π Figma ΠΌΠΎΠΆΠ½ΠΎ ΡΠΎΠ·Π΄Π°Π²Π°ΡΡ ΡΠ»ΠΎΠΆΠ½ΡΠ΅ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΡ, ΠΊΠΎΡΠΎΡΡΠ΅ ΠΌΠΎΠ³ΡΡ ΡΠΎΠ΄Π΅ΡΠΆΠ°ΡΡ Π² ΡΠ΅Π±Π΅ Π΄ΡΡΠ³ΠΈΠ΅ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΡ ΠΈ Π²ΠΈΠ΄ΠΈΠΌΡΠ΅ ΠΈ Π½Π΅Π²ΠΈΠ΄ΠΈΠΌΡΠ΅ ΡΠ»ΠΎΠΈ.
ΠΠΎΡΡΠΎΠΌΡ ΠΌΠ½ΠΎΠ³ΠΈΠ΅ Π΄Π΅Π»Π°ΡΡ ΠΎΡΠΈΠ±ΠΊΡ. Π‘ΠΎΠ·Π΄Π°ΡΡ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ, Π΄ΠΎΠ±Π°Π²Π»ΡΡΡ Π² Π½Π΅Π³ΠΎ ΠΎΡΠΊΠ»ΡΡΠ΅Π½Π½ΡΠ΅ ΡΠ»ΠΎΠΈ ΠΈ ΡΡΠΈΡΠ°ΡΡ, ΡΡΠΎ Π²ΡΠ΅ ΠΏΡΠΎ Π½ΠΈΡ Π·Π½Π°ΡΡ. ΠΠΎΡΡΠΎΠΌΡ Π²ΡΠ΅ ΡΠΎΡΡΠΎΡΠ½ΠΈΡ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΠ° Π½Π°Π΄ΠΎ Π²ΡΠ½ΠΎΡΠΈΡΡ Π² Gui-kit Ρ ΡΠ°Π·Π½ΡΠΌΠΈ ΠΊΠΎΠΌΠ±ΠΈΠ½Π°ΡΠΈΡΠΌΠΈ Π²ΠΊΠ»ΡΡΠ΅Π½Π½ΡΡ ΠΈ Π²ΡΠΊΠ»ΡΡΠ΅Π½Π½ΡΡ ΡΠ»ΠΎΠ΅Π².
ΠΡΡΠ°ΡΠΈ Π½Π΅ Π·Π°Π±ΡΠ²Π°ΠΉΡΠ΅ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΠΏΡΠΈΠ²ΡΠ·ΠΊΠΈ Π² ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΠ°Ρ . ΠΡΠΎ ΠΏΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ Π»Π΅Π³ΠΊΠΎ ΠΌΠ°ΡΡΡΠ°Π±ΠΈΡΠΎΠ²Π°ΡΡ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΡ ΠΏΡΠΈ Π½Π΅ΠΎΠ±Ρ ΠΎΠ΄ΠΈΠΌΠΎΡΡΠΈ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡΡ ΠΈΡ ΡΠ°Π·ΠΌΠ΅Ρ.
ΠΠ°ΠΊ Π²Ρ Π²ΠΈΠ΄ΠΈΡΠ΅ ΠΈΠΊΠΎΠ½ΠΊΠ° Β«favoriteΒ» Π²ΡΡΠΎΠ²Π½Π΅Π½Π° ΠΏΠΎ ΠΏΡΠ°Π²ΠΎΠΌΡ Π²Π΅ΡΡ Π½Π΅ΠΌΡ ΠΊΡΠ°Ρ. ΠΡΠΈ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠΈ ΠΌΠ°ΡΡΡΠ°Π±Π° ΠΎΠ½Π° Π²ΡΠ΅Π³Π΄Π° Π±ΡΠ΄Π΅Ρ Π½Π°Ρ ΠΎΠ΄ΠΈΡΡΡΡ Π² ΡΠΎΠΌ ΠΆΠ΅ ΠΌΠ΅ΡΡΠ΅ Ρ ΡΠ°ΠΊΠΈΠΌ ΠΆΠ΅ ΠΎΡΡΡΡΠΏΠΎΠΌ, ΠΊΠ°ΠΊ Π² ΠΈΠ·Π½Π°ΡΠ°Π»ΡΠ½ΠΎΠΌ.
ΠΡΠΌΠ°Ρ ΠΏΠΎΡΠ° Π·Π°ΠΊΠ°Π½ΡΠΈΠ²Π°ΡΡ. ΠΠΎΡΠΎΠ² ΠΎΡΠ²Π΅ΡΠΈΡΡ Π½Π° Π²ΠΎΠΏΡΠΎΡΡ Π² ΠΊΠΎΠΌΠΌΠ΅Π½ΡΠ°ΡΠΈΠΈ. ΠΡΡΡ ΠΌΠΎΠΆΠ΅Ρ, ΡΡΠΈ Π²ΠΎΠΏΡΠΎΡΡ ΠΏΠΎΠ΄ΡΠΎΠ»ΠΊΠ½ΡΡ ΠΌΠ΅Π½Ρ ΠΊ Π½Π°ΠΏΠΈΡΠ°Π½ΠΈΡ ΡΠ»Π΅Π΄ΡΡΡΠ΅ΠΉ ΡΡΠ°ΡΡΠΈ.
ΠΡΠΊΡΠ΅Π½Π½Π΅ Π²Π°Ρ,
ΠΠΌΠΈΡΡΠΈΠΉ ΠΠΎΠ»ΠΊΠΎΠ²
habr.com
10 ΠΏΡΠΈΡΠΈΠ½ ΠΎΡΠΊΠ°Π·Π°ΡΡΡΡ ΠΎΡ Sketch ΠΈ ΠΏΠ΅ΡΠ΅ΠΉΡΠΈ Π½Π° Figma β ΠΡΡΠΎΠΏ Π½Π° vc.ru
ΠΡΠΎΠ΄ΡΠΊΡΠΎΠ²ΡΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ ΡΠ°Ρ-Π±ΠΎΡΠ° Statsbot ΠΠ»Π°Π΄ΠΈΡΠ»Π°Π² ΠΠΎΠ½ΠΎΠΌΠ°ΡΠ΅Π½ΠΊΠΎ ΠΎ ΠΏΡΠ΅ΠΈΠΌΡΡΠ΅ΡΡΠ²Π°Ρ Π½ΠΎΠ²ΠΎΠ³ΠΎ Π³ΡΠ°ΡΠΈΡΠ΅ΡΠΊΠΎΠ³ΠΎ ΡΠ΅Π΄Π°ΠΊΡΠΎΡΠ°.
ΠΠ° ΠΏΠΎΡΠ»Π΅Π΄Π½ΠΈΠ΅ ΡΡΠΈ ΠΌΠ΅ΡΡΡΠ° Figma ΠΏΠΎΠ»Π½ΠΎΡΡΡΡ Π²ΡΠΌΠ΅ΡΡΠΈΠ» Sketch ΠΈ Zeplin ΠΈΠ· ΡΠ°Π±ΠΎΡΠ΅Π³ΠΎ ΠΏΡΠΎΡΠ΅ΡΡΠ° ΠΊΠΎΠΌΠ°Π½Π΄Ρ Statsbot. Π Π°ΡΡΠΊΠ°ΠΆΡ, ΡΠ΅ΠΌ Figma ΡΠ°ΠΊ Ρ ΠΎΡΠΎΡ ΠΈ ΠΏΠΎΡΠ΅ΠΌΡ ΠΈΡΡΠΎΡΠΈΡ Ρ ΠΌΠ°ΡΡΠΎΠ²ΠΎΠΉ ΠΌΠΈΠ³ΡΠ°ΡΠΈΠ΅ΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅ΡΠΎΠ² ΠΈΠ· Photoshop ΡΠΊΠΎΡΠΎ ΠΏΠΎΠ²ΡΠΎΡΠΈΡΡΡ. Π’ΠΎΠ»ΡΠΊΠΎ Π² ΡΡΠΎΡ ΡΠ°Π· Π² ΡΠΎΠ»ΠΈ ΠΏΠΎΠΊΠΈΠ½ΡΡΠΎΠ³ΠΎ ΠΎΡΠ΅ΡΠ΅ΡΠΊΠΎΠ³ΠΎ Π΄ΠΎΠΌΠ° Π²ΡΡΡΡΠΏΠΈΡ Π½Π΅ Adobe, Π° Bohemian Coding.
ΠΡΠΎΡΠ²Π΅ΡΠ»Π΅Π½ΠΈΠ΅
Π― ΠΎΡΠ΅Π½Ρ Π»ΡΠ±Π»Ρ Sketch. Π 2014 Π³ΠΎΠ΄Ρ ΠΌΠ°ΡΡΠ΅Ρ-ΠΊΠ»Π°ΡΡ ΠΠΌΠΈΡΡΠΈΡ ΠΠΎΠ²ΠΈΠΊΠΎΠ²Π° ΠΈΠ· MacPaw ΠΏΠΎΠ·Π½Π°ΠΊΠΎΠΌΠΈΠ» ΠΌΠ΅Π½Ρ Ρ Π΅Π³ΠΎ ΡΡΠ΄Π΅ΡΠ°ΠΌΠΈ, ΠΈ Ρ ΡΠ΅Ρ ΠΏΠΎΡ 90% ΠΌΠΎΠΈΡ ΠΏΡΠΎΡΠ΅ΡΡΠΎΠ² ΠΎΡ ΡΠΈΡΠΎΠ²Π°Π½ΠΈΡ ΠΈΠΊΠΎΠ½ΠΎΠΊ ΠΈ ΠΏΡΠ΅Π·Π΅Π½ΡΠ°ΡΠΈΠΉ Π΄ΠΎ Π²ΡΡΠ°ΡΠΈΠ²Π°Π½ΠΈΡ Π΄Π΅ΡΠ°Π»ΡΠ½ΡΡ ΠΌΠ°ΠΊΠ΅ΡΠΎΠ² Π²Π΅Π±- ΠΈ ΠΌΠΎΠ±ΠΈΠ»ΡΠ½ΡΡ ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡΠΎΠ² ΠΏΠ»Π°Π²Π½ΠΎ ΠΏΠ΅ΡΠ΅ΠΊΠΎΡΠ΅Π²Π°Π»ΠΈ Π² Sketch. ΠΠ²ΡΠΎΡΠΈΡΠ΅Ρ Adobe Π΄Π°Π» ΡΡΠ΅ΡΠΈΠ½Ρ ΠΈ Π½Π°ΡΠ°Π» ΠΎΡΡΠΏΠ°ΡΡΡΡ, ΠΏΠΎΠΊΠ° Π΅Ρ Π·Π°ΠΊΠΎΠ½Π½ΡΠ΅ ΡΠ΅ΡΡΠΈΡΠΎΡΠΈΠΈ ΠΏΠΎΡΡΠ΅ΠΏΠ΅Π½Π½ΠΎ Β«ΠΎΡΠΆΠΈΠΌΠ°Π»Β» ΡΠΈΠ»ΡΠ½Π΅ΠΉΡΠΈΠΉ.
Π Π΅Π»ΠΈΠ· Zeplin ΠΏΠΎΠ»ΡΡΠΈΠ» ΠΌΠ°ΡΡΡ Π²ΠΎΡΡΠΎΡΠΆΠ΅Π½Π½ΡΡ Π³ΠΎΠ»ΠΎΡΠΎΠ²: ΡΡΠΎΠΈΠ»ΠΎ ΠΏΠΎΠΊΠ°Π·Π°ΡΡ ΡΡΠΎΠ½ΡΠ΅Π½Π΄-ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΡ, Π½Π°ΡΠΊΠΎΠ»ΡΠΊΠΎ ΡΠ»ΡΡΡΠΈΡΡΡ Π΅Π³ΠΎ ΠΆΠΈΠ·Π½Ρ Π±Π΅Π· Π»Π°Π·Π°Π½ΠΈΠΉ Π² ΠΌΠ°ΠΊΠ΅ΡΡ ΠΈ ΡΡΠ°Π· Π²ΡΠΎΠ΄Π΅ Β«ΠΠ°ΡΡ, ΡΠΊΠΎΠ»ΡΠΊΡ Π±Π»ΡΡ Ρ ΡΠ²ΠΎΠΈΡ Ρ ΠΈΠΏΡΡΠ΅ΡΡΠΊΠΈΡ ΡΠ΅Π½Π΅ΠΉ Π΄Π΅Π»Π°ΡΡ?Β», Β«ΠΠ°ΡΠ΅ΠΆΡ ΠΈΠΊΠΎΠ½ΠΊΠΈ, Π΄Π° ΠΏΠΎΠ΄ ΡΠ΅ΡΠΈΠ½ΡΒ», ΠΈ ΠΎΠ½ ΠΏΡΡΠΊΠ°Π» ΡΠΊΡΠΏΡΡ ΠΌΡΠΆΡΠΊΡΡ (ΠΈΠ½ΠΎΠ³Π΄Π° ΠΆΠ΅Π½ΡΠΊΡΡ) ΡΠ»Π΅Π·Ρ.
Π£ΠΌΠ΅Π½ΠΈΠ΅ ΡΠ°Π±ΠΎΡΠ°ΡΡ Π² ΡΠ²ΡΠ·ΠΊΠ΅ Zeplin ΠΈ Sketch ΡΡΠ°Π»ΠΎ ΡΡΠ°Π½Π΄Π°ΡΡΠ½ΡΠΌ ΡΡΠ΅Π±ΠΎΠ²Π°Π½ΠΈΠ΅ΠΌ ΠΊ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅ΡΡ ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡΠΎΠ².
ΠΠ° ΠΏΠΎΡΠ»Π΅Π΄ΡΡΡΠΈΠ΅ ΠΏΠ°ΡΡ Π»Π΅Ρ ΡΡΠ½ΠΎΠΊ UI-ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½ΡΠΎΠ² ΡΠ°ΡΠΏΡΠ°Π²ΠΈΠ» ΠΏΠ»Π΅ΡΠΈ ΠΈ Π½Π°ΡΠ°Π» ΠΏΡΠ΅Π΄Π»Π°Π³Π°ΡΡ ΠΎΠ΄ΠΈΠ½ ΠΏΡΠΎΠ΄ΡΠΊΡ Π·Π° Π΄ΡΡΠ³ΠΈΠΌ. ΠΠ°ΠΆΠ΅ Adobe Π·Π°ΡΡΠ΅ΡΠΈΠ»Π°ΡΡ ΠΈ Π²ΡΠ΄Π°Π»Π° Π΄ΠΎΠ²ΠΎΠ»ΡΠ½ΠΎ ΡΡΡΠΎΠΉ Adobe XD. ΠΠΎ ΡΠΆΠ΅ Π½Π° ΠΌΠΎΠΌΠ΅Π½Ρ ΡΠ΅Π»ΠΈΠ·Π° ΠΎΠ½ ΡΠΈΠ»ΡΠ½ΠΎ ΠΎΡΡΡΠ°Π²Π°Π» ΠΎΡ ΡΡΡΠ΅ΡΡΠ²ΡΡΡΠΈΡ ΡΠ΅ΡΠ΅Π½ΠΈΠΉ, ΠΈ Π²ΠΎΡΡΠΎΡΠ³ΠΈ Ρ ΡΠ°Π½Π°ΡΡΠΊΠΎΠΉ ΡΡΠΈΠ±ΡΠ½Ρ Adobe Π² Π΄ΡΡ Π΅ Β«ΠΡ ΡΠ΅ΠΉΡΠ°Ρ-ΡΠΎ ΠΌΡ Π²Π°ΠΌ ΠΏΠΎΠΊΠ°ΠΆΠ΅ΠΌΒ» ΠΏΠΎΡΡΠΈΡ Π»ΠΈ.
ΠΠΈ ΠΎΠ΄ΠΈΠ½ ΠΈΠ· ΡΠ΅Ρ ΠΏΡΠΎΠ΄ΡΠΊΡΠΎΠ² Π½Π΅ ΠΏΡΠ΅Π΄Π»Π°Π³Π°Π» Π½ΠΈΡΠ΅Π³ΠΎ ΡΠ΅ΡΠΈΡΠ΅Π»ΡΠ½ΠΎ Π½ΠΎΠ²ΠΎΠ³ΠΎ, Π²Π°ΡΡΠΈΡΡΡ ΠΎΠ΄Π½ΠΈ ΠΈ ΡΠ΅ ΠΆΠ΅ ΠΏΠ΅ΡΠ΅ΠΌΠ΅Π½Π½ΡΠ΅. ΠΠ° ΠΈ ΡΠ°ΠΌΠΈ ΠΏΠΎΡΠ΅Π½ΡΠΈΠ°Π»ΡΠ½ΡΠ΅ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΠΈ Π½Π΅ Π³ΠΎΡΠ΅Π»ΠΈ ΠΆΠ΅Π»Π°Π½ΠΈΠ΅ΠΌ Π±ΡΠΎΡΠ°ΡΡΡΡ Ρ Π³ΠΎΠ»ΠΎΠ²ΠΎΠΉ Π² Π½Π΅ΠΏΡΠΎΠ²Π΅ΡΠ΅Π½Π½ΡΠΉ ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½Ρ ΠΈ ΠΏΠ΅ΡΠ΅ΡΡΡΠ°ΠΈΠ²Π°ΡΡ ΠΏΠΎΠ΄ Π½Π΅Π³ΠΎ Π²ΡΠ΅ ΠΏΡΠΎΡΠ΅ΡΡΡ.
Π ΡΡΡ Ρ ΠΏΠΎΠ·Π½Π°ΠΊΠΎΠΌΠΈΠ»ΡΡ Ρ Π½ΠΈΠΌ.
Figma ΠΎΠ±ΡΠ΅Π΄ΠΈΠ½ΠΈΠ» Π² ΡΠ΅Π±Π΅ Π²ΡΡ Π»ΡΡΡΠ΅Π΅, ΡΡΠΎ ΠΏΡΠΎΠΈΡΡ ΠΎΠ΄ΠΈΠ»ΠΎ Ρ ΠΌΠΈΡΠΎΠΌ ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½ΡΠΎΠ² UI-Π΄ΠΈΠ·Π°ΠΉΠ½Π° Π·Π° ΠΏΠΎΡΠ»Π΅Π΄Π½ΠΈΠ΅ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ Π»Π΅Ρ.β
Figma β ΡΡΠΎ Π»ΡΡΡΠΈΠ΅ ΠΊΠ°ΡΠ΅ΡΡΠ²Π° ΠΎΡ Sketch, Zeplin ΠΈ InVision Π² ΠΎΠ΄Π½ΠΎΠΌ ΠΊΡΡΡΠΎΠΌ ΠΏΡΠΎΠ΄ΡΠΊΡΠ΅.
Π§Π΅ΠΌ ΡΠ°ΠΊ Ρ ΠΎΡΠΎΡ Figma
ΠΠΎΡΡΡΠΏΠ½ΠΎΡΡΡ
Figma ΡΠ°Π±ΠΎΡΠ°Π΅Ρ Π² Π±ΡΠ°ΡΠ·Π΅ΡΠ΅ ΠΈ Π΄ΠΎΡΡΡΠΏΠ΅Π½ Π½Π° Π»ΡΠ±ΠΎΠΉ ΠΏΠ»Π°ΡΡΠΎΡΠΌΠ΅ (Π΅ΡΠ»ΠΈ Π²Ρ ΡΠΆΠ΅ ΡΠ°Π±ΠΎΡΠ°Π»ΠΈ Π² ΠΊΠΎΠ½ΡΡΡΡΠΊΡΠΎΡΠ°Ρ ΡΡΡΠ°Π½ΠΈΡ Π²ΡΠΎΠ΄Π΅ Webflow ΠΈΠ»ΠΈ Tilda, ΠΏΡΠΎΠ±Π»Π΅ΠΌ Ρ Π°Π΄Π°ΠΏΡΠ°ΡΠΈΠ΅ΠΉ Π½Π΅ Π±ΡΠ΄Π΅Ρ).
ΠΠΈΠΊΠ°ΠΊΠΈΡ Π΄ΠΈΡΡΡΠΈΠ±ΡΡΠΈΠ²ΠΎΠ² ΠΈ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ β Π½ΡΠΆΠ½ΠΎ ΡΠΎΠ»ΡΠΊΠΎ Π·Π°ΠΉΡΠΈ Π½Π° figma.com, Π·Π°ΡΠ΅Π³ΠΈΡΡΡΠΈΡΠΎΠ²Π°ΡΡΡΡ ΠΈ Π½Π°ΡΠ°ΡΡ ΡΠ°Π±ΠΎΡΠ°ΡΡ.
ΠΠΈΠ·Π°ΠΉΠ½Π΅ΡΠ°ΠΌ Π·Π½Π°ΠΊΠΎΠΌΠΎ, ΡΡΠΎ Π²ΡΡ, ΡΡΠΎ ΡΠ°Π±ΠΎΡΠ°Π΅Ρ ΡΠ΅ΡΠ΅Π· Π±ΡΠ°ΡΠ·Π΅Ρ, β ΠΈΡΠΊΠ»ΡΡΠΈΡΠ΅Π»ΡΠ½ΠΎ ΠΏΡΠΎΠΌΠ΅ΠΆΡΡΠΎΡΠ½ΡΠ΅ Π·Π²Π΅Π½ΡΡ ΠΏΡΠΎΡΠ΅ΡΡΠ°, Π½ΠΎ Π½Π΅ ΠΎΡΠ½ΠΎΠ²Π½Π°Ρ, Β«Π±ΠΎΠ»ΡΡΠ°Ρ ΠΈ ΡΠ΅ΡΡΠ΅Π·Π½Π°ΡΒ» ΡΡΠ΅Π΄Π° Π΄Π»Ρ ΡΠ°Π±ΠΎΡΡ. Π ΡΡΠΎΠΌΡ Π½ΡΠΆΠ½ΠΎ Π±ΡΠ»ΠΎ ΡΠ»Π΅Π³ΠΊΠ° ΠΏΡΠΈΠ²ΡΠΊΠ½ΡΡΡ.
ΠΡΠ³Π°Π½ΠΈΠ·Π°ΡΠΈΡ ΡΠ°ΠΉΠ»ΠΎΠ²
ΠΡΠ΅ ΡΠ°Π±ΠΎΡΠΈΠ΅ ΡΠ°ΠΉΠ»Ρ Ρ ΡΠ°Π½ΡΡΡΡ Π² Β«ΠΎΠ±Π»Π°ΠΊΠ΅Β» ΠΈ ΠΎΡΠ³Π°Π½ΠΈΠ·ΠΎΠ²Π°Π½Ρ ΠΏΡΠΎΡΡΡΠΌ Π΄Π΅ΡΠ΅Π²ΠΎΠΌ Β«ΠΊΠΎΠΌΠ°Π½Π΄Π° β ΠΏΡΠΎΠ΅ΠΊΡ β ΡΠ°ΠΉΠ»Β». ΠΠΎΡΡΠΎΠΌΡ Π±ΠΎΠ»ΡΡΠ΅ Π½ΠΈΠΊΠ°ΠΊΠΈΡ ΠΊΠΎΠ½ΡΠ»ΠΈΠΊΡΠΎΠ² ΠΊΠΎΠΏΠΈΠΉ, Β«Π·Π°Π»Π΅ΠΉ Π² DropboxΒ», Β«Π½Π΅ ΠΏΠΎΠ΄Π³ΡΡΠ·ΠΈΠ»ΠΎΡΡΒ», Β«ΠΌΠ°ΠΊΠ΅ΡΡ Π² ΠΏΠ°ΠΏΠΊΠ΅ Company/Design/Web/New/3.0/ΠΠΊΡΡΠ°Π»ΡΠ½ΠΎΠ΅/ΠΠΎΠ²Π°Ρ ΠΏΠ°ΠΏΠΊΠ°(5)Β» β Π² ΠΏΠ°ΠΏΠΊΡ Drafts Π°Π²ΡΠΎΠΌΠ°ΡΠΈΡΠ΅ΡΠΊΠΈ ΡΠ²Π°Π»ΠΈΠ²Π°ΡΡΡΡ Π»ΡΠ±ΡΠ΅ Π½ΠΎΠ²ΡΠ΅ ΡΠ°ΠΉΠ»Ρ, Π½Π΅ ΡΠΎΡ ΡΠ°Π½Π΅Π½Π½ΡΠ΅ Π² ΡΠ²Π½ΠΎΠΌ Π²ΠΈΠ΄Π΅.
ΠΠΎΠΌΠ°Π½Π΄Π½Π°Ρ ΡΠ°Π±ΠΎΡΠ°
ΠΠ΄Π΅Ρ ΠΊΠΎΠ»Π»Π°Π±ΠΎΡΠ°ΡΠΈΠ²Π½ΠΎΠ³ΠΎ ΡΠ°Π±ΠΎΡΠ΅Π³ΠΎ ΠΏΠΎΡΠΎΠΊΠ° Β«Π·Π°ΡΠ°ΠΆΠ°Π΅ΡΒ» ΠΎΠ΄ΠΈΠ½ ΠΏΡΠΎΠ΄ΡΠΊΡ Π·Π° Π΄ΡΡΠ³ΠΈΠΌ ΠΈ ΡΡΠΏΠ΅ΡΠ½ΠΎ Π΄Π΅ΠΌΠΎΠ½ΡΡΡΠΈΡΡΠ΅Ρ, ΡΡΠΎ ΡΡΠΎ Π²Π΅ΡΠ΅Π»ΠΎ, Π·Π°Π΄ΠΎΡΠ½ΠΎ ΠΈ ΠΏΠΎΠ»Π΅Π·Π½ΠΎ Π΄Π»Ρ ΠΏΡΠΎΡΠ΅ΡΡΠΎΠ².
Π Figma ΠΌΠΎΠΆΠ½ΠΎ Π² ΡΠ΅ΠΆΠΈΠΌΠ΅ ΡΠ΅Π°Π»ΡΠ½ΠΎΠ³ΠΎ Π²ΡΠ΅ΠΌΠ΅Π½ΠΈ ΡΠ°Π±ΠΎΡΠ°ΡΡ Π½Π°Π΄ ΠΎΠ΄Π½ΠΈΠΌ ΡΠ°ΠΉΠ»ΠΎΠΌ ΠΎΠ΄Π½ΠΎΠ²ΡΠ΅ΠΌΠ΅Π½Π½ΠΎ Ρ Π΄ΡΡΠ³ΠΈΠΌΠΈ ΡΠ»Π΅Π½Π°ΠΌΠΈ ΠΊΠΎΠΌΠ°Π½Π΄Ρ. Π, ΠΊΠ°ΠΊ Ρ ΡΠΆΠ΅ ΠΏΠΈΡΠ°Π», Π΄Π»Ρ ΠΏΠΎΠ΄ΠΊΠ»ΡΡΠ΅Π½ΠΈΡ ΠΊ ΡΠ°Π±ΠΎΡΠ΅ Π½ΡΠΆΠ΅Π½ ΡΠΎΠ»ΡΠΊΠΎ Π±ΡΠ°ΡΠ·Π΅Ρ.
ΠΠ°ΠΆΠ΄ΡΠΉ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Ρ, Π½Π°Ρ ΠΎΠ΄ΡΡΠΈΠΉΡΡ Π² Π΄Π°Π½Π½ΡΡ ΡΠ΅ΠΊΡΠ½Π΄Ρ Π²ΠΌΠ΅ΡΡΠ΅ Ρ Π²Π°ΠΌΠΈ Π² ΠΎΠ΄Π½ΠΎΠΌ ΡΠ°ΠΉΠ»Π΅, Π΄Π°Π΅Ρ ΠΎ ΡΠ΅Π±Π΅ Π·Π½Π°ΡΡ ΠΌΠ΅Π»ΡΡΠ΅ΡΠ°ΡΠΈΠΌ ΠΊΡΡΡΠΎΡΠΎΠΌ Ρ ΠΈΠΌΠ΅Π½Π΅ΠΌ β Π²Ρ Π²ΡΠ΅Π³Π΄Π° Π·Π½Π°Π΅ΡΠ΅, ΠΊΡΠΎ ΡΡΠΎ ΠΈ ΡΠ΅ΠΌ ΠΎΠ½ Π·Π°Π½ΡΡ.
Π Π°Π±ΠΎΡΠ° Ρ ΠΌΠ°ΠΊΠ΅ΡΠ°ΠΌΠΈ Π΄Π»Ρ ΡΡΠΎΠ½ΡΠ΅Π½Π΄Π°
Π’Ρ Π²ΠΏΡΡΠΊΠ°Π΅ΡΡ ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΠΎΠ² Π² ΡΠ²ΠΎΠΉ Sketch-ΡΠ°ΠΉΠ», Π° ΠΎΠ½ΠΈ ΡΠ°ΠΌ ΡΡΠΎ-ΡΠΎ ΠΌΠ΅Π½ΡΡΡ. Β«ΠΠ΅ ΠΊΠ»Π°ΡΡΠ½ΠΎΒ», β ΠΏΠΎΠ΄ΡΠΌΠ°Π»Π° ΡΡΠΎΠΉΠΊΠ° ΡΠ΅Π±ΡΡ ΠΈΠ· Π’ΡΡΡΠΈΠΈ ΠΈ Π²ΡΠΏΡΡΡΠΈΠ»Π° Zeplin, Π³Π΄Π΅ ΡΡΠΎΠ½ΡΠ΅Π½Π΄ ΠΌΠΎΠ³ ΠΊΠ»ΠΈΠΊΠ°ΡΡ Π½Π° Π²ΡΡ, ΡΡΠΎ Π²ΠΈΠ΄ΠΈΡ, Π½Π΅ Π±ΠΎΡΡΡ Π²Π½Π΅ΡΡΠΈ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΡ. ΠΡΡΠ°Π²Π°Π»ΠΎΡΡ ΡΠΎΠ»ΡΠΊΠΎ ΠΏΠΎΡΡΠΎΡΠ½Π½ΠΎ Π·Π°Π³ΡΡΠΆΠ°ΡΡ ΡΠ²Π΅ΠΆΠΈΠ΅ Π²Π΅ΡΡΠΈΠΈ ΠΌΠ°ΠΊΠ΅ΡΠΎΠ², ΠΏΡΠΎΡΡΠ°Π²Π»ΡΡΡ ΡΠ΅Π³ΠΈ ΠΈ ΠΎΡΠ²Π΅ΡΠ°ΡΡ Π½Π° ΠΊΠΎΠΌΠΌΠ΅Π½ΡΠ°ΡΠΈΠΈ.
Π Π²ΡΡ ΡΡΠΎ Ρ ΡΡΠΏΠ΅ΡΠ½ΠΎ Π·Π°Π±ΡΠ²Π°Π» Π΄Π΅Π»Π°ΡΡ, Π·Π° ΡΡΠΎ ΠΏΠΎΠ»ΡΡΠ°Π» Π»ΡΡΠΈ Π½Π΅Π½Π°Π²ΠΈΡΡΠΈ.
Π‘ΠΏΠ°ΡΠ΅Π½ΠΈΠ΅ΠΌ ΡΡΠ°Π» Figma, Π² ΠΊΠΎΡΠΎΡΠΎΠΌ Π²Π΅ΡΡ Zeplin Π·Π°ΠΌΠ΅Π½ΠΈΠ»Π° ΠΈΠ½Π΄ΠΈΠ²ΠΈΠ΄ΡΠ°Π»ΡΠ½Π°Ρ Π½Π°ΡΡΡΠΎΠΉΠΊΠ° ΠΏΡΠ°Π²: ΠΏΡΠΈΠ³Π»Π°ΡΠ°Π΅ΡΡ ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΠ° Π² ΠΏΡΠΎΠ΅ΠΊΡ, Π½Π°Π·Π½Π°ΡΠ°Π΅ΡΡ Π΅ΠΌΡ ΡΡΠ°ΡΡΡ Β«read-onlyΒ» ΠΈ ΠΎΡΠΏΡΡΠΊΠ°Π΅ΡΡ Π² ΡΠ²ΠΎΠ±ΠΎΠ΄Π½ΠΎΠ΅ ΠΏΠ»Π°Π²Π°Π½ΠΈΠ΅: ΠΎΠ½ ΡΠ°Π΄ΠΎΡΡΠ½ΠΎ ΠΊΠΎΠΏΠΎΡΠΈΡΡΡ Π² ΠΌΠ°ΠΊΠ΅ΡΠ°Ρ , ΡΠΌΠΎΡΡΠΈΡ ΡΠ²Π΅ΡΠ°, ΡΠ°Π·ΠΌΠ΅ΡΡ, ΠΎΡΡΡΡΠΏΡ, ΠΎΡΠΊΠΎΠ²ΡΡΠΈΠ²Π°Π΅Ρ Π°ΡΡΠ΅ΡΡ ΠΈ ΠΏΡΠ΅Π΄Π°Π΅ΡΡΡ ΠΏΡΠΎΡΠΈΠΌ ΡΡΠ΅Ρ Π°ΠΌ.
Π‘Π²Π΅ΠΆΠ΅ΡΡΡ Π²Π΅ΡΡΠΈΠΉ ΠΎΠ±Π΅ΡΠΏΠ΅ΡΠΈΠ²Π°Π΅ΡΡΡ Π½Π΅ΠΎΡΡΡΠΈΠΌΡΠΌ ΠΏΡΠΎΡΠ΅ΡΡΠΎΠΌ ΡΠΈΠ½Ρ ΡΠΎΠ½ΠΈΠ·Π°ΡΠΈΠΈ β Π²ΡΠ΅ ΠΌΠ°ΠΊΠ΅ΡΡ Π² ΡΡΠΊΠ°Ρ ΡΡΠΎΠ½ΡΠ΅Π½Π΄Π° Π½Π°Ρ ΠΎΠ΄ΡΡΡΡ Π² ΡΠΎΠΉ ΡΡΠ°Π΄ΠΈΠΈ, Π² ΠΊΠ°ΠΊΠΎΠΉ Π²Ρ ΠΈΡ ΠΏΠΎΡΠ»Π΅Π΄Π½ΠΈΠΉ ΡΠ°Π· ΠΎΡΡΠ°Π²ΠΈΠ»ΠΈ, Π·Π°ΠΊΡΡΠ² Π½ΠΎΡΡΠ±ΡΠΊ.
ΠΠΎΠΌΠΌΠ΅Π½ΡΠ°ΡΠΈΠΈ
ΠΠ»Ρ ΠΎΠ±ΡΡΠΆΠ΄Π΅Π½ΠΈΡ ΠΌΠ°ΠΊΠ΅ΡΠΎΠ² Π½Π΅ ΠΏΡΠΈΡ ΠΎΠ΄ΠΈΡΡΡ Π½ΠΈΠΊΡΠ΄Π° Β«ΠΎΡΠ±Π΅Π³Π°ΡΡΒ», Π²ΡΡ ΠΎΠ±ΡΠ°ΡΠ½Π°Ρ ΡΠ²ΡΠ·Ρ ΡΠΎΠ±ΠΈΡΠ°Π΅ΡΡΡ Π½Π° ΠΌΠ΅ΡΡΠ΅ ΠΈ Π·Π΄Π΅ΡΡ ΠΆΠ΅ ΠΊΠΎΠΌΠΌΠ΅Π½ΡΠΈΡΡΠ΅ΡΡΡ.
ΠΠΎΠ½ΡΡΠΎΠ»Ρ Π²Π΅ΡΡΠΈΠΉ
ΠΡΠ³ΡΡΠ·ΠΊΠ° Π² Dropbox Π²ΡΠ΅Π³Π΄Π° Π±ΡΠ»Π° Π½Π΅ΠΈΠ΄Π΅Π°Π»ΡΠ½Π° ΠΈ ΡΠ°ΡΡΠΎ ΠΏΠΎΡΠΎΠΆΠ΄Π°Π»Π° ΠΏΡΠΎΠ±Π»Π΅ΠΌΡ Ρ ΠΊΠΎΠ½ΡΠ»ΠΈΠΊΡΠΎΠΌ ΠΊΠΎΠΏΠΈΠΉ ΠΈ ΠΏΡΡΠ°Π½ΠΈΡΡ Ρ ΠΏΠΎΠΈΡΠΊΠΎΠΌ Π°ΠΊΡΡΠ°Π»ΡΠ½ΡΡ Π²Π΅ΡΡΠΈΠΉ. ΠΠ»Ρ Sketch ΠΏΠΎΡΡΠΎΡΠ½Π½ΠΎ ΠΏΠΎΡΠ²Π»ΡΡΡΡΡ Π²Π°ΡΠΈΠ°Π½ΡΡ Git Π΄Π»Ρ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅ΡΠΎΠ² β Π½Π°ΠΏΡΠΈΠΌΠ΅Ρ, Abstract.
Π Figma ΠΆΠ΅ ΠΊΠΎΠ½ΡΡΠΎΠ»Ρ Π²Π΅ΡΡΠΈΠΉ Π½Π°ΡΠΈΠ²Π½ΡΠΉ ΠΈ ΠΏΡΠΎΡΡΠΎΠΉ: Π²Ρ Π²ΠΈΠ΄ΠΈΡΠ΅, ΠΊΡΠΎ Π²Π½ΠΎΡΠΈΠ» ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΡ, ΠΊΠΎΠ³Π΄Π°, ΠΈ Β«ΠΎΡΠΊΠ°ΡΡΠ²Π°Π΅ΡΠ΅ΡΡΒ» Π΄ΠΎ Π²Π΅ΡΡΠΈΠΈ Π² ΠΏΠ°ΡΡ ΠΊΠ»ΠΈΠΊΠΎΠ², ΠΏΠ΅ΡΠ΅Π·Π°ΠΏΠΈΡΡΠ²Π°Ρ ΠΈΠ»ΠΈ ΡΠΎΠ·Π΄Π°Π²Π°Ρ ΠΊΠΎΠΏΠΈΡ ΠΌΠ°ΠΊΠ΅ΡΠ°.
Π Π΅Π΄Π°ΠΊΡΠΎΡ ΠΊΡΠΈΠ²ΡΡ
Π Figmaβ Π»ΡΡΡΠΈΠΉ ΡΠ΅Π΄Π°ΠΊΡΠΎΡ ΠΊΡΠΈΠ²ΡΡ .
Π§Π΅ΠΌ ΠΌΠ΅Π½Ρ ΠΎΠ΄Π½Π°ΠΆΠ΄Ρ Β«ΠΊΡΠΏΠΈΠ»Β» Sketch, ΡΠ°ΠΊ ΡΡΠΎ ΠΏΡΠΈΡΡΠ½ΠΎΠΉ ΡΠ°Π±ΠΎΡΠΎΠΉ Ρ ΠΊΡΠΈΠ²ΡΠΌΠΈ. ΠΠΎΡΠ»Π΅ Photoshop Ρ Π΅Π³ΠΎ ΡΠΎΠΏΠΎΡΠ½ΡΠΌ Pen Tool ΡΠΈΡΠΎΠ²Π°ΡΡ Π²Π΅ΠΊΡΠΎΡΠ½ΡΠ΅ ΠΈΠΊΠΎΠ½ΠΊΠΈ Π² Sketch Π±ΡΠ»ΠΎ ΠΈΡΠΊΠ»ΡΡΠΈΡΠ΅Π»ΡΠ½ΡΠΌ ΡΠ΄ΠΎΠ²ΠΎΠ»ΡΡΡΠ²ΠΈΠ΅ΠΌ.
ΠΠΎ ΠΈ ΡΡΡ Figma ΡΠ΄ΠΈΠ²Π»ΡΠ΅Ρ. Pen Tool Π·Π΄Π΅ΡΡ Π½Π°ΡΡΠΎΠ»ΡΠΊΠΎ Ρ ΠΎΡΠΎΡ ΠΈ Π³ΡΠ°ΠΌΠΎΡΠ΅Π½, ΡΡΠΎ Ρ ΠΌΠ΅Π½Ρ Π½ΠΈ ΡΠ°Π·Ρ Π½Π΅ Π²ΠΎΠ·Π½ΠΈΠΊΠ»ΠΎ ΡΠ°Π·Π΄ΡΠ°ΠΆΠ΅Π½ΠΈΡ ΠΎΡ Π½Π΅ΠΏΠΎΠΉΠΌΠ°Π½Π½ΠΎΠΉ ΡΠΎΡΠΊΠΈ ΠΈΠ»ΠΈ ΡΠΌΡΡΠ΅Π½ΠΈΡ ΠΎΡ Π½Π΅ΠΎΠΆΠΈΠ΄Π°Π½Π½ΠΎ ΡΠ°Π±ΠΎΡΠ°ΡΡΠ΅ΠΉ ΡΡΠ½ΠΊΡΠΈΠΈ. ΠΠΎΡ Π»ΠΈΡΡ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ ΡΠΈΡ, ΠΎΡ ΠΊΠΎΡΠΎΡΡΡ Π½Π°Π²ΠΎΡΠ°ΡΠΈΠ²Π°ΡΡΡΡ ΡΠ»Π΅Π·Ρ ΡΠ°Π΄ΠΎΡΡΠΈ:
- Π’ΠΎΡΠΊΠΈ ΠΌΠΎΠΆΠ½ΠΎ Π±Π΅ΡΠΊΠΎΠ½Π΅ΡΠ½ΠΎ ΡΠΎΠ΅Π΄ΠΈΠ½ΡΡΡ Ρ Π΄ΡΡΠ³ΠΈΠΌΠΈ, ΡΡΠΎ Π΄Π°Π΅Ρ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΡ Π΄Π΅Π»Π°ΡΡ ΡΠ»ΠΎΠΆΠ½ΡΠ΅ ΡΠ΅ΠΉΠΏΡ.
- Π£Π΄Π°Π»Π΅Π½ΠΈΠ΅ ΡΠΎΡΠΊΠΈ Π½Π° ΠΊΡΠΈΠ²ΠΎΠΉ Π½Π΅ ΠΏΡΠΈΠ²ΠΎΠ΄ΠΈΡ ΠΊ ΡΠ°Π·ΡΡΠ²Ρ ΡΠ΅ΠΉΠΏΠ° ΠΈ ΠΈΡΡΠ΅Π·Π½ΠΎΠ²Π΅Π½ΠΈΡ Π·Π°Π»ΠΈΠ²ΠΊΠΈ β ΡΠΎΡΠ΅Π΄Π½ΠΈΠ΅ ΡΠΎΡΠΊΠΈ ΠΊΠΎΠΌΠΏΠ΅Π½ΡΠΈΡΡΡΡ ΠΏΡΠ΅ΠΆΠ½ΡΡ ΡΠΎΡΠΌΡ.
- ΠΠΎΠΆΠ½ΠΎ ΠΌΠ΅Π½ΡΡΡ Π·Π°Π»ΠΈΠ²ΠΊΡ ΠΎΡΠ΄Π΅Π»ΡΠ½ΡΡ ΡΠ°ΡΡΠ΅ΠΉ ΡΠ΅ΠΉΠΏΠ°, ΠΎΠ±ΡΠ°Π·ΠΎΠ²Π°Π½Π½ΡΡ ΠΏΠ΅ΡΠ΅ΡΠ΅ΡΠ΅Π½ΠΈΡΠΌΠΈ ΠΊΡΠΈΠ²ΡΡ .
- ΠΠΈΠ½ΠΈΠΈ ΠΌΠΎΠΆΠ½ΠΎ Π΄Π²ΠΈΠ³Π°ΡΡ.
- Π’ΠΎΡΠΊΠΈ β ΡΠΎΠΆΠ΅, ΠΈ ΠΈΡ ΠΏΠΎΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ ΠΏΠΎΠ²Π»ΠΈΡΠ΅Ρ Π½Π° ΡΠΎΡΠ΅Π΄Π½ΠΈΠ΅.β
ΠΠΏΠΈΡΠ°Π½ΠΈΠ΅ Π²ΡΠ΅Ρ ΡΡΠ΄Π΅Ρ Vector Networks ΠΌΠΎΠΆΠ½ΠΎ Π½Π°ΠΉΡΠΈ Π² ΠΏΡΠ±Π»ΠΈΠΊΠ°ΡΠΈΠΈ ΡΠ΅Ρ Π΄ΠΈΡΠ΅ΠΊΡΠΎΡΠ° Figma ΠΠ²Π°Π½Π° Π£ΠΎΠ»Π»Π΅ΡΠ°. Π£Π΄ΠΈΠ²ΠΈΡΠ΅Π»ΡΠ½ΠΎ, ΡΠΊΠΎΠ»ΡΠΊΠΎ Π²Π΄ΡΠΌΡΠΈΠ²ΠΎΠΉ ΡΠ°Π±ΠΎΡΡ Π±ΡΠ»ΠΎ ΠΏΡΠΎΠ΄Π΅Π»Π°Π½ΠΎ ΠΏΡΠΈ ΡΠΎΠ·Π΄Π°Π½ΠΈΠΈ ΡΡΠΎΠ³ΠΎ ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½ΡΠ°.
Π‘Π΅ΡΠΊΠ°, layout ΠΈ Β«ΡΠ΅Π·ΠΈΠ½Π°Β»
ΠΡΠΈΠ½ΡΠΈΠΏΡ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΡ ΡΠ°Π·ΠΌΠ΅ΡΠΎΠ² ΠΌΠΎΠΆΠ½ΠΎ Π·Π°Π΄Π°Π²Π°ΡΡ ΠΎΡΠ΄Π΅Π»ΡΠ½ΠΎ Π΄Π»Ρ ΡΠΈΡΠΈΠ½Ρ ΠΈ Π²ΡΡΠΎΡΡ Π³ΡΡΠΏΠΏΡ, ΡΠ΅Π³ΠΎ ΡΠ°Π½ΡΡΠ΅ Π½Π΅ Ρ Π²Π°ΡΠ°Π»ΠΎ. Π Sketch Π΅ΡΡΡ Π²ΡΠΏΠ°Π΄Π°ΡΡΠΈΠΉ ΡΠΏΠΈΡΠΎΠΊ: Stretch β Pin to Corner β Resize object β Float in space. ΠΠ½Π΅ ΡΡΡΠ΄Π½ΠΎ ΡΡΠ°Π·Ρ ΠΎΠΏΡΠ΅Π΄Π΅Π»ΠΈΡΡ, ΡΡΠΎ Π²ΡΠ±ΡΠ°ΡΡ, ΡΡΠΎΠ±Ρ ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½Ρ (Resize) ΡΠ°Π±ΠΎΡΠ°Π» ΡΠ°ΠΊ, ΠΊΠ°ΠΊ ΠΌΠ½Π΅ Π½ΡΠΆΠ½ΠΎ.
Π Figma ΡΡΠΎ ΡΠ°Π±ΠΎΡΠ°Π΅Ρ ΠΈ Π²ΡΠ³Π»ΡΠ΄ΠΈΡ ΠΈΠ½ΡΡΠΈΡΠΈΠ²Π½Π΅Π΅. ΠΡΠΈΠ²ΡΠ·ΠΊΠ° Β«ΠΏΠΎΡΠΎΠΌΠΊΠ°Β» ΠΊ ΡΡΠΎΡΠΎΠ½Π΅ ΠΈΠ»ΠΈ ΡΠ°Π·ΠΌΠ΅ΡΡ Β«ΡΠΎΠ΄ΠΈΡΠ΅Π»ΡΒ» ΠΏΡΠΎΠΈΡΡ ΠΎΠ΄ΠΈΡ Π² ΠΎΠ΄ΠΈΠ½ ΠΊΠ»ΠΈΠΊ. ΠΠ°Π²ΠΈΡΠΈΠΌΠΎΡΡΠΈ Π΄Π»Ρ ΠΎΠ±ΡΠ΅ΠΊΡΠ° ΠΈΠ»ΠΈ Π³ΡΡΠΏΠΏΡ ΠΌΠΎΠΆΠ½ΠΎ Π·Π°Π΄Π°Π²Π°ΡΡ ΡΠΎΠ»ΡΠΊΠΎ ΠΎΡ ΡΠ°Π·ΠΌΠ΅ΡΠ° Frame, Π° Π½Π΅ ΡΠΎΠ΄ΠΈΡΠ΅Π»ΡΡΠΊΠΎΠΉ Π³ΡΡΠΏΠΏΡ.
Frame β Π½Π΅ ΡΠΎ ΠΆΠ΅ ΡΠ°ΠΌΠΎΠ΅, ΡΡΠΎ ΠΈ Artboard Π² Sketch. Frame ΠΌΠΎΠΆΠ½ΠΎ ΡΠΎΠ·Π΄Π°ΡΡ Π²Π½ΡΡΡΠΈ Π΄ΡΡΠ³ΠΎΠ³ΠΎ ΡΡΠ΅ΠΉΠΌΠ°, ΠΏΠΎΡΡΠΎΠΌΡ Π΅Π³ΠΎ ΡΡΠΎΠΈΡ Π²ΠΎΡΠΏΡΠΈΠ½ΠΈΠΌΠ°ΡΡ ΠΏΡΠΎΡΡΠΎ ΠΊΠ°ΠΊ Β«ΠΏΡΠΎΠΊΠ°ΡΠ°Π½Π½ΡΡΒ» Π³ΡΡΠΏΠΏΡ, Π° Π½Π΅ ΠΎΡΠ΄Π΅Π»ΡΠ½ΡΠΉ ΡΠΊΡΠ°Π½. Π ΡΡΠΎΠΌΡ Π½ΡΠΆΠ½ΠΎ ΠΏΡΠΈΠ²ΡΠΊΠ½ΡΡΡ.
Π§Π΅ΡΡΡΡΡ ΠΊΠΎΠ»ΠΎΠ½ΠΎΡΠ½Π°Ρ ΡΠ΅ΡΠΊΠ° Ρ ΡΠΈΠΊΡΠΈΡΠΎΠ²Π°Π½Π½ΡΠΌΠΈ ΠΎΡΡΡΡΠΏΠ°ΠΌΠΈΠΠ»Π°Π³ΠΎΠ΄Π°ΡΡ ΡΠΎΠΌΡ, ΡΡΠΎ ΡΡΠΎΠ²Π΅Π½Ρ Π²Π»ΠΎΠΆΠ΅Π½Π½ΠΎΡΡΠΈ ΡΡΠ΅ΠΉΠΌΠΎΠ² Π½Π΅ ΠΎΠ³ΡΠ°Π½ΠΈΡΠ΅Π½, ΠΌΠΎΠΆΠ½ΠΎ Π΄Π΅Π»Π°ΡΡ ΡΠ»ΠΎΠΆΠ½ΡΠ΅ ΡΠ΅ΡΠΊΠΈ, ΠΊΠΎΡΠΎΡΡΠ΅ ΠΌΠ°ΡΡΡΠ°Π±ΠΈΡΡΡΡΡΡ ΠΏΠΎ ΡΠ°ΠΌΡΠΌ Ρ ΠΈΡΡΡΠΌ ΡΡΠ»ΠΎΠ²ΠΈΡΠΌ.
Layout Grid. ΠΠ°ΡΡΡΠΎΠΉΠΊΠΈ ΡΠ΅ΡΠΊΠΈ Π²ΡΠ΅Π³Π΄Π° ΠΏΠ΅ΡΠ΅Π΄ Π³Π»Π°Π·Π°ΠΌΠΈ, Π² ΠΎΡΠ»ΠΈΡΠΈΠ΅ ΠΎΡ Sketch, Π³Π΄Π΅ Π½ΡΠΆΠ½ΠΎ Π·Π°Ρ ΠΎΠ΄ΠΈΡΡ Π² ΠΌΠ΅Π½Ρ, Π²ΡΠ·ΡΠ²Π°ΡΡ Β«ΠΌΠΎΠ΄Π°Π»ΠΊΡΒ» ΠΈ, ΠΏΠΎΠΊΠ° Π²Ρ Π½Π°ΡΡΡΠ°ΠΈΠ²Π°Π΅ΡΠ΅ ΠΊΠΎΠ»ΠΎΠ½ΠΊΠΈ, ΠΌΠ°ΠΊΠ΅Ρ Π½Π΅Π΄ΠΎΡΡΡΠΏΠ΅Π½ Π΄Π»Ρ ΡΠ΅Π΄Π°ΠΊΡΠΈΡΠΎΠ²Π°Π½ΠΈΡ. ΠΡΡΠ°ΡΠΈ, ΡΡΠ΅ΠΉΠΌΡ Β«Π»ΠΈΠΏΠ½ΡΡΒ» ΠΊ ΠΊΡΠ°ΡΠΌ ΠΊΠΎΠ»ΠΎΠ½ΠΎΠΊ ΠΈ ΠΌΠ°ΡΡΡΠ°Π±ΠΈΡΡΡΡΡΡ Π²ΠΌΠ΅ΡΡΠ΅ Ρ Π½ΠΈΠΌΠΈ, ΡΠΎΠ±Π»ΡΠ΄Π°Ρ ΡΠ΅ΡΠΊΡ ΠΈ ΠΎΡΡΡΡΠΏΡ.
ΠΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΡ
Π’Π΅ ΠΆΠ΅ Symbols Π² Sketch, Π½ΠΎ Π½Π΅ ΡΠΎΠ²ΡΠ΅ΠΌ ΠΎΠ½ΠΈ. ΠΡΡΡ ΠΏΠ°ΡΠ° Π²Π΅ΡΠΎΠΌΡΡ ΠΎΡΠ»ΠΈΡΠΈΠΉ:
- Β«Π ΠΎΠ΄ΠΈΡΠ΅Π»ΡΒ». ΠΡΠΈ ΡΠΎΠ·Π΄Π°Π½ΠΈΠΈ Π½ΠΎΠ²ΠΎΠ³ΠΎ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΠ° ΠΎΠ½ Π½Π΅ Π²ΡΠ½ΠΎΡΠΈΡΡΡ Π½Π° ΠΎΡΠ΄Π΅Π»ΡΠ½ΡΠΉ Π°ΡΡΠ±ΠΎΡΠ΄, ΠΊΠ°ΠΊ ΡΡΠΎ ΡΠ΄Π΅Π»Π°Π½ΠΎ Π² Sketch, Π° ΡΠΎΡΡΡΠ΅ΡΡΠ²ΡΠ΅Ρ Ρ Β«ΠΏΠΎΡΠΎΠΌΠΊΠ°ΠΌΠΈΒ» Π² ΠΎΠ΄Π½ΠΎΠΌ ΠΏΡΠΎΡΡΡΠ°Π½ΡΡΠ²Π΅.β
- Β«ΠΠ΅ΡΠΈΒ». ΠΠ°ΠΊ Π³ΠΎΠ²ΠΎΡΡΡ ΡΠ°ΠΌΠΈ ΡΠΎΠ·Π΄Π°ΡΠ΅Π»ΠΈ Figma, ΠΊΠΎΠΏΠΈΡΡΡ Β«ΡΠΎΠ΄ΠΈΡΠ΅Π»ΡΒ», Π²Ρ ΡΠΎΠ·Π΄Π°Π΅ΡΠ΅ Π½Π΅ Π΅Π³ΠΎ ΠΊΠΎΠΏΠΈΡ, Π° ΡΠΊΠ·Π΅ΠΌΠΏΠ»ΡΡ (instance).
ΠΡΠΈ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠΈ ΠΏΠ°ΡΠ°ΠΌΠ΅ΡΡΠΎΠ² Β«ΡΠΎΠ΄ΠΈΡΠ΅Π»ΡΒ» ΠΎΠ½ΠΈ ΠΌΠ΅Π½ΡΡΡΡΡ Π²ΠΎ Π²ΡΠ΅Ρ Π΅Π³ΠΎ ΠΏΠΎΡΠΎΠΌΠΊΠ°Ρ β ΡΡΡ Π²ΡΡ ΠΊΠ°ΠΊ ΠΎΠ±ΡΡΠ½ΠΎ. ΠΠΎ Π΅ΡΠ»ΠΈ Π²Ρ ΡΠ΅ΡΠΈΠ»ΠΈ ΠΏΠΎΠΌΠ΅Π½ΡΡΡ ΡΡΠΈΠ»Ρ ΠΏΠΎΡΠΎΠΌΠΊΠ°, Π²ΡΠ΅ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΡ ΡΡΠ°Π½ΠΎΠ²ΡΡΡΡ Π΅Π³ΠΎ ΡΠ½ΠΈΠΊΠ°Π»ΡΠ½ΡΠΌΠΈ Π½Π΅Π·Π°Π²ΠΈΡΠΈΠΌΡΠΌΠΈ ΡΠ²ΠΎΠΉΡΡΠ²Π°ΠΌΠΈ.
Π ΠΎΡΠ»ΠΈΡΠΈΠ΅ ΠΎΡ Sketch, Π³Π΄Π΅ ΡΠ΅Π΄Π°ΠΊΡΠΈΡΠΎΠ²Π°Π½ΠΈΠ΅ ΡΠ΅ΠΊΡΡΠ° ΠΈ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠΉ Π² ΡΠΈΠΌΠ²ΠΎΠ»Π΅ ΠΏΡΠΎΠΈΡΡ ΠΎΠ΄ΠΈΡ Π² ΠΎΡΠ΄Π΅Π»ΡΠ½ΠΎΠΉ ΡΠΎΡΠΌΠ΅, Π² Figma ΡΡΠΎ ΠΌΠΎΠΆΠ½ΠΎ Π΄Π΅Π»Π°ΡΡ ΡΠ°ΠΊ, Π±ΡΠ΄ΡΠΎ Π²Ρ ΡΠ΅Π΄Π°ΠΊΡΠΈΡΡΠ΅ΡΠ΅ ΠΎΠ±ΡΡΠ½ΡΡ Π³ΡΡΠΏΠΏΡ ΠΎΠ±ΡΠ΅ΠΊΡΠΎΠ². ΠΠ½Π΅ ΠΊΠ°ΠΆΠ΅ΡΡΡ, ΡΠ°ΠΊΠ°Ρ ΠΌΠ΅Ρ Π°Π½ΠΈΠΊΠ° ΠΏΠΎΠΎΡΠ΅Π²ΠΈΠ΄Π½Π΅Π΅.
Google Fonts
- ΠΡΠΎ-ΡΠΎ ΠΎΡΠΊΡΡΠ» Π²Π°Ρ Sketch-ΠΌΠ°ΠΊΠ΅Ρ ΠΈ ΡΠ²ΠΈΠ΄Π΅Π» ΠΎΡΠΈΠ±ΠΊΡ ΠΎ Π½Π΅Π΄ΠΎΡΡΠ°ΡΡΠΈΡ ΡΡΠΈΡΡΠ°Ρ .
- ΠΠ΅ΡΠΌΠΎΡΡΡ Π½Π° ΠΏΡΠ΅Π΄ΡΠΏΡΠ΅ΠΆΠ΄Π΅Π½ΠΈΠ΅, ΡΡΠΎΡ ΠΊΡΠΎ-ΡΠΎ ΠΎΡΠΊΡΡΠ²Π°Π΅Ρ ΡΠ°ΠΉΠ».
- ΠΡΠ΅ ΡΡΠΈΡΡΡ Β«ΡΠ»Π΅ΡΠ°ΡΡΒ» Π½Π° Π΄Π΅ΡΠΎΠ»ΡΠ½ΡΠ΅. Π‘ΡΠ°Π±Π°ΡΡΠ²Π°Π΅Ρ Π°Π²ΡΠΎΡΠΎΡ ΡΠ°Π½Π΅Π½ΠΈΠ΅.
- ΠΡ ΡΡΠ°ΡΠΈΡΠ΅ Π²ΡΠ΅ΠΌΡ, ΠΏΠ΅ΡΠ΅Π½Π°Π·Π½Π°ΡΠ°Ρ Π³Π°ΡΠ½ΠΈΡΡΡΡ ΠΊ ΠΊΠ°ΠΆΠ΄ΠΎΠΌΡ ΡΠ΅ΠΊΡΡΠΎΠ²ΠΎΠΌΡ ΠΎΠ±ΡΠ΅ΠΊΡΡ.
- Π Π²Ρ ΡΡΠ²ΡΡΠ²ΡΠ΅ΡΠ΅, ΠΊΠ°ΠΊ Π²Π°ΡΠ° Π»ΡΠ±ΠΎΠ²Ρ ΠΊ ΡΠ΅Π»ΠΎΠ²Π΅ΡΠ΅ΡΡΠ²Ρ ΡΠ³Π°ΡΠ°Π΅Ρ.
Π Figma ΡΡΠΈΡΡΡ Β«ΡΡΠ½ΡΡΡΡΒ» ΠΈΠ· Google Fonts, Π° ΡΠ΅, ΠΊΠΎΡΠΎΡΡΠ΅ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡΡΡΡ Π»ΠΎΠΊΠ°Π»ΡΠ½ΠΎ, ΠΏΠΎΠ΄Π³ΡΡΠΆΠ°ΡΡΡΡ Π² ΠΏΡΠΎΠ΅ΠΊΡ. Π ΡΡΠΎ ΠΏΡΠ΅ΠΊΡΠ°ΡΠ½ΠΎ.
Π§ΡΠΎ Π΅ΡΡ ΠΊΠ»Π°ΡΡΠ½ΠΎΠ³ΠΎ Π΅ΡΡΡ Π² Figma
ΠΠ½ΡΠ΅ΡΡΠ΅ΠΉΡ ΠΊΠ°ΠΊ Π² Sketch
ΠΠ½ΡΠ΅ΡΡΠ΅ΠΉΡ Figma ΠΎΡΠ΅Π½Ρ ΠΏΠΎΡ ΠΎΠΆ Π½Π° Sketch, ΠΈ ΡΡΠΎ ΡΠ΄ΠΎΠ±Π½ΠΎ: Π±Π»Π°Π³ΠΎΠ΄Π°ΡΡ ΡΠΎΡ ΡΠ°Π½Π΅Π½ΠΈΡ ΠΏΠΎΡΡΠΈ Π²ΡΠ΅Ρ ΠΏΡΠΈΠ²ΡΡΠ½ΡΡ ΠΏΠ°ΡΡΠ΅ΡΠ½ΠΎΠ² ΠΈ ΡΠΎΡΡΠΊΠ°ΡΠΎΠ² ΠΎΡ ΠΏΠ΅ΡΠ²ΠΎΠ³ΠΎ Π·Π°ΠΏΡΡΠΊΠ° Π΄ΠΎ ΠΏΠΎΠ»Π½ΠΎΡΠ΅Π½Π½ΠΎΠΉ ΡΠ°Π±ΠΎΡΡ ΠΏΡΠΎΡΠ»ΠΎ ΠΏΡΠΈΠΌΠ΅ΡΠ½ΠΎ 40 ΠΌΠΈΠ½ΡΡ.
ΠΠΎ ΠΏΠΎΡΠ²ΠΈΠ»ΠΎΡΡ ΠΈ ΠΌΠ½ΠΎΠΆΠ΅ΡΡΠ²ΠΎ ΡΠ»ΡΡΡΠ΅Π½ΠΈΠΉ Π·Π½Π°ΠΊΠΎΠΌΡΡ ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½ΡΠΎΠ²: Π½Π°ΠΏΡΠΈΠΌΠ΅Ρ, Π²Π΅ΡΡΠΈΠΊΠ°Π»ΡΠ½ΠΎΠ΅ Π²ΡΡΠ°Π²Π½ΠΈΠ²Π°Π½ΠΈΠ΅ ΡΠ΅ΠΊΡΡΠΎΠ²ΠΎΠ³ΠΎ Π±Π»ΠΎΠΊΠ° Π²Π½ΡΡΡΠΈ ΡΠ΅Π±Ρ ΠΈ ΠΎΡΡΡΡΠΏ ΠΏΠ΅ΡΠ²ΠΎΠΉ ΡΡΡΠΎΠΊΠΈ; ΠΎΠΏΡΠΈΡ Π°Π²ΡΠΎΡΠΌΠ΅Π½ΡΡΠ΅Π½ΠΈΡ ΡΠ°Π·ΠΌΠ΅ΡΠ° ΡΠ΅ΠΊΡΡΠΎΠ²ΠΎΠ³ΠΎ Π±Π»ΠΎΠΊΠ° ΠΏΠΎ Π΄Π»ΠΈΠ½Π΅ ΡΡΡΠΎΠΊΠΈ (Π³ΠΎΡΠΈΠ·ΠΎΠ½ΡΠ°Π»ΡΠ½ΠΎ) ΠΈΠ»ΠΈ ΠΏΠΎ ΠΊΠΎΠ»ΠΈΡΠ΅ΡΡΠ²Ρ ΡΡΡΠΎΠΊ (Π²Π΅ΡΡΠΈΠΊΠ°Π»ΡΠ½ΠΎ) ΠΈ ΡΠ°ΠΊ Π΄Π°Π»Π΅Π΅.
ΠΠ½ΡΠ΅Π³ΡΠ°ΡΠΈΡ Ρ Framer
ΠΠΎΠ±Π°Π²ΠΈΠ»ΠΈ Π² ΠΊΠΎΠ½ΡΠ΅ Π΄Π΅ΠΊΠ°Π±ΡΡ. ΠΠΎΠ΄ΡΠΎΠ±Π½Π΅Π΅ ΠΌΠΎΠΆΠ½ΠΎ ΠΏΡΠΎΡΠΈΡΠ°ΡΡ Π·Π΄Π΅ΡΡ.
ΠΠΌΠΏΠΎΡΡ ΠΈΠ· Sketch
ΠΡΠ΅ ΡΠ²ΠΎΠΈ ΠΏΡΠΎΠ΅ΠΊΡΡ ΠΌΠΎΠΆΠ½ΠΎ ΠΏΡΠΎΡΡΠΎ ΠΏΠ΅ΡΠ΅Π½Π΅ΡΡΠΈ ΠΈΠ· Sketch Π±Π΅Π· Π΅Π΄ΠΈΠ½ΠΎΠΉ ΠΏΠΎΡΠ΅ΡΠΈ. ΠΠΎ Π²ΡΡΠΊΠΎΠΌ ΡΠ»ΡΡΠ°Π΅, Ρ Π½Π΅ Π·Π°ΠΌΠ΅ΡΠΈΠ» Π½ΠΈ ΠΏΠΎΡΠ΅ΡΡΠ²ΡΠΈΡ ΡΡ ΡΡΠΈΡΡΠΎΠ², Π½ΠΈ ΠΏΠΎΠ΅Ρ Π°Π²ΡΠΈΡ ΠΊΡΠΈΠ²ΡΡ , Π½ΠΈ Π±ΠΈΡΡΡ ΠΊΠ°ΡΡΠΈΠ½ΠΎΠΊ.
ΠΠΊΡΠΏΠΎΡΡ SVG
ΠΠΎΡΠΎΡΡΠΉ, ΠΏΠΎ ΠΌΠΎΠΈΠΌ ΠΎΡΡΡΠ΅Π½ΠΈΡΠΌ, ΡΠ°Π±ΠΎΡΠ°Π΅Ρ Π»ΡΡΡΠ΅, ΡΠ΅ΠΌ Π² Sketch. ΠΠ΅ ΡΠ²Π΅ΡΠ΅Π½, Π² ΡΠ΅ΠΌ ΡΠ΅ΠΊΡΠ΅Ρ, Π½ΠΎ SVG-ΠΈΠΊΠΎΠ½ΠΊΠΈ ΡΡΠ°Π»ΠΈ ΡΠ΅ΠΆΠ΅ ΡΡΡΠ°Π΄Π°ΡΡ ΠΏΠΎΠΏΡΠ»ΡΡΠ½ΡΠΌΠΈ Β«Π±ΠΎΠ»Π΅Π·Π½ΡΠΌΠΈΒ» Π²ΡΠΎΠ΄Π΅ ΠΊΡΠΈΠ²ΡΡ Π³ΡΠ°Π΄ΠΈΠ΅Π½ΡΠΎΠ², ΠΏΡΠΎΠΏΠ°Π²ΡΠΈΡ Π·Π°Π»ΠΈΠ²ΠΎΠΊ ΠΈ ΡΠ°ΡΡΠΈΡΠΎ ΡΠ°ΡΡΡΠΈΡΠΎΠ²Π°Π½Π½ΡΡ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ².
ΠΠΏΠ΅ΡΠ°ΡΠΈΠ²Π½Π°Ρ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΊΠ°
ΠΠ½Π»Π°ΠΉΠ½-ΡΠ°Ρ ΡΠΎ ΡΡΠ΅Π΄Π½ΠΈΠΌ Π²ΡΠ΅ΠΌΠ΅Π½Π΅ΠΌ ΠΎΡΠ²Π΅ΡΠ° Π² Π΄Π²Π°-ΡΡΠΈ ΡΠ°ΡΠ°. Π Π΅Π±ΡΡΠ° ΠΎΡΠ΅Π½Ρ Π²Π½ΠΈΠΌΠ°ΡΠ΅Π»ΡΠ½ΡΠ΅ ΠΈ Π΄Π°ΠΆΠ΅ ΠΏΠΈΡΡΡ ΡΠΊΡΠΈΠ½ΠΊΠ°ΡΡΡ (Π²ΠΈΠ΄Π΅ΠΎΠ·Π°Ρ Π²Π°ΡΡ ΡΠΊΡΠ°Π½Π°), ΠΊΠΎΠ³Π΄Π° Ρ ΠΎΡΡΡ ΡΡΠΎ-ΡΠΎ ΠΎΠ±ΡΡΡΠ½ΠΈΡΡ.
ΠΡΠΎΠ³ΡΠ°ΠΌΠΌΠ° Π±Π΅ΡΠΏΠ»Π°ΡΠ½Π°Ρ
ΠΠ»Ρ ΠΎΡΠ΄Π΅Π»ΡΠ½ΡΡ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Π΅ΠΉ. ΠΠ»Ρ ΠΊΠΎΠΌΠ°Π½Π΄ Figma ΠΎΠΏΡΠ±Π»ΠΈΠΊΠΎΠ²Π°Π» ΡΠΏΠΈΡΠΎΠΊ ΡΠ΅Π½, ΠΊΠΎΡΠΎΡΡΠΉ Π·Π°ΡΠ°Π±ΠΎΡΠ°Π΅Ρ Π² Π½Π°ΡΠ°Π»Π΅ ΠΈΡΠ»Ρ.
Π Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ ΠΌΠΈΠ½ΡΡΠΎΠ²
ΠΠ°Π²ΠΈΡΠΈΠΌΠΎΡΡΡ ΠΎΡ ΠΈΠ½ΡΠ΅ΡΠ½Π΅ΡΠ°
ΠΡΠ΅Π²ΠΈΠ΄Π½ΠΎ, ΡΡΠΎ Π±Π΅Π· Π°ΠΊΡΠΈΠ²Π½ΠΎΠ³ΠΎ ΠΏΠΎΠ΄ΠΊΠ»ΡΡΠ΅Π½ΠΈΡ ΠΏΠΎΡΠ°Π±ΠΎΡΠ°ΡΡ Π² Π±ΡΠ°ΡΠ·Π΅ΡΠ΅ Π½Π΅ ΠΏΠΎΠ»ΡΡΠΈΡΡΡ. ΠΡΡΡ ΠΎΡΠ»Π°ΠΉΠ½-ΠΊΠ»ΠΈΠ΅Π½Ρ, ΠΊΠΎΡΠΎΡΡΠΉ Π²ΡΠ³ΡΡΠ·ΠΈΡ Π²ΡΠ΅ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΡ (ΡΡΠΎΠΈΡ ΡΠΎΠ»ΡΠΊΠΎ ΠΏΠΎΠΉΠΌΠ°ΡΡ ΡΠ΅ΡΡ), Π½ΠΎ Π΅ΡΠ»ΠΈ Π²Ρ Π·Π°ΠΊΡΡΠ»ΠΈ ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΡ, ΠΏΠΎΡΠ»Π΅Π΄Π½ΠΈΠΉ ΡΠ°ΠΉΠ», Π½Π°Π΄ ΠΊΠΎΡΠΎΡΡΠΌ Π²Ρ ΡΠ°Π±ΠΎΡΠ°Π»ΠΈ, ΡΡΠ°Π½Π΅Ρ Π½Π΅Π΄ΠΎΡΡΡΠΏΠ΅Π½.
ΠΠ΅Ρ ΠΎΠΊΡΡΠ³Π»Π΅Π½ΠΈΡ ΠΏΠΎΠ»ΡΠΏΠΈΠΊΡΠ΅Π»Π΅ΠΉ
Π ΡΡΠΎ ΡΠ°Π·Π΄ΡΠ°ΠΆΠ°Π΅Ρ.
ΠΠ°Π»ΠΎ ΡΠ΅ΡΡΡΡΠΎΠ² ΠΈ Π½Π΅Π±ΠΎΠ»ΡΡΠΎΠ΅ ΡΠΎΠΎΠ±ΡΠ΅ΡΡΠ²ΠΎ
Π’ΠΎΠ»ΠΊΠΎΠ²ΡΡ Π°Π½Π°Π»ΠΎΠ³ΠΎΠ² Sketchappsources.com Ρ Π½Π΅ Π½Π°ΡΠ΅Π», Π½ΠΎ ΠΈΠΌΠΏΠΎΡΡ ΠΈΠ· Sketch ΡΠ°Π±ΠΎΡΠ°Π΅Ρ ΠΎΡΠ»ΠΈΡΠ½ΠΎ, ΠΏΠΎΡΡΠΎΠΌΡ ΡΠ°ΡΡΠΈΡΠ½ΠΎ ΠΏΡΠΎΠ±Π»Π΅ΠΌΠ° ΡΠ΅ΡΠ°Π΅ΡΡΡ.
ΠΠ΅Ρ ΠΏΠ»Π°Π³ΠΈΠ½ΠΎΠ²
Π§ΡΠ²ΡΡΠ²ΡΠ΅ΡΡΡ Π½Π΅Ρ Π²Π°ΡΠΊΠ° Craft ΠΈ ΠΏΠ»Π°Π³ΠΈΠ½ΠΎΠ² Π΄Π»Ρ Π²ΡΠ³ΡΡΠ·ΠΊΠΈ ΡΠΊΡΠ°Π½ΠΎΠ² Π² Marvel ΠΈΠ»ΠΈ InVision. ΠΠΎΡΠ²Π»Π΅Π½ΠΈΠ΅ Π² Figma β Π²ΡΠ΅Π³ΠΎ Π»ΠΈΡΡ Π²ΠΎΠΏΡΠΎΡ Π²ΡΠ΅ΠΌΠ΅Π½ΠΈ.
ΠΡΠ²ΠΎΠ΄Ρ
Sketch ΠΏΠΎΠ΄Π³ΠΎΡΠΎΠ²ΠΈΠ» ΠΏΠΎΡΠ²Ρ Π΄Π»Ρ ΡΠΎΠ³ΠΎ, ΡΡΠΎΠ±Ρ ΠΏΡΠΎΠ΄ΡΠΊΡΡ Π²ΡΠΎΠ΄Π΅ Figma ΡΠ²ΠΈΠ΄Π΅Π»ΠΈ ΡΠ²Π΅Ρ, Π½ΠΎ Π² ΠΊΠΎΠ½ΠΊΡΡΠ΅Π½ΡΠ½ΠΎΠΉ Π±ΠΎΡΡΠ±Π΅ ΠΎΠ½ Π½Π°ΡΠ°Π» ΠΎΡΡΡΠ°Π²Π°ΡΡ, ΠΈ ΡΡΠΎ Ρ ΠΎΡΠΎΡΠΈΠΉ ΡΠ°Π½Ρ Π²Π·ΡΡΡ ΡΠ°ΠΉΠΌΠ°ΡΡ ΠΈ Π½Π΅ΡΠΏΠ΅ΡΠ½ΠΎ ΡΠ°ΡΡΠΌΠΎΡΡΠ΅ΡΡ Π΄ΡΡΠ³ΠΈΠ΅ Π²Π°ΡΠΈΠ°Π½ΡΡ.
ΠΠΎΠΌΠ°Π½Π΄Π° Statsbot Π±ΡΡΡΡΠΎ ΠΈ Π½Π΅Π·Π°ΠΌΠ΅ΡΠ½ΠΎ ΠΏΠ΅ΡΠ΅ΠΊΠ»ΡΡΠΈΠ»Π°ΡΡ Π½Π° Figma, ΠΈ ΡΠ΅ΡΠ΅Π· ΠΌΠ΅ΡΡΡ ΠΊΠ°ΠΆΠ΄ΡΠΉ ΡΡΠ°Π» ΠΏΠΎΠ½ΠΈΠΌΠ°ΡΡ, ΡΡΠΎ ΠΏΡΠΎΠΈΡΡ ΠΎΠ΄ΠΈΡ Ρ Π΄ΠΈΠ·Π°ΠΉΠ½ΠΎΠΌ Π² ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠΈ ΠΈ Π½Π° ΠΊΠ°ΠΊΠΎΠΉ ΡΡΠ°Π΄ΠΈΠΈ Π½Π°Ρ ΠΎΠ΄ΠΈΡΡΡ ΠΈΡ Π·Π°Π΄Π°ΡΠ°. Π Ρ ΡΡΠ°Π» ΡΡΠ°ΡΠΈΡΡ ΠΌΠ΅Π½ΡΡΠ΅ Π²ΡΠ΅ΠΌΠ΅Π½ΠΈ Π½Π° ΠΎΠ±ΡΡΠΆΠ΄Π΅Π½ΠΈΡ ΠΈ ΠΏΠ΅ΡΠ΅ΠΏΠΈΡΠΊΡ β βΠ²ΡΡ Β«ΠΏΠ΅ΡΠ΅ΠΊΠΎΡΠ΅Π²Π°Π»ΠΎΒ» Π² ΠΊΠΎΠΌΠΌΠ΅Π½ΡΠ°ΡΠΈΠΈ.
Π€ΡΠΎΠ½ΡΠ΅Π½Π΄-ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΠΈ ΠΏΠ΅ΡΠ΅ΡΡΠ°Π»ΠΈ ΡΡΠ°Π»ΠΊΠΈΠ²Π°ΡΡΡΡ Ρ Π½Π΅Π°ΠΊΡΡΠ°Π»ΡΠ½ΡΠΌΠΈ Π²Π΅ΡΡΠΈΡΠΌΠΈ ΠΌΠ°ΠΊΠ΅ΡΠΎΠ², Π° Ρ β ΠΈΡΠΏΡΡΡΠ²Π°ΡΡ ΡΠ°Π½ΡΠΎΠΌΠ½ΡΠ΅ Π΄Π΅ΠΆΠ° Π²Ρ, ΠΊΠΎΠ³Π΄Π° Π·Π°ΠΊΠ°Π½ΡΠΈΠ²Π°Π» ΡΠ°Π±ΠΎΡΡ Π½Π°Π΄ ΡΠΊΡΠ°Π½ΠΎΠΌ ΠΈ ΠΌΠ½Π΅ Π½Π΅ Π½ΡΠΆΠ½ΠΎ Π±ΡΠ»ΠΎ Π½Π°ΡΡΡΠ°ΠΈΠ²Π°ΡΡ ΡΠΊΡΠΏΠΎΡΡ ΠΈ Π²ΡΠ³ΡΡΠΆΠ°ΡΡ ΡΠΊΡΠ°Π½Ρ Π² Zeplin.
ΠΠ°, Π΅ΡΡΡ ΠΈ ΠΏΠ°ΡΠ° Π½Π΅ΠΏΡΠΈΡΡΠ½ΠΎΡΡΠ΅ΠΉ Π² Figma, Π½ΠΎ ΠΏΠΎ ΡΡΠ°Π²Π½Π΅Π½ΠΈΡ Ρ ΡΠ΅ΠΌΠΈ ΠΏΠ»ΡΡΠ°ΠΌΠΈ, ΡΡΠΎ Ρ ΠΏΠΎΠ»ΡΡΠ°Ρ ΠΎΡ Π΅Π³ΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΡ ΠΊΠ°ΠΆΠ΄ΡΠΉ Π΄Π΅Π½Ρ, ΡΡΠΎ ΠΌΠ΅Π»ΠΎΡΠΈ. ΠΡΠ΅ Π΄ΠΎΡΡΠΎΠΈΠ½ΡΡΠ²Π° Figma Π³ΠΎΠ²ΠΎΡΡΡ ΠΎΠ± ΠΎΡΠ΅Π½Ρ ΠΊΡΠΎΠΏΠΎΡΠ»ΠΈΠ²ΠΎΠΉ ΡΠ°Π±ΠΎΡΠ΅ ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΠΎΠ² Π½Π°Π΄ ΠΏΡΠΎΠ΄ΡΠΊΡΠΎΠΌ ΠΈ ΡΡΡΠΊΠΎΠΌ ΠΏΡΠΈΡΠ»ΡΡΠΈΠ²Π°Π½ΠΈΠΈ ΠΊ ΡΠΎΠΎΠ±ΡΠ΅ΡΡΠ²Ρ, Π° ΡΡΠΎ Π³Π°ΡΠ°Π½ΡΠΈΡΡΠ΅Ρ ΠΏΡΠΈΡΡΠ½ΠΎΠ΅ Π·Π½Π°ΠΊΠΎΠΌΡΡΠ²ΠΎ.
#ΠΠ½ΡΠ΅ΡΡΠ΅ΠΉΡΡ
vc.ru
ΠΠΎΠΈ ΠΏΡΠ°Π²ΠΈΠ»Π° Ρ ΠΎΡΠΎΡΠ΅ΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½-ΡΠΈΡΡΠ΅ΠΌΡ. ΠΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΡ ΠΈ Π°ΡΡ ΠΈΡΠ΅ΠΊΡΡΡΠ° ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡΠ° Π² Figma / Π₯Π°Π±Ρ
Π ΡΡΠΎΠΉ ΡΡΠ°ΡΡΠ΅ Ρ ΠΏΠΎΠΊΠ°ΠΆΡ, ΠΊΠ°ΠΊ ΠΎΡΠ³Π°Π½ΠΈΠ·ΡΡ ΡΡΡΡΠΊΡΡΡΡ ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡΠ°, ΠΊΠΎΡΠΎΡΠ°Ρ ΠΏΠΎΠ·Π²ΠΎΠ»ΠΈΡ Π»Π΅Π³ΠΊΠΎ ΡΠΎΠ·Π΄Π°Π²Π°ΡΡ Π½ΠΎΠ²ΡΠ΅ ΡΠ°Π·Π΄Π΅Π»Ρ ΠΏΡΠΎΠ΄ΡΠΊΡΠ° ΠΈ ΠΌΠ΅Π½ΡΡΡ ΠΈΡ Π΄ΠΈΠ·Π°ΠΉΠ½ Π² Π±ΡΠ΄ΡΡΠ΅ΠΌ.
Π€ΠΈΠ³ΠΌΠ° ΠΈ Π΄ΡΡΠ³ΠΈΠ΅ ΡΠΎΠ²ΡΠ΅ΠΌΠ΅Π½Π½ΡΠ΅ ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½ΡΡ ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡΡ Π·Π°Π΄Π°Π²Π°ΡΡ Π²Π·Π°ΠΈΠΌΠΎΡΠ²ΡΠ·ΠΈ ΠΌΠ΅ΠΆΠ΄Ρ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ°ΠΌΠΈ, ΡΠΏΡΠΎΡΠ°Ρ ΡΠ΅Π΄Π°ΠΊΡΠΈΡΠΎΠ²Π°Π½ΠΈΠ΅ ΠΎΡΠ΄Π΅Π»ΡΠ½ΡΡ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΠΎΠ² ΠΈΠ»ΠΈ ΡΠ΅Π»ΡΡ ΡΠΊΡΠ°Π½ΠΎΠ²; Π³ΡΡΠΏΠΏΠΈΡΠΎΠ²Π°ΡΡ ΠΈΡ Π² Π±ΠΈΠ±Π»ΠΈΠΎΡΠ΅ΠΊΠΈ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΠΎΠ² ΠΈ Π΄Π°Π²Π°ΡΡ ΠΆΠ΅Π»Π°Π΅ΠΌΡΠ΅ ΠΏΡΠ°Π²Π° Π΄ΠΎΡΡΡΠΏΠ°.
ΠΡΠΈ ΠΏΡΠΈΠ½ΡΠΈΠΏΡ ΡΠ΅ΠΏΠ΅ΡΡ Π½Π°Π·ΡΠ²Π°ΡΡ Π΄ΠΈΠ·Π°ΠΉΠ½-ΡΠ·ΡΠΊΠΎΠΌ ΠΈΠ»ΠΈ Π΄ΠΈΠ·Π°ΠΉΠ½-ΡΠΈΡΡΠ΅ΠΌΠΎΠΉ. ΠΡ Π·Π°ΠΊΠ»Π°Π΄ΡΠ²Π°Π΅ΠΌ Π°Π»Π³ΠΎΡΠΈΡΠΌ ΡΠ°Π·ΡΠ°Π±ΠΎΡΠΊΠΈ Π²ΡΠ΅Ρ Π³ΡΠ°ΡΠΈΡΠ΅ΡΠΊΠΈΡ ΠΌΠΎΠ΄ΡΠ»Π΅ΠΉ ΠΈ ΠΌΠΎΠΆΠ΅ΠΌ Π±Π΅ΡΠΊΠΎΠ½Π΅ΡΠ½ΠΎ ΠΌΠ°ΡΡΡΠ°Π±ΠΈΡΠΎΠ²Π°ΡΡ ΠΏΡΠΎΠ΅ΠΊΡ Π½Π° Π²ΡΠ΅ ΡΠΈΠΏΡ ΡΡΡΡΠΎΠΉΡΡΠ² ΠΈ ΡΠ°Π·ΡΠ΅ΡΠ΅Π½ΠΈΡ ΡΠΊΡΠ°Π½ΠΎΠ².
ΠΠΎ ΠΌΠ΅ΡΠΎΠ΄ΠΎΠ»ΠΎΠ³ΠΈΠΈ ΠΡΠΎΠΌΠ°ΡΠ½ΠΎΠ³ΠΎ Π΄ΠΈΠ·Π°ΠΉΠ½Π°, Ρ Π½Π°ΡΠ½Ρ Ρ Π°ΡΠΎΠΌΠΎΠ² ΠΈ Π±ΡΠ΄Ρ Π΄Π²ΠΈΠ³Π°ΡΡΡΡ Π΄Π°Π»ΡΡΠ΅ ΠΊ Π±ΠΎΠ»Π΅Π΅ ΡΠ»ΠΎΠΆΠ½ΡΠΌ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΠ°ΠΌ. ΠΡΠ΄Ρ ΡΠ°Π±ΠΎΡΠ°ΡΡ Π² Π€ΠΈΠ³ΠΌΠ΅ ΠΈ ΠΏΡΠΎΠ΄Π΅ΠΌΠΎΠ½ΡΡΡΠΈΡΡΡ, ΡΡΠΎ Ρ Π‘ΠΊΠ΅ΡΡΠ° ΠΏΠΎΡΠ²ΠΈΠ»ΡΡ ΡΠ΅ΡΡΡΠ·Π½ΡΠΉ ΠΊΠΎΠ½ΠΊΡΡΠ΅Π½Ρ.
ΠΡΠ°ΠΊ, ΡΠΎΠ²ΡΠ΅ΠΌΠ΅Π½Π½ΡΠΉ ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½ΡΠ°ΡΠΈΠΉ ΠΏΡΠ΅Π²ΡΠ°ΡΠ°Π΅Ρ ΡΠ°Π±ΠΎΡΡ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅ΡΠ° ΡΠΆΠ΅ Π² ΠΏΠΎΠ»Π½ΠΎΡΠ΅Π½Π½ΡΡ ΡΠ°Π·ΡΠ°Π±ΠΎΡΠΊΡ. ΠΠΎΠ½ΡΡΠΈΠ΅ Π΄ΠΈΠ·Π°ΠΉΠ½-ΡΠΈΡΡΠ΅ΠΌΡ Π½Π΅ ΠΎΠ·Π½Π°ΡΠ°Π΅Ρ Π»ΠΈΡΡ ΡΠΎΠ»ΡΠΊΠΎ Π½Π°Π±ΠΎΡ ui kit Ρ ΠΊΠΎΠ½ΡΠ΅ΠΏΡΡΠ°Π»ΡΠ½ΡΠΌΠΈ ΠΏΡΠ°Π²ΠΈΠ»Π°ΠΌΠΈ ΠΈ ΠΊΡΠ°ΡΠΈΠ²ΡΠΌΠΈ ΠΈΠ»Π»ΡΡΡΡΠ°ΡΠΈΡΠΌΠΈ. ΠΡΠΎ ΠΏΡΠ΅ΠΆΠ΄Π΅ Π²ΡΠ΅Π³ΠΎ ΡΠΈΡΡΠ΅ΠΌΠ° Π²ΠΈΠ·ΡΠ°Π»ΡΠ½ΠΎΠΉ Π°ΡΡ
ΠΈΡΠ΅ΠΊΡΡΡΡ, ΡΠΏΠΎΡΡΠ΄ΠΎΡΠ΅Π½Π½Π°Ρ ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½Π½ΡΠΌ ΠΎΠ±ΡΠ°Π·ΠΎΠΌ. Π‘ Π½Π΅ΠΉ ΡΠ΅ΡΠ½ΠΎ ΠΊΠΎΡΡΠ΅Π»ΠΈΡΡΠ΅Ρ ΠΏΠΎΠ½ΡΡΠΈΠ΅ ΠΏΡΠΎΠ΄ΡΠΊΡΠΎΠ²ΠΎΠ³ΠΎ Π΄ΠΈΠ·Π°ΠΉΠ½Π°, Ρ.ΠΊ. Π΄ΠΈΠ·Π°ΠΉΠ½-ΡΠΈΡΡΠ΅ΠΌΠ° ΠΌΠΎΠΆΠ΅Ρ ΠΎΡ
Π²Π°ΡΡΠ²Π°ΡΡ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ ΠΏΡΠΎΠ΄ΡΠΊΡΠΎΠ² Π²Π½ΡΡΡΠΈ ΠΎΠ΄Π½ΠΎΠΉ ΠΎΡΠ³Π°Π½ΠΈΠ·Π°ΡΠΈΠΈ, ΠΏΠΎΠ΄Π°Π²Π°Ρ ΠΈΡ
ΠΊΠΎΠ½Π΅ΡΠ½ΠΎΠΌΡ ΠΏΠΎΡΡΠ΅Π±ΠΈΡΠ΅Π»Ρ Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΡΠΈΡΠΌΠ΅Π½Π½ΠΎΠ³ΠΎ βΠ΄ΠΈΠ·Π°ΠΉΠ½-ΡΠ·ΡΠΊΠ°β. ΠΡΠ΄Ρ ΡΡΠΈΡΠ°ΡΡ, ΡΡΠΎ Π³ΡΠ°ΠΌΠΎΡΠ½ΠΎΠΌΡ ΡΠΈΡΠ°ΡΠ΅Π»Ρ ΠΎ ΠΏΠ»ΡΡΠ°Ρ
ΡΠ°ΠΊΠΎΠ³ΠΎ ΠΏΠΎΠ΄Ρ
ΠΎΠ΄Π° Π΄Π°Π²Π½ΠΎ ΠΈΠ·Π²Π΅ΡΡΠ½ΠΎ.
Π Π°Π· ΡΡΡΠ΅ΡΡΠ²ΡΠ΅Ρ ΠΏΠΎΠ½ΡΡΠΈΠ΅ βΠ΄ΠΈΠ·Π°ΠΉΠ½-ΡΠ·ΡΠΊβ, Π·Π½Π°ΡΠΈΡ Π½Π° Π½ΡΠΌ ΠΌΠΎΠΆΠ½ΠΎ βΠ³ΠΎΠ²ΠΎΡΠΈΡΡβ. Π Π΅ΡΠ΅ Π»ΡΡΡΠ΅ β ΠΏΠΈΡΠ°ΡΡ. Π‘Π»ΠΎΠ²Π° ΠΎΠ±ΡΠ°Π·ΡΡΡ ΡΡΠ°Π·Ρ. ΠΠ· ΡΡΠ°Π· ΡΠΎΡΡΠΎΠΈΡ ΠΏΡΠ΅Π΄Π»ΠΎΠΆΠ΅Π½ΠΈΠ΅. Π ΠΈΠ· ΠΏΡΠ΅Π΄Π»ΠΎΠΆΠ΅Π½ΠΈΠΉ ΡΠΆΠ΅ ΡΡΡΠΎΠΈΡΡΡ ΡΠ΅Π»Π°Ρ Π³Π»Π°Π²Π°. ΠΡΠΎ ΠΈΠ½Π°Ρ ΠΌΠ΅ΡΠ°ΡΠΎΡΠ° Atomic designβa ΠΈ ΠΎΠ½Π° ΠΌΠ½Π΅ Π½ΡΠ°Π²ΠΈΡΡΡ Π±ΠΎΠ»ΡΡΠ΅. ΠΠΎΠ³Π΄Π° Π² ΠΈΡΠ»Π΅ ΡΡΠΎΠ³ΠΎ Π³ΠΎΠ΄Π° Π²ΡΡΠ»Π° Figma 2.0, Π±ΡΠΊΠ²Π°Π»ΡΠ½ΠΎ ΡΡΠ°Π·Ρ ΡΡΠ°Π»ΠΎ ΡΡΠ½ΠΎ, ΡΡΠΎ ΡΡΠΎΡ ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½Ρ ΠΈΠ΄Π΅Π°Π»Π΅Π½ Π΄Π»Ρ Π½Π°ΠΏΠΈΡΠ°Π½ΠΈΡ ΡΠ°ΠΊΠΎΠ³ΠΎ ΡΠ·ΡΠΊΠ°. ΠΠ»ΠΈ ΡΠΈΡΡΠ΅ΠΌΡ, Π΅ΡΠ»ΠΈ Ρ ΠΎΡΠΈΡΠ΅. Π£ Π½Π΅Π±ΠΎΠ»ΡΡΠΈΡ ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠΉ ΠΏΠΎΡΠ²ΠΈΠ»Π°ΡΡ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΡ ΠΎΡΠ³Π°Π½ΠΈΠ·ΠΎΠ²Π°ΡΡ Π³ΡΠ°ΠΌΠΎΡΠ½ΡΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½-ΠΌΠ΅Π½Π΅Π΄ΠΆΠΌΠ΅Π½Ρ Π΄Π»Ρ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΈΡ ΠΏΡΠΎΠ΄ΡΠΊΡΠΎΠ² ΠΈ Π½Π΅ Π²ΡΡ ΠΎΠ΄ΠΈΡΡ Π·Π° ΡΠ°ΠΌΠΊΠΈ ΠΎΠ΄Π½ΠΎΠ³ΠΎ Π³ΡΠ°ΡΠΈΡΠ΅ΡΠΊΠΎΠ³ΠΎ ΡΠ΅Π΄Π°ΠΊΡΠΎΡΠ°, Π½Π΅ ΠΏΡΠΈΠ±Π΅Π³Π°Ρ ΠΊ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡΠ΅Π»ΡΠ½ΡΠΌ Π½Π°Π΄ΡΡΡΠΎΠΉΠΊΠ°ΠΌ/ΠΏΠ»Π°Π³ΠΈΠ½Π°ΠΌ. ΠΠΏΡΠΎΡΠ΅ΠΌ, ΠΈ Ρ Π±ΠΎΠ»ΡΡΠΈΡ ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠΉ ΡΠΎΠΆΠ΅, ΠΏΡΠΎΡΡΠΎ ΠΎΠ½ΠΈ ΡΠ°ΠΊ ΠΏΠΎΠ³ΡΡΠ·Π»ΠΈ Π² Π΄Π΅Π±ΡΡΡ ΠΌΡΠ»ΡΡΠΈΠ½ΡΡΡΡΠΌΠ΅Π½ΡΠ°Π»ΠΈΠ·ΠΌΠ°, ΡΡΠΎ ΠΈΠΌ ΡΠ΅ΠΏΠ΅ΡΡ ΠΊΡΠ°ΠΉΠ½Π΅ ΡΠ»ΠΎΠΆΠ½ΠΎ ΠΏΠ΅ΡΠ΅ΡΡΡΠΎΠΈΡΡΡΡ. ΠΡΠΎ Ρ ΠΏΡΠΎ ΡΠΎ, ΡΡΠΎ ΡΠΎΠ»ΡΠΊΠΎ SketchβΠ΅ΠΌ ΠΈΠΌ ΡΠΆΠ΅ Π½Π΅ ΠΎΠ±ΠΎΠΉΡΠΈΡΡ Π΄Π»Ρ ΠΊΠΎΠΌΠ°Π½Π΄Π½ΠΎΠΉ ΠΈΠ³ΡΡ. Π’ΡΡ ΠΈ Craft, ΠΈ InvisionApp, ΠΈ Marvel, ΠΈ Zepplin ΠΈ Π΅ΡΠ΅ ΠΌΠ½ΠΎΠΆΠ΅ΡΡΠ²ΠΎ Π΄ΡΡΠ³ΠΈΡ ΡΡΠ³Π°ΡΠ΅Π»ΡΡΡΠ², ΠΎ ΠΊΠΎΡΠΎΡΡΡ Π²Π΅ΡΠΎΡΡΠ½ΠΎ Π²Ρ ΠΈ Π½Π΅ ΡΠ»ΡΡΠ°Π»ΠΈ.
ΠΡΠΎΡΠ°Ρ Π²Π΅ΡΡΠΈΡ Π€ΠΈΠ³ΠΌΡ ΠΌΠ΅Π½Ρ ΠΏΠΎΠ΄ΠΊΡΠΏΠΈΠ»Π° Π±Π»ΠΈΠ·ΠΎΡΡΡΡ ΠΊ Sketch, ΡΠ°Π±ΠΎΡΠΎΠΉ ΠΏΠΎΠ΄ ΠΌΠ°Π·Π΄Π°Π΅ΠΌ Win ΠΈ ΠΎΡΠΎΠ±ΡΠΉ ΠΈΠ½ΡΠ΅ΡΠ΅Ρ Π²ΡΠ·ΡΠ²Π°Π» Developerβs handoff. ΠΡΠΎ ΡΠ°ΡΡΠΈΡΠ΅Π½ΠΈΠ΅ ΡΠ΅Π΄Π°ΠΊΡΠΎΡΠ° ΡΠΏΠ΅ΡΠΈΠ°Π»ΡΠ½ΠΎ Π΄Π»Ρ ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΠΎΠ². ΠΠ΅Π²Π΅Π»ΠΎΠΏΠ΅ΡΡ ΡΠ΅ΠΏΠ΅ΡΡ ΠΎΡΠΊΡΡΠ²Π°ΡΡ ΠΈΡΡ
ΠΎΠ΄Π½ΠΈΠΊ Π² Π±ΡΠ°ΡΠ·Π΅ΡΠ΅, Π²ΠΈΠ΄ΡΡ Π²ΡΠ΅ ΠΎΡΡΡΡΠΏΡ ΠΈ ΠΌΠΎΠ³ΡΡ Π·Π°Π±ΠΈΡΠ°ΡΡ ΠΊΠΎΠ΄ Π»ΡΠ±ΠΎΠ³ΠΎ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ° Π² CSS, Swift ΠΈΠ»ΠΈ Android XML. ΠΠΎΠ»Π»Π°Π±ΠΎΡΠ°ΡΠΈΡ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅ΡΠΎΠ² ΠΈ ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΠΎΠ² ΡΡΠ°Π»Π° Π΅ΡΠ΅ Π½Π΅ΠΌΠ½ΠΎΠ³ΠΎ ΡΡΡΠ΅ΠΊΡΠΈΠ²Π½Π΅Π΅. ΠΡΠΎΠΈΠ·Π²ΠΎΠ΄ΠΈΡΠ΅Π»ΡΠ½ΠΎΡΡΡ ΠΈΠ½ΡΠ΅Π³ΡΠ°ΡΠΈΠΈ Π»ΡΠ±ΠΎΠ³ΠΎ Π΄ΠΈΠ·Π°ΠΉΠ½Π° ΡΡΠΊΠΎΡΡΠ΅ΡΡΡ Π² 2-4 ΡΠ°Π·Π°. ΠΡΠΎΠ²Π΅ΡΠ΅Π½ΠΎ Π»ΠΈΡΠ½ΠΎ. ΠΡΠ°Π²ΠΎΠΊ ΠΌΠΈΠ½ΠΈΠΌΡΠΌ; Π±Π°Π³ΠΎΠ² Ρ ΠΎΡΡΡΡΠΏΠ°ΠΌΠΈ, ΡΡΠΈΡΡΠ°ΠΌΠΈ ΠΈ ΡΠ°Π·ΠΌΠ΅ΡΠ½ΠΎΡΡΡΠΌΠΈ Π½Π΅Ρ. ΠΡΡ Π³Π΅Π½Π΅ΡΠΈΡΡΠ΅Ρ ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΠ°. ΠΠ΅ΠΎΠ±Ρ
ΠΎΠ΄ΠΈΠΌΠΎΡΡΡ ΠΏΠΈΡΠ°ΡΡ ΠΊΠ°ΠΊΠΈΠ΅-ΡΠΎ ΡΠΏΠ΅ΠΊΡΡ Π² Π΄ΠΎΠΊΡΠΌΠ΅Π½ΡΠ°Ρ
β Π² ΠΏΡΠΎΡΠ»ΠΎΠΌ. Π Π΅ΡΠ»ΠΈ Π²Ρ Π½Π΅Π·Π°Π²ΠΈΡΠΈΠΌΡΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ, ΡΠ°Π±ΠΎΡΠ°Π΅ΡΠ΅ Ρ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΈΠΌΠΈ ΠΊΠ»ΠΈΠ΅Π½ΡΠ°ΠΌΠΈ, ΡΠΎ ΡΠ΅ΠΏΠ΅ΡΡ Π³ΠΎΡΠ°Π·Π΄ΠΎ ΠΏΡΠΎΡΠ΅ ΡΡΡΠ°Π½ΠΎΠ²ΠΈΡΡ ΡΡΡΠ΅ΠΊΡΠΈΠ²Π½ΡΡ ΡΠ²ΡΠ·Ρ Ρ ΠΎΡΠ΄Π΅Π»ΠΎΠΌ ΡΠ°Π·ΡΠ°Π±ΠΎΡΠΊΠΈ Π² ΡΡΠ°ΡΠ΅ Π²Π°ΡΠ΅Π³ΠΎ Π·Π°ΠΊΠ°Π·ΡΠΈΠΊΠ°.
ΠΠ°Π²Π°ΠΉΡΠ΅ ΠΏΠ΅ΡΠ΅ΠΉΠ΄Π΅ΠΌ ΠΊ ΠΏΡΠ°ΠΊΡΠΈΠΊΠ΅. Π‘ΡΡΡ Π΄Π°Π½Π½ΠΎΠΉ ΠΏΡΠ±Π»ΠΈΠΊΠ°ΡΠΈΠΈ Π² ΡΠΎΠΌ, ΡΡΠΎΠ±Ρ ΠΏΡΠΎΠ΄Π΅ΠΌΠΎΠ½ΡΡΡΠΈΡΠΎΠ²Π°ΡΡ ΠΊΠΎΠ½ΠΊΡΠ΅ΡΠ½ΡΠΉ Π°Π»Π³ΠΎΡΠΈΡΠΌ Π²ΠΈΠ·ΡΠ°Π»ΡΠ½ΠΎΠΉ ΡΠ°Π·ΡΠ°Π±ΠΎΡΠΊΠΈ. ΠΠΎΠ²ΠΎΡΡ ΠΏΡΠΎΡΠ΅, ΡΠ°Π·ΡΠ°Π±ΠΎΡΠ°ΡΡ Π΄ΠΈΠ·Π°ΠΉΠ½ ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡΠ° ΡΠ°ΠΊΠΈΠΌ ΠΎΠ±ΡΠ°Π·ΠΎΠΌ, ΡΡΠΎΠ±Ρ Π΅Π³ΠΎ ΠΌΠΎΠΆΠ½ΠΎ Π±ΡΠ»ΠΎ ΠΊΠ°ΡΡΠΎΠΌΠΈΠ·ΠΈΡΠΎΠ²Π°ΡΡ/ΡΠ΅Π΄Π°ΠΊΡΠΈΡΠΎΠ²Π°ΡΡ Π·Π° ΠΌΠΈΠ½ΠΈΠΌΠ°Π»ΡΠ½ΠΎΠ΅ ΡΠΈΡΠ»ΠΎ Π΄Π΅ΠΉΡΡΠ²ΠΈΠΉ. Π ΡΠ΅Π·ΡΠ»ΡΡΠ°ΡΠ΅ ΡΠΎΠ·Π΄Π°Π΅ΡΡΡ Π±ΠΈΠ±Π»ΠΈΠΎΡΠ΅ΠΊΠ° ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΠΎΠ², ΡΠ²ΠΎΠΉΡΡΠ²Π° ΠΊΠΎΡΠΎΡΠΎΠΉ ΡΠ°ΡΠΏΡΠΎΡΡΡΠ°Π½ΡΡΡΡΡ Π½Π° ΡΠ²ΡΠ·Π°Π½Π½ΡΠ΅ Ρ Π½Π΅ΠΉ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ. ΠΠΎΠΌΠ΅Π½ΡΠ»ΠΈ ΡΠ°ΠΌ β ΠΏΠΎΠΌΠ΅Π½ΡΠ»ΠΎΡΡ Π²Π΅Π·Π΄Π΅. Π ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΠ°ΠΌ Π΄Π°ΠΆΠ΅ Π½Π΅ Π½ΡΠΆΠ½ΠΎ Π½Π°ΠΆΠΈΠΌΠ°ΡΡ βrefreshβ β ΠΎΠ½ΠΈ Π²ΠΈΠ΄ΡΡ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΡ Π² ΡΠ΅Π°Π»ΡΠ½ΠΎΠΌ Π²ΡΠ΅ΠΌΠ΅Π½ΠΈ Π½Π° ΡΠ²ΠΎΠΈΡ ΡΠΊΡΠ°Π½Π°Ρ . ΠΠ°ΠΊ Ρ ΡΠΊΠ°Π·Π°Π» Π²ΡΡΠ΅, Π»ΡΠ±ΠΎΠΌ Π΄ΠΈΠ·Π°ΠΉΠ½-ΡΠ·ΡΠΊΠ΅ ΠΈΠ· βΡΠ»ΠΎΠ²β ΠΎΠ±ΡΠ°Π·ΡΡΡΡΡ βΡΡΠ°Π·Ρβ, ΠΈΠ· βΡΡΠ°Π·β ΡΡΡΠΎΠΈΡΡΡ βΠΏΡΠ΅Π΄Π»ΠΎΠΆΠ΅Π½ΠΈΠ΅β, Π° ΠΈΠ· Π½ΠΈΡ ΡΠΎΡΡΠΎΠΈΡ ΡΠ΅Π»Π°Ρ Π³Π»Π°Π²Π°. ΠΠ±ΡΡΡΠ°ΠΊΡΠ½ΠΎ Π³ΠΎΠ²ΠΎΡΡ, Π½Π°ΠΌ Π½ΡΠΆΠ½Π° Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΡ Π±ΡΡΡΡΠΎ Π·Π°ΠΌΠ΅Π½ΠΈΡΡ Π² ΠΎΠ΄Π½ΠΎΠΉ Π³Π»Π°Π²Π΅ Π»ΡΠ±ΠΎΠ΅ βΡΠ»ΠΎΠ²ΠΎβ Π½Π° Π΄ΡΡΠ³ΠΎΠ΅.
Π― Π½Π°ΡΠ½Ρ Ρ ΡΠ°ΠΌΡΡ ΠΏΡΠΎΡΡΡΡ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ². Π βΡΠ»ΠΎΠ²Π°ΠΌβ ΠΌΠΎΠΆΠ½ΠΎ ΠΎΡΠ½ΠΎΡΠΈΡΡ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΈ h2, h3, h4 ΠΈ Π΄Π°Π»Π΅Π΅, ΠΏΠ°ΡΠ°Π³ΡΠ°Ρ ΡΠ΅ΠΊΡΡΠ°, ΠΈΠΊΠΎΠ½ΠΊΠΈ. ΠΡΠ±ΡΠ΅ ΠΏΡΠΎΡΡΠ΅ΠΉΡΠΈΠ΅ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ, ΠΊΠΎΡΠΎΡΡΠ΅ Π²Ρ ΠΎΠ΄ΡΡ Π² ΡΠΎΡΡΠ°Π² Π»ΡΠ±ΠΎΠ³ΠΎ ui kit ΠΈ ΠΈΠ· ΠΊΠΎΡΠΎΡΡΡ ΠΌΠΎΠΆΠ½ΠΎ Π±ΡΠ΄Π΅Ρ Π² Π΄Π°Π»ΡΠ½Π΅ΠΉΡΠ΅ΠΌ ΡΠΎΡΡΠ°Π²ΠΈΡΡ βΡΡΠ°Π·Ρβ. Π― ΡΡΠ°ΡΠ°ΡΡΡ ΠΏΡΠΈΡΡΠ°ΡΡ ΡΠ΅Π±Ρ ΠΊ ΠΏΠΎΡΡΠ΄ΠΊΡ, ΠΏΠΎΡΡΠΎΠΌΡ Π±ΡΠ΄Ρ ΡΠ»Π΅Π΄ΠΈΡΡ Π·Π° Π½Π΅ΠΉΠΌΠΈΠ½Π³ΠΎΠΌ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ². ΠΡΠΎ ΠΎΡΠΎΠ±Π΅Π½Π½ΠΎ Π²Π°ΠΆΠ½ΠΎ, Π΅ΡΠ»ΠΈ Π±ΠΈΠ±Π»ΠΈΠΎΡΠ΅ΠΊΠΎΠΉ Π±ΡΠ΄ΡΡ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡΡΡ Π΄ΡΡΠ³ΠΈΠ΅ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅ΡΡ ΠΈ ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΠΈ. Π₯ΠΎΡΠΎΡΠΈΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ Π½Π°ΡΠΈΠ½Π°Π΅Ρ Π΄Π΅Π»Π°ΡΡ ΡΠ΄ΠΎΠ±Π½ΠΎ Π½Π΅ ΡΠΎΠ»ΡΠΊΠΎ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΡΠΌ, Π½ΠΎ ΠΈ ΠΊΠΎΠ»Π»Π΅Π³Π°ΠΌ.
ΠΠ°Π»Π΅Π΅ ΠΈΠ· ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ° Ρ ΡΠΎΠ·Π΄Π°Ρ ΡΠ°ΠΊ Π½Π°Π·ΡΠ²Π°Π΅ΠΌΡΠΉ βcomponentβ (Ctrl-Alt-K). ΠΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ Π² Figma β ΡΡΠΎ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΡ ΡΠΎΠ·Π΄Π°Π²Π°ΡΡ ΡΠ²ΡΠ·ΠΈ ΠΌΠ΅ΠΆΠ΄Ρ ΠΎΠ΄Π½ΠΎΡΠΈΠΏΠ½ΡΠΌΠΈ Π΅Π΄ΠΈΠ½ΠΈΡΠ°ΠΌΠΈ ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡΠ° ΠΈΠ»ΠΈ ΡΠ΅Π»ΡΠΌΠΈ ΡΠ°Π·Π΄Π΅Π»Π°ΠΌΠΈ. ΠΡΠ»ΠΈ Ρ Π½Π°Π΄Π΅Π»ΡΡ ΡΠ°ΠΊΠΈΠΌ ΡΠ²ΠΎΠΉΡΡΠ²ΠΎΠΌ, Π½Π°ΠΏΡΠΈΠΌΠ΅Ρ ΠΏΠ°ΡΠ°Π³ΡΠ°Ρ ΡΠ΅ΠΊΡΡΠ° ΠΈ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡ Π΅Π³ΠΎ Π½Π° ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½Π½ΡΡ ΡΠΊΡΠ°Π½Π°Ρ ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡΠ° (copy > paste), ΡΠΎ ΠΌΠ½Π΅ Π΄ΠΎΡΡΠ°ΡΠΎΡΠ½ΠΎ ΡΠ΅Π΄Π°ΠΊΡΠΈΡΠΎΠ²Π°ΡΡ ΠΌΠ°ΡΡΠ΅Ρ-ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ, ΡΡΠΎΠ±Ρ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΡ ΡΠ°ΡΠΏΡΠΎΡΡΡΠ°Π½ΠΈΠ»ΠΈΡΡ Π½Π° Π²ΡΠ΅ ΡΠΊΡΠ°Π½Ρ. Π ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠΈ ΠΏΠΎΠ΄ΠΎΠ±Π½ΠΎΠΉ ΠΈΠ΅ΡΠ°ΡΡ ΠΈΠΈ Π²ΡΡ ΡΡΡΡ ΡΡΠΎΠΉ ΡΡΠ°ΡΡΠΈ. Π€ΠΈΠ³ΠΌΠ° ΠΏΠΎΠ΄ΠΊΡΠ°ΡΠΈΠ²Π°Π΅Ρ ΡΠΈΠΎΠ»Π΅ΡΠΎΠ²ΡΠΌ Π²ΡΠ΅ βcomponentsβ Π² Π»Π΅Π²ΠΎΠΉ ΠΊΠΎΠ»ΠΎΠ½ΠΊΠ΅:
βΠ€ΡΠ°Π·Π°β β ΡΡΠΎ ΠΌΠ΅ΡΠ°ΡΠΎΡΠ° Π±ΠΎΠ»Π΅Π΅ ΡΠ»ΠΎΠΆΠ½ΡΡ ΠΌΠΎΠ΄ΡΠ»Π΅ΠΉ, ΠΊΠΎΡΠΎΡΡΠ΅ ΠΌΠΎΠ³ΡΡ ΡΠΎΡΡΠΎΡΡΡ ΠΈΠ· Π΄Π²ΡΡ ΠΈΠ»ΠΈ Π±ΠΎΠ»Π΅Π΅ ΠΏΡΠΎΡΡΠ΅ΠΉΡΠΈΡ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ². ΠΠ°ΠΏΡΠΈΠΌΠ΅Ρ, ΠΊΠ½ΠΎΠΏΠΊΠ°. ΠΠ°ΠΊ ΠΌΠΈΠ½ΠΈΠΌΡΠΌ ΠΎΠ½Π° ΡΠΎΡΡΠΎΠΈΡ ΠΈΠ· ΡΠΎΠ½Π° (ΡΠ°ΡΠ΅ Π²ΡΠ΅Π³ΠΎ ΡΡΠΎ ΠΏΡΡΠΌΠΎΡΠ³ΠΎΠ»ΡΠ½ΠΈΠΊ) ΠΈ Π½Π°Π΄ΠΏΠΈΡΠΈ (label). ΠΠ»ΠΈ ΡΠΎΡΠΌΠ° Π΄Π»Ρ Π²Π²ΠΎΠ΄Π° ΡΠ΅ΠΊΡΡΠ° (input). Π Π΅Ρ ΡΠΎΡΡΠ°Π²Π΅ ΠΈ ΡΠΎΠ½, ΠΈ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ, ΠΈ ΠΏΠ»ΡΠΉΡΡ ΠΎΠ»Π΄Π΅Ρ. Π― ΡΠ΅ΠΉΡΠ°Ρ ΠΎΠ³ΡΠ°Π½ΠΈΡΡΡΡ ΠΎΠ΄Π½ΠΎΠΉ Π»ΠΈΡΡ βΠΏΡΠΈΠ·ΡΠ°ΡΠ½ΠΎΠΉβ ΠΊΠ½ΠΎΠΏΠΊΠΎΠΉ. ΠΠ½Π° Π±ΡΠ΄Π΅Ρ ΡΠΎΡΡΠΎΡΡΡ ΠΈΠ· ΠΏΡΡΠΌΠΎΡΠ³ΠΎΠ»ΡΠ½ΠΈΠΊΠ° Π±Π΅Π· Π·Π°Π»ΠΈΠ²ΠΊΠΈ ΠΈ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΠ° h4 Header.
ΠΠΎΡΠ΅ΠΌΡ ΡΠ°ΠΊ? ΠΡΠ»ΠΈ Π² ΠΏΡΠΎΠ΄ΡΠΊΡΠ΅ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΡΡΡ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ ΡΠ°Π·Π»ΠΈΡΠ½ΡΡ ΠΊΠ½ΠΎΠΏΠΎΠΊ ΠΈΠ»ΠΈ ΡΠΎΡΡΠΎΡΠ½ΠΈΠΉ (primary, secondary, alternative, disabled ΠΈ Ρ.Π΄), ΠΎΠ½ΠΈ ΡΠ°ΡΡΡΠ°Π²Π»Π΅Π½Ρ ΠΏΠΎ ΠΌΠ½ΠΎΠΆΠ΅ΡΡΠ²Ρ ΡΠΊΡΠ°Π½ΠΎΠ² ΠΈ ΠΏΠΎΡΠ²ΠΈΠ»Π°ΡΡ Π½Π΅ΠΎΠ±Ρ ΠΎΠ΄ΠΈΠΌΠΎΡΡΡ ΠΏΠΎΠΌΠ΅Π½ΡΡΡ ΡΡΠΈΡΡ, ΠΌΠ½Π΅ Π΄ΠΎΡΡΠ°ΡΠΎΡΠ½ΠΎ Π²Π½Π΅ΡΡΠΈ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΡ Π²ΡΠ΅Π³ΠΎ Π² ΠΎΠ΄Π½ΠΎΠΌ ΠΌΠ΅ΡΡΠ΅. ΠΠΎΠΌΠ΅Π½ΡΠ² ΡΡΠΈΡΡ Π΄Π»Ρ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΠ°-Β«ΡΠ»ΠΎΠ²Π°Β» h4 Header Ρ Π°Π²ΡΠΎΠΌΠ°ΡΠΈΡΠ΅ΡΠΊΠΈ ΡΠ°ΡΠΏΡΠΎΡΡΡΠ°Π½Ρ ΡΡΠΈ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΡ ΠΈ Π½Π° Π²ΡΡ Π±ΠΈΠ±Π»ΠΈΠΎΡΠ΅ΠΊΡ, ΠΈ Π½Π° Π²ΡΠ΅ ΡΠΊΡΠ°Π½Ρ ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡΠ°. ΠΠΎΡ ΠΏΠΎΡΠ΅ΠΌΡ Π²Π°ΠΆΠ½ΠΎ Π·Π°Π»ΠΎΠΆΠΈΡΡ ΠΊΠΎΡΡΠ΅ΠΊΡΠ½ΡΠΉ Π°Π»Π³ΠΎΡΠΈΡΠΌ Π²ΠΈΠ·ΡΠ°Π»ΡΠ½ΠΎΠΉ ΡΠ°Π·ΡΠ°Π±ΠΎΡΠΊΠΈ Π΅ΡΠ΅ Π² ΡΠ°ΠΌΠΎΠΌ Π½Π°ΡΠ°Π»Π΅.
ΠΠ»Ρ Π²ΠΈΠ·ΡΠ°Π»ΠΈΠ·Π°ΡΠΈΠΈ ΠΈΠ΅ΡΠ°ΡΡ ΠΈΠΈ Π±ΠΎΠ»Π΅Π΅ ΡΠ»ΠΎΠΆΠ½ΡΠ΅ ΠΌΠΎΠ΄ΡΠ»ΠΈ Ρ Π±ΡΠ΄Ρ ΠΎΡΡΠΈΡΠΎΠ²ΡΠ²Π°ΡΡ ΠΏΡΠ°Π²Π΅Π΅. Π ΡΠ΅Π·ΡΠ»ΡΡΠ°ΡΠ΅ ΠΎΠΊΠ°ΠΆΠ΅ΡΡΡ, ΡΡΠΎ Π΄Π²ΠΈΠ³Π°ΡΡΡ ΡΠ»Π΅Π²Π° Π½Π°ΠΏΡΠ°Π²ΠΎ ΠΌΡ ΠΏΠ΅ΡΠ΅Ρ ΠΎΠ΄ΠΈΠΌ ΠΎΡ ΠΏΡΠΎΡΡΡΡ ΠΊ Π±ΠΎΠ»Π΅Π΅ ΡΠ»ΠΎΠΆΠ½ΡΠΌ. ΠΡ βΡΠ»ΠΎΠ²β ΠΊ ΡΠ΅Π»ΠΎΠΉ βΠ³Π»Π°Π²Π΅β.
ΠΠ°ΠΊ Π²Ρ ΡΠΆΠ΅ Π·Π°ΠΌΠ΅ΡΠΈΠ»ΠΈ Π½Π° ΡΠ½ΠΈΠΌΠΊΠ΅ Π²ΡΡΠ΅, ΠΊΠ½ΠΎΠΏΠΊΠ° Π²ΡΠ΄Π΅Π»Π΅Π½Π°, ΠΏΡΠ΅Π²ΡΠ°ΡΠ΅Π½Π° Π² component; Π° Π² ΡΠ°Π·Π²ΠΎΡΠΎΡΠ΅ ΡΠ»Π΅Π²Π° Π²ΠΈΠ΄Π΅Π½ Π΅Ρ ΡΠΎΡΡΠ°Π². Π€ΠΈΠ³ΠΌΠ° ΠΏΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ Π²ΠΊΠ»Π°Π΄ΡΠ²Π°ΡΡ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ Π²Π½ΡΡΡΡ Π΄ΡΡΠ³ΠΎΠ³ΠΎ, ΡΠΎΠ·Π΄Π°Π²Π°Ρ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ ΡΡΠΎΠ²Π½Π΅ΠΉ ΠΈΠ΅ΡΠ°ΡΡ ΠΈΠΈ, ΠΏΡΠΈΡΠ΅ΠΌ ΠΊΠ°ΠΆΠ΄ΡΠΉ ΡΡΠΎΠ²Π΅Π½Ρ ΠΌΠΎΠΆΠ΅Ρ ΠΈΠΌΠ΅ΡΡ ΡΠ²ΠΎΠΈ ΠΎΡΠ²Π΅ΡΠ²Π»Π΅Π½ΠΈΡ. ΠΡΡ Π·Π°Π²ΠΈΡΠΈΡ ΡΠΎΠ»ΡΠΊΠΎ ΠΎΡ ΡΠ»ΠΎΠΆΠ½ΠΎΡΡΠΈ Π΄ΠΈΠ·Π°ΠΉΠ½-ΠΌΠΎΠ΄ΡΠ»Π΅ΠΉ Π΄Π»Ρ ΡΠΎΠ·Π΄Π°Π²Π°Π΅ΠΌΠΎΠ³ΠΎ ΠΏΡΠΎΠ΄ΡΠΊΡΠ°. Π ΠΏΡΠΈΠΌΠ΅ΡΡ, Π΅ΡΠ»ΠΈ Π² Π±ΠΈΠ±Π»ΠΈΠΎΡΠ΅ΠΊΠ΅ Π²Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΡΠ΅ 5 ΡΠ°Π·Π»ΠΈΡΠ½ΡΡ ΡΠΈΠΏΠΎΠ² ΠΊΠ½ΠΎΠΏΠΎΠΊ Ρ ΠΎΠ΄ΠΈΠ½Π°ΠΊΠΎΠ²ΡΠΌ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΠΎΠΌ h4 Header, ΡΠΎ Π²Π½ΠΎΡΠΈΡΡ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΡ ΠΌΠΎΠΆΠ½ΠΎ ΠΊΠ°ΠΊ Π³Π»ΠΎΠ±Π°Π»ΡΠ½ΠΎ ΡΠ°ΠΊ ΠΈ Π»ΠΎΠΊΠ°Π»ΡΠ½ΠΎ. ΠΠ»Ρ Π³Π»ΠΎΠ±Π°Π»ΡΠ½ΡΡ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠΉ ΡΠ΅Π΄Π°ΠΊΡΠΈΡΡΠ΅ΡΡΡ h4 Π½Π° 1-ΠΌ ΡΡΠΎΠ²Π½Π΅, Π° Π΄Π»Ρ Π»ΠΎΠΊΠ°Π»ΡΠ½ΡΡ ΡΠ΅Π΄Π°ΠΊΡΠΈΡΡΠ΅ΠΌ Π²Π»ΠΎΠΆΠ΅Π½Π½ΡΠΉ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ ΡΠΆΠ΅ Π²Π½ΡΡΡΠΈ ΠΊΠΎΠ½ΠΊΡΠ΅ΡΠ½ΠΎΠΉ ΠΊΠ½ΠΎΠΏΠΊΠΈ ΠΈ ΠΏΠΎΠ»ΡΡΠ°Π΅ΠΌ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΡ ΡΠΎΠ»ΡΠΊΠΎ Π΄Π»Ρ ΡΠ΅Ρ ΡΠΊΡΠ°Π½ΠΎΠ², Π³Π΄Π΅ ΡΠ°ΠΊΠ°Ρ ΠΊΠ½ΠΎΠΏΠΊΠ° ΠΏΡΠΈΡΡΡΡΡΠ²ΡΠ΅Ρ. ΠΠ»Ρ Π±ΠΎΠ»ΡΡΠ΅ΠΉ ΡΡΠ½ΠΎΡΡΠΈ Ρ Π·Π°ΠΏΠΈΡΠ°Π» Π²ΠΈΠ΄Π΅ΠΎ: ΡΠ½Π°ΡΠ°Π»Π° Ρ ΠΈΠ·ΠΌΠ΅Π½ΡΡ Π³Π»ΠΎΠ±Π°Π»ΡΠ½ΠΎ Π½Π°Π΄ΠΏΠΈΡΠΈ Ρ ΠΊΠ½ΠΎΠΏΠΎΠΊ, Π° ΠΏΠΎΡΠΎΠΌ Π»ΠΎΠΊΠ°Π»ΡΠ½ΠΎ Ρ ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½Π½ΡΡ ΡΠΈΠΏΠΎΠ².
Π Π²ΠΎΡ ΡΡΡ Π²ΡΠΏΠ»ΡΠ²Π°Π΅Ρ Π½Π΅ΠΊΠΎΡΠΎΡΠ°Ρ ΡΠΏΠΎΡΠ½Π°Ρ ΡΠΏΠ΅ΡΠΈΡΠΈΠΊΠ° ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½ΡΠ°, Π΅ΡΠ»ΠΈ Π²Ρ Π²Π½ΠΎΡΠΈΡΠ΅ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΡ Π»ΠΎΠΊΠ°Π»ΡΠ½ΠΎ Π² Π½ΡΠΆΠ½ΡΡ ΠΊΠ°ΡΠ΅Π³ΠΎΡΠΈΡ ΠΊΠ½ΠΎΠΏΠΎΠΊ, ΡΠΎ Π€ΠΈΠ³ΠΌΠ° ΡΡΠΈΡΠ°Π΅Ρ ΠΈΡ ΠΏΡΠΈΠΎΡΠΈΡΠ΅ΡΠ½ΡΠΌΠΈ. Π ΠΏΠΎΠΏΡΡΠ°Π²ΡΠΈΡΡ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡΡ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ Π³Π»ΠΎΠ±Π°Π»ΡΠ½ΠΎ ΡΠ»Π΅Π΄ΡΡΡΠΈΠΌ ΡΠ°Π³ΠΎΠΌ, Π½Π΅ ΠΏΠΎΠ»ΡΡΠΈΡΠ΅ ΡΠ΅Π·ΡΠ»ΡΡΠ°ΡΠ°.
ΠΠ°ΡΡΠ°Π»ΠΎ Π²ΡΠ΅ΠΌΡ ΡΠΎΠ±ΡΠ°ΡΡ ΡΡΠΎ-ΡΠΎ ΠΏΠΎΡΠ»ΠΎΠΆΠ½Π΅Π΅ ΠΈΠ· βΡΡΠ°Π·β ΠΈ βΡΠ»ΠΎΠ²β. Π― Π±ΡΠ΄Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΡ 1-Π³ΠΎ ΠΈ 2-Π³ΠΎ ΡΡΠΎΠ²Π½Π΅ΠΉ, ΡΡΠΎΠ±Ρ ΡΠΎΡΡΠ°Π²ΠΈΡΡ βΠΏΡΠ΅Π΄Π»ΠΎΠΆΠ΅Π½ΠΈΠ΅β β ΡΠ»Π΅Π΄ΡΡΡΠΈΠΉ 3-ΠΉ ΡΡΠΎΠ²Π΅Π½Ρ. ΠΠΎΡΠ»Π΅Π΄Π½Π΅Π΅ Π²ΡΠ΅ΠΌΡ Ρ ΠΌΠ΅Π½Ρ ΠΌΠ½ΠΎΠ³ΠΎ Π½Π°ΡΠ°Π±ΠΎΡΠΎΠΊ ΠΏΠΎ e-commerce, ΠΏΠΎΡΡΠΎΠΌΡ ΡΠ°ΡΡΠΌΠΎΡΡΠΈΠΌ ΡΡΠΎΡ ΡΠ°Π³ Π½Π° ΠΏΡΠΈΠΌΠ΅ΡΠ΅ ΠΌΠΈΠ½ΠΈ-ΠΊΠ°ΡΡΠΎΡΠΊΠΈ Π΄Π»Ρ Π²ΠΈΡΡΠΈΠ½Ρ ΠΌΠΎΠ±ΠΈΠ»ΡΠ½ΠΎΠ³ΠΎ ΠΈΠ½ΡΠ΅ΡΠ½Π΅Ρ-ΠΌΠ°Π³Π°Π·ΠΈΠ½Π°.
ΠΠΈΠ½ΠΈ ΠΊΠ°ΡΡΠΎΡΠΊΠ° ΡΠΎΡΡΠΎΠΈΡ ΠΈΠ· ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΠΎΠ²: h3 (ΡΡΠΎΠΈΠΌΠΎΡΡΡ), h4 (Π½Π°Π·Π²Π°Π½ΠΈΠ΅ ΡΠΎΠ²Π°ΡΠ°), Paragraph (ΠΊΡΠ°ΡΠΊΠΎΠ΅ ΠΎΠΏΠΈΡΠ°Π½ΠΈΠ΅), BTN Ghost (ΠΊΠ½ΠΎΠΏΠΊΠ° Π΄ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΡ), ΠΈΠΊΠΎΠ½ΠΊΠΈ, ΡΠΎΠ½Π° ΠΈ ΡΠΎΡΠΎΠ³ΡΠ°ΡΠΈΠΈ. ΠΠ΅ΡΡ ΡΠΎΡΡΠ°Π² ΠΏΠ΅ΡΠ΅ΡΠΈΡΠ»Π΅Π½ ΡΠ»Π΅Π²Π° Π½Π° ΡΠΊΡΠ°Π½Π΅ Π²ΡΡΠ΅. Π¨ΠΈΡΠΈΠ½Π° ΠΊΠ°ΡΡΠΎΡΠΊΠΈ Π²ΡΠ±ΡΠ°Π½Π° ΡΠ°ΠΊΠΈΠΌ ΠΎΠ±ΡΠ°Π·ΠΎΠΌ, ΡΡΠΎΠ±Ρ Π½Π° ΡΠΊΡΠ°Π½Π΅ ΡΠΌΠ°ΡΡΡΠΎΠ½Π° ΡΠΌΠ΅ΡΡΠΈΠ»ΠΎΡΡ Π΄Π²Π΅ Π² ΡΡΠ΄Ρ. ΠΠΎ Π°Π½Π°Π»ΠΎΠ³ΠΈΠΈ Π΅Ρ ΡΠ»Π΅Π΄ΡΠ΅Ρ ΠΏΡΠ΅Π²ΡΠ°ΡΠΈΡΡ Π² ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ, ΡΡΠΎΠ±Ρ Π½Π°ΠΏΠΈΡΠ°ΡΡ Π½Π°ΡΡ ΠΏΠ΅ΡΠ²ΡΡ βΠ³Π»Π°Π²Ρβ.
Π’Π°ΠΊΡΡ ΠΊΠ°ΡΡΠΎΡΠΊΡ ΠΌΠΎΠΆΠ½ΠΎ Π½Π°Π·Π²Π°ΡΡ ΠΌΠΎΠ΄ΡΠ»ΡΠ½ΠΎΠΉ, Ρ.ΠΊ. ΠΎΠ½Π° ΡΠΎΠ΄Π΅ΡΠΆΠΈΡ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΡ ΠΏΠ΅ΡΠ²ΡΡ Π΄Π²ΡΡ ΡΡΠΎΠ²Π½Π΅ΠΉ. ΠΠ΅ΡΡ Π΄ΠΈΠ·Π°ΠΉΠ½ ΠΏΡΠΎΠ΄ΡΠΊΡΠ° ΠΌΠΎΠΆΠ΅Ρ ΠΈΠΌΠ΅ΡΡ ΠΌΠΎΠ΄ΡΠ»ΡΠ½ΡΡ ΡΡΡΡΠΊΡΡΡΡ, Ρ.ΠΊ. ΡΠΎΠ±ΠΈΡΠ°Π΅ΡΡΡ ΠΈΠ· ΡΡ ΠΎΠΆΠΈΡ ΠΏΠΎ ΡΡΡΡΠΊΡΡΡΠ΅ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΠΎΠ². ΠΠΎΠ΄ΡΠ»ΡΠ½ΠΎΡΡΡ ΡΠΏΠΎΡΠΎΠ±ΡΡΠ²ΡΠ΅Ρ ΠΏΠΎΡΡΠ΄ΠΊΡ ΠΈ ΡΠ°Π΄ΡΠ΅Ρ ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΠΎΠ², Ρ.ΠΊ. Π΄Π΅ΠΉΡΡΠ²ΡΡ ΠΏΠΎ ΡΠΈΡΡΠ΅ΠΌΠ΅ Π»ΡΡΡΠ΅ Π²Π·ΡΡΡ ΠΈΠ· Π±ΠΈΠ±Π»ΠΈΠΎΡΠ΅ΠΊΠΈ Π³ΠΎΡΠΎΠ²ΡΡ ΠΌΠΈΠ½ΠΈ-ΠΊΠ°ΡΡΠΎΡΠΊΡ ΠΈ Π·Π°ΠΌΠΎΡΡΠΈΡΡ Π΅ΠΉ ΡΠΊΡΠ°Π½. ΠΠΎΠΆΠ½ΠΎ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡΡ ΡΠΎΠΎΡΠ½ΠΎΡΠ΅Π½ΠΈΠ΅ ΡΡΠΎΡΠΎΠ½, Π²ΡΡΠΎΡΡ, ΡΠΈΡΠΈΠ½Ρ, ΡΡΠΈΡΡΡ Π½Π°ΠΊΠΎΠ½Π΅Ρ. ΠΠΎΠ²ΠΎΡΡ ΠΏΡΠΎΡΠ΅: Π½Π΅ Π½ΡΠΆΠ½ΠΎ Π² Π±ΠΈΠ±Π»ΠΈΠΎΡΠ΅ΠΊΠ΅ ΠΊΠ»ΠΎΠ½ΠΈΡΠΎΠ²Π°ΡΡ ΠΌΠ½ΠΎΠ³ΠΎ ΡΠ°Π·Π½ΡΡ ΠΌΠ°ΡΡΠ΅Ρ-ΠΊΠ°ΡΡΠΎΡΠ΅ΠΊ, Π² ΠΊΠΎΡΠΎΡΡΡ Π²Ρ ΠΏΠΎΡΠ΅ΡΡΠ΅ΡΠ΅ΡΡ ΠΏΠΎ ΠΌΠ΅ΡΠ΅ ΡΠ°Π·Π²ΠΈΡΠΈΡ Π²Π°ΡΠ΅Π³ΠΎ ΠΏΡΠΎΠ΄ΡΠΊΡΠ°. Π€ΠΈΠ³ΠΌΠ° ΠΏΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ Π²Π½ΠΎΡΠΈΡΡ Π½Π΅Π±ΠΎΠ»ΡΡΠΈΠ΅ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΡ ΠΈ ΡΠΎΡ ΡΠ°Π½ΠΈΡΡ ΡΡΡ ΠΌΠ°ΡΡΠ΅Ρ-ΡΠ²ΡΠ·Ρ Π΄Π»Ρ Π±ΡΡΡΡΠΎΠ³ΠΎ ΡΠ΅Π΄Π°ΠΊΡΠΈΡΠΎΠ²Π°Π½ΠΈΡ.
ΠΡ ΠΏΡΠΈΠ±Π»ΠΈΠ·ΠΈΠ»ΠΈΡΡ ΠΊ ΡΠ°ΠΌΠΎΠΌΡ ΠΈΠ½ΡΠ΅ΡΠ΅ΡΠ½ΠΎΠΌΡ. Π ΠΌΠ΅ΡΠ°ΡΠΎΡΠ΅, Ρ ΠΊΠΎΡΠΎΡΠΎΠΉ Ρ Π½Π°ΡΠ°Π», βΠ³Π»Π°Π²Π°β ΡΠ²Π»ΡΠ΅ΡΡΡ ΡΠ΅ΠΌ ΡΡΠΎΠ²Π½Π΅ΠΌ, Π³Π΄Π΅ ΠΏΠΎΠ΄Π°ΡΡΡΡ ΡΠΆΠ΅ ΡΠ°ΠΌΠΎΡΡΠΎΡΡΠ΅Π»ΡΠ½ΡΠ΅ ΠΈ ΠΏΠΎΠ»Π½ΠΎΡΠ΅Π½Π½ΡΠ΅ ΡΠΊΡΠ°Π½Ρ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΡ.
Π βΠ³Π»Π°Π²Ρβ ΠΌΠΎΠΆΠ½ΠΎ ΠΎΠ±ΠΎΠ±ΡΠΈΡΡ ΠΌΠ½ΠΎΠΆΠ΅ΡΡΠ²ΠΎ ΠΎΠ΄Π½ΠΎΡΠΈΠΏΠ½ΡΡ ΡΠΊΡΠ°Π½ΠΎΠ², Π½Π°ΠΏΡΠΈΠΌΠ΅Ρ ΡΠ°Π·Π½ΡΡ ΡΠΎΡΠΌ-ΡΠ°ΠΊΡΠΎΡΠΎΠ². Π€ΠΈΠ³ΠΌΠ° ΠΏΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ Π±ΡΡΡΡΠΎ ΡΠ°ΡΡΡΠ°Π²ΠΈΡΡ constraints (Π½Π°ΡΡΡΠΎΠΈΡΡ Π°Π΄Π°ΠΏΡΠΈΠ²Π½ΠΎΡΡΡ), Π±Π»Π°Π³ΠΎΠ΄Π°ΡΡ ΡΠ΅ΠΌΡ ΠΌΠΈΠ½ΠΈ-ΠΊΠ°ΡΡΠΎΡΠΊΡ ΠΌΠΎΠΆΠ½ΠΎ ΡΠ²Π΅Π»ΠΈΡΠΈΡΡ Π΄Π»Ρ ΠΏΠ»Π°Π½ΡΠ΅ΡΠ½ΠΎΠΉ ΠΈΠ»ΠΈ Π΄Π΅ΡΠΊΡΠΎΠΏ Π²Π΅ΡΡΠΈΠΈ, Π½Π΅ ΠΏΠΎΡΠ΅ΡΡΠ² ΡΠ²ΡΠ·Ρ Ρ ΠΌΠ°ΡΡΠ΅Ρ-ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΠΎΠΌ. ΠΠ»ΡΡ ΠΊΠΎ Π²ΡΠ΅ΠΌΡ ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΠ°ΠΌ ΡΡΠ°Π½ΠΎΠ²ΠΈΡΡΡ ΠΏΠΎΠ½ΡΡΠ½Π° Π°Π΄Π°ΠΏΡΠΈΠ²Π½ΠΎΡΡΡ Π»ΡΠ±ΠΎΠ³ΠΎ ΠΌΠΎΠ΄ΡΠ»Ρ. ΠΠΎΠΏΡΠΎΡΠΎΠ² ΠΏΡΠΎΡΡΠΎ Π½Π΅ Π²ΠΎΠ·Π½ΠΈΠΊΠ°Π΅Ρ.
Π’Π°ΠΊΠΈΠΌ ΠΎΠ±ΡΠ°Π·ΠΎΠΌ ΠΏΠΎΠ»ΡΡΠ°Π΅ΠΌ Π΅ΡΠ΅ Π±ΠΎΠ»ΡΡΠ΅ β ΡΡΠ°Π½ΡΠ»ΡΡΠΈΡ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠΉ ΠΏΠΎΠ΄ Π²ΡΠ΅ ΡΡΡΡΠΎΠΉΡΡΠ²Π°. ΠΡΡΠ°ΡΠΈ, Π±ΡΠΊΠ²Π°Π»ΡΠ½ΠΎ Π½Π΅Π΄Π°Π²Π½ΠΎ Π²ΡΠ΅ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΡ ΡΠ΄ΠΎΠ±Π½ΠΎ Π²ΡΠ½Π΅ΡΠ»ΠΈ Π² ΠΎΡΠ΄Π΅Π»ΡΠ½ΡΠΉ ΡΠ°Π·Π΄Π΅Π» ΡΠ»Π΅Π²Π°, ΠΏΠΎΠΏΠ°ΡΡΡ Π² ΠΊΠΎΡΠΎΡΡΠΉ ΠΌΠΎΠΆΠ½ΠΎ ΡΠ΅ΡΠ΅Π· ΡΠ°Π±Ρ ΡΠ½ΠΈΠ·Ρ. ΠΠΎΠ±Π°Π²Π»ΡΡΡ ΠΌΠΎΠ΄ΡΠ»ΠΈ ΠΌΠΎΠΆΠ½ΠΎ ΡΠ΅ΡΠ΅Π· dragβnβdrop. ΠΠΎ ΡΡΠΎΠ³ΠΎ ΠΏΡΠΈΡ ΠΎΠ΄ΠΈΠ»ΠΎΡΡ ΡΠΈΠ»ΡΠ½ΠΎ ΠΌΡΡΠ°ΡΡΡΡ Π² ΠΏΠΎΠΈΡΠΊΠ΅ ΡΠ°Π·Π±ΡΠΎΡΠ°Π½Π½ΡΡ ΠΏΠΎ Ρ ΠΎΠ»ΡΡΡ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΠΎΠ², ΠΊΠΎΠ³Π΄Π° ΡΠΊΡΠ°Π½ΠΎΠ² ΠΌΠ½ΠΎΠ³ΠΎ.
Π ΡΠ΅Π·ΡΠ»ΡΡΠ°ΡΠ΅ ΠΏΡΠΈΠΌΠ΅Π½Π΅Π½ΠΈΡ ΠΏΠΎΠ΄ΠΎΠ±Π½ΠΎΠ³ΠΎ Π΄ΠΈΠ·Π°ΠΉΠ½-ΠΌΠ΅Π½Π΅Π΄ΠΆΠΌΠ΅Π½ΡΠ° ΠΌΡ ΠΏΠΎΠ»ΡΡΠ°Π΅ΠΌ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΡ Π±ΡΡΡΡΠΎ ΠΈ ΠΎΠΏΠ΅ΡΠ°ΡΠΈΠ²Π½ΠΎ Π²Π½Π΅Π΄ΡΡΡΡ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΡ Π² Π½Π°Π±ΠΎΡ ΡΠΊΡΠ°Π½ΠΎΠ²:
Π‘ΡΠΎΠΈΡ ΡΠΊΠ°Π·Π°ΡΡ, ΡΡΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ ΡΠΎΠ»ΡΠΊΠΎ ΡΡΠΈΡ ΡΠΈΡ Π½Π΅ ΡΠ΄Π΅Π»Π°Π΅Ρ Π²Π°Ρ Ρ ΠΎΡΠΎΡΠΈΠΌ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅ΡΠΎΠΌ, Π½ΠΎ ΡΠΆΠ΅ ΠΏΡΠΎΠ΄Π΅ΠΌΠΎΠ½ΡΡΡΠΈΡΡΠ΅Ρ Π²Π°Ρ Π³ΡΠ°ΠΌΠΎΡΠ½ΡΠΉ ΠΏΠΎΠ΄Ρ ΠΎΠ΄ ΠΊ Π΄ΠΈΠ·Π°ΠΉΠ½-ΠΌΠ΅Π½Π΅Π΄ΠΆΠ΅ΠΌΠ΅Π½ΡΡ. Π Π΅ΡΠ°ΡΡ ΠΏΠΎΠ²ΡΠ΅Π΄Π½Π΅Π²Π½ΡΠ΅ Π·Π°Π΄Π°ΡΠΈ ΡΠ΅ΠΏΠ΅ΡΡ ΡΠ΄Π°ΡΡΡΡ ΡΡΡΠ΅ΠΊΡΠΈΠ²Π½Π΅Π΅, Π° Π·Π½Π°ΡΠΈΡ ΡΠ°Π·ΡΠ°Π±ΠΎΡΠΊΠ° ΠΏΡΠΎΠ΄ΡΠΊΡΠ° ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½Π½ΠΎ ΡΡΠΊΠΎΡΠΈΡΡΡ. Π Π€ΠΈΠ³ΠΌΠ΅ ΠΊΡΠ°ΠΉΠ½Π΅ ΡΠΌΠ½ΡΠΉ mass-select, ΠΏΡΠ°ΠΊΡΠΈΡΠ΅ΡΠΊΠΈ ΠΈΠ΄Π΅Π°Π»ΡΠ½ΡΠΉ snap ΠΈ ΠΎΠ΄ΠΈΠ½ ΠΈΠ· ΡΠ°ΠΌΡΡ ΠΏΡΠΎΠ΄Π²ΠΈΠ½ΡΡΡΡ pen tool. Π Π΄Π»Ρ ΠΎΠΏΡΠΈΠΌΠ°Π»ΡΠ½ΠΎΠΉ ΠΊΠΎΠΌΠ°Π½Π΄Π½ΠΎΠΉ ΠΈΠ³ΡΡ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ ΠΏΠΎΠ΄ΠΎΠ±Π½ΠΎΠΉ Π°ΡΡ ΠΈΡΠ΅ΠΊΡΡΡΡ ΡΠΆΠ΅ Π½Π΅ΠΎΠ±Ρ ΠΎΠ΄ΠΈΠΌΠΎΡΡΡ.
Π― ΡΠ²Π΅ΡΠ΅Π½, ΡΡΠΎ ΡΡΠ΅Π΄ΠΈ ΡΠΈΡΠ°ΡΠ΅Π»Π΅ΠΉ Π½Π°ΠΉΠ΄ΡΡΡΡ ΡΠ΅, Π΄Π»Ρ ΠΊΠΎΡΠΎΡΡΡ ΡΠ°ΠΊΠΎΠΉ ΠΏΠΎΠ΄Ρ ΠΎΠ΄ ΡΠΆΠ΅ ΡΡΠ°Π½Π΄Π°ΡΡΠ½ΡΠΉ. Π‘Π΅Π³ΠΎΠ΄Π½Ρ ΠΌΠ½ΠΎΠ³ΠΈΠ΅ ΠΊΠΎΠ½ΡΠ΅ΠΏΡΠΈΠΈ ΠΈ ΠΏΡΠΈΠ½ΡΠΈΠΏΡ ΠΊΠ°ΠΆΡΡΡΡ Π²ΠΏΠΎΠ»Π½Π΅ Π΅ΡΡΠ΅ΡΡΠ²Π΅Π½Π½ΡΠΌΠΈ, Ρ ΠΎΡΡ Π΅ΡΠ΅ Π²ΡΠ΅ΡΠ° ΠΌΡ Π³ΠΎΠ²ΠΎΡΠΈΠ»ΠΈ βWow!β. Π― Π΄ΡΠΌΠ°Ρ, ΡΡΠΎ ΠΎΠΊΠΎΠ½ΡΠ°ΡΠ΅Π»ΡΠ½ΡΠΉ wow-ΡΠ°ΠΊΡΠΎΡ Π² ΡΠ»ΡΡΠ°Π΅ Ρ Figma, ΡΡΠΎ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΡ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΡ ΡΠΎΠ·Π΄Π°Π½Π½ΠΎΠΉ ΠΏΠΎ Π²ΡΡΠ΅ΠΎΠΏΠΈΡΠ°Π½Π½ΡΠΌ ΠΏΡΠΈΠ½ΡΠΈΠΏΠ°ΠΌ Π±ΠΈΠ±Π»ΠΈΠΎΡΠ΅ΠΊΠΈ Π²Π½ΡΡΡΠΈ ΠΎΡΠ³Π°Π½ΠΈΠ·Π°ΡΠΈΠΈ Π±Π΅Π· Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡΠ΅Π»ΡΠ½ΡΡ ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½ΡΠΎΠ², ΠΏΠ»Π°Π³ΠΈΠ½ΠΎΠ² ΠΈΠ»ΠΈ Π½Π°Π΄ΡΡΡΠΎΠ΅ΠΊ. ΠΡΡ, ΡΡΠΎ Π½ΡΠΆΠ½ΠΎ ΡΠ΄Π΅Π»Π°ΡΡ, ΡΡΠΎ Π΄ΠΎΠ±Π°Π²ΠΈΡΡ Π²ΡΠ΅ Π²Π°ΡΠΈ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΡ Π² βTeam libraryβ ΠΈ ΡΠ°Π·Π΄Π°ΡΡ ΡΡΡΠ»ΠΊΡ Π²ΡΠ΅ΠΌ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅ΡΠ°ΠΌ ΠΈ ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΠ°ΠΌ Π² ΠΊΠΎΠΌΠ°Π½Π΄Π΅. ΠΠΈΠ·Π°ΠΉΠ½Π΅ΡΡ ΡΠΎΠ±ΠΈΡΠ°ΡΡ Π½ΠΎΠ²ΡΠ΅ ΠΌΠΎΠ΄ΡΠ»ΠΈ ΠΈ ΡΠ΅Π»ΡΠ΅ ΡΠΊΡΠ°Π½Ρ ΠΈΠ· ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΠΎΠ² ΡΠ°ΠΊΠΎΠΉ ΠΊΠΎΠΌΠ°Π½Π΄Π½ΠΎΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½-Π±ΠΈΠ±Π»ΠΈΠΎΡΠ΅ΠΊΠΈ, Π° ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΠΈ ΠΌΠ³Π½ΠΎΠ²Π΅Π½Π½ΠΎ ΠΏΠΎΠ»ΡΡΠ°ΡΡ Π°ΠΏΠ΄Π΅ΠΉΡΡ, ΡΠΊΡΠΏΠΎΡΡΠΈΡΡΡΡ Π²ΡΠ΅ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ Π² ΠΊΠΎΠ΄ ΠΈ Π²Π½Π΅Π΄ΡΡΡΡ Π½Π° ΠΏΡΠΎΠ΄Π°ΠΊΡΠ½. Success!
ΠΠΎΡΠ»Π΅Π΄Π½ΠΈΠ΅ Π³ΠΎΠ΄Ρ ΡΠΈΠ»ΡΠ½ΠΎ ΠΏΠΎΠΌΠ΅Π½ΡΠ»ΠΎΡΡ ΠΏΡΠ΅Π΄ΡΡΠ°Π²Π»Π΅Π½ΠΈΠ΅ ΠΎ ΠΊΠΎΠΌΠ°Π½Π΄Π½ΠΎΠΌ ΠΏΠΎΠ΄Ρ ΠΎΠ΄Π΅ Π² ΡΠ°Π·ΡΠ°Π±ΠΎΡΠΊΠ΅ ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡΠΎΠ². Π₯Π°ΠΉΠΏ Π²ΠΎΠΊΡΡΠ³ Π΄ΠΈΠ·Π°ΠΉΠ½-ΡΠΈΡΡΠ΅ΠΌ ΡΡΠ³ΡΠ°Π» ΡΠ²ΠΎΡ ΡΠΎΠ»Ρ. ΠΠΎΠ³Π΄Π° Π±ΡΠΊΠ²Π°Π»ΡΠ½ΠΎ ΠΊΠ°ΠΆΠ΄ΡΡ Π½Π΅Π΄Π΅Π»Ρ ΠΎΡΠ΅ΡΠ΅Π΄Π½ΠΎΠΉ Π·Π°ΠΏΠ°Π΄Π½ΡΠΉ IT-Π³ΠΈΠ³Π°Π½Ρ Π²ΡΠΏΡΡΠΊΠ°Π΅Ρ ΡΠ²ΠΎΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½-ΡΠ·ΡΠΊ, ΡΠ²ΠΎΠΈ ΠΏΡΠ°Π²ΠΈΠ»Π° ΠΈ ΠΏΡΠΈΠ½ΡΠΈΠΏΡ, ΡΠΎΠ²Π΅ΡΡΠ΅Π½Π½ΠΎ ΠΎΡΠ΅Π²ΠΈΠ΄Π½ΠΎ, ΡΡΠΎ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅ΡΡΠΊΠΈΠΉ ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½Ρ Π½Π΅ΠΈΠ·Π±Π΅ΠΆΠ½ΠΎ Π²ΡΡΠ°Π½Π΅Ρ Π½Π° ΡΠ΅ ΠΆΠ΅ ΡΠ΅Π»ΡΡΡ.
Π’Π΅ΠΏΠ΅ΡΡ ΠΊ ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΠ°ΠΌ ΠΌΠΎΠΆΠ½ΠΎ ΠΎΡΠ½Π΅ΡΡΠΈ ΠΈ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅ΡΠΎΠ² ΡΠΎΠΆΠ΅. ΠΠΎΡΠΎΠΌΡ ΠΊΠ°ΠΊ ΡΠ΅ΠΏΠ΅ΡΡ Ρ Π½ΠΈΡ Π΅ΡΡΡ Π±ΠΎΠ»Π΅Π΅ ΡΡΡΠ΅ΠΊΡΠΈΠ²Π½Π°Ρ ΡΡΠ΅Π΄Π°, Π² ΠΊΠΎΡΠΎΡΠΎΠΉ ΠΈΠΌ ΡΠΆΠ΅ ΠΊΠΎΠΌΡΠΎΡΡΠ½ΠΎ Π΄Π΅ΠΉΡΡΠ²ΠΎΠ²Π°ΡΡ ΡΠΈΡΡΠ΅ΠΌΠ½ΠΎ ΠΈ Π°Π»Π³ΠΎΡΠΈΡΠΌΠΈΡΠ½ΠΎ, Π·Π°ΠΊΠ»Π°Π΄ΡΠ²Π°ΡΡ Π½ΡΠΆΠ½ΡΡ Π°ΡΡ ΠΈΡΠ΅ΠΊΡΡΡΡ, ΠΏΠΎΠ΄ΡΠΈΠ½ΡΡΡ ΡΠ²ΠΎΡ Π²ΠΈΠ·ΡΠ°Π»ΡΠ½ΡΡ ΡΠ°Π·ΡΠ°Π±ΠΎΡΠΊΡ ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½Π½ΡΠΌ ΠΏΡΠΈΠ½ΡΠΈΠΏΠ°ΠΌ. Π₯ΠΎΡΡ, ΠΌΡ Π΅ΡΠ΅ Π΄Π°Π»Π΅ΠΊΠΈ ΠΎΡ ΡΠΎΠ³ΠΎ, ΡΡΠΎΠ±Ρ Π²ΠΎΠ²Π»Π΅ΡΡ ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅ΡΠ° Π² ΠΊΠΎΠ΄ΠΈΠ½Π³.
βΠΠΈΠ·Π°ΠΉΠ½Π΅ΡΡ Π΄ΠΎΠ»ΠΆΠ½Ρ ΠΊΠΎΠ΄ΠΈΡΡ, Π½ΠΎ ΠΎΠ½ΠΈ Π½Π΅ Ρ ΠΎΡΡΡβ. ΠΡΠΎ Π°Π±ΡΠΎΠ»ΡΡΠ½ΠΎ Π½ΠΎΡΠΌΠ°Π»ΡΠ½ΠΎ, ΡΡΠΎ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ Π½Π΅ Π»ΡΠ±ΠΈΡ ΠΏΠΈΡΠ°ΡΡ ΠΊΠΎΠ΄ ΡΡΠΊΠ°ΠΌΠΈ. Π ΠΎΡΠ½ΠΎΠ²Π½ΠΎΠΌ ΠΌΡ Π²ΠΈΠ·ΡΠ°Π»Ρ. Π’Π΅Ρ Π½Π°ΡΠ΅ΠΉ ΡΡΠ΅Π΄ΠΈ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅ΡΠΎΠ² ΠΎΡΠ΅Π½Ρ ΠΌΠ°Π»ΠΎ. Π Π²ΡΡ ΡΡΠΎ ΡΡΠ΅Π±ΡΠ΅ΡΡΡ, ΡΡΠΎΠ±Ρ ΠΏΠΎΠ΄ΡΠΎΠ»ΠΊΠ½ΡΡΡ Π½Π°Ρ ΠΊ ΠΊΠΎΠ΄ΠΈΠ½Π³Ρ β ΠΏΡΠ΅Π΄ΠΎΡΡΠ°Π²ΠΈΡΡ ΠΈΠ½ΠΎΠΉ ΠΏΠΎΠ΄Ρ ΠΎΠ΄ ΠΊ ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΠΈΡΠΎΠ²Π°Π½ΠΈΡ. ΠΠ°ΠΌ Π½ΡΠΆΠ½Π° Π²ΠΈΠ·ΡΠ°Π»ΡΠ½Π°Ρ ΡΡΠ΅Π΄Π°, Π² ΠΊΠΎΡΠΎΡΠΎΠΉ ΡΠΈΠΊΠ»Ρ, ΡΡΠ»ΠΎΠ²ΠΈΡ, ΠΏΠΎΠ΄ΡΡΠ΅ΡΡ ΠΈ Π°Π½ΠΈΠΌΠ°ΡΠΈΡ ΡΠΎΠ·Π΄Π°Π²Π°Π»ΠΈΡΡ Π±Ρ ΠΏΡΠΎΡΡΡΠΌ ΠΏΠ΅ΡΠ΅ΡΠ°ΡΠΊΠΈΠ²Π°Π½ΠΈΠ΅ΠΌ ΠΎΠ±ΡΠ΅ΠΊΡΠΎΠ² Π² Π½ΡΠΆΠ½ΠΎΠΉ ΠΏΠΎΡΠ»Π΅Π΄ΠΎΠ²Π°ΡΠ΅Π»ΡΠ½ΠΎΡΡΠΈ.
ΠΠ°ΠΌΠ΅ΡΠ½ΠΎ, ΠΊΠ°ΠΊ ΡΡΠ½ΠΎΠΊ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅ΡΡΠΊΠΈΡ ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½ΡΠΎΠ² Π΄Π°Π²Π½ΠΎ Π΄Π²ΠΈΠ³Π°Π΅ΡΡΡ Π² ΠΎΠ΄Π½Ρ ΡΡΠΎΡΠΎΠ½Ρ. Π£ΠΆΠ΅ ΡΠ΅ΠΉΡΠ°Ρ Π΄ΠΎΡΡΠ°ΡΠΎΡΠ½ΠΎ Π°Π»ΡΡΠ΅ΡΠ½Π°ΡΠΈΠ² Π΄Π»Ρ Sketch, Π½Π΅ΠΊΠΎΠ³Π΄Π° Π½Π°Ρ ΠΎΠ΄ΠΈΠ²ΡΠ΅Π³ΠΎΡΡ Π½Π° Π²Π΅ΡΡΠΈΠ½Π΅ Π³ΠΎΡΡ. Π‘Π΅Π³ΠΎΠ΄Π½Ρ Π΅ΡΡΡ ΠΈΠ· ΡΠ΅Π³ΠΎ Π²ΡΠ±ΡΠ°ΡΡ, Π²Π°ΠΌ Π½Π΅ ΠΎΠ±ΡΠ·Π°ΡΠ΅Π»ΡΠ½ΠΎ ΠΌΠ΅Π½ΡΡΡ ΡΠ²ΠΎΠΈ ΠΏΡΠ΅Π΄ΠΏΠΎΡΡΠ΅Π½ΠΈΡ, ΡΡΠΎΠ±Ρ ΡΠ°Π±ΠΎΡΠ°ΡΡ Π² Π±ΠΎΠ»Π΅Π΅ ΠΏΡΠΎΠ΄Π²ΠΈΠ½ΡΡΠΎΠΉ ΡΡΠ΅Π΄Π΅. ΠΠ»ΠΈΠ·ΠΈΡΡΡ (Π° Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎ ΡΠΆΠ΅ Π½Π°ΡΡΠ°Π») ΠΏΠ΅ΡΠ΅Π΄Π΅Π» ΡΡΠΎΠ³ΠΎ ΡΡΠ½ΠΊΠ°. ΠΠΎΠ½ΠΊΡΡΠΈΡΡΡΡ ΠΎΠ³ΡΠΎΠΌΠ½ΡΠ΅ ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠΈ Ρ ΡΠΎΠ»ΠΈΠ΄Π½ΡΠΌΠΈ Π²Π»ΠΈΠ²Π°Π½ΠΈΡΠΌΠΈ. Figma Π·Π°ΠΊΡΡΠ»Π° ΠΎΡΠ΅ΡΠ΅Π΄Π½ΠΎΠΉ ΡΠ°ΡΠ½Π΄ Π½Π° $17 ΠΌΠ»Π½ Π·ΠΈΠΌΠΎΠΉ ΡΡΠΎΠ³ΠΎ Π³ΠΎΠ΄Π°. Π Π² ΡΠ½Π²Π°ΡΠ΅ 2018 InvisionApp Π΄ΠΎΠ»ΠΆΠ½Ρ Π²ΡΠΏΡΡΡΠΈΡΡ ΡΠ²ΠΎΠΉ Π‘ΠΊΠ΅ΡΡ; ΠΏΡΠ°Π²Π΄Π°, ΡΡΠ΄Ρ ΠΏΠΎ Π°Π½ΠΎΠ½ΡΡ, ΠΈΡ βStudioβ Π½Π΅ ΡΡΠ»ΠΈΡ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅ΡΠ°ΠΌ Π½ΠΈΡΠ΅Π³ΠΎ Π½ΠΎΠ²ΠΎΠ³ΠΎ. ΠΠΏΡΠΎΡΠ΅ΠΌ, Π½Π°ΠΌ ΡΡΠΈ Π³ΠΎΠ½ΠΊΠΈ ΠΎΡΠ΅Π½Ρ Π½Π° ΡΡΠΊΡ. ΠΠ½Π°ΡΠΈΡ ΡΠ°Π½ΠΎ ΠΈΠ»ΠΈ ΠΏΠΎΠ·Π΄Π½ΠΎ ΠΏΠΎΡΠ²ΠΈΡΡΡ Π΅ΡΠ΅ Π±ΠΎΠ»Π΅Π΅ ΡΠ΄ΠΎΠ±Π½ΡΠΉ workflow, Π½ΠΎ ΠΎΠ±ΡΠ°ΡΠ½Π°Ρ ΡΡΠΎΡΠΎΠ½Π° ΠΌΠ΅Π΄Π°Π»ΠΈ β Π½Π΅ΠΎΠ±Ρ ΠΎΠ΄ΠΈΠΌΠΎΡΡΡ ΡΠ°ΡΠ΅ Π°Π΄Π°ΠΏΡΠΈΡΠΎΠ²Π°ΡΡΡΡ ΠΈ ΠΌΠΈΠ³ΡΠΈΡΠΎΠ²Π°ΡΡ ΠΎΡ ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½ΡΠ° ΠΊ ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½ΡΡ.
ΠΡΡΡΡ ΠΎΠ± Π·Π°ΠΊΠ»Π°Π΄, ΡΡΠΎ ΡΡΠ½ΠΎΠΊ Π²Π·ΠΎΡΠ²Π΅Ρ ΡΠΎΡ, ΠΊΡΠΎ ΠΏΠ΅ΡΠ²ΡΠΉ Π²ΡΠΏΡΡΡΠΈΡ Π² Π΅Π΄ΠΈΠ½ΠΎΠΌ ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½ΡΠ΅ ΠΊΠΎΠΌΠ±ΠΈΠ½Π°ΡΠΈΡ Webflow + Sketch. ΠΡΠΎΠ±Π»Π΅ΠΌΠ° Π΅ΡΠ΅ Π½Π΅ ΡΠ΅ΡΠ΅Π½Π°: Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ Π΄ΠΎΠ»ΠΆΠ΅Π½ Π²ΠΈΠ΄Π΅ΡΡ ΡΠΈΠΏΠΎΠ³ΡΠ°ΡΠΈΠΊΡ ΡΠ°ΠΊΠΎΠΉ ΠΊΠ°ΠΊ Π² Π±ΡΠ°ΡΠ·Π΅ΡΠ΅, Π° Π½Π΅ ΠΈΠ΄Π΅Π°Π»ΡΠ½ΠΎ ΠΎΡΡΠ΅Π½Π΄Π΅ΡΠ΅Π½Π½ΡΡ Π² Π»ΡΠ±ΠΎΠΌ Π³ΡΠ°ΡΠΈΡΠ΅ΡΠΊΠΎΠΌ ΡΠ΅Π΄Π°ΠΊΡΠΎΡΠ΅. ΠΡΠΎΠ±Π΅Π½Π½ΠΎ, ΠΊΠΎΠ³Π΄Π° Π±Π°Π»ΠΎΠΌ ΠΏΡΠ°Π²ΠΈΡ ΡΡΠΈΡΡΠΎΠ²ΠΎΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½.
ΠΡΡΠ°ΡΠΈ, Π° ΠΊΠ°ΠΊΠΎΠΉ Π²Π°Ρ ΠΈΠ΄Π΅Π°Π»ΡΠ½ΡΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅ΡΡΠΊΠΈΠΉ ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½Ρ?
PS: ΠΡΡ ΠΎΠ΄Π½ΠΈΠΊ ΠΏΡΠΎΡΠΎΡΠΈΠΏΠ° ΠΠ«ΠΠ // Π‘Π’ΠΠΠ. Π‘ΠΏΠ°ΡΠΈΠ±ΠΎ Ρ Π°Π±ΡΠ°Π΄ΠΈΠ·Π°ΠΉΠ½Π΅ΡΠ°ΠΌ, ΠΏΡΠΎΠ΄ΠΎΠ»ΠΆΠ°ΠΉΡΠ΅ ΠΊΡΠ΅Π°ΡΠΈΠ²ΠΈΡΡ ΠΏΡΡΠΌΠΎ Π² Π±ΡΠ°ΡΠ·Π΅ΡΠ΅ (ΠΏΠΎΡΡΠ΅Π±ΡΠ΅ΡΡΡ Π»ΠΎΠ³ΠΈΠ½)
habr.com
Figma ΡΡΠ°Π½ΡΡΠΎΡΠΌΠΈΡΡΠ΅Ρ Π²Π΅ΡΡ ΠΌΠΎΠΉ ΡΠ°Π±ΠΎΡΠΈΠΉ ΠΏΡΠΎΡΠ΅ΡΡ
Π ΡΡΠΎ Π½Π΅Π²Π΅ΡΠΎΡΡΠ½ΠΎ!
Π‘ΠΎΠ²ΡΠ΅ΠΌ Π½Π΅Π΄Π°Π²Π½ΠΎ Figma Π²ΡΠΏΡΡΡΠΈΠ»Π° ΠΎΠ±Π½ΠΎΠ²Π»Π΅Π½ΠΈΠ΅ Ρ Π½ΠΎΠ²ΠΎΠΉ ΡΡΠ½ΠΊΡΠΈΠ΅ΠΉ Β«ΠΠΎΠΌΠ°Π½Π΄Π½Π°Ρ ΠΠΈΠ±Π»ΠΈΠΎΡΠ΅ΠΊΠ° ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΠΎΠ²Β» (Team Libraries system). ΠΠ΅ ΡΠ΅ΠΊΡΠ΅Ρ, ΡΡΠΎ Ρ ΠΏΡΠΈΠ½ΠΈΠΌΠ°Π» ΡΡΠ°ΡΡΠΈΠ΅ Π² ΡΠΎΠ·Π΄Π°Π½ΠΈΠΈ ΡΡΠΎΠ³ΠΎ ΠΏΡΠΎΠ΄ΡΠΊΡΠ°. Π― ΡΠΊΠ΅ΠΏΡΠΈΡΠ΅ΡΠΊΠΈ ΠΎΡΠ½ΠΎΡΠΈΠ»ΡΡ ΠΊ ΠΎΠ±Π»Π°ΡΠ½ΠΎΠΌΡ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΡ ΠΊΠ°ΠΊ ΠΏΠΎΠ²ΡΠ΅Π΄Π½Π΅Π²Π½ΠΎΠΌΡ ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½ΡΡ ΠΏΡΠΎΠ΅ΠΊΡΠΈΡΠΎΠ²Π°Π½ΠΈΡ ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡΠΎΠ². Π’Π΅ΠΌ Π½Π΅ ΠΌΠ΅Π½Π΅Π΅ Ρ Π±ΡΠ» Π²ΠΏΠ΅ΡΠ°ΡΠ»Π΅Π½ Π½Π΅ ΡΠΎΠ»ΡΠΊΠΎ Π²ΡΡΠΎΠΊΠΎΠΉ ΠΏΡΠΎΠΈΠ·Π²ΠΎΠ΄ΠΈΡΠ΅Π»ΡΠ½ΠΎΡΡΡΡ ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΡ, Π° ΡΠ°ΠΊΠΆΠ΅ ΡΠ΅ΠΌ ΡΡΠΎ Π²Π·Π°ΠΈΠΌΠΎΠ΄Π΅ΠΉΡΡΠ²ΠΈΠ΅ Ρ ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡΠΎΠΌ ΠΎΡΡΡΠ°Π΅ΡΡΡ Π±ΠΎΠ»Π΅Π΅ ΠΎΡΠ·ΡΠ²ΡΠΈΠ²ΡΠΌ ΠΈ Π½Π°ΡΠΈΠ²Π½ΡΠΌ ΡΠ΅ΠΌ ΠΌΡ ΠΊΠΎΠ³Π΄Π°-Π»ΠΈΠ±ΠΎ ΠΎΠΆΠΈΠ΄Π°Π»ΠΈ ΠΎΡ Π²Π΅Π±-ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΡ. Π ΡΠ°ΠΊΠΆΠ΅ Ρ ΡΠ΅ΠΌ, Π½Π°ΡΠΊΠΎΠ»ΡΠΊΠΎ ΡΠΈΠ»ΡΠ½ΠΎ Figma ΠΏΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ ΠΏΠ΅ΡΠ΅Π½Π΅ΡΡΠΈ Π²ΡΡ ΠΈΠ½ΡΡΠ°ΡΡΡΡΠΊΡΡΡΡ ΠΏΡΠΎΡΠ΅ΡΡΠ° ΡΠΎΠ·Π΄Π°Π½ΠΈΡ Π΄ΠΈΠ·Π°ΠΉΠ½Π° Π² ΠΎΠ±Π»Π°ΠΊΠΎ. ΠΡΠ»ΠΈ Π²Ρ Π΅ΡΠ΅ Π½Π΅ Π²ΠΊΡΡΡΠ΅ Π²ΡΠ΅Ρ ΠΏΡΠ΅Π»Π΅ΡΡΠ΅ΠΉ ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΡ Figma, ΡΠΎ ΠΎΠ±Π½ΠΎΠ²Π»Π΅Π½ΠΈΠ΅ Ρ Π½ΠΎΠ²ΠΎΠΉ ΡΡΠ½ΠΊΡΠΈΠ΅ ΠΠΈΠ±Π»ΠΈΠΎΡΠ΅ΠΊΠΈ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΠΎΠ² ΠΏΡΠ΅ΠΊΡΠ°ΡΠ½Π°Ρ ΠΏΡΠΈΡΠΈΠ½Π° ΠΏΠΎΠ΄Π½ΡΡΡΡΡ Π½Π° Π±ΠΎΡΡ.
ΠΡΠ°ΠΊ, Π² ΠΌΠΎΠ΅ΠΉ ΡΡΠ΅ΡΡΠ΅ΠΉ ΡΡΠ°ΡΡΠ΅ ΠΏΠΎΡΠ²ΡΡΠ΅Π½Π½ΠΎΠΉ ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΠ΅ ΡΠΈΠ³ΠΌΠ°, Π²ΠΎΡ ΡΡΠΎΠ±Ρ Ρ Ρ ΠΎΡΠ΅Π» Π·Π°ΡΡΠΎΠ½ΡΡΡ:
- ΠΠ΅Π½ΡΡΠ΅ ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½ΡΠΎΠ², Π±ΠΎΠ»ΡΡΠ΅ ΠΏΡΠΎΠ΅ΠΊΡΠΈΡΠΎΠ²Π°Π½ΠΈΡ.
- ΠΠΈΠ±Π»ΠΈΠΎΡΠ΅ΠΊΠ° ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΠΎΠ² ΠΈ ΠΎΡΠ³Π°Π½ΠΈΠ·Π°ΡΠΈΡ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΠΎΠ².
- ΠΠ°ΠΊ Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡ Figma Π² Π½Π°ΡΠ΅ΠΉ ΡΠ²ΠΎΡΡΠ΅ΡΠΊΠΎΠΉ ΠΊΠΎΠΌΠ°Π½Π΄Π΅.
ΠΠ΅Π½ΡΡΠ΅ ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½ΡΠΎΠ², Π±ΠΎΠ»ΡΡΠ΅ ΠΏΡΠΎΠ΅ΠΊΡΠΈΡΠΎΠ²Π°Π½ΠΈΡ
Π― Π΄ΠΎΠ²ΠΎΠ»ΡΠ½ΠΎ ΡΠ°ΡΡΠΎ ΡΠΈΡΠ°Ρ ΠΎΡΠ΅Π²ΠΈΠ΄Π½ΡΠ΅ ΠΊΠΎΠΌΠΌΠ΅Π½ΡΠ°ΡΠΈΠΈ, ΠΎΡΠ΅ΡΠ΅Π΄Π½ΠΎΠΉ ΡΠ°Π· ΠΏΠΎΠ΄ΡΠ²Π΅ΡΠΆΠ΄Π°ΡΡΠΈΠ΅ ΡΠ°ΠΊΡ β Π»ΡΡΡΠΈΠ΅ ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½ΡΡ Π΅ΡΠ΅ Π½Π΅ Π·Π½Π°ΡΠΈΡ Π»ΡΡΡΠΈΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½. Π’Π΅ΠΌ Π½Π΅ ΠΌΠ΅Π½Π΅Π΅ Ρ ΡΡΠΈΡΠ°Ρ, ΡΡΠΎ Π»ΡΠ±ΠΎΠΉ ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½Ρ, ΠΊΠΎΡΠΎΡΡΠΉ ΡΠΌΠ΅Π½ΡΡΠ°Π΅Ρ ΡΡΠ΅Π½ΠΈΠ΅ Π²ΠΎ Π²ΡΠ΅ΠΌΡ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ Π΄ΠΈΠ·Π°ΠΉΠ½Π° β Π½Π°ΠΏΡΠ°Π²Π»ΡΠ΅Ρ ΡΠ½Π΅ΡΠ³ΠΈΡ ΠΎΠ±ΡΠ°ΡΠ½ΠΎ Π½Π° ΡΠ°ΠΊΡΠΈΡΠ΅ΡΠΊΠΎΠ΅ ΠΏΡΠΎΠ΅ΠΊΡΠΈΡΠΎΠ²Π°Π½ΠΈΠ΅. Π‘ ΠΌΠΎΠΌΠ΅Π½ΡΠ°, ΠΊΠ°ΠΊ Ρ Π½Π°ΡΠ°Π» ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡΡΡ Figma, Ρ ΠΎΠ±Π½Π°ΡΡΠΆΠΈΠ», ΡΡΠΎ ΠΌΠ΅Π½ΡΡΠ΅ ΠΎΡΠ²Π»Π΅ΠΊΠ°ΡΡΡ Π½Π° ΡΡΡΠΈΠ½Π½ΡΠ΅ Π·Π°Π΄Π°ΡΠΈ. ΠΡΠΎ Π·Π½Π°ΡΠΈΡ, ΡΡΠΎ ΡΠ΅ΠΏΠ΅ΡΡ Ρ Π±ΠΎΠ»ΡΡΠ΅ Π²ΡΠ΅ΠΌΠ΅Π½ΠΈ ΡΠ΄Π΅Π»ΡΡ Π²ΡΠ΅ΠΌΠ΅Π½ΠΈ ΡΠ»ΡΡΡΠ΅Π½ΠΈΡ ΠΈ ΡΠ΅ΡΡΠΈΡΠΎΠ²Π°Π½ΠΈΡ ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡΠ°, Π²ΠΌΠ΅ΡΡΠΎ ΡΠΎΠ³ΠΎ, ΡΡΠΎΠ±Ρ Π·Π°Π½ΠΈΠΌΠ°ΡΡΡΡ ΠΎΡΠ³Π°Π½ΠΈΠ·Π°ΡΠΈΠ΅ΠΉ ΡΠΎΠ²ΠΌΠ΅ΡΡΠ½ΠΎΠ³ΠΎ ΠΏΡΠΎΡΠ΅ΡΡΠ° ΡΠ°Π±ΠΎΡΡ, ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΊΠΈ ΡΠ°ΠΉΠ»ΠΎΠ²ΠΎΠΉ ΡΡΡΡΠΊΡΡΡΡ ΠΏΡΠΎΠ΅ΠΊΡΠ°. Π’Π°ΠΊΠΆΠ΅ Ρ ΡΠ°ΡΡΠΈΡΠ½ΠΎ ΡΠΎΠΊΡΠ°ΡΠΈΠ» ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡΠ΅Π»ΡΠ½ΡΡ ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½ΡΠΎΠ² ΠΈ ΡΡΠ»ΡΠ³, Π½Π΅ΠΎΠ±Ρ ΠΎΠ΄ΠΈΠΌΡΡ ΠΌΠ½Π΅ ΡΠ°Π½Π΅Π΅ Π΄Π»Ρ ΠΏΡΠΎΡΠ΅ΡΡΠ° ΡΠ°Π±ΠΎΡΡ.
ΠΠΎΡ Π½Π΅ΠΊΠΎΡΠΎΡΡΠ΅ ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½ΡΡ, ΠΊΠΎΡΠΎΡΡΠ΅ Ρ Π±ΠΎΠ»ΡΡΠ΅ Π½Π΅ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡ:
- ΠΠ½Π΅ΡΠ½ΠΈΠ΅ ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½ΡΡ ΠΈ ΠΏΠ»Π°Π³ΠΈΠ½Ρ Π΄Π»Ρ ΠΏΡΠΎΡΠΎΡΠΈΠΏΠΈΡΠΎΠ²Π°Π½ΠΈΡ Ρ ΠΌΠ°Π»ΠΎΠΉ ΡΡΠ½ΠΊΡΠΈΠΎΠ½Π°Π»ΡΠ½ΠΎΡΡΡΡ.
- Π‘Π΅ΡΠ²ΠΈΡΡ Π΄Π»Ρ ΠΎΡΠ³Π°Π½ΠΈΠ·Π°ΡΠΈΠΈ ΠΊΠΎΠΌΠΌΠ΅Π½ΡΠΈΡΠΎΠ²Π°Π½ΠΈΡ ΠΌΠ°ΠΊΠ΅ΡΠΎΠ² ΠΈ ΠΎΠ±Π»Π΅Π³ΡΠ΅Π½ΠΈΡ ΠΊΠΎΠΌΠ°Π½Π΄Π½ΠΎΠΉ ΡΠ°Π±ΠΎΡΡ Π½Π°Π΄ ΠΏΡΠΎΠ΅ΠΊΡΠΎΠΌ.
- Π‘Π΅ΡΠ²ΠΈΡΡ, ΠΊΠΎΡΠΎΡΡΠ΅ ΠΎΠ±Π»Π΅Π³ΡΠ°ΡΡ Π²Π·Π°ΠΈΠΌΠΎΠ΄Π΅ΠΉΡΡΠ²ΠΈΠ΅ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅ΡΠΎΠ² Ρ Π²Π΅ΡΡΡΠ°Π»ΡΡΠΈΠΊΠ°ΠΌΠΈ ΠΈ ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΠΈΡΡΠ°ΠΌΠΈ.
- ΠΠ±Π»Π°ΡΠ½ΡΠ΅ Ρ ΡΠ°Π½ΠΈΠ»ΠΈΡΠ° Π΄Π»Ρ ΠΎΠ±ΠΌΠ΅Π½Π° ΡΠ°ΠΉΠ»Π°ΠΌΠΈ ΠΈ Π±ΠΈΠ±Π»ΠΈΠΎΡΠ΅ΠΊΠ°ΠΌΠΈ.
- Π‘Π΅ΡΠ²ΠΈΡΡ ΠΊΠΎΠ½ΡΡΠΎΠ»Ρ Π²Π΅ΡΡΠΈΠΉ.
ΠΠΈΠ±Π»ΠΈΠΎΡΠ΅ΠΊΠ° ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΠΎΠ² ΠΡΠ΅ ΡΡΠΈ ΡΡΠ½ΠΊΡΠΈΠΈ Π΅ΡΡΡ Π² Figma. Π ΡΠΎΠΌΡ ΠΆΠ΅ Π½ΠΎΠ²Π°Ρ ΡΡΠ½ΠΊΡΠΈΡ ΠΠΈΠ±Π»ΠΈΠΎΡΠ΅ΠΊΠΈ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΠΎΠ² ΠΏΡΠ΅Π΄ΡΡΠ°Π²Π»ΡΠ΅Ρ ΠΈΠ· ΡΠ΅Π±Ρ ΠΏΡΠΎΡΡΡΡ ΠΈ ΡΠ΄ΠΎΠ±Π½ΡΡ ΡΠΈΡΡΠ΅ΠΌΡ ΠΏΡΠ±Π»ΠΈΠΊΠ°ΡΠΈΠΈ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΠΎΠ² Π² ΠΎΠ±Π»Π°ΠΊΠΎ. Π§ΡΠΎ ΡΡΠΎ Π·Π½Π°ΡΠΈΡ? ΠΡΠ±ΠΎΠΉ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Ρ, ΠΊΠΎΡΠΎΡΡΠΉ Π²Ρ ΡΠΎΠ·Π΄Π°Π΅ΡΠ΅ β ΠΌΠΎΠΆΠ΅Ρ Π±ΡΡΡ ΠΎΠΏΡΠ±Π»ΠΈΠΊΠΎΠ²Π°Π½ Π² Π±ΠΈΠ±Π»ΠΈΠΎΡΠ΅ΠΊΠ΅ ΠΊΠΎΠΌΠ°Π½Π΄Ρ ΠΈ Π±ΡΡΡ ΠΏΠΎΠ²ΡΠΎΡΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ Π² Π»ΡΠ±ΡΠΌ ΡΠ»Π΅Π½ΠΎΠΌ ΠΊΠΎΠΌΠ°Π½Π΄Ρ Π² Π»ΡΠ±ΠΎΠΌ ΠΏΡΠΎΠ΅ΠΊΡΠ΅. ΠΠ°ΠΆΠ΄ΡΠΉ ΡΠΊΠ·Π΅ΠΌΠ»ΡΡ ΡΠΎΡ ΡΠ°Π½ΡΠ΅Ρ ΡΡΡΠ»ΠΊΡ Π½Π° ΠΈΡΡ ΠΎΠ΄Π½ΡΠΉ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ, ΡΠΎ ΠΈ Π»ΡΠ±ΠΎΠΉ ΡΠΊΠ·Π΅ΠΌΠ»ΡΡ ΠΌΠΎΠΆΠ½ΠΎ Π±ΡΠ΄Π΅Ρ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡΡ ΡΠΎΠ³Π»Π°ΡΠ½ΠΎ ΠΈΡΡ ΠΎΠ΄Π½ΠΎΠΌΡ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΡ. ΠΡΠΎ ΠΎΠ³ΡΠΎΠΌΠ½Π°Ρ ΡΠΊΠΎΠ½ΠΎΠΌΠΈΡ Π²ΡΠ΅ΠΌΠ΅Π½ΠΈΡ Π΄Π»Ρ Π²Π½Π΅ΡΠ΅Π½ΠΈΡ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠΉ, Π΅ΡΠ»ΠΈ ΠΊΠ°ΠΊΠ°Ρ-ΡΠΎ Π΄Π΅ΡΠ°Π»Ρ ΠΈΠ·ΠΌΠ΅Π½ΠΈΠ»Π°ΡΡ. Π Π³Π»Π°Π²Π½ΠΎΠ΅, ΡΠ΅ΠΏΠ΅ΡΡ Π²ΡΠ΅ ΡΠ»Π΅Π½Ρ ΠΊΠΎΠΌΠ°Π½Π΄Ρ ΡΠΌΠΎΠ³ΡΡ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΡΠΎΠ»ΡΠΊΠΎ ΠΏΠΎΡΠ»Π΅Π΄Π½ΠΈΠ΅ Π²Π΅ΡΡΠΈΠΈ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΠΎΠ².
ΠΡΠΎΡΠΎΡΠΈΠΏΠΈΡΠΎΠ²Π°Π½ΠΈΠ΅
ΠΠΎΡΠ»Π΅Π΄Π½Π΅Π΅ ΠΊΡΡΠΏΠ½ΠΎΠ΅ ΠΎΠ±Π½ΠΎΠ²Π»Π΅Π½ΠΈΠ΅ Π²Π²Π΅Π»ΠΎ ΡΡΠ½ΠΊΡΠΈΡ ΠΏΡΠΎΡΠΎΡΠΈΠΏΠΈΡΠΎΠ²Π°Π½ΠΈΡ. Π‘ ΠΏΠΎΠΌΠΎΡΡΡ ΠΊΠΎΡΠΎΡΠΎΠΉ, Π²ΡΠ΅Π³ΠΎ Π·Π° Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ ΡΠ΅ΠΊΡΠ½Π΄ Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΡΡΡΠ°Π½ΠΎΠ²ΠΈΡΡ ΡΡΡΠ»ΠΊΠΈ Ρ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ² ΠΌΠ°ΠΊΠ΅ΡΠ°, Π½Π° Π½Π΅ΠΎΠ±Ρ ΠΎΠ΄ΠΈΠΌΡΠ΅ Π²Π°ΠΌ ΡΠΊΡΠ°Π½Ρ, ΡΡΠΎΠ±Ρ ΠΏΠΎΠ»ΡΡΠΈΡΡ ΠΈΠ½ΡΠ΅ΡΠ°ΠΊΡΠΈΠ²Π½ΡΠΉ ΠΏΡΠΎΡΠΎΡΠΈΠΏ.
ΠΠ΄Π½ΠΎΠ²ΡΠ΅ΠΌΠ΅Π½Π½ΠΎ Ρ ΡΡΠΈΠΌ ΠΎΠ±Π½ΠΎΠ²Π»Π΅Π½ΠΈΠ΅ΠΌ Π² Figma ΠΏΠΎΡΠ²ΠΈΠ»Π°ΡΡ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΡ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ Π±Π΅ΡΠΏΠ»Π°ΡΠ½ΠΎ Π΄Π»Ρ ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΠ°. ΠΡΠ»ΠΈ Π²Ρ Π΅ΡΠ΅ Π½Π΅ ΠΏΠΎΠ΄ΡΠΈΡΡΠ°Π»ΠΈ ΡΠΊΠΎΠ½ΠΎΠΌΠΈΡ, ΡΠΎ Π²ΡΠ΅ ΡΠ°Π²Π½ΠΎ ΠΌΠΎΠΆΠ΅ΡΠ΅ Π·Π°ΠΌΠ΅Π½ΠΈΡΡ, ΡΡΠΎΠΈΠΌΠΎΡΡΡ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΡ Figma Π²Π΅ΡΡΠΌΠ° ΠΏΡΠΈΠ²Π»Π΅ΠΊΠ°ΡΠ΅Π»ΡΠ½Π°, ΡΡΠΈΡΡΠ²Π°Ρ Π² ΠΊΠ°ΠΊΠΎΠΌ ΠΊΠΎΠ»ΠΈΡΠ΅ΡΡΠ²Π΅ ΠΏΠΎΠ΄ΠΏΠΈΡΠΎΠΊ Π½Π° Π΄ΡΡΠ³ΠΈΠ΅ ΠΏΠ»Π°ΡΠ½ΡΠ΅ ΡΠ΅ΡΠ²ΠΈΡΡ Π±ΠΎΠ»ΡΡΠ΅ Π½Π΅Ρ Π½Π΅ΠΎΠ±Ρ ΠΎΠ΄ΠΈΠΌΠΎΡΡΠΈ.
ΠΠ΅ΡΠΏΠ»Π°ΡΠ½ΡΠΉ ΡΠ΅ΠΆΠΈΠΌ ΠΏΡΠΎΡΠΌΠΎΡΡΠ° ΠΈ ΠΊΠΎΠΌΠΌΠ΅Π½ΡΠΈΡΠΎΠ²Π°Π½ΠΈΡ Π Π²ΡΡΠ΅ΠΏΠ΅ΡΠ΅ΡΠΈΡΠ»Π΅Π½Π½ΠΎΠΌΡ Ρ ΡΠ°ΠΊΠΆΠ΅ Π΄ΠΎΠ±Π°Π²Π»Ρ, ΡΡΠΎ ΡΠ΅Π½Ρ ΡΠΎ, ΡΡΠΎ Figma ΠΏΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ Π±Π΅ΡΠΏΠ»Π°ΡΠ½ΠΎ Π΄ΠΎΠ±Π°Π²Π»ΡΡΡ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Π΅ΠΉ ΠΊ ΠΏΡΠΎΠ΅ΠΊΡΡ, ΠΊΠΎΡΠΎΡΡΠ΅ ΠΌΠΎΠ³ΡΡ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΠΏΡΠΎΠ΅ΠΊΡ Π² ΡΠ΅ΠΆΠΈΠΌΠ΅ Β«ΠΏΡΠΎΡΠΌΠΎΡΡΠ° ΠΈ ΠΊΠΎΠΌΠΌΠ΅Π½ΡΠΈΡΠΎΠ²Π°Π½ΠΈΡΒ». Π’Π°ΠΊΠΈΠΌ ΠΎΠ±ΡΠ°Π·ΠΎΠΌ, ΡΠ΅ΠΏΠ΅ΡΡ Π½Π΅Ρ Π½Π΅ΠΎΠ±Ρ ΠΎΠ΄ΠΈΠΌΠΎΡΡΠΈ ΠΈΠΌΠ΅ΡΡ Π΄Π΅Π»ΠΎ Ρ Π»ΠΈΡΠ΅Π½Π·ΠΈΡΠΌΠΈ ΠΈ ΠΎΠ΄ΠΎΠ±ΡΠ΅Π½ΠΈΠ΅ΠΌ Π±ΡΠ΄ΠΆΠ΅ΡΠ°, ΡΠ΅Π³ΠΎ Π½Π° ΠΌΠΎΠ΅ΠΌ ΡΠ°Π±ΠΎΡΠ΅ΠΌ ΠΌΠ΅ΡΡΠ΅ Ρ Π²Π°ΡΠ°Π»ΠΎ, ΡΡΠΎΠ±Ρ ΠΌΠΎΡ Π³ΠΎΠ»ΠΎΠ²Π° Π²Π·ΠΎΡΠ²Π°Π»Π°ΡΡ.
ΠΠΈΠ±Π»ΠΈΠΎΡΠ΅ΠΊΠΈ ΠΊΠΎΠΌΠ°Π½Π΄ ΠΈ ΠΎΡΠ³Π°Π½ΠΈΠ·Π°ΡΠΈΡ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΠΎΠ²
ΠΠΎΠ³Π΄Π° Ρ Π½Π°ΡΠ°Π» ΠΏΠ΅ΡΠ΅Π½ΠΎΡΠΈΡΡ ΡΠ°ΠΉΠ»Ρ Sketch Π² Figma, ΡΠΎ ΡΡΠ°Π·Ρ Ρ ΡΡΠ²ΡΡΠΎΠ²Π°Π» ΡΠ΅Π±Ρ Π½Π΅ΠΌΠ½ΠΎΠ³ΠΎ ΠΏΠΎΡΠ΅ΡΡΠ½Π½ΡΠΌ Π±Π΅Π· ΡΠΏΠ΅ΡΠΈΠ°Π»ΡΠ½ΠΎΠ³ΠΎ ΠΌΠ΅ΡΡΠ°, Π½Π° ΠΊΠΎΡΠΎΡΠΎΠΌ ΡΠ°Π·ΠΌΠ΅ΡΠ°ΡΡΡΡ ΠΌΠΎΠΈ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΡ. ΠΠ½Π΅ Π΄Π΅ΠΉΡΡΠ²ΠΈΡΠ΅Π»ΡΠ½ΠΎ Π½Π΅ Ρ Π²Π°ΡΠ°Π»ΠΎ ΡΡΡΠ°Π½ΠΈΡΡ Β«Π‘ΠΈΠΌΠ²ΠΎΠ»ΡΒ». Π’Π΅ΠΏΠ΅ΡΡ Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΠΏΡΠ±Π»ΠΈΠΊΠΎΠ²Π°ΡΡ Π½Π΅ ΡΠΎΠ»ΡΠΊΠΎ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΡ ΠΈΠ· Π»ΡΠ±ΠΎΠ³ΠΎ ΠΏΡΠΎΠ΅ΠΊΡΠ° Π² Π±ΠΈΠ±Π»ΠΈΠΎΡΠ΅ΠΊΡ ΠΊΠΎΠΌΠ°Π½Π΄Ρ, Π½ΠΎ ΡΠ°ΠΊΠΆΠ΅ ΠΈ ΠΏΠΎΠ»ΡΡΠΈΡΡ Π±ΡΡΡΡΡΠΉ Π΄ΠΎΡΡΡΠΏ ΠΊ Π»ΡΠ±ΠΎΠΌΡ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΡ Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΠΏΠ°Π½Π΅Π»ΠΈ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΠΎΠ². ΠΠ΅Π²Π°Ρ Π±ΠΎΠΊΠΎΠ²Π°Ρ ΠΏΠ°Π½Π΅Π»Ρ, ΠΊΠΎΡΠΎΡΠ°Ρ ΡΠ°Π½Π΅Π΅ Π±ΡΠ»Π° Π·Π°ΡΠ΅Π·Π΅ΡΠ²ΠΈΡΠΎΠ²Π°Π½Π° ΡΠΎΠ»ΡΠΊΠΎ Π΄Π»Ρ ΡΠ»ΠΎΠ΅Π², ΡΠ΅ΠΏΠ΅ΡΡ ΠΈΠΌΠ΅Π΅Ρ ΡΡΠΈ Π²ΠΊΠ»Π°Π΄ΠΊΠΈ: ΠΎΠ΄Π½Π° Π΄Π»Ρ ΡΠ»ΠΎΠ΅Π², ΠΎΠ΄Π½Π° Π΄Π»Ρ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΠΎΠ² (Π²Π½ΡΡΡΠΈ Π΄ΠΎΠΊΡΠΌΠ΅Π½ΡΠ°) ΠΈ ΠΎΠ΄Π½Π° Π΄Π»Ρ Π΄ΠΎΡΡΡΠΏΠ° ΠΊ Π±ΠΈΠ±Π»ΠΈΠΎΡΠ΅ΠΊΠ°ΠΌ ΠΊΠΎΠΌΠ°Π½Π΄. ΠΠ΅ΠΆΠ΄Ρ ΠΊΠΎΡΠΎΡΡΠΌ Π»Π΅Π³ΠΊΠΎ ΠΏΠ΅ΡΠ΅ΠΊΠ»ΡΡΠ°ΡΡΡΡ Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΡΠΎΡΠ΅ΡΠ°Π½ΠΈΡ ΠΊΠ»Π°Π²ΠΈΡ alt + 1, alt + 2, alt + 3.
ΠΠ²Π΅Π΄Π΅Π½ΠΈΠ΅ Π·Π°ΠΊΠ»Π°Π΄ΠΎΠΊ Ρ ΠΏΠ°Π½Π΅Π»ΡΠΌΠΈ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΠ²ΠΎ, ΠΏΠΎΠ·Π²ΠΎΠ»ΠΈΠ»ΠΎ ΠΌΠ½Π΅ Π·Π°Π±ΡΡΡ ΠΎ ΡΡΡΠ°Π½ΠΈΡΠ΅ Β«Π‘ΠΈΠΌΠ²ΠΎΠ»ΡΒ» Π² Sketch. ΠΡΠΈ Π²ΠΊΠ»Π°Π΄ΠΊΠΈ Π΄Π΅ΠΉΡΡΠ²ΠΈΡΠ΅Π»ΡΠ½ΠΎ ΠΎΠ±Π»Π΅Π³ΡΠ°ΡΡ Π΄ΠΎΡΡΡΠΏ ΠΊ ΠΏΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΠ°ΠΌ, ΠΊΠΎΡΠΎΡΡΠ΅ Π΅ΡΠ΅ Π½Π΅ ΠΌΠΎΠ³ΡΡ Π±ΡΡΡ ΡΠ°ΡΡΡΡ Π±ΠΈΠ±Π»ΠΈΠΎΡΠ΅ΠΊΠΈ. ΠΡΠΎ ΠΌΠΎΠ³ΡΡ Π±ΡΡΡ ΠΎΡΠ΄Π΅Π»ΡΠ½ΡΠ΅ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΡ ΠΈΠ»ΠΈ ΡΠ΅, ΠΊΠΎΡΠΎΡΡΠ΅ Π΅ΡΠ΅ Π½Π°Ρ ΠΎΠ΄ΡΡΡΡ Π½Π° ΡΡΠ°Π΄ΠΈΠΈ ΠΏΡΠΎΠ΅ΠΊΡΠΈΡΠΎΠ²Π°Π½ΠΈΡ.
ΠΡΠ³Π°Π½ΠΈΠ·Π°ΡΠΈΡ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΠΎΠ² Π² Π²Π°ΡΠ΅ΠΉ ΠΊΠΎΠΌΠ°Π½Π΄Π΅ ΠΌΠΎΠΆΠ΅Ρ ΠΎΡΡΡΠ΅ΡΡΠ²Π»ΡΡΡΡΡ ΡΠ»Π΅Π΄ΡΡΡΠΈΠΌ ΠΎΠ±ΡΠ°Π·ΠΎΠΌ.
- ΠΡ ΠΌΠΎΠΆΠ΅ΡΠ΅ Π²ΡΠ±ΡΠ°ΡΡ ΠΎΠ΄ΠΈΠ½ Π³Π»Π°Π²Π½ΡΠΉ Π΄ΠΎΠΊΡΠΌΠ΅Π½Ρ Π΄Π»Ρ ΡΠ°Π·ΠΌΠ΅ΡΠ΅Π½ΠΈΡ Π²ΡΠ΅ΠΉ Π²Π°ΡΠ΅ΠΉ ΡΠΈΡΡΠ΅ΠΌΡ ΠΏΡΠΎΠ΅ΠΊΡΠΈΡΠΎΠ²Π°Π½ΠΈΡ ΠΈΠ»ΠΈ ΡΠ°Π·Π±ΠΈΡΡ Π΅Π³ΠΎ Π½Π° Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ ΡΠ°ΠΉΠ»ΠΎΠ².
- ΠΡ ΡΠ°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΠΏΡΠΎΡΡΠΎ ΠΏΡΠ±Π»ΠΈΠΊΠΎΠ²Π°ΡΡ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΡ ΠΈΠ· Π΄ΠΎΠΊΡΠΌΠ΅Π½ΡΠΎΠ², Π² ΠΊΠΎΡΠΎΡΡΡ Π²Ρ ΡΠΎΠ·Π΄Π°Π»ΠΈ ΡΠ²ΠΎΠΈ Π±Π°Π·ΠΎΠ²ΡΠ΅ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΡ, Π±Π΅Π· ΠΏΠ΅ΡΠ΅Π½ΠΎΡΠ° ΡΡΠΈΡ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΠΎΠ² Π² ΠΎΡΠ΄Π΅Π»ΡΠ½ΡΠΉ ΡΠ°ΠΉΠ». ΠΡΠΎ ΠΎΡΠ»ΠΈΡΠ½ΠΎ ΡΠ°Π±ΠΎΡΠ°Π΅Ρ, Π³ΠΎΡΠ°Π·Π΄ΠΎ Π»Π΅Π³ΡΠ΅ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΈΠ²Π°ΡΡ ΠΎΡΠ΄Π΅Π»Π½ΡΠ½ΡΠ΅ Π΄ΠΎΠΊΡΠΌΠ΅Π½ΡΡ ΠΏΠΎΡΠ²ΡΡΠ΅Π½Π½ΡΠ΅ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΠ°ΠΌ, Π΅ΡΠ»ΠΈ Π²Ρ ΡΠ°Π·ΡΠ°Π±Π°ΡΡΠ²Π°Π΅ΡΠ΅ Π±ΠΎΠ»ΡΡΠΎΠΉ ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡ.
- ΠΠ»Π°Π³ΠΎΠ΄Π°ΡΡ ΡΠΎΠΌΡ, ΡΡΠΎ Figma ΠΎΡΠ³Π°Π½ΠΈΠ·ΠΎΠ²ΡΠ²Π°Π΅Ρ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΡ Π½Π° ΠΏΠ°Π½Π΅Π»ΠΈ Β«ΠΠΈΠ±Π»ΠΈΠΎΡΠ΅ΠΊΠ° ΠΊΠΎΠΌΠ°Π½Π΄Β», Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ Π°ΡΡΠ±ΠΎΡΠ΄Ρ (ΡΡΠ΅ΠΉΠΌΡ) ΠΈΠ»ΠΈ Π³ΡΡΠΏΠΏΡ Π΄Π»Ρ ΡΠΎΡΡΠΈΡΠΎΠ²ΠΊΠΈ ΠΈΡ Π² Π»ΠΎΠ³ΠΈΡΠ΅ΡΠΊΠΈΠ΅ ΠΊΠ°ΡΠ΅Π³ΠΎΡΠΈΠΈ (Π½Π°ΠΏΡΠΈΠΌΠ΅Ρ: ΠΊΠ½ΠΎΠΏΠΊΠΈ, Π²ΠΊΠ»Π°Π΄ΠΊΠΈ, ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ ΡΠΎΡΠΌ ΠΈ Ρ.Π΄.)
- ΠΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠ΅ ΡΠ²Π΅ΡΠ° ΡΠΎΠ½Π° ΡΡΠ΅ΠΉΠΌΠ° ΠΈΠ»ΠΈ Π³ΡΡΠΏΠΏ ΠΏΡΠΈΠ²Π΅Π΄Π΅Ρ ΠΎΠ±Π½ΠΎΠ²Π»Π΅Π½ΠΈΡ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ ΠΏΡΠ΅Π΄ΠΏΡΠΎΡΠΌΠΎΡΡΠ° Π½Π° Π±ΠΎΠΊΠΎΠ²ΠΎΠΉ ΠΏΠ°Π½Π΅Π»ΠΈ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΠΎΠ². ΠΠΎΠ½Π΅ΡΠ½ΠΎ, Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΠΈ Π±Π΅ΡΠΊΠΎΠ½Π΅ΡΠ½Ρ, ΠΊΠΎΠ³Π΄Π° Π΄Π΅Π»ΠΎ Π΄ΠΎΡ ΠΎΠ΄ΠΈΡ Π΄ΠΎ ΠΎΡΠ³Π°Π½ΠΈΠ·Π°ΡΠΈΠΈ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΠΎΠ² Π² ΡΠΈΡΡΠ΅ΠΌΡ. Π£ΠΈΠ»ΡΡΠΌ ΠΡΡΡΠΎΠ½ Π½Π°ΠΏΠΈΡΠ°Π» Π·Π°ΠΌΠ΅ΡΠ°ΡΠ΅Π»ΡΠ½ΡΡ ΡΡΠ°ΡΡΡ ΠΎ ΡΠΎΠΌ, ΠΊΠ°ΠΊ ΠΎΠ½ ΠΎΡΠ³Π°Π½ΠΈΠ·ΠΎΠ²ΡΠ²Π°Π΅Ρ ΡΠ²ΠΎΠΈ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΡ Π² ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠΈ Gusto Π·Π΄Π΅ΡΡ.
ΠΠΎΡΠΊΠΎΠ»ΡΠΊΡ ΠΌΠ½ΠΎΠ³ΠΈΠ΅ ΠΈΡΡΠΎΡΠΈΠΈ ΡΡΠΏΠ΅Ρ Π° Figma, ΠΊΠΎΡΠΎΡΡΠ΅ Ρ ΡΠΈΡΠ°Π» ΠΎΡΠ½ΠΎΠ²Π°Π½Ρ Π½Π° ΡΠ°Π±ΠΎΡΠ΅ Π½Π°Π΄ ΠΏΡΠΎΠ΄ΡΠΊΡΠΎΠΌ, ΡΠΎ Ρ ΠΏΠΎΠ΄ΡΠΌΠ°Π», ΡΡΠΎ ΡΠΎΠΆΠ΅ ΠΌΠΎΠ³Ρ ΠΏΠΎΠ΄Π΅Π»ΠΈΡΡΡΡ ΡΠ²ΠΎΠ΅ΠΉ ΠΈΡΡΠΎΡΠΈΠ΅ΠΉ. ΠΠΎΠΌΠ°Π½Π΄Π°, Π² ΠΊΠΎΡΠΎΡΠΎΠΉ Ρ ΡΠ°Π±ΠΎΡΠ°Ρ Π½Π΅ Π±ΠΎΠ»ΡΡΠ°Ρ ΠΈ Ρ ΡΠ²Π»ΡΡΡΡ Π΅Π΄ΠΈΠ½ΡΡΠ²Π΅Π½Π½ΡΠΌ ΡΠΈΡΡΠΎΠ²ΡΠΌ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅ΡΠΎΠΌ. ΠΡ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΡΠΏΡΠΎΡΠΈΡΡ Β«Π·Π°ΡΠ΅ΠΌ ΠΎΠ΄Π½ΠΎΠΌΡ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅ΡΡ Π½ΡΠΆΠ΅Π½ ΠΎΠ±Π»Π°ΡΠ½ΡΠΉ ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½ΡΡ Ρ ΠΌΠ½ΠΎΠ³ΠΎΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΡΡΠΊΠΈΠΌΠΈ Π±ΠΈΠ±Π»ΠΈΠΎΡΠ΅ΠΊΠ°ΠΌΠΈ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΠΎΠ²?Β».
ΠΠ°ΡΠ½Π΅ΠΌ Ρ ΠΌΠ½ΠΎΠ³ΠΎΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΡΡΠΊΠΎΠ³ΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΡ. Π― ΡΠ»ΡΡΡ ΡΠ°Π·Π³ΠΎΠ²ΠΎΡΡ, ΠΎ ΡΠΎΠΌ ΡΡΠΎ ΠΌΠ½ΠΎΠ³ΠΈΠ΅ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅ΡΡ Π½Π΅ Π½ΡΠΆΠ΄Π°ΡΡΡΡ Π² ΠΌΠ½ΠΎΠ³ΠΎΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΡΡΠΊΠΎΠΉ ΡΠ°Π±ΠΎΡΠ΅ Π½Π°Π΄ ΠΎΠ΄Π½ΠΈΠΌ ΠΈ ΡΠ΅ΠΌ ΠΆΠ΅ ΡΠ°ΠΉΠ»ΠΎΠΌ. Π₯ΠΎΡΡ ΡΠΆΠ΅ ΡΡΠΏΠ΅ΡΠ½ΠΎ ΠΈΡΠΏΡΡΠ°Π» Π΅Π³ΠΎ Π² ΡΠΎΠ²ΠΌΠ΅ΡΡΠ½ΠΎΠΉ ΡΠ°Π±ΠΎΡΠ΅ Ρ Π΄ΡΡΠ³ΠΈΠΌΠΈ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅ΡΠ°ΠΌΠΈ, ΡΡΠΎΠ±Ρ Π±ΡΡΡΡΠΎ ΡΠ³Π΅Π½Π΅ΡΠΈΡΠΎΠ²Π°ΡΡ ΠΈΠ΄Π΅ΠΈ. Π’Π°ΠΊΠΆΠ΅ Ρ Π²ΠΈΠΆ ΠΌΠ½ΠΎΠ³ΠΎ ΠΏΡΠ΅ΠΈΠΌΡΡΠ΅ΡΡΠ² ΡΠ»Π΅Π½ΠΎΠ² ΠΊΠΎΠΌΠ°Π½Π΄Ρ, ΠΊΠΎΡΠΎΡΡΠ΅ Π½Π΅ ΡΠ²Π»ΡΡΡΡΡ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅ΡΠ°ΠΌΠΈ. ΠΠ°ΠΏΡΠΈΠΌΠ΅Ρ, Ρ Π½Π°Ρ Π΅ΠΆΠ΅Π½Π΅Π΄Π΅Π»ΡΠ½ΡΠ΅ ΠΈ Π΄Π²ΡΡ Π½Π΅Π΄Π΅Π»ΡΠ½ΡΠ΅ ΠΏΡΠΎΠ²Π΅ΡΠΊΠΈ Π² ΠΏΡΠΎΠ΅ΠΊΡΠ°Ρ , Π² ΠΊΠΎΡΠΎΡΡΡ ΠΌΠ½Π΅ Π½Π΅ΠΎΠ±Ρ ΠΎΠ΄ΠΈΠΌΠΎ ΠΏΡΠ΅Π΄ΠΎΡΡΠ°Π²ΠΈΡΡ ΠΎΡΡΠ΅Ρ ΠΎΠ± ΠΎΠ±Π½ΠΎΠ²Π»Π΅Π½ΠΈΡ. Π Π°Π½ΡΡΠ΅ Π² ΡΡΠΈΡ ΠΎΠ±Π½ΠΎΠ²Π»Π΅Π½ΠΈΡΡ Ρ ΡΠ°ΡΡΠΎ Π΄Π΅Π»ΠΈΠ»ΡΡ ΡΠ²ΠΎΠΈΠΌ ΡΠΊΡΠ°Π½ΠΎΠΌ (Π½ΠΈΠ·ΠΊΠΎΠ΅ ΠΊΠ°ΡΠ΅ΡΡΠ²ΠΎ, ΠΏΡΠΎΠ±Π»Π΅ΠΌΡ Ρ ΠΌΠ°ΡΡΡΠ°Π±ΠΈΡΠΎΠ²Π°Π½ΠΈΠ΅ΠΌ, Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡΠ΅Π»ΡΠ½ΠΎΠ΅ ΠΏΡΠΎΠ³ΡΠ°ΠΌΠ½ΠΎΠ΅ ΠΎΠ±Π΅ΡΠΏΠ΅ΡΠ΅Π½ΠΈΡ), ΠΈΠ»ΠΈ ΠΌΠ½Π΅ ΠΏΡΠΈΡ ΠΎΠ΄ΠΈΠ»ΠΎΡΡ ΡΠΊΡΠΏΠΎΡΡΠΈΡΠΎΠ²Π°ΡΡ Π²ΡΠ΅ ΠΌΠ°ΡΠ΅ΡΠΈΠ°Π»Ρ ΠΈ ΡΠ°ΡΠΏΡΠΎΡΡΡΠ°Π½ΡΡΡ ΠΈΡ , ΡΡΠΎΠ±Ρ Π²ΡΠ΅ ΡΠΎΡΡΡΠ΄Π½ΠΈΠΊΠΈ ΠΈ Π·Π°ΠΈΠ½ΡΠ΅ΡΠ΅ΡΠΎΠ²Π°Π½Π½ΡΠ΅ ΡΠΎΡΠΎΡΠΎΠ½Ρ ΠΌΠΎΠ³Π»ΠΈ ΠΏΡΠΎΡΠΌΠ°ΡΡΠΈΠ²Π°ΡΡ ΠΈΡ Π² ΠΏΡΠΈΠ±Π»ΠΈΠΆΠ΅Π½ΠΈΠΈ 100%. ΠΠΎΠ»ΡΡΠ΅Π½ΠΈΠ΅ ΠΎΠ±ΡΠ°ΡΠ½ΠΎΠΉ ΡΠ²ΡΠ·ΠΈ Π²ΡΠ·ΡΠ²Π°Π»ΠΎ ΠΌΠ½ΠΎΠ³ΠΎ Ρ Π»ΠΎΠΏΠΎΡ ΠΈ ΠΎΠ±ΡΡΠ½ΠΎ Π²ΠΊΠ»ΡΡΠ°Π»ΠΎ Π² ΡΠ΅Π±Ρ Π·Π°ΠΏΠΈΡΠΈΡΡ Π·Π°ΠΌΠ΅ΡΠ°Π½ΠΈΠΉ ΠΈΠ»ΠΈ Π²ΡΡΠΈΡΡΠ²Π°Π½ΠΈΠ΅ ΠΊΠΎΠΌΠΌΠ΅Π½ΡΠ°ΡΠΈΠ΅Π² Π² PDF.
Π’Π΅ΠΏΠ΅ΡΡ, ΠΏΠΎΠ΄ΠΊΠ»ΡΡΠ°Ρ ΠΌΠΎΠΈΡ ΠΊΠΎΠ»Π»Π΅Π³ ΠΊ Figma Ρ ΠΌΠΎΠ³Ρ ΠΏΡΠΎΡΡΠΎ ΠΏΠΎΠ΄Π΅Π»ΠΈΡΡΡΡ ΡΡΡΠ»ΠΊΠΎΠΉ. ΠΠ½Π΅ Π½Π΅ Π½ΡΠΆΠ½ΠΎ Π³ΠΎΡΠΎΠ²ΠΈΡΡ ΠΏΡΠ΅Π·Π΅Π½ΡΠ°ΡΠΈΡ ΠΈΠ»ΠΈ Π³ΠΎΡΠΎΠ²ΠΈΡΡ ΠΊΠ°ΠΊΠΈΠ΅-Π»ΠΈΠ±ΠΎ ΠΌΠ°ΡΠ΅ΡΠΈΠ°Π»Ρ. ΠΠΎΡΡΠ°ΡΠΎΡΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΡΠΎΠ»ΡΠΊΠΎ Figma. Π§Π»Π΅Π½Ρ ΠΊΠΎΠΌΠ°Π½Π΄Ρ ΠΌΠΎΠ³ΡΡ ΠΏΡΠΎΡΡΠΎ ΠΊΠ»ΠΈΠΊΠ½ΡΡΡ Π½Π° ΡΡΡΠ»ΠΊΡ ΠΈ Π²ΠΈΠ΄Π΅ΡΡ ΡΠΎΡ ΠΆΠ΅ Π΄ΠΎΠΊΡΠΌΠ΅Π½Ρ, ΠΊΠΎΡΠΎΡΡΠΉ Π²ΠΈΠΆΡ Ρ.
ΠΠ»ΠΈΠΊΠ½ΡΠ² Π½Π° ΠΌΠΎΠΉ Π°Π²Π°ΡΠ°Ρ Π² ΠΏΡΠ°Π²ΠΎΠΌ Π²Π΅ΡΡ Π½Π΅ΠΌ ΡΠ³Π»Ρ, ΠΎΠ½ΠΈ ΠΌΠΎΠ³ΡΡ Π½Π°Π±Π»ΡΠ΄Π°ΡΡ Π·Π° ΠΌΠΎΠΈΠΌ ΡΠΊΡΠ°Π½ΠΎΠΌ. Π’Π°ΠΊΠΈΠΌ ΠΎΠ±ΡΠ°Π·ΠΎΠΌ Ρ ΠΌΠΎΠ³Ρ Π΄Π΅ΠΌΠΎΠ½ΡΡΡΠΈΡΠΎΠ²Π°ΡΡ ΡΠ²ΠΎΡ ΠΏΡΠ΅Π·Π΅Π½ΡΠ°ΡΠΈΡ. Π ΠΏΡΠΎΡΠ΅ΡΡΠ΅ Π»ΡΠ±ΠΎΠΉ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Ρ, ΠΊΠΎΡΠΎΡΡΠΉ Ρ ΠΎΡΠ΅Ρ Π²Π΅ΡΠ½ΡΡΡΡΡ Π½Π°Π·Π°Π΄ ΠΈ ΡΠ°ΡΡΠΌΠΎΡΡΠ΅ΡΡ ΡΡΠΎ-Π»ΠΈΠ±ΠΎ Π±ΠΎΠ»Π΅Π΅ Π΄Π΅ΡΠ°Π»ΡΠ½ΠΎ, ΠΌΠΎΠΆΠ΅Ρ ΠΎΡΠΊΠ»ΡΡΠΈΡΡΡΡ ΠΎΡ Π½Π°Π±Π»ΡΠ΄Π΅Π½ΠΈΡ Π·Π° ΠΌΠΎΠ΅ΠΉ ΠΏΡΠ΅Π·Π΅Π½ΡΠ°ΡΠΈΠ΅ΠΉ ΠΈ ΠΏΡΠΎΡΠΌΠΎΡΡΠ΅ΡΡ ΠΎΡΠ΄Π΅Π»ΡΠ½ΡΠ΅ ΠΊΠ°Π΄ΡΡ Π±Π΅Π· Π½Π°ΡΡΡΠ΅Π½ΠΈΡ ΠΏΠΎΡΠΎΠΊΠ° ΠΎΠ±ΡΠ΅ΠΉ ΠΏΡΠ΅Π·Π΅Π½ΡΠ°ΡΠΈΠΈ. ΠΡΠ±ΡΠ΅ Π²ΠΎΠΏΡΠΎΡΡ ΠΈ ΠΊΠΎΠΌΠΌΠ΅Π½ΡΠ°ΡΠΈΠΈ Π»Π΅Π³ΠΊΠΎ Π°Π΄ΡΠ΅ΡΠΎΠ²Π°ΡΡ, ΠΏΠΎΡΠΎΠΌΡ ΡΡΠΎ Ρ ΠΌΠΎΠ³Ρ Π»Π΅Π³ΠΊΠΎ ΠΏΠ΅ΡΠ΅ΠΊΠ»ΡΡΠΈΡΡΡ Π½Π° ΡΠΎΡ, ΡΡΠΎ Π²ΠΈΠ΄ΠΈΡ Π»ΡΠ±ΠΎΠΉ Π·ΡΠΈΡΠ΅Π»Ρ, Π° ΡΠ°ΠΊΠΆΠ΅ Π²ΠΈΠ΄Π΅ΡΡ ΠΈΡ ΠΊΡΡΡΠΎΡ. ΠΡΠΈ Π½Π΅ΠΎΠ±Ρ ΠΎΠ΄ΠΈΠΌΠΎΡΡΠΈ, Ρ ΠΌΠΎΠ³Ρ Π²Π½Π΅ΡΡΠΈ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΡ ΠΈΠ»ΠΈ ΠΏΡΠ΅Π΄Π»ΠΎΠΆΠ΅Π½ΠΈΡ ΠΏΡΡΠΌΠΎ Π² Π΄ΠΎΠΊΡΠΌΠ΅Π½Ρ, ΡΡΠΎΠ±Ρ ΠΊΠ°ΠΆΠ΄ΡΠΉ ΠΌΠΎΠ³ ΠΌΠ³Π½ΠΎΠ²Π΅Π½Π½ΠΎ ΠΏΡΠ΅Π΄ΠΎΡΡΠ°Π²ΠΈΡΡ ΠΎΠ±ΡΠ°ΡΠ½ΡΡ ΡΠ²ΡΠ·Ρ. ΠΡΠ»ΠΈ ΡΡΠΎ-ΡΠΎ ΡΠ»ΠΈΡΠΊΠΎΠΌ Π±ΠΎΠ»ΡΡΠ΅, ΡΡΠΎΠ±Ρ Π²Π½Π΅ΡΡΠΈ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΡ ΡΡΠ°Π·Ρ, ΡΠΎ Ρ ΡΠ°ΡΡΠΎ ΠΎΡΡΠ°Π²Π»ΡΡ ΠΊΠΎΠΌΠΌΠ΅Π½ΡΠ°ΡΠΈΠΈ Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½ΡΠ° ΠΊΠΎΠΌΠΌΠ΅Π½ΡΠΈΡΠΎΠ²Π°Π½ΠΈΡ ΠΏΡΡΠΌΠΎ Π½Π° ΠΌΠ°ΠΊΠ΅ΡΠ°Ρ , ΡΡΠΎΠ±Ρ Π² ΠΏΠΎΡΠ»Π΅Π΄ΡΡΠ²ΠΈΠΈ ΠΌΠΎΠΆΠ½ΠΎ Π±ΡΠ»ΠΎ ΡΠΎΡΠ»Π°ΡΡΡΡ Π½Π° Π½ΠΈΡ . ΠΡΠ΅ ΡΡΠΎ ΠΏΡΠΈΠ²ΠΎΠ΄ΠΈΡ ΠΊ Π±ΠΎΠ»Π΅Π΅ Π±ΡΡΡΡΡΠΌ ΠΈΡΠ΅ΡΠ°ΡΠΈΡΠΌ ΡΠ°Π·ΡΠ°Π±ΠΎΡΠΊΠΈ, ΡΠΌΠ΅Π½ΡΡΠ΅Π½ΠΈΡ ΠΊΠΎΠ»ΠΈΡΠ΅ΡΡΠ²Π° Π·Π°ΠΌΠ΅ΡΠ°Π½ΠΈΠΉ ΠΈ Π² ΠΊΠΎΠ½Π΅ΡΠ½ΠΎΠΌ ΡΡΠ΅ΡΠ΅ ΠΊ Π±ΠΎΠ»Π΅Π΅ Π±ΡΡΡΡΠΎΠΌΡ ΡΡΠ²Π΅ΡΠΆΠ΄Π΅Π½ΠΈΡ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠΉ.
Π’Π°ΠΊΠΆΠ΅ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΠΏΡΠ΅Π·Π΅Π½ΡΠ°ΡΠΈΠΈ Π·Π° ΠΏΡΠ΅Π΄Π΅Π»Π°ΠΌΠΈ ΠΏΡΠΎΡΠΌΠΎΡΡΠ° Π² ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΠ΅. Figma ΠΏΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ Π²ΡΡΡΠ°ΠΈΠ²Π°ΡΡ ΠΏΡΠ΅Π·Π΅Π½ΡΠ°ΡΠΈΠΈ Π½Π° ΡΠ°ΠΉΡ (Ρ ΠΏΠΎΠΌΠΎΡΡΡ iframe), ΠΊΠΎΡΠΎΡΡΠΉ Π²ΡΡΡΠΎΠΈΡ Π΄ΠΎΠΊΡΠΌΠ΅Π½Ρ Figma Π½Π° ΡΠ°ΠΉΡ. ΠΡΠΎ ΠΏΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ ΠΈΠ½ΡΠ΅Π³ΡΠΈΡΠΎΠ²Π°ΡΡ Figma Ρ ΠΌΠ½ΠΎΠ³ΠΈΠΌΠΈ Π²Π΅Π΄ΡΡΠΈΠΌΠΈ ΡΠΈΡΡΠ΅ΠΌΠ°ΠΌΠΈ ΡΠΏΡΠ°Π²Π»Π΅Π½ΠΈΡ ΠΏΡΠΎΠ΅ΠΊΡΠ°ΠΌΠΈ. ΠΠ°ΠΌ Π½Π΅ Π½ΡΠΆΠ½ΠΎ Π½ΠΈΡΠ΅Π³ΠΎ ΡΡΡΠ°Π½Π°Π²Π»ΠΈΠ²Π°ΡΡ. ΠΡ ΠΏΡΠΎΡΡΠΎ Π΄Π°Π΅ΡΠ΅ ΡΡΡΠ»ΠΊΡ Π½Π° Π΄ΠΎΠΊΡΠΌΠ΅Π½Ρ ΠΈ ΡΡΡΡΠ°Π½ΡΠ΅ΡΠ΅ ΠΏΡΡΠ°Π½ΠΈΡΡ Ρ Π²Π΅ΡΡΠΈΡΠΌΠΈ ΠΏΡΠΎΠ΅ΠΊΡΠΎΠ².
ΠΠ°ΠΉΠ΄Π»Π°ΠΉΠ½Ρ
ΠΡ ΡΠ°ΠΊΠΆΠ΅ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΠΌ Figma Π΄Π»Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ ΡΠΏΠ΅ΡΠΈΡΠΈΠΊΠ°ΡΠΈΠΉ ΠΏΡΠΎΠ΅ΠΊΡΠ°. ΠΠΌΠ΅ΡΡΠΎ ΡΠΎΠ³ΠΎ, ΡΡΠΎΠ±Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΠΌΠ½ΠΎΠ³ΠΎΡΡΡΠ°Π½ΠΈΡΠ½ΡΠΉ PDF-ΡΠ°ΠΉΠ», ΠΌΡ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΠΌ ΡΡΡΠ»ΠΊΡ Π½Π° Π΄ΠΎΠΊΡΠΌΠ΅Π½Ρ Figma, ΠΊΠΎΡΠΎΡΡΠΉ Π²ΠΊΠ»ΡΡΠ°Π΅Ρ ΠΏΠΎΠ»Π½ΡΡ Π²Π΅ΡΡΠΈΡ ΠΏΡΠΎΠ΅ΠΊΡΠ°, Ρ ΠΏΡΠΈΠΌΠ΅ΡΠ°Π½ΠΈΡΠΌΠΈ, ΠΈ ΡΠ΅ΠΊΠΎΠΌΠ΅Π½Π΄Π°ΡΠΈΡΠΌΠΈ ΠΏΠΎ ΡΠ°Π·ΡΠ°Π±ΠΎΡΠΊΠ΅ Π΄Π»Ρ Π°Π²ΡΠΎΡΠΎΠ² ΠΌΠ°ΡΠ΅ΡΠΈΠ°Π»ΠΎΠ² ΠΈ ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΠΎΠ². Π ΠΏΡΠΎΡΠ΅ΡΡΠ΅, Π΅ΡΠ»ΠΈ Π½Π°ΠΌ Π½Π΅ΠΎΠ±Ρ ΠΎΠ΄ΠΈΠΌΠΎ Π²Π½Π΅ΡΡΠΈ ΠΏΡΠ°Π²ΠΊΠΈ, ΡΠΎ ΡΠΎΠΎΡΠ²Π΅ΡΡΡΠ²Π΅Π½Π½ΠΎ ΠΎΠ½ΠΈ ΠΎΠ΄Π½ΠΎΠ²ΡΠ΅ΠΌΠ΅Π½Π½ΠΎ Π²Π½ΠΎΡΡΡΡΡ ΠΈ Π² ΡΠΏΠ΅ΡΠΈΡΠΈΠΊΠ°ΡΠΈΡ.
ΠΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ ΡΡΠΎΠ³ΠΎ ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½ΡΠ°, Π° ΡΠ°ΠΊΠΆΠ΅ Π²Π·Π°ΠΈΠΌΠΎΠ΄Π΅ΠΉΡΡΠ²ΠΈΠ΅ Ρ ΠΊΠΎΠΌΠ°Π½Π΄ΠΎΠΉ Figma Π±ΡΠ»ΠΎ ΡΠ΄ΠΈΠ²ΠΈΡΠ΅Π»ΡΠ½ΡΠΌ ΠΎΠΏΡΡΠΎΠΌ. ΠΠ°Π½Π΅Π²ΡΠ΅Π½Π½ΠΎΡΡΡ ΠΊΠΎΠΌΠ°Π½Π΄Ρ Π²ΠΏΠ΅ΡΠ°ΡΠ»ΡΠ΅Ρ, ΠΊΠΎΠ³Π΄Π° Ρ ΡΠΌΠΎΡΡΡ, ΠΊΠ°ΠΊ Π±ΡΡΡΡΠΎ ΠΎΠ½ΠΈ Π΄ΠΎΠ±Π°Π²Π»ΡΡΡ ΠΈΠ½Π½ΠΎΠ²Π°ΡΠΈΠΎΠ½Π½ΡΠ΅ ΠΈ ΡΡΠ°Π±ΠΈΠ»ΡΠ½ΡΠ΅ ΡΡΠ½ΠΊΡΠΈΠΈ Π² ΠΏΡΠΎΠ΄ΡΠΊΡ, Π° Π½Π΅ ΡΠΎΠ»ΡΠΊΠΎ ΠΏΡΠΎΡΠ»ΡΡΠΈΠ²Π°ΡΡ, Π½ΠΎ ΠΈ Π±ΡΡΡΡΠΎ ΠΎΡΡΠ»Π΅ΠΆΠΈΠ²Π°ΡΡ ΡΠ΅Π°Π»ΠΈΠ·Π°ΡΠΈΡ ΠΎΠ±ΡΠ°ΡΠ½ΠΎΠΉ ΡΠ²ΡΠ·ΠΈ Ρ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΡΠΌΠΈ. ΠΡΠΎ Π²Π½ΡΡΠ°Π΅Ρ ΡΠ²Π΅ΡΠ΅Π½Π½ΠΎΡΡΡ Π² ΡΠΎΠΌ, ΡΡΠΎ Π»ΡΠ±ΡΠ΅ ΠΆΠ΅Π»Π°Π΅ΠΌΡΠ΅ ΡΡΠ½ΠΊΡΠΈΠΈ, ΠΊΠΎΡΠΎΡΡΠ΅ ΠΌΠΎΠ³ΡΡ ΠΎΡΡΡΡΡΡΠ²ΠΎΠ²Π°ΡΡ, Π²Π΅ΡΠΎΡΡΠ½ΠΎ ΠΏΠΎΡΠ²ΡΡΡΡ Π² Π±Π»ΠΈΠΆΠ°ΠΉΡΠ΅ΠΌ Π±ΡΠ΄ΡΡΠ΅ΠΌ, ΠΈ, Π²Π΅ΡΠΎΡΡΠ½ΠΎ, ΠΏΡΠΈΡΠΈΠ½Π° Π² ΡΠΎΠΌ, ΡΡΠΎ ΡΡΡΠ»ΠΊΠ° Ρ ΠΎΠ±Π½ΠΎΠ²Π»Π΅Π½ΠΈΡΠΌΠΈ ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΡ Figma Π½Π°ΡΠ»Π° ΠΌΠ΅ΡΡΠΎ Π² ΠΌΠΎΠ΅ΠΉ ΠΏΠ°Π½Π΅Π»ΠΈ Π·Π°ΠΊΠ»Π°Π΄ΠΎΠΊ. ΠΠΎΠ΅ Π²ΡΠ΅ΠΌΡ, ΠΏΡΠΎΠ²Π΅Π΄Π΅Π½Π½ΠΎΠ΅ Π² FimgΠ° ΠΎΠ±ΡΡΠ½ΠΎ ΡΠ²Π»Π΅ΡΡΡ ΡΠ°ΠΌΠΎΠΉ ΠΏΡΠΈΡΡΠ½ΠΎΠΉ ΡΠ°ΡΡΡΡ Π΄Π½Ρ. ΠΠ°Π΄Π΅ΡΡΡ, ΠΌΠΎΠΉ Π°Π·Π°ΡΡ Π±ΡΠ΄Π΅Ρ Π·Π°ΡΠ°Π·ΠΈΡΠ΅Π»Π΅Π½ Π² ΠΏΡΠ΅Π΄Π°Ρ ΠΎΡΠΈΡΠ° ΠΈ ΠΏΡΠΈΠ²Π»Π΅ΡΠ΅Ρ Π±ΠΎΠ»ΡΡΠ΅ ΡΠΎΡΡΡΠ΄Π½ΠΈΠΊΠΎΠ².
ΠΠΎΠΆΠ°Π»ΡΠΉΡΡΠ°, ΠΏΠΎΠ΄Π΅Π»ΠΈΡΠ΅ΡΡ ΡΠ²ΠΎΠΈΠΌ ΠΎΠΏΡΡΠΎΠΌ!
ΠΠΎΠΌΠΏΠ°Π½ΠΈΡ Figma Π½Π°ΡΠ»Π° ΡΡΡ ΡΡΠ°ΡΡΡ ΠΏΠΎΠ»Π΅Π·Π½ΠΎΠΉ Π΄Π»Ρ ΡΠ΅Π±Ρ ΠΈ ΠΏΠΎΡΡΠΎΠΌΡ Ρ ΠΌΠΎΠ΅Π³ΠΎ ΡΠ°Π·ΡΠ΅ΡΠ΅Π½ΠΈΡ ΡΠ΅ΠΊΠ»Π°ΠΌΠΈΡΡΠ΅Ρ Π΅Π΅.
ΠΠΎΠ»ΡΠ½ΡΠΉ ΠΏΠ΅ΡΠ΅Π²ΠΎΠ΄ ΡΡΠ°ΡΡΠΈ Π’ΠΎΠΌΠ°ΡΠ° ΠΠΎΡΡΠΈ Β«Π€ΠΈΠ³ΠΌΠ° ΡΡΠ°Π½ΡΡΠΎΡΠΌΠΈΡΡΠ΅Ρ Π²Π΅ΡΡ ΠΌΠΎΠΉ ΡΠ°Π±ΠΎΡΠΈΠΉ ΠΏΡΠΎΡΠ΅ΡΡΒ». ΠΡΠΈΠ³ΠΈΠ½Π°Π»ΡΠ½Π°Ρ ΡΡΠ°ΡΡΡ.
figmadesign.ru
ΠΠΈΠ·Π°ΠΉΠ½-ΡΠΈΡΡΠ΅ΠΌΠ° Π² Figma. ΠΠ·Π³Π»ΡΠ΄ Π½Π° ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡ ΡΠ΅ΡΠ΅Π· ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΡ / Π₯Π°Π±Ρ
ΠΠ°ΠΊΠΎΠΉ Π΄ΠΎΠ»ΠΆΠ½Π° Π±ΡΡΡ ΠΎΠΏΡΠΈΠΌΠ°Π»ΡΠ½Π°Ρ Π΄ΠΈΠ·Π°ΠΉΠ½-ΡΠΈΡΡΠ΅ΠΌΠ° Π² Figma? Π§ΡΠΎ ΡΠ°ΠΊΠΎΠ΅ ΠΏΠ΅ΡΠ΅ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΠΌΡΠΉ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ? ΠΠ°ΠΊ ΠΏΠΎΠ½ΡΡΠ½Π΅Π΅ ΠΈ ΡΠ΄ΠΎΠ±Π½Π΅Π΅ ΠΎΡΠ³Π°Π½ΠΈΠ·ΠΎΠ²Π°ΡΡ ΡΡΡΡΠΊΡΡΡΡ Π²Π½ΡΡΡΠΈ ΠΏΠ°Π½Π΅Π»ΠΈ Instance? ΠΠ°ΠΊΠΎΠ²Ρ ΡΡΠ°ΠΏΡ ΡΠ°Π·ΡΠ°Π±ΠΎΡΠΊΠΈ ΠΏΠΎΠ΄ΠΎΠ±Π½ΠΎΠ³ΠΎ ΠΏΡΠΎΠ΄ΡΠΊΡΠ°? Π ΡΠ°ΠΊ Π΄Π°Π»Π΅Π΅. ΠΡΠ²Π΅ΡΡ Π½Π° ΡΡΠΈ ΠΈ ΠΌΠ½ΠΎΠ³ΠΈΠ΅ Π΄ΡΡΠ³ΠΈΠ΅ Π²ΠΎΠΏΡΠΎΡΡ Ρ ΠΏΠΎΡΡΠ°ΡΠ°ΡΡΡ Π΄Π°ΡΡ Π² ΡΡΠΎΠΉ ΡΡΠ°ΡΡΠ΅.
Π‘ΠΎΠ²ΡΠ΅ΠΌ Π½Π΅Π΄Π°Π²Π½ΠΎ Ρ ΡΠ°Π·ΡΠ°Π±ΠΎΡΠ°Π» ΡΠ²ΠΎΡ ΡΠΆΠ΅ 4-Ρ Π±ΠΈΠ±Π»ΠΈΠΎΡΠ΅ΠΊΡ Π΄Π»Ρ Figma ΠΈ ΡΠΎΠ»ΡΠΊΠΎ ΡΠ΅ΠΉΡΠ°Ρ Ρ Π³ΠΎΡΠΎΠ² ΡΡΡΡΠΊΡΡΡΠΈΡΠΎΠ²Π°ΡΡ Π·Π½Π°Π½ΠΈΡ ΠΈ ΠΎΠΏΡΡ Π½Π°ΠΊΠΎΠΏΠ»Π΅Π½Π½ΡΠ΅ Π² ΠΏΡΠΎΡΠ΅ΡΡΠ΅ ΡΠ°Π·ΡΠ°Π±ΠΎΡΠΊΠΈ ΡΡΠΎΠΉ ΠΈ ΠΏΡΠ΅Π΄ΡΠ΄ΡΡΠΈΡ
ΡΠΈΡΡΠ΅ΠΌ.
ΠΡΠΌΡΡΠ»Π΅Π½ΠΈΠ΅ ΠΏΡΠΈΠΌΠ΅Π½Π΅Π½ΠΈΠ΅ Π½Π°ΡΡΡΠΏΠ°Π΅Ρ ΠΏΠΎΡΠ»Π΅ Ρ Π°ΠΉΠΏΠ°
ΠΠ°ΠΊ ΠΈ Π»ΡΠ±ΠΎΠ΅ Π½ΠΎΠ²ΡΠ΅ΡΡΠ²ΠΎ Π½Π° ΡΡΠ½ΠΊΠ΅, Π΄ΠΈΠ·Π°ΠΉΠ½-ΡΠΈΡΡΠ΅ΠΌΡ ΠΏΠ΅ΡΠ΅ΠΆΠΈΠ»ΠΈ Ρ Π°ΠΉΠΏ ΠΈ ΠΏΠ΅ΡΠ΅ΡΠ»ΠΈ Π² ΡΡΠ°Π΄ΠΈΡ ΠΏΡΠ°ΠΊΡΠΈΡΠ΅ΡΠΊΠΎΠ³ΠΎ ΠΏΠ΅ΡΠ΅ΠΎΡΠΌΡΡΠ»Π΅Π½ΠΈΡ. ΠΡΠ½ΡΠ½Π΅ ΠΈΡ ΠΌΠΎΠΆΠ½ΠΎ ΠΏΡΠΈΠΌΠ΅Π½ΡΡΡ ΡΠΎΠ²Π΅ΡΡΠ΅Π½Π½ΠΎ Π² ΡΠ°Π·Π½ΡΡ ΡΠ»ΡΡΠ°ΡΡ ΠΈ Π΄Π»Ρ ΡΠ΅ΡΠ΅Π½ΠΈΡ Π±ΠΎΠ»ΡΡΠ΅Π³ΠΎ ΡΠΈΠΏΠ° Π·Π°Π΄Π°Ρ. ΠΠ»Ρ ΠΊΡΡΠΏΠ½ΠΎΠΉ ΠΎΡΠ³Π°Π½ΠΈΠ·Π°ΡΠΈΠΈ β ΡΡΠΎ Π²ΠΈΠ·ΡΠ°Π»ΡΠ½ΡΠΉ ΡΠ·ΡΠΊ, Π±ΡΠ΅Π½Π΄ΠΈΠ½Π³, ΠΏΠΎΡΡΠ΄ΠΎΠΊ, Π΅Π΄ΠΈΠ½ΡΡΠ²ΠΎ Π΄ΠΈΠ·Π°ΠΉΠ½Π° ΠΈ ΠΊΠΎΠ΄Π°. ΠΠ»Ρ Π½Π΅Π±ΠΎΠ»ΡΡΠΈΡ ΠΎΡΠ³Π°Π½ΠΈΠ·Π°ΡΠΈΠΉ β ΡΡΠΎ ΠΊΠΎΠΌΠ°Π½Π΄Π½Π°Ρ Π±ΠΈΠ±Π»ΠΈΠΎΡΠ΅ΠΊΠ° Π² Figma, Π² ΠΊΠΎΡΠΎΡΠΎΠΉ ΡΡΡΠ΅ΠΊΡΠΈΠ²Π΅Π½ Π½Π΅Π±ΠΎΠ»ΡΡΠΎΠΉ ΡΡΠ°Ρ ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΠΎΠ² ΠΈ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅ΡΠΎΠ². ΠΠΈΠ·Π°ΠΉΠ½-ΡΠΈΡΡΠ΅ΠΌΡ ΠΌΠΎΠΆΠ΅Ρ ΠΏΡΠΈΠΌΠ΅Π½ΡΡΡ Π΄Π»Ρ ΡΠ²ΠΎΠΈΡ Π·Π°Π΄Π°Ρ ΠΈ ΡΠ°ΡΡΠ½ΡΠΉ ΡΡΠΈΠ»Π°Π½ΡΠ΅Ρ β ΡΡΠΎ ΠΈ Π°Π²ΡΠΎΠΌΠ°ΡΠΈΠ·Π°ΡΠΈΡ ΠΏΡΠ°Π²ΠΎΠΊ ΠΎΡ ΠΊΠ»ΠΈΠ΅Π½ΡΠΎΠ² (ΡΠ΅ΡΠ΅Π· ΠΌΠ°ΡΡΠ΅Ρ-ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΡ ΠΎΠ½ Π±ΡΡΡΡΠΎ Π΄Π²ΠΈΠ³Π°Π΅Ρ ΠΏΠΈΠΊΡΠ΅Π»ΠΈ, ΠΌΠ΅Π½ΡΠ΅Ρ ΡΠ²Π΅ΡΠ° ΠΈ ΡΠΎΡΠΌΡ) ΠΈ ΠΏΠΎΡΡΠ΅ΠΏΠ΅Π½Π½ΠΎ ΡΠ°ΡΡΡΡΠ°Ρ Π±Π°Π·Π° UI Π²ΠΈΠ΄ΠΆΠ΅ΡΠΎΠ² (Π²ΡΠ΅ ΠΎΠ½ΠΈ ΡΠΏΠΎΡΡΠ΄ΠΎΡΠ΅Π½Ρ ΠΈ Π»ΠΎΠ³ΠΈΡΠ½ΠΎ ΠΏΠ΅ΡΠ΅ΡΡΡΠ°ΠΈΠ²Π°ΡΡΡΡ ΠΏΡΠΈ resize). Π‘ΠΊΠΎΡΠΎΡΡΡ Π²ΡΠΏΠΎΠ»Π½Π΅Π½ΠΈΡ Π·Π°Π΄Π°Ρ Ρ ΡΠ°ΠΊΠΈΠΌ ΠΏΡΠΎΠ΄ΡΠΊΡΠΎΠΌ Π²ΠΎΠ·ΡΠ°ΡΡΠ°Π΅Ρ Π² Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ ΡΠ°Π·. Π‘Π΅Π³ΠΎΠ΄Π½Ρ ΠΊΠ°ΠΆΠ΄ΡΠΉ ΡΠΌΠΎΠΆΠ΅Ρ Π½Π°ΠΉΡΠΈ Π΄Π»Ρ ΡΠ΅Π±Ρ ΠΏΠ»ΡΡΡ ΡΠ°Π±ΠΎΡΡ Π²Π½ΡΡΡΠΈ Π΄ΠΈΠ·Π°ΠΉΠ½-ΡΠΈΡΡΠ΅ΠΌΡ.
ΠΠ°ΠΊ Π±Ρ Ρ ΠΎΠ±ΡΡΡΠ½ΠΈΠ» ΡΡΡΡ Π΄ΠΈΠ·Π°ΠΉΠ½-ΡΠΈΡΡΠ΅ΠΌΡ Π² Figma ΠΏΡΠΎΡΡΡΠΌ ΡΠ·ΡΠΊΠΎΠΌ? ΠΡΠ΅Π³ΠΎ Π² ΡΠ΅ΡΡΡΠ΅ ΡΠ»ΠΎΠ²Π°: βΠΠΎΠΌΠ΅Π½ΡΠ»ΠΈ ΡΡΡ β ΠΏΠΎΠΌΠ΅Π½ΡΠ»ΠΎΡΡ Π²Π΅Π·Π΄Π΅β. Π ΡΡΠΎΠΌ ΠΊΡΠΎΠ΅ΡΡΡ Π³Π»Π°Π²Π½ΡΠΉ ΠΏΡΠΈΠ½ΡΠΈΠΏ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΡ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΠΎΠ² ΠΈ ΡΠΊΠ·Π΅ΠΌΠΏΠ»ΡΡΠΎΠ² ΠΏΡΠΈ ΡΠ°Π·ΡΠ°Π±ΠΎΡΠΊΠ΅ Π»ΡΠ±ΠΎΠ³ΠΎ ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡΠ°, ΠΊΠΎΡΠΎΡΡΠΉ ΠΏΡΠΈ ΠΊΠΎΡΡΠ΅ΠΊΡΠ½ΠΎΠΉ ΠΏΠΎΡΠ»Π΅Π΄ΠΎΠ²Π°ΡΠ΅Π»ΡΠ½ΠΎΡΡΠΈ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΡ Π°ΡΠΎΠΌΠΎΠ² ΠΈ ΠΌΠΎΠ»Π΅ΠΊΡΠ» Π΄Π»Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ ΡΠ΅ΠΌΠΏΠ»Π΅ΠΉΡΠΎΠ², ΠΏΡΠ΅Π²ΡΠ°ΡΠΈΡΡΡ ΡΠΎ Π²ΡΠ΅ΠΌΠ΅Π½Π΅ΠΌ Π² ΠΏΠΎΠ»Π½ΠΎΡΠ΅Π½Π½ΡΡ ΡΠΈΡΡΠ΅ΠΌΡ.
Π‘ΠΌΠΎΡΡΠ΅ΡΡ Π½Π° ΠΌΠΈΡ ΠΈ Π²ΠΈΠ΄Π΅ΡΡ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΡ
Π Π°Π½ΡΡΠ΅ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅ΡΡ Π΄ΠΎΡΡΠ°ΡΠΎΡΠ½ΠΎ Π±ΡΠ»ΠΎ ΠΏΡΠΎΡΡΠΎ ΡΠΈΡΠΎΠ²Π°ΡΡ ΠΈ Π΄Π²ΠΈΠ³Π°ΡΡ ΠΏΠΈΠΊΡΠ΅Π»ΠΈ. ΠΠ½ΠΎΠ³Π΄Π° ΠΎΠ½ Π΄Π°ΠΆΠ΅ ΡΠΏΠΎΡΡΠ΄ΠΎΡΠΈΠ²Π°Π» ΠΈ Π°ΠΊΠΊΡΡΠ°ΡΠ½ΠΎ ΠΏΡΠΎΠΈΠΌΠ΅Π½ΠΎΠ²ΡΠ²Π°Π» ΡΠ»ΠΎΠΈ ΠΈ Π³ΡΡΠΏΠΏΡ. ΠΠΎΡΠΎΠΌ ΠΏΠΎΡΠ²ΠΈΠ»ΠΈΡΡ ΡΠΈΠΌΠ²ΠΎΠ»Ρ ΠΈ Π΄Π°Π»ΠΈ ΠΏΠΎΠ»ΡΠ°Π²ΡΠΎΠΌΠ°ΡΠΈΠ·Π°ΡΠΈΡ ΠΏΡΠΎΡΠ΅ΡΡΠΎΠ². Π‘Π΅ΠΉΡΠ°Ρ ΠΏΡΠΈΡΠ»ΠΈ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΡ ΠΈ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΡ ΠΌΠΎΠΆΠ½ΠΎ ΡΡΠ°Π½ΡΠ»ΠΈΡΠΎΠ²Π°ΡΡ Π°Π²ΡΠΎΠΌΠ°ΡΠΈΡΠ΅ΡΠΊΠΈ Π² ΡΠ°Π·Π½ΡΠ΅ ΡΡΠ°Π³ΠΌΠ΅Π½ΡΡ Π°ΡΡΠ±ΠΎΡΠ΄ΠΎΠ², ΡΠ°Π·Π±ΡΠΎΡΠ°Π½Π½ΡΠ΅ ΠΏΠΎ Π²ΡΠ΅ΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½-ΡΠΈΡΡΠ΅ΠΌΠ΅. ΠΡΠΈΠΌΠ΅Π½Π΅Π½ΠΈΠ΅ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΠΎΠ² ΠΈΠ·ΠΌΠ΅Π½ΠΈΠ»ΠΎ ΠΈ ΡΠ°ΠΌ ΠΏΠΎΠ΄Ρ ΠΎΠ΄ ΠΊ Π²ΠΈΠ·ΡΠ°Π»ΡΠ½ΠΎΠΉ ΡΠ°Π·ΡΠ°Π±ΠΎΡΠΊΠ΅.
ΠΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΠ½Π°Ρ ΡΠ°Π·ΡΠ°Π±ΠΎΡΠΊΠ° ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡΠΎΠ² Π·Π°ΠΊΠ»ΡΡΠ°Π΅ΡΡΡ ΠΏΡΠ΅ΠΆΠ΄Π΅ Π²ΡΠ΅Π³ΠΎ Π² ΡΠ½ΠΈΡΠΈΠΊΠ°ΡΠΈΠΈ ΠΈ ΠΏΠΎΡΠ»Π΅Π΄ΠΎΠ²Π°ΡΠ΅Π»ΡΠ½ΠΎΡΡΠΈ. ΠΠ°ΠΊ Ρ ΡΠΆΠ΅ ΡΠΊΠ°Π·Π°Π», ΡΠ°Π½ΡΡΠ΅ Π΄ΠΎΡΡΠ°ΡΠΎΡΠ½ΠΎ Π±ΡΠ»ΠΎ ΠΏΡΠΎΡΡΠΎ Π΄Π²ΠΈΠ³Π°ΡΡ ΠΏΠΈΠΊΡΠ΅Π»ΠΈ, Π½ΠΎ Ρ ΠΏΡΠΈΡ ΠΎΠ΄ΠΎΠΌ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΠΎΠ² Π² ΠΏΡΠΎΠ΅ΠΊΡΠΈΡΠΎΠ²Π°Π½ΠΈΠ΅ ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡΠΎΠ² Π΄ΠΈΠ·Π°ΠΉΠ½Π΅ΡΡ ΠΏΡΠΈΡ ΠΎΠ΄ΠΈΡΡΡ Π΄Π΅ΡΠΆΠ°ΡΡ Π² ΡΠΌΠ΅ ΡΠ°ΡΡΡΠ°Π½ΠΎΠ²ΠΊΡ constraints, Π»ΠΎΠ³ΠΈΠΊΡ ΡΠΊΠ·Π΅ΠΌΠΏΠ»ΡΡΠΎΠ², ΠΊΠ°ΡΠ΅Π³ΠΎΡΠΈΠ·Π°ΡΠΈΡ Π²ΡΠ΅Ρ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ² Π² ΡΠΈΡΡΠ΅ΠΌΠ΅, Π΅ΡΠ΅ ΠΈ ΠΎΡΡΠ°Π²Π°ΡΡΡΡ ΠΏΠΎΡΠ»Π΅Π΄ΠΎΠ²Π°ΡΠ΅Π»ΡΠ½ΡΠΌ ΠΏΡΠΈ ΡΠΎΠ·Π΄Π°Π½ΠΈΠΈ ΡΠ»ΠΎΠΆΠ½ΡΡ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΠΎΠ² ΠΈΠ· ΠΏΡΠΎΡΡΡΡ . Π‘ ΠΎΠ΄Π½ΠΎΠΉ ΡΡΠΎΡΠΎΠ½Ρ ΠΏΡΠΎΡΠ΅ΡΡ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡΠ° ΡΠΈΠ»ΡΠ½ΠΎ ΡΠΏΡΠΎΡΡΠΈΠ»ΡΡ Π·Π° ΡΡΠ΅Ρ ΡΠΎΡΡΠ° Π½ΠΎΠ²ΠΎΠ³ΠΎ ΠΏΠΎΠΊΠΎΠ»Π΅Π½ΠΈΡ. Π‘ Π΄ΡΡΠ³ΠΎΠΉ β ΠΏΠΎΡΠ²Π»Π΅Π½ΠΈΠ΅ Π½ΠΎΠ²ΠΎΠ²Π²Π΅Π΄Π΅Π½ΠΈΠΉ Π·Π°ΡΡΠ°Π²Π»ΡΠ΅Ρ ΠΎΠ±ΡΡΠ°ΡΡΡΡ ΠΈ ΠΏΡΠΈΠΎΠ±ΡΠ΅ΡΠ°ΡΡ Π½ΠΎΠ²ΡΠ΅ Π½Π°Π²ΡΠΊΠΈ, ΡΡ ΠΎΠ΄ΠΈΡΡ Π² ΡΠΏΠ΅ΡΠΈΠ°Π»ΠΈΠ·Π°ΡΠΈΡ. ΠΠΈΠ·ΡΠ°Π»ΡΠ½ΡΠΉ ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊ Π΄ΠΈΠ·Π°ΠΉΠ½-ΡΠΈΡΡΠ΅ΠΌ β Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎ ΠΎΡΠ΅Π½Ρ ΠΏΠ΅ΡΡΠΏΠ΅ΠΊΡΠΈΠ²Π½Π°Ρ ΠΏΡΠΎΡΠ΅ΡΡΠΈΡ ΡΠΆΠ΅ Π±Π»ΠΈΠΆΠ°ΠΉΡΠ΅Π³ΠΎ Π±ΡΠ΄ΡΡΠ΅Π³ΠΎ.
Π£Π½ΠΈΡΠΈΠΊΠ°ΡΠΈΡ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΠΎΠ² ΠΈ ΠΏΠ΅ΡΠ΅ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΠΌΠΎΡΡΡ
ΠΡΡΠ΅ΠΊΡΠΈΠ²Π½Π°Ρ Π΄ΠΈΠ·Π°ΠΉΠ½-ΡΠΈΡΡΠ΅ΠΌΠ° Π½Π΅ ΡΠΎΠ΄Π΅ΡΠΆΠΈΡ Π»ΠΈΡΠ½ΠΈΡ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΠΎΠ². ΠΡΠ±ΠΎΠΉ ΠΏΠΎΠ΄ΠΎΠ±Π½ΡΠΉ ΠΏΡΠΎΠ΄ΡΠΊΡ Π½Π°ΡΠΈΠ½Π°Π΅ΡΡΡ Ρ ΠΈΡΡΠ»Π΅Π΄ΠΎΠ²Π°Π½ΠΈΡ Π½Π° ΠΏΡΠ΅Π΄ΠΌΠ΅Ρ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΠΈ ΠΎΠ±ΠΎΠ±ΡΠΈΡΡ ΠΏΠΎΠ²ΡΠΎΡΡΡΡΠΈΠ΅ΡΡ Π±Π»ΠΎΠΊΠΈ ΠΈ ΠΏΠ΅ΡΠ΅ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΠΈΡ Π² ΡΠ°Π·Π½ΡΡ ΡΠ»ΡΡΠ°ΡΡ . ΠΡΠΎΡΡΠΎΠΉ ΠΏΡΠΈΠΌΠ΅Ρ, ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ List ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΠΊΠ°ΠΊ ΡΠ»Π΅ΠΌΠ΅Π½Ρ ΠΊΠ°ΡΠ°Π»ΠΎΠ³Π° ΡΠ°ΠΉΠ»ΠΎΠ², ΡΠ°ΠΊ ΠΈ Π΄Π»Ρ, Π½Π°ΠΏΡΠΈΠΌΠ΅Ρ, Π²ΠΈΠ·ΡΠ°Π»ΠΈΠ·Π°ΡΠΈΠΈ ΠΎΡΠ·ΡΠ²ΠΎΠ² ΠΊΠ»ΠΈΠ΅Π½ΡΠ°. Π ΡΡΠΎΠΌ ΠΈ Π΅ΡΡΡ Π²ΡΡ ΡΡΡΡ ΡΠ½ΠΈΡΠΈΠΊΠ°ΡΠΈΠΈ ΠΈ ΠΏΠ΅ΡΠ΅ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΠΌΠΎΡΡΠΈ:
ΠΠΈΠ΄ΠΈΡΠ΅? ΠΠ±Π° ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΠ° ΠΈΠ΄Π΅Π½ΡΠΈΡΠ½Ρ ΠΏΠΎ ΡΡΡΡΠΊΡΡΡΠ΅, ΠΎΡΠ»ΠΈΡΠ°Π΅ΡΡΡ Π»ΠΈΡΡ ΡΠ°Π·ΠΌΠ΅ΡΠ½ΠΎΡΡΡ ΠΈ ΠΏΠ»ΠΎΡΠ½ΠΎΡΡΡ ΡΡΠΈΡΡΠ°, ΠΊΠΎΠ½ΡΠ΅Π½Ρ Π² ΠΊΡΡΠ³Π»ΠΎΠΌ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ΅.
ΠΠ»Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡΠ° Π½Π΅Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎ ΠΏΡΠΈΠ΄ΡΠΌΠ°ΡΡ ΠΊΠ°ΠΊΠΎΠΉ-ΡΠΎ Π½ΠΎΠ²ΡΠΉ ΠΌΠΎΠ΄ΡΠ»Ρ. ΠΡΠ΅ ΡΠΏΠΈΡΠΊΠΈ, ΡΠ°Π±Π»ΠΈΡΡ, Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΈ ΠΈ Π°ΠΊΠΊΠΎΡΠ΄Π΅ΠΎΠ½Ρ ΡΠΆΠ΅ ΡΡΡΠ΅ΡΡΠ²ΡΡΡ, Π½ΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡΡΡΡ ΠΈΠ½ΠΎΠ³Π΄Π° ΠΏΠΎ-ΡΠ°Π·Π½ΠΎΠΌΡ. ΠΡΠΈ ΠΏΠ»Π°Π½ΠΈΡΠΎΠ²Π°Π½ΠΈΠΈ ΡΠΎΡΡΠ°Π²Π° ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΠΎΠ² Π½ΡΠΆΠ½ΠΎ Π½Π°ΡΠΈΠ½Π°ΡΡ Ρ ΠΈΡΡΠ»Π΅Π΄ΠΎΠ²Π°Π½ΠΈΡ Π½Π° ΠΏΡΠ΅Π΄ΠΌΠ΅Ρ ΠΏΠΎΠΈΡΠΊΠ° Π²ΠΈΠ·ΡΠ°Π»ΡΠ½ΠΎ ΠΏΠΎΡ ΠΎΠΆΠΈΡ , ΡΡΠΎΠ±Ρ ΠΏΠΎΡΡΠ°ΡΠ°ΡΡΡΡ ΡΠ²Π΅ΡΡΠΈ ΠΊ ΠΎΠ΄Π½ΠΎΠΌΡ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΡ Π² ΡΠΈΡΡΠ΅ΠΌΠ΅, ΡΠΊΠ·Π΅ΠΌΠΏΠ»ΡΡ ΠΊΠΎΡΠΎΡΠΎΠ³ΠΎ Π±ΡΠ΄Π΅Ρ ΠΏΠ΅ΡΠ΅ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡΡΡ Ρ ΡΠ°Π·Π½ΡΠΌ Π½Π°ΠΏΠΎΠ»Π½Π΅Π½ΠΈΠ΅ΠΌ. Π₯ΠΎΡΡ ΡΠ΅ΠΉΡΠ°Ρ Figma Π΄ΠΎΡΡΠ°ΡΠΎΡΠ½ΠΎ ΠΌΠΎΡΠ½Π°, ΡΡΠΎΠ±Ρ Ρ ΡΠ°Π½ΠΈΡΡ Π² ΠΎΠ΄Π½ΠΎΠΉ Π±ΠΈΠ±Π»ΠΈΠΎΡΠ΅ΠΊΠ΅ 500 ΠΈ Π±ΠΎΠ»Π΅Π΅ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΠΎΠ², Π»ΡΡΡΠ΅ ΡΡΠ°ΡΠ°ΡΡΡΡ ΡΠ²ΠΎΠ΄ΠΈΡΡ ΠΈΡ ΠΊ ΠΌΠΈΠ½ΠΈΠΌΡΠΌΡ, ΡΡΠΎΠ±Ρ ΠΏΡΠΎΡΠ΅ Π±ΡΠ»ΠΎ ΠΎΡΠ³Π°Π½ΠΈΠ·ΠΎΠ²Π°ΡΡ ΡΡΡΡΠΊΡΡΡΡ. ΠΡΠ°ΠΊ, Π½Π°ΡΡΠ°Π»ΠΎ Π²ΡΠ΅ΠΌΡ Π½Π°ΠΊΠΎΠ½Π΅Ρ-ΡΠΎ ΠΏΠ΅ΡΠ΅ΠΉΡΠΈ ΠΊ ΡΠ°ΠΌΠΎΠΌΡ ΠΏΡΠΎΠ΄ΡΠΊΡΡβ¦
ΠΠ΅ΠΉΡ: Π²Π΅Π± Π΄ΠΈΠ·Π°ΠΉΠ½-ΡΠΈΡΡΠ΅ΠΌΠ° Π΄Π»Ρ landing ΡΠ°ΠΉΡΠΎΠ². ΠΡΡΡΠ΅ΡΠ°ΠΉΡΠ΅ Websy!
Π ΡΡΠΎΠΉ ΡΡΠ°ΡΡΠ΅ ΡΠ΅ΡΡ ΠΏΠΎΠΉΠ΄Π΅Ρ ΠΎ ΠΊΠΎΠ½ΡΡΡΡΠΈΡΠΎΠ²Π°Π½ΠΈΠΈ Π²Π΅Π±-ΡΠ°ΠΉΡΠΎΠ². Π‘Π»ΠΎΠ²ΠΎ βΠΊΠΎΠ½ΡΡΡΡΠΈΡΠΎΠ²Π°Π½ΠΈΠ΅β ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π»ΠΎΡΡ Π½Π΅ΡΠΏΡΠΎΡΡΠ°. ΠΡΠ° Π΄ΠΈΠ·Π°ΠΉΠ½-ΡΠΈΡΡΠ΅ΠΌΠ° ΡΠ²Π»ΡΠ΅ΡΡΡ ΡΠ²ΠΎΠ΅ΠΎΠ±ΡΠ°Π·Π½ΡΠΌ ΠΊΠΎΠ½ΡΡΡΡΠΊΡΠΎΡΠΎΠΌ, ΡΡΠΎΠ±Ρ ΠΈΠ· ΠΏΡΠ΅Π΄ΠΎΡΡΠ°Π²Π»Π΅Π½Π½ΡΡ Π±Π»ΠΎΠΊΠΎΠ² Π±ΡΡΡΡΠΎ ΡΠΎΠ·Π΄Π°Π²Π°ΡΡ Π»ΡΠ±ΡΠ΅ templates, ΠΈ Π΅ΡΠ΅ Π±ΡΡΡΡΠ΅Π΅ ΠΈΡ ΠΊΠ°ΡΡΠΎΠΌΠΈΠ·ΠΈΡΠΎΠ²Π°ΡΡ. ΠΠ°ΠΊ Π΄Π»Ρ ΠΌΠΎΠ±ΠΈΠ»ΡΠ½ΡΡ ΡΡΡΡΠΎΠΉΡΡΠ² ΡΠ°ΠΊ ΠΈ Π΄Π»Ρ Π΄Π΅ΡΠΊΡΠΎΠΏΠ½ΡΡ . ΠΠΌΠ΅Π½Π½ΠΎ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΠ½Π°Ρ Π°ΡΡ ΠΈΡΠ΅ΠΊΡΡΡΠ° ΠΏΠΎΠ·Π²ΠΎΠ»ΠΈΡ ΡΠ΄Π΅Π»Π°ΡΡ ΡΡΠΎ ΡΡΡΠ΅ΠΊΡΠΈΠ²Π½ΠΎ; ΡΡΠΎΠ±Ρ Π² Π±ΡΠ΄ΡΡΠ΅ΠΌ Π²Ρ ΠΌΠΎΠ³Π»ΠΈ ΠΏΡΠΎΡΡΠΎ ΠΊΠ»ΠΎΠ½ΠΈΡΠΎΠ²Π°ΡΡ ΠΈΡΡ ΠΎΠ΄Π½ΠΈΠΊ, Π±ΡΡΡΡΠΎ ΡΠΌΠ΅Π½ΠΈΡΡ ΡΠ²Π΅ΡΠ°, ΡΠΈΠΏΠΎΠ³ΡΠ°ΡΠΈΠΊΡ ΠΈ ΡΠΎΠ·Π΄Π°Π²Π°ΡΡ Π½ΠΎΠ²ΡΠ΅ ΡΠ΅ΠΌΡ. βΠΠΎΠΌΠ΅Π½ΡΠ»ΠΈ ΡΡΡ β ΠΏΠΎΠΌΠ΅Π½ΡΠ»ΠΎΡΡ Π²Π΅Π·Π΄Π΅β. ΠΠΎΠΌΠ½ΠΈΡΠ΅?
ΠΡΡΠ»Π΅Π΄ΠΎΠ²Π°Π½ΠΈΠ΅ ΠΈ Π°Π½Π°Π»ΠΈΠ· Π±ΡΠ΄ΡΡΠ΅Π³ΠΎ ΡΠΎΡΡΠ°Π²Π°
Landing-ΡΠ°ΠΉΡΡ ΠΈΠ΄Π΅Π°Π»ΡΠ½Π°Ρ ΡΡΠ΅ΡΠ° ΠΏΡΠΈΠΌΠ΅Π½Π΅Π½ΠΈΡ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΠ½ΠΎΠ³ΠΎ ΠΏΠΎΠ΄Ρ ΠΎΠ΄Π°. Π₯Π²Π°ΡΠΈΡ ΠΏΠ°Π»ΡΡΠ΅Π² Π΄Π²ΡΡ ΡΡΠΊ, ΡΡΠΎΠ±Ρ ΡΠΎΡΡΠΈΡΠ°ΡΡ Π²ΡΠ΅ Π±Π»ΠΎΠΊΠΈ, ΠΈΠ· ΠΊΠΎΡΠΎΡΡΡ ΡΡΡΠΎΠΈΡΡΡ ΠΊΠ»Π°ΡΡΠΈΡΠ΅ΡΠΊΠΈΠΉ Π²Π΅Π±-ΡΠ°ΠΉΡ, ΡΠ΅ΠΊΠ»Π°ΠΌΠΈΡΡΡΡΠΈΠΉ ΡΠΎΠ²Π°Ρ, ΡΡΠ»ΡΠ³Ρ ΠΈΠ»ΠΈ ΡΠ΅ΡΠ²ΠΈΡ: Header, Footer, Call to action, Features, Testimonials, Download, Video ΠΈ ΡΠ°ΠΊ Π΄Π°Π»Π΅Π΅. ΠΡΠΈΠ½ΡΠΈΠΏ ΡΠ°ΠΊΠΎΠΉ ΡΠΈΡΡΠ΅ΠΌΡ Π΄Π»Ρ ΠΊΠΎΠ½ΡΡΡΡΠΈΡΠΎΠ²Π°Π½ΠΈΡ Π² Π½Π°Π»ΠΈΡΠΈΠΈ Π΄ΠΎΡΡΠ°ΡΠΎΡΠ½ΡΡ ΠΊΠΎΠΌΠ±ΠΈΠ½Π°ΡΠΈΠΉ Π²ΡΠ΅Ρ ΠΏΠ΅ΡΠ΅ΡΠΈΡΠ»Π΅Π½Π½ΡΡ Π±Π»ΠΎΠΊΠΎΠ². Π’Π°ΠΊΠΈΠΌ ΠΎΠ±ΡΠ°Π·ΠΎΠΌ ΠΌΠΎΠΆΠ½ΠΎ ΠΊΠ°ΠΊ ΠΏΠ°Π·Π·Π» ΡΠΎΠ±ΡΠ°ΡΡ Π»ΡΠ±ΠΎΠΉ ΡΠ°ΠΉΡ + ΠΌΠΎΠ±ΠΈΠ»ΡΠ½ΡΡ Π²Π΅ΡΡΠΈΡ. ΠΡΡΠ°Π²Π°Π»ΠΎΡΡ Π»ΠΈΡΡ Π² ΠΊΠ°ΡΠ΅ΡΡΠ²Π΅ ΠΈΡΡΠ»Π΅Π΄ΠΎΠ²Π°Π½ΠΈΡ ΠΈΠ·ΡΡΠΈΡΡ ΡΠΎΡΠ½Ρ ΡΠ²Π΅ΠΆΠΈΡ landing-ΡΠ°ΠΉΡΠΎΠ² ΠΈ ΠΊΠΎΠ»Π»Π΅ΠΊΡΠΈΠΎΠ½ΠΈΡΠΎΠ²Π°ΡΡ Π½Π°ΠΈΠ±ΠΎΠ»Π΅Π΅ ΡΠ°ΡΡΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π²ΡΠΈΠ΅ΡΡ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ. ΠΡ Π² Π±ΡΠ΄ΡΡΠ΅ΠΌ Ρ ΠΏΠ΅ΡΠ΅ΡΠΈΡΡΡ, ΡΠΎΠ·Π΄Π°ΠΌ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΡ, Π·Π°Π΄Π°ΠΌ ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½Π½ΡΠΉ ΡΡΠΈΠ»Ρ ΠΈ Π² ΠΊΠΎΠ½ΡΠ΅ ΡΠΎΠ±Π΅ΡΡ ΡΠ΅ΠΌΠΏΠ»Π΅ΠΉΡΡ. ΠΠ°Π±Π΅Π³Π°Ρ Π²ΠΏΠ΅ΡΠ΅Π΄, ΡΠΊΠ°ΠΆΡ ΡΡΠΎ Π² ΠΈΡΠΎΠ³Π΅ ΡΠ΄Π°Π»ΠΎΡΡ ΡΠΎΠ±ΡΠ°ΡΡ 18 ΠΏΠΎΠ»Π½ΠΎΡΠ΅Π½Π½ΡΡ ΡΠ΅ΠΌΠΏΠ»Π΅ΠΉΡΠΎΠ²: 9 ΠΏΠΎΠ»Π½ΠΎΡΠΊΡΠ°Π½Π½ΡΡ ΠΈ 9 ΠΌΠΎΠ±ΠΈΠ»ΡΠ½ΡΡ Π²Π΅ΡΡΠΈΠΉ. Π― ΡΡΠ°ΡΠ°Π»ΡΡ ΡΠΎΠ·Π΄Π°ΡΡ ΡΠ½ΠΈΠ²Π΅ΡΡΠ°Π»ΡΠ½ΡΠ΅ ΡΠ°Π±Π»ΠΎΠ½Ρ, ΠΊΠΎΡΠΎΡΡΠ΅ ΠΎΠ΄ΠΈΠ½Π°ΠΊΠΎΠ²ΠΎ ΠΏΠΎΠ΄Ρ ΠΎΠ΄ΠΈΠ»ΠΈ Π±Ρ Π΄Π»Ρ ΠΏΡΠ΅Π·Π΅Π½ΡΠ°ΡΠΈΠΈ ΡΠ΅ΡΠ²ΠΈΡΠΎΠ², ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ, ΠΏΠΎΡΡΡΠΎΠ»ΠΈΠΎ ΠΈ ΠΊΠ°ΠΊΠΈΡ -Π»ΠΈΠ±ΠΎ Π΄ΡΡΠ³ΠΈΡ ΠΏΡΠΎΠ΄ΡΠΊΡΠΎΠ²
ΠΠΎΠ»ΡΡΠΈΠ½ΡΡΠ²ΠΎ ΡΠ°ΠΉΡΠΎΠ² Π² ΠΎΡΠ½ΠΎΠ²Π½ΠΎΠΌ Π±Π΅Π·Π»ΠΈΠΊΠΈ
ΠΠΌΠ΅Π½Π½ΠΎ ΠΊ ΡΠ°ΠΊΠΈΠΌ Π²ΡΠ²ΠΎΠ΄Π°ΠΌ Ρ ΠΏΡΠΈΡΡΠ», ΠΊΠΎΠ³Π΄Π° ΠΏΠΎΠΏΡΡΠ°Π»ΡΡ ΠΏΡΠΎΡΡΠΎ Π³ΡΠ³Π»ΠΈΡΡ. ΠΠ΅Π± Π² ΡΠ΅Π»ΠΎΠΌ Π±ΡΡΡΡΠΎ ΡΡΡΠ°ΡΠ΅Π²Π°Π΅Ρ ΠΈ ΡΡΠΎ Π½ΠΎΡΠΌΠ°Π»ΡΠ½ΠΎ. ΠΠ΅Π΄Ρ Π±ΡΡΡ Π² Π°ΠΊΡΡΠ°Π»ΡΠ½ΠΎΠΌ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅ β ΡΡΠΎ Π²ΡΠ΅Π³Π΄Π° ΠΏΠ΅ΡΠ΅ΠΌΠ΅Π½Ρ. Π ΠΌΡ ΠΎΡΠ½ΠΎΡΠΈΠΌΡΡ ΠΊ ΠΏΠ΅ΡΠ΅ΠΌΠ΅Π½Π°ΠΌ Ρ ΠΎΠΏΠ°ΡΠΊΠΎΠΉ, ΠΎΡΡΠΎΡΠΎΠΆΠ½ΠΎΡΡΡΡ. ΠΡΠ»ΠΈ ΡΡΠ°ΡΡΠΉ ΡΠ°ΠΉΡ ΡΠ°Π±ΠΎΡΠ°Π΅Ρ ΠΈ ΠΊΠΎΠ΅-ΠΊΠ°ΠΊ ΠΏΡΠΎΠ΄Π°Π΅Ρ ΡΠ΅Π±Ρ, ΡΠΎ Π»ΡΡΡΠ΅ Π½Π΅ ΠΌΠ΅ΡΠ°ΡΡ ΠΌΠ΅Ρ Π°Π½ΠΈΠ·ΠΌΡ ΡΠ°Π±ΠΎΡΠ°ΡΡ. ΠΠΎ Π΅ΡΡΡ ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠΈ, ΠΊΠΎΡΠΎΡΡΠ΅ Π·Π°Π½ΠΈΠΌΠ°ΡΡΡΡ ΠΎΠΏΡΠΈΠΌΠΈΠ·Π°ΡΠΈΠ΅ΠΉ Π²Π½ΡΡΡΠ΅Π½Π½ΠΈΡ ΠΏΡΠΎΡΠ΅ΡΡΠΎΠ². Π ΠΏΡΠΎΠ΄ΡΠΊΡΠΎΠ²ΡΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½ Π΄Π»Ρ Π½ΠΈΡ Π½Π΅ Π½Π° ΠΏΠΎΡΠ»Π΅Π΄Π½Π΅ΠΌ ΠΌΠ΅ΡΡΠ΅. ΠΠΎΠ»ΡΡΠΈΠ½ΡΡΠ²ΠΎ Ρ ΠΎΡΠΎΡΠΈΡ ΡΠ°ΠΉΡΠΎΠ², ΡΡΠΎΠ±Ρ ΠΏΡΠΎΠ²Π΅ΡΡΠΈ Π°ΡΠ΄ΠΈΡ, ΠΌΠ½Π΅ ΡΠ΄Π°Π»ΠΎΡΡ Π½Π°ΠΉΡΠΈ Π½Π° hyperpixel.io ΠΈ www.lapa.ninja. Π― ΠΏΡΠ΅Π΄ΠΏΠΎΠ»Π°Π³Π°Ρ, ΡΡΠΎ ΠΏΡΠΎΡΠΌΠΎΡΡΠ΅Π» 100+ ΡΠ°Π·Π»ΠΈΡΠ½ΡΡ ΡΡΡΠ»ΠΎΠΊ ΠΈ ΡΡΠΎ Π»ΠΈΡΡ ΠΌΠ°Π»Π°Ρ ΡΠ°ΡΡΡ ΡΠΏΠΈΡΠΊΠ°. ΠΠΎΠ»ΠΆΠ½ΠΎ Π±ΡΡΡ ΡΡΠ²ΡΡΠ²ΠΎ ΠΌΠ΅ΡΡ, ΡΡΠΎΠ±Ρ ΠΏΠΎΠ½ΠΈΠΌΠ°ΡΡ ΠΎΠ±ΡΠ΅ΠΌ, Π½Π΅ΠΎΠ±Ρ ΠΎΠ΄ΠΈΠΌΡΠΉ Π΄Π»Ρ ΠΏΠ΅ΡΠ²ΠΎΠΉ Π²Π΅ΡΡΠΈΠΈ (ΡΠΈΡΠ°ΠΉΡΠ΅ MVP). ΠΠΎΡΡΠΎΠΌΡ Ρ ΠΎΡΡΠ°Π½ΠΎΠ²ΠΈΠ»ΡΡ, ΠΊΠΎΠ³Π΄Π° ΠΎΠ±ΡΠ΅ΠΌ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΠΎΠ² Π² ΡΠ°Π·Π΄Π΅Π»Π΅ Text blocks (ΡΠ°Π·Π»ΠΈΡΠ½ΡΠ΅ ΡΠ΅ΠΊΡΡΠΎΠ²ΡΠ΅ Π±Π»ΠΎΠΊΠΈ, Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎ Ρ ΡΠΎΡΠΌΠ°ΠΌΠΈ ΠΈ ΠΊΠ½ΠΎΠΏΠΊΠ°ΠΌΠΈ) Π΄ΠΎΡΡΠΈΠ³ ΡΠΈΡΠ»Π° 30:
ΠΠ½Π΅ΡΠ½ΠΈΠΉ Π²ΠΈΠ΄ ΠΏΡΠΎΠ΄ΡΠΊΡΠ°
ΠΠ°ΠΊ ΠΈΠΌΠ΅Π½Π½ΠΎ Π΄ΠΎΠ»ΠΆΠ΅Π½ Π²ΡΠ³Π»ΡΠ΄Π΅ΡΡ ΠΏΡΠΎΠ΄ΡΠΊΡ? ΠΠ΄ΠΈΠ½ ΠΈΠ· Π²Π°ΠΆΠ½ΡΡ Π²ΠΎΠΏΡΠΎΡΠΎΠ² Π½Π° ΡΡΠ°ΠΏΠ΅ ΠΏΡΠΎΠ΅ΠΊΡΠΈΡΠΎΠ²Π°Π½ΠΈΡ. ΠΠ° ΠΏΠΎΠΈΡΠΊ ΠΎΡΠ²Π΅ΡΠ° ΠΈ ΠΈΡΡΠ»Π΅Π΄ΠΎΠ²Π°Π½ΠΈΡ ΡΡΠ°ΡΡΡΡΡ ΠΎΠ³ΡΠΎΠΌΠ½ΡΠ΅ ΡΠ΅ΡΡΡΡΡ ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠΉ. ΠΠ»Ρ ΡΠ΅Π±Ρ Ρ ΡΠ΅ΡΠΈΠ» ΡΠ°ΠΊ β ΠΏΡΠΎΠ΄ΡΠΊΡ Π΄ΠΎΠ»ΠΆΠ΅Π½ Π±ΡΡΡ Π²ΠΈΠ·ΡΠ°Π»ΡΠ½ΠΎ Π°ΠΊΡΡΠ°Π»ΡΠ½ΡΠΌ. ΠΠΈΠ·Π°ΠΉΠ½ ΠΈ ΡΡΠΈΠ»ΠΈΡΡΠΈΠΊΠ° Π΄ΠΎΠ»ΠΆΠ½Ρ Π±ΡΡΡ Π½Π΅ Π²ΡΠ΅ΡΠ°ΡΠ½ΠΈΠΌΠΈ, Π½Π΅ Π·Π°Π²ΡΡΠ°ΡΠ½ΠΈΠΌΠΈ, Π° Π² ΡΠΎΠΌ Π²ΠΈΠ΄Π΅, ΠΊΠΎΡΠΎΡΡΠΉ ΡΠ΅ΠΉΡΠ°Ρ Π² ΡΡΠ΅Π½Π΄Π΅. ΠΡΠΎΡΡΠΎΠΉ ΠΏΡΠΈΠΌΠ΅Ρ: ΡΠ΅Π³ΠΎΠ΄Π½Ρ ΡΠ΅Π΄ΠΊΠΎ Π³Π΄Π΅ Π²ΡΡΡΠ΅ΡΠΈΡΡ ΡΡΠΈΡΡ Open Sans Π² Π·Π°ΠΏΠ°Π΄Π½ΠΎΠΌ Π²Π΅Π±Π΅, Ρ ΠΎΡΡ ΡΡΠΈ Π³ΠΎΠ΄Π° Π½Π°Π·Π°Π΄ ΠΎΠ½ Π±ΡΠ» ΠΎΡΠ΅Π½Ρ Π°ΠΊΡΡΠ°Π»Π΅Π½. ΠΡΠ»ΠΈ Google ΠΊΠ°ΠΊ Π±ΡΠ΅Π½Π΄ ΠΏΠ΅ΡΠ΅Ρ ΠΎΠ΄ΠΈΡ Π½Π° Product Sans, Π½Π°Π΄ΠΎ ΠΏΡΠΈΡΠΌΠ°ΡΡΠΈΠ²Π°ΡΡΡΡ ΠΊ ΠΏΠΎΡ ΠΎΠΆΠΈΠΌ ΡΡΠΈΡΡΠ°ΠΌ. ΠΡΠ»ΠΈ Intercom ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅Ρ ΡΡΠΈΠ»ΠΈΡΡΠΈΠΊΡ papercut Π² ΡΠ²ΠΎΠ΅ΠΌ ΠΏΡΠΎΠ΄ΡΠΊΡΠΎΠ²ΠΎΠΌ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅, Π½Π°Π΄ΠΎ ΠΏΠΎΠ½ΡΡΡ ΠΊΠ°ΠΊ ΠΏΠΎΡ ΠΎΠΆΠΈΠ΅ ΠΏΡΠΈΠ΅ΠΌΡ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ Π² ΡΠ²ΠΎΠΈΡ ΠΏΡΠΎΠ΅ΠΊΡΠ°Ρ . Π‘Π΅ΠΉΡΠ°Ρ ΡΠΈΠΏΠΎΠ³ΡΠ°ΡΠΈΠΊΠ° β ΡΡΠΎ ΠΎΠ΄Π½ΠΎΠ²ΡΠ΅ΠΌΠ΅Π½Π½ΠΎ Π΄ΠΈΠ·Π°ΠΉΠ½, ΠΏΠΎΡΠ»Π°Π½ΠΈΠ΅ ΠΈ Π½Π°ΡΡΡΠΎΠ΅Π½ΠΈΠ΅. ΠΠ°Π²Π°ΠΉΡΠ΅ Ρ Π½Π΅Π΅ ΠΈ Π½Π°ΡΠ½Π΅ΠΌ.
Π₯ΠΎΡΠΎΡΠΈΠΉ ΡΡΠΈΡΡ β ΡΡΠΎ ΡΠΆΠ΅ ΠΏΠΎΠ»ΠΎΠ²ΠΈΠ½Π° Π΄Π΅Π»Π°
ΠΠ΄Π΅Ρ ΠΏΡΠΈΡΠ»Π° ΡΠΎΠ²Π΅ΡΡΠ΅Π½Π½ΠΎ Π²Π½Π΅Π·Π°ΠΏΠ½ΠΎ. ΠΠ΅Π²Π΅ΡΠΎΡΡΠ½ΠΎ ΠΏΡΠΎΠΏΠΎΡΡΠΈΠΎΠ½Π°Π»ΡΠ½ΡΠΉ neo-Π³ΡΠΎΡΠ΅ΡΠΊ Objectivity (ΡΠ²Ρ, ΡΡΡΠΈΡΠΈΠΊΠ°ΡΠΈΠΈ Π½Π΅Ρ) ΡΡΠ°Π·Ρ ΠΆΠ΅ ΠΏΠΎΡΠ°Π·ΠΈΠ» ΠΌΠ΅Π½Ρ ΡΠ²ΠΎΠ΅ΠΉ Π°ΠΊΡΡΠ°Π»ΡΠ½ΠΎΡΡΡΡ. Alex Slobzheninov ΠΏΡΠΎΠ΄Π΅Π»Π°Π» ΠΊΠΎΠ»ΠΎΡΡΠ°Π»ΡΠ½ΡΡ ΡΠ°Π±ΠΎΡΡ ΠΈ ΡΠ°Π·ΡΠ΅ΡΠΈΠ» Π±Π΅ΡΠΏΠ»Π°ΡΠ½ΠΎΠ΅ ΠΊΠΎΠΌΠΌΠ΅ΡΡΠ΅ΡΠΊΠΎΠ΅ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅. ΠΠ½Π΅ ΡΡΠ°Π·Ρ ΠΆΠ΅ Π·Π°Ρ ΠΎΡΠ΅Π»ΠΎΡΡ ΡΡΠΎ-ΡΠΎ βΠ·Π°Π΄ΠΈΠ·Π°ΠΉΠ½ΠΈΡΡβ Π½Π° ΠΎΡΠ½ΠΎΠ²Π΅ ΡΡΠΎΠ³ΠΎ ΡΡΠΈΡΡΠ°. ΠΠ°ΠΊΠΎΠ΅-ΡΠΎ Π²ΡΠ΅ΠΌΡ Ρ Π²Π΅ΡΡΠ΅Π» Π΅Π³ΠΎ ΠΏΠΎ Π°ΡΡΠ±ΠΎΡΠ΄Π°ΠΌ Π² Figme, ΠΏΡΠ΅ΠΆΠ΄Π΅ ΡΠ΅ΠΌ ΠΏΠΎΠ½ΡΠ» βΠΡΠΎ ΠΈΠ΄Π΅Π°Π»ΡΠ½ΡΠΉ ΡΡΠΈΡΡ Π΄Π»Ρ Π²Π΅Π±Π°!β. ΠΠΈΠ΄ΠΈΠΌΠΎ Π² ΡΠΎΡ ΠΌΠΎΠΌΠ΅Π½Ρ ΠΈ ΡΠΎΠ΄ΠΈΠ»ΡΡ ΠΏΠ»Π°Π½ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ ΡΠΈΡΡΠ΅ΠΌΡ ΠΈΠΌΠ΅Π½Π½ΠΎ Π΄Π»Ρ web.
Π₯ΠΎΡΠΎΡΠ°Ρ Π΄ΠΈΠ·Π°ΠΉΠ½-ΡΠΈΡΡΠ΅ΠΌΠ° Π² Figma β ΡΡΠΎ:
- ΠΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ Π³Π»ΠΎΠ±Π°Π»ΡΠ½ΡΡ ΡΡΠΈΠ»Π΅ΠΉ (ΡΠΈΠΏΠΎΠ³ΡΠ°ΡΠΈΠΊΠ°, ΡΠ²Π΅Ρ, ΡΠ΅Π½ΠΈ)
- Π£ΡΡΠ΅Π½Π½Π°Ρ Π»ΠΎΠ³ΠΈΠΊΠ° ΡΠΌΠ΅ΡΠ΅Π½ΠΈΡ Π²Π½ΡΡΡΠ΅Π½Π½ΠΈΡ ΠΎΠ±ΡΠ΅ΠΊΡΠΎΠ² ΠΏΡΠΈ resize ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΠ° (constraints)
- ΠΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ ΡΠΊΠ·Π΅ΠΌΠΏΠ»ΡΡΠΎΠ² Π΄Π»Ρ ΡΠ°Π·Π»ΠΈΡΠ½ΡΡ ΡΠΎΡΡΠΎΡΠ½ΠΈΠΉ ΠΎΠ±ΡΠ΅ΠΊΡΠΎΠ² (hover, active ΠΈ Ρ.ΠΏ.)
- ΠΠ΅ΠΉΠΌΠΈΠ½Π³ Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ΠΌ β/β ΡΠΈΠΌΠ²ΠΎΠ»Π° Π΄Π»Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ ΡΠ΄ΠΎΠ±Π½ΠΎΠΉ ΡΡΡΡΠΊΡΡΡΡ ΡΠΊΠ·Π΅ΠΌΠΏΠ»ΡΡΠΎΠ²
- Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ ΡΠ»ΠΎΠΆΠ½ΡΡ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΠΎΠ² ΠΈΠ· ΠΏΡΠΎΡΡΡΡ (ΠΌΠΎΠ»Π΅ΠΊΡΠ»Ρ β ΡΠ΅ΠΌΠΏΠ»Π΅ΠΉΡΡ)
- ΠΠ°Π»ΠΈΡΠΈΠ΅ Π²ΡΡΡΠΎΠ΅Π½Π½ΠΎΠΉ Π±ΠΈΠ±Π»ΠΈΠΎΡΠ΅ΠΊΠΈ Ρ ΡΠΏΠΎΡΡΠ΄ΠΎΡΠ΅Π½Π½ΡΠΌΠΈ ΠΈΠΊΠΎΠ½ΠΊΠ°ΠΌΠΈ
Π’Π΅ΠΏΠ΅ΡΡ ΠΌΠ½Π΅ Ρ ΠΎΡΠ΅Π»ΠΎΡΡ Π±Ρ ΡΠ°ΡΡΠΊΠ°Π·Π°ΡΡ ΠΎ ΠΊΠ°ΠΆΠ΄ΠΎΠΌ ΠΏΡΠ½ΠΊΡΠ΅ ΠΎΡΠ΄Π΅Π»ΡΠ½ΠΎ, ΠΈΡΠ°ΠΊβ¦
ΠΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ Π³Π»ΠΎΠ±Π°Π»ΡΠ½ΡΡ ΡΡΠΈΠ»Π΅ΠΉ
Π‘ ΠΏΠΎΡΠ²Π»Π΅Π½ΠΈΠ΅ΠΌ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΠΈ ΠΎΠ±ΡΡΠ²Π»ΡΡΡ Π³Π»ΠΎΠ±Π°Π»ΡΠ½ΠΎ ΡΠ²Π΅ΡΠ°, ΠΏΠ°ΡΠ°ΠΌΠ΅ΡΡΡ ΡΠ΅ΠΊΡΡΠ° ΠΈ ΡΠ΅Π½Π΅ΠΉ, ΡΠΊΠΎΡΠΎΡΡΡ ΠΊΠ°ΡΡΠΎΠΌΠΈΠ·Π°ΡΠΈΠΈ Π² Figma ΡΡΡΠ΅ΡΡΠ²Π΅Π½Π½ΠΎ Π²ΠΎΠ·ΡΠΎΡΠ»Π°. Π£Π²Π΅Π»ΠΈΡΠΈΠ»Π°ΡΡ ΠΈ ΠΏΡΠΎΠΈΠ·Π²ΠΎΠ΄ΠΈΡΠ΅Π»ΡΠ½ΠΎΡΡΡ Π² ΡΠ΅Π»ΠΎΠΌ. ΠΠ»ΠΎΠ±Π°Π»ΡΠ½ΡΠ΅ ΡΡΠΈΠ»ΠΈ ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡΡ Π±ΡΡΡΡΠΎ ΠΏΠΎΠΌΠ΅Π½ΡΡΡ ΡΡΠΈΡΡ Π² ΡΠΎΡΠ½ΡΡ ΠΎΠ±ΡΠ΅ΠΊΡΠ°Ρ , ΠΈΠ·ΠΌΠ΅Π½ΠΈΡΡ ΡΠ²Π΅ΡΠΎΠ²ΡΡ ΡΡ Π΅ΠΌΡ ΠΈ, ΡΠ°ΠΊΡΠΈΡΠ΅ΡΠΊΠΈ, ΠΏΠΎΠ»ΡΡΠΈΡΡ Π½ΠΎΠ²ΡΠΉ ΡΡΠΈΠ»Ρ.
Π¦Π²Π΅ΡΠ°
Π‘ΠΊΠΎΠ»ΡΠΊΠΎ ΡΠ²Π΅ΡΠΎΠ² Ρ ΡΠ°Π½ΠΈΡΡ Π² ΡΠΈΡΡΠ΅ΠΌΠ΅? ΠΠ½Π΅ Π²ΡΡΡΠ΅ΡΠ°Π»ΠΈΡΡ Π΄ΠΈΠ·Π°ΠΉΠ½-ΡΠΈΡΡΠ΅ΠΌΡ ΠΏΠΎΠ΄ Sketch Π² ΠΊΠΎΡΠΎΡΡΡ Π±ΡΠ»ΠΈ ΠΎΠ±ΡΡΠ²Π»Π΅Π½Ρ Π²ΡΠ΅ ΡΠ²Π΅ΡΠ° ΡΠ°Π΄ΡΠ³ΠΈ + Π΄Π΅ΡΡΡΠΎΠΊ ΠΎΡΡΠ΅Π½ΠΊΠΎΠ² Π΄Π»Ρ ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ. Π ΡΠ΅Π°Π»ΡΠ½ΠΎΡΡΠΈ ΡΡΠΎ ΡΡΠ΅Π·ΠΌΠ΅ΡΠ½ΠΎ ΠΌΠ½ΠΎΠ³ΠΎ ΠΈ 80% ΡΠ°ΠΊΠΎΠΉ ΠΏΠ°Π»ΠΈΡΡΡ Π½ΠΈΠΊΠΎΠ³Π΄Π° Π½Π΅ Π±ΡΠ΄ΡΡ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡΡΡ. Π ΠΌΠΎΠ΅ΠΉ ΡΠΈΡΡΠ΅ΠΌΠ΅ Websy, ΠΎ ΠΊΠΎΡΠΎΡΠΎΠΉ Ρ ΠΏΠΎΠ΄ΡΠΎΠ±Π½ΠΎ Π½Π°ΡΠΈΠ½Π°Ρ ΡΠ°ΡΡΠΊΠ°Π·ΡΠ²Π°ΡΡ Ρ ΡΡΠΎΠ³ΠΎ ΠΌΠΎΠΌΠ΅Π½ΡΠ°, Ρ ΡΠ°Π½ΠΈΡΡΡ Π²ΡΠ΅Π³ΠΎ 8 ΡΠ²Π΅ΡΠΎΠ²: Π±Π΅Π»ΡΠΉ, ΡΠ΅ΡΠ½ΡΠΉ, ΠΎΡΠ½ΠΎΠ²Π½ΠΎΠΉ ΡΠ²Π΅Ρ (action), Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡΠ΅Π»ΡΠ½ΡΠΉ ΡΠ²Π΅Ρ (secondary), ΠΈ 4 Π³ΡΠ°Π΄Π°ΡΠΈΠΈ ΡΠ΅ΡΠ½ΠΎΠ³ΠΎ. Π‘ Π±Π΅Π»ΡΠΌ ΠΈ ΡΠ΅ΡΠ½ΡΠΌ, Ρ ΠΏΠΎΠ»Π°Π³Π°Ρ, Π²ΡΠ΅ ΡΡΠ½ΠΎ. Action & Secondary ΡΠ²Π΅ΡΠ° ΠΌΡ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΠΌ Π΄Π»Ρ ΠΎΠΊΡΠ°ΡΠ° ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ², Ρ ΠΊΠΎΡΠΎΡΡΠΌΠΈ ΠΌΠΎΠΆΠ½ΠΎ Π²Π·Π°ΠΈΠΌΠΎΠ΄Π΅ΠΉΡΡΠ²ΠΎΠ²Π°ΡΡ (ΠΊΠ½ΠΎΠΏΠΊΠΈ, ΠΈΠΊΠΎΠ½ΠΊΠΈ, ΡΡΡΠ»ΠΊΠΈ). Secondary ΡΠ²Π΅Ρ ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ Π΄Π»Ρ Π°ΠΊΡΠ΅Π½ΡΠ°. ΠΠ°ΠΏΡΠΈΠΌΠ΅Ρ, Π΄Π»Ρ Π²ΡΠ΄Π΅Π»Π΅Π½ΠΈΡ Π²Π°ΠΆΠ½ΠΎΠΉ ΡΡΠ°Π·Ρ, ΡΠ»ΠΎΠ³Π°Π½Π° ΠΈ Ρ.ΠΏ. ΠΠΎΠΏΡΡΠΊΠ°Π΅ΡΡΡ ΠΎΠ±ΡΡΠ²Π»Π΅Π½ΠΈΠ΅ Success / Warning ΡΠ²Π΅ΡΠΎΠ², Π΅ΡΠ»ΠΈ Π²Π°ΡΠ° ΡΠΈΡΡΠ΅ΠΌΠ° Π±ΠΎΠ»ΡΡΠ΅ ΠΏΡΠΎ ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡΡ, ΡΠ΅ΠΌ ΠΏΡΠΎ ΡΠ°ΠΉΡΡ.
Π’Π΅Π½ΠΈ
Π― Π°Π΄Π΅ΠΏΡ ΠΌΠ°ΡΠ΅ΡΠΈΠ°Π»ΡΠ½ΠΎΠ³ΠΎ Π΄ΠΈΠ·Π°ΠΉΠ½Π°, ΠΏΠΎΡΡΠΎΠΌΡ Ρ Π΄Π΅ΡΠΆΡ Π² ΡΠΈΡΡΠ΅ΠΌΠ΅ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ Π²Π°ΡΠΈΠ°Π½ΡΠΎΠ² ΠΏΠΎΠ΄ΡΠ΅ΠΌΠ° Π½Π°Π΄ ΠΏΠ»ΠΎΡΠΊΠΎΡΡΡΡ (elevation). Π Websy Π²Ρ Π½Π°ΠΉΠ΄Π΅ΡΠ΅ 4 ΠΊΠΎΠΌΠ±ΠΈΠ½Π°ΡΠΈΠΉ ΡΠ΅Π½Π΅ΠΉ: 2dp, 4dp, 8dp, 16dp. ΠΠ½ΠΈ ΠΎΡΠ»ΠΈΡΠ°ΡΡΡΡ ΡΠΌΠ΅ΡΠ΅Π½ΠΈΠ΅ΠΌ ΠΈ ΡΠ°Π·ΠΌΡΡΠΈΠ΅ΠΌ (blur). ΠΠ°ΠΏΡΠΈΠΌΠ΅Ρ, Π΄Π»Ρ ΠΎΠ±ΡΡΠ½ΠΎΠΉ ΠΊΠ°ΡΡΠΎΡΠΊΠΈ ΡΠ΅ΠΊΠΎΠΌΠ΅Π½Π΄ΡΠ΅ΡΡΡ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ 2/4dp ΡΠ΅Π½ΠΈ. ΠΠ»Ρ Π²ΡΠΏΠ°Π΄Π°ΡΡΠΈΡ ΡΠΏΠΈΡΠΊΠΎΠ², onhover ΡΠΎΡΡΠΎΡΠ½ΠΈΠΉ ΠΈ Π΄ΠΈΠ°Π»ΠΎΠ³ΠΎΠ² ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ 8/16dp. ΠΠ½ΠΈΠΌΠ°ΡΠ΅Π»ΡΠ½ΡΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ ΡΠΆΠ΅ ΠΏΠΎΠ΄ΠΌΠ΅ΡΠΈΠ», ΡΡΠΎ Π½Π΅ΠΊΠΎΡΠΎΡΡΠ΅ ΠΏΡΠΎΠ΄ΡΠΊΡΡ Google ΡΠ΅ΠΉΡΠ°Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡΡ reflex-ΡΠ΅Π½ΠΈ ΠΈ Π΄Π²ΠΎΠΉΠ½ΡΠ΅ ΡΠ΅Π½ΠΈ, ΠΊΠΎΡΠΎΡΡΠ΅ Π±ΠΎΠ»Π΅Π΅ ΡΠ΅Π°Π»ΠΈΡΡΠΈΡΠ½Ρ. ΠΠΎΡΡΠΎΠΌΡ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡΠ΅Π»ΡΠ½ΠΎ Π² ΡΠΈΡΡΠ΅ΠΌΠ΅ ΠΎΠ±ΡΡΠ²Π»Π΅Π½ΠΎ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ ΠΌΠ½ΠΎΠ³ΠΎΡΠ»ΠΎΠΉΠ½ΡΡ ΡΠ΅Π½Π΅ΠΉ, ΠΊΠΎΡΠΎΡΡΠ΅ Π΄Π°ΡΡ ΠΎΡΠ΅Π½Ρ ΡΠ΅Π°Π»ΠΈΡΡΠΈΡΠ½ΡΠΉ ΡΡΡΠ΅ΠΊΡ:
Π§Π΅ΡΠ΅Π· Π³Π»ΠΎΠ±Π°Π»ΡΠ½ΡΠ΅ ΡΡΠΈΠ»ΠΈ ΡΠ΅Π½ΠΈ ΠΏΠ΅ΡΠ΅ΠΊΠ»ΡΡΠ°ΡΡΡΡ Π²ΡΠ΅Π³ΠΎ Π² ΠΏΠ°ΡΡ ΠΊΠ»ΠΈΠΊΠΎΠ².
ΠΠ±Π²ΠΎΠ΄ΠΊΠ°
ΠΠ°ΡΠ°ΠΌΠ΅ΡΡ Stroke Π² Websy ΡΠ΅Π³ΡΠ»ΠΈΡΡΠ΅ΡΡΡ ΡΠ΅ΡΠ΅Π· Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ ΠΎΡΠ΄Π΅Π»ΡΠ½ΡΡ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΠΎΠ², ΠΊΠΎΡΠΎΡΡΠ΅ ΠΎΡΠ»ΠΈΡΠ°ΡΡΡΡ ΡΠ°Π·Π½ΡΠΌΠΈ ΠΏΠ°ΡΠ°ΠΌΠ΅ΡΡΠ°ΠΌΠΈ ΡΠΊΡΡΠ³Π»Π΅Π½ΠΈΡ ΡΠ³Π»ΠΎΠ². ΠΠ±Π²ΠΎΠ΄ΠΊΠ° ΡΠ°ΡΠ΅ Π²ΡΠ΅Π³ΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΡΡΡ Π΄Π»Ρ ΠΊΠ½ΠΎΠΏΠΎΠΊ ΠΈ ΡΠ΅ΠΊΡΡΠΎΠ²ΡΡ ΠΏΠΎΠ»Π΅ΠΉ. ΠΠ½Π°Π»ΠΎΠ³ΠΈΡΠ½ΠΎ ΡΠ΅Π½ΡΠΌ, ΠΎΠ±ΡΡΠ²Π»Π΅Π½ΠΎ 5 Π²Π°ΡΠΈΠ°Π½ΡΠΎΠ² ΡΠΊΡΡΠ³Π»Π΅Π½ΠΈΡ ΡΠ³Π»ΠΎΠ²: 0px, 4px, 8px, 16px ΠΈ 99px. ΠΠ»Ρ ΡΠ΅Π³ΠΎ ΡΡΠΎΠ»ΡΠΊΠΎ? ΠΠ°ΡΠ½Ρ Ρ ΠΏΡΠΈΠΌΠ΅ΡΠ° ΡΠΎΠ³ΠΎ, ΠΊΠ°ΠΊ Π²ΠΎΠΎΠ±ΡΠ΅ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΡΡΡ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ ΠΎΠ±Π²ΠΎΠ΄ΠΊΠΈ, Π½Π°ΠΏΡΠΈΠΌΠ΅Ρ Π΄Π»Ρ ΠΊΠ½ΠΎΠΏΠΊΠΈ:
Π Π°Π·ΠΌΠ΅ΡΡΠΈΠ² ΠΊΠ½ΠΎΠΏΠΊΡ, ΠΊΠΎΡΠΎΡΠ°Ρ ΠΏΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ ΠΈΠΌΠ΅Π΅Ρ ΠΎΠ±Π²ΠΎΠ΄ΠΊΡ 4dp, ΠΌΠΎΠΆΠ½ΠΎ Π²ΡΠ΄Π΅Π»ΠΈΡΡ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ Stroke ΠΈ ΠΏΠ΅ΡΠ΅ΠΊΠ»ΡΡΠΈΡΡ ΡΠ΅ΡΠ΅Π· ΠΏΠ°Π½Π΅Π»Ρ Instance ΡΠΊΡΡΠ³Π»Π΅Π½ΠΈΠ΅ ΡΠ³Π»ΠΎΠ² Π² ΠΌΠ΅Π½ΡΡΡΡ ΠΈΠ»ΠΈ Π±ΠΎΠ»ΡΡΡΡ ΡΡΠΎΡΠΎΠ½Ρ. ΠΡΠΎ ΡΡΡΡ Π±ΠΎΠ»Π΅Π΅ ΡΠ»ΠΎΠΆΠ½ΡΠΉ ΡΠΏΠΎΡΠΎΠ±, Π½ΠΎ ΠΏΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ Ρ ΡΠ°Π½ΠΈΡΡ Π² ΠΎΡΠ΄Π΅Π»ΡΠ½ΠΎΠΌ ΠΌΠ°ΡΡΠ΅Ρ-ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΠ΅ ΡΠ°Π·Π½ΡΠ΅ Π²ΠΈΠ΄Ρ ΡΠΊΡΡΠ³Π»Π΅Π½ΠΈΠΉ. Π‘Π°ΠΌΡΠΉ ΠΏΡΠΎΡΡΠΎΠΉ ΡΠΏΠΎΡΠΎΠ± β ΠΌΠ΅Π½ΡΡΡ ΡΡΠ΅ΠΏΠ΅Π½Ρ ΡΠΊΡΡΠ³Π»Π΅Π½ΠΈΡ ΡΠ΅ΡΠ΅Π· ΠΏΠΎΠ»Π΅ Π²Π²ΠΎΠ΄Π° Π² ΠΏΡΠ°Π²ΠΎΠΉ ΠΏΠ°Π½Π΅Π»ΠΈ. ΠΠ½Π°Π»ΠΎΠ³ΠΈΡΠ½Π°Ρ ΡΡ Π΅ΠΌΠ° ΠΏΡΠΈΠΌΠ΅Π½ΠΈΠΌΠ° ΠΈ Π΄Π»Ρ ΡΠ΅ΠΊΡΡΠΎΠ²ΡΡ ΠΏΠΎΠ»Π΅ΠΉ, ΠΊΠ°ΡΡΠΎΡΠ΅ΠΊ ΠΈΠ»ΠΈ Π»ΡΠ±ΡΡ ΡΠΎΠ½ΠΎΠ²ΡΡ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΠΎΠ².
Π Π°ΡΡΡΠ°Π½ΠΎΠ²ΠΊΠ° constraints Π΄Π»Ρ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΠΎΠ².
ΠΠ°Π²Π°ΠΉΡΠ΅ Ρ ΡΠ°ΡΡΠΊΠ°ΠΆΡ ΠΎΠ± ΡΡΠΎΠΌ ΠΏΡΠ½ΠΊΡΠ΅ ΠΈ ΠΎΡΡΠ°Π»ΡΠ½ΡΡ Π² ΡΠ»Π΅Π΄ΡΡΡΠ΅ΠΉ Π³Π»Π°Π²Π΅. ΠΡΠΎ ΠΏΠΎΠ²Π΅Π΄Π΅Π½ΠΈΠ΅ ΠΌΠΎΠ΄ΡΠ»Π΅ΠΉ ΠΈ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ² ΠΏΡΠΈ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠΈ ΡΠ°Π·ΠΌΠ΅ΡΠΎΠ² Π½ΡΠΆΠ½ΠΎ ΡΠΊΠ°Π·Π°ΡΡ ΠΌΠ½ΠΎΠ³ΠΎΠ΅. Π ΡΠ°ΠΊΠΆΠ΅ ΠΌΡ ΠΏΠ΅ΡΠ΅ΠΉΠ΄Π΅ΠΌ ΠΊ ΠΎΡΠ΅Π½Ρ ΠΈΠ½ΡΠ΅ΡΠ΅ΡΠ½ΠΎΠΉ ΡΠ°ΡΡΠΈ β ΠΎΠΏΠΈΡΠ°Π½ΠΈΡ Π²ΡΠ΅Ρ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΠΎΠ² Π² ΡΠΎΡΡΠ°Π²Π΅ Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½ ΡΠΈΡΡΠ΅ΠΌΡ Websy. Π, Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎ, ΡΠ°ΡΡΠΌΠΎΡΡΠΈΠΌ Π½Π΅ΠΊΠΎΡΠΎΡΡΠ΅ Π³ΠΎΡΠΎΠ²ΡΠ΅ ΡΠ΅ΠΌΠΏΠ»Π΅ΠΉΡΡ Π΄Π»Ρ landing pages. ΠΠ±ΡΡΠ΄ΠΈΠΌ ΠΈΡ ΡΠΎΡΡΠ°Π² ΠΈ Π³ΠΈΠ±ΠΊΠΎΡΡΡ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΡ Π±Π»ΠΎΠΊΠΎΠ², ΡΡΠΎΠ±Ρ ΠΏΠΎΠ΄Π³ΠΎΠ½ΡΡΡ ΠΏΠΎΠ΄ Π»ΡΠ±ΡΠ΅ Π½ΡΠΆΠ΄Ρ ΠΈ ΡΠ΅Π»ΠΈβ¦ ΠΠΎΠ΄ΠΏΠΈΡΡΠ²Π°ΠΉΡΠ΅ΡΡ, Π΅ΡΠ»ΠΈ ΠΈΠ½ΡΠ΅ΡΠ΅ΡΠ½ΠΎ.
ΠΠ° Π΄Π΅ΡΠ΅ΡΡ Π½Π΅Π±ΠΎΠ»ΡΡΠΎΠ΅ Π²ΠΈΠ΄Π΅ΠΎ.
Π Π΄Π°Π½Π½ΠΎΠΌ ΡΠΎΠ»ΠΈΠΊΠ΅ Ρ Ρ ΠΏΠΎΠΌΠΎΡΡΡ Π³ΠΎΡΠΎΠ²ΡΡ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΠΎΠ² ΡΠΎΠ±ΠΈΡΠ°Ρ layouts, ΠΊΠΎΡΠΎΡΡΠ΅ Π±ΡΠ΄ΡΡ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡΡΡ Π² ΠΊΠ°ΡΠ΅ΡΡΠ²Π΅ ΡΠΊΡΠ°Π½ΠΎΠ²-ΠΏΡΠ΅Π·Π΅Π½ΡΠ°ΡΠΈΠΉ Π΄Π»Ρ ΡΠΈΡΡΠ΅ΠΌΡ. ΠΠ΅ΡΠ²ΡΠΉ Π²Π°ΡΠΈΠ°Π½Ρ ΠΌΠ½Π΅ ΠΏΠΎΠ½ΡΠ°Π²ΠΈΠ»ΡΡ ΠΌΠ΅Π½ΡΡΠ΅, Π° Π²ΡΠΎΡΠΎΠΉ (Π½Π°ΡΠΈΠ½Π°Π΅ΡΡΡ Ρ 1:30) Ρ Π²Π·ΡΠ» Π·Π° ΠΎΡΠ½ΠΎΠ²Π½ΠΎΠΉ:
habr.com