Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„ΠΈΠ³ΠΌΠ° ΠΈ Ρ‚ΠΈΠ»ΡŒΠ΄Π°

Π§Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Figma: возмоТности ΠΈ ΠΏΡ€ΠΈΠ½Ρ†ΠΈΠΏΡ‹ Ρ€Π°Π±ΠΎΡ‚Ρ‹

Π Π΅Π²ΠΎΠ»ΡŽΡ†ΠΈΠΎΠ½Π½Ρ‹ΠΉ ΠΎΠ½Π»Π°ΠΉΠ½-сСрвис для Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ΠΎΠ². ΠŸΡ€ΠΎΠ΅ΠΊΡ‚ΠΈΡ€ΡƒΠΉΡ‚Π΅, создавайтС ΠΏΡ€ΠΎΡ‚ΠΎΡ‚ΠΈΠΏΡ‹ ΠΈ Ρ€Π°Π±ΠΎΡ‚Π°ΠΉΡ‚Π΅ ΠΊΠΎΠΌΠ°Π½Π΄ΠΎΠΉ прямо Π² Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅. РассказываСм ΠΎ Figma.

Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„ΠΈΠ³ΠΌΠ° ΠΈ Ρ‚ΠΈΠ»ΡŒΠ΄Π°. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ Ρ„ΠΎΡ‚ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„ΠΈΠ³ΠΌΠ° ΠΈ Ρ‚ΠΈΠ»ΡŒΠ΄Π°. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„ΠΈΠ³ΠΌΠ° ΠΈ Ρ‚ΠΈΠ»ΡŒΠ΄Π°. ΠšΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΏΡ€ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„ΠΈΠ³ΠΌΠ° ΠΈ Ρ‚ΠΈΠ»ΡŒΠ΄Π°. Π€ΠΎΡ‚ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„ΠΈΠ³ΠΌΠ° ΠΈ Ρ‚ΠΈΠ»ΡŒΠ΄Π°

Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„ΠΈΠ³ΠΌΠ° ΠΈ Ρ‚ΠΈΠ»ΡŒΠ΄Π°. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ Ρ„ΠΎΡ‚ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„ΠΈΠ³ΠΌΠ° ΠΈ Ρ‚ΠΈΠ»ΡŒΠ΄Π°. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„ΠΈΠ³ΠΌΠ° ΠΈ Ρ‚ΠΈΠ»ΡŒΠ΄Π°. ΠšΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΏΡ€ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„ΠΈΠ³ΠΌΠ° ΠΈ Ρ‚ΠΈΠ»ΡŒΠ΄Π°. Π€ΠΎΡ‚ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„ΠΈΠ³ΠΌΠ° ΠΈ Ρ‚ΠΈΠ»ΡŒΠ΄Π°

Π£ Figma Π½ΠΈΠ·ΠΊΠΈΠ΅ трСбования ΠΊ ΠΏΠΎΠ΄Π³ΠΎΡ‚ΠΎΠ²ΠΊΠ΅ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ ΠΈ ΠΌΠΎΡ‰Π½Ρ‹ΠΉ ΠΏΠΎΡ‚Π΅Π½Ρ†ΠΈΠ°Π» ΠΏΡ€ΠΈ ΠΎΡ‚Π½ΠΎΡΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΠΉ простотС. Π§Ρ‚ΠΎΠ±Ρ‹ всС возмоТности ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹ с самого Π½Π°Ρ‡Π°Π»Π° Ρ€Π°Π±ΠΎΡ‚Π°Π»ΠΈ Π½Π° вас, ΠΎΠ±Ρ€Π°Ρ‚ΠΈΡ‚Π΅ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅ Π½Π° курс Skillbox ΠΏΠΎ Figma. Π’Π°ΠΌ расскаТут ΠΌΠ½ΠΎΠ³ΠΈΠ΅ тонкости ΠΈ Π½Π΅ΠΎΡ‡Π΅Π²ΠΈΠ΄Π½Ρ‹Π΅ ΠΌΠΎΠΌΠ΅Π½Ρ‚Ρ‹, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ впослСдствии сэкономят ΠΊΡƒΡ‡Ρƒ Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ.

Π§Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Figma

Figma β€” кросс-ΠΏΠ»Π°Ρ‚Ρ„ΠΎΡ€ΠΌΠ΅Π½Π½Ρ‹ΠΉ ΠΎΠ½Π»Π°ΠΉΠ½-сСрвис для Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ΠΎΠ² интСрфСйсов ΠΈ Π²Π΅Π±-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΎΠ². Π Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠ° интСрфСйсов происходит Π² ΠΎΠ½Π»Π°ΠΉΠ½-ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΈ.

Π£ Figma Π΄Π²Π΅ ΠΊΠ»ΡŽΡ‡Π΅Π²Ρ‹Π΅ особСнности: доступ ΠΊ ΠΌΠ°ΠΊΠ΅Ρ‚Ρƒ прямо ΠΈΠ· ΠΎΠΊΠ½Π° Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π° ΠΈ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ совмСстной Ρ€Π°Π±ΠΎΡ‚Ρ‹ Π½Π°Π΄ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π°ΠΌΠΈ.

Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„ΠΈΠ³ΠΌΠ° ΠΈ Ρ‚ΠΈΠ»ΡŒΠ΄Π°. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ Ρ„ΠΎΡ‚ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„ΠΈΠ³ΠΌΠ° ΠΈ Ρ‚ΠΈΠ»ΡŒΠ΄Π°. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„ΠΈΠ³ΠΌΠ° ΠΈ Ρ‚ΠΈΠ»ΡŒΠ΄Π°. ΠšΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΏΡ€ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„ΠΈΠ³ΠΌΠ° ΠΈ Ρ‚ΠΈΠ»ΡŒΠ΄Π°. Π€ΠΎΡ‚ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„ΠΈΠ³ΠΌΠ° ΠΈ Ρ‚ΠΈΠ»ΡŒΠ΄Π°

Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„ΠΈΠ³ΠΌΠ° ΠΈ Ρ‚ΠΈΠ»ΡŒΠ΄Π°. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ Ρ„ΠΎΡ‚ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„ΠΈΠ³ΠΌΠ° ΠΈ Ρ‚ΠΈΠ»ΡŒΠ΄Π°. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„ΠΈΠ³ΠΌΠ° ΠΈ Ρ‚ΠΈΠ»ΡŒΠ΄Π°. ΠšΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΏΡ€ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„ΠΈΠ³ΠΌΠ° ΠΈ Ρ‚ΠΈΠ»ΡŒΠ΄Π°. Π€ΠΎΡ‚ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„ΠΈΠ³ΠΌΠ° ΠΈ Ρ‚ΠΈΠ»ΡŒΠ΄Π°

Автор статСй ΠΏΠΎ Π΄ΠΈΠ·Π°ΠΉΠ½Ρƒ. Π’ Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½ ΠΏΡ€ΠΈΡˆΠ΅Π» Π² 2013 Π³ΠΎΠ΄Ρƒ, осознанно Π½Π°Ρ‡Π°Π» Π·Π°Π½ΠΈΠΌΠ°Ρ‚ΡŒΡΡ с 2015 Π³ΠΎΠ΄Π°. ΠŸΠ°Ρ€Π°Π»Π»Π΅Π»ΡŒΠ½ΠΎ освоил вСрстку. ВрСмя ΠΎΡ‚ Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ ΠΏΡƒΠ±Π»ΠΈΠΊΡƒΠ΅Ρ‚ ΠΏΠ΅Ρ€Π΅Π²ΠΎΠ΄Ρ‹ Π½Π° Π₯Π°Π±Ρ€Π΅.

ВозмоТности ΠΈ особСнности Figma

ΠœΠ½ΠΎΠ³ΠΎΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΈΠΉ Ρ€Π΅ΠΆΠΈΠΌ рСдактирования

Π”ΠΎ появлСния Figma нСскольким Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Π°ΠΌ слоТно Π±Ρ‹Π»ΠΎ Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ Π½Π°Π΄ ΠΎΠ΄Π½ΠΈΠΌ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΎΠΌ ΠΈ ΠΏΠ΅Ρ€Π΅Π΄Π°Π²Π°Ρ‚ΡŒ ΠΌΠ°ΠΊΠ΅Ρ‚Ρ‹ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ°ΠΌ. Photoshop отказывался ΠΊΠΎΡ€Ρ€Π΅ΠΊΡ‚Π½ΠΎ ΠΎΡ‚ΠΊΡ€Ρ‹Π²Π°Ρ‚ΡŒ ΠΌΠ°ΠΊΠ΅Ρ‚, ΠΏΠΎΠΊΠ° Π²Ρ‹ Π½Π΅ установитС Π½ΡƒΠΆΠ½Ρ‹Π΅ ΡˆΡ€ΠΈΡ„Ρ‚Ρ‹. Или ΠΊΠΎΠ»Π»Π΅Π³Π° вносил измСнСния Π² свою копию ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π° ΠΈ Π·Π°Π±Ρ‹Π²Π°Π» ΡΠΊΠ°Π·Π°Ρ‚ΡŒ Π²Π°ΠΌ ΠΎΠ± этом.

Команда Figma ΡƒΡ‡Π»Π° ΠΏΠΎΠ΄ΠΎΠ±Π½Ρ‹Π΅ ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΡ‹ ΠΈ создала ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ позволяСт Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ Π½Π°Π΄ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΎΠΌ ΠΎΠ΄Π½ΠΎΠ²Ρ€Π΅ΠΌΠ΅Π½Π½ΠΎ нСскольким Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Π°ΠΌ, ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅Ρ‚ Π²Π΅Ρ€ΡΠΈΠΎΠ½ΠΎΡΡ‚ΡŒ ΠΈ Π΄Π°Ρ‘Ρ‚ ΠΌΠ½ΠΎΠ³ΠΎ Π΄Ρ€ΡƒΠ³ΠΈΡ… возмоТностСй. Они ΡƒΠΏΡ€ΠΎΡ‰Π°ΡŽΡ‚ Тизнь ΠΊΠ°ΠΊ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Ρƒ, Ρ‚Π°ΠΊ ΠΈ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΡƒ.

Π§Ρ‚ΠΎΠ±Ρ‹ ΡΠΎΡ‚Ρ€ΡƒΠ΄Π½ΠΈΡ‡Π°Ρ‚ΡŒ с Π΄Ρ€ΡƒΠ³ΠΈΠΌΠΈ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Π°ΠΌΠΈ, создайтС ΠΊΠΎΠΌΠ°Π½Π΄Ρƒ.

Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„ΠΈΠ³ΠΌΠ° ΠΈ Ρ‚ΠΈΠ»ΡŒΠ΄Π°. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ Ρ„ΠΎΡ‚ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„ΠΈΠ³ΠΌΠ° ΠΈ Ρ‚ΠΈΠ»ΡŒΠ΄Π°. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„ΠΈΠ³ΠΌΠ° ΠΈ Ρ‚ΠΈΠ»ΡŒΠ΄Π°. ΠšΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΏΡ€ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„ΠΈΠ³ΠΌΠ° ΠΈ Ρ‚ΠΈΠ»ΡŒΠ΄Π°. Π€ΠΎΡ‚ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„ΠΈΠ³ΠΌΠ° ΠΈ Ρ‚ΠΈΠ»ΡŒΠ΄Π°

Всё ΠΈΠ½Ρ‚ΡƒΠΈΡ‚ΠΈΠ²Π½ΠΎ понятно: ΠΏΠΈΡˆΠ΅Ρ‚Π΅ Π½Π°Π·Π²Π°Π½ΠΈΠ΅ ΠΊΠΎΠΌΠ°Π½Π΄Ρ‹, Π²Ρ‹Π±ΠΈΡ€Π°Π΅Ρ‚Π΅ Π½ΡƒΠΆΠ½Ρ‹ΠΉ Ρ‚Π°Ρ€ΠΈΡ„, Π³ΠΎΡ‚ΠΎΠ²ΠΎ.

Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„ΠΈΠ³ΠΌΠ° ΠΈ Ρ‚ΠΈΠ»ΡŒΠ΄Π°. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ Ρ„ΠΎΡ‚ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„ΠΈΠ³ΠΌΠ° ΠΈ Ρ‚ΠΈΠ»ΡŒΠ΄Π°. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„ΠΈΠ³ΠΌΠ° ΠΈ Ρ‚ΠΈΠ»ΡŒΠ΄Π°. ΠšΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΏΡ€ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„ΠΈΠ³ΠΌΠ° ΠΈ Ρ‚ΠΈΠ»ΡŒΠ΄Π°. Π€ΠΎΡ‚ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„ΠΈΠ³ΠΌΠ° ΠΈ Ρ‚ΠΈΠ»ΡŒΠ΄Π°

ΠžΠ±Π»Π°Ρ‡Π½Ρ‹ΠΉ сСрвСр хранСния Ρ„Π°ΠΉΠ»ΠΎΠ²

ВсС Ρ„Π°ΠΉΠ»Ρ‹ хранятся Π² ΠΎΠ±Π»Π°ΠΊΠ΅ Figma. НС Π½Π°Π΄ΠΎ Π²ΡΠΏΠΎΠΌΠΈΠ½Π°Ρ‚ΡŒ, Π³Π΄Π΅ Π»Π΅ΠΆΠ°Ρ‚ ваши ΠΌΠ°ΠΊΠ΅Ρ‚Ρ‹, ΡΠΊΠ°Ρ‡ΠΈΠ²Π°Ρ‚ΡŒ ΠΈ послС Ρ‚ΠΎΠ³ΠΎ, ΠΊΠ°ΠΊ внСсли измСнСния, Π·Π°Π»ΠΈΠ²Π°Ρ‚ΡŒ ΠΈΡ… ΠΎΠ±Ρ€Π°Ρ‚Π½ΠΎ. ИзмСнСния Π² Figma ΡΠΎΡ…Ρ€Π°Π½ΡΡŽΡ‚ΡΡ автоматичСски.

ΠšΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚Ρ‹

Π­Ρ‚ΠΎ элСмСнты ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΎΠ³ΠΎ интСрфСйса, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΌ ΠΌΠΎΠΆΠ½ΠΎ Π·Π°Π΄Π°Π²Π°Ρ‚ΡŒ ΠΎΠ±Ρ‰ΠΈΠ΅ стили β€” ΠΈ Π·Π°Ρ‚Π΅ΠΌ быстро ΠΌΠ΅Π½ΡΡ‚ΡŒ ΠΈΡ… Π²ΠΎ всём ΠΌΠ°ΠΊΠ΅Ρ‚Π΅ сразу.

НапримСр, Π²Ρ‹ Π·Π°ΠΊΠΎΠ½Ρ‡ΠΈΠ»ΠΈ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΡƒ 50 ΠΌΠ°ΠΊΠ΅Ρ‚ΠΎΠ² Π² Photoshop, Π·Π°ΠΊΠ°Π·Ρ‡ΠΈΠΊ попросил вас ΠΏΠΎΠΌΠ΅Π½ΡΡ‚ΡŒ ΠΏΡƒΠ½ΠΊΡ‚ мСню Π² шапкС ΠΈ ΠΏΡ€ΠΈΡΠ»Π°Ρ‚ΡŒ всС ΠΌΠ°ΠΊΠ΅Ρ‚Ρ‹ Π½Π° ΡƒΡ‚Π²Π΅Ρ€ΠΆΠ΄Π΅Π½ΠΈΠ΅. РаньшС ΠΏΡ€ΠΈΡ…ΠΎΠ΄ΠΈΠ»ΠΎΡΡŒ ΠΏΡ€ΠΎΠ΄Π΅Π»Ρ‹Π²Π°Ρ‚ΡŒ это Π²Ρ€ΡƒΡ‡Π½ΡƒΡŽ. Π’ Figma ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΠ° Ρ€Π΅ΡˆΠ΅Π½Π°: измСняСтС Ρ‡Ρ‚ΠΎ-Ρ‚ΠΎ ΠΎΠ΄Π½ΠΎ β€” ΠΌΠ΅Π½ΡΡŽΡ‚ΡΡ стили всСх элСмСнтов с этим стилСм.

Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„ΠΈΠ³ΠΌΠ° ΠΈ Ρ‚ΠΈΠ»ΡŒΠ΄Π°. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ Ρ„ΠΎΡ‚ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„ΠΈΠ³ΠΌΠ° ΠΈ Ρ‚ΠΈΠ»ΡŒΠ΄Π°. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„ΠΈΠ³ΠΌΠ° ΠΈ Ρ‚ΠΈΠ»ΡŒΠ΄Π°. ΠšΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΏΡ€ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„ΠΈΠ³ΠΌΠ° ΠΈ Ρ‚ΠΈΠ»ΡŒΠ΄Π°. Π€ΠΎΡ‚ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„ΠΈΠ³ΠΌΠ° ΠΈ Ρ‚ΠΈΠ»ΡŒΠ΄Π°

Π˜ΡΡ‚ΠΎΡ€ΠΈΡ вСрсий

Π’ Figma Π»Π΅Π³ΠΊΠΎ ΠΏΡ€ΠΎΡΠΌΠ°Ρ‚Ρ€ΠΈΠ²Π°Ρ‚ΡŒ Ρ€Π°Π½Π½ΠΈΠ΅ вСрсии Ρ„Π°ΠΉΠ»Π° ΠΈ Π²ΠΎΡΡΡ‚Π°Π½Π°Π²Π»ΠΈΠ²Π°Ρ‚ΡŒ ΠΈΠ»ΠΈ Π΄ΡƒΠ±Π»ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Π»ΡŽΠ±ΡƒΡŽ ΠΈΠ· Π½ΠΈΡ…. ВСрсии автоматичСски ΡΠΎΡ…Ρ€Π°Π½ΡΡŽΡ‚ΡΡ, Ссли Π² Ρ‚Π΅Ρ‡Π΅Π½ΠΈΠ΅ 30 ΠΌΠΈΠ½ΡƒΡ‚ Π² Ρ„Π°ΠΉΠ»Π΅ Π½Π΅ Π±Ρ‹Π»ΠΎ Π½ΠΈΠΊΠ°ΠΊΠΈΡ… ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠΉ.

Π’Ρ‹ Π²ΠΈΠ΄ΠΈΡ‚Π΅, ΠΊΠΎΠ³Π΄Π° Ρ„Π°ΠΉΠ» Π±Ρ‹Π» ΠΎΡ‚Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Π½ ΠΈ ΠΊΡ‚ΠΎ сдСлал измСнСния. МоТно ΠΈ Π²Ρ€ΡƒΡ‡Π½ΡƒΡŽ Π΄ΠΎΠ±Π°Π²Π»ΡΡ‚ΡŒ Π½ΠΎΠ²Ρ‹Π΅ вСрсии ΠΏΡ€ΠΈ нСобходимости. Π§Ρ‚ΠΎΠ±Ρ‹ Π½Π΅ Π·Π°ΠΏΡƒΡ‚Π°Ρ‚ΡŒΡΡ Π² дальнСйшСм, осмыслСнно Π½Π°Π·Ρ‹Π²Π°ΠΉΡ‚Π΅ вСрсии ΠΈ добавляйтС описаниС. НапримСр, Π΄Π΅Ρ‚Π°Π»ΠΈ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π°: ΠΈΡ‚Π΅Ρ€Π°Ρ†ΠΈΡŽ, этап, ΠΊΠ°ΠΊΠΈΠ΅ измСнСния внСсли.

Π€Ρ€Π΅ΠΉΠΌΡ‹

ΠžΡ‡Π΅Π½ΡŒ ΠΏΠΎΡ…ΠΎΠΆΠΈ Π½Π° Π°Ρ€Ρ‚Π±ΠΎΡ€Π΄Ρ‹ Π² Photoshop, Π½ΠΎ ΠΈΠΌΠ΅ΡŽΡ‚ Π±ΠΎΠ»ΡŒΡˆΡƒΡŽ Π³ΠΈΠ±ΠΊΠΎΡΡ‚ΡŒ Π² Ρ€Π°Π±ΠΎΡ‚Π΅: ΠΎΠ½ΠΈ Ρ…ΠΎΡ€ΠΎΡˆΠΎ ΠΌΠ°ΡΡˆΡ‚Π°Π±ΠΈΡ€ΡƒΡŽΡ‚ΡΡ ΠΈ ΠΈΡ… с Π»Ρ‘Π³ΠΊΠΎΡΡ‚ΡŒΡŽ ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π² Π΄Ρ€ΡƒΠ³ΠΈΡ… Ρ„Ρ€Π΅ΠΉΠΌΠ°Ρ…. Для Ρ„Ρ€Π΅ΠΉΠΌΠΎΠ² Π΅ΡΡ‚ΡŒ прСдустановлСнныС Ρ€Π°Π·ΠΌΠ΅Ρ€Ρ‹ устройств: Phones, Tablet, Desktop, Watch, Paper, Social Media. ΠŸΠΎΡΡ‚ΠΎΠΌΡƒ Π½Π΅Ρ‚ надобности Π΄Π΅Ρ€ΠΆΠ°Ρ‚ΡŒ ΠΈΡ… Π² Π³ΠΎΠ»ΠΎΠ²Π΅ ΠΈ ΠΏΡƒΡ‚Π°Ρ‚ΡŒΡΡ Π² Ρ€Π°Π·ΠΌΠ΅Ρ€Π°Ρ….

Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„ΠΈΠ³ΠΌΠ° ΠΈ Ρ‚ΠΈΠ»ΡŒΠ΄Π°. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ Ρ„ΠΎΡ‚ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„ΠΈΠ³ΠΌΠ° ΠΈ Ρ‚ΠΈΠ»ΡŒΠ΄Π°. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„ΠΈΠ³ΠΌΠ° ΠΈ Ρ‚ΠΈΠ»ΡŒΠ΄Π°. ΠšΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΏΡ€ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„ΠΈΠ³ΠΌΠ° ΠΈ Ρ‚ΠΈΠ»ΡŒΠ΄Π°. Π€ΠΎΡ‚ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„ΠΈΠ³ΠΌΠ° ΠΈ Ρ‚ΠΈΠ»ΡŒΠ΄Π°

Π‘Π΅Ρ‚ΠΊΠΈ

ПанСль Grid Layout позволяСт быстро ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ Π»ΡŽΠ±ΡƒΡŽ сСтку.

Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„ΠΈΠ³ΠΌΠ° ΠΈ Ρ‚ΠΈΠ»ΡŒΠ΄Π°. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ Ρ„ΠΎΡ‚ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„ΠΈΠ³ΠΌΠ° ΠΈ Ρ‚ΠΈΠ»ΡŒΠ΄Π°. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„ΠΈΠ³ΠΌΠ° ΠΈ Ρ‚ΠΈΠ»ΡŒΠ΄Π°. ΠšΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΏΡ€ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„ΠΈΠ³ΠΌΠ° ΠΈ Ρ‚ΠΈΠ»ΡŒΠ΄Π°. Π€ΠΎΡ‚ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„ΠΈΠ³ΠΌΠ° ΠΈ Ρ‚ΠΈΠ»ΡŒΠ΄Π°

ДСсктопная вСрсия

Figma β€” ΠΎΠ½Π»Π°ΠΉΠ½-сСрвис, Π½ΠΎ Π΅ΡΡ‚ΡŒ ΠΈ дСсктопная вСрсия. Для Ρ€Π°Π±ΠΎΡ‚Ρ‹ Π² Π½Π΅ΠΉ Π½ΡƒΠΆΠ½ΠΎ Π°Π²Ρ‚ΠΎΡ€ΠΈΠ·ΠΎΠ²Π°Ρ‚ΡŒΡΡ ΠΈ ΠΈΠΌΠ΅Ρ‚ΡŒ постоянноС ΠΈΠ½Ρ‚Π΅Ρ€Π½Π΅Ρ‚-ΠΏΠΎΠ΄ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΠ΅. Π€Π°ΠΉΠ»Ρ‹ ΡΠΎΡ…Ρ€Π°Π½ΡΡŽΡ‚ΡΡ локально ΠΈ ΠΏΡ€ΠΈ нСобходимости ΠΈΠΌΠΏΠΎΡ€Ρ‚ΠΈΡ€ΡƒΡŽΡ‚ΡΡ Π² Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π½ΡƒΡŽ Π²Π΅Ρ€ΡΠΈΡŽ.

Условная Π±Π΅ΡΠΏΠ»Π°Ρ‚Π½ΠΎΡΡ‚ΡŒ

Figma ΠΌΠΎΠΆΠ½ΠΎ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒΡΡ бСсплатно, с Ρ‚Π°ΠΊΠΈΠΌΠΈ основными ограничСниями:

Если Π²Π°ΠΌ станСт тСсно Π½Π° бСсплатном Ρ‚Π°Ρ€ΠΈΡ„Π΅, ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄ΠΈΡ‚Π΅ Π½Π° Professional ΡΡ‚ΠΎΠΈΠΌΠΎΡΡ‚ΡŒΡŽ 12 Π΄ΠΎΠ»Π»Π°Ρ€ΠΎΠ² Π² мСсяц ΠΈΠ»ΠΈ Organization β€” 45 Π΄ΠΎΠ»Π»Π°Ρ€ΠΎΠ² Π² мСсяц.

Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„ΠΈΠ³ΠΌΠ° ΠΈ Ρ‚ΠΈΠ»ΡŒΠ΄Π°. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ Ρ„ΠΎΡ‚ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„ΠΈΠ³ΠΌΠ° ΠΈ Ρ‚ΠΈΠ»ΡŒΠ΄Π°. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„ΠΈΠ³ΠΌΠ° ΠΈ Ρ‚ΠΈΠ»ΡŒΠ΄Π°. ΠšΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΏΡ€ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„ΠΈΠ³ΠΌΠ° ΠΈ Ρ‚ΠΈΠ»ΡŒΠ΄Π°. Π€ΠΎΡ‚ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„ΠΈΠ³ΠΌΠ° ΠΈ Ρ‚ΠΈΠ»ΡŒΠ΄Π°

Π­Ρ‚ΠΎ Π΄Π°Π»Π΅ΠΊΠΎ Π½Π΅ всС возмоТности ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹. Π”ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Ρƒ Π²Π°ΠΆΠ½Ρ‹ ΡΠΊΠΎΡ€ΠΎΡΡ‚ΡŒ Ρ€Π°Π±ΠΎΡ‚Ρ‹ Π½Π°Π΄ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΎΠΌ ΠΈ коммуникация Π² процСссС. Π­Ρ‚ΠΈ ΠΈ ΠΌΠ½ΠΎΠ³ΠΈΠ΅ Π΄Ρ€ΡƒΠ³ΠΈΠ΅ Π·Π°Π΄Π°Ρ‡ΠΈ позволяСт Ρ€Π΅ΡˆΠΈΡ‚ΡŒ ΠΎΠ½Π»Π°ΠΉΠ½-сСрвис Figma.

О ΠΊΠΎΠ½ΠΊΡ€Π΅Ρ‚Π½Ρ‹Ρ… ΠΏΡ€ΠΈΠ΅ΠΌΠ°Ρ…, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ упростят Ρ€Π°Π±ΠΎΡ‚Ρƒ Π² Figma, Ρ‡ΠΈΡ‚Π°ΠΉΡ‚Π΅ здСсь.

Π˜ΡΡ‚ΠΎΡ‡Π½ΠΈΠΊ

ΠžΠ±Π·ΠΎΡ€ 7 Π»ΡƒΡ‡ΡˆΠΈΡ… ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌ для создания ΠΏΡ€ΠΎΡ‚ΠΎΡ‚ΠΈΠΏΠ° сайта

