ΠšΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ ΠΊΠ½ΠΎΠΏΠΎΠΊ для сайта: Иконки ΠΊΠ½ΠΎΠΏΠΊΠΈ — 153,528 бСсплатных ΠΈΠΊΠΎΠ½ΠΎΠΊ

Π”ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ элСмСнты Π² письмо | Creatio Academy

Π­Π»Π΅ΠΌΠ΅Π½Ρ‚ ΠšΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ°Β 

Π­Π»Π΅ΠΌΠ΅Π½Ρ‚ ΠšΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° (Рис.Β 1) ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ для добавлСния Π² шаблон ΠΏΡ€ΠΎΠΈΠ·Π²ΠΎΠ»ΡŒΠ½Ρ‹Ρ… ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ. Он состоит ΠΈΠ· Π΄Π²ΡƒΡ… частСй: нСпосрСдствСнно изобраТСния ΠΈ графичСского ΠΊΠΎΠ½Ρ‚Π΅ΠΉΠ½Π΅Ρ€Π°.

Рис.Β 1 β€” Π”ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΠ΅ изобраТСния

ПанСль настройки ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈΒ 

Π’ этой области ΠΌΠΎΠΆΠ½ΠΎ ΠΏΡ€ΠΎΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ ΠΈ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ настройки стиля изобраТСния.

Рис.Β 2Β β€” ПанСль настройки ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ

ΠŸΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€

ОписаниС

Навигационная Ρ†Π΅ΠΏΠΎΡ‡ΠΊΠ°Β (1)

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

Настройки ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ

Π§Ρ‚ΠΎΠ±Ρ‹ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ Π² шаблон, Π² ΠΏΠΎΠ»Π΅ Β Π·Π°Π³Ρ€ΡƒΠ·ΠΈΡ‚Π΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ ΠΈΠ»ΠΈ Π²Π²Π΅Π΄ΠΈΡ‚Π΅ Π΅Π³ΠΎ URL-адрСс.

На Π·Π°ΠΌΠ΅Ρ‚ΠΊΡƒ. Π­Π»Π΅ΠΌΠ΅Π½Ρ‚ ΠšΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅Ρ‚ URI Π΄Π°Π½Π½Ρ‹Ρ…. Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π²ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π² ΠΊΠΎΠ΄ΠΈΡ€ΠΎΠ²ΠΊΠ΅ base64 вмСсто URL.
Π˜Π·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΡ Π² ΠΊΠΎΠ΄ΠΈΡ€ΠΎΠ²ΠΊΠ΅ base64 ΡΠ²Π»ΡΡŽΡ‚ΡΡ Ρ‡Π°ΡΡ‚ΡŒΡŽ HTML-ΠΊΠΎΠ΄Π° сообщСния ΠΈ ΠΎΠ±Ρ‹Ρ‡Π½ΠΎ Π½Π΅ Ρ„ΠΈΠ»ΡŒΡ‚Ρ€ΡƒΡŽΡ‚ΡΡ ΠΏΠΎΡ‡Ρ‚ΠΎΠ²Ρ‹ΠΌΠΈ ΠΊΠ»ΠΈΠ΅Π½Ρ‚Π°ΠΌΠΈ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ Π½Π΅ ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡŽΡ‚ Π·Π°Π³Ρ€ΡƒΠΆΠ°Ρ‚ΡŒ внСшниС изобраТСния.

Бсылка β€” Ссли Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΠΎ Ρ‰Π΅Π»Ρ‡ΠΊΡƒ Π½Π° ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒ ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄ΠΈΠ» Π½Π° ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½Π½ΡƒΡŽ страницу, ΡƒΠΊΠ°ΠΆΠΈΡ‚Π΅ URL-адрСс Π½ΡƒΠΆΠ½ΠΎΠΉ страницы.

Подсказка β€” краткая информация ΠΎΠ± ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΈ, которая Π±ΡƒΠ΄Π΅Ρ‚ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Ρ‚ΡŒΡΡ ΠΏΡ€ΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ курсора Π½Π° ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ.

На Π·Π°ΠΌΠ΅Ρ‚ΠΊΡƒ. Подсказки ΠΎΠ±Ρ‹Ρ‡Π½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ΡΡ для добавлСния Π² шаблон Π½Π΅ΠΎΡ‡Π΅Π²ΠΈΠ΄Π½ΠΎΠΉ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΈ ΠΎ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ΅.

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

Π Π°Π·ΠΌΠ΅Ρ€, px

Π£ΠΊΠ°ΠΆΠΈΡ‚Π΅ ΡˆΠΈΡ€ΠΈΠ½Ρƒ ΠΈ высоту ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ.

ЗагруТСнная ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΌΠ°ΡΡˆΡ‚Π°Π±ΠΈΡ€ΡƒΠ΅Ρ‚ΡΡ автоматичСски, поля Π¨ΠΈΡ€ΠΈΠ½Π° ΠΈ Высота Π·Π°ΠΏΠΎΠ»Π½ΡΡŽΡ‚ΡΡ Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ΠΌ β€œΠΠ²Ρ‚ΠΎβ€. АвтоматичСскоС ΠΌΠ°ΡΡˆΡ‚Π°Π±ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ выполняСтся ΠΏΠΎ Ρ€Π°Π·ΠΌΠ΅Ρ€Ρƒ графичСского ΠΊΠΎΠ½Ρ‚Π΅ΠΉΠ½Π΅Ρ€Π°, Π° Π½Π΅ ΠΏΠΎ исходному Ρ€Π°Π·ΠΌΠ΅Ρ€Ρƒ изобраТСния, поэтому ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΌΠΎΠΆΠ΅Ρ‚ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Ρ‚ΡŒΡΡ Π΄Π΅Ρ„ΠΎΡ€ΠΌΠΈΡ€ΠΎΠ²Π°Π½Π½ΠΎΠΉ.

Π£ΠΊΠ°ΠΆΠΈΡ‚Π΅ хотя Π±Ρ‹ ΠΎΠ΄ΠΈΠ½ ΠΈΠ· ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€ΠΎΠ², Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΡ€ΠΈ ΠΌΠ°ΡΡˆΡ‚Π°Π±ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠΈ соблюдалось ΡΠΎΠΎΡ‚Π½ΠΎΡˆΠ΅Π½ΠΈΠ΅ сторон, ΠΊΠ°ΠΊ Π² исходном ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΈ.

Π£ΠΊΠ°ΠΆΠΈΡ‚Π΅ ΠΎΠ±Π° ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Π°, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΡ€ΠΈΠ½ΡƒΠ΄ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ Ρ€Π°Π·ΠΌΠ΅Ρ€ изобраТСния Π΄ΠΎ ΡƒΠΊΠ°Π·Π°Π½Π½ΠΎΠΉ высоты ΠΈ ΡˆΠΈΡ€ΠΈΠ½Ρ‹ Π±Π΅Π· ΡƒΡ‡Π΅Ρ‚Π° ΡΠΎΠΎΡ‚Π½ΠΎΡˆΠ΅Π½ΠΈΡ.

Π’Ρ‹Ρ€Π°Π²Π½ΠΈΠ²Π°Π½ΠΈΠ΅

НастройтС Π³ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΡŒΠ½ΠΎΠ΅ Π²Ρ‹Ρ€Π°Π²Π½ΠΈΠ²Π°Π½ΠΈΠ΅ для ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ (ΠΏΠΎ Π»Π΅Π²ΠΎΠΌΡƒ ΠΊΡ€Π°ΡŽ , ΠΏΠΎ Ρ†Π΅Π½Ρ‚Ρ€Ρƒ ΠΈΠ»ΠΈ ΠΏΠΎ ΠΏΡ€Π°Π²ΠΎΠΌΡƒ ΠΊΡ€Π°ΡŽ ).

На Π·Π°ΠΌΠ΅Ρ‚ΠΊΡƒ. Π’Ρ‹Ρ€Π°Π²Π½ΠΈΠ²Π°Π½ΠΈΠ΅ ΠΌΠΎΠΆΠ΅Ρ‚ Π½Π΅ Π΄Π°Ρ‚ΡŒ Π²ΠΈΠ΄ΠΈΠΌΠΎΠ³ΠΎ эффСкта Π² зависимости ΠΎΡ‚ ΡΠΎΠΎΡ‚Π½ΠΎΡˆΠ΅Π½ΠΈΡ ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€ΠΎΠ² изобраТСния ΠΈ ΠΊΠΎΠ½Ρ‚Π΅ΠΉΠ½Π΅Ρ€Π°.

ΠžΡ‚ΡΡ‚ΡƒΠΏΡ‹, px

Π£ΠΊΠ°ΠΆΠΈΡ‚Π΅ расстояниС (Π² пиксСлях) ΠΌΠ΅ΠΆΠ΄Ρƒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΎΠΉ ΠΈ Π΅Π΅ Π³Ρ€Π°Π½ΠΈΡ†Π°ΠΌΠΈ.

ΠžΡ‚ΡΡ‚ΡƒΠΏΡ‹ ΡƒΠΊΠ°Π·Ρ‹Π²Π°ΡŽΡ‚ΡΡ ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½ΠΎ для ΠΊΠ°ΠΆΠ΄ΠΎΠΉ ΠΈΠ· Π³Ρ€Π°Π½ΠΈΡ†.

Π‘ΠΊΡ€ΡƒΠ³Π»Π΅Π½ΠΈΠ΅ ΡƒΠ³Π»ΠΎΠ²

Π£ΠΊΠ°ΠΆΠΈΡ‚Π΅ радиус скруглСния ΡƒΠ³Π»ΠΎΠ² ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ. Если Π²Ρ‹ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ ΡΠΎΡ…Ρ€Π°Π½ΠΈΡ‚ΡŒ острыС ΡƒΠ³Π»Ρ‹, ΠΎΡΡ‚Π°Π²ΡŒΡ‚Π΅ этот ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€ Π½Π΅Π·Π°ΠΏΠΎΠ»Π½Π΅Π½Π½Ρ‹ΠΌ. Π­Ρ‚Π° настройка опрСдСляСт радиус скруглСния для всСх Ρ‡Π΅Ρ‚Ρ‹Ρ€Π΅Ρ… ΡƒΠ³Π»ΠΎΠ² ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ.

На Π·Π°ΠΌΠ΅Ρ‚ΠΊΡƒ. Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ элСмСнт HTML ΠΈ ΠΊΠΎΠ΄ со встроСнными стилями CSS, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π½Π°ΡΡ‚Ρ€ΠΎΠΈΡ‚ΡŒ эллиптичСскиС ΡƒΠ³Π»Ρ‹ ΠΈ Π΄Ρ€ΡƒΠ³ΠΈΠ΅ ΡΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½Ρ‹Π΅ эффСкты.

Π€ΠΎΠ½

Π£ΠΊΠ°ΠΆΠΈΡ‚Π΅ Ρ†Π²Π΅Ρ‚ Ρ„ΠΎΠ½Π° графичСского ΠΊΠΎΠ½Ρ‚Π΅ΠΉΠ½Π΅Ρ€Π°.

По ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ использованиС Ρ„ΠΎΠ½Π° для Π½ΠΎΠ²Ρ‹Ρ… элСмСнтов Π½Π΅Π°ΠΊΡ‚ΠΈΠ²Π½ΠΎ. Π§Ρ‚ΠΎΠ±Ρ‹ Π°ΠΊΡ‚ΠΈΠ²ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ настройку Ρ„ΠΎΠ½Π°, установитС ΠΏΡ€ΠΈΠ·Π½Π°ΠΊΒ (2).

Π§Ρ‚ΠΎΠ±Ρ‹ ΠΎΡ‚ΠΊΠ»ΡŽΡ‡ΠΈΡ‚ΡŒ использованиС Ρ„ΠΎΠ½Π° для Ρ‚Π΅ΠΊΡƒΡ‰Π΅ΠΉ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ, этот ΠΏΡ€ΠΈΠ·Π½Π°ΠΊ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ ΡΠ½ΡΡ‚ΡŒ.

Π§Ρ‚ΠΎΠ±Ρ‹ Π½Π°ΡΡ‚Ρ€ΠΎΠΈΡ‚ΡŒ ΠΎΠ΄Π½ΠΎΡ‚ΠΎΠ½Π½Ρ‹ΠΉ Ρ„ΠΎΠ½, Π½Π°ΠΆΠΌΠΈΡ‚Π΅ Β ΠΈ Π² ΠΎΡ‚ΠΊΡ€Ρ‹Π²ΡˆΠ΅ΠΌΡΡ ΠΎΠΊΠ½Π΅ Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΡ‹ΠΉ Ρ†Π²Π΅Ρ‚.

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

Π“Ρ€Π°Π½ΠΈΡ†Ρ‹

Π—Π΄Π΅ΡΡŒ выполняСтся настройка Π³Ρ€Π°Π½ΠΈΡ† ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ.

По ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ использованиС Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½Ρ‹Ρ… Π³Ρ€Π°Π½ΠΈΡ† для Π½ΠΎΠ²Ρ‹Ρ… ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ Π½Π΅Π°ΠΊΡ‚ΠΈΠ²Π½ΠΎ. Π§Ρ‚ΠΎΠ±Ρ‹ Π°ΠΊΡ‚ΠΈΠ²ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ настройку Π³Ρ€Π°Π½ΠΈΡ†, установитС ΠΏΡ€ΠΈΠ·Π½Π°ΠΊΒ (3).

Π§Ρ‚ΠΎΠ±Ρ‹ ΡƒΠΊΠ°Π·Π°Ρ‚ΡŒ Ρ†Π²Π΅Ρ‚ Π³Ρ€Π°Π½ΠΈΡ†, Π½Π°ΠΆΠΌΠΈΡ‚Π΅ Β ΠΈ Π² ΠΎΡ‚ΠΊΡ€Ρ‹Π²ΡˆΠ΅ΠΌΡΡ ΠΎΠΊΠ½Π΅ Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΡ‹ΠΉ Ρ†Π²Π΅Ρ‚.

Π’ ΠΏΠΎΠ»Π΅ Β ΡƒΠΊΠ°ΠΆΠΈΡ‚Π΅ ΡˆΠΈΡ€ΠΈΠ½Ρƒ Π³Ρ€Π°Π½ΠΈΡ†Ρ‹. Для скрытой Π³Ρ€Π°Π½ΠΈΡ†Ρ‹ установитС ΡΡ‚ΠΈΠ»ΡŒ β€œHidden”.

Π’ мСню (4)Β Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ ΡΡ‚ΠΈΠ»ΡŒ Π³Ρ€Π°Π½ΠΈΡ†. По ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ ΠΏΡ€ΠΈ Π°ΠΊΡ‚ΠΈΠ²Π°Ρ†ΠΈΠΈ использования Π³Ρ€Π°Π½ΠΈΡ† устанавливаСтся ΡΡ‚ΠΈΠ»ΡŒ β€œSolid”. Для Π²Ρ‹Π±ΠΎΡ€Π° Π² спискС доступны ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠ΅ стили:

  • – Hidden

На Π·Π°ΠΌΠ΅Ρ‚ΠΊΡƒ. Π“Ρ€Π°Π½ΠΈΡ†Π° ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½Π°, Π½ΠΎ Π½Π΅ отобраТаСтся. Π’ этом стилС ΡˆΠΈΡ€ΠΈΠ½Π° Π³Ρ€Π°Π½ΠΈΡ†Ρ‹ фактичСски Ρ€Π°Π²Π½Π° β€œ0”.

  • – Dotted

  • – Dashed

  • – Solid

  • – Double

  • – Groove

  • – Ridge

  • – Inset

  • – Outset

ΠžΠΏΡ€Π΅Π΄Π΅Π»ΠΈΡ‚Π΅, ΠΊΠ°ΠΊΠΈΠ΅ Π³Ρ€Π°Π½ΠΈΡ†Ρ‹ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ, ΠΏΡ€ΠΈ ΠΏΠΎΠΌΠΎΡ‰ΠΈ ΠΏΡ€ΠΈΠ·Π½Π°ΠΊΠΎΠ² Π’Π΅Ρ€Ρ…Π½ΠΈΠΉ, НиТний, Π‘Π»Π΅Π²Π° ΠΈ Π‘ΠΏΡ€Π°Π²Π°.

Π­Π»Π΅ΠΌΠ΅Π½Ρ‚ Кнопка 

Π­Π»Π΅ΠΌΠ΅Π½Ρ‚ Кнопка (Рис. 3) ΠΏΡ€Π΅Π΄Π½Π°Π·Π½Π°Ρ‡Π΅Π½ для Π²ΠΈΠ·ΡƒΠ°Π»ΠΈΠ·Π°Ρ†ΠΈΠΈ ссылок ΠΏΡ€ΠΈΠ·Ρ‹Π²Π° ΠΊ Π΄Π΅ΠΉΡΡ‚Π²ΠΈΡŽ. Π’Π°ΠΊΠΆΠ΅ элСмСнты Кнопка Π½Π°Π·Ρ‹Π²Π°ΡŽΡ‚ΡΡ β€œΠΏΡ€ΠΈΠ·Ρ‹Π² ΠΊ Π΄Π΅ΠΉΡΡ‚Π²ΠΈΡŽβ€ ΠΈ ΠΏΠΎ сути ΡΠ²Π»ΡΡŽΡ‚ΡΡ ссылками, прСдставлСнными Π² Π²ΠΈΠ΄Π΅ ΠΊΠ½ΠΎΠΏΠΎΠΊ.

Рис.Β 3 β€” Π”ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΠ΅ ΠΊΠ½ΠΎΠΏΠΊΠΈ Π² шаблон

Π­Π»Π΅ΠΌΠ΅Π½Ρ‚ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π° Кнопка Π½Π΅ тоТдСствСнСн HTML-элСмСнту <button>.
Для добавлСния Π² шаблон HTML-элСмСнта <button> Π²ΠΎΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ΡΡŒ Π±Π»ΠΎΠΊΠΎΠΌ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π° HTML.

ПанСль настройки ΠΊΠ½ΠΎΠΏΠΊΠΈΒ 

Π’ этой области ΠΌΠΎΠΆΠ½ΠΎ ΠΏΡ€ΠΎΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ ΠΈ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ настройки стиля ΠΊΠ½ΠΎΠΏΠΊΠΈ.

Рис.Β 4Β β€” ПанСль настройки ΠΊΠ½ΠΎΠΏΠΊΠΈ

ΠŸΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€

ОписаниС

Навигационная Ρ†Π΅ΠΏΠΎΡ‡ΠΊΠ°Β (1)

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

Бсылка для ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄Π°

По URL-адрСсу, ΡƒΠΊΠ°Π·Π°Π½Π½ΠΎΠΌΡƒ Π² этом ΠΏΠΎΠ»Π΅, Π±ΡƒΠ΄Π΅Ρ‚ Π²Ρ‹ΠΏΠΎΠ»Π½Π΅Π½ ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄ ΠΏΡ€ΠΈ ΠΊΠ»ΠΈΠΊΠ΅ Π½Π° ΠΊΠ½ΠΎΠΏΠΊΡƒ.

Π¨Ρ€ΠΈΡ„Ρ‚

Π’ этой Π³Ρ€ΡƒΠΏΠΏΠ΅ настроСк ΠΎΠΏΡ€Π΅Π΄Π΅Π»ΡΡŽΡ‚ΡΡ свойства ΡˆΡ€ΠΈΡ„Ρ‚Π° тСкста Π½Π° ΠΊΠ½ΠΎΠΏΠΊΠ΅.

Набор ΡˆΡ€ΠΈΡ„Ρ‚ΠΎΠ² Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Π° шаблонов β€” ΡƒΠΊΠ°ΠΆΠΈΡ‚Π΅ ΡˆΡ€ΠΈΡ„Ρ‚ ΠΊΠ½ΠΎΠΏΠΊΠΈ. ΠŸΠ΅Ρ€Π΅Ρ‡Π΅Π½ΡŒ ΡˆΡ€ΠΈΡ„Ρ‚ΠΎΠ², доступных ΠΊ использованию Π² ΠΏΠΈΡΡŒΠΌΠ°Ρ…, настраиваСтся Π² справочникС Набор ΡˆΡ€ΠΈΡ„Ρ‚ΠΎΠ² Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Π° шаблонов.

Π Π°Π·ΠΌΠ΅Ρ€, px β€” ΡƒΠΊΠ°ΠΆΠΈΡ‚Π΅ высоту ΡˆΡ€ΠΈΡ„Ρ‚Π° Π² пиксСлях.

Π§Ρ‚ΠΎΠ±Ρ‹ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ Ρ†Π²Π΅Ρ‚ ΡˆΡ€ΠΈΡ„Ρ‚Π°, Π½Π°ΠΆΠΌΠΈΡ‚Π΅ Β ΠΈ Π² ΠΎΡ‚ΠΊΡ€Ρ‹Π²ΡˆΠ΅ΠΌΡΡ ΠΎΠΊΠ½Π΅ Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΡ‹ΠΉ Ρ†Π²Π΅Ρ‚.

Высота строки, px β€” ΡƒΠΊΠ°ΠΆΠΈΡ‚Π΅ расстояниС ΠΌΠ΅ΠΆΠ΄Ρƒ строками тСкста ΠΈ Π³Ρ€Π°Π½ΠΈΡ†Π°ΠΌΠΈ элСмСнта.

Максимально допустимая высота строки составляСт 250 пиксСлСй, Π° минимальная Π½Π΅ ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ мСньшС высоты ΡˆΡ€ΠΈΡ„Ρ‚Π°.

РасстояниС ΠΌΠ΅ΠΆΠ΄Ρƒ символами,Β px β€” ΡƒΠΊΠ°ΠΆΠΈΡ‚Π΅ расстояниС ΠΌΠ΅ΠΆΠ΄Ρƒ символами Π² надписи.

Π Π°Π·ΠΌΠ΅Ρ€, px

Π£ΠΊΠ°ΠΆΠΈΡ‚Π΅ ΡˆΠΈΡ€ΠΈΠ½Ρƒ ΠΈ высоту ΠΊΠ½ΠΎΠΏΠΊΠΈ Π² пиксСлях.

Π’Ρ‹Ρ€Π°Π²Π½ΠΈΠ²Π°Π½ΠΈΠ΅

НастройтС для ΠΊΠ½ΠΎΠΏΠΊΠΈ Π³ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΡŒΠ½ΠΎΠ΅ (ΠΏΠΎ Π»Π΅Π²ΠΎΠΌΡƒ ΠΊΡ€Π°ΡŽ , ΠΏΠΎ Ρ†Π΅Π½Ρ‚Ρ€Ρƒ ΠΈΠ»ΠΈ ΠΏΠΎ ΠΏΡ€Π°Π²ΠΎΠΌΡƒ ΠΊΡ€Π°ΡŽ ) ΠΈ Π²Π΅Ρ€Ρ‚ΠΈΠΊΠ°Π»ΡŒΠ½ΠΎΠ΅ (ΠΏΠΎ Π²Π΅Ρ€Ρ…Π½Π΅ΠΉ Π³Ρ€Π°Π½ΠΈΡ†Π΅ , ΠΏΠΎ Ρ†Π΅Π½Ρ‚Ρ€Ρƒ Β ΠΈΠ»ΠΈ ΠΏΠΎ Π½ΠΈΠΆΠ½Π΅ΠΉ Π³Ρ€Π°Π½ΠΈΡ†Π΅ ) Π²Ρ‹Ρ€Π°Π²Π½ΠΈΠ²Π°Π½ΠΈΠ΅ для ΠΊΠ½ΠΎΠΏΠΊΠΈ.

На Π·Π°ΠΌΠ΅Ρ‚ΠΊΡƒ. ΠŸΡ€ΠΈΠΌΠ΅Π½Π΅Π½ΠΈΠ΅ ΠΊ стандартной ΠΊΠ½ΠΎΠΏΠΊΠ΅ Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Ρ… ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€ΠΎΠ² выравнивания ΠΏΠΎ Π²Π΅Ρ€Ρ‚ΠΈΠΊΠ°Π»ΠΈ, скорСС всСго, Π½Π΅ даст Π²ΠΈΠ΄ΠΈΠΌΠΎΠ³ΠΎ эффСкта ΠΈΠ·-Π·Π° нСдостаточной высоты элСмСнта.

Π’Π½Π΅ΡˆΠ½ΠΈΠ΅ отступы, px

Π£ΠΊΠ°ΠΆΠΈΡ‚Π΅ расстояниС, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ Π΄ΠΎΠ»ΠΆΠ½ΠΎ ΠΎΡ‚Π΄Π΅Π»ΡΡ‚ΡŒ ΠΊΠ½ΠΎΠΏΠΊΡƒ ΠΎΡ‚ Π³Ρ€Π°Π½ΠΈΡ† сСкции ΠΈ/ΠΈΠ»ΠΈ сосСдних элСмСнтов ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π°.

Π­Ρ‚ΠΎ расстояниС ΡƒΠΊΠ°Π·Ρ‹Π²Π°ΡŽΡ‚ΡΡ ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½ΠΎ для ΠΊΠ°ΠΆΠ΄ΠΎΠΉ ΠΈΠ· сторон ΠΊΠ½ΠΎΠΏΠΊΠΈ.

ΠžΡ‚ΡΡ‚ΡƒΠΏΡ‹, px

Π£ΠΊΠ°ΠΆΠΈΡ‚Π΅ расстояниС (Π² пиксСлях) ΠΌΠ΅ΠΆΠ΄Ρƒ тСкстом ΠΊΠ½ΠΎΠΏΠΊΠΈ ΠΈ Π΅Π΅ Π³Ρ€Π°Π½ΠΈΡ†Π°ΠΌΠΈ.

ΠžΡ‚ΡΡ‚ΡƒΠΏΡ‹ ΡƒΠΊΠ°Π·Ρ‹Π²Π°ΡŽΡ‚ΡΡ ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½ΠΎ для ΠΊΠ°ΠΆΠ΄ΠΎΠΉ ΠΈΠ· Π³Ρ€Π°Π½ΠΈΡ†.

Π‘ΠΊΡ€ΡƒΠ³Π»Π΅Π½ΠΈΠ΅ ΡƒΠ³Π»ΠΎΠ²

Π£ΠΊΠ°ΠΆΠΈΡ‚Π΅ радиус скруглСния ΡƒΠ³Π»ΠΎΠ² ΠΊΠ½ΠΎΠΏΠΊΠΈ. Если Π²Ρ‹ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ ΡΠΎΡ…Ρ€Π°Π½ΠΈΡ‚ΡŒ острыС ΡƒΠ³Π»Ρ‹, ΠΎΡΡ‚Π°Π²ΡŒΡ‚Π΅ этот ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€ Π½Π΅Π·Π°ΠΏΠΎΠ»Π½Π΅Π½Π½Ρ‹ΠΌ. Π­Ρ‚Π° настройка опрСдСляСт радиус скруглСния для всСх Ρ‡Π΅Ρ‚Ρ‹Ρ€Π΅Ρ… ΡƒΠ³Π»ΠΎΠ² ΠΊΠ½ΠΎΠΏΠΊΠΈ.

На Π·Π°ΠΌΠ΅Ρ‚ΠΊΡƒ. Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ элСмСнт HTML ΠΈ ΠΊΠΎΠ΄ со встроСнными стилями CSS, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π½Π°ΡΡ‚Ρ€ΠΎΠΈΡ‚ΡŒ эллиптичСскиС ΡƒΠ³Π»Ρ‹ ΠΈ Π΄Ρ€ΡƒΠ³ΠΈΠ΅ ΡΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½Ρ‹Π΅ эффСкты.

Π€ΠΎΠ½

Π£ΠΊΠ°ΠΆΠΈΡ‚Π΅ Ρ†Π²Π΅Ρ‚ Ρ„ΠΎΠ½Π° ΠΊΠ½ΠΎΠΏΠΊΠΈ.

По ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ для ΠΊΠ½ΠΎΠΏΠΎΠΊ Π°ΠΊΡ‚ΠΈΠ²Π½ΠΎ использованиС Ρ„ΠΎΠ½Π°. Π§Ρ‚ΠΎΠ±Ρ‹ ΠΎΡ‚ΠΊΠ»ΡŽΡ‡ΠΈΡ‚ΡŒ Ρ„ΠΎΠ½, снимитС ΠΏΡ€ΠΈΠ·Π½Π°ΠΊΒ (2).

УстановитС ΠΏΡ€ΠΈΠ·Π½Π°ΠΊ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΡ€ΠΈΠΌΠ΅Π½ΠΈΡ‚ΡŒ всС настройки Ρ„ΠΎΠ½Π° ΠΊΠ½ΠΎΠΏΠΊΠΈ.

Π§Ρ‚ΠΎΠ±Ρ‹ Π½Π°ΡΡ‚Ρ€ΠΎΠΈΡ‚ΡŒ ΠΎΠ΄Π½ΠΎΡ‚ΠΎΠ½Π½Ρ‹ΠΉ Ρ„ΠΎΠ½, Π½Π°ΠΆΠΌΠΈΡ‚Π΅ Β ΠΈ Π² ΠΎΡ‚ΠΊΡ€Ρ‹Π²ΡˆΠ΅ΠΌΡΡ ΠΎΠΊΠ½Π΅ Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΡ‹ΠΉ Ρ†Π²Π΅Ρ‚.

Π“Ρ€Π°Π½ΠΈΡ†Ρ‹

Π—Π΄Π΅ΡΡŒ выполняСтся настройка Π³Ρ€Π°Π½ΠΈΡ† ΠΊΠ½ΠΎΠΏΠΊΠΈ.

По ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ использованиС Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½Ρ‹Ρ… Π³Ρ€Π°Π½ΠΈΡ† для Π½ΠΎΠ²Ρ‹Ρ… ΠΊΠ½ΠΎΠΏΠΎΠΊ Π½Π΅Π°ΠΊΡ‚ΠΈΠ²Π½ΠΎ. Π§Ρ‚ΠΎΠ±Ρ‹ Π°ΠΊΡ‚ΠΈΠ²ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ настройку Π³Ρ€Π°Π½ΠΈΡ†, установитС ΠΏΡ€ΠΈΠ·Π½Π°ΠΊΒ (3).

Π§Ρ‚ΠΎΠ±Ρ‹ ΡƒΠΊΠ°Π·Π°Ρ‚ΡŒ Ρ†Π²Π΅Ρ‚ Π³Ρ€Π°Π½ΠΈΡ†, Π½Π°ΠΆΠΌΠΈΡ‚Π΅ Β ΠΈ Π² ΠΎΡ‚ΠΊΡ€Ρ‹Π²ΡˆΠ΅ΠΌΡΡ ΠΎΠΊΠ½Π΅ Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΡ‹ΠΉ Ρ†Π²Π΅Ρ‚.

Π’ ΠΏΠΎΠ»Π΅ Β ΡƒΠΊΠ°ΠΆΠΈΡ‚Π΅ ΡˆΠΈΡ€ΠΈΠ½Ρƒ Π³Ρ€Π°Π½ΠΈΡ†Ρ‹. Для скрытой Π³Ρ€Π°Π½ΠΈΡ†Ρ‹ установитС ΡΡ‚ΠΈΠ»ΡŒ β€œHidden”.

Π’ мСню (4)Β Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ ΡΡ‚ΠΈΠ»ΡŒ Π³Ρ€Π°Π½ΠΈΡ†. По ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ ΠΏΡ€ΠΈ Π°ΠΊΡ‚ΠΈΠ²Π°Ρ†ΠΈΠΈ использования Π³Ρ€Π°Π½ΠΈΡ† устанавливаСтся ΡΡ‚ΠΈΠ»ΡŒ β€œSolid”. Для Π²Ρ‹Π±ΠΎΡ€Π° Π² спискС доступны ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠ΅ стили:

  • – Hidden

На Π·Π°ΠΌΠ΅Ρ‚ΠΊΡƒ. Π“Ρ€Π°Π½ΠΈΡ†Π° ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½Π°, Π½ΠΎ Π½Π΅ отобраТаСтся. Π’ этом стилС ΡˆΠΈΡ€ΠΈΠ½Π° Π³Ρ€Π°Π½ΠΈΡ†Ρ‹ фактичСски Ρ€Π°Π²Π½Π° β€œ0”.

  • – Dotted

  • – Dashed

  • – Solid

  • – Double

  • – Groove

  • – Ridge

  • – Inset

  • – Outset

ΠžΠΏΡ€Π΅Π΄Π΅Π»ΠΈΡ‚Π΅, ΠΊΠ°ΠΊΠΈΠ΅ Π³Ρ€Π°Π½ΠΈΡ†Ρ‹ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ, ΠΏΡ€ΠΈ ΠΏΠΎΠΌΠΎΡ‰ΠΈ ΠΏΡ€ΠΈΠ·Π½Π°ΠΊΠΎΠ² Π’Π΅Ρ€Ρ…Π½ΠΈΠΉ, НиТний, Π‘Π»Π΅Π²Π° ΠΈ Π‘ΠΏΡ€Π°Π²Π°.

Π­Π»Π΅ΠΌΠ΅Π½Ρ‚ ВСкст 

Π­Π»Π΅ΠΌΠ΅Π½Ρ‚ ВСкст (Рис. 5) ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ для добавлСния тСкста сообщСния Π² шаблон письма. Π£ этого элСмСнта, ΠΊΡ€ΠΎΠΌΠ΅ ΠΏΠ°Π½Π΅Π»ΠΈ настройки Π² ΠΏΡ€Π°Π²ΠΎΠΉ части ΠΎΠΊΠ½Π°, Π΅ΡΡ‚ΡŒ Ρ‚Π°ΠΊΠΆΠ΅ панСль инструмСнтов, которая открываСтся Π² Ρ€Π°Π±ΠΎΡ‡Π΅ΠΉ области Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Π° ΠΏΡ€ΠΈ Π²Ρ‹Π΄Π΅Π»Π΅Π½ΠΈΠΈ элСмСнта.

Рис. 5Β β€” Π”ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΠ΅ элСмСнта ВСкст Π² шаблон письма

ПанСль настройки тСкста 

Π—Π΄Π΅ΡΡŒ выполняСтся настройка Π±Π°Π·ΠΎΠ²ΠΎΠ³ΠΎ ΡˆΡ€ΠΈΡ„Ρ‚Π° ΠΈ стилСй тСкста.

Рис. 6Β β€” ПанСль настройки тСкста

ΠŸΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€

ОписаниС

Навигационная Ρ†Π΅ΠΏΠΎΡ‡ΠΊΠ°Β (1)

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

Π¨Ρ€ΠΈΡ„Ρ‚

Π’ этой Π³Ρ€ΡƒΠΏΠΏΠ΅ настроСк ΠΎΠΏΡ€Π΅Π΄Π΅Π»ΡΡŽΡ‚ΡΡ характСристики ΡˆΡ€ΠΈΡ„Ρ‚Π°, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΌ Π±ΡƒΠ΄Π΅Ρ‚ написан ваш тСкст Π² письмС.

Набор ΡˆΡ€ΠΈΡ„Ρ‚ΠΎΠ² Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Π° шаблонов β€” ΡƒΠΊΠ°ΠΆΠΈΡ‚Π΅ ΡˆΡ€ΠΈΡ„Ρ‚ тСкста. ΠŸΠ΅Ρ€Π΅Ρ‡Π΅Π½ΡŒ ΡˆΡ€ΠΈΡ„Ρ‚ΠΎΠ², доступных ΠΊ использованию Π² ΠΏΠΈΡΡŒΠΌΠ°Ρ…, настраиваСтся Π² справочникС Набор ΡˆΡ€ΠΈΡ„Ρ‚ΠΎΠ² Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Π° шаблонов.

Π Π°Π·ΠΌΠ΅Ρ€, px β€” ΡƒΠΊΠ°ΠΆΠΈΡ‚Π΅ высоту ΡˆΡ€ΠΈΡ„Ρ‚Π° Π² пиксСлях.

Π§Ρ‚ΠΎΠ±Ρ‹ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ Ρ†Π²Π΅Ρ‚ ΡˆΡ€ΠΈΡ„Ρ‚Π°, Π½Π°ΠΆΠΌΠΈΡ‚Π΅ Β ΠΈ Π² ΠΎΡ‚ΠΊΡ€Ρ‹Π²ΡˆΠ΅ΠΌΡΡ ΠΎΠΊΠ½Π΅ Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΡ‹ΠΉ Ρ†Π²Π΅Ρ‚.

Высота строки, px β€” ΡƒΠΊΠ°ΠΆΠΈΡ‚Π΅ расстояниС ΠΌΠ΅ΠΆΠ΄Ρƒ строками тСкста ΠΈ Π³Ρ€Π°Π½ΠΈΡ†Π°ΠΌΠΈ элСмСнта.

Максимально допустимая высота строки составляСт 250 пиксСлСй, Π° минимальная Π½Π΅ ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ мСньшС высоты ΡˆΡ€ΠΈΡ„Ρ‚Π°.

РасстояниС ΠΌΠ΅ΠΆΠ΄Ρƒ символами,Β px β€” ΡƒΠΊΠ°ΠΆΠΈΡ‚Π΅ расстояниС ΠΌΠ΅ΠΆΠ΄Ρƒ символами Π² надписи.

Π Π°Π·ΠΌΠ΅Ρ€, px

Π Π°Π·ΠΌΠ΅Ρ€, px β€” ΡƒΠΊΠ°ΠΆΠΈΡ‚Π΅ высоту ΡˆΡ€ΠΈΡ„Ρ‚Π° Π² пиксСлях.

Π’Ρ‹Ρ€Π°Π²Π½ΠΈΠ²Π°Π½ΠΈΠ΅

НастройтС для тСкста Π³ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΡŒΠ½ΠΎΠ΅ Π²Ρ‹Ρ€Π°Π²Π½ΠΈΠ²Π°Π½ΠΈΠ΅ (ΠΏΠΎ Π»Π΅Π²ΠΎΠΉ Π³Ρ€Π°Π½ΠΈΡ†Π΅ , ΠΏΠΎ Ρ†Π΅Π½Ρ‚Ρ€Ρƒ , ΠΏΠΎ ΠΏΡ€Π°Π²ΠΎΠΉ Π³Ρ€Π°Π½ΠΈΡ†Π΅ Β ΠΈΠ»ΠΈ Ρ€Π°ΡΡ‚ΡΠ½ΡƒΡ‚ΡŒ ΠΏΠΎ ΡˆΠΈΡ€ΠΈΠ½Π΅ ).

Высота, px

Π£ΠΊΠ°ΠΆΠΈΡ‚Π΅ высоту тСкстового ΠΊΠΎΠ½Ρ‚Π΅ΠΉΠ½Π΅Ρ€Π° (Π² пиксСлях).

Π’ этом ΠΏΠΎΠ»Π΅ указываСтся фиксированная высота тСкстового ΠΊΠΎΠ½Ρ‚Π΅ΠΉΠ½Π΅Ρ€Π°. Π’Π°ΠΊΠΎΠΉ ΠΊΠΎΠ½Ρ‚Π΅ΠΉΠ½Π΅Ρ€ Π½Π΅ Π±ΡƒΠ΄Π΅Ρ‚ Π°Π΄Π°ΠΏΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒΡΡ ΠΏΠΎΠ΄ Ρ€Π°Π·ΠΌΠ΅Ρ€ ΠΈ количСство тСкста.

ΠžΡ‚ΡΡ‚ΡƒΠΏΡ‹,Β px

Π£ΠΊΠ°ΠΆΠΈΡ‚Π΅ расстояниС (Π² пиксСлях) ΠΌΠ΅ΠΆΠ΄Ρƒ тСкстом ΠΈ Π³Ρ€Π°Π½ΠΈΡ†Π°ΠΌΠΈ ΠΊΠΎΠ½Ρ‚Π΅ΠΉΠ½Π΅Ρ€Π°.

ΠžΡ‚ΡΡ‚ΡƒΠΏΡ‹ ΡƒΠΊΠ°Π·Ρ‹Π²Π°ΡŽΡ‚ΡΡ ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½ΠΎ для ΠΊΠ°ΠΆΠ΄ΠΎΠΉ ΠΈΠ· Π³Ρ€Π°Π½ΠΈΡ†.

Π€ΠΎΠ½

Π£ΠΊΠ°ΠΆΠΈΡ‚Π΅ Ρ†Π²Π΅Ρ‚ Ρ„ΠΎΠ½Π° тСкстового ΠΊΠΎΠ½Ρ‚Π΅ΠΉΠ½Π΅Ρ€Π°.

По ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ использованиС Ρ„ΠΎΠ½Π° для Π½ΠΎΠ²Ρ‹Ρ… элСмСнтов Π½Π΅Π°ΠΊΡ‚ΠΈΠ²Π½ΠΎ. Π§Ρ‚ΠΎΠ±Ρ‹ Π°ΠΊΡ‚ΠΈΠ²ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ настройку Ρ„ΠΎΠ½Π°, установитС ΠΏΡ€ΠΈΠ·Π½Π°ΠΊΒ (2).

Π§Ρ‚ΠΎΠ±Ρ‹ ΠΎΡ‚ΠΊΠ»ΡŽΡ‡ΠΈΡ‚ΡŒ использованиС Ρ„ΠΎΠ½Π° для Ρ‚Π΅ΠΊΡƒΡ‰Π΅Π³ΠΎ элСмСнта, этот ΠΏΡ€ΠΈΠ·Π½Π°ΠΊ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ ΡΠ½ΡΡ‚ΡŒ.

Π§Ρ‚ΠΎΠ±Ρ‹ Π½Π°ΡΡ‚Ρ€ΠΎΠΈΡ‚ΡŒ ΠΎΠ΄Π½ΠΎΡ‚ΠΎΠ½Π½Ρ‹ΠΉ Ρ„ΠΎΠ½, Π½Π°ΠΆΠΌΠΈΡ‚Π΅ Β ΠΈ Π² ΠΎΡ‚ΠΊΡ€Ρ‹Π²ΡˆΠ΅ΠΌΡΡ ΠΎΠΊΠ½Π΅ Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΡ‹ΠΉ Ρ†Π²Π΅Ρ‚.

Π­Π»Π΅ΠΌΠ΅Π½Ρ‚ МСню 

Π­Π»Π΅ΠΌΠ΅Π½Ρ‚ МСню прСдставляСт собой Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΎΠ½Π½ΡƒΡŽ панСль, которая состоит ΠΈΠ· пСрСчня ссылок (Рис.Β  7). Для этого элСмСнта ΠΌΠΎΠΆΠ½ΠΎ Π½Π°ΡΡ‚Ρ€ΠΎΠΈΡ‚ΡŒ Ρ€Π°Π·Π½ΠΎΠ΅ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ для ΠΊΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€ΠΎΠ² ΠΈ ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Ρ… устройств.

Рис. 7Β β€” Π”ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΠ΅ мСню Π² шаблон письма

Рис. 8Β β€” ПанСль настройки мСню

ΠŸΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€

ОписаниС

Навигационная Ρ†Π΅ΠΏΠΎΡ‡ΠΊΠ°Β (1)

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

ΠšΠΎΠ½ΡΡ‚Ρ€ΡƒΠΊΡ‚ΠΎΡ€ мСню

ДобавляйтС, удаляйтС ΠΈΠ»ΠΈ ΠΏΠ΅Ρ€Π΅ΠΌΠ΅Ρ‰Π°ΠΉΡ‚Π΅ ссылки Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΈ.

Для ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄Π° ΠΊ настройкС ΠΏΡƒΠ½ΠΊΡ‚Π° мСню ΠΊΠ»ΠΈΠΊΠ½ΠΈΡ‚Π΅ ΠΏΠΎ Π΅Π³ΠΎ названию Π² конструкторС.

Для добавлСния Π½ΠΎΠ²ΠΎΠ³ΠΎ ΠΏΡƒΠ½ΠΊΡ‚Π° мСню Π½Π°ΠΆΠΌΠΈΡ‚Π΅ Π”ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ ссылку.

Π§Ρ‚ΠΎΠ±Ρ‹ ΡƒΠ΄Π°Π»ΠΈΡ‚ΡŒ ссылку, Π½Π°ΠΆΠΌΠΈΡ‚Π΅ ΠΊΠ½ΠΎΠΏΠΊΡƒ . Π•Π΄ΠΈΠ½ΡΡ‚Π²Π΅Π½Π½ΡƒΡŽ ссылку Π² мСню ΡƒΠ΄Π°Π»ΠΈΡ‚ΡŒ нСльзя.

Π’Ρ‹Ρ€Π°Π²Π½ΠΈΠ²Π°Π½ΠΈΠ΅

НастройтС Π²Ρ‹Ρ€Π°Π²Π½ΠΈΠ²Π°Π½ΠΈΠ΅ для ссылок Π² мСню.

Π“Π°ΠΌΠ±ΡƒΡ€Π³Π΅Ρ€ мСню

УстановитС ΠΏΡ€ΠΈΠ·Π½Π°ΠΊ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π½Π° ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Ρ… устройствах мСню Ρ‚Ρ€Π°Π½ΡΡ„ΠΎΡ€ΠΌΠΈΡ€ΠΎΠ²Π°Π»ΠΎΡΡŒ Π² β€œΠ³Π°ΠΌΠ±ΡƒΡ€Π³Π΅Ρ€β€ β€” ссылки ΠΌΠΎΠΆΠ½ΠΎ Π±Ρ‹Π»ΠΎ ΠΎΡ‚ΠΎΠ±Ρ€Π°Π·ΠΈΡ‚ΡŒ ΠΈΠ»ΠΈ ΡΠΊΡ€Ρ‹Ρ‚ΡŒ ΠΏΠΎΠ΄ ΠΈΠΊΠΎΠ½ΠΊΠΎΠΉ-β€œΠ³Π°ΠΌΠ±ΡƒΡ€Π³Π΅Ρ€ΠΎΠΌβ€.

Π’Ρ‹Ρ€Π°Π²Π½ΠΈΠ²Π°Π½ΠΈΠ΅ ΠΈΠΊΠΎΠ½ΠΊΠΈ

НастройтС Π²Ρ‹Ρ€Π°Π²Π½ΠΈΠ²Π°Π½ΠΈΠ΅ для ΠΈΠΊΠΎΠ½ΠΊΠΈ-β€œΠ³Π°ΠΌΠ±ΡƒΡ€Π³Π΅Ρ€Π°β€ Β (ΠΏΠΎ Π»Π΅Π²ΠΎΠΉ Π³Ρ€Π°Π½ΠΈΡ†Π΅ , ΠΏΠΎ Ρ†Π΅Π½Ρ‚Ρ€Ρƒ Β Β ΠΈΠ»ΠΈ ΠΏΠΎ ΠΏΡ€Π°Π²ΠΎΠΉ Π³Ρ€Π°Π½ΠΈΡ†Π΅ ).

Π­Ρ‚ΠΎ ΠΏΠΎΠ»Π΅ отобраТаСтся Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Π² Ρ‚ΠΎΠΌ случаС, Ссли установлСн ΠΏΡ€ΠΈΠ·Π½Π°ΠΊ Π“Π°ΠΌΠ±ΡƒΡ€Π³Π΅Ρ€ мСню.

Π¦Π²Π΅Ρ‚ ΠΈΠΊΠΎΠ½ΠΊΠΈ

НаТмитС Β , Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ Ρ†Π²Π΅Ρ‚ ΠΈΠΊΠΎΠ½ΠΊΠΈ-β€œΠ³Π°ΠΌΠ±ΡƒΡ€Π³Π΅Ρ€Π°β€.

Π­Ρ‚ΠΎ ΠΏΠΎΠ»Π΅ отобраТаСтся Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Π² Ρ‚ΠΎΠΌ случаС, Ссли установлСн ΠΏΡ€ΠΈΠ·Π½Π°ΠΊ Π“Π°ΠΌΠ±ΡƒΡ€Π³Π΅Ρ€ мСню.

Π­Π»Π΅ΠΌΠ΅Π½Ρ‚ ΠŸΡƒΠ½ΠΊΡ‚ мСню 

Π­Π»Π΅ΠΌΠ΅Π½Ρ‚ ΠŸΡƒΠ½ΠΊΡ‚ мСню (Рис. 9) прСдставляСт собой ссылку, которая Π²Ρ…ΠΎΠ΄ΠΈΡ‚ Π² Ρ€ΠΎΠ΄ΠΈΡ‚Π΅Π»ΡŒΡΠΊΡƒΡŽ Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΎΠ½Π½ΡƒΡŽ панСль, ΡΠΎΡΡ‚ΠΎΡΡ‰ΡƒΡŽ ΠΈΠ· Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΎΠ½Π½Ρ‹Ρ… ссылок.

Рис. 9Β β€” Π”ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΠ΅ ΠΏΡƒΠ½ΠΊΡ‚Π° мСню

Β 

Рис. 10Β β€” ПанСль настройки ΠΏΡƒΠ½ΠΊΡ‚Π° мСню

ΠŸΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€

ОписаниС

Навигационная Ρ†Π΅ΠΏΠΎΡ‡ΠΊΠ°Β (1)

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

Бсылка для ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄Π°

Π£ΠΊΠ°ΠΆΠΈΡ‚Π΅ URL-адрСс для ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄Π°.

Π¨Ρ€ΠΈΡ„Ρ‚

Π’ этой Π³Ρ€ΡƒΠΏΠΏΠ΅ настроСк ΠΎΠΏΡ€Π΅Π΄Π΅Π»ΡΡŽΡ‚ΡΡ характСристики ΡˆΡ€ΠΈΡ„Ρ‚Π°, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π±ΡƒΠ΄Π΅Ρ‚ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒΡΡ для ΠΏΡƒΠ½ΠΊΡ‚Π° мСню.

Набор ΡˆΡ€ΠΈΡ„Ρ‚ΠΎΠ² Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Π° шаблонов β€” ΡƒΠΊΠ°ΠΆΠΈΡ‚Π΅ ΡˆΡ€ΠΈΡ„Ρ‚ для ΠΏΡƒΠ½ΠΊΡ‚Π° мСню. ΠŸΠ΅Ρ€Π΅Ρ‡Π΅Π½ΡŒ ΡˆΡ€ΠΈΡ„Ρ‚ΠΎΠ², доступных ΠΊ использованию Π² ΠΏΠΈΡΡŒΠΌΠ°Ρ…, настраиваСтся Π² справочникС Набор ΡˆΡ€ΠΈΡ„Ρ‚ΠΎΠ² Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Π° шаблонов. ΠŸΠΎΠ΄Ρ€ΠΎΠ±Π½Π΅Π΅:Β ΠΠ°ΡΡ‚Ρ€ΠΎΠΈΡ‚ΡŒ ΡˆΡ€ΠΈΡ„Ρ‚Ρ‹ Π² Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Π΅ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π°.

Π Π°Π·ΠΌΠ΅Ρ€, px β€” ΡƒΠΊΠ°ΠΆΠΈΡ‚Π΅ высоту ΡˆΡ€ΠΈΡ„Ρ‚Π° Π² пиксСлях.

Π§Ρ‚ΠΎΠ±Ρ‹ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ Ρ†Π²Π΅Ρ‚ ΡˆΡ€ΠΈΡ„Ρ‚Π°, Π½Π°ΠΆΠΌΠΈΡ‚Π΅ Β ΠΈ Π² ΠΎΡ‚ΠΊΡ€Ρ‹Π²ΡˆΠ΅ΠΌΡΡ ΠΎΠΊΠ½Π΅ Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΡ‹ΠΉ Ρ†Π²Π΅Ρ‚.

Высота строки, px β€” ΡƒΠΊΠ°ΠΆΠΈΡ‚Π΅ расстояниС ΠΌΠ΅ΠΆΠ΄Ρƒ строками тСкста ΠΈ Π³Ρ€Π°Π½ΠΈΡ†Π°ΠΌΠΈ элСмСнта.

Максимально допустимая высота строки составляСт 250 пиксСлСй, Π° минимальная Π½Π΅ ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ мСньшС высоты ΡˆΡ€ΠΈΡ„Ρ‚Π°.

ΠžΡ‚ΡΡ‚ΡƒΠΏΡ‹, px

Π£ΠΊΠ°ΠΆΠΈΡ‚Π΅ расстояниС (Π² пиксСлях) ΠΌΠ΅ΠΆΠ΄Ρƒ тСкстом ΠΈ Π³Ρ€Π°Π½ΠΈΡ†Π°ΠΌΠΈ ΠΊΠΎΠ½Ρ‚Π΅ΠΉΠ½Π΅Ρ€Π°.

ΠžΡ‚ΡΡ‚ΡƒΠΏΡ‹ ΡƒΠΊΠ°Π·Ρ‹Π²Π°ΡŽΡ‚ΡΡ ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½ΠΎ для ΠΊΠ°ΠΆΠ΄ΠΎΠΉ ΠΈΠ· Π³Ρ€Π°Π½ΠΈΡ†.

Π­Π»Π΅ΠΌΠ΅Π½Ρ‚ [Π Π°Π·Π΄Π΅Π»ΠΈΡ‚Π΅Π»ΡŒ]Β 

Π­Π»Π΅ΠΌΠ΅Π½Ρ‚ Π Π°Π·Π΄Π΅Π»ΠΈΡ‚Π΅Π»ΡŒ (Рис. 11) ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ для размСТСвания сосСдних элСмСнтов Π³ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΡŒΠ½Ρ‹ΠΌΠΈ линиями ΠΈΠ»ΠΈ полями.

Рис. 11Β β€” Π”ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΠ΅ раздСлитСля Π² шаблон письма

На ΠΏΠ°Π½Π΅Π»ΠΈ настройки Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π·Π°Π΄Π°Ρ‚ΡŒ высоту раздСлитСля, Π° Ρ‚Π°ΠΊΠΆΠ΅ ΡƒΠΊΠ°Π·Π°Ρ‚ΡŒ Ρ†Π²Π΅Ρ‚ ΠΈ Ρ‚ΠΎΠ»Ρ‰ΠΈΠ½Ρƒ Π³ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΡŒΠ½ΠΎΠΉ Π»ΠΈΠ½ΠΈΠΈ.

Рис. 12Β β€” ПанСль настройки раздСлитСля

ΠŸΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€

ОписаниС

Навигационная Ρ†Π΅ΠΏΠΎΡ‡ΠΊΠ°Β (1)

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

Настройки раздСлитСля

Π’ этой Π³Ρ€ΡƒΠΏΠΏΠ΅ настроСк Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π·Π°Π΄Π°Ρ‚ΡŒ ΡΡ‚ΠΈΠ»ΡŒ, Ρ†Π²Π΅Ρ‚ ΠΈ Ρ‚ΠΎΠ»Ρ‰ΠΈΠ½Ρƒ Π³ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΡŒΠ½ΠΎΠΉ Π»ΠΈΠ½ΠΈΠΈ раздСлитСля.

ΠžΡ‚ΡΡ‚ΡƒΠΏΡ‹,Β px

Π£ΠΊΠ°ΠΆΠΈΡ‚Π΅ расстояниС (Π² пиксСлях) ΠΌΠ΅ΠΆΠ΄Ρƒ Π»ΠΈΠ½ΠΈΠ΅ΠΉ раздСлитСля ΠΈ Π³Ρ€Π°Π½ΠΈΡ†Π°ΠΌΠΈ элСмСнта.

ΠžΡ‚ΡΡ‚ΡƒΠΏΡ‹ ΡƒΠΊΠ°Π·Ρ‹Π²Π°ΡŽΡ‚ΡΡ ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½ΠΎ для ΠΊΠ°ΠΆΠ΄ΠΎΠΉ ΠΈΠ· Π³Ρ€Π°Π½ΠΈΡ†.

Π€ΠΎΠ½

Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ эту Π³Ρ€ΡƒΠΏΠΏΡƒ настроСк для Ρ‚ΠΎΠ³ΠΎ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π½Π°ΡΡ‚Ρ€ΠΎΠΈΡ‚ΡŒ ΠΈΠ»ΠΈ ΡƒΠ΄Π°Π»ΠΈΡ‚ΡŒ Ρ„ΠΎΠ½ раздСлитСля.

Π­Π»Π΅ΠΌΠ΅Π½Ρ‚ [ΠžΡ‚ΡΡ‚ΡƒΠΏ]Β 

Π­Π»Π΅ΠΌΠ΅Π½Ρ‚ ΠžΡ‚ΡΡ‚ΡƒΠΏ (Рис. 12) ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ для раздСлСния смСТных элСмСнтов пустым пространством, ΠΏΠΎ Π°Π½Π°Π»ΠΎΠ³ΠΈΠΈ с ΠΏΡ€ΠΎΠ·Ρ€Π°Ρ‡Π½ΠΎΠΉ Π³ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΡŒΠ½ΠΎΠΉ Π»ΠΈΠ½ΠΈΠ΅ΠΉ.

Рис. 12Β β€” Π”ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΠ΅ отступа Π² шаблон