ΠŸΠΎΠ΄Π±ΠΎΡ€ΠΊΠ° ΠΏΡ€ΠΎΠΊΠ°Ρ‡Π°Π΅Ρ‚ ваш Π΄ΠΈΠ·Π°ΠΉΠ½-процСсс. Π’ этой ΡΡ‚Π°Ρ‚ΡŒΠ΅ свСТий ΠΊΠΎΠΌΠΏΠ»Π΅ΠΊΡ‚ инструмСнтов для прототипирования сайтов, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΏΠΎΠΌΠΎΠ³ΡƒΡ‚ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ блСстящС всС: ΠΎΡ‚ Π²Π°ΠΉΡ€Ρ„Ρ€Π΅ΠΉΠΌΠΎΠ² Π΄ΠΎ ΠΈΠ½Ρ‚Π΅Ρ€Π°ΠΊΡ‚ΠΈΠ²Π½Ρ‹Ρ… Π΄ΠΈΠ·Π°ΠΉΠ½-систСм. 🌿👌

Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„ΠΈΠ³ΠΌΠ° ΠΈ Ρ‚ΠΈΠ»ΡŒΠ΄Π°. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ Ρ„ΠΎΡ‚ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„ΠΈΠ³ΠΌΠ° ΠΈ Ρ‚ΠΈΠ»ΡŒΠ΄Π°. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„ΠΈΠ³ΠΌΠ° ΠΈ Ρ‚ΠΈΠ»ΡŒΠ΄Π°. ΠšΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΏΡ€ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„ΠΈΠ³ΠΌΠ° ΠΈ Ρ‚ΠΈΠ»ΡŒΠ΄Π°. Π€ΠΎΡ‚ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„ΠΈΠ³ΠΌΠ° ΠΈ Ρ‚ΠΈΠ»ΡŒΠ΄Π°

ΠŸΡ€ΠΎΠ΄ΡƒΠΊΡ‚ΠΎΠ²Ρ‹ΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ (UX/UI), Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ ΠΈ Π±Ρ€Π΅Π½Π΄-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€. ΠžΠΏΡ‹Ρ‚ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΎΠ² Π² ΠΌΠ΅ΠΆΠ΄ΡƒΠ½Π°Ρ€ΠΎΠ΄Π½Ρ‹Ρ… компаниях Omega-R (агСнтство), iSpring Solutions (продуктовая) ΠΈ со стартапами ΠΏΠΎ всСму ΠΌΠΈΡ€Ρƒ. ΠŸΡ€Π΅ΠΏΠΎΠ΄Π°Π²Π°Ρ‚Π΅Π»ΡŒ курсов Β«UI-Π΄ΠΈΠ·Π°ΠΉΠ½ ΠΈ анимация интСрфСйсов» ΠΈ Β«Π’Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Β» Π² Π˜Π½ΡΡ‚ΠΈΡ‚ΡƒΡ‚Π΅ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ½Ρ‹Ρ… систСм ΠΈ godesign.school.

Π―Π½Π² 11 Β· 9 ΠΌΠΈΠ½ Ρ‡ΠΈΡ‚Π°Ρ‚ΡŒ

Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„ΠΈΠ³ΠΌΠ° ΠΈ Ρ‚ΠΈΠ»ΡŒΠ΄Π°. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ Ρ„ΠΎΡ‚ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„ΠΈΠ³ΠΌΠ° ΠΈ Ρ‚ΠΈΠ»ΡŒΠ΄Π°. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„ΠΈΠ³ΠΌΠ° ΠΈ Ρ‚ΠΈΠ»ΡŒΠ΄Π°. ΠšΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΏΡ€ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„ΠΈΠ³ΠΌΠ° ΠΈ Ρ‚ΠΈΠ»ΡŒΠ΄Π°. Π€ΠΎΡ‚ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„ΠΈΠ³ΠΌΠ° ΠΈ Ρ‚ΠΈΠ»ΡŒΠ΄Π°

Π‘Ρ‚Π°Ρ‚ΡŒΡ подскаТСт, для Ρ‡Π΅Π³ΠΎ ΠΏΠΎΠΌΠΎΠΆΠ΅Ρ‚ ΠΊΠ°ΠΆΠ΄Ρ‹ΠΉ инструмСнт, ΠΈ сориСнтируСт ΠΏΠΎ плюсам ΠΈ минусам. Π‘Ρ€Π΅Π΄ΠΈ инструмСнтов: Figma, InVision Studio, Tilda ΠΈ Π΄Ρ€ΡƒΠ³ΠΈΠ΅.

ΠšΡΡ‚Π°Ρ‚ΠΈ, Ссли Π²Ρ‹ ΡƒΠ²Π»Π΅ΠΊΠ°Π΅Ρ‚Π΅ΡΡŒ Π΄ΠΈΠ·Π°ΠΉΠ½ΠΎΠΌ, Π²Π°ΠΌ ΠΌΠΎΠΆΠ΅Ρ‚ ΠΏΡ€ΠΈΠ³ΠΎΠ΄ΠΈΡ‚ΡŒΡΡ свСТий ΠΎΠ±Π·ΠΎΡ€ курсов ΠΏΠΎ Figma.

TOP 7 популярных инструмСнтов для создания ΠΏΡ€ΠΎΡ‚ΠΎΡ‚ΠΈΠΏΠΎΠ² сайтов

Figma идСальна сразу для Π½Π΅ΡΠΊΠΎΠ»ΡŒΠΊΠΈΡ… этапов Ρ€Π°Π±ΠΎΡ‚Ρ‹: ΠΎΡ‚ сбора рСфСрСнсов Π΄ΠΎ ΠΏΡ€ΠΎΡ‚ΠΎΡ‚ΠΈΠΏΠ° сайта. Figma позволяСт вСсти всС этапы развития ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π° Π² ΠΎΠ΄Π½ΠΎΠΌ инструмСнтС: ΠΌΡƒΠ΄Π±ΠΎΡ€Π΄Ρ‹, Π°Π½Π°Π»ΠΈΠ· рСфСрСнсов, информационная Π°Ρ€Ρ…ΠΈΡ‚Π΅ΠΊΡ‚ΡƒΡ€Π°, ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ сцСнариСв, ΠΏΡ€ΠΎΡ‚ΠΎΡ‚ΠΈΠΏΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅, созданиС ΠΈΠ½Ρ‚Π΅Ρ€Π°ΠΊΡ‚ΠΈΠ²Π½Ρ‹Ρ… ΠΏΡ€ΠΎΡ‚ΠΎΡ‚ΠΈΠΏΠΎΠ², Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½Ρ‹ΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½ ΠΈ Π΄ΠΈΠ·Π°ΠΉΠ½-систСма.

Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„ΠΈΠ³ΠΌΠ° ΠΈ Ρ‚ΠΈΠ»ΡŒΠ΄Π°. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ Ρ„ΠΎΡ‚ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„ΠΈΠ³ΠΌΠ° ΠΈ Ρ‚ΠΈΠ»ΡŒΠ΄Π°. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„ΠΈΠ³ΠΌΠ° ΠΈ Ρ‚ΠΈΠ»ΡŒΠ΄Π°. ΠšΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΏΡ€ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„ΠΈΠ³ΠΌΠ° ΠΈ Ρ‚ΠΈΠ»ΡŒΠ΄Π°. Π€ΠΎΡ‚ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„ΠΈΠ³ΠΌΠ° ΠΈ Ρ‚ΠΈΠ»ΡŒΠ΄Π°Figma β€” кросс-ΠΏΠ»Π°Ρ‚Ρ„ΠΎΡ€ΠΌΠ΅Π½Π½Ρ‹ΠΉ ΠΎΠ½Π»Π°ΠΉΠ½-сСрвис для Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ΠΎΠ², Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ΠΎΠ² интСрфСйсов ΠΈ Π²Π΅Π±-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΎΠ².

ΠŸΡ€ΠΎΡΡ‚ΠΎ выдСляйтС ΠΏΠΎΠ΄ ΠΊΠ°ΠΆΠ΄Ρ‹ΠΉ этап ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½ΡƒΡŽ страницу Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π°, ΠΈ всС этапы развития ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π° Π±ΡƒΠ΄ΡƒΡ‚ всСгда ΠΏΠΎΠ΄ Ρ€ΡƒΠΊΠΎΠΉ.

Плюс ΠΏΡ€ΠΎΡ‚ΠΎΡ‚ΠΈΠΏ сайта ΠΌΠΎΠΆΠ½ΠΎ ΡΠΊΠΈΠ½ΡƒΡ‚ΡŒ Π·Π°ΠΊΠ°Π·Ρ‡ΠΈΠΊΡƒ ΠΏΠΎ ссылкС ΠΈ Π½Π° созвонС Π²Π½ΠΎΡΠΈΡ‚ΡŒ ΠΏΡ€Π°Π²ΠΊΠΈ β€” ΠΈ Π·Π°ΠΊΠ°Π·Ρ‡ΠΈΠΊ Π±ΡƒΠ΄Π΅Ρ‚ Π²ΠΈΠ΄Π΅Ρ‚ΡŒ ΡƒΠΆΠ΅ ΠΎΠ±Π½ΠΎΠ²Π»Π΅Π½Π½ΡƒΡŽ Π²Π΅Ρ€ΡΠΈΡŽ Π΄ΠΈΠ·Π°ΠΉΠ½Π°.

Π˜Π½Ρ‚Π΅Ρ€Π΅ΡΡƒΠ΅Ρ‚Π΅ΡΡŒ свСТими ΡΡ‚Π°Ρ‚ΡŒΡΠΌΠΈ ΠΏΠΎ Π΄ΠΈΠ·Π°ΠΉΠ½Ρƒ? ВступайтС Π² Π³Ρ€ΡƒΠΏΠΏΡƒ Π½Π° Facebook.

Figma β€” свСТий инструмСнт. Она идСальна Π΄Π°ΠΆΠ΅ для ΠΊΠΎΠΌΠ°Π½Π΄Π½ΠΎΠΉ Ρ€Π°Π±ΠΎΡ‚Ρ‹ Π² Ρ€Π΅Π°Π»ΡŒΠ½ΠΎΠΌ Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ. Figma Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ ΡˆΡƒΡΡ‚Ρ€ΠΎ ΠΈ прямо Π² Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅. Π•ΡΡ‚ΡŒ Ρ‚Π°ΠΊΠΆΠ΅ ΠΈ desktop-ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅, Π½ΠΎ ΠΎΠ½ΠΎ Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΏΡ€ΠΈ ΠΏΠΎΠ΄ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΠΈ ΠΊ ΠΈΠ½Ρ‚Π΅Ρ€Π½Π΅Ρ‚Ρƒ.

Figma построСна Π½Π° тСхнологиях electronjs, Π° Π·Π½Π°Ρ‡ΠΈΡ‚, Π²Ρ‹ смоТСтС Π΄ΠΈΠ·Π°ΠΉΠ½ΠΈΡ‚ΡŒ Π½Π° любой ΠΏΠ»Π°Ρ‚Ρ„ΠΎΡ€ΠΌΠ΅: Windows, Mac, ChromeOS ΠΈ Π΄Π°ΠΆΠ΅ Linux. А Π΅Ρ‰Π΅ β€” приятный бонус: ваши Π΄ΠΈΠ·Π°ΠΉΠ½Ρ‹ ΡΠΎΡ…Ρ€Π°Π½ΡΡŽΡ‚ΡΡ ΠΌΠΎΠΌΠ΅Π½Ρ‚Π°Π»ΡŒΠ½ΠΎ Π² ΠΎΠ±Π»Π°ΠΊΠ΅, Π° Π·Π½Π°Ρ‡ΠΈΡ‚, вся Ρ€Π°Π±ΠΎΡ‚Π° всСгда Π² сохранности ΠΈ Π³ΠΎΡ‚ΠΎΠ²Π° ΠΊ дСмонстрации ΠΊΠ»ΠΈΠ΅Π½Ρ‚Π°ΠΌ.

Π Π°Π±ΠΎΡ‚Π°ΠΉΡ‚Π΅ ΠΈ ΡˆΡ‚ΡƒΡ€ΠΌΠΈΡ‚Π΅ ΠΎΠ΄Π½ΠΎΠ²Ρ€Π΅ΠΌΠ΅Π½Π½ΠΎ всСй ΠΊΠΎΠΌΠ°Π½Π΄ΠΎΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ΠΎΠ² Π² ΠΌΠ½ΠΎΠ³ΠΎΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΎΠΌ Ρ€Π΅ΠΆΠΈΠΌΠ΅:

InVision Studio Ρ‚Π°ΠΊ ΠΆΠ΅ ΡƒΠ½ΠΈΠ²Π΅Ρ€ΡΠ°Π»ΡŒΠ½Π° ΠΊΠ°ΠΊ Figma, Π½ΠΎ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅Ρ‚ Π΅Ρ‰Π΅ ΠΈ эффСктныС Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΠΈ ΠΈ ΠΈΠ½Ρ‚Π΅Ρ€Π°ΠΊΡ‚ΠΈΠ². Π­Ρ‚ΠΎΡ‚ инструмСнт ΠΎΡ‚Π»ΠΈΡ‡Π½ΠΎ Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ ΠΊΠ°ΠΊ ΡΠ°ΠΌΠΎΡΡ‚ΠΎΡΡ‚Π΅Π»ΡŒΠ½ΠΎΠ΅ Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅, Π° Ρ‚Π°ΠΊΠΆΠ΅ ΠΊΠ»Π΅Π²ΠΎ дополняСт Figma для создания Ρ‚ΠΎΠΏΠΎΠ²ΠΎΠ³ΠΎ UX. Π‘ ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΠΏΠ»Π°Π³ΠΈΠ½Π° ΠΌΠΎΠΆΠ½ΠΎ пСрСнСсти Π΄ΠΈΠ·Π°ΠΉΠ½ ΠΈΠ· Figma Π² InVision Studio ΠΈ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΠΉ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΎΠΆΠΈΠ²ΠΈΡ‚ΡŒ Π΄ΠΈΠ·Π°ΠΉΠ½ ΠΈ ΡΠΎΠ±Ρ€Π°Ρ‚ΡŒ эффСктный ΠΊΠΎΠ½Ρ†Π΅ΠΏΡ‚.

Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„ΠΈΠ³ΠΌΠ° ΠΈ Ρ‚ΠΈΠ»ΡŒΠ΄Π°. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ Ρ„ΠΎΡ‚ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„ΠΈΠ³ΠΌΠ° ΠΈ Ρ‚ΠΈΠ»ΡŒΠ΄Π°. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„ΠΈΠ³ΠΌΠ° ΠΈ Ρ‚ΠΈΠ»ΡŒΠ΄Π°. ΠšΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΏΡ€ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„ΠΈΠ³ΠΌΠ° ΠΈ Ρ‚ΠΈΠ»ΡŒΠ΄Π°. Π€ΠΎΡ‚ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„ΠΈΠ³ΠΌΠ° ΠΈ Ρ‚ΠΈΠ»ΡŒΠ΄Π°InVision Studio β€” ΠΌΠΎΡ‰Π½Ρ‹ΠΉ инструмСнт UI / UX Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Π°, доступный Π½Π° Mac ΠΈ Windows для создания Π΄ΠΈΠ·Π°ΠΉΠ½Π° ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ, сайтов ΠΈ Π΄Ρ€ΡƒΠ³ΠΈΡ… Ρ†ΠΈΡ„Ρ€ΠΎΠ²Ρ‹Ρ… ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚ΠΎΠ² с ΠΈΠ½Ρ‚Π΅Ρ€Π°ΠΊΡ‚ΠΈΠ²Π½ΠΎΡΡ‚ΡŒΡŽ ΠΈ Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΠ΅ΠΉ.

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

InVision Studio, Π½Π° ΠΌΠΎΠΉ взгляд, ΠΈΠ΄Π΅Π°Π»ΡŒΠ½Ρ‹ΠΉ инструмСнт для Ρ‚ΠΎΠ³ΠΎ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡΠΎΠ±Ρ€Π°Ρ‚ΡŒ ΠΏΡ€ΠΎΡ‚ΠΎΡ‚ΠΈΠΏ промостраницы, Π·Π°Π°Π½ΠΈΠΌΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ эффСктный ΡˆΠΎΡƒΡ€ΠΈΠ» ΠΈ ΡΠΎΠ±Ρ€Π°Ρ‚ΡŒ ΠΊΠΎΠ½Ρ†Π΅ΠΏΡ‚ Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΠΉ ΠΏΡ€ΠΈ скроллС Π»Π΅Π½Π΄ΠΈΠ½Π³Π°.

3. Adobe XD β€” бСсплатно ΠΈΠ»ΠΈ 772,80 Ρ€ΡƒΠ±./мСс. (Mac ΠΈ Windows)

ΠΠ»ΡŒΡ‚Π΅Ρ€Π½Π°Ρ‚ΠΈΠ²Π° Figma для Ρ‚Π΅Ρ…, ΠΊΡ‚ΠΎ ΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ всСй экосистСмой Adobe Creative Cloud. Π’Ρ‹ смоТСтС ΠΎΠ±ΠΌΠ΅Π½ΠΈΠ²Π°Ρ‚ΡŒΡΡ рСсурсами с Π΄Ρ€ΡƒΠ³ΠΈΠΌΠΈ инструмСнтами, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€ Photoshop ΠΈΠ»ΠΈ Illustrator.

Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„ΠΈΠ³ΠΌΠ° ΠΈ Ρ‚ΠΈΠ»ΡŒΠ΄Π°. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ Ρ„ΠΎΡ‚ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„ΠΈΠ³ΠΌΠ° ΠΈ Ρ‚ΠΈΠ»ΡŒΠ΄Π°. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„ΠΈΠ³ΠΌΠ° ΠΈ Ρ‚ΠΈΠ»ΡŒΠ΄Π°. ΠšΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΏΡ€ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„ΠΈΠ³ΠΌΠ° ΠΈ Ρ‚ΠΈΠ»ΡŒΠ΄Π°. Π€ΠΎΡ‚ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„ΠΈΠ³ΠΌΠ° ΠΈ Ρ‚ΠΈΠ»ΡŒΠ΄Π°Adobe XD β€” это Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅ для проСктирования ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΎΠ³ΠΎ интСрфСйса ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ для создания Π²Π΅Π±-сайтов ΠΈ ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Ρ… ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ.

Adobe XD ΠΏΡ€ΠΈΠ·Π²Π°Π½ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ ваш процСсс прототипирования просто Ρ€Π΅Π°ΠΊΡ‚ΠΈΠ²Π½Ρ‹ΠΌ (Ρ‚Π°ΠΊ ΠΎΠ½ быстрСС Photoshop ΠΈ Adobe Illustrator, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π΄ΠΎ появлСния Figma ΠΈ InVision Studio использовали Π²Π΅Π±- ΠΈ UX/UI-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Ρ‹). Для этого здСсь всСгда ΠΏΠΎΠ΄ Ρ€ΡƒΠΊΠΎΠΉ инструмСнты клонирования (repeat grids), поэтому Π½Π°Π±Ρ€ΠΎΡΠ°Ρ‚ΡŒ ΠΌΠ°ΠΊΠ΅Ρ‚ ΠΈΠ»ΠΈ ΠΎΠΏΠ΅Ρ€Π°Ρ‚ΠΈΠ²Π½ΠΎ Π½Π°ΠΏΠΎΠ»Π½ΠΈΡ‚ΡŒ списки ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚ΠΎΠΌ – здСсь ΠΊΠ°ΠΊ Π½Π° Ρ€Π°Π· Π΄Π²Π°. Если Π²Ρ‹ ΡƒΠΆΠ΅ использовали ΠΏΠ»Π°Π³ΠΈΠ½ Craft для Sketch, Ρ‚ΠΎ считайтС, Ρ‡Ρ‚ΠΎ это здСсь ΡƒΠΆΠ΅ доступно ΠΈΠ· ΠΊΠΎΡ€ΠΎΠ±ΠΊΠΈ.

ΠΠ»ΡŒΡ‚Π΅Ρ€Π½Π°Ρ‚ΠΈΠ²Π° InVision Studio (Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Π² Π½Π΅ΠΌ нСльзя Ρ€ΠΈΡΠΎΠ²Π°Ρ‚ΡŒ Π΄Π΅Ρ‚Π°Π»ΡŒΠ½Ρ‹Π΅ ΠΌΠ°ΠΊΠ΅Ρ‚Ρ‹, дополняСт Figma/Sketch, Π½ΠΎ Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Π½Π° Mac). ОсобСнно Principle Ρ…ΠΎΡ€ΠΎΡˆ для создания эффСктных ΡˆΠΎΡƒΡ€ΠΈΠ»Π»ΠΎΠ² ΠΈ Π°Π½ΠΈΠΌΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹Ρ… промостраниц. Для прототипирования взаимодСйствия Ρ‚Π°ΠΊΠΎΠΉ ΠΆΠ΅ ΠΊΡ€ΡƒΡ‚ΠΎΠΉ, ΠΊΠ°ΠΊ ΠΈ InVision Studio.

Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„ΠΈΠ³ΠΌΠ° ΠΈ Ρ‚ΠΈΠ»ΡŒΠ΄Π°. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ Ρ„ΠΎΡ‚ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„ΠΈΠ³ΠΌΠ° ΠΈ Ρ‚ΠΈΠ»ΡŒΠ΄Π°. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„ΠΈΠ³ΠΌΠ° ΠΈ Ρ‚ΠΈΠ»ΡŒΠ΄Π°. ΠšΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΏΡ€ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„ΠΈΠ³ΠΌΠ° ΠΈ Ρ‚ΠΈΠ»ΡŒΠ΄Π°. Π€ΠΎΡ‚ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„ΠΈΠ³ΠΌΠ° ΠΈ Ρ‚ΠΈΠ»ΡŒΠ΄Π°Principle β€” это ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ° для ΠΈΠ½Ρ‚Π΅Ρ€Π°ΠΊΡ‚ΠΈΠ²Π½ΠΎΠ³ΠΎ Π΄ΠΈΠ·Π°ΠΉΠ½Π°, которая позволяСт ΠΎΠΆΠΈΠ²Π»ΡΡ‚ΡŒ статичныС ΠΌΠ°ΠΊΠ΅Ρ‚Ρ‹ Π² Figma/Sketch, ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ ΠΈΠ½Ρ‚Π΅Ρ€Π°ΠΊΡ‚ΠΈΠ²Π½Ρ‹Π΅ ΠΏΡ€ΠΎΡ‚ΠΎΡ‚ΠΈΠΏΡ‹ ΠΈ Π°Π½ΠΈΠΌΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ интСрфСйс.

Principle β€” это инструмСнт ΠΈΡΠΊΠ»ΡŽΡ‡ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ для Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΠΈ Π΄ΠΈΠ·Π°ΠΉΠ½ΠΎΠ², Π² ΠΎΡ‚Π»ΠΈΡ‡ΠΈΠ΅ ΠΎΡ‚ Ρ‚Π°ΠΊΠΈΡ… инструмСнтов, ΠΊΠ°ΠΊ Invision Studio, Figma ΠΈΠ»ΠΈ Adobe XD, Π² ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Ρ‚Π°ΠΊΠΆΠ΅ ΠΈ ΠΎΡ‚Ρ€ΠΈΡΠΎΠ²Π°Ρ‚ΡŒ свой Π΄ΠΈΠ·Π°ΠΉΠ½. ΠŸΡ€ΠΎΡ†Π΅ΡΡ Ρ€Π°Π±ΠΎΡ‚Ρ‹ простой ΠΈ Π»ΠΈΠ½Π΅ΠΉΠ½Ρ‹ΠΉ: создаСм Π΄ΠΈΠ·Π°ΠΉΠ½ Π² Figma, Π° Π·Π°Ρ‚Π΅ΠΌ оТивляСм ΠΏΡ€ΠΎΡ‚ΠΎΡ‚ΠΈΠΏ Π² Principle β€” Ρ‚Π°ΠΊΠΎΠΉ процСсс ΠΏΠΎΠ±ΡƒΠΆΠ΄Π°Π΅Ρ‚ ΠΏΡ€ΠΎΠ΄ΡƒΠΌΠ°Ρ‚ΡŒ взаимодСйствиС ΠΈ ΠΎΠΏΡ‹Ρ‚ ΡƒΠΆΠ΅ Π½Π° этапС проСктирования.

Π’Π°ΠΊΠΆΠ΅ Principle Ρ…ΠΎΡ€ΠΎΡˆ для развития Π°Π½ΠΈΠΌΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹Ρ… ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚ΠΎΠ² с микроанимациями, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, для Π½Π°Π²Π΅Π΄Π΅Π½Π½Ρ‹Ρ… состояний ΠΊΠ½ΠΎΠΏΠΎΠΊ, ΠΏΡ€Π΅Π»ΠΎΠ°Π΄Π΅Ρ€ΠΎΠ² ΠΈ Π°Π½ΠΈΠΌΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹Ρ… ΠΈΠΊΠΎΠ½ΠΎΠΊ Π»Π°ΠΉΠΊΠΎΠ².

Π₯ΠΎΡ‚ΡŒ Principle ΠΈ платная ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ°, Π΅Π΅ ΠΌΠΎΠΆΠ½ΠΎ ΠΏΠΎΠΏΡ€ΠΎΠ±ΠΎΠ²Π°Ρ‚ΡŒ бСсплатно 14 Π΄Π½Π΅ΠΉ ΠΈ ΠΎΡ†Π΅Π½ΠΈΡ‚ΡŒ Π² бою. Из приятных особСнностСй: Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ сразу Π·Π°ΠΏΠΈΡΠ°Ρ‚ΡŒ Ρ€Π°Π±ΠΎΡ‚Ρƒ своСго ΠΏΡ€ΠΎΡ‚ΠΎΡ‚ΠΈΠΏΠ° Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ Π²ΠΈΠ΄Π΅ΠΎ ΠΈ gif:

ПолСзСн, ΠΊΠΎΠ³Π΄Π° Π½ΡƒΠΆΠ½ΠΎ ΡˆΡƒΡΡ‚Ρ€Π΅Π½ΡŒΠΊΠΎ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ ΠΊΠΎΠ½Ρ†Π΅ΠΏΡ‚Ρ‹ Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ Π±ΡƒΠΌΠ°ΠΆΠ½Ρ‹Ρ… скСтчСй ΠΈ ΠΏΠΎΠΏΡ€ΠΎΠ±ΠΎΠ²Π°Ρ‚ΡŒ ΠΈΡ… Π² Ρ€Π°Π±ΠΎΡ‚Π΅. НапримСр, ΡΠΎΠ±Ρ€Π°Ρ‚ΡŒ ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½ΡƒΡŽ Π²Π΅Ρ€ΡΠΈΡŽ для Ρ‚Π΅Π»Π΅Ρ„ΠΎΠ½Π°.

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