Рис. 13Β β€” ПанСль настройки отступа

ΠŸΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€

ОписаниС

Навигационная Ρ†Π΅ΠΏΠΎΡ‡ΠΊΠ°Β (1)

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

Π Π°Π·ΠΌΠ΅Ρ€, px

Π—Π°ΠΏΠΎΠ»Π½ΠΈΡ‚Π΅ ΠΏΠΎΠ»Π΅ Высота, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΎΠΏΡ€Π΅Π΄Π΅Π»ΠΈΡ‚ΡŒ Ρ€Π°Π·ΠΌΠ΅Ρ€ отступа.

Π€ΠΎΠ½

Π£ΠΊΠ°ΠΆΠΈΡ‚Π΅ Ρ†Π²Π΅Ρ‚ Ρ„ΠΎΠ½Π° отступа.

По ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ использованиС Ρ„ΠΎΠ½Π° для Π½ΠΎΠ²Ρ‹Ρ… элСмСнтов Π½Π΅Π°ΠΊΡ‚ΠΈΠ²Π½ΠΎ. Π§Ρ‚ΠΎΠ±Ρ‹ Π°ΠΊΡ‚ΠΈΠ²ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ настройку Ρ„ΠΎΠ½Π°, установитС ΠΏΡ€ΠΈΠ·Π½Π°ΠΊΒ (2).

Π§Ρ‚ΠΎΠ±Ρ‹ ΠΎΡ‚ΠΊΠ»ΡŽΡ‡ΠΈΡ‚ΡŒ использованиС Ρ„ΠΎΠ½Π° для Ρ‚Π΅ΠΊΡƒΡ‰Π΅Π³ΠΎ элСмСнта, этот ΠΏΡ€ΠΈΠ·Π½Π°ΠΊ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ ΡΠ½ΡΡ‚ΡŒ.

Π§Ρ‚ΠΎΠ±Ρ‹ Π½Π°ΡΡ‚Ρ€ΠΎΠΈΡ‚ΡŒ ΠΎΠ΄Π½ΠΎΡ‚ΠΎΠ½Π½Ρ‹ΠΉ Ρ„ΠΎΠ½, Π½Π°ΠΆΠΌΠΈΡ‚Π΅ Β ΠΈ Π² ΠΎΡ‚ΠΊΡ€Ρ‹Π²ΡˆΠ΅ΠΌΡΡ ΠΎΠΊΠ½Π΅ Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΡ‹ΠΉ Ρ†Π²Π΅Ρ‚.

ΠΊΠ½ΠΎΠΏΠΊΠΈ ΠΈ Ρ„ΠΎΡ€ΠΌΡ‹ для Π²Π²ΠΎΠ΄Π° ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΈ β€” Π”ΠΈΠ·Π°ΠΉΠ½ Π½Π° vc.ru

76Β 220 просмотров

ΠŸΡ€ΠΎΠ΄ΠΎΠ»ΠΆΠ°Π΅ΠΌ ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ ΡΠΎΠ±ΡΡ‚Π²Π΅Π½Π½ΡƒΡŽ Π΄ΠΈΠ·Π°ΠΉΠ½-систСму Π² Figma. БСгодня Π±ΡƒΠ΄Π΅Ρ‚ ΠΌΠ½ΠΎΠ³ΠΎ Π±ΡƒΠΊΠ² ΠΈ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΎΠΊ. ΠœΡ‹ ΠΏΠΎΠ³ΠΎΠ²ΠΎΡ€ΠΈΠΌ ΠΎ Ρ‚ΠΎΠΌ, ΠΊΠ°ΠΊ я дСлаю ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚Ρ‹ для ΠΊΠ½ΠΎΠΏΠΎΠΊ, ΠΈΠ½ΠΏΡƒΡ‚ΠΎΠ², чСкбоксов, радиобоксов, Π²Ρ‹ΠΏΠ°Π΄Π°ΡŽΡ‰ΠΈΡ… списков ΠΈ ΠΏΡ€ΠΎΡ‡ΠΈΡ… элСмСнтов, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ часто Π²ΡΡ‚Ρ€Π΅Ρ‡Π°ΡŽΡ‚ΡΡ Π² Π΄ΠΈΠ·Π°ΠΉΠ½Π΅ сайтов ΠΈ интСрфСйсов.

Π’ ΠΏΡ€ΠΎΡˆΠ»ΠΎΠΉ ΡΡ‚Π°Ρ‚ΡŒΠ΅ ΠΌΡ‹ создавали стили для тСкста, Π·Π°Π»ΠΈΠ²ΠΎΠΊ, стили Ρ‚Π΅Π½Π΅ΠΉ, Π° Ρ‚Π°ΠΊΠΆΠ΅ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚ для плашСк.

Π’ своСм Telegram-ΠΊΠ°Π½Π°Π»Π΅ я рСгулярно дСлюсь ΠΏΠΎΠ»Π΅Π·Π½Ρ‹ΠΌΠΈ ссылками, своими ΡΡ‚Π°Ρ‚ΡŒΡΠΌΠΈ, мыслями ΠΎ своСй Ρ€Π°Π±ΠΎΡ‚Π΅.

Кнопки

Кнопки ΠΌΠΎΠ³ΡƒΡ‚ ΠΈΠΌΠ΅Ρ‚ΡŒ нСсколько состояний:

  • Кнопка Π² спокойном состоянии.
  • Кнопка ΠΏΡ€ΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ.
  • Кнопка, подсвСчСнная ΠΏΡ€ΠΈ Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΈ ΠΏΠΎ страницС ΠΏΡ€ΠΈ ΠΏΠΎΠΌΠΎΡ‰ΠΈ Ρ‚Π°Π±Π°.
  • И нСактивная ΠΊΠ½ΠΎΠΏΠΊΠ°.

БСгодня ΠΌΡ‹ рассмотрим, ΠΊΠ°ΠΊ ΠΎΡ‚Ρ€ΠΈΡΠΎΠ²Π°Ρ‚ΡŒ всС эти состояния ΠΈ Π»Π΅Π³ΠΊΠΎ ΠΏΠ΅Ρ€Π΅ΠΊΠ»ΡŽΡ‡Π°Ρ‚ΡŒΡΡ ΠΌΠ΅ΠΆΠ΄Ρƒ Π½ΠΈΠΌΠΈ.

Кнопки Π² Figma ΠΌΠΎΠΆΠ½ΠΎ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ двумя способами: с использованиСм Auto Layout (ΠΌΠ°ΡΡˆΡ‚Π°Π±ΠΈΡ€ΡƒΡŽΡ‚ΡΡ вмСстС с тСкстом Π²Π½ΡƒΡ‚Ρ€ΠΈ) ΠΈ ΠΊΠ½ΠΎΠΏΠΊΠΈ с тСкстом, располоТСнным ΠΏΠΎ Ρ†Π΅Π½Ρ‚Ρ€Ρƒ Π²Π½Π΅ зависимости ΠΎΡ‚ Ρ‚ΠΎΠ³ΠΎ, Π΄ΠΎ ΠΊΠ°ΠΊΠΎΠ³ΠΎ Ρ€Π°Π·ΠΌΠ΅Ρ€Π° ΠΌΠ°ΡΡˆΡ‚Π°Π±ΠΈΡ€ΠΎΠ²Π°Π½Π° сама ΠΊΠ½ΠΎΠΏΠΊΠ°. Π’ Ρ€Π°Π·Π½Ρ‹Ρ… ситуациях ΡƒΠ΄ΠΎΠ±Π½Ρ‹ Ρ€Π°Π·Π½Ρ‹Π΅ Π²Π°Ρ€ΠΈΠ°Π½Ρ‚Ρ‹ ΠΊΠ½ΠΎΠΏΠΎΠΊ.

Π‘Π°Π·ΠΎΠ²Ρ‹ΠΉ (Ρ€ΠΎΠ΄ΠΈΡ‚Π΅Π»ΡŒΡΠΊΠΈΠΉ) ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚ ΠΊΠ½ΠΎΠΏΠΊΠΈ с использованиСм Auto Layout

Π‘ΠΎΠ·Π΄Π°Π΅ΠΌ ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊ Π½ΡƒΠΆΠ½ΠΎΠ³ΠΎ Ρ€Π°Π·ΠΌΠ΅Ρ€Π°, Π·Π°Π΄Π°Π΅ΠΌ скруглСниС ΡƒΠ³Π»ΠΎΠ² ΠΈ ΠΏΡ€ΠΎΡ‡ΠΈΠ΅ эффСкты, Ссли Π½ΡƒΠΆΠ½ΠΎ. ΠŸΠΎΠ΄Π±ΠΈΡ€Π°Π΅ΠΌ Ρ†Π²Π΅Ρ‚ ΠΈΠ· ΠΏΠ°Π»ΠΈΡ‚Ρ€Ρ‹, ΠΊΠΎΡ‚ΠΎΡ€ΡƒΡŽ ΠΌΡ‹ создавали Π² ΠΏΡ€Π΅Π΄Ρ‹Π΄ΡƒΡ‰Π΅ΠΉ ΡΡ‚Π°Ρ‚ΡŒΠ΅. Π£ мСня это Π±ΡƒΠ΄Π΅Ρ‚ синяя ΠΊΠ½ΠΎΠΏΠΊΠ°. Если Π·Π°Π±Ρ‹Π»ΠΈ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ Π½ΡƒΠΆΠ½Ρ‹ ΡΡ‚ΠΈΠ»ΡŒ β€” создаём, добавляСм Π² Π½Π°ΡˆΡƒ систСму.

Π‘ ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Text Tool (T) пишСм Π½Π°Π·Π²Π°Π½ΠΈΠ΅ ΠΊΠ½ΠΎΠΏΠΊΠΈ. Π—Π°Π΄Π°Π΅ΠΌ ΡΡ‚ΠΈΠ»ΡŒ тСкста, Π·Π°Ρ€Π΅Π·Π΅Ρ€Π²ΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹ΠΉ Π² нашСй Π΄ΠΈΠ·Π°ΠΉΠ½-Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΠ΅ ΡΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½ΠΎ для ΠΊΠ½ΠΎΠΏΠΎΠΊ (смотри ΠΏΡ€Π΅Π΄Ρ‹Π΄ΡƒΡ‰ΡƒΡŽ ΡΡ‚Π°Ρ‚ΡŒΡŽ).

ΠŸΡ€ΠΈΠΌΠ΅Π½Π΅Π½ΠΈΠ΅ тСкстового стиля Π² Figma Π’Π°Ρ‚ΡŒΡΠ½Π° Маслакова

Π–ΠΌΠ΅ΠΌ Π½Π° ΠΈΠΊΠΎΠ½ΠΊΡƒ с трСмя Ρ‚ΠΎΡ‡ΠΊΠ°ΠΌΠΈ Π² ΠΏΠ°Π½Π΅Π»ΠΈ справой. Π”Π΅Π»Π°Π΅ΠΌ настройки, ΠΊΠ°ΠΊ Π½Π° ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ΅. Π’Π΅ΠΏΠ΅Ρ€ΡŒ Π³Ρ€Π°Π½ΠΈΡ†Ρ‹ Ρ€Π°ΠΌΠΊΠΈ тСкста Π±ΡƒΠ΄ΡƒΡ‚ ΠΈΠ·ΠΌΠ΅Π½ΡΡ‚ΡŒΡΡ Π² Ρ€Π°Π·ΠΌΠ΅Ρ€Π΅ вмСстС с самим тСкстом ΠΏΠΎ ΠΌΠ΅Ρ€Π΅ Π½Π°Π±ΠΎΡ€Π° Ρ„Ρ€Π°Π·Ρ‹.

​Настройка цСнтрирования тСкста Π² ΠΊΠ½ΠΎΠΏΠΊΠ΅ Π² Figma Π’Π°Ρ‚ΡŒΡΠ½Π° Маслакова

Π”Π°Π»Π΅Π΅ Π²Ρ‹Ρ€Π°Π²Π½ΠΈΠ²Π°Π΅ΠΌ слой с тСкстом ΠΎΡ‚Π½ΠΎΡΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊΠ° ΠΏΠΎ Ρ†Π΅Π½Ρ‚Ρ€Ρƒ. Для этого, Π²Ρ‹Π΄Π΅Π»ΠΈΠ² ΠΎΠ±Π° слоя, ΠΏΠΎΡΠ»Π΅Π΄ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ ΠΆΠΌΠ΅ΠΌ Π΄Π²Π΅ ΠΈΠΊΠΎΠ½ΠΊΠΈ Π²Π²Π΅Ρ€Ρ…Ρƒ Π² ΠΏΡ€Π°Π²ΠΎΠΉ ΠΏΠ°Π½Π΅Π»ΠΈ:

​ВыравниваниС ΠΎΠ±ΡŠΠ΅ΠΊΡ‚ΠΎΠ² Π² Figma Π’Π°Ρ‚ΡŒΡΠ½Π° Маслакова

Π—Π°Ρ‚Π΅ΠΌ Π²Ρ‹Π΄Π΅Π»Π°Π΅ΠΌ ΠΎΠ±Π° слоя ΠΈ Π·Π°ΠΏΠ°ΠΊΠΎΠ²Ρ‹Π²Π°Π΅ΠΌ Π² ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚, Π·Π°Π΄Π°Π΅ΠΌ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚Ρƒ имя.

Π‘Ρ€Π°Π·Ρƒ ΠΏΠΎΠ³ΠΎΠ²ΠΎΡ€ΠΈΠΌ ΠΎΠ± ΠΈΠΌΠ΅Π½ΠΎΠ²Π°Π½ΠΈΠΈ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚ΠΎΠ²: Ρ‡Ρ‚ΠΎΠ±Ρ‹ слСва Π½Π° Π²ΠΊΠ»Π°Π΄ΠΊΠ΅ Assets наши ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚Ρ‹ Ρ€Π°ΡΠΏΠΎΠ»ΠΎΠΆΠΈΠ»ΠΈΡΡŒ Π² ΠΎΠ΄Π½ΠΎΠΉ Π³Ρ€ΡƒΠΏΠΏΠ΅, ΠΈΡ… слСдуСт ΠΈΠΌΠ΅Π½ΠΎΠ²Π°Ρ‚ΡŒ Ρ‡Π΅Ρ€Π΅Π· слСш. НапримСр я Ρ…ΠΎΡ‡Ρƒ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ всС ΠΊΠ½ΠΎΠΏΠΊΠΈ Ρƒ мСня ΠΏΠΎΠΏΠ°Π»ΠΈ Π² ΠΏΠ°ΠΏΠΊΡƒ Button. Для этого я ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽ Π² ΠΈΠΌΠ΅Π½Π°Ρ… прСфикс button /. НапримСр button /blue ΠΈ Ρ‚Π°ΠΊ Π΄Π°Π»Π΅Π΅. Π’Π°ΠΊΠΈΠΌ ΠΆΠ΅ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ ΠΌΠΎΠΆΠ½ΠΎ ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ ΠΏΠΎΠ΄ΠΏΠ°ΠΏΠΊΠΈ. Π—Π°Ρ€Π°Π½Π΅Π΅ ΠΏΡ€ΠΎΠ΄ΡƒΠΌΠ°ΠΉΡ‚Π΅, ΠΊΠ°ΠΊ Π²Ρ‹ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ ΠΎΠ±ΡŠΠ΅Π΄ΠΈΠ½ΠΈΡ‚ΡŒ создаваСмыС Π²Π°ΠΌΠΈ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚Ρ‹ ΠΈ ΠΏΡ€ΠΈΠ΄ΡƒΠΌΠ°ΠΉΡ‚Π΅ названия для ΠΏΠ°ΠΏΠΎΠΊ.

Π§Ρ‚ΠΎΠ±Ρ‹ ΠΎΠ±ΡŠΠ΅Π΄ΠΈΠ½ΠΈΡ‚ΡŒ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚Ρ‹ Π² ΠΎΠ΄Π½Ρƒ Π³Ρ€ΡƒΠΏΠΏΡƒ, Π½Π°Π·Π½Π°Ρ‡Π°Π΅ΠΌ всСм ΠΈΠΌ Π³Ρ€Π°ΠΌΠΎΡ‚Π½Ρ‹Π΅ ΠΈΠΌΠ΅Π½Π° с использованиСм / Π’Π°Ρ‚ΡŒΡΠ½Π° Маслакова

Π­Ρ‚ΠΎ ΡƒΠ΄ΠΎΠ±Π½ΠΎ Ρ‚Π°ΠΊΠΆΠ΅ ΠΈ ΠΏΡ€ΠΈ Π·Π°ΠΌΠ΅Π½Π΅ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚ΠΎΠ² Π² instance. Они Ρ‚Π°ΠΌ Ρ‚Π°ΠΊΠΆΠ΅ ΠΎΠ±ΡŠΠ΅Π΄ΠΈΠ½ΡΡŽΡ‚ΡΡ Π² Π³Ρ€ΡƒΠΏΠΏΡ‹.

Π§Ρ‚ΠΎΠ±Ρ‹ ΠΎΠ±ΡŠΠ΅Π΄ΠΈΠ½ΠΈΡ‚ΡŒ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚Ρ‹ Π² ΠΎΠ΄Π½Ρƒ Π³Ρ€ΡƒΠΏΠΏΡƒ, Π½Π°Π·Π½Π°Ρ‡Π°Π΅ΠΌ всСм ΠΈΠΌ Π³Ρ€Π°ΠΌΠΎΡ‚Π½Ρ‹Π΅ ΠΈΠΌΠ΅Π½Π° с использованиСм Β«/Β» Π’Π°Ρ‚ΡŒΡΠ½Π° Маслакова

Π˜Ρ‚Π°ΠΊ, ΠΌΡ‹ Π·Π°Π΄Π°Π»ΠΈ имя Π½ΠΎΠ²ΠΎΠΌΡƒ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚Ρƒ ΠΊΠ½ΠΎΠΏΠΊΠΈ. Π”Π°Π»Π΅Π΅, Π½Π΅ снимая выдСлСния с ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚Π° Π² ΠΏΠ°Π½Π΅Π»ΠΈ справа ΠΈΡ‰Π΅ΠΌ Π²ΠΊΠ»Π°Π΄ΠΊΡƒ Auto Layout ΠΈ ΠΆΠΌΠ΅ΠΌ плюс. Π’Π΅ΠΏΠ΅Ρ€ΡŒ, Ссли ΠΌΡ‹ Π·Π°Ρ…ΠΎΡ‚ΠΈΠΌ ΠΎΡ‚Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ тСкст ΠΊΠ½ΠΎΠΏΠΊΠΈ, Π΅Π΅ Ρ€Π°Π·ΠΌΠ΅Ρ€ Π±ΡƒΠ΄Π΅Ρ‚ ΠΈΠ·ΠΌΠ΅Π½ΡΡ‚ΡŒΡΡ вмСстС с этим тСкстом.

ИзмСняя Π΄Π²Π° ΠΏΡ€Π°Π²Ρ‹Ρ… ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Π° Π½Π° Π²ΠΊΠ»Π°Π΄ΠΊΠ΅ Auto Layout, добиваСмся подходящСго Ρ€Π°Π·ΠΌΠ΅Ρ€Π° отступов ΠΏΠΎ Π²Π΅Ρ€Ρ‚ΠΈΠΊΠ°Π»ΠΈ ΠΈ Π³ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΠΈ ΠΎΡ‚ Π³Ρ€Π°Π½ΠΈΡ† тСкста Π΄ΠΎ края ΠΊΠ½ΠΎΠΏΠΊΠΈ.

Π”ΠΎΡ€Π°Π±ΠΎΡ‚ΠΊΠ° Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π»Π° ΠΊΠ½ΠΎΠΏΠΊΠΈ

ΠœΡ‹ ΠΌΠΎΠΆΠ΅ΠΌ Ρ€Π°ΡΡˆΠΈΡ€ΠΈΡ‚ΡŒ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π» ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚Π°ΠΊΠ½ΠΎΠΏΠΊΠΈ, ΠΊ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Ρƒ, Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ Π² ΠΊΠ½ΠΎΠΏΠΊΡƒ ΠΈΠΊΠΎΠ½ΠΊΡƒ, ΠΊΠΎΡ‚ΠΎΡ€ΡƒΡŽ ΠΌΠΎΠΆΠ½ΠΎ Π±ΡƒΠ΄Π΅Ρ‚ ΡΠΊΡ€Ρ‹Π²Π°Ρ‚ΡŒ ΠΈΠ»ΠΈ ΠΏΠΎΠΊΠ°Π·Ρ‹Π²Π°Ρ‚ΡŒ Π² слуаС нСобходимости.

РисуСм Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΡ‹Π΅ ΠΈΠΊΠΎΠ½ΠΊΠΈ, Π·Π°Π΄Π°Π΅ΠΌ ΠΈΠΌ Ρ†Π²Π΅Ρ‚ ΠΈΠ· ΠΏΠ°Π»ΠΈΡ‚Ρ€Ρ‹. Π—Π°ΠΏΠ°ΠΊΠΎΠ²Ρ‹Π²Π°Π΅ΠΌ Π² ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚Ρ‹. Π—Π°Π΄Π°Π΅ΠΌ ΠΈΠΌΠ΅Π½Π° Ρ‚Π°ΠΊ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΎΠ½ΠΈ Π³Ρ€ΡƒΠΏΠΏΠΈΡ€ΠΎΠ²Π°Π»ΠΈΡΡŒ.

Π˜ΠΊΠΎΠ½ΠΊΠΈβ€‹ для ΠΊΠ½ΠΎΠΏΠΎΠΊ Π’Π°Ρ‚ΡŒΡΠ½Π° Маслакова

Π’Π½ΠΈΠΌΠ°Π½ΠΈΠ΅: Ρ€Π°Π·ΠΌΠ΅Ρ€Ρ‹ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚ΠΎΠ² Π΄ΠΎΠ»ΠΆΠ½Ρ‹ Π±Ρ‹Ρ‚ΡŒ ΠΎΠ΄ΠΈΠ½Π°ΠΊΠΎΠ²Ρ‹ΠΌΠΈ. Π£ мСня ΠΏΠΎΠ»ΡƒΡ‡ΠΈΠ»ΠΎΡΡŒ ΠΏΠΎΠ»Π΅ 20×20 пиксСлСй. Иконка Π²Π½ΡƒΡ‚Ρ€ΠΈ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚Π° ΠΌΠΎΠΆΠ΅Ρ‚ Π½Π΅ Π·Π°Π½ΠΈΠΌΠ°Ρ‚ΡŒ всС это ΠΏΠΎΠ»Π΅, Π½ΠΎ сами ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚Ρ‹ ΠΈΠΊΠΎΠ½ΠΎΠΊ Π΄ΠΎΠ»ΠΆΠ½Ρ‹ Π±Ρ‹Ρ‚ΡŒ ΠΈΠ΄Π΅Π½Ρ‚ΠΈΡ‡Π½Ρ‹ ΠΏΠΎ Ρ€Π°Π·ΠΌΠ΅Ρ€Ρƒ.

ΠšΠΎΠΏΠΈΡ€ΡƒΠ΅ΠΌ ΠΎΠ΄Π½Ρƒ ΠΈΠ· ΠΈΠΊΠΎΠ½ΠΎΠΊ ΠΈ ΠΏΠΎΠΌΠ΅Ρ‰Π°Π΅ΠΌ Π΅Π΅ экзСмпляр Π²Π½ΡƒΡ‚Ρ€ΡŒ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚Π° с ΠΊΠ½ΠΎΠΏΠΊΠΎΠΉ, Ρƒ мСня ΠΈΠΊΠΎΠ½ΠΊΠ° встанСт ΠΏΠ΅Ρ€Π΅Π΄ тСкстом.

β€‹ΠŸΠΎΠΌΠ΅Ρ‰Π°Π΅ΠΌ ΠΈΠΊΠΎΠ½ΠΊΡƒ Π² ΠΊΠ½ΠΎΠΏΠΊΡƒ с Auto Layout Π² Figma Π’Π°Ρ‚ΡŒΡΠ½Π° Маслакова

ΠžΡΡ‚Π°Π»ΡŒΠ½Ρ‹Π΅ ΠΈΠΊΠΎΠ½ΠΊΠΈ ΠΏΠΎΠΊΠ° оставляСм Π² ΠΏΠΎΠΊΠΎΠ΅. ПозТС я ΠΏΠΎΠΊΠ°ΠΆΡƒ, ΠΊΠ°ΠΊ ΠΌΠΎΠΆΠ½ΠΎ Π»Π΅Π³ΠΊΠΎ ΠΌΠ°Π½ΠΈΠΏΡƒΠ»ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΠΊΠ½ΠΎΠΏΠΊΠ°ΠΌΠΈ.

Π‘ΠΊΡ€Ρ‹Π²Π°Π΅ΠΌ Π½Π° ΠΏΠ°Π»ΠΈΡ‚Ρ€Π΅ слоСв Π½ΠΎΠ²ΡƒΡŽ ΠΈΠΊΠΎΠ½ΠΊΡƒ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π±Π°Π·ΠΎΠ²ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ ΠΊΠ½ΠΎΠΏΠΊΠΈ Π±Ρ‹Π»ΠΎ простым, ΠΏΡ€ΠΈ Π² процСссС Ρ€Π°Π±ΠΎΡ‚Ρ‹ с экзСмплярами ΠΊΠ½ΠΎΠΏΠΊΠΈ, ΠΌΡ‹ смоТСм ΠΎΡ‚ΠΎΠ±Ρ€Π°Π·ΠΈΡ‚ΡŒ ΠΈΠΊΠΎΠ½ΠΊΡƒ, Ссли ΠΎΠ½Π° понадобится Π² Π΄ΠΈΠ·Π°ΠΉΠ½Π΅.

Π‘Π°Π·ΠΎΠ²Ρ‹ΠΉ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚ Π³ΠΎΡ‚ΠΎΠ².

Π”Ρ€ΡƒΠ³ΠΈΠ΅ состояния ΠΊΠ½ΠΎΠΏΠΊΠΈ

НавСдСниС

Π‘ΠΎΠ·Π΄Π°Π΅ΠΌ экзСмпляр ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚Π° ΠΊΠ½ΠΎΠΏΠΊΠΈ (Contrl+d ΠΈΠ»ΠΈ Comand+d самого ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚Π° ΠΈΠ»ΠΈ ΠΏΠ΅Ρ€Π΅Ρ‚Π°Ρ‰ΠΈΡ‚ΡŒ Π½ΠΎΠ²ΡƒΡŽ ΠΊΠ½ΠΎΠΏΠΊΡƒ ΠΈΠ· ΠΏΠ°Π½Π΅Π»ΠΈ Assets).

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

Π― ΠΈΠ·ΠΌΠ΅Π½ΠΈΠ»Π° ΡΡ‚ΠΈΠ»ΡŒ Π·Π°Π»ΠΈΠ²ΠΊΠΈ ΠΊΠ½ΠΎΠΏΠΊΠΈ, Ρƒ мСня ΠΊΠ½ΠΎΠΏΠΊΠ° Π±ΡƒΠ΄Π΅Ρ‚ Ρ‡ΡƒΡ‚ΡŒ Ρ‡ΡƒΡ‚ΡŒ Ρ‚Π΅ΠΌΠ½Π΅Ρ‚ΡŒ ΠΏΡ€ΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ.

Π’Π΅ΠΏΠ΅Ρ€ΡŒ выдСляСм экзСмпляр ΠΊΠ½ΠΎΠΏΠΊΠΈ ΠΈ снова Π·Π°ΠΏΠ°ΠΊΠΎΠ²Ρ‹Π²Π°Π΅ΠΌ Π΅Π΅ Π² ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚, Π΄Π°Π΅ΠΌ имя с использованиСм /. Новый ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚ Ρ‚Π΅ΠΏΠ΅Ρ€ΡŒ наслСдуСт ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚ Π±Π°Π·ΠΎΠ²ΠΎΠΉ ΠΊΠ½ΠΎΠΏΠΊΠΈ. Если ΠΌΡ‹ Ρ‡Ρ‚ΠΎ-Ρ‚ΠΎ помСняСм Π² Π±Π°Π·ΠΎΠ²ΠΎΠΉ ΠΊΠ½ΠΎΠΏΠΊΠ΅ (ΠΊΡ€ΠΎΠΌΠ΅ Ρ†Π²Π΅Ρ‚Π°, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΌΡ‹ ΠΏΠ΅Ρ€Π΅ΠΎΠΏΡ€Π΅Π΄Π΅Π»ΠΈΠ»ΠΈ), это сразу отразится Π½Π° состоянии Π΄Ρ€ΡƒΠ³ΠΈΡ… ΠΊΠ½ΠΎΠΏΠΎΠΊ, созданных Π½Π° основС Π±Π°Π·ΠΎΠ²ΠΎΠ³ΠΎ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚Π° ΠΊΠ½ΠΎΠΏΠΊΠΈ.

ΠšΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚ ΠΊΠ½ΠΎΠΏΠΊΠΈ ΠΏΡ€ΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ Π² Figma Π’Π°Ρ‚ΡŒΡΠ½Π° Маслакова

ΠΠΊΡ‚ΠΈΠ²Π½ΠΎΡΡ‚ΡŒ ΠΏΠΎ Ρ‚Π°Π±Ρƒ ΠΈ нСактивная ΠΊΠ½ΠΎΠΏΠΊΠ°

Π­Ρ‚ΠΎ состояниС дСлаСтся Π°Π½Π°Π»ΠΎΠ³ΠΈΡ‡Π½Ρ‹ΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ. БоздаСтся экзСмпляр ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚Π° Π±Π°Π·ΠΎΠ²ΠΎΠΉ ΠΊΠ½ΠΎΠΏΠΊΠΈ ΠΈ ΠΈΠ·ΠΌΠ΅Π½ΡΡŽΡ‚ΡΡ Π½ΡƒΠΆΠ½Ρ‹Π΅ ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Ρ‹: Π·Π°Π»ΠΈΠ²ΠΊΠ°, ΡΡ‚ΠΈΠ»ΡŒ, эффСкты.

Π£ мСня Π°ΠΊΡ‚ΠΈΠ²Π½Ρ‹Π΅ ΠΏΠΎ Ρ‚Π°Π±Ρƒ ΠΊΠ½ΠΎΠΏΠΊΠΈ Π±ΡƒΠ΄ΡƒΡ‚ ΠΈΠΌΠ΅Ρ‚ΡŒ синюю Ρ‚Π΅Π½ΡŒ. Для этого я Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ создала ΡΡ‚ΠΈΠ»ΡŒ для Ρ‚Π΅Π½ΠΈ. Как это ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ, Ρ‡ΠΈΡ‚Π°ΠΉΡ‚Π΅ Π² ΠΏΡ€Π΅Π΄Ρ‹Π΄ΡƒΡ‰Π΅ΠΉ ΡΡ‚Π°Ρ‚ΡŒΠ΅.

Для Π½Π΅Π°ΠΊΡ‚ΠΈΠ²Π½ΠΎΠΉ ΠΊΠ½ΠΎΠΏΠΊΠΈ (ΠΊΠΎΡ‚ΠΎΡ€ΡƒΡŽ нСльзя Π½Π°ΠΆΠ°Ρ‚ΡŒ ΠΈ ΠΎΠ½Π° Π² интСрфСйсС Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€ Π±ΡƒΠ΄Π΅Ρ‚ Π°ΠΊΡ‚ΠΈΠ²ΠΈΡ€ΠΎΠ²Π°Π½Π° ΠΏΠΎΠ·ΠΆΠ΅) я сдСлала ΠΏΠΎΠ»ΡƒΠΏΡ€ΠΎΠ·Ρ€Π°Ρ‡Π½Ρ‹ΠΉ Ρ„ΠΎΠ½, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΊΠ½ΠΎΠΏΠΊΠ° интСрСсно ΡΠΌΠΎΡ‚Ρ€Π΅Π»Π°ΡΡŒ Π½Π΅ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Π½Π° Π±Π΅Π»ΠΎΠΌ, Π½ΠΎ ΠΈ Π½Π° Π½Π° Π½Π΅ΠΎΠ΄Π½ΠΎΡ€ΠΎΠ΄Π½ΠΎΠΌ Ρ†Π²Π΅Ρ‚Π½ΠΎΠΌ Ρ„ΠΎΠ½Π΅. Для этого Π±Ρ‹Π» создан Π½ΠΎΠ²Ρ‹ΠΉ ΡΡ‚ΠΈΠ»ΡŒ Π·Π°Π»ΠΈΠ²ΠΊΠΈ с ΠΏΡ€ΠΎΠ·Ρ€Π°Ρ‡Π½ΠΎΡΡ‚ΡŒΡŽ Π² 15%. Π£ тСста Π²Π½ΡƒΡ‚Ρ€ΠΈ ΠΊΠ½ΠΎΠΏΠΊΠΈ Π±Ρ‹Π»Π° ΠΏΠΎΠ½ΠΈΠΆΠ΅Π½Π° Π½Π΅ΠΏΡ€ΠΎΠ·Ρ€Π°Ρ‡Π½ΠΎΡΡ‚ΡŒ Π΄ΠΎ 50%.

ΠšΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚Ρ‹ Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Ρ… состояний ΠΊΠ½ΠΎΠΏΠΊΠΈ Π² Figma Π’Π°Ρ‚ΡŒΡΠ½Π° Маслакова

Кнопки Π±Π΅Π· Auto Layout, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΌΠΎΠΆΠ½ΠΎ ΠΌΠ°ΡΡˆΡ‚Π°Π±ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ

Иногда Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ Ρ‡Π΅Ρ‚ΠΊΠΎ Π²ΠΏΠΈΡΠ°Ρ‚ΡŒ ΠΊΠ½ΠΎΠΏΠΊΡƒ Π² сСтку ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π°, Π»ΠΈΠ±ΠΎ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ ΠΊΠ½ΠΎΠΏΠΊΡƒ ΠΎΠ³Ρ€ΠΎΠΌΠ½ΠΎΠΉ Π½Π° всю ΡˆΠΈΡ€ΠΈΠ½Ρƒ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π°.

НачинаСм Ρ‚Π°ΠΊ ΠΆΠ΅, ΠΊΠ°ΠΊ Π² ΠΏΡ€Π΅Π΄. Π²Π°Ρ€ΠΈΠ°Π½Ρ‚Π΅: создаСм ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊ, тСкст, Ρ†Π΅Π½Ρ‚Ρ€ΠΈΡ€ΡƒΠ΅ΠΌ ΠΈΡ… ΠΈ создаСм ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚. Но Π² этот Ρ€Π°Π· вмСсто Auto Layout ΠΌΡ‹ Π±ΡƒΠ΄Π΅ΠΌ Π·Π°Π΄Π°Π²Π°Ρ‚ΡŒ Constraints: Center, Center:

Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚Π° ΠΊΠ½ΠΎΠΏΠΊΠΈ Π² Figma Π±Π΅Π· Auto Layout Π’Π°Ρ‚ΡŒΡΠ½Π° Маслакова

Если Π² ΠΊΠ½ΠΎΠΏΠΊΠ°Ρ… Π½ΡƒΠΆΠ½Ρ‹ ΠΈΠΊΠΎΠ½ΠΊΠΈ, Ρ‚ΠΎ Π½ΡƒΠΆΠ½ΠΎ ΡΠ³Ρ€ΡƒΠΏΠΏΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ тСкст ΠΈ ΠΈΠΊΠΎΠ½ΠΊΡƒ ΠΈ ΠΏΡ€ΠΈΠΌΠ΅Π½ΠΈΡ‚ΡŒ Auto Layout Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Π½Π° саму эту Π³Ρ€ΡƒΠΏΠΏΡƒ. А Π΄Π°Π»Π΅Π΅ ΡƒΠΆΠ΅ Ρ†Π΅Π½Ρ‚Ρ€ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Constraints всю Π³Ρ€ΡƒΠΏΠΏΡƒ Π²Π½ΡƒΡ‚Ρ€ΠΈ ΠΊΠ½ΠΎΠΏΠΊΠΈ.

Constraints для Ρ„ΠΎΠ½ΠΎΠ²ΠΎΠ³ΠΎ ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊΠ°: Left+Right, Top+Bottom.

Бостояния ΠΌΠ°ΡΡˆΡ‚Π°Π±ΠΈΡ€ΡƒΠ΅ΠΌΠΎΠΉ ΠΊΠ½ΠΎΠΏΠΊΠΈ: создаСм экзСмпляр ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚Π° ΠΌΠ°ΡΡˆΡ‚Π°Π±ΠΈΡ€ΡƒΠ΅ΠΌΠΎΠΉ ΠΊΠ½ΠΎΠΏΠΊΠΈ, настраиваСм внСшний Π²ΠΈΠ΄. Π—Π°ΠΏΠ°ΠΊΠΎΠ²Ρ‹Π²Π°Π΅ΠΌ всС Π² Π΅Ρ‰Π΅ ΠΎΠ΄ΠΈΠ½ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚ с настройками Constraints: Left+Right, Top+Bottom.

Auto Layout Π² Π΄Π°Π½Π½ΠΎΠΌ случаС Π½Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ.

Кнопки ΠΌΠΎΠ³ΡƒΡ‚ ΡΠΎΡΡ‚ΠΎΡΡ‚ΡŒ Π½Π΅ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΈΠ· ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊΠ° ΠΈ тСкста. ΠžΡ‡Π΅Π½ΡŒ интСрСсно смотрятся Ρ€Π°Π·Π½ΠΎΠ³ΠΎ Ρ€ΠΎΠ΄Π° ΠΊΠ½ΠΎΠΏΠΊΠΈ, построСнныС ΡˆΠ΅ΠΉΠΏΠ°Ρ… с Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹ΠΌΠΈ настройками Constraints ΠΈΠ»ΠΈ Auto Layout:

НСстандартный Π΄ΠΈΠ·Π°ΠΉΠ½ ΠΊΠ½ΠΎΠΏΠΎΠΊ Π² Figma Π’Π°Ρ‚ΡŒΡΠ½Π° Маслакова

Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡ описанныС ΠΏΡ€ΠΈΠ½Ρ†ΠΈΠΏΡ‹, ΠΌΡ‹ ΠΌΠΎΠΆΠ΅ΠΌ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚Ρ‹ ΠΊΠ½ΠΎΠΏΠΎΠΊ Π΄Ρ€ΡƒΠ³ΠΎΠ³ΠΎ Ρ†Π²Π΅Ρ‚Π°, ΠΊΠ½ΠΎΠΏΠΊΠΈ с ΠΎΠ±Π²ΠΎΠ΄ΠΊΠΎΠΉ ΠΈ Ρ‚.Π΄. Π“Π»Π°Π²Π½ΠΎΠ΅ ΠΏΡ€Π°Π²ΠΈΠ»ΠΎ: ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚Ρ‹ Π΄ΠΎΠ»ΠΆΠ½Ρ‹ Π½Π°ΡΠ»Π΅Π΄ΠΎΠ²Π°Ρ‚ΡŒΡΡ ΠΎΡ‚ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚Π° Π±Π°Π·ΠΎΠ²ΠΎΠΉ ΠΊΠ½ΠΎΠΏΠΊΠΈ. Π­Ρ‚ΠΎΡ‚ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚ Π±ΡƒΠ΄Π΅Ρ‚ Π²Π»ΠΈΡΡ‚ΡŒ Π½Π° ΠΎΡΡ‚Π°Π»ΡŒΠ½Ρ‹Π΅ ΠΈ Π·Π°Π΄Π°Π²Π°Ρ‚ΡŒ ΠΈΠΌ Π±Π°Π·ΠΎΠ²Ρ‹Π΅ свойства.

Π’Π°ΠΊΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ ΠΌΠΎΠΆΠ½ΠΎ Π»Π΅Π³ΠΊΠΎ ΡƒΠΏΡ€Π°Π²Π»ΡΡ‚ΡŒ всСми ΠΊΠ½ΠΎΠΏΠΊΠ°ΠΌΠΈ сразу Ρ‡Π΅Ρ€Π΅Π· Π±Π°Π·ΠΎΠ²Ρ‹ΠΉ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚:

Π£ΠΏΡ€Π°Π²Π»Π΅Π½ΠΈΠ΅ всСми ΠΊΠ½ΠΎΠΏΠΊΠ°ΠΌΠΈ Ρ‡Π΅Ρ€Π΅Π· базовый​ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚ Π² Figma Π’Π°Ρ‚ΡŒΡΠ½Π° Маслакова

Π˜Ρ‚Π°ΠΊ, ΠΌΡ‹ создали ΠΌΠ½ΠΎΠ³ΠΎ Ρ€Π°Π·Π½Ρ‹Ρ… ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚ΠΎΠ² ΠΊΠ½ΠΎΠΏΠΎΠΊ, унаслСдованных ΠΎΡ‚ ΠΎΠ΄Π½ΠΎΠ³ΠΎ Π±Π°Π·ΠΎΠ²ΠΎΠ³ΠΎ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚Π°. ΠŸΠΎΡΠΌΠΎΡ‚Ρ€ΠΈΡ‚Π΅, ΠΊΠ°ΠΊ Π»Π΅Π³ΠΊΠΎ ΠΌΠ΅Π½ΡΡ‚ΡŒ Π²Π°Ρ€ΠΈΠ°Π½Ρ‚Ρ‹ ΠΊΠ½ΠΎΠΏΠΎΠΊ Ρ‡Π΅Ρ€Π΅Π· instance, ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Ρ‚ΡŒ ΠΈΠ»ΠΈ ΡΠΊΡ€Ρ‹Π²Π°Ρ‚ΡŒ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½ΡƒΡŽ ΠΈΠΊΠΎΠ½ΠΊ, ΠΌΠ΅Π½ΡΡ‚ΡŒ сами ΠΈΠΊΠΎΠ½ΠΊΠΈ:

Π“ΠΈΠ±ΠΊΠΎΠ΅ ΠΌΠ°Π½ΠΈΠΏΡƒΠ»ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ кнопками​ Π’Π°Ρ‚ΡŒΡΠ½Π° Маслакова

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

Π˜Π½ΠΏΡƒΡ‚Ρ‹ (поля Π²Π²ΠΎΠ΄Π°)

Π’ΡΠΏΠΎΠΌΠΎΠ³Π°Ρ‚Π΅Π»ΡŒΠ½Ρ‹ΠΉ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚ form_stroke/simple

Π”Π°Π»Π΅Π΅ ΠΌΡ‹ рассмотрим Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Π΅ Ρ„ΠΎΡ€ΠΌΡ‹ Π²Π²ΠΎΠ΄Π° ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΈ. Для ΠΈΡ… создания Π½Π°ΠΌ понадобится нСбольшой Π²ΡΠΏΠΎΠΌΠΎΠ³Π°Ρ‚Π΅Π»ΡŒΠ½Ρ‹ΠΉ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚ form_stroke/simple.

ΠžΠ±Ρ€Π°Ρ‚ΠΈΡ‚Π΅ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅ Π½Π° ΠΈΠΌΠ΅Π½ΠΎΠ²Π°Π½ΠΈΠ΅ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚Π° β€” я Π·Π°Ρ€Π°Π½Π΅Π΅ Π΅Π³ΠΎ задаю с использованиСм /, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΠΎΠ·Π΄Π½Π΅Π΅ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ Π² Π³Ρ€ΡƒΠΏΠΏΡƒ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚ΠΎΠ² form_stroke Π΄Ρ€ΡƒΠ³ΠΈΠ΅ Π²ΡΠΏΠΎΠΌΠΎΠ³Π°Ρ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚Ρ‹

ΠšΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚ form_stroke/simple Π±ΡƒΠ΄Π΅Ρ‚ ΡΠΎΠ΄Π΅Ρ€ΠΆΠ°Ρ‚ΡŒ Π² сСбС ΡΡ‚ΠΈΠ»ΡŒ оформлСния самого ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊΠ° Ρ„ΠΎΡ€ΠΌΡ‹ Π²Π²ΠΎΠ΄Π°. Π― сдСлала ΠΎΠ±Ρ‹Ρ‡Π½Ρ‹ΠΉ ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊ со сруглСнными ΡƒΠ³Π»Π°ΠΌΠΈ, с Π·Π°Π΄Π°Π½Π½Ρ‹ΠΌΠΈ ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Π°ΠΌΠΈ Π·Π°Π»ΠΈΠ²ΠΊΠΈ ΠΈ ΠΎΠ±Π²ΠΎΠ΄ΠΊΠΈ. Constraints ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊΠ°: left+right ΠΈ top+bottom.

β€‹Π²ΡΠΏΠΎΠΌΠΎΠ³Π°Ρ‚Π΅Π»ΡŒΠ½Ρ‹ΠΉ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚ для создания Ρ„ΠΎΡ€ΠΌ Π²Π²ΠΎΠ΄Π° Π² Figma Π’Π°Ρ‚ΡŒΡΠ½Π° Маслакова

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

НС Π·Π°Π±Ρ‹Π²Π°Π΅ΠΌ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ наши Π³ΠΎΡ‚ΠΎΠ²Ρ‹Π΅ стили Π·Π°Π»ΠΈΠ²ΠΎΠΊ, эффСктов, ΠΏΡ€ΠΈ нСобходимости Π΄ΠΎΠ±Π°Π²Π»ΡΡ‚ΡŒ Π² Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΡƒ Π½ΠΎΠ²Ρ‹Π΅ стили, Ссли ΠΎΠ½ΠΈ ΠΏΠΎΡ‚Ρ€Π΅Π±ΡƒΡŽΡ‚ΡΡ.

ΠΠΊΡ‚ΠΈΠ²Π½ΠΎΡΡ‚ΡŒ ΠΏΠΎ Ρ‚Π°Π±Ρƒ ΠΈ ΠΎΡˆΠΈΠ±ΠΎΡ‡Π½ΠΎΠ΅ состояниС Π±Π°Π·ΠΎΠ²ΠΎΠ³ΠΎ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚Π°Π˜Ρ‚Π°ΠΊ, ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚ Π³ΠΎΡ‚ΠΎΠ². Π― вынСсла Π΅Π³ΠΎ ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½ΠΎ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Ρƒ нас Π±Ρ‹Π»Π° Сдиная Ρ‚ΠΎΡ‡ΠΊΠ° рСдактирования стиля для всСх Ρ„ΠΎΡ€ΠΌ ΠΈ чСкбоксов β€” это довольно ΡƒΠ΄ΠΎΠ±Π½ΠΎ.

ΠΠΊΡ‚ΠΈΠ²Π½ΠΎΡΡ‚ΡŒ ΠΏΠΎ Ρ‚Π°Π±Ρƒ ΠΈ ΠΎΡˆΠΈΠ±ΠΎΡ‡Π½ΠΎΠ΅ состояниС Π±Π°Π·ΠΎΠ²ΠΎΠ³ΠΎ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚Π°

Π’Π°ΠΊΠΆΠ΅ Π½Π°ΠΌ ΠΏΠΎΡ‚Ρ€Π΅Π±ΡƒΡŽΡ‚ΡΡΡ Π΄Π²Π° унаслСдованных ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚Π° ΠΎΡ‚ form_stroke/simple для Π°ΠΊΡ‚ΠΈΠ²Π½Ρ‹Ρ… состояний ΠΏΠΎ Ρ‚Π°Π±Ρƒ ΠΈ состояний ошибки Π²Π²ΠΎΠ΄Π°. Для этого Π΄Π΅Π»Π°ΡŽΡ‚ΡΡ 2 Π½ΠΎΠ²Ρ‹Ρ… экзСмпляра form_stroke/simple, настраиваСтся ΠΈΡ… Π²ΠΈΠ΄ ΠΈ эти экзСмпляры Π·Π°ΠΏΠ°ΠΊΠΎΠ²Ρ‹Π²Π°ΡŽΡ‚ΡΡ Π² ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚Π°. ИмСна ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚Π°ΠΌ я Π·Π°Π΄Π°Π»Π° ΠΏΠΎ Ρ‚Π΅ΠΌ ΠΆΠ΅ ΠΏΡ€Π°Π²ΠΈΠ»Π°ΠΌ, Ρ‡Ρ‚ΠΎ ΠΈ Π±Π°Π·ΠΎΠ²Ρ‹ΠΉ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Оби объСдинились Π² Π³Ρ€ΡƒΠΏΠΏΡƒ

Π’ΡΠΏΠΎΠΌΠΎΠ³Π°Ρ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚Ρ‹ для Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Ρ… состояний ΠΏΠΎΠ΄Π»ΠΎΠΆΠΊΠΈ Ρƒ Ρ„ΠΎΡ€ΠΌΡ‹ Π²Π²ΠΎΠ΄Π° Π² Figma​ Π’Π°Ρ‚ΡŒΡΠ½Π° Маслакова

Π‘ΠΎΠ·Π΄Π°Π΅ΠΌ само ΠΏΠΎΠ»Π΅ Π²Π²ΠΎΠ΄Π° (ΠΈΠ½ΠΏΡƒΡ‚)

Для создания поля Π²Π²ΠΎΠ΄Π° Π½Π°ΠΌ ΠΌΠΎΠΆΠ΅Ρ‚ ΠΏΠΎΠ½Π°Π΄ΠΎΠ±ΠΈΡ‚ΡŒΡΡ:

  • Π Π°Π½Π΅Π΅ созданный Π±Π°Π·ΠΎΠ²Ρ‹ΠΉ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚
  • ΠžΡ‚Π΄Π΅Π»ΡŒΠ½Ρ‹ΠΉ тСкстовый слой с Π½Π°Π·Π²Π°Π½ΠΈΠ΅ΠΌ Ρ„ΠΎΡ€ΠΌΡ‹
  • ΠžΡ‚Π΄Π΅Π»ΡŒΠ½Ρ‹ΠΉ тСкстовый слой для Π²Π²ΠΎΠ΄ΠΈΠΌΠΎΠ³ΠΎ тСкста
  • ВСкст ошибки

Π­Ρ‚ΠΈ элСмСнты ΠΌΠΎΠ³ΡƒΡ‚ Ρ€Π°ΡΠΏΠΎΠ»Π°Π³Π°Ρ‚ΡŒΡΡ ΠΏΠΎ-Ρ€Π°Π·Π½ΠΎΠΌΡƒ Π² зависимости ΠΎΡ‚ ΠΆΠ΅Π»Π°Π΅ΠΌΠΎΠ³ΠΎ стиля. НазваниС Ρ„ΠΎΡ€ΠΌΡ‹ Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€ ΠΌΠΎΠΆΠ΅Ρ‚ ΡΡ‚ΠΎΡΡ‚ΡŒ Π½Π°Π΄ основным ΠΏΠΎΠ»Π΅ΠΌ, Π° ΠΌΠΎΠΆΠ΅Ρ‚ Ρ€Π°ΡΠΏΠΎΠ»Π°Π³Π°Ρ‚ΡŒΡΡ Π²Π½ΡƒΡ‚Ρ€ΠΈ Π½Π΅Π³ΠΎ. НазваниС Ρ‚Π°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ΅Ρ‚ ΡΠΊΡ€Ρ‹Π²Π°Ρ‚ΡŒΡΡ ΠΈΠ»ΠΈ Π½Π΅Ρ‚ ΠΏΡ€ΠΈ ΠΏΠΎΠΏΡ‹Ρ‚ΠΊΠ΅ ввСсти тСкст. ВСкст ошибки Ρ‚Π°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ΅Ρ‚ Ρ€Π°ΡΠΏΠΎΠ»Π°Π³Π°Ρ‚ΡŒΡΡ Π² Ρ€Π°Π·Π½Ρ‹Ρ… мСстах β€” свСрху, справа ΠΈ Ρ‚.Π΄.

Π‘ΠΎΠ·Π΄Π°Π΄ΠΈΠΌ Π½ΠΎΠ²Ρ‹ΠΉ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ Π½Π° основС Π±Π°Π·ΠΎΠ²ΠΎΠ³ΠΎ form_stroke/simple ΠΈ помСстим Π²Π½ΡƒΡ‚Ρ€ΡŒ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚Π° Ρ‚Π°ΠΊΠΆΠ΅ пСрСчислСнныС Π²Ρ‹ΡˆΠ΅ тСкстовыС слои:

Π‘ΠΎΠ·Π΄Π°Π΅ΠΌ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚ поля Π²Π²ΠΎΠ΄Π° Π² Figma Π’Π°Ρ‚ΡŒΡΠ½Π° Маслакова

НС Π·Π°Π±Ρ‹Π²Π°Π΅ΠΌ для Π²Π»ΠΎΠΆΠ΅Π½Π½ΠΎΠ³ΠΎ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚Π° ΠΈ тСкстов Π½Π°ΡΡ‚Ρ€Π°ΠΈΠ²Π°Ρ‚ΡŒ constraints. НапримСр Π²Π²ΠΎΠ΄ΠΈΠΌΡ‹ΠΉ тСкст Π² Ρ„ΠΎΡ€ΠΌΠ΅ ΠΈ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚ form_stroke/simple ΠΈΠΌΠ΅ΡŽΡ‚ настройки left+right ΠΈ top+bottom. НазваниС ΠΈ ошибка Ρ„ΠΎΡ€ΠΌ Π² нарисованном мною Π²Π°Ρ€ΠΈΠ°Π½Ρ‚Π΅ привязаны ΠΊ Π²Π΅Ρ€Ρ…Π½Π΅ΠΌΡƒ ΠΊΡ€Π°ΡŽ.

А Π²ΠΎΡ‚ Ρ‚Π°ΠΊ Π»Π΅Π³ΠΊΠΎ ΠΌΠΎΠΆΠ½ΠΎ ΠΌΠ΅Π½ΡΡ‚ΡŒ состояниС ошибки ΠΈ Π°ΠΊΡ‚ΠΈΠ²Π½ΠΎΡΡ‚ΡŒ поля Π²Π²ΠΎΠ΄Π°:

β€‹ΠœΠ΅Π½ΡΠ΅ΠΌ экзСмпляр Π±Π°Π·ΠΎΠ²ΠΎΠ³ΠΎ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚Π° Ρ‡Π΅Ρ€Π΅Π· Instance Π’Π°Ρ‚ΡŒΡΠ½Π° Маслакова

Π‘ΠΎΠ·Π΄Π°Π΅ΠΌ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚Ρ‹ для Ρ„ΠΎΡ€ΠΌ Π²Π²ΠΎΠ΄Π° Π² этих Π΄Π²ΡƒΡ… состояниях

Π’ ΠΌΠΎΠ΅ΠΌ Π²Π°Ρ€ΠΈΠ°Π½Ρ‚Π΅ Π±Ρ‹Π» использован Auto Layout Π½Π° Π½Π°Π·Π²Π°Π½ΠΈΠΈ Ρ„ΠΎΡ€ΠΌΡ‹ ΠΈ тСкстС ошибки, Ρ‡Ρ‚ΠΎΠ±Ρ‹ тСкст ошибки ΠΌΠΎΠ³ ΡΠ΄Π²ΠΈΠ³Π°Ρ‚ΡŒΡΡ, ΠΏΡ€Π°Π²Π΅Π΅ ΠΎΡ‚ названия.

​3 состояния поля Π²Π²ΠΎΠ΄Π° Π’Π°Ρ‚ΡŒΡΠ½Π° Маслакова

Π’Ρ‹Π±Ρ€Π°Π»Π° Ρ‚Π°ΠΊΠΈΠ΅ ΠΈΠΌΠ΅Π½Π° ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚ΠΎΠ²:

  • form/simple_form
  • form/simple_form_error
  • form/simple_form_active

Π’Ρ‹ΠΏΠ°Π΄Π°ΡŽΡ‰ΠΈΠ΅ списки

ΠšΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚ Π²Ρ‹ΠΏΠ°Π΄Π°ΡŽΡ‰Π΅Π³ΠΎ списка Π±ΡƒΠ΄Π΅Ρ‚ ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒΡΡ Π½Π° основС ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚Π° поля Π²Π²ΠΎΠ΄Π°. Для этого ΠΌΡ‹ размСстим Π΄Ρ€ΡƒΠ³ Π½Π°Π΄ Π΄Ρ€ΡƒΠ³ΠΎΠΌ этот ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚ ΠΈ ΠΈΠΊΠΎΠ½ΠΊΡƒ Ρ‚Ρ€Π΅ΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊΠ° ΠΈΠ»ΠΈ Π³ΠΎΠ»ΠΎΠ²ΠΊΡƒ, которая Π±ΡƒΠ΄Π΅Ρ‚ ΠΎΡ‚ΠΊΡ€Ρ‹Π²Π°Ρ‚ΡŒ саму Π²Ρ‹ΠΏΠ°Π΄ΡƒΡˆΠΊΡƒ.

Π’ нашСй Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΠ΅ ΡƒΠΆΠ΅ Π΅ΡΡ‚ΡŒ бСлая Π³Π°Π»ΠΎΡ‡ΠΊΠ°. Π‘Π΄Π΅Π»Π°Π΅ΠΌ Π΅Ρ‰Π΅ ΠΎΠ΄ΠΈΠ½ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚ с Π³Π°Π»ΠΎΡ‡ΠΊΠΎΠΉ Π½ΡƒΠΆΠ½ΠΎΠ³ΠΎ Π½Π°ΠΌ Ρ†Π²Π΅Ρ‚Π°, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚ Π±Π΅Π»ΠΎΠΉ Π³Π°Π»ΠΎΡ‡ΠΊΠΈ. Для этого Π² экзСмплярС этого ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚Π° пСрСкрасим ΠΈΠΊΠΎΠ½ΠΊΡƒ Π² Π½ΡƒΠΆΠ½Ρ‹ΠΉ Ρ†Π²Π΅Ρ‚ ΠΈ снова Π·Π°ΠΏΠ°ΠΊΡƒΠ΅ΠΌ Π² ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚ (ΠΌΠΎΠΆΠ½ΠΎ ΠΈ Π½Π΅ Π΄Π΅Π»Π°Ρ‚ΡŒ ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½Ρ‹ΠΉ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚, Π° ΠΏΠ΅Ρ€Π΅ΠΊΡ€Π°ΡΠΈΡ‚ΡŒ ΡƒΠΆΠ΅ Π²Π½ΡƒΡ‚Ρ€ΠΈ Ρ„ΠΎΡ€ΠΌΡ‹, это ΡƒΠΆΠ΅ вопрос ΠΊΠΎΠΌΡƒ ΠΊΠ°ΠΊ ΡƒΠ΄ΠΎΠ±Π½Π΅Π΅).

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

Иконки для раскрытия ΠΈ закрытия Π²Ρ‹ΠΏΠ°Π΄Π°ΡŽΡ‰Π΅Π³ΠΎ списка​ Π’Π°Ρ‚ΡŒΡΠ½Π° Маслакова

ΠžΠ±Ρ€Π°Ρ‚ΠΈΡ‚Π΅ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅ Π½Π° ΠΈΠΌΠ΅Π½Π° ΠΈΠΊΠΎΠ½ΠΎΠΊ. ΠΎΠ½ΠΈ находятся Π² Π³Ρ€ΡƒΠΏΠΏΠ΅ icon, ΠΏΠΎΠ΄Π³Ρ€ΡƒΠΏΠΏΠ΅ arr.

Π‘ΠΎΠ·Π΄Π°Π΅ΠΌ экзСмпляр ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚Π° form/simple_form, Ρ€Π°Π·ΠΌΠ΅Ρ‰Π°Π΅ΠΌ Π² Π½Π΅ΠΌ ΠΏΠ΅Ρ€Π²ΡƒΡŽ ΠΈΠΊΠΎΠ½ΠΊΡƒ, Π·Π°ΠΏΠ°ΠΊΠΎΠ²Ρ‹Π²Π°Π΅ΠΌ Π² ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚ form/dropdownlist.

Constraints для иконки: right и center.

Constraints для form/simple_form: left+right и top+bottom.

ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚ Π²Ρ‹ΠΏΠ°Π΄Π°ΡŽΡ‰Π΅Π³ΠΎ списка Π² Figma Π’Π°Ρ‚ΡŒΡΠ½Π° Маслакова

ΠžΡ‚ΠΊΡ€Ρ‹Ρ‚Ρ‹ΠΉ Π²Ρ‹ΠΏΠ°Π΄Π°ΡŽΡ‰ΠΈΠΉ список

НарисуСм ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚ΠΈΠ΅ Π²Ρ‹ΠΏΠ°Π΄Π°ΡŽΡ‰Π΅Π³ΠΎ списка.

Π­Π»Π΅ΠΌΠ΅Π½Ρ‚Ρ‹ списка

Π‘ΠΎΠ·Π΄Π°Π΄ΠΈΠΌ Π²ΠΎΡ‚ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚ ΠΊΠ°ΠΊ Π½Π° ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ΅:

β€‹Π’ΡΠΏΠΎΠΌΠΎΠ³Π°Ρ‚Π΅Π»ΡŒΠ½Ρ‹ΠΉ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚ для элСмСнта списка Π’Π°Ρ‚ΡŒΡΠ½Π° Маслакова

Constraints тСкстового слоя: left+right ΠΈ top+bottom.

Для Π»ΠΈΠ½ΠΈΠΈ left+right ΠΈ bottom.

Π­Ρ‚ΠΎ Π±ΡƒΠ΄Π΅Ρ‚ ΠΎΠ΄ΠΈΠ½ ΠΈΡ‚Π΅ΠΌ списка, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π±ΡƒΠ΄Π΅Ρ‚ ΠΏΠΎΡΠ²Π»ΡΡ‚ΡŒΡΡ ΠΏΡ€ΠΈ ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚ΠΈΠΈ Π²Ρ‹ΠΏΠ°Π΄ΡƒΡˆΠΊΠΈ.

Π”Π΅Π»Π°Π΅ΠΌ экзСмпляр этого ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚Π° ΠΈ Π·Π°ΠΏΠ°ΠΊΠΎΠ²Ρ‹Π²Π°Π΅ΠΌ Π΅Π³ΠΎ Π² Π΅Ρ‰Π΅ ΠΎΠ΄ΠΈΠ½ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚. ΠŸΠ΅Ρ€Π΅ΠΎΠΏΡ€Π΅Π΄Π΅Π»ΡΠ΅ΠΌ стили, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π΄ΠΎΠ±ΠΈΡ‚ΡŒΡΡ Π½ΡƒΠΆΠ½ΠΎΠ³ΠΎ Π²ΠΈΠ΄Π° элСмСнта ΠΏΡ€ΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ ΠΌΡ‹ΡˆΠΊΠΈ (Ρƒ мСня Π·Π°Π΄Π°Π½ Ρ†Π²Π΅Ρ‚ Π·Π°Π»ΠΈΠ²ΠΊΠΈ ΠΈ скрыта линия Ρƒ Ρ€ΠΎΠ΄ΠΈΡ‚Π΅Π»ΡŒΡΠΊΠΎΠ³ΠΎ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚Π°).

ΠšΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚ для элСмСнта списка ΠΏΡ€ΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ Π’Π°Ρ‚ΡŒΡΠ½Π° Маслакова

ΠŸΡ€ΠΎΠΊΡ€ΡƒΡ‚ΠΊΠ°

Нам Ρ‚Π°ΠΊΠΆΠ΅ понадобится ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚ для ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‚ΠΊΠΈ. Π­Ρ‚ΠΎ 2 ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊΠ°, совмСщСнныС Π΄Ρ€ΡƒΠ³ с Π΄Ρ€ΡƒΠ³ΠΎΠΌ.

Constraints Π½ΠΈΠΆΠ½Π΅Π³ΠΎ ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊΠ°: left+right ΠΈ top+bottom. Π’Π΅Ρ€Ρ…Π½Π΅Π³ΠΎ left+right (Π»ΠΈΠ±ΠΎ center Π² зависимости ΠΎΡ‚ Ρ‚ΠΎΠ³ΠΎ, ΠΊΠ°ΠΊΠΎΠΉ эффСкт Π½ΡƒΠΆΠ΅Π½ ΠΏΡ€ΠΈ ΠΌΠ°ΡΡˆΡ‚Π°Π±ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠΈ) ΠΈ top.

β€‹ΠšΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚ ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‚ΠΊΠΈ Π² Figma Π’Π°Ρ‚ΡŒΡΠ½Π° Маслакова

Бам список

Π’Π΅ΠΏΠ΅Ρ€ΡŒ ΠΈΠ· экзСмпляров Π΄Π²ΡƒΡ… ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚ΠΎΠ² элСмСнтов списка собираСм ΠΊΠΎΠ½ΡΡ‚Ρ€ΡƒΠΊΡ†ΠΈΡŽ:

​БобираСм Π²Ρ‹ΠΏΠ°Π΄Π°ΡŽΡ‰ΠΈΠΉ список Π² Figma Π’Π°Ρ‚ΡŒΡΠ½Π° Маслакова

Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ Auto Layout, Ρ‡Ρ‚ΠΎΠ±Ρ‹ быстро Π²Ρ‹Ρ€ΠΎΠ²Π½ΡΡ‚ΡŒ элСмСнты.

Для ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ Π²Π½ΡƒΡ‚Ρ€Π΅Π½Π½Π΅Π³ΠΎ элСмСнта списка Auto Layout Π² Π»Π΅Π²ΠΎΠΉ ΠΏΠ°Π½Π΅Π»ΠΈ Π΄ΠΎΠ»ΠΆΠ½Π° Π±Ρ‹Ρ‚ΡŒ Π²Ρ‹Π±Ρ€Π°Π½Π° такая опция:

Для всСго списка Auto Layout выдСляСм ΠΈΠΊΠΎΠ½ΠΊΡƒ fixed width:

И ставим всСму списку constraints: left+right, top.

Π’Π°ΠΊΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ ΠΌΡ‹ Π·Π°Π΄Π°Π»ΠΈ ΠΌΠ°ΡΡˆΡ‚Π°Π±ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ нашСй Π²Ρ‹ΠΏΠ°Π΄ΡƒΡˆΠΊΠΈ ΠΏΠΎ-Π³ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΠΈ.

Вспомним, Ρ‡Ρ‚ΠΎ Π² ΠΏΠ΅Ρ€Π²ΠΎΠΉ ΡΡ‚Π°Ρ‚ΡŒΠ΅ ΠΌΡ‹ Π΄Π΅Π»Π°Π»ΠΈ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚ плашки. ΠŸΡ€ΠΈΡˆΠ»ΠΎ врСмя Π΅Π³ΠΎ ΠΏΡ€ΠΈΠΌΠ΅Π½ΠΈΡ‚ΡŒ. Π‘ΠΎΠ²ΠΌΠ΅Ρ‰Π°Π΅ΠΌ Π½Π°ΡˆΡƒ ΠΊΠΎΠ½ΡΡ‚Ρ€ΡƒΠΊΡ†ΠΈΡŽ с ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚ΠΎΠΌ плашки ΠΈ Π·Π°ΠΏΠ°ΠΊΠΎΠ²Ρ‹Π²Π°Π΅ΠΌ Π² Π½ΠΎΠ²Ρ‹ΠΉ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚ selectlist/all. Π£ плашки Π΄Π΅Π»Π°Π΅ΠΌ Π²ΠΈΠ΄ΠΈΠΌΠΎΠΉ Ρ‚Ρ€Π΅ΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊ-стрСлку свСрху.

Для плашки настраиваСм constraints: left+right, top+bottom.

Бписок Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ засовываСм Π²ΠΎ Ρ„Ρ€Π΅ΠΉΠΌ с Π°ΠΊΡ‚ΠΈΠ²Π½ΠΎ Π³Π°Π»ΠΎΡ‡ΠΊΠΎΠΉ Clip Content. Для Ρ„Ρ€Π΅ΠΉΠΌΠ° настраиваСм constraints: left+right, top+bottom, Π° для списка Π²Π½ΡƒΡ‚Ρ€ΠΈ Ρ„Ρ€Π΅ΠΉΠΌΠ° left+right, top. Π’Π°ΠΊΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ лишняя Ρ‡Π°ΡΡ‚ΡŒ списка Π±ΡƒΠ΄Π΅Ρ‚ ΡΠΊΡ€Ρ‹Π²Π°Ρ‚ΡŒΡΡ Π·Π° счСт ΠΌΠ°ΡΡˆΡ‚Π°Π±ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΡ всСго ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚Π°.

ДобавляСм свСрху полосу ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‚ΠΊΠΈ с constraints: right, top+bottom.

Π‘ΠΎΠ±ΠΈΡ€Π°Π΅ΠΌ Π²Ρ‹ΠΏΠ°Π΄Π°ΡŽΡ‰ΠΈΠΉ список Π² Figma​ Π’Π°Ρ‚ΡŒΡΠ½Π° Маслакова

ΠšΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚ ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚ΠΎΠ³ΠΎ состояния Π²Ρ‹ΠΏΠ°Π΄Π°ΡŽΡ‰Π΅Π³ΠΎ списка

НаконСц-Ρ‚ΠΎ собираСм ΠΏΠΎΠ»Π½ΠΎΡΡ‚ΡŒΡŽ вСсь ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚ ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚ΠΎΠ³ΠΎ Π²Ρ‹ΠΏΠ°Π΄Π°ΡŽΡ‰Π΅Π³ΠΎ списка:

Π‘Π΅Ρ€Π΅ΠΌ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚ form/dropdownlist, ΠΏΡ€ΠΈ ΠΏΠΎΠΌΠΎΡ‰ΠΈ instance замСняСм Π² Π½Π΅ΠΌ ΠΈΠΊΠΎΠ½ΠΊΡƒ Π½Π° ΠΏΠ΅Ρ€Π΅Π²Π΅Ρ€Π½ΡƒΡ‚ΡƒΡŽ. Π—Π°ΠΏΠ°ΠΊΠΎΠ²Ρ‹Π²Π°Π΅ΠΌ этот ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚ Π² Π½ΠΎΠ²Ρ‹ΠΉ list/dropdownlist_open. НастраиваСм constraints: left+right, top+bottom.

Π‘ΠΎΠ·Π΄Π°Π΅ΠΌ экзСмпляр ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚Π° Π²Ρ‹ΠΏΠ°Π²ΡˆΠ΅Π³ΠΎ списка selectlist/all β€” пСрСносим Π΅Π³ΠΎ ΠΈ ставим ΠΏΠΎΠ΄ Π½ΠΎΠ²Ρ‹ΠΉ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚.

Π”Π°Π»Π΅Π΅ Π² ΠΏΠ°Π»ΠΈΡ‚Ρ€Π΅ слоСв пСрСносим слои ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚Π° form/dropdownlist Π²Π½ΡƒΡ‚Ρ€ΡŒ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚Π° list/dropdownlist_open.

Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚Π° ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚ΠΎΠ³ΠΎ Π²Ρ‹ΠΏΠ°Π΄Π°ΡŽΡ‰Π΅Π³ΠΎ списка Π² Figma Π’Π°Ρ‚ΡŒΡΠ½Π° Маслакова

Бписку настраиваСм left+right, bottom.

Ошибка ΠΈ Π°ΠΊΡ‚ΠΈΠ²Π½ΠΎΡΡ‚ΡŒ Π²Ρ‹ΠΏΠ°Π΄Π°ΡŽΡ‰Π΅Π³ΠΎ списка

МСняя instance ΠΏΠΎΠ΄Π»ΠΎΠΆΠΊΠΈ, ΠΏΠΎΠ»ΡƒΡ‡Π°Π΅ΠΌ 2 Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Ρ… состояния Π²Ρ‹ΠΏΠ°Π΄Π°ΡŽΡ‰Π΅Π³ΠΎ списка. Для ошибки Π½Π°Π΄ΠΎ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ Π½Π΅ Π·Π°Π±Ρ‹Ρ‚ΡŒ ΠΎΡ‚ΠΎΠ±Ρ€Π°Π·ΠΈΡ‚ΡŒ тСкст ошибки.

β€‹ΠšΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚Ρ‹ для Ρ€Π°Π·Π½Ρ‹Ρ… состояний Π²Ρ‹ΠΏΠ°Π΄Π°ΡŽΡ‰Π΅Π³ΠΎ списка Π’Π°Ρ‚ΡŒΡΠ½Π° Маслакова

Π’ ΠΈΡ‚ΠΎΠ³Π΅ ΠΌΡ‹ создали нСсколько состояний ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚ΠΎΠ² для ΠΈΠ½ΠΏΡƒΡ‚ΠΎΠ² ΠΈ Π²Ρ‹ΠΏΠ°Π΄Π°ΡŽΡ‰ΠΈΡ… списков. Π—Π° счСт ΠΏΡ€Π°ΠΈΠ»ΡŒΠ½ΠΎΠ³ΠΎ имСнования ΠΈ наслСдования ΠΏΠ΅Ρ€Π΅ΠΊΠ»ΡŽΡ‡Π°Ρ‚ΡŒΡΡ ΠΌΠ΅ΠΆΠ΄Ρƒ этими ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚Π°ΠΌΠΈ ΠΎΡ‡Π΅Π½ΡŒ просто.

β€‹Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚ΠΎΠ² Ρ„ΠΎΡ€ΠΌ Π²Π²ΠΎΠ΄Π° ΠΈ Π²Ρ‹ΠΏΠ°Π΄Π°ΡŽΡ‰ΠΈΡ… списков Π² Figma Π’Π°Ρ‚ΡŒΡΠ½Π° Маслакова

ЧСкбокс/радиобокс

CΠΎΠ·Π΄Π°Π΄ΠΈΠΌ Π½ΠΎΠ²Ρ‹ΠΉ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚ для чСкбоксов ΠΈ радиобоксов.

Π‘ΡƒΠ΄Π΅ΠΌ ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ 4 состояния:

  • чСкбокс Π°ΠΊΡ‚ΠΈΠ²Π΅Π½
  • чСкбокс Π½Π΅Π°ΠΊΡ‚ΠΈΠ²Π΅Π½
  • радиобокс Π°ΠΊΡ‚ΠΈΠ²Π΅Π½
  • радиобокс Π½Π΅Π°ΠΊΡ‚ΠΈΠ²Π΅Π½

Π’ΡΠΏΠΎΠΌΠΎΠ³Π°Ρ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ ΠΈΠΊΠΎΠ½ΠΊΠΈ

Π‘ΠΎΠ·Π΄Π°Π΄ΠΈΠΌ Π²ΡΠΏΠΎΠΌΠΎΠ³Π°Ρ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚Ρ‹-ΠΈΠΊΠΎΠ½ΠΊΠΈ для ΠΏΡ€Π°Π²ΠΎΠΉ части чСкбоксов ΠΈ радиобоксов.

Иконки для ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚ΠΎΠ² чСкбоксов ΠΈ радиобоксов Π’Π°Ρ‚ΡŒΡΠ½Π° Маслакова

Π­Ρ‚ΠΈ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚Ρ‹ созданы с ΠΏΠΎΠ΄Π»ΠΎΠΆΠ½ΠΎΠΉ ΠΈΠ· ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚ΠΎΠ² Π’Ρ‹Π΄Π΅Π»ΠΈΠΌ ΠΏΡ€Π°Π²ΡƒΡŽ Ρ‡Π°ΡΡ‚ΡŒ этого ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚Π° Π² ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½Ρ‹Π΅ ΠΈΠΊΠΎΠ½ΠΊΠΈ-ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚Ρ‹.

Π’ качСствС основы ΠΌΡ‹ Π±ΡƒΠ΄Π΅ΠΌ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚ form_stroke/simple ΠΈ form_stroke/active для Π°ΠΊΡ‚ΠΈΠ²Π½Ρ‹Ρ… состояний, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΈΡ… ΡΡ‚ΠΈΠ»ΡŒ наслСдовался самими чСкбоксами ΠΈ радиобоксами.

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

ВсС 4 ΠΈΠΊΠΎΠ½ΠΊΠΈ я ΠΈΠΌΠ΅Π½ΡƒΡŽ ΠΏΠΎ ΠΎΠ΄Π½ΠΎΠΌΡƒ ΠΏΡ€Π°Π²ΠΈΠ»Ρƒ Ρ‡Π΅Ρ€Π΅Π· слСш, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΠΎΡ‚ΠΎΠΌ Π±Ρ‹Π»ΠΎ ΡƒΠ΄ΠΎΠ±Π½ΠΎ ΠΌΠ΅Π½ΡΡ‚ΡŒ ΠΈΡ… Π² ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚Π΅ чСкбокса-радиобокса.

Π‘Π°Π·ΠΎΠ²Ρ‹ΠΉ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚ чСкбокса

Π‘ΠΎΠ·Π΄Π°Π΅ΠΌ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚ для чСкбокса. Он Π±ΡƒΠ΄Π΅Ρ‚ Π±Π°Π·ΠΎΠ²Ρ‹ΠΌ Π΄Ρ€ΡƒΠ³ΠΈΡ… состояний чСкбокса ΠΈ для всСх Π²Π°Ρ€ΠΈΠ°Π½Ρ‚ΠΎΠ² ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚Π° радиобокса. НазываСм Π΅Π³ΠΎ form/checkbox_select.

​БозданиС ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚Π° для чСкбокса Π² Figma Π’Π°Ρ‚ΡŒΡΠ½Π° Маслакова

Π”ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ состояния чСкбокса ΠΈ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚Ρ‹ для Ρ€Π°Π·Π½Ρ‹Ρ… состояний радиобокса

Активный чСкбокс ΠΈ чСкбокс со снятым Π²Ρ‹Π΄Π΅Π»Π΅Π½ΠΈΠ΅ΠΌ, Π° Ρ‚Π°ΠΊΠΆΠ΅ всС Π²Π°Ρ€ΠΈΠ°Ρ†ΠΈΠΈ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚ΠΎΠΉ раддиобокса ΠΏΠΎΠ»ΡƒΡ‡Π°ΡŽΡ‚ΡΡ ΠΏΡ€ΠΈ ΠΏΠΎΠΌΠΎΡ‰ΠΈ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚Π° form/checkbox_select наслСдованиСм. Для этого ΠΌΡ‹ создаСм 2 экзСмпляра ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚Π° form/checkbox_select, Π΄Π°Π»Π΅Π΅ ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Instance замСняСм ΠΈΠΊΠΎΠ½ΠΊΠΈ Π½Π° Π½ΡƒΠΆΠ½Ρ‹Π΅ Π½Π°ΠΌ Π·Π°Ρ€Π°Π½Π΅Π΅ ΠΏΠΎΠ΄Π³ΠΎΡ‚ΠΎΠ²Π»Π΅Π½Π½Ρ‹Π΅ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚Ρ‹:

​БозданиС ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚ΠΎΠ² для чСкбоксов ΠΈ радиобоксов Π² Figma Π’Π°Ρ‚ΡŒΡΠ½Π° Маслакова

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

Π£ нас ΠΏΠΎΠ»ΡƒΡ‡ΠΈΠ»Π°ΡΡŒ ΡƒΠΆΠ΅ довольно большая Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΠ° ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚ΠΎΠ², которая ΡƒΠΆΠ΅ Π½Π° Π΄Π°Π½Π½ΠΎΠΌ этапС ΠΏΠΎΠ·Π²ΠΎΠ»ΠΈΡ‚ Π½Π°ΠΌ быстро ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Π΅ интСрфСйсы, Π²ΠΊΠ»ΡŽΡ‡Π°ΡŽΡ‰ΠΈΠ΅ Π² сСбя ΠΊΠ½ΠΎΠΏΠΊΠΈ, ΠΈΠ½ΠΏΡƒΡ‚Ρ‹, Π²Ρ‹ΠΏΠ°Π΄Π°ΡŽΡ‰ΠΈΠ΅ списки, чСкбоксы ΠΈ радиобоксы, ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‚ΠΊΠΈ ΠΈ ΠΏΡ€ΠΎΡ‡Π΅Π΅.

β€‹ΠšΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚Ρ‹ ΠΊΠ½ΠΎΠΏΠΎΠΊ, ΠΈΠ½ΠΏΡƒΡ‚ΠΎΠ², чСкбоксов, радиобоксов Π² Figma Π’Π°Ρ‚ΡŒΡΠ½Π° Маслакова

ВсС ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚Ρ‹ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΠ»ΠΈΡΡŒ достаточно Π³ΠΈΠ±ΠΊΠΈΠΌΠΈ ΠΈ Π»Π΅Π³ΠΊΠΎ настраиваСмыми. ΠŸΠΎΡΠΌΠΎΡ‚Ρ€ΠΈΡ‚Π΅ ΠΊΠ°ΠΊ Π»Π΅Π³ΠΊΠΎ ΠΌΠΎΠΆΠ½ΠΎ ΠΌΠ΅Π½ΡΡ‚ΡŒ стили всСх Ρ„ΠΎΡ€ΠΌ Ρ€Π°Π·ΠΎΠΌ:

​ГибкиС ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚Ρ‹ Π² Figma. НаслСдованиС ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚ΠΎΠ². Π’Π°Ρ‚ΡŒΡΠ½Π° Маслакова

Π’ Π΄Ρ€ΡƒΠ³ΠΈΡ… своих ΡΡ‚Π°Ρ‚ΡŒΡΡ… я Ρ€Π°ΡΡΠΊΠ°Π·Ρ‹Π²Π°ΡŽ, ΠΊΠ°ΠΊ ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚Ρ‹ для поиска, списков ΠΈ прСимущСств.

Π§ΠΈΡ‚Π°ΠΉΡ‚Π΅ ΠΏΡ€ΠΎΠ΄ΠΎΠ»ΠΆΠ΅Π½ΠΈΠ΅ здСсь.

Π–Π΄ΠΈΡ‚Π΅ Π² блиТайшСС врСмя Π½ΠΎΠ²Ρ‹Ρ… статСй. ΠŸΡ€ΠΈΠ½ΠΈΠΌΠ°ΡŽ поТСлания, ΠΊΠ°ΠΊΠΈΠ΅ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚Ρ‹, часто ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅ΠΌΡ‹Π΅ Π² Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅, ΠΌΠΎΠΆΠ½ΠΎ Π±Ρ‹Π»ΠΎ Π±Ρ‹ ΠΎΠΏΠΈΡΠ°Ρ‚ΡŒ Π² Π±ΡƒΠ΄ΡƒΡ‰ΠΈΡ… ΡΡ‚Π°Ρ‚ΡŒΡΡ….

Behance β€” ΠΌΠΎΠΈ Π»ΡƒΡ‡ΡˆΠΈΠ΅ Ρ€Π°Π±ΠΎΡ‚Ρ‹

ΠŸΡƒΠ±Π»ΠΈΠΊΡƒΡŽ, Π·Π°ΠΌΠ΅Ρ‚ΠΊΠΈ ΠΈ мысли ΠΎ своСй Ρ€Π°Π±ΠΎΡ‚Π΅, Figma, ΠΏΠΎΡ€Ρ‚Ρ„ΠΎΠ»ΠΈΠΎ, Π΄ΠΈΠ·Π°ΠΉΠ½-систСмах, Π°Π²Ρ‚ΠΎΠΌΠ°Ρ‚ΠΈΠ·Π°Ρ†ΠΈΠΈ Π·Π°Π΄Π°Ρ‡ ΠΈ ускорСнии Ρ€Π°Π±ΠΎΡ‚Ρ‹. Π”Π΅Π»ΡŽΡΡŒ ссылками, ΠΊΡ€ΡƒΡ‚Ρ‹ΠΌΠΈ кСйсами. НовыС ΡΡ‚Π°Ρ‚ΡŒΠΈ ΠΎ Π΄ΠΈΠ·Π°ΠΉΠ½-систСмС Ρ‚Π°ΠΊΠΆΠ΅ ΠΏΡƒΠ±Π»ΠΈΠΊΡƒΡŽΡ‚ΡΡ здСсь.

Buttons БСсплатныС стоковыС Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΈ, изобраТСния ΠΈ Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΈ ΠΊΠ½ΠΎΠΏΠΎΠΊ

ΠžΡ‚ΠΊΡ€ΠΎΠΉΡ‚Π΅ для сСбя Π½Π΅ΠΎΠ³Ρ€Π°Π½ΠΈΡ‡Π΅Π½Π½ΠΎΠ΅ количСство ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ ΠΊΠ½ΠΎΠΏΠΎΠΊ ΠΈ стоковых ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ Π² высоком Ρ€Π°Π·Ρ€Π΅ΡˆΠ΅Π½ΠΈΠΈ для коммСрчСского использования.

Π’ΠΈΠ΄ свСрху Π½Π° красочныС ΠΏΡƒΠ³ΠΎΠ²ΠΈΡ†Ρ‹ Π² Ρ„ΠΎΡ€ΠΌΠ΅ сСрдца Π½Π° Ρ„ΠΎΠ½Π΅ сСрой Ρ‚ΠΊΠ°Π½ΠΈ

Π’ΠΈΠ΄ свСрху Π½Π° ΠΌΠ°ΡΡ‚Π΅Ρ€ΡΠΊΡƒΡŽ с ΠΌΠ°ΠΊΠ΅Ρ‚ΠΎΠΌ Π΄Π΅Ρ‚Π°Π»Π΅ΠΉ ΠΈ инструмСнтов для рукодСлия

Π‘ΠΎΡ€ΠΎΠ΄Π°Ρ‚Ρ‹ΠΉ ΠΌΡƒΠΆΡ‡ΠΈΠ½Π° смотрит Π½Π° Π½ΠΎΡƒΡ‚Π±ΡƒΠΊ с мСдицинским Π²Π΅Π±-сайтом Π½Π° экранС Π² соврСмСнном офисС