Для Ρ„Π°Π½Π°Ρ‚ΠΎΠ² Ρ€Π΅Π·ΠΈΠ½ΠΎΠ²Ρ‹Ρ… сайтов ΠΈ Ρ†Π΅Π½ΠΈΡ‚Π΅Π»Π΅ΠΉ свободы вСрстки ΠΈ Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΠΈ Π½Π° сайтС. Π’Ρ€Π΅Π±ΡƒΠ΅Ρ‚ ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½Π½Ρ‹Ρ… Π·Π½Π°Π½ΠΈΠΉ вСрстки (основы Π²Π΅Π±-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ) Π½Π° стартС. Π’ Webflow Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡΠΎΠ±Ρ€Π°Ρ‚ΡŒ Π³ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΡŒΠ½Ρ‹ΠΉ скролл, ΡΠΊΡ€Ρ‹Ρ‚ΡŒ Π³Ρ€Π°Ρ„ΠΈΠΊΡƒ Π² зависимости ΠΎΡ‚ устройства ΠΈΠ»ΠΈ ΠΏΡ€ΠΎΠΊΠΈΠ½ΡƒΡ‚ΡŒ Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΡŽ ΠΈΠ· After Effects.

Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„ΠΈΠ³ΠΌΠ° ΠΈ Ρ‚ΠΈΠ»ΡŒΠ΄Π°. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ Ρ„ΠΎΡ‚ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„ΠΈΠ³ΠΌΠ° ΠΈ Ρ‚ΠΈΠ»ΡŒΠ΄Π°. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„ΠΈΠ³ΠΌΠ° ΠΈ Ρ‚ΠΈΠ»ΡŒΠ΄Π°. ΠšΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΏΡ€ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„ΠΈΠ³ΠΌΠ° ΠΈ Ρ‚ΠΈΠ»ΡŒΠ΄Π°. Π€ΠΎΡ‚ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„ΠΈΠ³ΠΌΠ° ΠΈ Ρ‚ΠΈΠ»ΡŒΠ΄Π°WebFlow β€” это конструктор, Π² ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΌ ΠΌΠΎΠΆΠ½ΠΎ ΡΠΎΠ·Π°Π΄Π²Π°Ρ‚ΡŒ сайты, Π»Π΅Π½Π΄ΠΈΠ½Π³ΠΈ, Π±Π»ΠΎΠ³ΠΈ. А Π΅Ρ‰Π΅, Π² WebFlow ΠΌΠΎΠΆΠ½ΠΎ Π·Π°ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΠΊΠ°ΠΊ хочСтся ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½Ρ‹Π΅ элСмСнты.

Webflow β€” это конструктор сайтов ΠΈ Ρ„ΡƒΠ»-стСк инструмСнт для создания Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π»ΡŒΠ½Ρ‹Ρ… ΠΈ Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½Ρ‹Ρ… сайтов, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΌΠΎΠΆΠ½ΠΎ Ρ€Π°Π·ΠΌΠ΅Ρ‰Π°Ρ‚ΡŒ прямо Π½Π° ΠΈΡ… ΠΏΠ»Π°Ρ‚Ρ„ΠΎΡ€ΠΌΠ΅ (ΠΈΠ»ΠΈ ΡΠΊΡΠΏΠΎΡ€Ρ‚Π½ΡƒΡ‚ΡŒ ΠΈ Ρ€Π°Π·ΠΌΠ΅ΡΡ‚ΠΈΡ‚ΡŒ Π³Π΄Π΅-Π½ΠΈΠ±ΡƒΠ΄ΡŒ Π΅Ρ‰Π΅).

Π’Ρ‹ ΠΏΠΎΠ»Π½ΠΎΡΡ‚ΡŒΡŽ ΠΊΠΎΠ½Ρ‚Ρ€ΠΎΠ»ΠΈΡ€ΡƒΠ΅Ρ‚Π΅ CSS-ΠΊΠΎΠ΄, плюс инструмСнт ΠΏΠΎΠΊΠ°Π·Ρ‹Π²Π°Π΅Ρ‚, ΠΊΠ°ΠΊ Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ HTML ΠΈ CSS, ΠΏΠΎΡ‚ΠΎΠΌΡƒ Ρ‡Ρ‚ΠΎ всС элСмСнты Π΄ΠΈΠ·Π°ΠΉΠ½Π° Π² Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅ Π²Π΅Π΄ΡƒΡ‚ сСбя Ρ‚Π°ΠΊ, ΠΊΠ°ΠΊ Π½ΡƒΠΆΠ½ΠΎ.

Π”ΡƒΠΌΠ°ΡŽ, Ρ‡Ρ‚ΠΎ Webflow ΠΎΡ‚Π»ΠΈΡ‡Π½ΠΎ ΠΏΠΎΠ΄ΠΎΠΉΠ΄Π΅Ρ‚ для создания быстрых ΠΏΡ€ΠΎΡ‚ΠΎΡ‚ΠΈΠΏΠΎΠ², простых сайтов, одностраничников ΠΈ Ρ‚.ΠΏ. Webflow популярСн срСди Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ΠΎΠ², ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ большС сосрСдоточСны Π½Π° эстСтичСской сторонС ΠΈΡ… сайтов.

7. Вильда ΠΈ Tilda Zero Block β€” бСсплатно 1 сайт ΠΈΠ»ΠΈ 750 Ρ€ΡƒΠ±. Π² мСсяц

ΠŸΠΎΡ‡Ρ‚ΠΈ Ρ‚Π°ΠΊΠΎΠΉ ΠΆΠ΅ ΠΌΠΎΡ‰Π½Ρ‹ΠΉ, ΠΊΠ°ΠΊ Webflow, Π½ΠΎ ΠΏΡ€ΠΎΡ‰Π΅ для старта, Π½Π΅ Ρ‚Ρ€Π΅Π±ΡƒΠ΅Ρ‚ знания вСрстки. ИдСалСн, Ссли Π²Ρ‹ Π³ΠΎΡ‚ΠΎΠ²Ρ‹ ΠΌΠΈΡ€ΠΈΡ‚ΡŒΡΡ с ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½Π½Ρ‹ΠΌΠΈ ограничСниями Π² Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΠΈ ΠΈ мСстами ΠΏΠΎΠ΄ΡΡ‚Ρ€ΠΎΠΈΡ‚ΡŒΡΡ ΠΏΠΎΠ΄ стандартноС ΠΏΠΎΠ²Π΅Π΄Π΅Π½ΠΈΠ΅.

Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„ΠΈΠ³ΠΌΠ° ΠΈ Ρ‚ΠΈΠ»ΡŒΠ΄Π°. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ Ρ„ΠΎΡ‚ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„ΠΈΠ³ΠΌΠ° ΠΈ Ρ‚ΠΈΠ»ΡŒΠ΄Π°. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„ΠΈΠ³ΠΌΠ° ΠΈ Ρ‚ΠΈΠ»ΡŒΠ΄Π°. ΠšΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΏΡ€ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„ΠΈΠ³ΠΌΠ° ΠΈ Ρ‚ΠΈΠ»ΡŒΠ΄Π°. Π€ΠΎΡ‚ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„ΠΈΠ³ΠΌΠ° ΠΈ Ρ‚ΠΈΠ»ΡŒΠ΄Π°Tilda Zero Block β€” графичСский Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ для ΠΏΡ€ΠΎΡ„Π΅ΡΡΠΈΠΎΠ½Π°Π»ΡŒΠ½Ρ‹Ρ… Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ΠΎΠ², Π² ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΌ Π΅ΡΡ‚ΡŒ ΠΏΠΎΠ»Π½ΠΎΠ΅ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ всСх элСмСнтов сайта.

Tilda идСальна для создания Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π»ΡŒΠ½Ρ‹Ρ… сайтов ΠΈ Π²Π΅Π±-ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΎΠ² Π±Π΅Π· привлСчСния программиста/Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ°. Π’ ВильдС ΠΌΠΎΠΆΠ½ΠΎ ΠΌΠΎΠΌΠ΅Π½Ρ‚Π°Π»ΡŒΠ½ΠΎ ΡΠΎΠ±Ρ€Π°Ρ‚ΡŒ сайт ΠΈΠ· стандартных Π±Π»ΠΎΠΊΠΎΠ², Π° ΠΌΠΎΠΆΠ½ΠΎ Ρ€Π΅Π°Π»ΠΈΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π»ΡŽΠ±ΡƒΡŽ ΠΊΡ€Π΅Π°Ρ‚ΠΈΠ²Π½ΡƒΡŽ идСю Π² zero-Π±Π»ΠΎΠΊΠ΅.

Tilda Zero Block β€” графичСский Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ для ΠΏΡ€ΠΎΡ„Π΅ΡΡΠΈΠΎΠ½Π°Π»ΡŒΠ½Ρ‹Ρ… Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ΠΎΠ², Π² ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΌ Π΅ΡΡ‚ΡŒ ΠΏΠΎΠ»Π½ΠΎΠ΅ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ всСх элСмСнтов сайта.

Π Π΅ΠΊΠΎΠΌΠ΅Π½Π΄ΡƒΡŽ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ связку Figma β†’ Tilda: сначала Π² Figma ΠΈΠ΄Π΅Ρ‚ отрисовка Π΄ΠΈΠ·Π°ΠΉΠ½Π°, Π·Π°Ρ‚Π΅ΠΌ ΠΏΡ€ΠΎΡ‚ΠΎΡ‚ΠΈΠΏ собираСтся Π² Tilda Zero Block. НастраиваСтС Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½ΠΎΡΡ‚ΡŒ, Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΠΈ, Ρ„ΠΎΡ€ΠΌΡƒ для заявок ΠΈ запускаСтС. Π’Π°ΠΊΠΎΠΉ ΠΏΠΎΠ΄Ρ…ΠΎΠ΄ позволяСт быстро ΠΏΡ€ΠΎΠ²Π΅Ρ€ΠΈΡ‚ΡŒ идСю Π½Π° ΠΆΠΈΠ²ΠΎΠΌ ΠΈ Π½Π΅ ΠΎΡ‚Ρ‚ΡΠ³ΠΈΠ²Π°Ρ‚ΡŒ запуск ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π°.

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

Π’Ρ‹Π²ΠΎΠ΄ ΠΈ рСкомСндация

Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΎΠΏΠ΅Ρ€Π°Ρ‚ΠΈΠ²Π½ΠΎ Π½Π°Π±ΠΈΡ‚ΡŒ Ρ€ΡƒΠΊΡƒ Π² инструмСнтах Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Π° Π½Π° ΠΏΠ»ΠΎΡ‰Π°Π΄ΠΊΠ΅ Breezzly. Figma β€” ΡƒΠ½ΠΈΠ²Π΅Ρ€ΡΠ°Π»ΡŒΠ½ΠΎΠ΅ Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅ для старта Π²Π΅Π±-ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π°, ΠΏΡ€ΠΈΡ‡Π΅ΠΌ Π·Π°Ρ‚ΠΎΡ‡Π΅Π½Π° ΠΎΠ½Π° Π½Π° Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½. Π€ΠΈΠ³ΠΌΠ° справится с ΠΏΡ€ΠΎΡ‚ΠΎΡ‚ΠΈΠΏΠ°ΠΌΠΈ Π½Π° Ρ€Π°Π·-Π΄Π²Π°, ΠΎΠ½Π° Ρ…ΠΎΡ€ΠΎΡˆΠ° для ΡˆΡ‚ΡƒΡ€ΠΌΠΎΠ² распрСдСлСнной ΠΊΠΎΠΌΠ°Π½Π΄ΠΎΠΉ ΠΈ Π΄ΠΎΠ²ΠΎΠ΄ΠΊΠΈ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π° Π΄ΠΎ этапа вСрстки Π² Webflow ΠΈΠ»ΠΈ Tilda.

Π˜ΡΡ‚ΠΎΡ‡Π½ΠΈΠΊ

Figma β€” простоС Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅ для Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Π°, слоТноС Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅ для Π²Π΅Ρ€ΡΡ‚Π°Π»ΡŒΡ‰ΠΈΠΊΠ°

Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„ΠΈΠ³ΠΌΠ° ΠΈ Ρ‚ΠΈΠ»ΡŒΠ΄Π°. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ Ρ„ΠΎΡ‚ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„ΠΈΠ³ΠΌΠ° ΠΈ Ρ‚ΠΈΠ»ΡŒΠ΄Π°. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„ΠΈΠ³ΠΌΠ° ΠΈ Ρ‚ΠΈΠ»ΡŒΠ΄Π°. ΠšΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΏΡ€ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„ΠΈΠ³ΠΌΠ° ΠΈ Ρ‚ΠΈΠ»ΡŒΠ΄Π°. Π€ΠΎΡ‚ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„ΠΈΠ³ΠΌΠ° ΠΈ Ρ‚ΠΈΠ»ΡŒΠ΄Π°

Если Π²Ρ‹ Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚Π΅ Π² области web-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ, Ρ‚ΠΎ Ρ€Π°Π½ΠΎ ΠΈΠ»ΠΈ ΠΏΠΎΠ·Π΄Π½ΠΎ, Π²Π°ΠΌ суТдСно Π±ΡƒΠ΄Π΅Ρ‚ ΠΏΠΎΠ·Π½Π°ΠΊΠΎΠΌΠΈΡ‚ΡŒΡΡ с Figma. Π‘ΠΌΠΈΡ€ΠΈΡ‚Π΅ΡΡŒ с этим Ρ„Π°ΠΊΡ‚ΠΎΠΌ ΠΈ Π½Π°Ρ‡ΠΈΠ½Π°ΠΉΡ‚Π΅ ΠΈΠ·ΡƒΡ‡Π°Ρ‚ΡŒ. Π― ΠΆΠ΅ ΠΏΠΎΠΏΡ€ΠΎΠ±ΡƒΡŽ ΠΎΠΏΠΈΡΠ°Ρ‚ΡŒ Π΄Π°Π½Π½Ρ‹ΠΉ ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚, с Ρ‚ΠΎΡ‡ΠΊΠΈ зрСния повсСднСвного ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ.

Для Π½Π°Ρ‡Π°Π»Π° стоит ΡƒΠΏΠΎΠΌΡΠ½ΡƒΡ‚ΡŒ ΠΎ ΠΏΠ°Ρ€ΠΎΡ‡ΠΊΠ΅ приятных ΠΌΠΎΠΌΠ΅Π½Ρ‚ΠΎΠ², Π·Π° ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Ρ‹ Π»ΡŽΠ±ΡΡ‚ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Figma. Π§Ρ‚ΠΎ ΠΆ приступим:

Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„ΠΈΠ³ΠΌΠ° ΠΈ Ρ‚ΠΈΠ»ΡŒΠ΄Π°. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ Ρ„ΠΎΡ‚ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„ΠΈΠ³ΠΌΠ° ΠΈ Ρ‚ΠΈΠ»ΡŒΠ΄Π°. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„ΠΈΠ³ΠΌΠ° ΠΈ Ρ‚ΠΈΠ»ΡŒΠ΄Π°. ΠšΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΏΡ€ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„ΠΈΠ³ΠΌΠ° ΠΈ Ρ‚ΠΈΠ»ΡŒΠ΄Π°. Π€ΠΎΡ‚ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„ΠΈΠ³ΠΌΠ° ΠΈ Ρ‚ΠΈΠ»ΡŒΠ΄Π°