ΠžΠ±Ρ€Π΅Π·Π°Π½Π½ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ дизайнСрского стСплСра листы Π±ΡƒΠΌΠ°Π³ΠΈ для скрапбукинга ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚ΠΊΠ°

ΠšΡ€ΡƒΠΏΠ½Ρ‹ΠΉ ΠΏΠ»Π°Π½ ΠΌΠΎΠ»ΠΎΠ΄ΠΎΠ³ΠΎ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Π°-ΠΌΡƒΠΆΡ‡ΠΈΠ½Ρ‹, Ρ€Π°Π±ΠΎΡ‚Π°ΡŽΡ‰Π΅Π³ΠΎ с Ρ†Π²Π΅Ρ‚Π½Ρ‹ΠΌΠΈ ΠΏΡƒΠ³ΠΎΠ²ΠΈΡ†Π°ΠΌΠΈ Π² мастСрской

ΠžΠ±Ρ€Π΅Π·Π°Π½Π½Ρ‹ΠΉ Π²ΠΈΠ΄ Π²Ρ‚ΠΎΡ€ΠΎΠ³ΠΎ ΠΏΠΈΠ»ΠΎΡ‚Π°, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‰Π΅Π³ΠΎ Ρ€Ρ‹Ρ‡Π°Π³ управлСния Π΄Π²ΠΈΠ³Π°Ρ‚Π΅Π»Π΅ΠΌ Π² авиасимуляторС

ΠšΡ€ΡƒΠΏΠ½Ρ‹ΠΉ ΠΏΠ»Π°Π½ ΡΡ‚ΠΈΠ»ΡŒΠ½ΠΎΠΉ дТинсовой Ρ€ΡƒΠ±Π°ΡˆΠΊΠΈ с ΠΊΠ°Ρ€Π°Π½Π΄Π°ΡˆΠΎΠΌ Π² ΠΊΠ°Ρ€ΠΌΠ°Π½Π΅

Π’ΠΈΠ΄ свСрху Π±ΡƒΠΌΠ°Π³Π° с надписью «коммСрчСская Π°Ρ€Π΅Π½Π΄Π°Β», Ρ€ΡƒΡ‡ΠΊΠ°, ΠΊΠ°Π»ΡŒΠΊΡƒΠ»ΡΡ‚ΠΎΡ€ ΠΈ ΠΎΡ‡ΠΊΠΈ Π½Π° столС

ΠžΠ±Ρ€Π΅Π·Π°Π½Π½Ρ‹ΠΉ снимок малСнькой Π΄ΠΎΡ‡Π΅Ρ€ΠΈ, Π·Π°ΡΡ‚Π΅Π³ΠΈΠ²Π°ΡŽΡ‰Π΅ΠΉ Ρ€ΡƒΠ±Π°ΡˆΠΊΡƒ для ΠΎΡ‚Ρ†Π°

ΠžΠ±Ρ€Π΅Π·Π°Π½Π½Ρ‹ΠΉ Π²ΠΈΠ΄ ΠΆΠ΅Π½Ρ‰ΠΈΠ½Ρ‹, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‰Π΅ΠΉ Π½ΠΎΡƒΡ‚Π±ΡƒΠΊ рядом с ΡƒΠΏΠ°ΠΊΠΎΠ²Π°Π½Π½Ρ‹ΠΌΠΈ ΠΏΠΎΠ΄Π°Ρ€ΠΊΠ°ΠΌΠΈ

ΠšΡ€Π°ΡΠΈΠ²Π°Ρ ΡƒΠ»Ρ‹Π±Π°ΡŽΡ‰Π°ΡΡΡ зрСлая ΠΆΠ΅Π½Ρ‰ΠΈΠ½Π°, сидящая Π½Π° ярко-ΠΆΠ΅Π»Ρ‚ΠΎΠΌ Π΄ΠΈΠ²Π°Π½Π΅ с ΠΏΡƒΠ»ΡŒΡ‚ΠΎΠΌ дистанционного управлСния ΠΎΡ‚ Ρ‚Π΅Π»Π΅Π²ΠΈΠ·ΠΎΡ€Π°

ΠžΠ±Ρ€Π΅Π·Π°Π½Π½Ρ‹ΠΉ Π²ΠΈΠ΄ Ρ‡Π΅Π»ΠΎΠ²Π΅ΠΊΠ° с Π±Π°Π³Π°ΠΆΠΎΠΌ, Π½Π°ΠΆΠΈΠΌΠ°ΡŽΡ‰Π΅Π³ΠΎ ΠΊΠ½ΠΎΠΏΠΊΡƒ Π² соврСмСнном Π»ΠΈΡ„Ρ‚Π΅

ΠšΠ»ΡƒΠ±ΠΊΠΈ Ρ…Π»ΠΎΠΏΡ‡Π°Ρ‚ΠΎΠ±ΡƒΠΌΠ°ΠΆΠ½ΠΎΠΉ пряТи с ΠΏΡƒΠ³ΠΎΠ²ΠΈΡ†Π°ΠΌΠΈ для ΠΎΠ΄Π΅ΠΆΠ΄Ρ‹ ΠΈ английскими Π±ΡƒΠ»Π°Π²ΠΊΠ°ΠΌΠΈ Π½Π° дСрСвянном столС с ΠΊΠΎΠΏΠΈΡ€ΠΎΠ²Π°Π»ΡŒΠ½Ρ‹ΠΌ пространством

Молодой Ρ€Π΅ΠΌΠΎΠ½Ρ‚Π½ΠΈΠΊ Π² ΠΏΠΎΠ»Π½Ρ‹ΠΉ рост ΠΏΠΎΠ²ΠΎΡ€Π°Ρ‡ΠΈΠ²Π°Π΅Ρ‚ ΠΊΠ½ΠΎΠΏΠΊΡƒ Π΄ΡƒΡ…ΠΎΠ²ΠΊΠΈ, сидя Π²ΠΎΠ·Π»Π΅ ящика с инструмСнтами Π½Π° ΠΊΡƒΡ…Π½Π΅ снимок бизнСсмСна Π² ΠΊΠΎΡΡ‚ΡŽΠΌΠ΅, Π½Π°ΠΆΠΈΠΌΠ°ΡŽΡ‰Π΅Π³ΠΎ ΠΊΠ½ΠΎΠΏΠΊΡƒ Π³Ρ€ΠΎΠΌΠΊΠΎΠΉ связи Π½Π° Ρ€Π°Π±ΠΎΡ‡Π΅ΠΌ мСстС

Π’ΠΈΠ΄ сбоку ΠΎΡ‚Ρ†Π°, Π·Π°ΡΡ‚Π΅Π³ΠΈΠ²Π°ΡŽΡ‰Π΅Π³ΠΎ ΠΏΡƒΠ³ΠΎΠ²ΠΈΡ†Ρ‹ Π½Π° Ρ€ΡƒΠΊΠ°Π²Π΅ Ρ€ΡƒΠ±Π°ΡˆΠΊΠΈ сына

Π’ΠΈΠ΄ свСрху Π½Π° Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚ с надписью ΠΎ коммСрчСской Π°Ρ€Π΅Π½Π΄Π΅, Ρ€ΡƒΡ‡ΠΊΠΎΠΉ, ΠΊΠ°Π»ΡŒΠΊΡƒΠ»ΡΡ‚ΠΎΡ€ΠΎΠΌ, Π½ΠΎΡƒΡ‚Π±ΡƒΠΊΠΎΠΌ ΠΈ ΠΎΡ‡ΠΊΠ°ΠΌΠΈ рядом с Π½ΠΎΡƒΡ‚Π±ΡƒΠΊΠΎΠΌ Π½Π° столС

ΠžΠ±Ρ€Π΅Π·Π°Π½Π½ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Π°, Π±Π΅Ρ€ΡƒΡ‰Π΅Π³ΠΎ блСстки для ΡƒΠΊΡ€Π°ΡˆΠ΅Π½ΠΈΡ ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚ΠΊΠΈ

ΠžΠ±Ρ€Π΅Π·Π°Π½Π½ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π΄Π΅Π»ΠΎΠ²ΠΎΠΉ ΠΆΠ΅Π½Ρ‰ΠΈΠ½Ρ‹ с ΠΊΠΎΠ½Ρ‚Ρ€Π°ΠΊΡ‚ΠΎΠΌ, Π½Π°ΠΆΠΈΠΌΠ°ΡŽΡ‰Π΅ΠΉ ΠΊΠ½ΠΎΠΏΠΊΡƒ ΠΊΠΎΠ½Ρ„Π΅Ρ€Π΅Π½Ρ†-Ρ‚Π΅Π»Π΅Ρ„ΠΎΠ½Π° Π½Π° столС Π² офисС

ΠšΡ€Π°ΡΠΈΠ²Ρ‹ΠΉ ΠΌΡƒΠΆΡ‡ΠΈΠ½Π° сидит Π½Π° Π΄ΠΈΠ²Π°Π½Π΅ с ΠΏΠΎΠΏΠΊΠΎΡ€Π½ΠΎΠΌ Π² мискС ΠΈ Π΄Π΅Ρ€ΠΆΠΈΡ‚ ΠΏΡƒΠ»ΡŒΡ‚ дистанционного управлСния

Π’ΠΈΠ΄ Π΄ΠΎΠ»Π»Π°Ρ€Π° свСрху Π±Π°Π½ΠΊΠ½ΠΎΡ‚Ρ‹ рядом с Π±Π»ΠΎΠΊΠ½ΠΎΡ‚ΠΎΠΌ с надписью «АрСнда ΠΈ ΠΏΠΎΠΊΡƒΠΏΠΊΠ°Β», ΠΌΠ°Ρ€ΠΊΠ΅Ρ€ΠΎΠΌ ΠΈ ΠΊΠ°Π»ΡŒΠΊΡƒΠ»ΡΡ‚ΠΎΡ€ΠΎΠΌ

Π’ΠΈΠ΄ свСрху Π½Π° Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚ с письмами ΠΎ банкротствС рядом с ΠΊΠ°Π»ΡŒΠΊΡƒΠ»ΡΡ‚ΠΎΡ€ΠΎΠΌ ΠΈ ΠΌΠΎΠ»ΠΎΡ‚ΠΊΠΎΠΌ

ΠžΠ±Ρ€Π΅Π·Π°Π½Π½Ρ‹ΠΉ снимок бизнСсмСна с Π½ΠΎΡƒΡ‚Π±ΡƒΠΊΠΎΠΌ ΠΈ ΠΊΠΎΠ½Ρ‚Ρ€Π°ΠΊΡ‚ΠΎΠΌ, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‰Π΅Π³ΠΎ Π³Ρ€ΠΎΠΌΠΊΡƒΡŽ связь Π² офисС

ΠžΠ±Ρ€Π΅Π·Π°Π½Π½Ρ‹ΠΉ Π²ΠΈΠ΄ ΠΌΡƒΠΆΡ‡ΠΈΠ½Ρ‹, Π΄Π΅Ρ€ΠΆΠ°Ρ‰Π΅Π³ΠΎ Π±ΡƒΡ‚Ρ‹Π»ΠΊΡƒ ΠΏΠΈΠ²Π° ΠΈ ΠΏΡƒΠ»ΡŒΡ‚ дистанционного управлСния Π² Ρ€ΡƒΠΊΠ°Ρ… Π½Π° Π±Π΅Π»ΠΎΠΌ Ρ„ΠΎΠ½Π΅

ΠžΠ±Ρ€Π΅Π·Π°Π½Π½Ρ‹ΠΉ снимок красивого бизнСсмСна, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‰Π΅Π³ΠΎ ΠΊΠΎΠ½Ρ„Π΅Ρ€Π΅Π½Ρ†-Ρ‚Π΅Π»Π΅Ρ„ΠΎΠ½ Π½Π° столС Π² офисС

ΠžΠ±Ρ€Π΅Π·Π°Π½Π½Ρ‹ΠΉ снимок бизнСсмСна, сидящСго Π·Π° ΠΊΠΎΠ½Ρ„Π΅Ρ€Π΅Π½Ρ†-Ρ‚Π΅Π»Π΅Ρ„ΠΎΠ½ΠΎΠΌ Π½Π° столС Π² офисС

ΠžΠ±Ρ€Π΅Π·Π°Π½Π½Ρ‹ΠΉ снимок Π΄Π΅Π»ΠΎΠ²ΠΎΠΉ ΠΆΠ΅Π½Ρ‰ΠΈΠ½Ρ‹, Π½Π°ΠΆΠΈΠΌΠ°ΡŽΡ‰Π΅ΠΉ ΠΊΠ½ΠΎΠΏΠΊΡƒ Π³Ρ€ΠΎΠΌΠΊΠΎΠΉ связи Π½Π° дСрСвянном столС

Π˜Π·Π±ΠΈΡ€Π°Ρ‚Π΅Π»ΡŒΠ½Ρ‹ΠΉ фокус Π°Π³Π΅Π½Ρ‚Π°, ΠΏΠΈΡˆΡƒΡ‰Π΅Π³ΠΎ Π² Π±Π»ΠΎΠΊΠ½ΠΎΡ‚Π΅ с Π°Ρ€Π΅Π½Π΄Π½ΠΎΠΉ ΠΏΠ»Π°Ρ‚ΠΎΠΉ ΠΈ надписью рядом с дСньгами ΠΈ ΠΊΠ°Π»ΡŒΠΊΡƒΠ»ΡΡ‚ΠΎΡ€ΠΎΠΌ

ΠžΠ±Ρ€Π΅Π·Π°Π½Π½Ρ‹ΠΉ Π²ΠΈΠ΄ Ρ‡Π΅Π»ΠΎΠ²Π΅ΠΊΠ°, Π½Π°ΠΆΠΈΠΌΠ°ΡŽΡ‰Π΅Π³ΠΎ ΠΊΠ½ΠΎΠΏΠΊΡƒ Π½Π° ΠΊΠ»Π°Π²ΠΈΠ°Ρ‚ΡƒΡ€Π΅ ΠΊΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€Π° рядом с красочными ΠΏΠΎΠ΄Π°Ρ€ΠΊΠ°ΠΌΠΈ Π½Π° сСром Ρ„ΠΎΠ½Π΅

Π’ΠΈΠ΄ свСрху Π½Π° Ρ€Π°Π±ΠΎΡ‡Π΅Π΅ мСсто швСи Π½Π° столС с Ρ‚ΠΊΠ°Π½ΡŒΡŽ, ΠΏΠ»Π°Π½ΡˆΠ΅Ρ‚ΠΎΠΌ ΠΈ эскизами

Π’ΠΈΠ΄ свСрху Π½Π° Π½Π°Π±ΠΎΡ€ для ΡˆΠΈΡ‚ΡŒΡ ΠΈ Π½Π°Π±ΠΎΡ€ ΡˆΠ²Π΅ΠΉΠ½Ρ‹Ρ… принадлСТностСй, ΠΈΠ·ΠΎΠ»ΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹Ρ… Π½Π° сСром

Π£Π²Π΅Ρ€Π΅Π½Π½Ρ‹ΠΉ бизнСсмСн сидит Π½Π° Ρ€Π°Π±ΠΎΡ‡Π΅ΠΌ мСстС ΠΈ смотрит Π½Π° ΠΊΠΎΠ½Ρ„Π΅Ρ€Π΅Π½Ρ†-Ρ‚Π΅Π»Π΅Ρ„ΠΎΠ½ Π½Π° столС Π² офисС

Π’ΠΎΠ·Π±ΡƒΠΆΠ΄Π΅Π½Π½Ρ‹ΠΉ ΠΌΡƒΠΆΡ‡ΠΈΠ½Π° Π΄Π΅Ρ€ΠΆΠΈΡ‚ миску с ΠΏΠΎΠΏΠΊΠΎΡ€Π½ΠΎΠΌ ΠΈ ΠΊΡ€ΠΈΡ‡ΠΈΡ‚ Π΄ΠΎΠΌΠ°

ΠšΡ€ΡƒΠΏΠ½Ρ‹ΠΉ ΠΏΠ»Π°Π½ Ρ†Π²Π΅Ρ‚ΡƒΡ‰Π΅Π³ΠΎ Π±ΡƒΠΊΠ΅Ρ‚Π° Π²ΠΎΠ·Π»Π΅ Ρ‚Π΅Ρ€ΠΌΠΈΠ½Π°Π»Π° Π² Ρ€ΡƒΠΊΠ°Ρ… флориста, Π±Π°Π½Π½Π΅Ρ€

Π˜Π·Π±ΠΈΡ€Π°Ρ‚Π΅Π»ΡŒΠ½Ρ‹ΠΉ фокус Π±ΡƒΡ‚Ρ‹Π»ΠΎΠΊ с ΠΏΠΈΠ²ΠΎΠΌ Π½Π° ΠΆΡƒΡ€Π½Π°Π»ΡŒΠ½ΠΎΠΌ столикС

ΠžΠ±Ρ€Π΅Π·Π°Π½Π½Ρ‹ΠΉ снимок бизнСсмСна, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‰Π΅Π³ΠΎ ΠΊΠΎΠ½Ρ„Π΅Ρ€Π΅Π½Ρ†-Ρ‚Π΅Π»Π΅Ρ„ΠΎΠ½ Π½Π° Ρ€Π°Π±ΠΎΡ‡Π΅ΠΌ мСстС

ΠšΠ»ΡƒΠ±ΠΎΠΊ Ρ…Π»ΠΎΠΏΡ‡Π°Ρ‚ΠΎΠ±ΡƒΠΌΠ°ΠΆΠ½ΠΎΠΉ пряТи с напСрстком ΠΈ ΠΏΡƒΠ³ΠΎΠ²ΠΈΡ†Π°ΠΌΠΈ ΠΎΠ΄Π΅ΠΆΠ΄Ρ‹ Π½Π° дСрСвянном столС, ΠΈΠ·ΠΎΠ»ΠΈΡ€ΠΎΠ²Π°Π½Π½ΠΎΠΌ Π½Π° Π±Π΅ΠΆΠ΅Π²ΠΎΠΌ Ρ„ΠΎΠ½Π΅

ΠžΠ±Ρ€Π΅Π·Π°Π½Π½Ρ‹ΠΉ Π²ΠΈΠ΄ ΠΈΠ½ΠΆΠ΅Π½Π΅Ρ€Π°, Π΄Π΅Ρ€ΠΆΠ°Ρ‰Π΅Π³ΠΎ Ρ†ΠΈΡ„Ρ€ΠΎΠ²ΠΎΠΉ ΠΏΠ»Π°Π½ΡˆΠ΅Ρ‚ с пустым экраном ΠΈ Π½Π°ΠΆΠΈΠΌΠ°ΡŽΡ‰Π΅Π³ΠΎ ΠΊΠ½ΠΎΠΏΠΊΡƒ Π½Π° ΠΊΠΎΠΌΠΌΡƒΡ‚Π°Ρ‚ΠΎΡ€Π΅ Π² Ρ†Π΅Π½Ρ‚Ρ€Π΅ ΠΎΠ±Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ Π΄Π°Π½Π½Ρ‹Ρ…

Π’ΠΈΠ΄ ΠΏΠΎΠ΄ высоким ΡƒΠ³Π»ΠΎΠΌ Π½Π° ΠΌΠΎΠ»ΠΎΠ΄ΡƒΡŽ ΡΡ‡Π°ΡΡ‚Π»ΠΈΠ²ΡƒΡŽ Π΄Π΅Π»ΠΎΠ²ΡƒΡŽ ΠΆΠ΅Π½Ρ‰ΠΈΠ½Ρƒ, Π·Π°Π½ΠΈΠΌΠ°ΡŽΡ‰ΡƒΡŽΡΡ Π±ΡƒΠΌΠ°ΠΆΠ½ΠΎΠΉ Ρ€Π°Π±ΠΎΡ‚ΠΎΠΉ ΠΈ Ρ€Π°Π·Π³ΠΎΠ²Π°Ρ€ΠΈΠ²Π°ΡŽΡ‰ΡƒΡŽ ΠΏΠΎ ΠΊΠΎΠ½Ρ„Π΅Ρ€Π΅Π½Ρ†-Ρ‚Π΅Π»Π΅Ρ„ΠΎΠ½Ρƒ Π½Π° столС Π² офисС

ΠžΠ±Ρ€Π΅Π·Π°Π½Π½Ρ‹ΠΉ снимок Π΄Π΅Π»ΠΎΠ²ΠΎΠΉ ΠΆΠ΅Π½Ρ‰ΠΈΠ½Ρ‹, Π½Π°ΠΆΠΈΠΌΠ°ΡŽΡ‰Π΅ΠΉ ΠΊΠ½ΠΎΠΏΠΊΡƒ ΠΊΠΎΠ½Ρ„Π΅Ρ€Π΅Π½Ρ†-Ρ‚Π΅Π»Π΅Ρ„ΠΎΠ½Π° Π½Π° столС Π² офисС

ΠšΡ€Π°ΡΠΈΠ²Π°Ρ ΡƒΠ»Ρ‹Π±Π°ΡŽΡ‰Π°ΡΡΡ зрСлая ΠΆΠ΅Π½Ρ‰ΠΈΠ½Π°, сидящая Π½Π° ярко-ΠΆΠ΅Π»Ρ‚ΠΎΠΌ Π΄ΠΈΠ²Π°Π½Π΅ ΠΈ Π½Π°ΠΆΠΈΠΌΠ°ΡŽΡ‰Π°Ρ ΠΊΠ½ΠΎΠΏΠΊΠΈ Π½Π° ΠΏΡƒΠ»ΡŒΡ‚Π΅ дистанционного управлСния Ρ‚Π΅Π»Π΅Π²ΠΈΠ·ΠΎΡ€Π°

ΠžΠ±Ρ€Π΅Π·Π°Π½Π½ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Ρ…ΡƒΠ΄ΠΎΠΆΠ½ΠΈΡ†Ρ‹, Π΄Π΅Ρ€ΠΆΠ°Ρ‰Π΅ΠΉ шаблон для скрапбукинга ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚ΠΊΠΈ Ρ€ΡƒΡ‡Π½ΠΎΠΉ Ρ€Π°Π±ΠΎΡ‚Ρ‹

Π’ΠΈΠ΄ свСрху Π½Π° Ρ‡Π°ΡˆΠΊΡƒ ΠΊΠΎΡ„Π΅ рядом с Π½ΠΎΡƒΡ‚Π±ΡƒΠΊΠΎΠΌ ΠΈ ΠΏΠ»Π°Π½ΡˆΠ΅Ρ‚ΠΎΠΌ с Π΄ΠΎΠ³ΠΎΠ²ΠΎΡ€ΠΎΠΌ Π°Ρ€Π΅Π½Π΄Ρ‹ Π½Π° столС

ΠžΠ±Ρ€Π΅Π·Π°Π½Π½Ρ‹ΠΉ Π²ΠΈΠ΄ ΠΆΠ΅Π½Ρ‰ΠΈΠ½Ρ‹, Π΄Π΅Ρ€ΠΆΠ°Ρ‰Π΅ΠΉ Ρ€ΡƒΡ‡ΠΊΡƒ ΠΏΠ΅Ρ€Π΅ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΡ ΠΏΠ΅Ρ€Π΅Π΄Π°Ρ‡, сидя Π² машинС

БоврСмСнная ΡΡ‚ΠΈΡ€Π°Π»ΡŒΠ½Π°Ρ машина с Ρ‡Π΅Ρ€Π½Ρ‹ΠΌ дисплССм, ΠΈΠ·ΠΎΠ»ΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹ΠΌ Π½Π° сСром

Π—Ρ€Π΅Π»Ρ‹ΠΉ Π°Ρ„Ρ€ΠΎΠ°ΠΌΠ΅Ρ€ΠΈΠΊΠ°Π½Π΅Ρ†, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‰ΠΈΠΉ Π½ΠΎΡƒΡ‚Π±ΡƒΠΊ, Π² Ρ‚ΠΎ врСмя ΠΊΠ°ΠΊ ΠΆΠ΅Π½Ρ‰ΠΈΠ½Π° сидит Π½Π° Π΄ΠΈΠ²Π°Π½Π΅ с ΠΏΡƒΠ»ΡŒΡ‚ΠΎΠΌ дистанционного управлСния

ΠšΠ°Π΄Ρ€ΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹ΠΉ снимок бизнСсмСна, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‰Π΅Π³ΠΎ ΠΊΠΎΠ½Ρ„Π΅Ρ€Π΅Π½Ρ†-Ρ‚Π΅Π»Π΅Ρ„ΠΎΠ½ Π½Π° Ρ€Π°Π±ΠΎΡ‡Π΅ΠΌ мСстС

ΠšΡ€ΡƒΠΏΠ½Ρ‹ΠΉ ΠΏΠ»Π°Π½ Π½Π°ΡƒΡˆΠ½ΠΈΠΊΠΎΠ², ΠΊΠ°Π»ΡŒΠΊΡƒΠ»ΡΡ‚ΠΎΡ€Π° ΠΈ Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Ρ… ΡˆΠΊΠΎΠ»ΡŒΠ½Ρ‹Ρ… принадлСТностСй Π½Π° ΠΆΠ΅Π»Ρ‚ΠΎΠΌ Ρ„ΠΎΠ½Π΅

ΠšΠ°Π΄Ρ€ΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹ΠΉ снимок Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Π°, Π±Π΅Ρ€ΡƒΡ‰Π΅Π³ΠΎ кусок скотча

ΠšΠ°Π΄Ρ€ΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹ΠΉ снимок бизнСсмСна со ΡΡ‚ΠΈΠ»ΡŒΠ½Ρ‹ΠΌΠΈ Π½Π°Ρ€ΡƒΡ‡Π½Ρ‹ΠΌΠΈ часами, Π½Π°ΠΆΠΈΠΌΠ°ΡŽΡ‰Π΅Π³ΠΎ ΠΊΠ½ΠΎΠΏΠΊΡƒ ΠΊΠΎΠ½Ρ„Π΅Ρ€Π΅Π½Ρ†-Ρ‚Π΅Π»Π΅Ρ„ΠΎΠ½ Π½Π° столС Π² офисС

Web Buttons Π‘Ρ‚ΠΎΠΊΠΎΠ²Ρ‹Π΅ Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΈ ΠΈ изобраТСния

Набор Π²Π΅ΠΊΡ‚ΠΎΡ€Π½Ρ‹Ρ… соврСмСнных Π³Ρ€Π°Π΄ΠΈΠ΅Π½Ρ‚Π½Ρ‹Ρ… ΠΊΠ½ΠΎΠΏΠΎΠΊ app ΠΈΠ»ΠΈ game. ΠΌΠΎΠ΄Π½Ρ‹Π΅ Π³Ρ€Π°Π΄ΠΈΠ΅Π½Ρ‚Π½Ρ‹Π΅ Ρ†Π²Π΅Ρ‚Π° с тСнями.ΠŸΠ Π•ΠœΠ˜Π£Πœ

Π Π°Π·Π½ΠΎΡ†Π²Π΅Ρ‚Π½Ρ‹Π΅ ΠΏΡƒΠ³ΠΎΠ²ΠΈΡ†Ρ‹ Π½Π° синСм тСкстилС Π² ряд. ΠŸΠ Π•ΠœΠ˜Π£Πœ

Рукописный тСкст, ΠΏΠΈΡˆΡƒΡ‰ΠΈΠΉ ΠΏΡ€ΠΈΠ²Π΅Ρ‚, пятница. ΠΊΠΎΠ½Ρ†Π΅ΠΏΡ‚ΡƒΠ°Π»ΡŒΠ½ΠΎΠ΅ Ρ„ΠΎΡ‚ΠΎ Π’Ρ‹ Π³ΠΎΠ²ΠΎΡ€ΠΈΡ‚Π΅ это, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΆΠ΅Π»Π°Ρ‚ΡŒ ΠΈ Π½Π°Π΄Π΅ΡΡ‚ΡŒΡΡ Π½Π° Π΅Ρ‰Π΅ ΠΎΠ΄Π½Ρƒ Ρ…ΠΎΡ€ΠΎΡˆΡƒΡŽ ΠΏΡ€Π΅ΠΊΡ€Π°ΡΠ½ΡƒΡŽ нСдСлю. ΠŸΠ Π•ΠœΠ˜Π£Πœ