Π‘Π°ΠΌΡ‹ΠΉ нСоспоримый плюс – халява

Π’ ΠΎΡ‚Π»ΠΈΡ‡ΠΈΠ΅ ΠΎΡ‚ повсСднСвных ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚ΠΎΠ² Π΄ΠΈΠ·Π°ΠΉΠ½Π°, Π±ΡƒΠ΄ΡŒ Ρ‚ΠΎ Adobe ΠΏΠ°ΠΊΠ΅Ρ‚ (Photoshop, Illustrator, Adobe XD … ), ΠΈΠ»ΠΈ Bohemian Coding (Sketch) эта ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ° условно бСсплатная для ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΉ. РазумССтся Π·Π° ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½Π½Ρ‹Π΅ финансовыС вливания Π’Ρ‹ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚Π΅ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ плюшки, Π½ΠΎ ΠΈ Π±Π΅Π· ΠΎΠ½Ρ‹Ρ…, ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚ выглядит Π²ΠΏΠΎΠ»Π½Π΅ достойно. Π‘ΡƒΠ΄Π΅ΠΌ Π½Π°Π΄Π΅ΡΡ‚ΡŒΡΡ, Ρ‡Ρ‚ΠΎ данная ΠΏΠΎΠ»ΠΈΡ‚ΠΈΠΊΠ° Π½Π΅ помСняСтся, ΠΈ ΠΏΡ€Π°Π²ΠΎΠΎΠ±Π»Π°Π΄Π°Ρ‚Π΅Π»ΠΈ Π½Π΅ Π½Π°Ρ‡Π½ΡƒΡ‚ Π·Π°ΠΊΡ€ΡƒΡ‡ΠΈΠ²Π°Ρ‚ΡŒ Π³Π°ΠΉΠΊΠΈ. Аминь.

Для Ρ‚Π΅Ρ… ΠΊΡ‚ΠΎ Π½Π΅ Π² Ρ‚Π΅ΠΌΠ΅ – это ΡΠΏΠΎΡΠΎΠ±Π½ΠΎΡΡ‚ΡŒ ΠΎΠ΄Π½ΠΎΠ²Ρ€Π΅ΠΌΠ΅Π½Π½ΠΎ Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ Π½Π°Π΄ ΠΎΠ΄Π½ΠΈΠΌ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΎΠΌ нСскольким людям. И ΠΊΠΎΠ³Π΄Π° я написал ΠΎΠ΄Π½ΠΎΠ²Ρ€Π΅ΠΌΠ΅Π½Π½ΠΎ, Ρ‚ΠΎ это Π΄Π΅ΠΉΡΡ‚Π²ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ Ρ‚Π°ΠΊ, я ΠΊΠ°ΠΊ Π²Π΅Ρ€ΡΡ‚Π°Π»ΡŒΡ‰ΠΈΠΊ, Π²ΠΈΠΆΡƒ, ΠΊΠ°ΠΊ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€(ΠΈΠ»ΠΈ Π΄Π°ΠΆΠ΅ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Ρ‹) правят ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ realtime прям Π½Π° своСм ΠΌΠΎΠ½ΠΈΡ‚ΠΎΡ€Π΅. Выглядит этот эффСкт ΠΊΠ°ΠΊ teamViewer. Π”ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ большС Π½Π΅ Ρ…Ρ€Π°Π½ΠΈΡ‚ свои ΠΌΠ°ΠΊΠ΅Ρ‚Ρ‹ локально, Ρ‚Π΅ΠΏΠ΅Ρ€ΡŒ это всё ΠΆΠΈΠ²Π΅Ρ‚ Π² ΠΎΠ±Π»Π°ΠΊΠ°Ρ…. НС Π½ΡƒΠΆΠ½ΠΎ большС ΠΎΠ±ΠΌΠ΅Π½ΠΈΠ²Π°Ρ‚ΡŒΡΡ ΡΠΊΡ€ΠΈΠ½ΡˆΠΎΡ‚Π°ΠΌΠΈ с ΠΌΠ΅Π½Π΅Π΄ΠΆΠ΅Ρ€ΠΎΠΌ, процСсс создания ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π° стал ΠΏΡƒΠ±Π»ΠΈΡ‡Π½Ρ‹ΠΌ, Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ с Π½ΠΎΡ€ΠΌΠ°Π»ΡŒΠ½ΠΎΠΉ ΡΠΊΠΎΡ€ΠΎΡΡ‚ΡŒΡŽ Π˜Π½Ρ‚Π΅Ρ€Π½Π΅Ρ‚Π°.

ЗадСйствован ΠΏΡ€ΠΈΠ½Ρ†ΠΈΠΏ кроссплатформСнности

Π‘Ρ‚Π°Π»Π° Π½Π΅ Π²Π°ΠΆΠ½Π° опСрационная систСма (Windows, MacOS, Linux) Π²Π΅Ρ€ΡΡ‚Π°Π»ΡŒΡ‰ΠΈΠΊΠ° ΠΈ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Π°. Они смогут Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ Π½Π°Π΄ ΠΎΠ΄Π½ΠΈΠΌ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΎΠΌ Π±Π΅Π· ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΡ‹ нСсовмСстимости ОБ.

Π£Π΄ΠΎΠ±Π½Ρ‹Π΅ быстрыС клавиши

Если Π²Ρ‹ ΡƒΠΆΠ΅ ΠΏΡ€ΠΈΠ²Ρ‹ΠΊΠ»ΠΈ Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ с графичСскими Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π°ΠΌΠΈ посрСдством hot key для вас Π½Π΅ составит Ρ‚Ρ€ΡƒΠ΄Π° быстро ΠΎΡΠ²ΠΎΠΈΡ‚ΡŒΡΡ с Π½ΠΎΠ²Ρ‹ΠΌ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π»ΠΎΠΌ.

Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„ΠΈΠ³ΠΌΠ° ΠΈ Ρ‚ΠΈΠ»ΡŒΠ΄Π°. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ Ρ„ΠΎΡ‚ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„ΠΈΠ³ΠΌΠ° ΠΈ Ρ‚ΠΈΠ»ΡŒΠ΄Π°. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„ΠΈΠ³ΠΌΠ° ΠΈ Ρ‚ΠΈΠ»ΡŒΠ΄Π°. ΠšΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΏΡ€ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„ΠΈΠ³ΠΌΠ° ΠΈ Ρ‚ΠΈΠ»ΡŒΠ΄Π°. Π€ΠΎΡ‚ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„ΠΈΠ³ΠΌΠ° ΠΈ Ρ‚ΠΈΠ»ΡŒΠ΄Π°

ΠŸΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ° ΠΈΠΌΠ΅Π΅Ρ‚ довольно Ρ‚ΠΎΠ»ΠΊΠΎΠ²ΠΎΠ΅ описаниС клавиш быстрого Π²Ρ‹Π·ΠΎΠ²Π°, ΠΈ ΠΊ Ρ‚ΠΎΠΌΡƒ ΠΆΠ΅ ΠΎΠ½ΠΈ сильно ΠΏΠΎΠ²Ρ‚ΠΎΡ€ΡΡŽΡ‚ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π» клавиш Photoshop ΠΈΠ»ΠΈ Sketch, Π·Π° Ρ‡Ρ‚ΠΎ Π°Π²Ρ‚ΠΎΡ€Π°ΠΌ ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½ΠΎΠ΅ спасибо. ВсС вСдь Π»Π΅Π½ΠΈΠ²Ρ‹Π΅ ΠΈ Π½Π΅ хотят ΠΎΠΏΡΡ‚ΡŒ ΠΎΠ±ΡƒΡ‡Π°Ρ‚ΡŒΡΡ, ΠΊΠ°ΠΊ Π²Ρ‹Π·Π²Π°Ρ‚ΡŒ элСмСнт Pen.

Π’ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ Ρ€Π°Π±ΠΎΡ‚Ρ‹ с Π²Π΅ΠΊΡ‚ΠΎΡ€Π½ΠΎΠΉ Π³Ρ€Π°Ρ„ΠΈΠΊΠΎΠΉ

Π’ Figma ΠΌΠΎΠΆΠ½ΠΎ Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ Π½Π΅ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ с растровыми изобраТСниями, Π½ΠΎ ΠΈ с Π²Π΅ΠΊΡ‚ΠΎΡ€Π½ΠΎΠΉ Π³Ρ€Π°Ρ„ΠΈΠΊΠΎΠΉ, экспортируя ΠΈ импортируя Π³ΠΎΡ‚ΠΎΠ²Ρ‹Π΅ Ρ€Π΅ΡˆΠ΅Π½ΠΈΡ Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ SVG. Π­Ρ‚Π° Ρ„ΠΈΡˆΠΊΠ° ΠΎΡ‡Π΅Π½ΡŒ ΠΏΠΎΠ»Π΅Π·Π½Π°, особСнно Ссли Π²Ρ‹ Π±Π΅ΡΠΏΠΎΠΊΠΎΠΈΡ‚Π΅ΡΡŒ ΠΎ ΠΏΡ€ΠΎΠΈΠ·Π²ΠΎΠ΄ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΡΡ‚ΠΈ своСго web ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π°, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΌΠΎΠΆΠ½ΠΎ ΠΎΡ‡Π΅Π½ΡŒ сильно ΡƒΡ…ΡƒΠ΄ΡˆΠΈΡ‚ΡŒ, Ссли Π²ΡΡ‚Π°Π²Π»ΡΡ‚ΡŒ Π½Π΅ Ρ‚ΠΎΡ‚ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚, ΠΈΠ»ΠΈ Π½Π΅ Ρ‚ΠΎΠ³ΠΎ Ρ€Π°Π·ΠΌΠ΅Ρ€Π°.

Π’ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ создания ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚ΠΎΠ²

Π”Π°, для Π²Π΅Ρ€ΡΡ‚Π°Π»ΡŒΡ‰ΠΈΠΊΠΎΠ² поясню, Ρ‡Ρ‚ΠΎ Π² Π΄ΠΈΠ·Π°ΠΉΠ½Π΅ Ρ‚ΠΎΠΆΠ΅ Π΅ΡΡ‚ΡŒ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚Ρ‹. И ΠΈΠΌ Ρ‚ΠΎΠΆΠ΅ Π΄Π°Ρ€ΠΎΠ²Π°Π½ΠΎ свойство НаслСдования (ΠΏΡ€ΠΈΠ²Π΅Ρ‚ ООП). К ΠΏΡ€ΠΈΠΌΠ΅Ρ€Ρƒ ΠΌΠΎΠΆΠ½ΠΎ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ Ρ‚ΠΈΠΏΠΎΠ²ΡƒΡŽ ΠΊΠ½ΠΎΠΏΠΊΡƒ, Π° ΠΏΠΎΡ‚ΠΎΠΌ β€œΠΏΡ€ΠΎΠ΄ΡƒΠ±Π»ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ” Π΅Ρ‘ ΠΏΠΎ всСм Π°Ρ€Ρ‚Π±ΠΎΡ€Π΄Π°ΠΌ. И ΠΏΠΎΡ‚ΠΎΠΌ, ΠΊΠΎΠ³Π΄Π° ΠΎΡ‚ Π·Π°ΠΊΠ°Π·Ρ‡ΠΈΠΊΠ° ΠΏΡ€ΠΈΠ΄Ρ‘Ρ‚ ΠΆΠ΅Π»Π°Π½ΠΈΠ΅ ΠΏΠ΅Ρ€Π΅ΠΊΡ€Π°ΡΠΈΡ‚ΡŒ всС ΠΊΠ½ΠΎΠΏΠΊΠΈ Π² Ρ€ΠΎΠ·ΠΎΠ²Ρ‹ΠΉ Π³ΠΎΡ€ΠΎΡˆΠ΅ΠΊ, это всё Ρ€Π΅ΡˆΠ°Π΅Ρ‚ΡΡ Π·Π° ΠΏΠ°Ρ€Ρƒ ΠΊΠ»ΠΈΠΊΠΎΠ² (разумССтся, Ссли Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ ΡƒΠΌΠ΅Π΅Ρ‚ Π΄Π°Π½Π½Ρ‹ΠΌ свойством ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒΡΡ)

Π’ Π€ΠΈΠ³ΠΌΠ΅ Π΅ΡΡ‚ΡŒ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π» настраиваСмых ΠΏΠ»Π°Π³ΠΈΠ½ΠΎΠ², ΠΈ ΠΈΡ… Ρ‚Π°ΠΌ довольно ΠΌΠ½ΠΎΠ³ΠΎ.

Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„ΠΈΠ³ΠΌΠ° ΠΈ Ρ‚ΠΈΠ»ΡŒΠ΄Π°. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ Ρ„ΠΎΡ‚ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„ΠΈΠ³ΠΌΠ° ΠΈ Ρ‚ΠΈΠ»ΡŒΠ΄Π°. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„ΠΈΠ³ΠΌΠ° ΠΈ Ρ‚ΠΈΠ»ΡŒΠ΄Π°. ΠšΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΏΡ€ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„ΠΈΠ³ΠΌΠ° ΠΈ Ρ‚ΠΈΠ»ΡŒΠ΄Π°. Π€ΠΎΡ‚ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„ΠΈΠ³ΠΌΠ° ΠΈ Ρ‚ΠΈΠ»ΡŒΠ΄Π°