АбстрактныС Π²Π΅Π±-ΠΊΠ½ΠΎΠΏΠΊΠΈ с ΠΏΠ°Π΄Π°ΡŽΡ‰Π΅ΠΉ Ρ‚Π΅Π½ΡŒΡŽ, ΠΈΠ·ΠΎΠ»ΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹Π΅ Π½Π° ΠΆΠ΅Π»Ρ‚ΠΎΠΌ Ρ„ΠΎΠ½Π΅. Π²Π΅ΠΊΡ‚ΠΎΡ€Π½Ρ‹Π΅ ΠΊΠ½ΠΎΠΏΠΊΠΈ с Π±Π΅Π»ΠΎΠΉ Ρ€Π°ΠΌΠΊΠΎΠΉ для Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π°, ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ, Π±Π°Π½Π½Π΅Ρ€ΠΎΠ² ΠΈ ΠΌΠ½ΠΎΠ³ΠΎΠ³ΠΎ Π΄Ρ€ΡƒΠ³ΠΎΠ³ΠΎ.PREMIUM

ΠšΠ°Ρ‚ΡƒΡˆΠΊΠΈ с Π½ΠΈΡ‚ΠΊΠ°ΠΌΠΈ ΠΈ ΠΊΠ½ΠΎΠΏΠΊΠΈ Π½Π° дСрСвянном столС. Ρ‡ΠΈΡ‚Π°Ρ‚ΡŒ большС, ΠΊΡƒΠΏΠΈΡ‚ΡŒ сСйчас, ΡΠΊΠ°Ρ‡Π°Ρ‚ΡŒ, Π·Π°Π±Ρ€ΠΎΠ½ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ сСйчас, ΠΏΠΎΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ ΠΊΠΎΠ»Π»Π΅ΠΊΡ†ΠΈΡŽ ΠΊΠ½ΠΎΠΏΠΎΠΊ с Π³Ρ€Π°Π΄ΠΈΠ΅Π½Ρ‚Π½Ρ‹ΠΌΠΈ Ρ†Π²Π΅Ρ‚Π°ΠΌΠΈ ΠΈ Π·Π½Π°Ρ‡ΠΊΠ°ΠΌΠΈ с тСнями. ΠŸΠ Π•ΠœΠ˜Π£Πœ

Π‘ΠΎΠ»ΡŒΡˆΠ°Ρ коллСкция ΠΏΡƒΠ³ΠΎΠ²ΠΈΡ† ΠΏΠΎΠ΄Ρ€ΠΎΠ±Π½Π΅Π΅. Π½Π°Π±ΠΎΡ€ Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Ρ… красочных ΠΊΠ½ΠΎΠΏΠΎΠΊ. Π²Π΅Π±-ΠΈΠΊΠΎΠ½ΠΊΠΈ. vector illustrationPREMIUM

УстановитС Π²ΠΎΡ€ΠΎΠ½ΠΊΡƒ ΠΏΡ€ΠΎΠ΄Π°ΠΆ со стрСлками, Π³Ρ€Π°Ρ„ΠΈΡ‡Π΅ΡΠΊΡƒΡŽ Π΄ΠΈΠ°Π³Ρ€Π°ΠΌΠΌΡƒ Π½ΠΎΡƒΡ‚Π±ΡƒΠΊΠ°, Ρ‰ΠΈΡ‚ Π΄ΠΎΠ»Π»Π°Ρ€Π°, ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ Ρ‡Π΅Π»ΠΎΠ²Π΅ΠΊΠ° Π² Π΄Π΅Π»ΠΎΠ²ΠΎΠΌ ΠΊΠΎΡΡ‚ΡŽΠΌΠ΅ ΠΈ Π·Π½Π°Ρ‡ΠΎΠΊ Ρ‚Π°ΠΉΠΌ-ΠΌΠ΅Π½Π΅Π΄ΠΆΠΌΠ΅Π½Ρ‚Π°. vectorPREMIUM

Набор ΠΈΠ· 10 Π½Π°Π±ΠΎΡ€ΠΎΠ² ΠΊΠΎΠ½Ρ‚ΡƒΡ€Π½Ρ‹Ρ… ΠΈΠΊΠΎΠ½ΠΎΠΊ. ΠšΠΎΠ»Π»Π΅ΠΊΡ†ΠΈΡ видСния, Π΄ΠΈΠ½Π°ΠΌΠΈΡ‚Π°, Π·Π°Ρ‰ΠΈΡ‚Ρ‹ ΠΈ Π΄Ρ€ΡƒΠ³ΠΈΡ… элСмСнтов. PREMIUM

Набор Π²Π΅ΠΊΡ‚ΠΎΡ€Π½Ρ‹Ρ… ΠΊΠ½ΠΎΠΏΠΎΠΊ Π² стилС соврСмСнного ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π»Π°. PREMIUM

Π“Ρ€Π°Π΄ΠΈΠ΅Π½Ρ‚Π½Ρ‹Π΅ Π½Π΅ΠΎΠ½ΠΎΠ²Ρ‹Π΅ ΠΊΠ½ΠΎΠΏΠΊΠΈ. ΠΊΠ½ΠΎΠΏΠΊΠ° со стрСлкой для Π²Ρ‹Π·ΠΎΠ²Π° дСйствия, ΠΏΠΎΠΊΡƒΠΏΠΊΠ° Π² Π˜Π½Ρ‚Π΅Ρ€Π½Π΅Ρ‚Π΅, большС, Π΄Π°Π»Π΅Π΅, ΠΎΠ±ΡƒΡ‡Π΅Π½ΠΈΠ΅, Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠ°. соврСмСнная коллСкция мСню для Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΈ Π² ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΈ, страницС сайта, интСрфСйсС. Ρ†Π²Π΅Ρ‚Π½ΠΎΠΉ 3d ΠΎΠΊΡ€ΡƒΠ³Π»Ρ‹ΠΉ Π±Π°Π½Π½Π΅Ρ€. Π²Π΅ΠΊΡ‚ΠΎΡ€.ΠŸΠ Π•ΠœΠ˜Π£Πœ

Набор Π²Π΅ΠΊΡ‚ΠΎΡ€Π½Ρ‹Ρ… соврСмСнных ΠΌΠΎΠ΄Π½Ρ‹Ρ… ΠΊΠ½ΠΎΠΏΠΎΠΊ. flat style.PREMIUM

Набор Π½ΠΎΡƒΡ‚Π±ΡƒΠΊΠΎΠ² с ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠ΅ΠΉ, круглосуточной ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠΎΠΉ ΠΏΠΎ Ρ‚Π΅Π»Π΅Ρ„ΠΎΠ½Ρƒ, вопросами ΠΈ ΠΎΡ‚Π²Π΅Ρ‚Π°ΠΌΠΈ, тСкстовой справкой Π² ​​видС Ρ€Π΅Ρ‡Π΅Π²ΠΎΠ³ΠΎ пузыря ΠΈ Π·Π½Π°Ρ‡ΠΊΠΎΠΌ. vectorPREMIUM

Набор: Ρ‡Π΅ΠΌΠΎΠ΄Π°Π½, ΠΏΠ°Ρ‡ΠΊΠ° Π±ΡƒΠΌΠ°ΠΆΠ½Ρ‹Ρ… Π΄Π΅Π½Π΅Π³, ΠΎΠΆΠ΅Ρ€Π΅Π»ΡŒΠ΅-мСдальон, Π±ΠΈΠ»Π΅Ρ‚ Π² ΠΊΠΈΠ½ΠΎ, старинная ΠΌΠΎΠ½Π΅Ρ‚Π° ΠΈ Π·Π½Π°Ρ‡ΠΎΠΊ старинного пистолСта. vectorPREMIUM

3D-Ρ€Π΅Π½Π΄Π΅Ρ€ΠΈΠ½Π³ ΠΏΠ°Π΄Π°ΡŽΡ‰ΠΈΡ… Π·Π½Π°Ρ‡ΠΊΠΎΠ² ΡΠΎΡ†ΠΈΠ°Π»ΡŒΠ½Ρ‹Ρ… сСтСй.PREMIUM

ΠšΡ€Π°ΡΠΎΡ‡Π½Ρ‹Π΅ ΠΊΠ½ΠΎΠΏΠΊΠΈ Π² Ρ„ΠΎΡ€ΠΌΠ΅ сСрдца Π½Π° старинном дСрСвянном столС. Π²Π΅ΠΊΡ‚ΠΎΡ€ΠŸΠ Π•ΠœΠ˜Π£Πœ

Набор Π·Π΅Π»Π΅Π½Ρ‹Ρ… ΠΈΠΊΠΎΠ½ΠΎΠΊ Π½Π° Π±Π΅Π»ΠΎΠΌ Ρ„ΠΎΠ½Π΅. vector illustration.PREMIUM

ΠšΡ€Π°ΡΠΎΡ‡Π½Ρ‹ΠΉ Π²Π΅Π±-сайт Π²Π΅Π±-ΠΊΠ½ΠΎΠΏΠΎΠΊ Π΄ΠΈΠ·Π°ΠΉΠ½ Π²Π΅ΠΊΡ‚ΠΎΡ€Π½ΠΎΠΉ ΠΈΠ»Π»ΡŽΡΡ‚Ρ€Π°Ρ†ΠΈΠΈ глянцСвый графичСский Π»Π΅ΠΉΠ±Π» Π˜Π½Ρ‚Π΅Ρ€Π½Π΅Ρ‚ ΠΏΠΎΠ΄Ρ‚Π²Π΅Ρ€ΠΆΠ΄Π°Π΅Ρ‚ шаблон Π±Π°Π½Π½Π΅Ρ€Π°. Π·Π°ΠΊΡ€ΡƒΠ³Π»Π΅Π½Π½Ρ‹Π΅ пустыС мСню ΠΎΡ‚Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ бизнСс-Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΈ ΡΠΊΠ°Ρ‡Π°Ρ‚ΡŒ интСрфСйс. ΠŸΠ Π•ΠœΠ˜Π£Πœ

Кнопка Β«ΠŸΡ€ΠΎΠ΄ΠΎΠ»ΠΆΠΈΡ‚ΡŒΒ» ΠŸΠ Π•ΠœΠ˜Π£Πœ

Π¦Π²Π΅Ρ‚Π½Ρ‹Π΅ ΡˆΠ²Π΅ΠΉΠ½Ρ‹Π΅ ΠΊΠ½ΠΎΠΏΠΊΠΈ состав Π½Π° Π·Π΅Π»Π΅Π½ΠΎΠΌ ΠΏΠ°ΡΡ‚Π΅Π»ΡŒΠ½ΠΎΠΌ Ρ„ΠΎΠ½Π΅. плоская ΠΏΠ»Π°Π½ΠΈΡ€ΠΎΠ²ΠΊΠ° с ΠΊΠΎΠΏΠΈΠ΅ΠΉ пространства. PREMIUM

Π’Π΅ΠΊΡ‚ΠΎΡ€Π½Ρ‹ΠΉ Π½Π°Π±ΠΎΡ€ соврСмСнных плоских ΠΊΠ½ΠΎΠΏΠΎΠΊ прилоТСния ΠΈΠ»ΠΈ ΠΈΠ³Ρ€Ρ‹. ΠΌΠΎΠ΄Π½Ρ‹Π΅ плоскиС Ρ†Π²Π΅Ρ‚Π° с тСнями.ΠŸΠ Π•ΠœΠ˜Π£Πœ

Набор ΠΈΠ³Ρ€Π°Π»ΡŒΠ½Ρ‹Ρ… ΠΊΠ°Ρ€Ρ‚, ΠΈΠ³Ρ€ΠΎΠ²ΠΎΠΉ Π°Π²Ρ‚ΠΎΠΌΠ°Ρ‚ с ΠΊΠ»ΡƒΠ±Π½ΠΈΠΊΠΎΠΉ, ΠΏΡ€ΠΈΠ³Π»Π°ΡˆΠ΅Π½ΠΈΠ΅ Π½Π° ΠΏΠΎΠΊΠ΅Ρ€Π½Ρ‹ΠΉ Ρ‚ΡƒΡ€Π½ΠΈΡ€, вишня, Π½Π°Ρ€ΡƒΡ‡Π½ΠΈΠΊΠΈ ΠΈ Π·Π½Π°Ρ‡ΠΎΠΊ. vectorPREMIUM

ПлоскиС красочныС ΠΊΠ½ΠΎΠΏΠΊΠΈ для Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Ρ… Ρ†Π΅Π»Π΅ΠΉPREMIUM

ΠŸΡ€ΠΎΠΌΡ‹ΡˆΠ»Π΅Π½Π½ΠΎΡΡ‚ΡŒ ΠΈ Ρ‚Π΅Ρ…Π½ΠΎΠ»ΠΎΠ³ΠΈΠΈ Π²Π΅ΠΊΡ‚ΠΎΡ€Π½Ρ‹Π΅ ΠΈΠΊΠΎΠ½ΠΊΠΈ, коллСкция Π²Π΅Π±-Π·Π½Π°Ρ‡ΠΊΠΎΠ² с плоским Π΄ΠΈΠ·Π°ΠΉΠ½ΠΎΠΌ, бизнСс-ΠΈΠ½Ρ„ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΊΠ° шаблонPREMIUM

ΠœΠΈΠ½ΠΈΠΌΠ°Π»ΡŒΠ½Ρ‹ΠΉ Π½Π°Π±ΠΎΡ€ ΡƒΠ²Π΅Π΄ΠΎΠΌΠ»Π΅Π½ΠΈΠΉ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ, ΠΎΠ±Π»Π°Ρ‡Π½Ρ‹Π΅ вычислСния ΠΈ ΠΏΡ€ΠΎΠ²Π΅Ρ€ΠΊΠ° плоских Π·Π½Π°Ρ‡ΠΊΠΎΠ² для Π²Π΅Π±-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ. ΠΊΠΈΠ±Π΅Ρ€Π°Ρ‚Π°ΠΊΠ°, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, Π·Π½Π°Ρ‡ΠΊΠΈ тСхничСской Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π°Ρ†ΠΈΠΈ. элСктричСская Π²ΠΈΠ»ΠΊΠ°, совмСстная Ρ€Π°Π±ΠΎΡ‚Π° сотрудников. Π²Π΅ΠΊΡ‚ΠΎΡ€ΠŸΠ Π•ΠœΠ˜Π£Πœ

ΠšΠΎΠ»Π»Π΅ΠΊΡ†ΠΈΡ Π²Π΅Π±-ΠΊΠ½ΠΎΠΏΠΎΠΊ, Π½Π°Π±ΠΎΡ€ элСмСнтов. Π²Π΅ΠΊΡ‚ΠΎΡ€Π½Ρ‹Π΅ ΡˆΠ°Π±Π»ΠΎΠ½Ρ‹, Π±Π°Π½Π½Π΅Ρ€Ρ‹ ΠΈ этикСтки, срСдства массовой ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΈ, ΠΈΠΊΠΎΠ½ΠΊΠΈ Π»Π΅Π½Ρ‚ для Π²Π΅Π±-сайта ΠΈΠ»ΠΈ прилоТСния, ΠΏΠ°Π½Π΅Π»ΠΈ мСню Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΈ. ΠŸΠ Π•ΠœΠ˜Π£Πœ

Набор Ρ„Ρ€ΡƒΠΊΡ‚ΠΎΠ² сливы, Π±Π΅Π· ТСстокого обращСния с ΠΆΠΈΠ²ΠΎΡ‚Π½Ρ‹ΠΌΠΈ, Π±Π΅Π· Π“ΠœΠž, органичСская космСтика, ΠΏΠ°ΠΊΠ΅Ρ‚ ΠΌΠΎΠ»ΠΎΠΊΠ° ΠΈ Π·Π½Π°Ρ‡ΠΎΠΊ Π΄ΠΈΠ΅Ρ‚Ρ‹ вСганской ΠΏΠΈΡ‰ΠΈ. vectorPREMIUM

УстановитС Ρ†ΠΈΡ„Ρ€ΠΎΠ²ΠΎΠ΅ криптоискусство nft, Ρ‚Π΅Ρ…Π½ΠΎΠ»ΠΎΠ³ΠΈΡŽ Π±Π»ΠΎΠΊΡ‡Π΅ΠΉΠ½Π°, гистограмму роста, ΠΊΠΈΠ±Π΅Ρ€Π±Π΅Π·ΠΎΠΏΠ°ΡΠ½ΠΎΡΡ‚ΡŒ, ΠΎΠ±ΠΌΠ΅Π½ эфириума ΠΈ Π·Π½Π°Ρ‡ΠΎΠΊ eth. vectorPREMIUM

Набор Ρ†Π²Π΅Ρ‚Π½Ρ‹Ρ… ΠΊΠ½ΠΎΠΏΠΎΠΊ для Π˜Π½Ρ‚Π΅Ρ€Π½Π΅Ρ‚Π° Π² Π½Π΅ΡΠΊΠΎΠ»ΡŒΠΊΠΈΡ… ΠΌΠΎΠ΄Π½Ρ‹Ρ… Π³Ρ€Π°Π΄ΠΈΠ΅Π½Ρ‚Π°Ρ…, ΠΈΠ·ΠΎΠ»ΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹Ρ… eps 10.PREMIUM

Π£ΡΡ‚Π°Π½ΠΎΠ²ΠΈΡ‚ΡŒ ΠΏΠΎΡ€ΡˆΠ΅Π½ΡŒ двигатСля, Ρ€ΡƒΠ»Π΅Π²ΠΎΠ΅ колСсо, Π΄Π²ΠΈΠ³Π°Ρ‚Π΅Π»ΡŒ автомобиля, автосСрвис, ΠΏΡ€ΠΎΠ²Π΅Ρ€ΠΈΡ‚ΡŒ Π°Π²Ρ‚ΠΎΠΌΠΎΠ±ΠΈΠ»ΡŒ, ΠΏΡ€ΠΎΠ²Π΅Ρ€ΠΈΡ‚ΡŒ ΠΈ Π·Π½Π°Ρ‡ΠΎΠΊ ΠΌΠ°Π½ΠΎΠΌΠ΅Ρ‚Ρ€Π° Π² ΡˆΠΈΠ½Π°Ρ…. vectorPREMIUM

Набор Π΄ΠΎΠ±Ρ€ΠΎΠ²ΠΎΠ»ΡŒΡ†Π°, Π³ΡƒΠΌΠ°Π½ΠΈΡ‚Π°Ρ€Π½ΠΎΠΉ ΠΏΠΎΠΌΠΎΡ‰ΠΈ, ΡˆΠ²Π°Π±Ρ€Ρ‹, ΠΊΠ°Ρ€Ρ‚Ρ‹ ΠΈΠ»ΠΈ Π·Π½Π°Ρ‡ΠΊΠ°, ΠΎΡ‚ΠΏΠ΅Ρ‡Π°Ρ‚ΠΊΠ° Π»Π°ΠΏΡ‹ ΠΈ бСсплатного Π·Π½Π°ΠΊΠ°. Π²Π΅ΠΊΡ‚ΠΎΡ€PREMIUM

Π€ΡƒΡ‚Π±ΠΎΠ»ΡŒΠ½Ρ‹Π΅ красочныС Π²Π΅Π±-ΠΈΠΊΠΎΠ½ΠΊΠΈPREMIUM

Π—Π½Π°Ρ‡ΠΎΠΊ ΠΊΡ€ΠΈΠΊΠ΅Ρ‚Π½ΠΎΠ³ΠΎ стадиона β€” бСсплатный Π²Π΅ΠΊΡ‚ΠΎΡ€Π½Ρ‹ΠΉ Π·Π½Π°Ρ‡ΠΎΠΊPREMIUM

ΠšΡ€ΡƒΠΏΠ½Ρ‹ΠΉ ΠΏΠ»Π°Π½ ΠΏΠ°Π»ΡŒΡ†Π° Π½Π° ΠΊΠ½ΠΎΠΏΠΊΠ΅ ΠΊΠ»Π°Π²ΠΈΠ°Ρ‚ΡƒΡ€Ρ‹ со словом биотСхнологияPREMIUM

ΠšΡ€Π°ΡΠΎΡ‡Π½Π°Ρ блСстящая ΠΈ чистая ΠΊΠ½ΠΎΠΏΠΊΠ° для Π²Π΅Π±-сайтов ΠΈ использования Π² Π˜Π½Ρ‚Π΅Ρ€Π½Π΅Ρ‚Π΅, вСкторная ΠΈΠ»Π»ΡŽΡΡ‚Ρ€Π°Ρ†ΠΈΡPREMIUM

Набор сСрдцС с тСкстом сСкс, ΠΏΡ€Π΅Π·Π΅Ρ€Π²Π°Ρ‚ΠΈΠ², Ρ„Π°Π»Π»ΠΎΠΈΠΌΠΈΡ‚Π°Ρ‚ΠΎΡ€ Π²ΠΈΠ±Ρ€Π°Ρ‚ΠΎΡ€, пояс силиконовый мяч кляп, ΠΊΠΎΠΆΠ°Π½Ρ‹ΠΉ хлыст ΠΈ Π·Π½Π°Ρ‡ΠΎΠΊ Π°Π½Π°Π»ΡŒΠ½Ρ‹Π΅ бусы. vectorPREMIUM

ЦвСтная ΠΊΠ½ΠΎΠΏΠΊΠ° Π³Ρ€Π°Π΄ΠΈΠ΅Π½Ρ‚Π°. Ρ‡ΠΈΡ‚Π°Ρ‚ΡŒ, ΠΏΡ€ΠΎΡΠΌΠ°Ρ‚Ρ€ΠΈΠ²Π°Ρ‚ΡŒ ΠΈ ΡƒΠ·Π½Π°Π²Π°Ρ‚ΡŒ большС ΠΊΠ½ΠΎΠΏΠΎΠΊ. ΠΊΡƒΠΏΠΈΡ‚ΡŒ сСйчас, ΠΏΠΎΠ΄ΠΏΠΈΡΠ°Ρ‚ΡŒΡΡ ΠΈ Ρ€Π°ΡΠΊΡ€Π°ΡΠΈΡ‚ΡŒ ΠΊΠ½ΠΎΠΏΠΊΠΈ ΠΊΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠ΅Π² Π²Π΅ΠΊΡ‚ΠΎΡ€Π½Ρ‹ΠΉ Π½Π°Π±ΠΎΡ€. ΠΊΡ€ΡƒΠ³Π»Ρ‹Π΅ Ρ‚ΠΎΡ‡ΠΊΠΈ ΠΊΠ°ΠΊ ΠΏΠ°ΡƒΠ·Π°, ΠΏΡ€ΠΎΠ΄ΠΎΠ»ΠΆΠ΅Π½ΠΈΠ΅, Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠ° для Π²Π΅Π±-сайта ΠΈΠ»ΠΈ ΠΈΠ³Ρ€Ρ‹PREMIUM

ЭлСктричСство, ΠΌΠΎΡ‰Π½ΠΎΡΡ‚ΡŒ, Π½Π°Π±ΠΎΡ€ Π²Π΅ΠΊΡ‚ΠΎΡ€Π½Ρ‹Ρ… Π·Π½Π°Ρ‡ΠΊΠΎΠ² энСргии, плоский Π΄ΠΈΠ·Π°ΠΉΠ½ красочных ΠΊΠ½ΠΎΠΏΠΎΠΊ, инфографичСский шаблон Π² 5 Ρ†Π²Π΅Ρ‚ΠΎΠ²Ρ‹Ρ… Π²Π°Ρ€ΠΈΠ°Π½Ρ‚Π°Ρ…PREMIUM

12 ΠΊΡ€ΡƒΠ³Π»Ρ‹Ρ… ΠΈΠ½Ρ„ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΊ ΠΈ бизнСс-ΠΈΠΊΠΎΠ½ΠΎΠΊPREMIUM

ПисьмСнная записка, ΠΏΠΎΠΊΠ°Π·Ρ‹Π²Π°ΡŽΡ‰Π°Ρ ΠΎΠ½Π»Π°ΠΉΠ½-ΠΌΠΎΡˆΠ΅Π½Π½ΠΈΡ‡Π΅ΡΡ‚Π²ΠΎ. бизнСс-концСпция использования ΠΈΠ½Ρ‚Π΅Ρ€Π½Π΅Ρ‚-услуг для ΠΎΠ±ΠΌΠ°Π½Π° ΠΆΠ΅Ρ€Ρ‚Π² ΠΈ ΠΊΡ€Π°ΠΆΠΈ Π΄Π΅Π½Π΅Π³. ΠŸΠ Π•ΠœΠ˜Π£Πœ

ΠœΠΈΠ½ΠΈΠΌΠ°Π»ΡŒΠ½Ρ‹ΠΉ Π½Π°Π±ΠΎΡ€ Π΅Π²Ρ€ΠΎ, ΠΏΠ»Π°Π½ развития ΠΈ ΠΊΠΎΠ½Ρ‚Ρ€ΠΎΠ»ΡŒΠ½Ρ‹ΠΉ список плоских ΠΈΠΊΠΎΠ½ΠΎΠΊ для Π²Π΅Π±-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ. Π²ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΠ΅, Ρ„Π°Π±Ρ€ΠΈΠΊΠ° элСктричСства, Π·Π½Π°Ρ‡ΠΊΠΈ ΡƒΠΌΠ½Ρ‹Ρ… часов. принят ΠΏΠ»Π°Ρ‚Π΅ΠΆ, Ρ„Π»Π°ΠΆΠΎΠΊ. ΠΊΠ½ΠΎΠΏΠΊΠΈ ΠΊΡ€ΡƒΠ³Π° со Π·Π½Π°Ρ‡ΠΊΠΎΠΌ. vectorPREMIUM

ΠœΠΈΠ½ΠΈΠΌΠ°Π»ΡŒΠ½Ρ‹ΠΉ Π½Π°Π±ΠΎΡ€ Π³Π°Ρ€Π΄Π΅Ρ€ΠΎΠ±Π°, ΠΏΡƒΠ·Ρ‹Ρ€Π΅ΠΉ скидок ΠΈ плоских ΠΈΠΊΠΎΠ½ΠΎΠΊ ΠΎΠ½Π»Π°ΠΉΠ½-ΠΏΠΎΠΊΡƒΠΏΠΎΠΊ для Π²Π΅Π±-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ. Π½ΠΎΠΆΠ½ΠΈΡ†Ρ‹, Π±Π°Π³Π°ΠΆ, Π±ΡƒΠΌΠ°ΠΆΠ½ΠΈΠΊ ΠΈΠΊΠΎΠ½ΠΊΠΈ. Π΄Π΅Ρ€ΠΆΠΈΡ‚Π΅ Ρ„ΡƒΡ‚Π±ΠΎΠ»ΠΊΡƒ, мСдаль со скидкой, Π»ΡŽΠ±ΠΎΠ²Π½Ρ‹Π΅ ΠΎΡ‡ΠΊΠΈ Π²Π΅Π±-элСмСнты. Π²Π΅ΠΊΡ‚ΠΎΡ€ΠŸΠ Π•ΠœΠ˜Π£Πœ

Набор Π½Π°ΡƒΡˆΠ½ΠΈΠΊΠΎΠ², ΠΌΡƒΠΆΡ‡ΠΈΠ½Π° с Π³Π°Ρ€Π½ΠΈΡ‚ΡƒΡ€ΠΎΠΉ, круглосуточная ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠ° ΠΏΠΎ Ρ‚Π΅Π»Π΅Ρ„ΠΎΠ½Ρƒ ΠΈ Π·Π½Π°Ρ‡ΠΎΠΊ руководства ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ. vectorPREMIUM

Π‘ΠΎΠ»ΡŒΡˆΠΎΠΉ Π½Π°Π±ΠΎΡ€ ΠΊΠ½ΠΎΠΏΠΎΠΊ для Π΄ΠΈΠ·Π°ΠΉΠ½Π° сайта Π½Π° сСром Ρ„ΠΎΠ½Π΅. Π²Π΅Π±-ΠΈΠΊΠΎΠ½ΠΊΠΈ. Ρ€Π°Π·Π½Ρ‹Π΅ Ρ†Π²Π΅Ρ‚Π° элСмСнтов ΠΈ Π³Ρ€Π°Π΄ΠΈΠ΅Π½Ρ‚. vectorPREMIUM