ΠŸΡ€Π΅Π΄ΡΡ‚Π°Π²Π»Π΅Π½Ρ‹ ΠΊΠ°ΠΊ ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚Ρ‹ частных ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠΉ, Ρ‚Π°ΠΊ ΠΈ Ρ€Π΅Π°Π»ΠΈΠ·Π°Ρ†ΠΈΠΈ open source сообщСства. Пока Ρ‡Ρ‚ΠΎ, ΠΈΠ·-Π·Π° частых ΠΎΠ±Π½ΠΎΠ²Π»Π΅Π½ΠΈΠΉ софта ΠΌΠΎΠΆΠ½ΠΎ ΡƒΠ²ΠΈΠ΄Π΅Ρ‚ΡŒ Π·Π°Π±Π°Π³ΠΎΠ²Π°Π½ΠΎΡΡ‚ΡŒ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π»Π°, Π½ΠΎ я ΡƒΠ²Π΅Ρ€Π΅Π½, Ρ‡Ρ‚ΠΎ это поправят.

Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„ΠΈΠ³ΠΌΠ° ΠΈ Ρ‚ΠΈΠ»ΡŒΠ΄Π°. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ Ρ„ΠΎΡ‚ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„ΠΈΠ³ΠΌΠ° ΠΈ Ρ‚ΠΈΠ»ΡŒΠ΄Π°. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„ΠΈΠ³ΠΌΠ° ΠΈ Ρ‚ΠΈΠ»ΡŒΠ΄Π°. ΠšΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΏΡ€ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„ΠΈΠ³ΠΌΠ° ΠΈ Ρ‚ΠΈΠ»ΡŒΠ΄Π°. Π€ΠΎΡ‚ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„ΠΈΠ³ΠΌΠ° ΠΈ Ρ‚ΠΈΠ»ΡŒΠ΄Π°

А Ρ‚Π΅ΠΏΠ΅Ρ€ΡŒ ΠΎ Π½Π΅Π³Π°Ρ‚ΠΈΠ²Π½Ρ‹Ρ… ΠΌΠΎΠΌΠ΅Π½Ρ‚Π°Ρ…, с ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΌΠΈ ΡΡ‚Π°Π»ΠΊΠΈΠ²Π°ΡŽΡ‚ΡΡ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΠΈ Figma Π² процСссС Ρ€Π°Π±ΠΎΡ‚Ρ‹, Π½Ρƒ ΠΈΠ»ΠΈ ΠΎ Ρ‚ΠΎΠΌ, Ρ‡Π΅Π³ΠΎ Ρ‚Π°ΠΊ Π½Π΅ Ρ…Π²Π°Ρ‚Π°Π΅Ρ‚, Π° ΠΎΡ‡Π΅Π½ΡŒ Π½Π°Π΄ΠΎ.

ΠŸΡ€ΠΎΠ±Π»Π΅ΠΌΠ° с ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½ΠΈΠ΅ΠΌ фактичСских Ρ€Π°Π·ΠΌΠ΅Ρ€ΠΎΠ² элСмСнтов ΠΈ расстояния ΠΌΠ΅ΠΆΠ΄Ρƒ Π½ΠΈΠΌΠΈ

К соТалСнию, Π² процСссС вСрстки постоянно ΡΡ‚Π°Π»ΠΊΠΈΠ²Π°ΡŽΡΡŒ с ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΠΎΡŽ ΡƒΠ·Π½Π°Ρ‚ΡŒ Ρ€Π΅Π°Π»ΡŒΠ½ΠΎΠ΅ расстояниС ΠΌΠ΅ΠΆΠ΄Ρƒ элСмСнтами. ОсобСнно ΠΏΠ»ΠΎΡ…ΠΎ обстоят Π΄Π΅Π»Π°, Ссли Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ Π·Π°Π±Ρ‹Π» ΠΎΡ‡ΠΈΡΡ‚ΠΈΡ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ ΠΎΡ‚ ΠΏΡ€ΠΎΠ·Ρ€Π°Ρ‡Π½ΠΎΠ³ΠΎ Ρ„ΠΎΠ½Π° (transparent background) ΠΈΠ»ΠΈ Π½Π΅ΠΊΠΎΡ€Ρ€Π΅ΠΊΡ‚Π½ΠΎ прописал мСТстрочный ΠΈΠ½Ρ‚Π΅Ρ€Π²Π°Π» для тСкста.

Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„ΠΈΠ³ΠΌΠ° ΠΈ Ρ‚ΠΈΠ»ΡŒΠ΄Π°. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ Ρ„ΠΎΡ‚ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„ΠΈΠ³ΠΌΠ° ΠΈ Ρ‚ΠΈΠ»ΡŒΠ΄Π°. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„ΠΈΠ³ΠΌΠ° ΠΈ Ρ‚ΠΈΠ»ΡŒΠ΄Π°. ΠšΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΏΡ€ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„ΠΈΠ³ΠΌΠ° ΠΈ Ρ‚ΠΈΠ»ΡŒΠ΄Π°. Π€ΠΎΡ‚ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„ΠΈΠ³ΠΌΠ° ΠΈ Ρ‚ΠΈΠ»ΡŒΠ΄Π°

Иногда эту ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΡƒ ΠΌΠΎΠΆΠ½ΠΎ Ρ€Π΅ΡˆΠΈΡ‚ΡŒ, Π²Ρ‹Π±Ρ€Π°Π² элСмСнт отсчСта, Π° Π·Π°Ρ‚Π΅ΠΌ с Π·Π°ΠΆΠ°Ρ‚ΠΎΠΉ клавишСй Alt Π½Π°ΠΆΠ°Ρ‚ΡŒ Π½Π° элСмСнт, расстояниС Π΄ΠΎ ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ³ΠΎ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ ΡƒΠ·Π½Π°Ρ‚ΡŒ, Π½ΠΎ это Π½Π΅ всСгда Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚.

ΠŸΠ΅Ρ€Π΅ΠΊΡ€Ρ‹Ρ‚ΠΈΠ΅ ΠΈ Π·Π°Π±Π»ΠΎΠΊΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹Π΅ слои

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

ΠŸΡ€ΠΎΠ±Π»Π΅ΠΌΡ‹ с тСкстом

Π° Ссли ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚ΡŒ Π΄Π°Π½Π½Ρ‹ΠΉ шаблон ΡƒΠΆΠ΅ Π² Ρ€Π΅ΠΆΠΈΠΌΠ΅ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Π°, Ρ‚ΠΎ ΡƒΠΆΠ΅ ΠΌΠΎΠΆΠ½ΠΎ Π½Π°Π±Π»ΡŽΠ΄Π°Ρ‚ΡŒ, Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΌ Roboto Bold задСйствовано.

Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„ΠΈΠ³ΠΌΠ° ΠΈ Ρ‚ΠΈΠ»ΡŒΠ΄Π°. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ Ρ„ΠΎΡ‚ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„ΠΈΠ³ΠΌΠ° ΠΈ Ρ‚ΠΈΠ»ΡŒΠ΄Π°. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„ΠΈΠ³ΠΌΠ° ΠΈ Ρ‚ΠΈΠ»ΡŒΠ΄Π°. ΠšΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΏΡ€ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„ΠΈΠ³ΠΌΠ° ΠΈ Ρ‚ΠΈΠ»ΡŒΠ΄Π°. Π€ΠΎΡ‚ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„ΠΈΠ³ΠΌΠ° ΠΈ Ρ‚ΠΈΠ»ΡŒΠ΄Π°

БСмСйство ΡˆΡ€ΠΈΡ„Ρ‚Π° Π²Ρ€ΠΎΠ΄Π΅ ΠΆ ΠΎΠ΄Π½ΠΎ ΠΈ Ρ‚ΠΎ, Π° Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Π² процСссС вСрстки Π΅Π³ΠΎ всё Ρ€Π°Π²Π½ΠΎ Ρ‡Π΅Ρ€Π΅Π· свойство @font-face ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½ΠΎ ΠΏΠΎΠ΄ΠΊΠ»ΡŽΡ‡Π°Ρ‚ΡŒ Π½Π°Π΄ΠΎ, ΠΈΠ½Π°Ρ‡Π΅ эффСкта ΠΊΠ°ΠΊ Π½Π° ΠΌΠ°ΠΊΠ΅Ρ‚Π΅ Π½Π΅ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒ. И ΠΏΠΎΠΊΠ° Π½Π΅ затянитС Π½Π° свой ΠΏΡ€ΠΎΠ΅ΠΊΡ‚, Π²Ρ‹ этого Π½Π΅ ΡƒΠ·Π½Π°Π΅Ρ‚Π΅ (ΠΈ ΠΌΠΎΠΆΠ½ΠΎ Π΄ΠΎΠ»Π³ΠΎ ΠΈΠ³Ρ€Π°Ρ‚ΡŒΡΡ со свойством font-width).

Если ΠΆΠ΅ Π²Ρ‹ Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚Π΅ Π½Π΅ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ с ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚Ρ‹ΠΌΠΈ Google ΡˆΡ€ΠΈΡ„Ρ‚Π°ΠΌΠΈ, Π½ΠΎ ΠΈ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚Π΅ Π»ΠΈΡ‡Π½Ρ‹ΠΉ ΠΏΠΎΠ΄ΠΊΠ»ΡŽΡ‡Π°Π΅ΠΌΡ‹ΠΉ Π½Π°Π±ΠΎΡ€, Π° ΠΎΠ½ Π΅Ρ‰Ρ‘ ΠΈ ΠΊΠΈΡ€ΠΈΠ»Π»ΠΈΡ‡Π½Ρ‹ΠΉ, Ρ‚ΠΎ Π±ΡƒΠ΄ΡŒΡ‚Π΅ Π³ΠΎΡ‚ΠΎΠ²Ρ‹ ΠΊ ΠΏΡ€ΠΈΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΡΠΌ.

ΠžΡ‚Π΄Π΅Π»ΡŒΠ½Ρ‹Π΅ Ρ‚Π°Π½Ρ†Ρ‹ с Π±ΡƒΠ±Π½ΠΎΠΌ Π½Π°Ρ‡ΠΈΠ½Π°ΡŽΡ‚ΡΡ, Ссли ваш Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ ΠΎΡ‡Π΅Π½ΡŒ Π»ΡŽΠ±ΠΈΡ‚ Π³Ρ€Π°Π΄ΠΈΠ΅Π½Ρ‚Π½Ρ‹Π΅ ΡˆΡ€ΠΈΡ„Ρ‚Ρ‹ с тСнями ΠΈ ΠΎΠ±Π²ΠΎΠ΄ΠΊΠ°ΠΌΠΈ.

Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„ΠΈΠ³ΠΌΠ° ΠΈ Ρ‚ΠΈΠ»ΡŒΠ΄Π°. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ Ρ„ΠΎΡ‚ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„ΠΈΠ³ΠΌΠ° ΠΈ Ρ‚ΠΈΠ»ΡŒΠ΄Π°. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„ΠΈΠ³ΠΌΠ° ΠΈ Ρ‚ΠΈΠ»ΡŒΠ΄Π°. ΠšΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΏΡ€ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„ΠΈΠ³ΠΌΠ° ΠΈ Ρ‚ΠΈΠ»ΡŒΠ΄Π°. Π€ΠΎΡ‚ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„ΠΈΠ³ΠΌΠ° ΠΈ Ρ‚ΠΈΠ»ΡŒΠ΄Π°

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

Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„ΠΈΠ³ΠΌΠ° ΠΈ Ρ‚ΠΈΠ»ΡŒΠ΄Π°. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ Ρ„ΠΎΡ‚ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„ΠΈΠ³ΠΌΠ° ΠΈ Ρ‚ΠΈΠ»ΡŒΠ΄Π°. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„ΠΈΠ³ΠΌΠ° ΠΈ Ρ‚ΠΈΠ»ΡŒΠ΄Π°. ΠšΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΏΡ€ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„ΠΈΠ³ΠΌΠ° ΠΈ Ρ‚ΠΈΠ»ΡŒΠ΄Π°. Π€ΠΎΡ‚ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„ΠΈΠ³ΠΌΠ° ΠΈ Ρ‚ΠΈΠ»ΡŒΠ΄Π°

Π’ΡƒΡ‚ ΠΏΡ€Π°Π²Π΄Π° Ρƒ мСня Π²ΠΎΠ·Π½ΠΈΠΊΠ»ΠΈ вопросы, ΠΏΠΎΡ‡Π΅ΠΌΡƒ Π²ΠΎΠ·Π»Π΅ ΠΏΠΎΠ»Π·ΡƒΠ½ΠΊΠΎΠ² смСны значСния Π³Ρ€Π°Π΄ΠΈΠ΅Π½Ρ‚Π° Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΈ полСнились вывСсти хотя Π±Ρ‹ ΠΏΡ€ΠΎΡ†Π΅Π½Ρ‚ Ρ‚Π΅ΠΊΡƒΡ‰Π΅Π³ΠΎ значСния, Π½Π΅ говоря ΡƒΠΆΠ΅ ΠΏΡ€ΠΎ ΡƒΠ³ΠΎΠ» направлСния Π³Ρ€Π°Π΄ΠΈΠ΅Π½Ρ‚Π°, ΠΈ ΠΌΠ½Π΅ ΠΊΠ°ΠΊ Π²Π΅Ρ€ΡΡ‚Π°Π»ΡŒΡ‰ΠΈΠΊΡƒ ΠΏΡ€ΠΈΡ…ΠΎΠ΄ΠΈΡ‚ΡŒΡΡ самому ΡƒΠ³Π°Π΄Ρ‹Π²Π°Ρ‚ΡŒ ΠΊΠ°ΠΊΠΎΠ΅ Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ Π½Π°Π΄ΠΎ Π±ΡƒΠ΄Π΅Ρ‚ ΠΏΠΎΡΡ‚Π°Π²ΠΈΡ‚ΡŒ Π² background: linear-gradient, Π° ΠΏΠΎΡ‚ΠΎΠΌ ΠΏΠΎΡ‡ΠΈΠ½ΠΈΡ‚ΡŒ это Ρ‡Π΅Ρ€Π΅Π· background-clip: text; БобствСнно свойство text-stroke Π² ΠΊΠΎΠ΄Π΅ Ρ„ΠΈΠ³ΠΌΡ‹ я ΠΏΠΎΠΊΠ° Ρ‚ΠΎΠΆΠ΅ Π½Π΅ встрСчал, хотя Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎ это связано Ρ‡Ρ‚ΠΎ ΠΎΠ½ΠΎ Π΅Ρ‰Ρ‘ Π½Π΅ Π²ΠΎ всСх Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°Ρ… Π·Π΅Π»Π΅Π½ΠΎΠ΅.