УстановитС схСму элСктричСской Ρ†Π΅ΠΏΠΈ, ΠΏΡ€Π΅Π΄ΠΎΡ…Ρ€Π°Π½ΠΈΡ‚Π΅Π»ΡŒ, ΡΠ»Π΅ΠΊΡ‚Ρ€ΠΈΡ‡Π΅ΡΠΊΡƒΡŽ панСль, свСтодиод, Π²Ρ‹ΠΊΠ»ΡŽΡ‡Π°Ρ‚Π΅Π»ΡŒ свСта ΠΈ Π·Π½Π°Ρ‡ΠΎΠΊ Ρ€ΠΎΠ·Π΅Ρ‚ΠΊΠΈ. vectorPREMIUM

Набор соврСмСнных ΠΊΠ½ΠΎΠΏΠΎΠΊ для Π²Π΅Π±-сайта ΠΈ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΎΠ³ΠΎ интСрфСйса. Π²Π΅ΠΊΡ‚ΠΎΡ€Π½Ρ‹ΠΉ Π·Π½Π°Ρ‡ΠΎΠΊPREMIUM

Набор Π²Π΅ΠΊΡ‚ΠΎΡ€Π½Ρ‹Ρ… ΠΈΠΊΠΎΠ½ΠΎΠΊ для Π²Π΅Π±-сайта ΠΈΠ·Π³ΠΈΠ± Π±ΡƒΠΌΠ°Π³ΠΈ с эффСктом Π²Π΅ΠΊΡ‚ΠΎΡ€Π½Ρ‹Π΅ элСмСнты Π΄ΠΈΠ·Π°ΠΉΠ½Π° для Π΄ΠΈΠ·Π°ΠΉΠ½Π°PREMIUM

Набор ΠΊΠ½ΠΎΠΏΠΎΠΊ Π² соврСмСнном стилС для Π²Π΅Π±-сайта, мобильного прилоТСния ΠΈ ΠΈΠ½Ρ„ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΊΠΈ. Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Π΅ Ρ†Π²Π΅Ρ‚Π° Π³Ρ€Π°Π΄ΠΈΠ΅Π½Ρ‚Π°. соврСмСнная вСкторная ΠΈΠ»Π»ΡŽΡΡ‚Ρ€Π°Ρ†ΠΈΡ Π² плоском стилС. PREMIUM

ΠœΠΈΠ½ΠΈΠΌΠ°Π»ΡŒΠ½Ρ‹ΠΉ Π½Π°Π±ΠΎΡ€ ΠΎΡ‚Π²Π΅Ρ€Π³Π½ΡƒΡ‚ΠΎΠΉ ΠΊΠ½ΠΈΠ³ΠΈ, Π½Π°ΡƒΡˆΠ½ΠΈΠΊΠΎΠ² ΠΈ плоских ΠΈΠΊΠΎΠ½ΠΎΠΊ ТСстов пСрСмСщСния для Π²Π΅Π±-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ. Π³Ρ€Π°Ρ„ΠΈΠΊ совмСстной Ρ€Π°Π±ΠΎΡ‚Ρ‹, видСоконфСрСнция, ΠΈΠΊΠΎΠ½ΠΊΠΈ доставки посылок. Π±ΠΈΠ»Π΅Ρ‚Ρ‹, слуТба доставки. vectorPREMIUM

Набор старинных ΠΊΠ½ΠΎΠΏΠΎΠΊ Π½Π° старом дСрСвянном столСPREMIUM

Набор ΠΈΠΊΠΎΠ½ΠΎΠΊ для мобильного интСрфСйса Π½Π° Π±Π΅Π»ΠΎΠΌ Ρ„ΠΎΠ½Π΅: вСкторная ΠΈΠ»Π»ΡŽΡΡ‚Ρ€Π°Ρ†ΠΈΡPREMIUM

Набор красочных Π²Π΅Π±-ΠΈΠΊΠΎΠ½ΠΎΠΊ ΠΈΠ»ΠΈ ΠΊΠ½ΠΎΠΏΠΎΠΊ для Π²Π΅Π±-сайта, домашнСй страницы, Π˜Π½Ρ‚Π΅Ρ€Π½Π΅Ρ‚Π° ΠΈΠ»ΠΈ ΡΠΎΡ†ΠΈΠ°Π»ΡŒΠ½Ρ‹Ρ… сСтСй, ΠΈΠ·ΠΎΠ»ΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹Ρ… Π½Π° ΠΏΡ€ΠΎΠ·Ρ€Π°Ρ‡Π½ΠΎΠΌ Ρ„ΠΎΠ½Π΅. Π²Π΅ΠΊΡ‚ΠΎΡ€Π½Ρ‹ΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½. ΠŸΠ Π•ΠœΠ˜Π£Πœ

НСфтяная ΠΏΡ€ΠΎΠΌΡ‹ΡˆΠ»Π΅Π½Π½ΠΎΡΡ‚ΡŒ, Π±Π΅Π½Π·ΠΈΠ½, Π·Π½Π°Ρ‡ΠΊΠΈ Π»ΠΈΠ½ΠΈΠΉ ΠΏΠΎ производству Π½Π΅Ρ„Ρ‚ΠΈ. поиск сотрудника, творчСство, ΠΈΠΊΠΎΠ½ΠΊΠΈ солнСчных Π±Π°Ρ‚Π°Ρ€Π΅ΠΉ. Π»ΡƒΡ‡ΡˆΠΈΠΉ Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚, ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒ, Π²Π΅Π±-элСмСнты быстрой ΠΎΠΏΠ»Π°Ρ‚Ρ‹. vectorPREMIUM

НаклСйка для ΡΠΎΡ†ΠΈΠ°Π»ΡŒΠ½Ρ‹Ρ… сСтСй Storie, Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Π΅ этикСтки insta Π½Π° Π±Π΅Π»ΠΎΠΉ ΠΊΠΎΡ€ΠΎΠ±ΠΊΠ΅, вакцинация, опрос, ΠΎΠ±Ρ€Π°Ρ‚Π½Ρ‹ΠΉ отсчСт, ΡƒΠΏΠΎΠΌΠΈΠ½Π°Π½ΠΈΠ΅ Π·Π½Π°Ρ‡ΠΊΠ°, ΠΏΠΎΠΆΠ΅Ρ€Ρ‚Π²ΠΎΠ²Π°Π½ΠΈΠ΅. шаблон экрана ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΎΠ³ΠΎ интСрфСйса Π½Π° соврСмСнном Π³Ρ€Π°Π΄ΠΈΠ΅Π½Ρ‚Π½ΠΎΠΌ Ρ„ΠΎΠ½Π΅. ΠŸΠ Π•ΠœΠ˜Π£Πœ

БСсплатный символ,Π²Π΅ΠΊΡ‚ΠΎΡ€.PREMIUM

БизнСс, финансы, коммСрция, корпоративная линия Π²ΠΎΠΊΡ€ΡƒΠ³ соврСмСнных ΠΈΠΊΠΎΠ½ΠΎΠΊ, Π²Π΅ΠΊΡ‚ΠΎΡ€Π½Ρ‹Π΅ ΠΈΠ»Π»ΡŽΡΡ‚Ρ€Π°Ρ†ΠΈΠΈ.PREMIUM

УстановитС Ρ‚Π΅Π»Π΅Ρ„ΠΎΠ½Π½ΡƒΡŽ ΠΊΠ½ΠΈΠ³Ρƒ, ΠΊΠΎΠ½Ρ„Π΅Ρ€Π΅Π½Ρ†ΠΈΡŽ Π² Π²ΠΈΠ΄Π΅ΠΎΡ‡Π°Ρ‚Π΅ ΠΈ встрСчу. бСлая квадратная ΠΊΠ½ΠΎΠΏΠΊΠ°. vectorPREMIUM

Набор соврСмСнных Π³Ρ€Π°Π΄ΠΈΠ΅Π½Ρ‚Π½Ρ‹Ρ… ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ, страниц сайта ΠΈΠ»ΠΈ ΠΈΠ³Ρ€ΠΎΠ²Ρ‹Ρ… ΠΊΠ½ΠΎΠΏΠΎΠΊ. ΠΌΠΎΠ΄Π½Ρ‹Π΅ Π³Ρ€Π°Π΄ΠΈΠ΅Π½Ρ‚Π½Ρ‹Π΅ Ρ†Π²Π΅Ρ‚Π°. flat design.PREMIUM

Набор Π»ΠΈΡΡ‚ΡŒΠ΅Π² ΠΈΠ»ΠΈ Π»ΠΈΡΡ‚ΡŒΠ΅Π², органичСская космСтика, Π±Π΅Π· ΡƒΠΏΠ°ΠΊΠΎΠ²ΠΊΠΈ ΠΌΠΎΠ»ΠΎΠΊΠ°, чСснока, мяса ΠΈ Π·Π½Π°Ρ‡ΠΊΠ° болгарского ΠΏΠ΅Ρ€Ρ†Π°. vectorPREMIUM

Π˜Π½Ρ‚Π΅Ρ€Π½Π΅Ρ‚ глянцСвыС ΠΈΠΊΠΎΠ½ΠΊΠΈ. Π²Π΅ΠΊΡ‚ΠΎΡ€Π½Ρ‹Π΅ ΠΊΠ½ΠΎΠΏΠΊΠΈ.ΠŸΠ Π•ΠœΠ˜Π£Πœ

ΠœΠ°Π³Π½ΠΈΡ‚ притягиваСт. Ρ‰Π΅Π»Ρ‡ΠΎΠΊ, Π»Π°Π²Ρ€ΠΎΠ²Ρ‹ΠΉ Π²Π΅Π½ΠΎΠΊ ΠΈ ΠΈΠΊΠΎΠ½ΠΊΠΈ ΠΊΠ°ΠΏΠ»ΠΈ масла простой Π½Π°Π±ΠΎΡ€. солнцС, роТдСствСнский ΠΏΠ°Π΄ΡƒΠ± ΠΈ Π½ΠΈΠΊΠ°ΠΊΠΈΡ… ΠΈΠ½Ρ‚Π΅Ρ€Π½Π΅Ρ‚-вывСсок. ΡƒΠΊΠ°Π·Π°Ρ‚Π΅Π»ΡŒ курсора, Π½Π°Π³Ρ€Π°Π΄Π° Π»Π°ΡƒΡ€Π΅Π°Ρ‚Π°. Π·Π½Π°Ρ‡ΠΎΠΊ Π»ΠΈΠ½ΠΈΠΈ. Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΡƒΠ΅ΠΌΡ‹ΠΉ ΡˆΡ‚Ρ€ΠΈΡ…. vectorPREMIUM

Набор: Ρ„Π°Π»Π»ΠΎΠΈΠΌΠΈΡ‚Π°Ρ‚ΠΎΡ€, Π²ΠΈΠ±Ρ€Π°Ρ‚ΠΎΡ€, ΠΏΡ€Π΅Π·Π΅Ρ€Π²Π°Ρ‚ΠΈΠ², Π°Π½Π°Π»ΡŒΠ½Ρ‹Π΅ ΡˆΠ°Ρ€ΠΈΠΊΠΈ, Π° Ρ‚Π°ΠΊΠΆΠ΅ 18 Ρ€ΠΎΠ»ΠΈΠΊΠΎΠ², силиконовый кляп с Ρ€Π΅ΠΌΠ½Π΅ΠΌ ΠΈ Π·Π½Π°Ρ‡ΠΎΠΊ Ρ€Π΅Ρ‡Π΅Π²ΠΎΠ³ΠΎ пузыря. vectorPREMIUM

ОдСТда, концСпция ΠΎΠ΄Π΅ΠΆΠ΄Ρ‹, Π½Π°Π±ΠΎΡ€ Π²Π΅ΠΊΡ‚ΠΎΡ€Π½Ρ‹Ρ… ΠΈΠΊΠΎΠ½ΠΎΠΊ, плоский Π΄ΠΈΠ·Π°ΠΉΠ½, красочныС ΠΊΠ½ΠΎΠΏΠΊΠΈ, инфографичСский шаблон Π² 5 Ρ†Π²Π΅Ρ‚ΠΎΠ²Ρ‹Ρ… Π²Π°Ρ€ΠΈΠ°Π½Ρ‚Π°Ρ…. Π²Π΅ΠΊΡ‚ΠΎΡ€ΠŸΠ Π•ΠœΠ˜Π£Πœ

Рукописный тСкст Π½Π΅ ΡΡ‚Π΅ΡΠ½ΡΠΉΡ‚Π΅ΡΡŒ. слово Β«Π½Π΅ стСсняйся ΠΈ Π½Π΅ стСсняйся» часто ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ Π² качСствС ΠΏΡ€ΠΈΠ³Π»Π°ΡˆΠ΅Π½ΠΈΡ. ΠŸΠ Π•ΠœΠ˜Π£Πœ

ВСхнология написания тСкста Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ CMS. бизнСс-Ρ„ΠΎΡ‚ΠΎ, Π΄Π΅ΠΌΠΎΠ½ΡΡ‚Ρ€ΠΈΡ€ΡƒΡŽΡ‰ΠΈΠ΅ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ΡΡ для создания ΠΈ Π°Π½Π°Π»ΠΈΠ·Π° Ρ†ΠΈΡ„Ρ€ΠΎΠ²ΠΎΠ³ΠΎ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π°. ΠŸΠ Π•ΠœΠ˜Π£Πœ

Π”ΠΈΠ·Π°ΠΉΠ½ шаблона Ρ„ΠΎΡ€ΠΌΡ‹ Π²Ρ…ΠΎΠ΄Π° Π² красочный Ρ„Π°Π½ΠΊ. ΠŸΠ Π•ΠœΠ˜Π£Πœ

Π’Π΅ΠΊΡ‚ΠΎΡ€Π½Ρ‹Π΅ плоскиС Π²Π΅Π±-ΠΊΠ½ΠΎΠΏΠΊΠΈ. vector illustration.PREMIUM

ΠœΠ°Π³Π½ΠΈΡ‚ притягиваСт. простой Π½Π°Π±ΠΎΡ€ Π·Π½Π°Ρ‡ΠΊΠΎΠ² обновлСния, ΠΎΠ½Π»Π°ΠΉΠ½-Π²ΠΈΠ΄Π΅ΠΎ ΠΈ ΠΏΠΎΠ²Ρ€Π΅ΠΆΠ΄Π΅Π½Π½Ρ‹Ρ… Ρ„Π°ΠΉΠ»ΠΎΠ². Ρ€Π΅Ρ‡Π΅Π²ΠΎΠΉ ΠΏΡƒΠ·Ρ‹Ρ€ΡŒ, ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹ΠΉ опрос ΠΈ Π·Π½Π°ΠΊΠΈ привлСчСния. ротация, Π²ΠΈΠ΄Π΅ΠΎ экзамСн. тСхнологичСский Π½Π°Π±ΠΎΡ€. Π·Π½Π°Ρ‡ΠΎΠΊ обновлСния строки. Π²Π΅ΠΊΡ‚ΠΎΡ€ΠŸΠ Π•ΠœΠ˜Π£Πœ

ЗСлСная ΠΊΠ½ΠΎΠΏΠΊΠ° для Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π°. ΠŸΠ Π•ΠœΠ˜Π£Πœ

ΠœΠΈΠ½ΠΈΠΌΠ°Π»ΡŒΠ½Ρ‹ΠΉ Π½Π°Π±ΠΎΡ€ Π·Π½Π°Ρ‡ΠΊΠΎΠ² ΠΎΡ‚Ρ‡Π΅Ρ‚ΠΎΠ², рисунков ΠΈ Π³ΠΎΠ»ΠΎΠ²ΠΎΠ»ΠΎΠΌΠΎΠΊ для Π²Π΅Π±-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ. Ρ€Π°Π·Π³ΠΎΠ²ΠΎΡ€Π½Ρ‹ΠΉ ΠΏΡƒΠ·Ρ‹Ρ€ΡŒ, Ρ€Π°Π±ΠΎΡ‚Π° Π² ΠΊΠΎΠΌΠ°Π½Π΄Π΅, Π·Π½Π°Ρ‡ΠΊΠΈ Ρ‚Ρ€ΠΎΡ„Π΅Π΅Π². Ρ‚Π°ΠΉΠΌ-ΠΌΠ΅Π½Π΅Π΄ΠΆΠΌΠ΅Π½Ρ‚, ΠΊΠΈΠ±Π΅Ρ€Π°Ρ‚Π°ΠΊΠ°, Π²Π΅Π±-элСмСнты ΠΎΠ½Π»Π°ΠΉΠ½-Ρ…ΠΈΠΌΠΈΠΈ. vectorPREMIUM

УстановитС ΠΏΡ€ΠΎΡ‚ΠΈΠ²ΠΎΠ³Π°Π·, пламя огня, Π·Π°ΠΏΡ€Π΅Ρ‚ Π½Π° ΠΊΡƒΡ€Π΅Π½ΠΈΠ΅, ΡΠΈΠ³Π½Π°Π»ΠΈΠ·Π°Ρ†ΠΈΡŽ, Π·Π²ΠΎΠ½ΠΎΠΊ ΠΈ Π·Π½Π°Ρ‡ΠΎΠΊ сирСны. vectorPREMIUM

Набор Π½ΠΎΠ²Ρ‹Ρ… красочных Π½Π°ΠΊΠ»Π΅Π΅ΠΊ. Π½Π°ΠΊΠ»Π΅ΠΉΠΊΠΈ ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚ΠΎΠ² с ΠΏΡ€Π΅Π΄Π»ΠΎΠΆΠ΅Π½ΠΈΠ΅ΠΌ, ΠΈΠ½Ρ‚Π΅Ρ€Π½Π΅Ρ‚-ΠΌΠ°Π³Π°Π·ΠΈΠ½Ρ‹, Ρ€Π΅ΠΊΠ»Π°ΠΌΠ½Ρ‹Π΅ Π°ΠΊΡ†ΠΈΠΈ ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚ΠΎΠ². Π²Π΅ΠΊΡ‚ΠΎΡ€Π½Ρ‹Π΅ ΠΈΠ»Π»ΡŽΡΡ‚Ρ€Π°Ρ†ΠΈΠΈΠŸΠ Π•ΠœΠ˜Π£Πœ

Набор ΠΊΠ½ΠΎΠΏΠΎΠΊ для Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π°. ΠΊΠ½ΠΎΠΏΠΊΠΈ ΠΏΡ€ΠΈΠ·Ρ‹Π²Π° ΠΊ Π΄Π΅ΠΉΡΡ‚Π²ΠΈΡŽ. vector illustration.PREMIUM

Π”ΠΈΠ·Π°ΠΉΠ½ Π²Π΅ΠΊΡ‚ΠΎΡ€Π°Ρ†Π²Π΅Ρ‚Π½Ρ‹Π΅ Π·Π½Π°Ρ‡ΠΊΠΈ Π² отвСрстиях Π»Π΅Π³ΠΊΠΎ Π°Π΄Π°ΠΏΡ‚ΠΈΡ€ΡƒΡŽΡ‚ΡΡ ΠΊ Π»ΡŽΠ±ΠΎΠΌΡƒ Ρ„ΠΎΠ½ΡƒPREMIUM

ПлоскиС красныС ΠΊΠ½ΠΎΠΏΠΊΠΈPREMIUM

УстановитС самолСт, Π»Π΅Ρ‚Π½ΡƒΡŽ ΡˆΠ»ΡΠΏΡƒ с ΠΎΡ‡ΠΊΠ°ΠΌΠΈ, Ρ‚Π°Π±Π»ΠΎ аэропорта, Ρ€Π΅Π°ΠΊΡ‚ΠΈΠ²Π½Ρ‹ΠΉ ΠΈΡΡ‚Ρ€Π΅Π±ΠΈΡ‚Π΅Π»ΡŒ, Ρ€Π°Π΄Π°Ρ€ ΠΈ Π·Π½Π°Ρ‡ΠΎΠΊ. vectorPREMIUM

УстановитС маяк, Π·Π΄Π°Π½ΠΈΠ΅ музСя, Π·Π²ΠΎΠ½ΠΎΠΊ гостиничного сСрвиса, Ρ‡Π΅ΠΌΠΎΠ΄Π°Π½, поТалуйста, Π½Π΅ бСспокойтС ΠΈ Π·Π½Π°Ρ‡ΠΎΠΊ Ρ€ΡƒΠ»Π΅Π²ΠΎΠ³ΠΎ колСса корабля. vectorPREMIUM

УстановитС Π³ΠΎΡ€ΡΡ‰ΡƒΡŽ свСчу, Π½Π°Π΄Π³Ρ€ΠΎΠ±ΠΈΠ΅ с крСстом, Ρ‚Ρ‹ΠΊΠ²Ρƒ, косу ΠΈ ΠΈΠΊΠΎΠ½Ρƒ вСдьмин ΠΌΠ΅Ρ‚Π»Ρ‹. Π²Π΅ΠΊΡ‚ΠΎΡ€ΠŸΠ Π•ΠœΠ˜Π£Πœ

УстановитС сСрдцСвину яблока, Π½Π΅Ρ„Ρ‚ΡΠ½ΡƒΡŽ Π²Ρ‹ΡˆΠΊΡƒ, ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΡƒ загрязнСния, эко-символ листа, ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ с осСнними Π»ΠΈΡΡ‚ΡŒΡΠΌΠΈ ΠΈ ΠΈΠΊΠΎΠ½ΠΊΡƒ. vectorPREMIUM

Набор ΠΊΠ½ΠΎΠΏΠΎΠΊ Π² соврСмСнном стилС. Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Π΅ Ρ†Π²Π΅Ρ‚Π° Π³Ρ€Π°Π΄ΠΈΠ΅Π½Ρ‚Π°. соврСмСнная вСкторная ΠΈΠ»Π»ΡŽΡΡ‚Ρ€Π°Ρ†ΠΈΡ Π² плоском стилС. PREMIUM

ΠšΡ€Π°ΡΠΎΡ‡Π½Ρ‹Π΅ ΠΊΠ½ΠΎΠΏΠΊΠΈ Π½Π° синСм Ρ„ΠΎΠ½Π΅ ΠΊΡ€ΡƒΠΏΠ½Ρ‹ΠΌ ΠΏΠ»Π°Π½ΠΎΠΌPREMIUM

Набор Ρ€Π΅Ρ‡ΠΈ ΠΏΡƒΠ·Ρ‹Ρ€ΡŒ ΠΏΠ°ΠΏΠ°, Π½Π°Π³Ρ€ΡƒΠ΄Π½ΠΈΠΊ, вСлосипСд для Π΄Π΅Ρ‚Π΅ΠΉ, насос, коляска ΠΈ Π·Π½Π°Ρ‡ΠΎΠΊ Π±ΡƒΡ‚Ρ‹Π»ΠΊΠΈ. vectorPREMIUM

Набор Π²Π΅ΠΊΡ‚ΠΎΡ€Π½Ρ‹Ρ… ΠΊΠ½ΠΎΠΏΠΎΠΊ Π²Π΅Π±-элСмСнтов, плоский Π΄ΠΈΠ·Π°ΠΉΠ½ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΎΠ³ΠΎ интСрфСйсаPREMIUM

Π—Π½Π°Ρ‡ΠΎΠΊ ΠΏΠ΅Ρ€Π΅Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ — бСсплатный Π²Π΅ΠΊΡ‚ΠΎΡ€Π½Ρ‹ΠΉ Π·Π½Π°Ρ‡ΠΎΠΊPREMIUM

Π—Π½Π°Ρ‡ΠΎΠΊ ΠΊΠΎΠ½Ρ‚Π°ΠΊΡ‚Π° Π½Π° Π·Π΅Π»Π΅Π½ΠΎΠΌ абстрактном Ρ„ΠΎΠ½Π΅PREMIUM

Π Π°Π±ΠΎΡ‡ΠΈΠΉ, Π½Π°Π±ΠΎΡ€ Π²Π΅ΠΊΡ‚ΠΎΡ€Π½Ρ‹Ρ… Π·Π½Π°Ρ‡ΠΊΠΎΠ² сотрудников, инфографичСский шаблон, плоский Π΄ΠΈΠ·Π°ΠΉΠ½ красочных Π²Π΅Π±-ΠΊΠ½ΠΎΠΏΠΎΠΊ Π² 5 Ρ†Π²Π΅Ρ‚ΠΎΠ²Ρ‹Ρ… Π²Π°Ρ€ΠΈΠ°Π½Ρ‚Π°Ρ…. с ΡˆΠ΅ΡΡ‚Π΅Ρ€Π΅Π½ΠΊΠΎΠΉ Π²Π½ΡƒΡ‚Ρ€ΠΈ, тСкстом Ρ€Π΅Ρ‡Π΅Π²ΠΎΠ³ΠΎ пузыря cmyk, ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ΠΌ ΠΏΠ΅ΠΉΠ·Π°ΠΆΠ°, руководством ΠΏΠΎ Ρ†Π²Π΅Ρ‚ΠΎΠ²ΠΎΠΉ ΠΏΠ°Π»ΠΈΡ‚Ρ€Π΅ ΠΈ Π·Π½Π°Ρ‡ΠΊΠΎΠΌ ΠΊΠ°Ρ€Π°Π½Π΄Π°ΡˆΠ° со скрСщСнной Π»ΠΈΠ½Π΅ΠΉΠΊΠΎΠΉ. vectorPREMIUM

Π—ΠΎΠ»ΠΎΡ‚Ρ‹Π΅ Π²Π΅Π±-ΠΊΠ½ΠΎΠΏΠΊΠΈ с Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹ΠΌΠΈ Π·Π°ΠΊΠ»Π°Π΄ΠΊΠ°ΠΌΠΈ ΠΈ Π·Π½Π°Ρ‡ΠΊΠ°ΠΌΠΈPREMIUM

ΠœΠ½ΠΎΠΆΠ΅ΡΡ‚Π²ΠΎ Ρ€Π°Π·Π½ΠΎΡ†Π²Π΅Ρ‚Π½Ρ‹Ρ… ΠΊΠ½ΠΎΠΏΠΎΠΊ Π½Π° синСй повСрхности. ΠŸΠ Π•ΠœΠ˜Π£Πœ

Π£ΡΡ‚Π°Π½ΠΎΠ²ΠΈΡ‚ΡŒ ΠΎΠ½Π»Π°ΠΉΠ½-Π·Π°ΠΊΠ°Π· ΠΈ доставку, располоТСниС ΠΊΠ°Ρ„Π΅-рСсторана, Ρ‡Π°ΡˆΠΊΡƒ ΠΊΠΎΡ„Π΅ с собой ΠΈ Π·Π½Π°Ρ‡ΠΎΠΊ «Быстро Π½Π° машинС». vectorPREMIUM

ПлоскиС ΠΈΠΊΠΎΠ½ΠΊΠΈ для Π²Π΅Π± ΠΈ ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Ρ… устройствPREMIUM

ΠšΠΎΠ½Ρ†Π΅ΠΏΡ‚ΡƒΠ°Π»ΡŒΠ½Ρ‹ΠΉ ΠΏΠΎΡ‡Π΅Ρ€ΠΊ, ΠΏΠΎΠΊΠ°Π·Ρ‹Π²Π°ΡŽΡ‰ΠΈΠΉ ΠΊΡ€ΠΈΡ‚Π΅Ρ€ΠΈΠΈ приСмлСмости. концСпция, ΠΎΠ·Π½Π°Ρ‡Π°ΡŽΡ‰Π°Ρ ΡƒΠΊΠ°Π·Π°Π½Π½Ρ‹Π΅ ΠΏΠΎΠΊΠ°Π·Π°Ρ‚Π΅Π»ΠΈ ΠΏΡ€ΠΈ ΠΎΡ†Π΅Π½ΠΊΠ΅ способности Π΄Π΅Ρ‚Π°Π»ΠΈPREMIUM

Иконки ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΎΠ³ΠΎ интСрфСйса для ΠΏΠΎΠΊΡƒΠΏΠΎΠΊPREMIUM

ΠŸΡ€ΠΎΡΡ‚ΠΎΠΉ Π½Π°Π±ΠΎΡ€ Π·Π½Π°Ρ‡ΠΊΠΎΠ² ΠΏΠΈΠ²Π½ΠΎΠ³ΠΎ Π±ΠΎΠΊΠ°Π»Π°, Π½Π°Π³Ρ€Π°Π΄Π½ΠΎΠ³ΠΎ прилоТСния ΠΈ Π·Π½Π°Ρ‡ΠΊΠΎΠ² Π»ΠΈΠ½ΠΈΠΈ ΠΎΠΏΡ‚ΠΎΠ²Ρ‹Ρ… Ρ‚ΠΎΠ²Π°Ρ€ΠΎΠ².

ΠžΡΡ‚Π°Π²ΠΈΡ‚ΡŒ ΠΊΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠΉ

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

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