*Π”Π΅Π»ΠΈΡ‚Π΅ΡΡŒ своими мнСниями Π² коммСнтариях, ΠΏΠΎΡ‡Π΅ΠΌΡƒ это ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ Ρ‚Π°ΠΊ слоТно Ρ€Π΅Π°Π»ΠΈΠ·ΠΎΠ²Π°Ρ‚ΡŒ?

Figma являСтся ΠΎΠ±Π»Π°Ρ‡Π½Ρ‹ΠΌ ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚ΠΎΠΌ

Π˜Π½Π°Ρ‡Π΅ говоря, Ссли Ρƒ Вас Π½Π΅Ρ‚Ρƒ связи с глобальной ΠΏΠ°ΡƒΡ‚ΠΈΠ½ΠΎΠΉ Π½Π° Ρ…ΠΎΡ€ΠΎΡˆΠΈΡ… скоростях, Π²ΠΎΠ·Π²Ρ€Π°Ρ‰Π°ΠΉΡ‚Π΅ΡΡŒ Π² свою ΠΏΠ΅Ρ‰Π΅Ρ€Ρƒ ΠΊ настСнной Тивописи, ΠΈΠ»ΠΈ ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄ΠΈΡ‚Π΅ Π½Π° ΠΎΡ„Ρ„Π»Π°ΠΉΠ½ΠΎΠ²Ρ‹Π΅ ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚Ρ‹. Π’ΡƒΡ‚ Π€ΠΈΠ³ΠΌΠ° ΡƒΠ²Ρ‹ бСссильна ΠΈ Π’Π°ΡˆΠ΅ творчСство Ρ‚Π°ΠΊ ΠΈ останСтся нСдоступно для общСствСнности, ΠΈ Π½Π΅ Π²Π°ΠΆΠ½ΠΎ, Ρ‡Ρ‚ΠΎ сроки горят, ΠΈ Π·Π°Π²Ρ‚Ρ€Π° ΡΠ΄Π°Π²Π°Ρ‚ΡŒ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚.

Π Π°Π±ΠΎΡ‚Π° Π² Ρ„ΠΈΠ³ΠΌΠ΅ расхолаТиваСт Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Π°

Π’ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎ, ΠΊΠΎΠ½Π΅Ρ‡Π½ΠΎ, это Π»ΠΈΡ‡Π½ΠΎ ΠΌΠΎΡ‘ ΡΡƒΠ±ΡŠΠ΅ΠΊΡ‚ΠΈΠ²Π½ΠΎΠ΅ ΠΌΠ½Π΅Π½ΠΈΠ΅, Π½ΠΎ ΠΌΠ°ΠΊΠ΅Ρ‚Ρ‹, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΎΡ‚Π΄Π°ΡŽΡ‚ΡΡ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Π°ΠΌΠΈ ΠΏΠΎΠ΄ вСрстку сайтов, Π½ΠΈΠΆΠ΅ качСством ΠΏΠΎ ΡΡ€Π°Π²Π½Π΅Π½ΠΈΡŽ с ΠΌΠ°ΠΊΠ΅Ρ‚Π°ΠΌΠΈ, Π²Ρ‹ΠΏΠΎΠ»Π½Π΅Π½Π½Ρ‹ΠΌΠΈ Π² Photoshop ΠΈΠ»ΠΈ Sketch. (* я прям Ρ‡ΡƒΠ²ΡΡ‚Π²ΡƒΡŽ, Ρ‡Ρ‚ΠΎ сСйчас Ρƒ ΠΊΠΎΠ³ΠΎ-Ρ‚ΠΎ ΠΏΠΎΠ΄Π³ΠΎΡ€Π΅Π»ΠΎ)

Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„ΠΈΠ³ΠΌΠ° ΠΈ Ρ‚ΠΈΠ»ΡŒΠ΄Π°. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ Ρ„ΠΎΡ‚ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„ΠΈΠ³ΠΌΠ° ΠΈ Ρ‚ΠΈΠ»ΡŒΠ΄Π°. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„ΠΈΠ³ΠΌΠ° ΠΈ Ρ‚ΠΈΠ»ΡŒΠ΄Π°. ΠšΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΏΡ€ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„ΠΈΠ³ΠΌΠ° ΠΈ Ρ‚ΠΈΠ»ΡŒΠ΄Π°. Π€ΠΎΡ‚ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„ΠΈΠ³ΠΌΠ° ΠΈ Ρ‚ΠΈΠ»ΡŒΠ΄Π°

И Π»Π°Π΄Π½ΠΎ, Ссли с тСкстом это Π΅Ρ‰Ρ‘ ΠΌΠΎΠΆΠ΅Ρ‚ Π½ΠΎΡ€ΠΌΠ°Π»ΡŒΠ½ΠΎ ΠΏΡ€ΠΎΠΊΠ°Ρ‚ΠΈΡ‚ΡŒ, Π»Π΅Π½ΠΈΠ²Ρ‹ΠΉ Π²Π΅Ρ€ΡΡ‚Π°Π»ΡŒΡ‰ΠΈΠΊ с ΡˆΠ΅ΡΡ‚Π½Π°Π΄Ρ†Π°Ρ‚Π΅Ρ€ΠΈΡ‡Π½ΠΎΠ³ΠΎ прСдставлСния Ρ†Π²Π΅Ρ‚Π°

скорСС всСго ΠΏΠ΅Ρ€Π΅ΠΉΠ΄Π΅Ρ‚ ΠΊ rgba ΠΏΡ€Π΅Π΄ΡΡ‚Π°Π²Π»Π΅Π½ΠΈΡŽ

А Π²ΠΎΡ‚ Ссли Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ Ρ€Π΅ΡˆΠΈΡ‚ Π΄Π΅Π»Π°Ρ‚ΡŒ Ρ‚Π°ΠΊΡƒΡŽ ΡˆΡ‚ΡƒΠΊΡƒ ΠΊ Π±Π»ΠΎΠΊΡƒ элСмСнтов (Ρ‚Π°ΠΌ Π³Π΄Π΅ ΠΏΡ€ΠΎ background-color, color, background: linear-gradient ….), ΠΏΡ€ΠΈ этом, ΠΏΠΎΠ»ΠΎΠ²ΠΈΠ½Π° элСмСнтов Π±ΡƒΠ΄Π΅Ρ‚ с ΠΏΡ€ΠΎΠ·Ρ€Π°Ρ‡Π½ΠΎΡΡ‚ΡŒΡŽ, Π° вторая, Π½Π΅Ρ‚, Ρ‚ΠΎ Ρ‚ΡƒΡ‚ ΠΌΠΎΠΆΠ½ΠΎ Π²ΠΎ Π²ΠΊΠ»Π°Π΄ΠΊΡƒ Code ΠΈ Π½Π΅ ΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ.

Π’ ΠΎΠ±Ρ‰Π΅ΠΌ, Π€ΠΈΠ³ΠΌΡƒ нСльзя Ρ€Π΅ΠΊΠΎΠΌΠ΅Π½Π΄ΠΎΠ²Π°Ρ‚ΡŒ ΠΊΠ°ΠΊ Π½Π°Ρ‡Π°Π»ΡŒΠ½Ρ‹ΠΉ инструмСнт для ΠΌΠΎΠ»ΠΎΠ΄ΠΎΠ³ΠΎ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Π°. ΠŸΠΎΡ€ΠΎΠ³ Π²Ρ…ΠΎΠ΄Π°, Ρ‚ΡƒΡ‚ ΠΏΠΎΠ½ΠΈΠΆΠ΅ Π±ΡƒΠ΄Π΅Ρ‚, Π½ΠΎ ΠΈ Π½Π΅Ρ€Π²Ρ‹ Π²Ρ‹ своими ΠΌΠ°ΠΊΠ΅Ρ‚Π°ΠΌΠΈ ΠΊΠΎΠ»Π»Π΅Π³Π°ΠΌ испортитС.

ΠžΡ‚ΡΡƒΡ‚ΡΡ‚Π²ΠΈΠ΅ Π½ΠΎΡ€ΠΌΠ°Π»ΡŒΠ½ΠΎΠΉ Π’Π΅ΠΌΠ½ΠΎΠΉ Ρ‚Π΅ΠΌΡ‹

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

Π›ΡƒΡ‡ΡˆΠ΅ Π± ΠΊΠΎΠ½Π΅Ρ‡Π½ΠΎ, Ρ‡Ρ‚ΠΎΠ± Π·Π° Π΄Π°Π½Π½Ρ‹ΠΉ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π» ΠΎΡ‚Π²Π΅Ρ‡Π°Π»ΠΈ Ρ‚Π΅, ΠΊΡ‚ΠΎ ΠΏΠΈΡˆΠ΅Ρ‚ ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚

Π›ΠΈΡ‡Π½Ρ‹Π΅ ΠΏΠΎΠΏΡ‹Ρ‚ΠΊΠΈ ΠΏΠΎΡΡ‚Π°Π²ΠΈΡ‚ΡŒ Π’Π΅ΠΌΠ½ΡƒΡŽ Ρ‚Π΅ΠΌΡƒ. (Windows 10, Chrome 76) Π±Ρ‹Π»ΠΈ ΠΏΠ΅Ρ‡Π°Π»ΡŒΠ½Ρ‹.

Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„ΠΈΠ³ΠΌΠ° ΠΈ Ρ‚ΠΈΠ»ΡŒΠ΄Π°. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ Ρ„ΠΎΡ‚ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„ΠΈΠ³ΠΌΠ° ΠΈ Ρ‚ΠΈΠ»ΡŒΠ΄Π°. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„ΠΈΠ³ΠΌΠ° ΠΈ Ρ‚ΠΈΠ»ΡŒΠ΄Π°. ΠšΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΏΡ€ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„ΠΈΠ³ΠΌΠ° ΠΈ Ρ‚ΠΈΠ»ΡŒΠ΄Π°. Π€ΠΎΡ‚ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„ΠΈΠ³ΠΌΠ° ΠΈ Ρ‚ΠΈΠ»ΡŒΠ΄Π°

*Π’ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎ, Ρƒ Π²Π»Π°Π΄Π΅Π»ΡŒΡ†Π΅Π² Mac-ΠΎΠ² Π΄Π΅Π»Π° обстоят Π»ΡƒΡ‡ΡˆΠ΅. Π”Π΅Π»ΠΈΡ‚Π΅ΡΡŒ Π² коммСнтариях…

О Ρ‚ΠΎΠΌ ΠΏΠΎΡ‡Π΅ΠΌΡƒ это Π²Π°ΠΆΠ½ΠΎ ΠΈ ΠΏΠΎΠ»Π΅Π·Π½ΠΎ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΏΠΎΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ Π² ΠΏΡ€Π΅Π·Π΅Π½Ρ‚Π°Ρ†ΠΈΠΈ Вёмная сторона Π²Π΅Π±Π°, Никиты Π”ΡƒΠ±ΠΊΠΎ НадСюсь Ρ‡Ρ‚ΠΎ поправят. Всё-Ρ‚Π°ΠΊΠΈ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Ρ‹ β€” Ρ‚ΠΎΠΆΠ΅ люди, ΠΈ ΠΈΠΌ Ρ‚ΠΎΠΆΠ΅ Π½Π°Π΄ΠΎ Π΄Π°Ρ‚ΡŒ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ ΠΊΠΎΠΌΡ„ΠΎΡ€Ρ‚Π½ΠΎ Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ 8 часов Π² сутки 5 Π΄Π½Π΅ΠΉ Π² нСдСлю.

Π’ΠΎΡ‚ Ρ‚Π°ΠΊΠΎΠΉ Π²ΠΎΡ‚ ΠΊΡ€Π°Ρ‚Π΅Π½ΡŒΠΊΠΈΠΉ ΠΎΠ±Π·ΠΎΡ€Ρ‡ΠΈΠΊ Figma Ρƒ мСня Π²Ρ‹ΡˆΠ΅Π» с поТСланиями ΠΈ Π²ΠΎΡ€Ρ‡Π°Π½ΠΈΠ΅ΠΌ.

НадСюсь, Ρ‡Ρ‚ΠΎ ΠΌΠΎΠΉ пост ΠΏΡ€ΠΎΡ‡ΠΈΡ‚Π°Π΅Ρ‚ ΠΊΡ‚ΠΎ-Ρ‚ΠΎ ΠΈΠ· Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΎΠ² Π΄Π°Π½Π½ΠΎΠ³ΠΎ ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚Π° ΠΈ смоТСт Π΅Π³ΠΎ ΡƒΠ»ΡƒΡ‡ΡˆΠΈΡ‚ΡŒ. Π’ любом случаС Π·Π° Π΄Π°Π½Π½Ρ‹ΠΌ ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚ΠΎΠΌ я Π²ΠΈΠΆΡƒ Π±ΡƒΠ΄ΡƒΡ‰Π΅Π΅, ΠΈ ΠΆΠ΅Π»Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ, Ρ‡Ρ‚ΠΎΠ± ΠΎΠ½ развивался Π² ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΠΎΠΌ Π½Π°ΠΏΡ€Π°Π²Π»Π΅Π½ΠΈΠΈ.

Π˜ΡΡ‚ΠΎΡ‡Π½ΠΈΠΊ

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

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