Π‘ΠΎΠ΄Π΅Ρ€ΠΆΠ°Π½ΠΈΠ΅

22 Π›ΡƒΡ‡ΡˆΠΈΡ… инструмСнта для Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Π°

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

Π’ этой ΡΡ‚Π°Ρ‚ΡŒΠ΅ я Π±Ρ‹ Ρ…ΠΎΡ‚Π΅Π» Ρ€Π°ΡΡΠΊΠ°Π·Π°Ρ‚ΡŒ Π²Π°ΠΌ ΠΎ Ρ‚Π΅Ρ… инструмСнтах, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Ρ‚Ρ€Π΅Π±ΡƒΡŽΡ‚ΡΡ Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Ρƒ для ΡƒΡΠΏΠ΅ΡˆΠ½ΠΎΠ³ΠΎ ΠΈ эффСктивного выполнСния своСй Ρ€Π°Π±ΠΎΡ‚Ρ‹. Π­Ρ‚ΠΎ особСнно Π²Π°ΠΆΠ½ΠΎ сСгодня, Ρ‚Π°ΠΊ ΠΊΠ°ΠΊ Ρ‚Π΅Ρ…Π½ΠΎΠ»ΠΎΠ³ΠΈΠΈ ΡΡ‚Ρ€Π΅ΠΌΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ Ρ€Π°Π·Π²ΠΈΠ²Π°ΡŽΡ‚ΡΡ ΠΈ Π½Π° ΠΎΠ΄Π½ΠΎΠΌ Π€ΠΎΡ‚ΠΎΡˆΠΎΠΏΠ΅ Π΄Π°Π»Π΅ΠΊΠΎ Π½Π΅ ΡƒΠ΅Π΄Π΅ΡˆΡŒ.

Π˜Π½ΡΡ‚Ρ€ΡƒΠΌΠ΅Π½Ρ‚Ρ‹ ΠΈ сСрвисы, ΠΎ ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… я расскаТу Π²Π°ΠΌ Π² этой ΡΡ‚Π°Ρ‚ΡŒΠ΅ Π±ΡƒΠ΄ΡƒΡ‚ ΠΏΠΎΠ»Π΅Π·Π½Ρ‹ Π½Π΅ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ для Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ΠΎΠ², Π½ΠΎ ΠΈ для ΠΎΠ½Π»Π°ΠΉΠ½-ΠΏΡ€Π΅Π΄ΠΏΡ€ΠΈΠ½ΠΈΠΌΠ°Ρ‚Π΅Π»Π΅ΠΉ ΠΈ рядовых Π±Π»ΠΎΠ³Π΅Ρ€ΠΎΠ².

Ну Ρ‡Ρ‚ΠΎ Π³ΠΎΡ‚ΠΎΠ²Ρ‹? Π’ΠΎΠ³Π΄Π° Π½Π°Ρ‡ΠΈΠ½Π°Π΅ΠΌ!

Sketch

Sketch являСтся ΠΎΠ΄Π½ΠΈΠΌ ΠΈΠ· самых популярных инструмСнтов Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Π°. Он ΡƒΠΆΠ΅ Π΄Π°Π²Π½ΠΎ борСтся с Π€ΠΎΡ‚ΠΎΡˆΠΎΠΏ Π·Π° ΠΏΠ°Π»ΡŒΠΌΡƒ пСрвСнства Π² Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠ΅ Π²Π΅Π±-интСрфСйсов.

По ΡΡ€Π°Π²Π½Π΅Π½ΠΈΡŽ с Π΄Π΅Ρ‚ΠΈΡ‰Π΅ΠΌ Adobe этот ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚ ΠΎΠ±Π»Π°Π΄Π°Π΅Ρ‚ Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΌΠΈ прСимущСствами. НапримСр, Ρ‚Π°ΠΊΠΈΠΌΠΈ ΠΊΠ°ΠΊ быстродСйствиС, низкая ΠΏΠΎΡ‚Ρ€Π΅Π±Π½ΠΎΡΡ‚ΡŒ Π² рСсурсах ΠΈ ориСнтация Π½Π° ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ Π²Π΅Π±-интСрфСйсов.

ЕдинствСнный Π΅Π³ΠΎ минус Π·Π°ΠΊΠ»ΡŽΡ‡Π°Π΅Ρ‚ΡΡ Π² ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠ΅ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ MacOS ΠΏΠ»Π°Ρ‚Ρ„ΠΎΡ€ΠΌ. ΠŸΡ€ΠΎΠ΄ΡƒΠΊΡ‚ стоит $99, Π½ΠΎ Ρ‚Π΅ΠΌ Π½Π΅ ΠΌΠ΅Π½Π΅Π΅ ΠΏΠΎ ΠΎΡ‚Π·Ρ‹Π²Π°ΠΌ ΡŽΠ·Π΅Ρ€ΠΎΠ² Sketch стоит своих Π΄Π΅Π½Π΅Π³. Как ΠΈ полагаСтся с ΠΏΠ»Π°Ρ‚Π½Ρ‹ΠΌΠΈ сСрвисами, Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΈ ΠΏΡ€Π΅Π΄ΠΎΡΡ‚Π°Π²Π»ΡΡŽΡ‚ Π±Π΅ΡΠΏΠ»Π°Ρ‚Π½ΡƒΡŽ ΠΏΡ€ΠΎΠ±Π½ΡƒΡŽ Π²Π΅Ρ€ΡΠΈΡŽ.

Macaw

Macaw β€” это инструмСнт, созданный Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Π°ΠΌΠΈ для Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ΠΎΠ². Π•Π³ΠΎ главная ΠΎΡΠΎΠ±Π΅Π½Π½ΠΎΡΡ‚ΡŒ состоит Π² Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠ΅ сайтов Π±Π΅Π· нСобходимости ΠΏΠΈΡΠ°Ρ‚ΡŒ ΠΊΠΎΠ΄. Как Π²Ρ‹ Π·Π½Π°Π΅Ρ‚Π΅, Π² послСднСС врСмя Π³Ρ€Π°Π½ΠΈΡ†Ρ‹ ΠΌΠ΅ΠΆΠ΄Ρƒ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ°ΠΌΠΈ ΠΈ Π²Π΅Π±- Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Π°ΠΌΠΈ сильно Ρ€Π°Π·ΠΌΡ‹Π»ΠΈΡΡŒ. И Macaw Π΄Π°Π΅Ρ‚ ΠΏΠΎΡ‡ΡƒΠ²ΡΡ‚Π²ΠΎΠ²Π°Ρ‚ΡŒ это Π² Ρ€Π΅Π°Π»ΡŒΠ½ΠΎΡΡ‚ΠΈ.

ΠŸΡ€ΠΈ ΠΏΠΎΠΌΠΎΡ‰ΠΈ Macaw Π²Ρ‹ смоТСтС ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ сайт с Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½ΠΎΠΉ вСрсткой Π±Π΅Π· малСйшСго знания HTML ΠΈ CSS. ΠžΡ‚ вас лишь трСбуСтся Ρ€Π°Π±ΠΎΡ‚Π° ΠΏΠΎ ΡΠΎΡΡ‚Π°Π²Π»Π΅Π½ΠΈΡŽ внСшнСго Π²ΠΈΠ΄Π°, послС Ρ‡Π΅Π³ΠΎ ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ само сгСнСрируСт исходный ΠΊΠΎΠ΄.

НСсомнСнным плюсом этого софта являСтся простота Π² использовании. Π’ΠΎ Π΅ΡΡ‚ΡŒ, всСго Π·Π° полчаса Π²Ρ‹ смоТСтС Π½Π°ΡƒΡ‡ΠΈΡ‚ΡŒΡΡ ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½Ρ‹Π΅ ΡˆΠ°Π±Π»ΠΎΠ½Ρ‹ сайтов. И Ρ‡Ρ‚ΠΎ большС всСго удивляСт, Macaw β€” Π°Π±ΡΠΎΠ»ΡŽΡ‚Π½ΠΎ бСсплатСн!

UXPin

UXPin являСтся ΠΏΠΎΠ»Π½ΠΎΡ†Π΅Π½Π½Ρ‹ΠΌ инструмСнтом Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Π°. Он довольно унивСрсалСн ΠΈ Π½Π΅ ΠΎΠ³Ρ€Π°Π½ΠΈΡ‡Π΅Π½ ΠΊΠ°ΠΊΠΈΠΌ-Ρ‚ΠΎ ΠΊΠΎΠ½ΠΊΡ€Π΅Ρ‚Π½Ρ‹ΠΌ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π»ΠΎΠΌ.

ΠŸΡ€ΠΈ ΠΏΠΎΠΌΠΎΡ‰ΠΈ UXPin Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΠΊΠ°ΠΊ сайты, Ρ‚Π°ΠΊ ΠΈ прилоТСния Π½Π° iOS. Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ ΠΊΠ°ΠΊ просто наброски ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π°, Ρ‚Π°ΠΊ ΠΈ Π±ΠΎΠ»Π΅Π΅ Π΄Π΅Ρ‚Π°Π»ΡŒΠ½Ρ‹Π΅ ΡˆΠ°Π±Π»ΠΎΠ½Ρ‹ интСрфСйсов.

ΠŸΡ€ΠΈ нСобходимости Π΅ΡΡ‚ΡŒ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ импортирования ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΎΠ² с Photoshop ΠΈ Sketch. Π’Π°ΠΊΠΆΠ΅ ΠΏΡ€ΠΈ создании ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π° с нуля Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ UX ΠΏΠ°Ρ‚Ρ‚Π΅Ρ€Π½Ρ‹ ΠΎΡ‚ Ρ‚Π°ΠΊΠΈΡ… Ρ„Ρ€Π΅ΠΉΠΌΠ²ΠΎΡ€ΠΊΠΎΠ², ΠΊΠ°ΠΊ Bootstrapp, Foundation ΠΈ Π΄Ρ€.

Marvel

Marvel β€” Π΅Ρ‰Π΅ ΠΎΠ΄ΠΈΠ½ инструмСнт ΠΏΠΎ созданию эскизов сайтов ΠΈ ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Ρ… ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ. Π“Π»Π°Π²Π½Ρ‹ΠΉ плюс этого сСрвиса состоит Π² простотС использования. Π’ΠΎΡ‚ Ρ‡Ρ‚ΠΎ Π³ΠΎΠ²ΠΎΡ€ΠΈΡ‚ ΠΎΠ± этом ΠΎΡΠ½ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒ сСрвиса:

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

ΠžΡΠΎΠ±Π΅Π½Π½ΠΎΡΡ‚ΡŒΡŽ Marvel являСтся Ρ‚ΠΎ, Ρ‡Ρ‚ΠΎ ΠΏΡ€ΠΈ рСгистрации ΠΎΠ½ просит доступ ΠΊ Π°ΠΊΠΊΠ°ΡƒΠ½Ρ‚Ρƒ Π½Π° Dropbox. Π­Ρ‚ΠΎ Π½ΡƒΠΆΠ½ΠΎ для дальнСйшСго ΠΈΠΌΠΏΠΎΡ€Ρ‚Π° Ρ„Π°ΠΉΠ»ΠΎΠ² ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π°. Π’Π°ΠΊΠΆΠ΅ нСсомнСнным плюсом этого инструмСнта являСтся бСсплатный Π±Π°Π·ΠΎΠ²Ρ‹ΠΉ ΠΏΠ°ΠΊΠ΅Ρ‚.

Webflow

Webflow β€” это Π΅Ρ‰Π΅ ΠΎΠ΄Π½ΠΎ ΠΏΠΎΡ‚Ρ€ΡΡΠ°ΡŽΡ‰Π΅Π΅ Π²Π΅Π±-ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅, с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ³ΠΎ ΠΌΠΎΠΆΠ½ΠΎ с Π»Π΅Π³ΠΊΠΎΡΡ‚ΡŒΡŽ ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ красивыС ΠΈ Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½Ρ‹Π΅ Π²Π΅Π±-сайты. ΠŸΡ€ΠΈ этом Π²Π°ΠΌ Π½Π΅ Π½ΡƒΠΆΠ½ΠΎ ΠΎΠ±Π»Π°Π΄Π°Ρ‚ΡŒ Ρ‚Π°ΠΊΠΈΠΌΠΈ тСхнологиями, ΠΊΠ°ΠΊ HTML ΠΈ CSS.

ИдСя создания Webflow появилась Ρƒ Π΄Π²ΡƒΡ… Π±Ρ€Π°Ρ‚ΡŒΠ΅Π², совмСстно Π·Π°Π½ΠΈΠΌΠ°ΡŽΡ‰ΠΈΡ…ΡΡ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΎΠΉ сайтов. Один ΠΈΠ· Π½ΠΈΡ… Π±Ρ‹Π» программистом, Π° Π΄Ρ€ΡƒΠ³ΠΎΠΉ Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ΠΎΠΌ. Π£ Π½ΠΈΡ… появилась идСя создания Ρ‚Π°ΠΊΠΎΠ³ΠΎ прилоТСния, с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ³ΠΎ ΠΌΠΎΠΆΠ½ΠΎ ΡΠΎΡΡ‚Π°Π²ΠΈΡ‚ΡŒ внСшний Π²ΠΈΠ΄ ΠΈ каркас сайта Π½Π΅ зная Π½ΠΈΡ‡Π΅Π³ΠΎ ΠΎ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠΈ. Ну Ρ‡Ρ‚ΠΎ ΠΆ, Ρƒ Π½ΠΈΡ… это ΠΏΠΎΠ»ΡƒΡ‡ΠΈΠ»ΠΎΡΡŒ ΠΎΡ‡Π΅Π½ΡŒ Ρ…ΠΎΡ€ΠΎΡˆΠΎ.

Canva

Canva β€” это ΠΎΠ΄ΠΈΠ½ ΠΈΠ· Π»ΡƒΡ‡ΡˆΠΈΡ… ΠΏΠ»Π°Ρ‚Ρ„ΠΎΡ€ΠΌ ΠΏΠΎ Ρ€Π°Π±ΠΎΡ‚Π΅ с графичСским Π΄ΠΈΠ·Π°ΠΉΠ½ΠΎΠΌ. ΠŸΡ€ΠΈ ΠΏΠΎΠΌΠΎΡ‰ΠΈ этого инструмСнта Π²Ρ‹ смоТСтС ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ практичСскиС Π»ΡŽΠ±Ρ‹Π΅ графичСскиС элСмСнты.

Canva особСнно ΠΏΠΎΠ»Π΅Π·Π΅Π½ ΠΏΡ€ΠΈ создании ΠΎΠ±Π»ΠΎΠΆΠ΅ΠΊ для элСктронных ΠΊΠ½ΠΈΠ³, ΠΈΠ½Ρ„ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΊ, ΠΏΡ€Π΅Π·Π΅Π½Ρ‚Π°Ρ†ΠΈΠΉ ΠΈ ΠΌΠ½ΠΎΠ³ΠΎ Π΄Ρ€ΡƒΠ³ΠΎΠ³ΠΎ. ΠŸΡ€ΠΈΠΌΠ΅Ρ‡Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ Ρ‡Ρ‚ΠΎ Π½Π°Π΄ Canva Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ извСстный Π² стартапСрской тусовкС Ρ‡Π΅Π»ΠΎΠ²Π΅ΠΊ, Π“Π°ΠΉ Кавасаки.

Π­Ρ‚Π° ΠΏΠ»Π°Ρ‚Ρ„ΠΎΡ€ΠΌΠ° ΠΏΠΎ Ρ€Π°Π±ΠΎΡ‚Π΅ с Π³Ρ€Π°Ρ„ΠΈΠΊΠΎΠΉ являСтся условно-бСсплатной. Π‘Ρ€Π΅Π΄ΠΈ Ρ‚Π΅Ρ… графичСских элСмСнтов, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ прСдоставляСт Canva Π΅ΡΡ‚ΡŒ ΠΊΠ°ΠΊ ΠΏΠ»Π°Ρ‚Π½Ρ‹Π΅, Ρ‚Π°ΠΊ ΠΈ бСсплатныС Π²Π°Ρ€ΠΈΠ°Π½Ρ‚Ρ‹.

Noun Project

The Noun Project ΠΌΠΎΠΆΠ΅Ρ‚ ΡΡ‚Π°Ρ‚ΡŒ ΠΎΡ‚Π»ΠΈΡ‡Π½Ρ‹ΠΌ источником поиска графичСских элСмСнтов для вашСго сайта ΠΈΠ»ΠΈ Π±Π»ΠΎΠ³Π°. Π’Π°ΠΊΠΆΠ΅ ΠΏΡ€ΠΈ ΠΏΠΎΠΌΠΎΡ‰ΠΈ этого сСрвиса Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Ρ‹ ΠΌΠΎΠ³ΡƒΡ‚ Π·Π°Ρ€Π°Π±Π°Ρ‚Ρ‹Π²Π°Ρ‚ΡŒ Π½Π° своих Ρ€Π°Π±ΠΎΡ‚Π°Ρ….

Paper

Paper являСтся ΠΎΠ΄Π½ΠΈΠΌ ΠΈΠ· Π»ΡƒΡ‡ΡˆΠΈΡ… iOS ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ для Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ΠΎΠ². Π‘ Π΅Π³ΠΎ ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΠΌΠΎΠΆΠ½ΠΎ Π΄Π΅Π»Π°Ρ‚ΡŒ быстрыС Π·Π°ΠΌΠ΅Ρ‚ΠΊΠΈ, наброски, эскизы ΠΈ ΠΌΠ½ΠΎΠ³ΠΎΠ΅ Π΄Ρ€ΡƒΠ³ΠΎΠ΅.

Π’Π°ΠΊΠΆΠ΅ fifty three, Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊ прилоТСния, Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ прСдоставляСт ΠΎΡ€ΠΈΠ³ΠΈΠ½Π°Π»ΡŒΠ½Ρ‹ΠΉ ΠΈ ΠΎΡ‡Π΅Π½ΡŒ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π»ΡŒΠ½Ρ‹ΠΉ стилус.

Paper Π±ΡƒΠ΄Π΅Ρ‚ особСнно ΠΏΠΎΠ»Π΅Π·Π΅Π½ ΠΏΡ€ΠΈ создании быстрых набросков ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π°, Π° Ρ‚Π°ΠΊΠΆΠ΅ Π² повсСднСвной Ρ€Π°Π±ΠΎΡ‚Π΅ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Π°.

Astropad

Astropad ΠΌΠΎΠΆΠ΅Ρ‚ ΡΡ‚Π°Ρ‚ΡŒ ΠΎΡ‚Π»ΠΈΡ‡Π½Ρ‹ΠΌ Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅ΠΌ для Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ΠΎΠ², Ρ€Π°Π±ΠΎΡ‚Π°ΡŽΡ‰ΠΈΡ… Π½Π° Mac. ΠŸΡ€ΠΈ ΠΏΠΎΠΌΠΎΡ‰ΠΈ этого прилоТСния Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ ΠΈΠ· вашСго iPad ΠΈΠ»ΠΈ iPhone Ρ‡Π΅Ρ€Ρ‚Π΅ΠΆΠ½ΡƒΡŽ доску, которая Π±ΡƒΠ΄Π΅Ρ‚ синхронизирована с Маком.

Π’Π°ΠΊΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ, Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ сайты ΠΈ прилоТСния ΠΏΡ€ΠΈ ΠΏΠΎΠΌΠΎΡ‰ΠΈ вашСго стилуса ΠΈ ΠΏΠ»Π°Π½ΡˆΠ΅Ρ‚Π°, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π² свою ΠΎΡ‡Π΅Ρ€Π΅Π΄ΡŒ ΠΏΠΎΠ΄ΠΊΠ»ΡŽΡ‡Π΅Π½ ΠΊ ΠœΠ°ΠΊΡƒ. Π’Π΅ΠΏΠ΅Ρ€ΡŒ Ρ€Π°Π±ΠΎΡ‚Π° Π±ΡƒΠ΄Π΅Ρ‚ Π΄ΠΎΡΡ‚Π°Π²Π»ΡΡ‚ΡŒ Π½Π°ΠΌΠ½ΠΎΠ³ΠΎ большС ΡƒΠ΄ΠΎΠ²ΠΎΠ»ΡŒΡΡ‚Π²ΠΈΡ, Π΄Π° ΠΈ ваши Π·Π°ΠΏΡΡΡ‚ΡŒΡ ΠΎΡ‚Π½Ρ‹Π½Π΅ Π±ΡƒΠ΄ΡƒΡ‚ расслаблСны.

Iconfinder

Iconfinder β€” ΠΎΠ΄ΠΈΠ½ ΠΈΠ· Π»ΡƒΡ‡ΡˆΠΈΡ… сСрвисов ΠΏΠΎ ΠΏΡ€Π΅Π΄ΠΎΡΡ‚Π°Π²Π»Π΅Π½ΠΈΡŽ ΠΈΠΊΠΎΠ½ΠΎΠΊ для сайта. Π•Π³ΠΎ Π±Π°Π·Π° насчитываСт Π±ΠΎΠ»Π΅Π΅ 800 тыс. графичСских элСмСнтов. Π’ ассортимСнтС Π΅ΡΡ‚ΡŒ ΠΊΠ°ΠΊ ΠΏΠ»Π°Ρ‚Π½Ρ‹Π΅, Ρ‚Π°ΠΊ ΠΈ бСсплатныС Π²Π°Ρ€ΠΈΠ°Π½Ρ‚Ρ‹.

МоТно смСло ΡΠΊΠ°Π·Π°Ρ‚ΡŒ, Ρ‡Ρ‚ΠΎ Iconfinder способСн ΡΡΠΊΠΎΠ½ΠΎΠΌΠΈΡ‚ΡŒ Π²Π°ΠΌ ΠΊΡƒΡ‡Ρƒ Π΄Π΅Π½Π΅Π³ ΠΊΠΎΠ³Π΄Π° Π΄Π΅Π»ΠΎ касаСтся приобрСтСния ΠΈΠΊΠΎΠ½ΠΎΠΊ для сайта.

365 Psd

365 Psd β€” ΠΎΠ΄ΠΈΠ½ ΠΈΠ· самых Π±ΠΎΠ³Π°Ρ‚Ρ‹Ρ… Ρ…Ρ€Π°Π½ΠΈΠ»ΠΈΡ‰ бСсплатных psd ΠΌΠ°ΠΊΠ΅Ρ‚ΠΎΠ² ΠΈ Π²Π΅ΠΊΡ‚ΠΎΡ€Π½Ρ‹Ρ… ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ. Π—Π΄Π΅ΡΡŒ ΠΌΠΎΠΆΠ½ΠΎ Π½Π°ΠΉΡ‚ΠΈ всё начиная ΠΎΡ‚ Ρ„ΠΈΡ€ΠΌΠ΅Π½Π½Ρ‹Ρ… Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏΠΎΠ² ΠΈ заканчивая изобраТСниями ΠΆΠΈΠ²ΠΎΠΉ ΠΈ Π΄ΠΈΠΊΠΎΠΉ ΠΏΡ€ΠΈΡ€ΠΎΠ΄Ρ‹.

Freepik

Freepik являСтся Π΅Ρ‰Π΅ ΠΎΠ΄Π½ΠΈΠΌ Ρ…ΠΎΡ€ΠΎΡˆΠΈΠΌ источником бСсплатных Π²Π΅ΠΊΡ‚ΠΎΡ€ΠΎΠ², ΠΈΠΊΠΎΠ½ΠΎΠΊ ΠΈ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ. ΠŸΠΎΡ‡Ρ‚ΠΈ всС ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π»Ρ‹ ΠΌΠΎΠΆΠ½ΠΎ Π·Π°ΠΈΠΌΡΡ‚Π²ΠΎΠ²Π°Ρ‚ΡŒ бСсплатно с условиСм Π²ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΡ ΠΎΠ±Ρ€Π°Ρ‚Π½ΠΎΠΉ ссылки. ΠšΠΎΠ»ΠΈΡ‡Π΅ΡΡ‚Π²ΠΎ прСдоставляСмой Π³Ρ€Π°Ρ„ΠΈΠΊΠΈ просто впСчатляСт.

Adobe Color CC

Adobe Color CC, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π² ΠΏΡ€ΠΎΡΡ‚ΠΎΠ½Π°Ρ€ΠΎΠ΄ΡŒΠ΅ Π½Π°Π·Ρ‹Π²Π°ΡŽΡ‚ Adobe Kuler, ΡƒΠΆΠ΅ Π΄Π°Π²Π½ΠΎ стал для Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ΠΎΠ² ΠΎΠ΄Π½ΠΈΠΌ ΠΈΠ· Π½Π΅Π·Π°ΠΌΠ΅Π½ΠΈΠΌΡ‹Ρ… инструмСнтов. Adobe Kuler Π·Π΄ΠΎΡ€ΠΎΠ²ΠΎ ΠΏΠΎΠΌΠΎΠ³Π°Π΅Ρ‚ Π² Π²Ρ‹Π±ΠΎΡ€Π΅ Ρ†Π²Π΅Ρ‚ΠΎΠ² ΠΈ ΠΈΡ… ΠΎΡ‚Ρ‚Π΅Π½ΠΊΠΎΠ² ΠΏΡ€ΠΈ Ρ€Π°Π±ΠΎΡ‚Π΅ Π½Π°Π΄ элСмСнтами интСрфСйса.

Особо ΠΏΠΎΠ»Π΅Π·Π½ΠΎΠΉ Π±Ρ‹Π²Π°Π΅Ρ‚ функция Π²Ρ‹Π±ΠΎΡ€Π° Ρ†Π²Π΅Ρ‚ΠΎΠ²Ρ‹Ρ… схСм. ВсСго ΠΈΡ… насчитываСтся ΠΎΠΊΠΎΠ»ΠΎ сСми. ΠŸΡ€ΠΈ ΠΏΠΎΠΌΠΎΡ‰ΠΈ Adobe Kuler Π²Ρ‹ Π½Π°ΠΌΠ½ΠΎΠ³ΠΎ ΡƒΠ²Π΅Ρ€Π΅Π½Π½Π΅Π΅ Π±ΡƒΠ΄Π΅Ρ‚Π΅ Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ с Ρ†Π²Π΅Ρ‚Π°ΠΌΠΈ ΠΈ ΠΏΠΎΠ΄Π±ΠΈΡ€Π°Ρ‚ΡŒ ΠΈΡ… ΡƒΠ΄Π°Ρ‡Π½Ρ‹Π΅ ΠΎΡ‚Ρ‚Π΅Π½ΠΊΠΈ.

Paletton

Paletton ΠΏΠΎ сути выполняСт Ρ‚Ρƒ ΠΆΠ΅ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΡŽ Ρ‡Ρ‚ΠΎ ΠΈ ΠΏΡ€Π΅Π΄Ρ‹Π΄ΡƒΡ‰ΠΈΠΉ сСрвис β€” Ρ€Π°Π±ΠΎΡ‚Π° с Π²Π΅Π±-Ρ†Π²Π΅Ρ‚Π°ΠΌΠΈ. Paletton являСтся ΠΎΡ‚Π»ΠΈΡ‡Π½ΠΎΠΉ Π°Π»ΡŒΡ‚Π΅Ρ€Π½Π°Ρ‚ΠΈΠ²ΠΎΠΉ ΠšΡƒΠ»Π΅Ρ€Ρƒ ΠΈ ΠΈΠΌΠ΅Π΅Ρ‚ Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ особСнности. Новички ΠΌΠΎΠ³ΡƒΡ‚ ΠΏΠΎΠΏΡ€ΠΎΠ±ΠΎΠ²Π°Ρ‚ΡŒ ΠΎΠ±Π° Π²Π°Ρ€ΠΈΠ°Π½Ρ‚Π° ΠΈ Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ ΠΏΠΎΠ½Ρ€Π°Π²ΠΈΠ²ΡˆΠΈΠΉΡΡ.

Google fonts

Google fonts являСтся ΠΎΠ΄Π½ΠΈΠΌ ΠΈΠ· самых Π»ΡŽΠ±ΠΈΠΌΡ‹Ρ… ΠΌΠ½ΠΎΠΉ сСрвисов. МногиС сайтостроитСли ΠΈ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Ρ‹ ΡƒΠΆΠ΅ Π΄Π°Π²Π½ΠΎ ΠΎΡ†Π΅Π½ΠΈΠ»ΠΈ ΠΏΠΎ достоинству ΠΎΡ‡Π΅Ρ€Π΅Π΄Π½ΠΎΠΉ ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚ Π“ΡƒΠ³Π»Π°.

Как Π²Ρ‹ Π·Π½Π°Π΅Ρ‚Π΅, ΡˆΡ€ΠΈΡ„Ρ‚Ρ‹ относятся ΠΊ ΠΈΠ½Ρ‚Π΅Π»Π»Π΅ΠΊΡ‚ΡƒΠ°Π»ΡŒΠ½ΠΎΠΉ собствСнности. Π­Ρ‚ΠΎ ΠΎΠ·Π½Π°Ρ‡Π°Π΅Ρ‚, Ρ‡Ρ‚ΠΎ ΠΌΡ‹ Π΄ΠΎΠ»ΠΆΠ½Ρ‹ Π»ΠΈΠ±ΠΎ ΠΏΠΎΠΊΡƒΠΏΠ°Ρ‚ΡŒ ΡˆΡ€ΠΈΡ„Ρ‚Ρ‹ для сайта, Π»ΠΈΠ±ΠΎ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒΡΡ бСсплатными.

ΠŸΠΎΠΊΡƒΠΏΠ°Ρ‚ΡŒ Ρ†ΠΈΡ„Ρ€ΠΎΠ²Ρ‹Π΅ ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚Ρ‹ Ρƒ нас Π½Π΅ ΠΎΡ‡Π΅Π½ΡŒ Π»ΡŽΠ±ΡΡ‚, Ρ‚Π°ΠΊ Ρ‡Ρ‚ΠΎ Google fonts ΠΌΠΎΠΆΠ΅Ρ‚ ΠΎΡ‚Π»ΠΈΡ‡Π½ΠΎ Π²Ρ‹Ρ€ΡƒΡ‡ΠΈΡ‚ΡŒ Π² этой ситуации. Но это нисколСчко Π½Π΅ Π·Π°Π·ΠΎΡ€Π½ΠΎ, Ρ‚Π°ΠΊ ΠΊΠ°ΠΊ ΡˆΡ€ΠΈΡ„Ρ‚Ρ‹ ΠΎΡ‚ Π“ΡƒΠ³Π»Π° ΠΎΡ‡Π΅Π½ΡŒ Π΄ΠΎΠ±Ρ€ΠΎΡ‚Π½Ρ‹Π΅. БСйчас Π² ΠΈΡ… ΠΊΠΎΠ»Π»Π΅ΠΊΡ†ΠΈΠΈ ΡƒΠΆΠ΅ Π±ΠΎΠ»Π΅Π΅ 700 Π½Π°ΠΈΠΌΠ΅Π½ΠΎΠ²Π°Π½ΠΈΠΉ. Π”Π° ΠΈ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΈ со всСго ΠΌΠΈΡ€Π° Π΄Π°Π²Π½ΠΎ ΠΏΡ€ΠΈΡΡ‚Ρ€Π°ΡΡ‚ΠΈΠ»ΠΈΡΡŒ ΠΊ использованию этого сСрвиса.

Π’ ΠΎΠ±Ρ‰Π΅ΠΌ, Ссли Π²Π°ΠΌ Π½ΡƒΠΆΠ½Ρ‹ ΡˆΡ€ΠΈΡ„Ρ‚Ρ‹ для сайта, Π΄ΠΎΠ±Ρ€ΠΎ ΠΏΠΎΠΆΠ°Π»ΠΎΠ²Π°Ρ‚ΡŒ Π² Google fonts!

Font Squirrel

На ΠΌΠΎΠΉ взгляд, Font Squirrel являСтся самым ΠΊΡ€ΡƒΡ‚Ρ‹ΠΌ сСрвисом ΠΏΠΎ ΠΏΡ€Π΅Π΄ΠΎΡΡ‚Π°Π²Π»Π΅Π½ΠΈΡŽ ΡˆΡ€ΠΈΡ„Ρ‚ΠΎΠ². Π•Π³ΠΎ прСимущСство ΠΏΠ΅Ρ€Π΅Π΄ Π“ΡƒΠ³Π» сСрвисом Π·Π°ΠΊΠ»ΡŽΡ‡Π°Π΅Ρ‚ΡΡ Π² большСй ΠΊΠΎΠ»Π»Π΅ΠΊΡ†ΠΈΠΈ ΡˆΡ€ΠΈΡ„Ρ‚ΠΎΠ².

Установка ΡˆΡ€ΠΈΡ„Ρ‚ΠΎΠ² Π½Π° сайт β€” Π½Π΅ самоС простоС Π΄Π΅Π»ΠΎ, Π² связи с Ρ‡Π΅ΠΌ я записал ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½Ρ‹ΠΉ Π²ΠΈΠ΄Π΅ΠΎΡƒΡ€ΠΎΠΊ ΠΏΠΎ этой Ρ‚Π΅ΠΌΠ΅. Π’ Π½Π΅ΠΌ я наглядно ΠΏΠΎΠΊΠ°Π·Ρ‹Π²Π°ΡŽ, ΠΊΠ°ΠΊ ΡΠΊΠ°Ρ‡ΠΈΠ²Π°Ρ‚ΡŒ ΠΈ ΡƒΡΡ‚Π°Π½Π°Π²Π»ΠΈΠ²Π°Ρ‚ΡŒ ΡˆΡ€ΠΈΡ„Ρ‚Ρ‹ с Ρ…Ρ€Π°Π½ΠΈΠ»ΠΈΡ‰ Π“ΡƒΠ³Π»Π° ΠΈ Font Squirrel. Для просмотра скринкаста Π½Π°ΠΆΠΌΠΈΡ‚Π΅ Π½Π° ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π²Π½ΠΈΠ·Ρƒ:


Tableau Public

Tableau Public β€” ΠΎΡ‚Π»ΠΈΡ‡Π½Ρ‹ΠΉ инструмСнт ΠΏΠΎ Π²ΠΈΠ·ΡƒΠ°Π»ΠΈΠ·Π°Ρ†ΠΈΠΈ Π΄Π°Π½Π½Ρ‹Ρ…. Π‘ Π΅Π³ΠΎ ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Π²Ρ‹ смоТСтС ΠΏΡ€Π΅Π²Ρ€Π°Ρ‚ΠΈΡ‚ΡŒ сухиС Π΄Π°Π½Π½Ρ‹Π΅ Π² красочныС ΠΈ наглядныС Π³Ρ€Π°Ρ„ΠΈΠΊΠΈ ΠΈ схСмы. ΠŸΠΎΠΏΡ€ΠΎΠ±ΡƒΠΉΡ‚Π΅. Π£Π²Π΅Ρ€Π΅Π½, посСтитСли вашСго сайта оцСнят.

Logopond

Π’Π°ΠΆΠ½ΠΎΡΡ‚ΡŒ Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏΠ° сайта Ρ‚Ρ€ΡƒΠ΄Π½ΠΎ ΠΏΠ΅Ρ€Π΅ΠΎΡ†Π΅Π½ΠΈΡ‚ΡŒ. ИмСнно ΠΏΡ€ΠΈ ΠΏΠΎΠΌΠΎΡ‰ΠΈ Π½Π΅Π³ΠΎ Π²Ρ‹ смоТСтС произвСсти ΠΏΠ΅Ρ€Π²ΠΎΠ΅ ΠΈ самоС устойчивоС Π²ΠΏΠ΅Ρ‡Π°Ρ‚Π»Π΅Π½ΠΈΠ΅ Π½Π° Π²Π°ΡˆΠΈΡ… ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΉ.

Но ΠΊΠ°ΠΊ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏ Π² Π΄ΡƒΡ…Π΅ вашСй ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠΈ? Как ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ Ρ‚Π°ΠΊ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΎΠ½ Π±Ρ‹Π» Π½Π΅ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ приятным ΠΈ красивым, Π½ΠΎ ΠΈ ΠΏΡ€ΠΎΠΈΠ·Π²ΠΎΠ΄ΠΈΠ» ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΠΎΠ΅ Π²ΠΏΠ΅Ρ‡Π°Ρ‚Π»Π΅Π½ΠΈΠ΅ Π½Π° людСй?

ΠŸΡ€ΠΈ ΠΏΠΎΠΌΠΎΡ‰ΠΈ сСрвиса Logopond Π²Ρ‹ смоТСтС Π½Π°ΠΉΡ‚ΠΈ ΠΌΠ½ΠΎΠ³ΠΎ интСрСсных ΠΈΠ΄Π΅ΠΉ ΠΈ Π³ΠΎΡ‚ΠΎΠ²Ρ‹Ρ… Ρ€Π΅ΡˆΠ΅Π½ΠΈΠΉ ΠΏΠΎ ΡΠΎΠ·Π΄Π°Π½ΠΈΡŽ Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏΠ° для своСго сайта ΠΈΠ»ΠΈ Π±Ρ€Π΅Π½Π΄Π°. Logopond прСдставляСт собой Π°Ρ€Ρ…ΠΈΠ² Π³ΠΎΡ‚ΠΎΠ²Ρ‹Ρ… ΠΈ ΡΡƒΡ‰Π΅ΡΡ‚Π²ΡƒΡŽΡ‰ΠΈΡ… Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏΠΎΠ². Познакомившись с Π½ΠΈΠΌΠΈ Π²Ρ‹ смоТСтС ΠΏΠΎΡ‡Π΅Ρ€ΠΏΠ½ΡƒΡ‚ΡŒ ΠΌΠ½ΠΎΠ³ΠΎ ΠΏΠΎΠ»Π΅Π·Π½ΠΎΠ³ΠΎ ΠΈ вдохновится творчСством ΡƒΡΠΏΠ΅ΡˆΠ½Ρ‹Ρ… Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ΠΎΠ².

Siteinspire

Π’ ΠΏΡ€ΠΎΠ΄ΠΎΠ»ΠΆΠ΅Π½ΠΈΠ΅ Ρ‚Π΅ΠΌΡ‹ вдохновСния… ΠŸΠΎΡ€ΠΎΠΉ Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Π°ΠΌ Π½Π΅ Ρ…Π²Π°Ρ‚Π°Π΅Ρ‚ ΠΌΠΎΡ‚ΠΈΠ²Π°Ρ†ΠΈΠΈ ΠΈ свСТих мыслСй Π½Π΅ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΏΡ€ΠΈ создании Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏΠΎΠ², Π½ΠΎ ΠΈ Π² Π±ΠΎΠ»ΡŒΡˆΠΈΡ… ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π°Ρ…. Π’ΠΎ Π»ΠΈ Π΄Π΅Π»ΠΎ наступаСт Ρ‚Π°ΠΊ Π½Π°Π·Ρ‹Π²Π°Π΅ΠΌΡ‹ΠΉ творчСский кризис.

Π’ Ρ‚Π°ΠΊΠΈΠ΅ ΠΏΠ΅Ρ€ΠΈΠΎΠ΄Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚ Π·Π΄ΠΎΡ€ΠΎΠ²ΠΎ ΠΏΠΎΠΌΠΎΡ‡ΡŒ сСрвис Siteinspire. Он ΠΏΡ€ΠΈΠ·Π²Π°Π½, Ρ‚Π°ΠΊ ΡΠΊΠ°Π·Π°Ρ‚ΡŒ, ΠΏΠΎΠ΄Π½ΠΈΠΌΠ°Ρ‚ΡŒ Π΄ΡƒΡ… Ρ…ΡƒΠ΄ΠΎΠΆΠ½ΠΈΠΊΠ°, Ρ‚Π°ΠΊ ΠΊΠ°ΠΊ Π½Π°ΠΏΠΎΠ»Π½Π΅Π½ Π²Π΅Π»ΠΈΠΊΠΎΠ»Π΅ΠΏΠ½Ρ‹ΠΌΠΈ Ρ€Π°Π±ΠΎΡ‚Π°ΠΌΠΈ Π»ΡƒΡ‡ΡˆΠΈΡ… Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ΠΎΠ².

Π’Ρ‹ смоТСтС Π½Π°ΠΉΡ‚ΠΈ Π³ΠΎΡ‚ΠΎΠ²Ρ‹Π΅ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Ρ‹ ΠΏΠΎ Ρ‚Π΅ΠΌΠ°Ρ‚ΠΈΠΊΠ°ΠΌ, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅ΠΌΡ‹ΠΌ Ρ€Π΅ΡˆΠ΅Π½ΠΈΡΠΌ ΠΈ ΠΌΠ½ΠΎΠ³ΠΈΠΌ Π΄Ρ€ΡƒΠ³ΠΈΠΌ критСриям.

Color Hunter

ΠŸΠΎΡ€ΠΎΠΉ ΠΏΡ€ΠΈ создании Ρ‚Π΅Ρ… ΠΈΠ»ΠΈ ΠΈΠ½Ρ‹Ρ… элСмСнтов интСрфСйса для своСго сайта я часто ΡΡ‚Π°Π»ΠΊΠΈΠ²Π°ΡŽΡΡŒ с ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΠΎΠΉ Π²Ρ‹Π±ΠΎΡ€Π° ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΠΎΠ³ΠΎ Ρ†Π²Π΅Ρ‚Π° ΠΈΠ»ΠΈ Π΅Π³ΠΎ ΠΎΡ‚Ρ‚Π΅Π½ΠΊΠ°. Π‘Ρ‹Π²Π°Π΅Ρ‚ Ρ‚Ρ€ΡƒΠ΄Π½ΠΎ ΡΠΎΠΎΠ±Ρ€Π°Π·ΠΈΡ‚ΡŒ, ΠΊΠ°ΠΊΠΎΠΉ ΠΈΠΌΠ΅Π½Π½ΠΎ Ρ†Π²Π΅Ρ‚ ΠΏΠΎΠ΄ΠΎΠΉΠ΄Π΅Ρ‚ Π»ΡƒΡ‡ΡˆΠ΅ всСго.

ΠŸΡ€ΠΈ этом Π² качСствС Ρ€Π΅ΡˆΠ΅Π½ΠΈΡ я часто ΠΌΠΎΠ³Ρƒ Π½Π°ΠΉΡ‚ΠΈ ΠΊΠ°ΠΊΠΎΠ΅-Π½ΠΈΠ±ΡƒΠ΄ΡŒ ΡƒΠ΄Π°Ρ‡Π½ΠΎΠ΅ Ρ„ΠΎΡ‚ΠΎ ΠΈΠ»ΠΈ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅. Π£Π΄Π°Ρ‡Π½ΠΎΠ΅ сочСтаниС Ρ†Π²Π΅Ρ‚ΠΎΠ² Π² Π½Π΅ΠΌ я ΠΌΠΎΠ³ Π±Ρ‹ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π½Π° своСм сайтС. Но ΠΊΠ°ΠΊ Π΄ΠΎΠ±ΠΈΡ‚ΡŒΡΡ этого тСхничСски?

Π’ этом Π²Π°ΠΌ ΠΏΠΎΠΌΠΎΠΆΠ΅Ρ‚ сСрвис Color Hunter. Π’Π°ΠΌ достаточно Π·Π°Π³Ρ€ΡƒΠ·ΠΈΡ‚ΡŒ ΠΏΠΎΠ½Ρ€Π°Π²ΠΈΠ²ΡˆΠ΅Π΅ΡΡ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ ΠΈ вуаля! Π’Ρ‹ Ρ‚ΡƒΡ‚ ΠΆΠ΅ Π²Ρ‹ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚Π΅ Π΄Π°Π½Π½Ρ‹Π΅ ΠΎΠ±ΠΎ всСх ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Π½Π½Ρ‹Ρ… Π² Π½Π΅ΠΉ Ρ†Π²Π΅Ρ‚Π°Ρ….

ColorZilla

ColorZilla являСтся Ρ€Π΅Π°Π»ΡŒΠ½ΠΎ ΠΊΡ€ΡƒΡ‚ΠΎΠΉ Π²Π΅Ρ‰ΡŒΡŽ. Π’ΠΎΡ‡Π½Π΅Π΅, Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠ΅ΠΌ. Π‘ Π΅Π³ΠΎ ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Π²Ρ‹ смоТСтС ΡƒΠ·Π½Π°Ρ‚ΡŒ ΠΎΠ±ΠΎΠ·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ любого ΠΏΠΎΠ½Ρ€Π°Π²ΠΈΠ²ΡˆΠ΅Π³ΠΎΡΡ Π²Π°ΠΌ Ρ†Π²Π΅Ρ‚Π°, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π²Ρ‹ встрСтили Π½Π° ΠΊΠ°ΠΊΠΎΠΌ-Π½ΠΈΠ±ΡƒΠ΄ΡŒ сайтС.

ПослС установки Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΡ Π²Ρ‹ ΡƒΠ²ΠΈΠ΄ΠΈΡ‚Π΅ Ρƒ сСбя Π² Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅ Π·Π½Π°Ρ‡ΠΎΠΊ ΠΏΠΈΠΏΠ΅Ρ‚ΠΊΠΈ. НаТав Π½Π° Π½Π΅Π΅ Π²Ρ‹ Π°ΠΊΡ‚ΠΈΠ²ΠΈΡ€ΡƒΠ΅Ρ‚Π΅ инструмСнт. Π”Π°Π»Π΅Π΅, Π²Π°ΠΌ достаточно Π½Π°ΠΆΠ°Ρ‚ΡŒ Π½Π° Ρ‚Ρƒ ΠΎΠ±Π»Π°ΡΡ‚ΡŒ экрана, Ρ†Π²Π΅Ρ‚ ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΉ Π²Ρ‹ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ ΡƒΠ·Π½Π°Ρ‚ΡŒ. ПослС этого ΠΎΠ±ΠΎΠ·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½Π½ΠΎΠ³ΠΎ Ρ†Π²Π΅Ρ‚Π° Ρ‚ΡƒΡ‚ ΠΆΠ΅ Π±ΡƒΠ΄Π΅Ρ‚ скопировано Π² Π±ΡƒΡ„Π΅Ρ€ ΠΎΠ±ΠΌΠ΅Π½Π°. И Π½Π°ΠΊΠΎΠ½Π΅Ρ†, остаСтся лишь Π²ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ Π΅Π΅ Π² Ρ„ΠΎΡ‚ΠΎΡˆΠΎΠΏ, Ρ‚Π°Π±Π»ΠΈΡ†Ρƒ стилСй ΠΈΠ»ΠΈ любоС Π΄Ρ€ΡƒΠ³ΠΎΠ΅ мСсто. ΠœΠΈΠ½ΠΈΠΌΡƒΠΌ Π΄Π²ΠΈΠΆΠ΅Π½ΠΈΠΉ β€” максимум эффСктивности)

Resizer

Π’ процСссС Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ сайта приходится пСриодичСски ΠΏΡ€ΠΎΠ²Π΅Ρ€ΡΡ‚ΡŒ Π΅Π΅ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π½Π° Ρ€Π°Π·Π½Ρ‹Ρ… Ρ€Π°Π·Ρ€Π΅ΡˆΠ΅Π½ΠΈΡΡ… экрана. Но Π½Π΅ΡƒΠΆΠ΅Π»ΠΈ Ρ€Π°Π΄ΠΈ этого Π½ΡƒΠΆΠ½ΠΎ Π·Π°Π΄Π΅ΠΉΡΡ‚Π²ΠΎΠ²Π°Ρ‚ΡŒ всС ΡΡƒΡ‰Π΅ΡΡ‚Π²ΡƒΡŽΡ‰ΠΈΠ΅ устройства?

ВовсС Π½Π΅Ρ‚. ΠŸΡ€ΠΈ ΠΏΠΎΠΌΠΎΡ‰ΠΈ Π½ΠΎΠ²ΠΎΠ³ΠΎ сСрвиса Ρ‚ΠΎΠ³ΠΎ ΠΆΠ΅ Π“ΡƒΠ³Π»Π° Π²Ρ‹ смоТСтС ΡƒΠ²ΠΈΠ΄Π΅Ρ‚ΡŒ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ вашСго сайта сразу Π½Π° Ρ€Π°Π·Π½Ρ‹Ρ… устройствах: Π½ΠΎΡƒΡ‚Π±ΡƒΠΊΠ°Ρ…, ΠΏΠ»Π°Π½ΡˆΠ΅Ρ‚Π°Ρ… ΠΈ смартфонах. Π’Π°ΠΌ достаточно ввСсти адрСс вашСго сайта Π² Ρ„ΠΎΡ€ΠΌΡƒ ΠΈ Π½Π°ΠΆΠ°Ρ‚ΡŒ Enter.

Π‘ ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ сСрвиса Resizer Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π½Π΅ Π±ΠΎΡΡ‚ΡŒΡΡ ΡƒΠΏΡƒΡΡ‚ΠΈΡ‚ΡŒ ΠΈΠ· Π²ΠΈΠ΄Ρƒ Ρ‚Ρƒ ΠΈΠ»ΠΈ ΠΈΠ½ΡƒΡŽ Ρ‡Π°ΡΡ‚ΡŒ вашСй Π°ΡƒΠ΄ΠΈΡ‚ΠΎΡ€ΠΈΠΈ. Как говорится, всС ΠΏΠΎΠ΄ ΠΊΠΎΠ½Ρ‚Ρ€ΠΎΠ»Π΅ΠΌ)

Π˜Ρ‚Π°ΠΊ, Π² этой ΡΡ‚Π°Ρ‚ΡŒΠ΅ я рассказал Π²Π°ΠΌ ΠΎ 22 вСсьма ΠΏΠΎΠ»Π΅Π·Π½Ρ‹Ρ… для Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ΠΎΠ² сСрвисах. Однако, Π±ΠΎΠ»ΡŒΡˆΠΈΠ½ΡΡ‚Π²ΠΎ прСдставлСнных ΠΌΠ½ΠΎΠΉ инструмСнтов Π±ΡƒΠ΄ΡƒΡ‚ Ρ‚Π°ΠΊΠΆΠ΅ ΠΏΠΎΠ»Π΅Π·Π½Ρ‹ для ΠΎΠ½Π»Π°ΠΉΠ½-ΠΏΡ€Π΅Π΄ΠΏΡ€ΠΈΠ½ΠΈΠΌΠ°Ρ‚Π΅Π»Π΅ΠΉ ΠΈ Π±Π»ΠΎΠ³Π΅Ρ€ΠΎΠ².

Π‘ΡƒΠ΄Ρƒ Ρ€Π°Π΄ Ссли Π²Ρ‹ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅ этот список своими Β«Π»ΡŽΠ±ΠΈΠΌΡ†Π°ΠΌΠΈΒ». Π’Π°ΠΊΠΆΠ΅ Π½Π΅ ΡΡ‚Π΅ΡΠ½ΡΠΉΡ‚Π΅ΡΡŒ Π·Π°Π΄Π°Π²Π°Ρ‚ΡŒ вопросы Π² коммСнтариях, Ссли Ρ‚Π°ΠΊΠΎΠ²Ρ‹Π΅ ΠΈΠΌΠ΅ΡŽΡ‚ΡΡ.

А Π½Π° этом Ρƒ мСня всС. НадСюсь, данная ΡΡ‚Π°Ρ‚ΡŒΡ Π±Ρ‹Π»Π° для вас ΠΏΠΎΠ»Π΅Π·Π½ΠΎΠΉ. Если это Ρ‚Π°ΠΊ, сдСлайтС рСпост Π΄Π°Π½Π½ΠΎΠ³ΠΎ ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π»Π° Π² ΡΠΎΡ†ΠΈΠ°Π»ΡŒΠ½Ρ‹Ρ… сСтях, Ρ‡Ρ‚ΠΎΠ±Ρ‹ большС людСй ΠΏΠΎΠ»ΡƒΡ‡ΠΈΠ»ΠΈ ΠΎΡ‚ Π½Π΅Π΅ ΠΏΠΎΠ»ΡŒΠ·Ρƒ.

site4business.net

31 инструмСнт для Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Π°

ΠŸΠ΅Ρ€Π΅Π΄ Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ΠΎΠΌ стоит ряд слоТных Π·Π°Π΄Π°Ρ‡, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π΅ΠΌΡƒ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ Ρ€Π΅ΡˆΠΈΡ‚ΡŒ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π²Ρ‹ΠΏΠΎΠ»Π½ΠΈΡ‚ΡŒ свою Ρ€Π°Π±ΠΎΡ‚Ρƒ качСствСнно. Данная ΠΏΠΎΠ΄Π±ΠΎΡ€ΠΊΠ° инструмСнтов ΠΏΠΎΠΌΠΎΠΆΠ΅Ρ‚ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ это быстро ΠΈ эффСктивно.

Π—Π΄Π΅ΡΡŒ Π΅ΡΡ‚ΡŒ сСрвисы для Ρ€Π°Π±ΠΎΡ‚Ρ‹ со ΡˆΡ€ΠΈΡ„Ρ‚Π°ΠΌΠΈ, Ρ†Π²Π΅Ρ‚ΠΎΠΌ, ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚ΠΎΠΌ ΠΈ для поиска вдохновСния.


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

 

ΠŸΠ»Π°Ρ‚Ρ„ΠΎΡ€ΠΌΠ°, с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΉ ΡƒΠ΄ΠΎΠ±Π½ΠΎ Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ с Ρ€Π°Π·Π½ΠΎΠΎΠ±Ρ€Π°Π·Π½Ρ‹ΠΌΠΈ Π²Π΅Π±-ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π»Π°ΠΌΠΈ. Π—Π΄Π΅ΡΡŒ Π²Ρ‹ смоТСтС ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ ΠΏΡ€Π΅Π·Π΅Π½Ρ‚Π°Ρ†ΠΈΠΈ, тСксты, сайты ΠΈ Π΄Π°ΠΆΠ΅ ΠΆΡƒΡ€Π½Π°Π»Ρ‹, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ выглядят ΠΊΠ°ΠΊ настоящий глянСц. Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΡˆΠ°Π±Π»ΠΎΠ½Ρ‹ ΠΈΠ»ΠΈ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ вСрстку ΡΠ°ΠΌΠΎΡΡ‚ΠΎΡΡ‚Π΅Π»ΡŒΠ½ΠΎ.

ΠŸΡ€ΠΎΡΡ‚ΠΎΠΉ, минималистичный ΠΈ Π·Π°Π±Π°Π²Π½Ρ‹ΠΉ сайт, с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ³ΠΎ ΠΌΠΎΠΆΠ½ΠΎ быстро ΡΠ³Π΅Π½Π΅Ρ€ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Ρ†Π²Π΅Ρ‚ΠΎΠ²ΡƒΡŽ схСму.

Π‘Π°ΠΉΡ‚, Π½Π° ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΌ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π½Π°ΠΉΡ‚ΠΈ стоковыС Π²ΠΈΠ΄Π΅ΠΎ для использования ΠΏΡ€ΠΈ ΠΌΠΎΠ½Ρ‚Π°ΠΆΠ΅ ΠΈΠ»ΠΈ ΠΎΡ„ΠΎΡ€ΠΌΠ»Π΅Π½ΠΈΠΈ сайта.

РСсурс, Π½Π° ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΌ Π²Ρ‹ смоТСтС ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ Π²Π΅Π± сайт с Π»ΡŽΠ±Ρ‹ΠΌ Π΄ΠΈΠ·Π°ΠΉΠ½ΠΎΠΌ ΠΈ для любого устройства Π°Π±ΡΠΎΠ»ΡŽΡ‚Π½ΠΎ бСсплатно.

Один ΠΈΠ· самых Π»ΡƒΡ‡ΡˆΠΈΡ…, ΠΈ ΠΏΡ€ΠΈ этом простых Π² использовании, инструмСнтов для создания ΠΈΠ½Ρ„ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΊΠΈ.

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

Π₯Ρ€Π°Π½ΠΈΠ»ΠΈΡ‰Π΅ большого количСства Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΉ ΠΈ Π²Π΅ΠΊΡ‚ΠΎΡ€Π½Ρ‹Ρ… ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ, Π² Ρ‚ΠΎΠΌ числС ΠΈ ΠΈΠΊΠΎΠ½ΠΎΠΊ для свободного использования.

РСсурс, Π½Π° ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΌ Π²Ρ‹ запросто ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ нСбольшиС Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΠΈ: ΠΌΡƒΠ»ΡŒΡ‚Ρ„ΠΈΠ»ΡŒΠΌΡ‹, Π±Π°Π½Π½Π΅Ρ€Ρ‹, Ρ€Π΅ΠΊΠ»Π°ΠΌΡƒ ΠΈ Ρ‚Π°ΠΊ Π΄Π°Π»Π΅Π΅.

Π‘Π°ΠΉΡ‚, Π³Π΄Π΅ Π²Ρ‹ смоТСтС ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ тСкстовыС ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π»Ρ‹ для ΠΏΠ΅Ρ‡Π°Ρ‚ΠΈ ΠΈΠ»ΠΈ Ρ†ΠΈΡ„Ρ€ΠΎΠ²Ρ‹Ρ… носитСлСй.

Π‘Π°ΠΉΡ‚, Π½Π° ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΌ ΠΎΡ‚ΡΠ»Π΅ΠΆΠΈΠ²Π°ΡŽΡ‚ Ρ‚Ρ€Π΅Π½Π΄Ρ‹ Π² графичСском Π΄ΠΈΠ·Π°ΠΉΠ½Π΅. Π’Ρ€Π΅Π½Π΄Ρ‹ ΡΠΎΠΏΡ€ΠΎΠ²ΠΎΠΆΠ΄Π°ΡŽΡ‚ΡΡ ΠΊΡ€Π°Ρ‚ΠΊΠΈΠΌ описаниСм, ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π°ΠΌΠΈ Ρ€Π°Π±ΠΎΡ‚ ΠΈ Π΄ΠΈΠ°Π³Ρ€Π°ΠΌΠΌΠΎΠΉ популярности ΠΏΠΎ Π³ΠΎΠ΄Π°ΠΌ. ΠŸΠΎΠΏΡƒΠ»ΡΡ€Π½ΠΎΡΡ‚ΡŒ, ΠΊΠΎΠ½Π΅Ρ‡Π½ΠΎ, Π½Π΅ ΠΎΠ±ΡŠΠ΅ΠΊΡ‚ΠΈΠ²Π½Π°Ρ, Π° ΠΈΠΌΠ΅Π½Π½ΠΎ Π½Π° этом сайтС.

Онлайн-инструмСнт для создания ΠΌΠΎΠ΄ΡƒΠ»ΡŒΠ½ΠΎΠΉ систСмы Ρ‚ΠΈΠΏΠΎΠ³Ρ€Π°Ρ„ΠΈΠΊΠΈ с Π²Π΅Ρ€Ρ‚ΠΈΠΊΠ°Π»ΡŒΠ½Ρ‹ΠΌ Ρ€ΠΈΡ‚ΠΌΠΎΠΌ. НСзамСним для создания ΠΌΠΎΠ΄ΡƒΠ»ΡŒΠ½ΠΎΠΉ сСтки Π² ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚-ΠΎΡ€ΠΈΠ΅Π½Ρ‚ΠΈΡ€ΠΎΠ²Π°Π½Π½ΠΎΠΌ экранном Π΄ΠΈΠ·Π°ΠΉΠ½Π΅.

Π­Ρ‚ΠΎ ΠΎΡ‚Π»ΠΈΡ‡Π½Ρ‹ΠΉ источник вдохновСния для Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ΠΎΠ² ΠΈ интСрфСйсников. На сайтС ΠΎΡ‡Π΅Π½ΡŒ ΠΌΠ½ΠΎΠ³ΠΎ ΠΏΡ€ΠΈΠΌΠ΅Ρ€ΠΎΠ² ΠΌΠΎΠ΄Π½Ρ‹Ρ… сайтов с нСстандартными Ρ€Π΅ΡˆΠ΅Π½ΠΈΡΠΌΠΈ. Π’ ΠΎΠ±Ρ‰Π΅ΠΌ Π·Π°Π±ΠΈΡ€Π°ΠΉΡ‚Π΅ ΠΊ сСбС Π½Π° стСну, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π½Π΅ ΠΏΠΎΡ‚Π΅Ρ€ΡΡ‚ΡŒ.

Π‘Π°ΠΉΡ‚, Π½Π° ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΌ ΠΌΠΎΠΆΠ½ΠΎ быстро ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒ Ρ†Π²Π΅Ρ‚ΠΎΠ²ΡƒΡŽ ΠΏΠ°Π»ΠΈΡ‚Ρ€Ρƒ Π² Π΄ΡƒΡ…Π΅ ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π»ΡŒΠ½ΠΎΠ³ΠΎ Π΄ΠΈΠ·Π°ΠΉΠ½Π°. ΠšΠ»ΠΈΠΊΠ°Π΅Ρ‚Π΅ Π½Π° Π΄Π²Π° Π»ΡŽΠ±Ρ‹Ρ… Ρ†Π²Π΅Ρ‚Π° ΠΈ ΠΏΠΎΠ»ΡƒΡ‡Π°Π΅Ρ‚Π΅ Π½Π°Π±ΠΎΡ€ ΠΈΠ· 8 Ρ†Π²Π΅Ρ‚ΠΎΠ² с ΠΊΠΎΠ΄Π°ΠΌΠΈ ΠΈ пояснСниями.

ΠŸΡ€ΠΎΡΡ‚ΠΎΠΉ инструмСнт для ΠΏΠ΅Ρ‡Π°Ρ‚ΠΈ Π±ΡƒΠΌΠ°Π³ΠΈ Π² Ρ‚ΠΎΡ‡ΠΊΡƒ, Π»ΠΈΠ½Π΅ΠΉΠΊΡƒ, ΠΊΠ»Π΅Ρ‚ΠΊΡƒ ΠΈ ΡˆΠ΅ΡΡ‚ΠΈΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊ.

Π“Π΅Π½Π΅Ρ€Π°Ρ‚ΠΎΡ€ Π·Π°ΡˆΡƒΠΌΠ»Π΅Π½Π½ΠΎΠΉ тСкстуры.

Π‘ΠΎΠ»ΡŒΡˆΠ°Ρ Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΠ° Π²Π΅ΠΊΡ‚ΠΎΡ€Π½Ρ‹Ρ… ΠΊΠ°Ρ€Ρ‚ Ρ€Π°Π·Π½Ρ‹Ρ… Ρ€Π΅Π³ΠΈΠΎΠ½ΠΎΠ² ΠΌΠΈΡ€Π°. ΠŸΠΎΡ‡Ρ‚ΠΈ всС ΠΊΠ°Ρ€Ρ‚Ρ‹ ΠΌΠΎΠΆΠ½ΠΎ ΡΠΊΠ°Ρ‡Π°Ρ‚ΡŒ бСсплатно, ΠΏΡ€ΠΈ условии атрибутирования (указания ссылки Π½Π° сайт), ΠΌΠΎΠΆΠ½ΠΎ Π·Π°ΠΏΠ»Π°Ρ‚ΠΈΡ‚ΡŒ 10 Π΄ΠΎΠ»Π»Π°Ρ€ΠΎΠ² ΠΈ Π½Π΅ ΡƒΠΊΠ°Π·Ρ‹Π²Π°Ρ‚ΡŒ ссылку.

ΠžΡ‚Π»ΠΈΡ‡Π½Ρ‹Π΅ ΠΊΠΎΠΌΠ±ΠΈΠ½Π°Ρ†ΠΈΠΈ ΡˆΡ€ΠΈΡ„Ρ‚ΠΎΠ².

Онлайн ΠΊΠΎΠ½Π²Π΅Ρ€Ρ‚Π΅Ρ€ Ρ„Π°ΠΉΠ»ΠΎΠ². ΠšΠΎΠ½Π²Π΅Ρ€Ρ‚ΠΈΡ€ΡƒΠ΅Ρ‚ Β«Ρ‡Ρ‚ΠΎ ΡƒΠ³ΠΎΠ΄Π½ΠΎ Π²ΠΎ Ρ‡Ρ‚ΠΎ ΡƒΠ³ΠΎΠ΄Π½ΠΎΒ». ΠŸΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅Ρ‚ 208 Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ΠΎΠ² Ρ„Π°ΠΉΠ»ΠΎΠ²: Π°Ρ€Ρ…ΠΈΠ²Ρ‹, Π·Π²ΡƒΠΊ, Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Ρ‹, Ρ‚Π°Π±Π»ΠΈΡ†Ρ‹, Π²ΠΈΠ΄Π΅ΠΎ, ΠΊΠ½ΠΈΠ³ΠΈ, ΡˆΡ€ΠΈΡ„Ρ‚Ρ‹, прСзСнтации… А Π³Π»Π°Π²Π½ΠΎΠ΅ β€” Π³Ρ€Π°Ρ„ΠΈΠΊΡƒ, ΠΊΠ°ΠΊ Ρ€Π°ΡΡ‚Ρ€ΠΎΠ²ΡƒΡŽ, Ρ‚Π°ΠΊ ΠΈ Π²Π΅ΠΊΡ‚ΠΎΡ€Π½ΡƒΡŽ.

ΠšΠΎΠ»Π»Π΅ΠΊΡ†ΠΈΡ бСсплатных Π½Π°Π±ΠΎΡ€ΠΎΠ² ΠΈΠΊΠΎΠ½ΠΎΠΊ ΠΎΡ‚ пСрвоклассных Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ΠΎΠ².

Π‘Π±ΠΎΡ€Π½ΠΈΠΊ ссылок Π½Π° Π³ΠΈΠ΄Ρ‹ ΠΏΠΎ Ρ„ΠΈΡ€ΠΌΠ΅Π½Π½Ρ‹ΠΌ стилям ΠΈΠ½Ρ‚Π΅Ρ€Π½Π΅Ρ‚-ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠΉ.

Русскоязычная поисковая систСма ΠΈΠΊΠΎΠ½ΠΎΠΊ.

БСрвис, Π½Π° ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΌ Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ ΠΌΠΎΠΆΠ΅Ρ‚ Π½Π°ΠΉΡ‚ΠΈ бСсплатныС Π²ΠΈΠ΄Π΅ΠΎΠΎΠ±Π»ΠΎΠΆΠΊΠΈ для сайта. РСдакция ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π° Π·Π°Π³Ρ€ΡƒΠΆΠ°Π΅Ρ‚ сСмь Π½ΠΎΠ²Ρ‹Ρ… Ρ€ΠΎΠ»ΠΈΠΊΠΎΠ² ΠΊΠ°ΠΆΠ΄Ρ‹ΠΉ понСдСльник. Π’ΠΈΠ΄Π΅ΠΎ Ρ€Π°Π·Π±ΠΈΡ‚Ρ‹ ΠΏΠΎ катСгориям: Β«Π•Π΄Π°Β», «НастроСниС», Β«ΠŸΡ€ΠΈΡ€ΠΎΠ΄Π°Β», Β«Π’Π΅Ρ…Π½ΠΎΠ»ΠΎΠ³ΠΈΠΈΒ» ΠΈ Π΄Ρ€ΡƒΠ³ΠΈΠ΅. ΠŸΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒ ΠΌΠΎΠΆΠ΅Ρ‚ сразу ΠΆΠ΅ ΠΏΠΎΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ, ΠΊΠ°ΠΊ Ρ€ΠΎΠ»ΠΈΠΊ Π±ΡƒΠ΄Π΅Ρ‚ ΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒΡΡ Π² качСствС ΠΎΠ±Π»ΠΎΠΆΠΊΠΈ для сайта, Π½Π΅ загруТая Π²ΠΈΠ΄Π΅ΠΎ.

Онлайн коллСкция Π»ΡƒΡ‡ΡˆΠΈΡ… Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏΠΎΠ² ΠΈ символов.

ΠšΡ€ΡƒΡ‚Π°Ρ ΠΏΠΎΠ΄Π±ΠΎΡ€ΠΊΠ° Π³Ρ€Π°Π΄ΠΈΠ΅Π½Ρ‚ΠΎΠ² для вашСго ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π°.

ΠšΠΎΠ»Π»Π΅ΠΊΡ†ΠΈΡ Ρ…ΠΎΡ€ΠΎΡˆΠΈΡ… тСкстур, ΠΊΠ°ΠΊ бСсплатных, Ρ‚Π°ΠΊ ΠΈ ΠΏΡ€Π΅ΠΌΠΈΡƒΠΌ.

ΠšΡ€Π°ΡΠΈΠ²Ρ‹ΠΉ ΠΈ простой сСрвис ΠΏΠΎ ΠΏΠΎΠ΄Π±ΠΎΡ€Ρƒ Π³Ρ€Π°Π΄ΠΈΠ΅Π½Ρ‚ΠΎΠ² для UI ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΎΠ².

Π‘ΠΎΠ»ΡŒΡˆΠ΅ тысячи ΠΏΡ€ΠΎΡ„Π΅ΡΡΠΈΠΎΠ½Π°Π»ΡŒΠ½Ρ‹Ρ… кистСй для Π€ΠΎΡ‚ΠΎΡˆΠΎΠΏΠ°.

Π“Π΅Π½Π΅Ρ€Π°Ρ‚ΠΎΡ€ контрастных ΠΈ ΡΠΎΡ‡Π΅Ρ‚Π°ΡŽΡ‰ΠΈΡ…ΡΡ Ρ†Π²Π΅Ρ‚ΠΎΠ².

Π‘ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΠ°, Π³Π΄Π΅ собраны Ρ€Π°Π·ΠΌΠ΅Ρ€Ρ‹ всСх извСстных Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ΠΎΠ² Π±ΡƒΠΌΠ°Π³ΠΈ.

31. GIPHY

Π“Π»Π°Π²Π½Ρ‹ΠΉ источник GIF-Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΠΉ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΊΡ€ΠΎΠΌΠ΅ ΠΎΠ³Ρ€ΠΎΠΌΠ½ΠΎΠΉ Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΠΈ прСдоставляСт возмоТности самому ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ Π³ΠΈΡ„ΠΊΡƒ.

 

 

infogra.ru

14 инструмСнтов для Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π° ΠΈ Π²Π΅Π±-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ Π½Π° 2014 Π³ΠΎΠ΄ / Habr

ВмСстС с WEB двиТущимся ΡΠ΅ΠΌΠΈΠΌΠΈΠ»ΡŒΠ½Ρ‹ΠΌΠΈ шагами (Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½Ρ‹ΠΌ Π΄ΠΈΠ·Π°ΠΉΠ½ΠΎΠΌ, CSS прСпроцСссорами, постпроцСссорами ΠΈ Π΄Ρ€ΡƒΠ³ΠΈΠΌΠΈ Π²Π΅Ρ‰Π°ΠΌΠΈ) ΠΌΠΎΠΆΠ΅Ρ‚ ΠΎΠΊΠ°Π·Π°Ρ‚ΡŒΡΡ ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΠΎΠΉ ΠΏΠΎΠΏΡ‹Ρ‚ΠΊΠ° Π½Π΅ ΠΎΡ‚ΡΡ‚Π°Π²Π°Ρ‚ΡŒ ΠΎΡ‚ Ρ‡Π΅Π³ΠΎ-Ρ‚ΠΎ Π½ΠΎΠ²ΠΎΠ³ΠΎ ΠΈ ΠΏΠΎΠ»Π΅Π·Π½ΠΎΠ³ΠΎ.
НиТС Π’Ρ‹ Π½Π°ΠΉΠ΄Π΅Ρ‚Π΅ 14 инструмСнтов, 7 для Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ΠΎΠ² ΠΈ 7 для Π²Π΅Π±-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΎΠ², ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΏΠΎΠΌΠΎΠ³ΡƒΡ‚ Π²Π΅Π±-сайту пСрСрасти ΠΈΠ· ΠΊΠΎΠ½Ρ†Π΅ΠΏΡ†ΠΈΠΈ Π² Π΄Π΅ΠΉΡΡ‚Π²ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΡΡ‚ΡŒ.
Для Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ΠΎΠ²

1. Adobe Creative Cloud

РазумССтся, Ρ‡Ρ‚ΠΎ Photoshop ΠΈ Illustrator ΡΠ²Π»ΡΡŽΡ‚ΡΡ двумя Π²Π°ΠΆΠ½Ρ‹ΠΌΠΈ инструмСнтами для любого Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Π°. ВмСстС с Creative Cloud Ρƒ вас Π±ΡƒΠ΄Π΅Ρ‚ доступ ΠΊ ΠΎΠ±ΠΎΠΈΠΌ ΠΈΠ· Π½ΠΈΡ…, ΠΈ плюс ΠΊ Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΌ Π΄Ρ€ΡƒΠ³ΠΈΠΌ инструмСнтам, Ρ‚Π°ΠΊΠΈΡ… ΠΊΠ°ΠΊ: Typekit, InDesign ΠΈ Kuler. ВсС инструмСнты Creative Cloud ΠΎΡ‡Π΅Π½ΡŒ Ρ…ΠΎΡ€ΠΎΡˆΠΎ Π²Π·Π°ΠΈΠΌΠΎΠ΄Π΅ΠΉΡΡ‚Π²ΡƒΡŽΡ‚ Π΄Ρ€ΡƒΠ³ с Π΄Ρ€ΡƒΠ³ΠΎΠΌ, ΠΈ Π΄ΠΎΠ»ΠΆΠ½Ρ‹ ΠΈΠΌΠ΅Ρ‚ΡŒΡΡ Ρƒ любого Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Π°.

2. UI Faces

ΠŸΠΎΡΠΊΠΎΠ»ΡŒΠΊΡƒ поиск Π½ΡƒΠΆΠ½Ρ‹Ρ… ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΎΠΊ для ΠΌΠ°ΠΊΠ΅Ρ‚Π° ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ Ρ‚Ρ€ΡƒΠ΄ΠΎΠ΅ΠΌΠΎΠΊ, UI Faces собираСт Π°Π²Π°Ρ‚Π°Ρ€Ρ‹ Ρ‡Π΅Ρ€Π΅Π· Twitter ΠΈ Π΄Π΅Π»Π°Π΅Ρ‚ ΠΈΡ… доступными для использования Π² вашСм Π΄ΠΈΠ·Π°ΠΉΠ½Π΅.

3. 0to255

Π­Ρ‚ΠΎΡ‚ инструмСнт я ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽ ΠΏΠΎΡ‡Ρ‚ΠΈ ΠΊΠ°ΠΆΠ΄Ρ‹ΠΉ дСнь. 0to255 ΡƒΠΏΡ€ΠΎΡ‰Π°Π΅Ρ‚ поиск разновидностСй Π²Ρ‹Π±Ρ€Π°Π½Π½ΠΎΠ³ΠΎ Ρ†Π²Π΅Ρ‚Π°. Π­Ρ‚ΠΎ ΠΈΠ΄Π΅Π°Π»ΡŒΠ½Ρ‹ΠΉ инструмСнт для Π²Ρ‹Π΄Π΅Π»Π΅Π½ΠΈΠΉ, Π°ΠΊΡ‚ΠΈΠ²Π½Ρ‹Ρ… состояний ΠΈ подсвСчиваний.

4. Google Fonts

Π’ΠΈΠΏΠΎΠ³Ρ€Π°Ρ„ΠΈΠΊΠ° Π² WEB ΠΏΡ€ΠΎΠ΄Π΅Π»Π°Π»Π° Π΄Π»ΠΈΠ½Π½Ρ‹ΠΉ ΠΏΡƒΡ‚ΡŒ со Π΄Π½Π΅ΠΉ Arial, Courier ΠΈ Georgia. Google Fonts это огромная Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΠ° свободных, Π³ΠΎΡ‚ΠΎΠ²Ρ‹Ρ… ΡˆΡ€ΠΈΡ„Ρ‚ΠΎΠ² ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΌΠΎΠ³ΡƒΡ‚ Π±Ρ‹Ρ‚ΡŒ Π·Π°Π³Ρ€ΡƒΠΆΠ΅Π½Ρ‹ Π½Π° стадии ΠΌΠ°ΠΊΠ΅Ρ‚Π°.

5. Samuel L. Ipsum

Поклонникам Ρ„ΠΈΠ»ΡŒΠΌΠ° Β«Π—ΠΌΠ΅ΠΈΠ½Ρ‹ΠΉ ΠΏΠΎΠ»Ρ‘Ρ‚Β», я ΠΏΡ€Π΅Π΄ΡΡ‚Π°Π²Π»ΡΡŽ Β«Samuel L. IpsumΒ» (БэмюСль Π›. Ipsum). Π­Ρ‚ΠΎ Lorem Ipsum Π³Π΅Π½Π΅Ρ€Π°Ρ‚ΠΎΡ€ Ρ†ΠΈΡ‚Π°Ρ‚. Π˜ΠΌΠ΅ΠΉΡ‚Π΅ Π² Π²ΠΈΠ΄Ρƒ, сущСствуСт Ρ‚Ρ€ΠΈ Π²Π°Ρ€ΠΈΠ°Π½Ρ‚Π° Π½Π° Π²Ρ‹Π±ΠΎΡ€: Ρ†ΠΈΡ‚Π°Ρ‚Ρ‹ Π½Π΅Π½ΠΎΡ€ΠΌΠ°Ρ‚ΠΈΠ²Π½ΠΎΠΉ лСксики Π»Π°Π΄Π΅Π½Π° ΠΈΠ· Ρ„ΠΈΠ»ΡŒΠΌΠΎΠ² ДТСксона, чистыС Ρ†ΠΈΡ‚Π°Ρ‚Ρ‹ ΠΈΠ· Ρ„ΠΈΠ»ΡŒΠΌΠΎΠ² ДТСксона ΠΈ ΠΎΠ±Ρ‹Ρ‡Π½Ρ‹Π΅ ol’ lorem ipsum.

6. Responsive Sketch Pad

Π¨Π°Π±Π»ΠΎΠ½Ρ‹ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΎΠ³ΠΎ интСрфСйса Responsive Sketch Pad ваш Ρ…ΠΎΡ€ΠΎΡˆΠΈΠΉ спутник, ΠΊΠΎΠ³Π΄Π° Π²Ρ‹ Π½Π°Ρ…ΠΎΠ΄ΠΈΡ‚Π΅ΡΡŒ Π½Π° этапС ΠΏΡ€Π΅Π΄Π²Π°Ρ€ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΠ³ΠΎ планирования. ВочСчная сСтка ΡƒΠΏΡ€ΠΎΡ‰Π°Π΅Ρ‚ ΠΏΡ€ΠΈΠ΄Π΅Ρ€ΠΆΠΈΠ²Π°Π½ΠΈΠ΅ Π»ΠΈΠ½ΠΈΠΉ ΠΈ Π²ΠΈΠ·ΡƒΠ°Π»ΠΈΠ·ΠΈΠ°Ρ†ΠΈΡŽ сайта Π² Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅ ΠΈ Π½Π° мобильном устройствС.

7. Macaw

Π­Ρ‚ΠΎΡ‚ инструмСнт Π΅Ρ‰Π΅ Π½Π΅ Π²Ρ‹ΠΏΡƒΡ‰Π΅Π½, Π½ΠΎ ΠΎΠ½ ΡƒΠΆΠ΅ выглядит довольно интСрСсным ΠΏΡ€Π΅Π΄Π»ΠΎΠΆΠ΅Π½ΠΈΠ΅. Macaw ΠΎΠ±Π΅Ρ‰Π°Π΅Ρ‚ Ρ‚Ρƒ ΠΆΠ΅ Π³ΠΈΠ±ΠΊΠΎΡΡ‚ΡŒ, Ρ‡Ρ‚ΠΎ ΠΈ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ, Π½ΠΎ ΠΏΡ€ΠΈ этом Π±ΡƒΠ΄Π΅Ρ‚ ΠΏΡ€ΠΎΠΈΡΡ…ΠΎΠ΄ΠΈΡ‚ΡŒ написаниС сСмантичСского HTML ΠΈ Π»Π°ΠΊΠΎΠ½ΠΈΡ‡Π½ΠΎΠ³ΠΎ CSS.

Для Π²Π΅Π±-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΎΠ²

1. Coda 2

Π­Ρ‚ΠΎ ΠΌΠΎΠΉ Π»ΡŽΠ±ΠΈΠΌΡ‹ΠΉ ΠΈΠ·-Π·Π° Π΅Π³ΠΎ «всС-Π²-ΠΎΠ΄Π½ΠΎΠΌΒ» Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ ΠΊΠΎΠ΄Π°, FTP ΠΊΠ»ΠΈΠ΅Π½Ρ‚ ΠΈ встроСнный MySQL Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€. Coda 2 Ρ‚Π°ΠΊΠΆΠ΅ Π²ΠΊΠ»ΡŽΡ‡Π°Π΅Ρ‚ Π² сСбя ΡΠΏΡ€Π°Π²ΠΎΡ‡Π½ΡƒΡŽ Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΡƒ ΠΏΠΎ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠΈΡ€ΠΎΠ²Π°Π½ΠΈΡŽ ΠΈ Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½Ρ‹ΠΉ CSS-Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€.
2. CSS Pre-processor

Π’ зависимости ΠΎΡ‚ Ρ‚ΠΎΠ³ΠΎ, Ρ‡Ρ‚ΠΎ Π²Ρ‹ Ρ€Π°Π·Ρ€Π°Π±Π°Ρ‚Ρ‹Π²Π°Π΅Ρ‚Π΅, здСсь Π²Π°ΠΌ ΠΏΠΎΠΌΠΎΠΆΠ΅Ρ‚ руководство. SASS Ρ‚Ρ€Π΅Π±ΡƒΠ΅Ρ‚, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Ρ€Π°Π±ΠΎΡ‚Π°Π» Ruby (встроСн Π² любой Mac) ΠΈ ΠΈ Π½Π° Π±Π°Π·ΠΎΠ²ΠΎΠΌ ΡƒΡ€ΠΎΠ²Π½Π΅ Π΄Π΅Π»Π°Π΅Ρ‚ Ρ‚ΠΎΠΆΠ΅ Ρ‡Ρ‚ΠΎ ΠΈ LESS, Π΄Ρ€ΡƒΠ³ΠΎΠΉ прСпроцСссор. Оба ΡΠ²Π»ΡΡŽΡ‚ΡΡ ΠΎΡ‚Π»ΠΈΡ‡Π½Ρ‹ΠΌΠΈ инструмСнтами ΠΈ ΠΏΡ€Π΅Π΄Π»Π°Π³Π°ΡŽΡ‚ экономящиС врСмя Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΈ, Ρ‚Π°ΠΊΠΈΠ΅ ΠΊΠ°ΠΊ Π²Π»ΠΎΠΆΠ΅Π½Π½Ρ‹Π΅ ΠΏΡ€Π°Π²ΠΈΠ»Π°, смСшивания, ΠΏΠ΅Ρ€Π΅ΠΌΠ΅Π½Π½Ρ‹Π΅ ΠΈ Π»ΠΎΠ³ΠΈΠΊΡƒ.
3. Front-end Framework

Π‘Π½ΠΎΠ²Π°, Π΅ΡΡ‚ΡŒ Π΄Π²Π° ΠΎΡ‚Π»ΠΈΡ‡Π½Ρ‹Ρ… прСдлоТСния ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ рассмотрим. ВмСстС Twitter Bootstrap ΠΈ Zurb’s Foundation ΠΏΠΎΠΌΠΎΠΆΠ΅Ρ‚ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ ΠΏΡ€ΠΎΡ‚ΠΎΡ‚ΠΈΠΏΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ ΠΈ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΡƒ для соврСмСнного WEB быстрСС ΠΈ ΠΏΡ€ΠΎΡ‰Π΅. Оба ΠΏΠ°ΠΊΠ΅Ρ‚Π° это адаптивная сСточная систСма с элСмСнтами стилСй ΠΈ javascript ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ, для Ρ€Π΅Π°Π»ΠΈΠ·Π°Ρ†ΠΈΠΈ Π±ΠΎΠ³Π°Ρ‚ΠΎΠ³ΠΎ WEB.

4. Browserstack

Π­Ρ‚ΠΎ Ρ„Π°Π²ΠΎΡ€ΠΈΡ‚ ΠΈΠ· всСго Π½Π°Π±ΠΎΡ€Π°. Browserstack позволяСт Π²Π°ΠΌ Ρ‚Π΅ΡΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Π·Π°Π²Π΅Ρ€ΡˆΠ΅Π½Π½Ρ‹ΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½ Π² любом Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅ ΠΈ Π½Π° любой ΠΊΠΎΠ½Ρ„ΠΈΠ³ΡƒΡ€Π°Ρ†ΠΈΠΈ, ΠΎ ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΉ Π²Ρ‹ ΠΌΠΎΠ³Π»ΠΈ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΏΠΎΠ΄ΡƒΠΌΠ°Ρ‚ΡŒ. Π­Ρ‚ΠΎ ΡƒΠ΄ΠΎΠ±Π½Ρ‹ΠΉ инструмСнт, Ссли Π²Ρ‹ всС Π΅Ρ‰Π΅ Π΄ΠΎΠ»ΠΆΠ½Ρ‹ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Ρ‚ΡŒ IE7 ΠΈ IE8 Π² Π²Π°ΡˆΠΈΡ… ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π°Ρ….

5. Pingdom

РаскройтС DNS ΠΈ ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΡ‹ Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ с Pingdom. Π’Ρ‹ ΡƒΠ²ΠΈΠ΄ΠΈΡ‚Π΅, сколько Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ Π·Π°Π±ΠΈΡ€Π°Π΅Ρ‚ Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠ° Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Ρ… рСсурсов Π½Π° вашСм сайтС вмСстС с ΠΎΠ±Ρ‰ΠΈΠΌ ΠΏΠΎΠΊΠ°Π·Π°Ρ‚Π΅Π»Π΅ΠΌ ΠΏΡ€ΠΎΠΈΠ·Π²ΠΎΠ΄ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΡΡ‚ΠΈ.

6. Chrome Developer Tools

Если Π²Ρ‹ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚Π΅ ΠΎΠ΄ΠΈΠ½ ΠΈΠ· инструмСнтом входящим Π² Chrome Developer Toolkit, Ρ‚ΠΎ ΠΏΡƒΡΡ‚ΡŒ это Π±ΡƒΠ΄Π΅Ρ‚ Π½Π°Π·Ρ‹Π²Π°Ρ‚ΡŒΡΡ Π²Π΅Π±-инспСктор. ВмСстС с инспСктором Π²Ρ‹ смоТСтС быстро Π΄ΠΈΠ°Π³Π½ΠΎΡΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΡ‹ ΠΈ внСсти измСнСния Π² Ρ€Π°Π·ΠΌΠ΅Ρ‚ΠΊΡƒ. Π’Ρ‹ Ρ‚Π°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ эффСктивно ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ консоль для логирования ΠΈ взаимодСйствия с JavaScript.
7. MAMP Pro

Π‘ Π»Π΅Π³ΠΊΠΎΡΡ‚ΡŒΡŽ ΠΊΡ€ΡƒΡ‚ΠΈΡ‚Π΅ сайты локально. MAMP Pro позволяСт Π»Π΅Π³ΠΊΠΎ ΡƒΡΡ‚Π°Π½ΠΎΠ²ΠΈΡ‚ΡŒ ΠΈ Π°Π΄ΠΌΠΈΠ½ΠΈΡΡ‚Ρ€ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Apache, MySQL ΠΈ срСду Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ PHP. Если Π²Ρ‹ Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚Π΅ Π½Π°Π΄ большим количСство сайтов для ΠΊΠ»ΠΈΠ΅Π½Ρ‚ΠΎΠ², Π²Π°ΠΌ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ ΠΈΠΌΠ΅Ρ‚ΡŒ Ρ‚Π°ΠΊΠΎΠΉ сСрвСр.

habr.com

ΠžΠ³Ρ€ΠΎΠΌΠ½Π°Ρ ΠΏΠΎΠ΄Π±ΠΎΡ€ΠΊΠ° Π»ΡƒΡ‡ΡˆΠΈΡ… инструмСнтов Π΄ΠΈΠ·Π°ΠΉΠ½Π° Π½Π° всС случаи ΠΆΠΈΠ·Π½ΠΈ

Π˜Π½ΡΡ‚Ρ€ΡƒΠΌΠ΅Π½Ρ‚Ρ‹ доступности

Π”ΠΎΡΡ‚ΡƒΠΏΠ½ΠΎΡΡ‚ΡŒ – это ΠΏΡ€Π°ΠΊΡ‚ΠΈΠΊΠ° создания Π²Π΅Π±-сайтов ΠΈ ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΌΠΎΠ³ΡƒΡ‚ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ всС люди, Π² Ρ‚ΠΎΠΌ числС с Π½Π°Ρ€ΡƒΡˆΠ΅Π½ΠΈΡΠΌΠΈ зрСния, ΠΌΠΎΡ‚ΠΎΡ€ΠΈΠΊΠΈ, слуха, Ρ€Π΅Ρ‡ΠΈ ΠΈΠ»ΠΈ ΠΊΠΎΠ³Π½ΠΈΡ‚ΠΈΠ²Π½Ρ‹Ρ… Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΉ. Π—Π΄Π΅ΡΡŒ Π²Ρ‹ Π½Π°ΠΉΠ΄Π΅Ρ‚Π΅ инструмСнты Π²Π΅Π±-доступности, инструмСнты тСстирования доступности ΠΈ прилоТСния доступности, ΠΊΠ°ΠΊ для Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΎΠ², Ρ‚Π°ΠΊ ΠΈ для Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ΠΎΠ².

  • ANDI β€” инструмСнт тСстирования доступности для Π²Π΅Π±-ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π° (Π±ΡƒΠΊΠΌΠ°Ρ€ΠΊΠ»Π΅Ρ‚). Он автоматичСски ΠΎΠ±Π½Π°Ρ€ΡƒΠΆΠΈΡ‚ ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΡ‹ доступности, даст прСдлоТСния ΠΏΠΎ Π΅Π΅ ΡƒΠ»ΡƒΡ‡ΡˆΠ΅Π½ΠΈΡŽ ΠΈ ΠΏΡ€ΠΎΠ²Π΅Ρ€ΠΈΡ‚ соотвСтствиС стандартам Ρ€Π°Π·Π΄Π΅Π»Π° 508 WCAG.
  • Axe β€” ΠΌΠ΅Ρ…Π°Π½ΠΈΠ·ΠΌ ΡΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½Ρ‹Ρ… возмоТностСй, Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Π°Π½Π½Ρ‹ΠΉ для Ρ€Π°Π±ΠΎΡ‚Ρ‹ Π²ΠΎ всСх соврСмСнных Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°Ρ… ΠΈ с Π»ΡŽΠ±Ρ‹ΠΌΠΈ инструмСнтами, Ρ„Ρ€Π΅ΠΉΠΌΠ²ΠΎΡ€ΠΊΠ°ΠΌΠΈ, Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΠ°ΠΌΠΈ ΠΈ срСдами, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π²Ρ‹ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚Π΅ сСгодня. Π­Ρ‚ΠΎ инструмСнт автоматичСского тСстирования доступности для Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΎΠ².
  • ColorBox by Lyft Design β€” Π²Π΅Π±-ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ алгоритмичСски создаСт доступныС Ρ†Π²Π΅Ρ‚ΠΎΠ²Ρ‹Π΅ систСмы.
  • Contraste β€” ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ для ΠΏΡ€ΠΎΠ²Π΅Ρ€ΠΊΠΈ доступности тСкста Π² соотвСтствии с РСкомСндациями ΠΏΠΎ доступности Π²Π΅Π±-ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π° (WCAG).
  • Contrast β€” MacOS ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ для Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ΠΎΠ² ΠΈ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΎΠ², Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒ быстрый доступ ΠΊ коэффициСнтам Ρ†Π²Π΅Ρ‚ΠΎΠ²ΠΎΠΉ контрастности WCAG.
  • Hex Naw β€” ΠΏΠΎΠΌΠΎΠ³Π°Π΅Ρ‚ Π²Π°ΠΌ ΠΏΡ€ΠΎΡ‚Π΅ΡΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Ρ†Π΅Π»Ρ‹Π΅ Ρ†Π²Π΅Ρ‚ΠΎΠ²Ρ‹Π΅ систСмы Π½Π° ΠΊΠΎΠ½Ρ‚Ρ€Π°ΡΡ‚Π½ΠΎΡΡ‚ΡŒ ΠΈ Π΄ΠΎΡΡ‚ΡƒΠΏΠ½ΠΎΡΡ‚ΡŒ.
  • PA11Y β€” инструмСнт тСстирования доступности для выявлСния ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌ Π½Π° Π²Π°ΡˆΠΈΡ… Π²Π΅Π±-страницах. Он запускаСт HTML CodeSniffer ΠΈΠ· ΠΊΠΎΠΌΠ°Π½Π΄Π½ΠΎΠΉ строки для создания ΠΎΡ‚Ρ‡Π΅Ρ‚ΠΎΠ² ΠΎ доступности. Π­Ρ‚ΠΎ инструмСнт для Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΎΠ².
  • Sim Daltonism β€” ΡΠΈΠΌΡƒΠ»ΡΡ‚ΠΎΡ€ Π΄Π°Π»ΡŒΡ‚ΠΎΠ½ΠΈΠ·ΠΌΠ° для macOS ΠΈ iOS, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ позволяСт Π²ΠΈΠ·ΡƒΠ°Π»ΠΈΠ·ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Ρ†Π²Π΅Ρ‚Π° Π² Ρ‚ΠΎΠΌ Π²ΠΈΠ΄Π΅, ΠΊΠ°ΠΊ ΠΎΠ½ΠΈ Π²ΠΎΡΠΏΡ€ΠΈΠ½ΠΈΠΌΠ°ΡŽΡ‚ΡΡ людьми, ΡΡ‚Ρ€Π°Π΄Π°ΡŽΡ‰ΠΈΠΌΠΈ ΠΎΡ‚ Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Ρ… Ρ‚ΠΈΠΏΠΎΠ² Ρ†Π²Π΅Ρ‚ΠΎΠ²ΠΎΠΉ слСпоты.
  • tota11y β€” Π½Π°Π±ΠΎΡ€ инструмСнтов Π²ΠΈΠ·ΡƒΠ°Π»ΠΈΠ·Π°Ρ†ΠΈΠΈ доступности.
  • WAVE β€” позволяСт ΠΎΡ†Π΅Π½ΠΈΠ²Π°Ρ‚ΡŒ Π²Π΅Π±-ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚ Π½Π° ΠΏΡ€Π΅Π΄ΠΌΠ΅Ρ‚ доступности нСпосрСдствСнно Π² Chrome ΠΈ Firefox.

Π˜Π½ΡΡ‚Ρ€ΡƒΠΌΠ΅Π½Ρ‚Ρ‹ Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΠΈ

Π­Ρ‚ΠΈ бСсплатныС ΠΈ ΠΏΠ»Π°Ρ‚Π½Ρ‹Π΅ инструмСнты ΠΏΡ€Π΅Π΄Π½Π°Π·Π½Π°Ρ‡Π΅Π½Ρ‹ для облСгчСния создания Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΠΈ. ΠŸΠΎΡΡ‚ΠΎΠΌΡƒ, Ссли Π²Ρ‹ заинтСрСсованы Π² создании Π°Π½ΠΈΠΌΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹Ρ… ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄ΠΎΠ², микровзаимодСйствий ΠΈΠ»ΠΈ Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΠΈ Π½Π° основС скролла, Π²ΠΎΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ΡΡŒ этими инструмСнтами:

  • Adobe After Effects β€” ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ для создания Ρ†ΠΈΡ„Ρ€ΠΎΠ²Ρ‹Ρ… Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½Ρ‹Ρ… эффСктов, Π³Ρ€Π°Ρ„ΠΈΠΊΠΈ ΠΈ ΠΊΠΎΠΌΠΏΠΎΠ·ΠΈΡ‚ΠΈΠ½Π³Π°.
  • BeatFlyer β€” Π²Π΅Π±-инструмСнт, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ позволяСт ΠΎΡ‡Π΅Π½ΡŒ быстро ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ Π·Π°Ρ†ΠΈΠΊΠ»Π΅Π½Π½Ρ‹Π΅ Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΠΈ ΠΈΠ· Π²Π°ΡˆΠΈΡ… многослойных ΠΊΠΎΠΌΠΏΠΎΠ·ΠΈΡ†ΠΈΠΉ.
  • Haiku β€” инструмСнт создания Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΠΈ Π½Π° основС ΠΊΠ»ΡŽΡ‡Π΅Π²Ρ‹Ρ… ΠΊΠ°Π΄Ρ€ΠΎΠ², ΡΠΎΠ΅Π΄ΠΈΠ½ΡΡŽΡ‰ΠΈΠΉ ваши инструмСнты интСрфСйса с ΠΊΠΎΠ΄ΠΎΠΌ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΈ ΠΌΠΎΠ³ΡƒΡ‚ Π»Π΅Π³ΠΊΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ.
  • Keyshape β€” инструмСнт 2D-Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΠΈ, ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡŽΡ‰ΠΈΠΉ ΡΠΊΡΠΏΠΎΡ€Ρ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Π°Π½ΠΈΠΌΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹Π΅ SVG-Ρ„Π°ΠΉΠ»Ρ‹.
  • Kite Compositor β€” ΠΌΠΎΡ‰Π½ΠΎΠ΅ ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ для Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΠΈ ΠΈ создания ΠΏΡ€ΠΎΡ‚ΠΎΡ‚ΠΈΠΏΠΎΠ² для Mac ΠΈ iOS.
  • LightBox β€” 2D, ΠΏΠ°ΠΊΠ΅Ρ‚ рисованной Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΠΈ
  • Lottie β€” мобильная Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΠ° для Android ΠΈ iOS, которая Π°Π½Π°Π»ΠΈΠ·ΠΈΡ€ΡƒΠ΅Ρ‚ Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΠΈ Adobe After Effects, экспортированныС Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ json, с Bodymovin ΠΈ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Π΅Ρ‚ ΠΈΡ… Π½Π° ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Ρ… устройствах ΠΈ Π² Π˜Π½Ρ‚Π΅Ρ€Π½Π΅Ρ‚Π΅.
  • Spirit β€” инструмСнт для создания Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΠΈ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΏΠΎΠΌΠΎΠΆΠ΅Ρ‚ Π²Π°ΠΌ ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ ΠΈ ΡƒΠΏΡ€Π°Π²Π»ΡΡ‚ΡŒ Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΠ΅ΠΉ Π² Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅ Π² Ρ€Π΅Π°Π»ΡŒΠ½ΠΎΠΌ Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ.
  • Tumult Hype β€” ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ для создания Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΠΈ ΠΈ ΠΈΠ½Ρ‚Π΅Ρ€Π°ΠΊΡ‚ΠΈΠ²Π½Ρ‹Ρ… Ρ„Π°ΠΉΠ»ΠΎΠ² HTML5 для macOS.

Principle, Framer, Invision Studio, Flinto Ρ‚Π°ΠΊΠΆΠ΅ входят Π² число UI ΠΈ UX ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ для создания Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΠΈ.

Π˜Π½ΡΡ‚Ρ€ΡƒΠΌΠ΅Π½Ρ‚Ρ‹ Π΄ΠΎΠΏΠΎΠ»Π½Π΅Π½Π½ΠΎΠΉ Ρ€Π΅Π°Π»ΡŒΠ½ΠΎΡΡ‚ΠΈ (AR)

ДополнСнная Ρ€Π΅Π°Π»ΡŒΠ½ΠΎΡΡ‚ΡŒ – это тСхнология, которая ΡΠΎΠ²Π΅Ρ€ΡˆΠ΅Π½ΡΡ‚Π²ΡƒΠ΅Ρ‚ наш Ρ€Π΅Π°Π»ΡŒΠ½Ρ‹ΠΉ ΠΌΠΈΡ€, добавляя Π² Π½Π΅Π³ΠΎ слой Ρ†ΠΈΡ„Ρ€ΠΎΠ²ΠΎΠΉ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΈ. ИспользованиС AR Π·Π½Π°Ρ‡ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ увСличиваСтся с ΠΊΠ°ΠΆΠ΄Ρ‹ΠΌ Π΄Π½Π΅ΠΌ. Π’ΠΎΡ‚ ΠΏΠΎΡ‡Π΅ΠΌΡƒ ΠΌΡ‹ собрали здСсь Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Π΅ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹ для создания, проСктирования ΠΈ прототипирования ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ, ΠΎΡ€ΠΈΠ΅Π½Ρ‚ΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹Ρ… Π½Π° Π΄ΠΎΠΏΠΎΠ»Π½Π΅Π½Π½ΡƒΡŽ Ρ€Π΅Π°Π»ΡŒΠ½ΠΎΡΡ‚ΡŒ.

  • Lightform β€” инструмСнт для проСктирования AR.
  • Torch β€” ΠΎΠ±Π»Π°Ρ‡Π½ΠΎΠ΅ ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ для 3D-Π΄ΠΈΠ·Π°ΠΉΠ½Π° ΠΈ прототипирования, ΠΎΡ€ΠΈΠ΅Π½Ρ‚ΠΈΡ€ΠΎΠ²Π°Π½Π½ΠΎΠ΅ Π½Π° ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½ΡƒΡŽ Π΄ΠΎΠΏΠΎΠ»Π½Π΅Π½Π½ΡƒΡŽ Ρ€Π΅Π°Π»ΡŒΠ½ΠΎΡΡ‚ΡŒ.
  • Spark AR Studio β€” создайтС AR ΠΎΠΏΡ‹Ρ‚ для Instagram Π±Π΅Π· написания ΠΊΠΎΠ΄Π°.

Π˜Π½ΡΡ‚Ρ€ΡƒΠΌΠ΅Π½Ρ‚Ρ‹ для совмСстной Ρ€Π°Π±ΠΎΡ‚Ρ‹

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

  • Gallery.io β€” совмСстный инструмСнт для Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π½Ρ‹Ρ… Ρ€Π°Π±ΠΎΡ‚, получСния ΠΎΡ‚Π·Ρ‹Π²ΠΎΠ² ΠΈ отслСТивания ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠΉ.
  • Invision Freehand β€” позволяСт быстро ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ, ΠΎΠ±ΡΡƒΠΆΠ΄Π°Ρ‚ΡŒ ΠΈ ΠΏΡ€ΠΎΠ²ΠΎΠ΄ΠΈΡ‚ΡŒ ΠΈΡ‚Π΅Ρ€Π°Ρ†ΠΈΡŽ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΎΠ².
  • Jira β€” инструмСнт Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ½ΠΎΠ³ΠΎ обСспСчСния, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅ΠΌΡ‹ΠΉ agile-ΠΊΠΎΠΌΠ°Π½Π΄Π°ΠΌΠΈ.
  • MURAL β€” Π΄ΡƒΠΌΠ°ΠΉΡ‚Π΅ ΠΈ сотрудничайтС Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½ΠΎ. Π“Π΄Π΅ ΡƒΠ³ΠΎΠ΄Π½ΠΎ, ΠΊΠΎΠ³Π΄Π° ΡƒΠ³ΠΎΠ΄Π½ΠΎ.
  • Notion β€” ΠΏΠΈΡˆΠΈΡ‚Π΅, ΠΏΠ»Π°Π½ΠΈΡ€ΡƒΠΉΡ‚Π΅, сотрудничайтС ΠΈ ΠΎΡ€Π³Π°Π½ΠΈΠ·ΠΎΠ²Ρ‹Π²Π°ΠΉΡ‚Π΅ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Ρ‹. Notion – это всС, Ρ‡Ρ‚ΠΎ Π²Π°ΠΌ Π½ΡƒΠΆΠ½ΠΎ Π² ΠΎΠ΄Π½ΠΎΠΌ инструмСнтС
  • RealtimeBoard β€” интСрактивная доска для ΠΌΠ΅ΠΆΡ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π»ΡŒΠ½ΠΎΠΉ совмСстной Ρ€Π°Π±ΠΎΡ‚Ρ‹.
  • Trello β€” Π²Π΅Π±-ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ для управлСния ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π°ΠΌΠΈ, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ позволяСт Π²Π°ΠΌ ΠΎΡ€Π³Π°Π½ΠΈΠ·ΠΎΠ²Ρ‹Π²Π°Ρ‚ΡŒ ΠΈ Ρ€Π°ΡΡΡ‚Π°Π²Π»ΡΡ‚ΡŒ ΠΏΡ€ΠΈΠΎΡ€ΠΈΡ‚Π΅Ρ‚Ρ‹ Π²Π°ΡˆΠΈΡ… ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΎΠ² Π² вСсСлой ΠΈ Π³ΠΈΠ±ΠΊΠΎΠΉ Ρ„ΠΎΡ€ΠΌΠ΅.
  • Visual Inspector β€” инструмСнт совмСстной Ρ€Π°Π±ΠΎΡ‚Ρ‹ для Ρ„ΠΈΠ΄Π±Π΅ΠΊΠ° ΠΈ исправлСния ошибок Π² Π΄ΠΈΠ·Π°ΠΉΠ½Π΅.
  • Witeboard β€” простая доска для совмСстной Ρ€Π°Π±ΠΎΡ‚Ρ‹ Π² Ρ€Π΅ΠΆΠΈΠΌΠ΅ Ρ€Π΅Π°Π»ΡŒΠ½ΠΎΠ³ΠΎ Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ.
  • Wrike β€” ΠΎΠ½Π»Π°ΠΉΠ½-ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ° для управлСния ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π°ΠΌΠΈ, которая Π΄Π°Π΅Ρ‚ Π²Π°ΠΌ ΠΏΠΎΠ»Π½ΡƒΡŽ Π²ΠΈΠ΄ΠΈΠΌΠΎΡΡ‚ΡŒ ΠΈ ΠΊΠΎΠ½Ρ‚Ρ€ΠΎΠ»ΡŒ Π½Π°Π΄ вашими Π·Π°Π΄Π°Ρ‡Π°ΠΌΠΈ.

Π˜Π½ΡΡ‚Ρ€ΡƒΠΌΠ΅Π½Ρ‚Ρ‹ Π²Ρ‹Π±ΠΎΡ€Π° Ρ†Π²Π΅Ρ‚Π°

Если Π²Ρ‹ ΠΈΡ‰Π΅Ρ‚Π΅ инструмСнт Β«ΠΏΠΈΠΏΠ΅Ρ‚ΠΊΠ°Β», инструмСнт опрСдСлСния Ρ†Π²Π΅Ρ‚Π° ΠΈΠ»ΠΈ инструмСнт Π·Π°Ρ…Π²Π°Ρ‚Π° Ρ†Π²Π΅Ρ‚Π°, просто ΠΎΠ·Π½Π°ΠΊΠΎΠΌΡŒΡ‚Π΅ΡΡŒ с этим списком. Π’ΠΎΡ‚ инструмСнты Π΄ΠΈΠ·Π°ΠΉΠ½Π° для создания Ρ†Π²Π΅Ρ‚ΠΎΠ²ΠΎΠΉ ΠΊΠΎΠΌΠ±ΠΈΠ½Π°Ρ†ΠΈΠΈ ΠΈ опрСдСлСния Π΄Π΅ΠΉΡΡ‚Π²ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ Ρ…ΠΎΡ€ΠΎΡˆΠΈΡ… сочСтаний Ρ†Π²Π΅Ρ‚ΠΎΠ². ΠŸΠΎΡ‡Ρ‚ΠΈ всС эти инструмСнты бСсплатны:

  • Adobe Color β€” создавайтС Ρ†Π²Π΅Ρ‚ΠΎΠ²Ρ‹Π΅ схСмы с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Ρ†Π²Π΅Ρ‚ΠΎΠ²ΠΎΠ³ΠΎ ΠΊΡ€ΡƒΠ³Π° ΠΈΠ»ΠΈ просматривайтС тысячи Ρ†Π²Π΅Ρ‚ΠΎΠ²Ρ‹Ρ… ΠΊΠΎΠΌΠ±ΠΈΠ½Π°Ρ†ΠΈΠΉ ΠΎΡ‚ сообщСства.
  • Chroma β€” бСсплатноС Π²Π΅Π±-ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ позволяСт ΠΎΠΏΡ€Π΅Π΄Π΅Π»ΠΈΡ‚ΡŒ Ρ†Π²Π΅Ρ‚.
  • Coolors.co β€” супСр быстрый Π³Π΅Π½Π΅Ρ€Π°Ρ‚ΠΎΡ€ Ρ†Π²Π΅Ρ‚ΠΎΠ²Ρ‹Ρ… схСм.
  • Colourcode β€” ΠΎΠ½Π»Π°ΠΉΠ½-инструмСнт, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ позволяСт Π²Π°ΠΌ Π»Π΅Π³ΠΊΠΎ ΠΈ ΠΈΠ½Ρ‚ΡƒΠΈΡ‚ΠΈΠ²Π½ΠΎ ΠΊΠΎΠΌΠ±ΠΈΠ½ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Ρ†Π²Π΅Ρ‚Π°.
  • Just Color Picker β€” бСсплатный ΠΏΠΎΡ€Ρ‚Π°Ρ‚ΠΈΠ²Π½Ρ‹ΠΉ ΠΎΡ„Π»Π°ΠΉΠ½ сСлСктор ΠΈ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ Ρ†Π²Π΅Ρ‚Π°.
  • Khroma β€” инструмСнт создания Ρ†Π²Π΅Ρ‚ΠΎΠ²Ρ‹Ρ… ΠΏΠ°Π»ΠΈΡ‚Ρ€ Π½Π° основС ИИ.
  • Material Colors Native β€” цвСтовая ΠΏΠ°Π»ΠΈΡ‚Ρ€Π° Google material design Π² Ρ„ΠΎΡ€ΠΌΠ΅ прилоТСния для Mac.
  • Paletton β€” инструмСнт для создания Ρ†Π²Π΅Ρ‚ΠΎΠ²Ρ‹Ρ… ΠΊΠΎΠΌΠ±ΠΈΠ½Π°Ρ†ΠΈΠΉ.
  • Pikka β€” Color Picker β€” цвСтовая ΠΏΠ°Π»ΠΈΡ‚Ρ€Π° ΠΈ Π³Π΅Π½Π΅Ρ€Π°Ρ‚ΠΎΡ€ Ρ†Π²Π΅Ρ‚ΠΎΠ²Ρ‹Ρ… схСм для macOS.
  • React Color β€” коллСкция Ρ†Π²Π΅Ρ‚ΠΎΠ²Ρ‹Ρ… ΠΏΠ°Π»ΠΈΡ‚Ρ€ ΠΎΡ‚ Sketch, Photoshop, Chrome. Она бСсплатная ΠΈ с ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚Ρ‹ΠΌ исходным ΠΊΠΎΠ΄ΠΎΠΌ.  .
  • Sip β€“ Π»ΡƒΡ‡ΡˆΠΈΠΉ способ ΡΠΎΠ±Ρ€Π°Ρ‚ΡŒ, ΡƒΠΏΠΎΡ€ΡΠ΄ΠΎΡ‡ΠΈΡ‚ΡŒ ΠΈ ΠΏΠΎΠ΄Π΅Π»ΠΈΡ‚ΡŒΡΡ Ρ†Π²Π΅Ρ‚Π°ΠΌΠΈ. Π˜Π½ΡΡ‚Ρ€ΡƒΠΌΠ΅Π½Ρ‚ Β«ΠΏΠΈΠΏΠ΅Ρ‚ΠΊΠ°Β» для MacOS.
  • Skala Color β€” ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅Ρ‚ большоС количСство Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ΠΎΠ², содСрТит всС, Ρ‡Ρ‚ΠΎ Π²Π°ΠΌ Π½ΡƒΠΆΠ½ΠΎ для Π²Π΅Π±, iOS, Android ΠΈ macOS Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ.
  • Swatches β€” iOS ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ позволяСт ΡΠΎΠ±ΠΈΡ€Π°Ρ‚ΡŒ, ΠΈΠ½ΡΠΏΠ΅ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΠΈ Π΄Π΅Π»ΠΈΡ‚ΡŒΡΡ Ρ†Π²Π΅Ρ‚Π°ΠΌΠΈ, Π²Π΄ΠΎΡ…Π½ΠΎΠ²Π»ΡΡŽΡ‰ΠΈΠΌΠΈ вас ΠΊΠ°ΠΆΠ΄Ρ‹ΠΉ дСнь.
  • UI Gradients β€” коллСкция красивых Ρ†Π²Π΅Ρ‚ΠΎΠ²Ρ‹Ρ… Π³Ρ€Π°Π΄ΠΈΠ΅Π½Ρ‚ΠΎΠ² для Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ΠΎΠ² ΠΈ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΎΠ².

Π˜Π½ΡΡ‚Ρ€ΡƒΠΌΠ΅Π½Ρ‚Ρ‹ для получСния Ρ„ΠΈΠ΄Π±Π΅ΠΊΠ°

ΠŸΠΎΠ»ΡƒΡ‡Π°Π΅Ρ‚Π΅ Π»ΠΈ Π²Ρ‹ Ρ„ΠΈΠ΄Π±Π΅ΠΊ Π² процСссС Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ? Если Π²Ρ‹ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒ Π±ΠΎΠ»Π΅Π΅ ΠΏΠΎΠ΄Ρ€ΠΎΠ±Π½ΡƒΡŽ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΡŽ ΠΎ ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΠ°Ρ… интСрфСйса ΠΈΠ»ΠΈ Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½Ρ‹Ρ… ΠΎΡˆΠΈΠ±ΠΊΠ°Ρ…, взглянитС Π½Π° этот инструмСнт:

  • Flawless Feedback β€” просматривайтС ΠΈ ΠΊΠΎΠΌΠΌΠ΅Π½Ρ‚ΠΈΡ€ΡƒΠΉΡ‚Π΅ iOS-прилоТСния, Π° Π·Π°Ρ‚Π΅ΠΌ Π΄Π΅Π»ΠΈΡ‚Π΅ΡΡŒ своим Ρ„ΠΈΠ΄Π±Π΅ΠΊΠΎΠΌ Π² Jira ΠΈΠ»ΠΈ Trello.

Π˜Π½ΡΡ‚Ρ€ΡƒΠΌΠ΅Π½Ρ‚Ρ‹ ΠΏΠ΅Ρ€Π΅Π΄Π°Ρ‡ΠΈ Π΄ΠΈΠ·Π°ΠΉΠ½Π° Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ°ΠΌ

ΠŸΠ΅Ρ€Π΅Π΄Π°Ρ‡Π° Π΄ΠΈΠ·Π°ΠΉΠ½Π° происходит, ΠΊΠΎΠ³Π΄Π° Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Ρ‹ Π·Π°ΠΊΠ°Π½Ρ‡ΠΈΠ²Π°ΡŽΡ‚ Ρ€Π°Π±ΠΎΡ‚Ρƒ ΠΈ Π΄ΠΎΠ»ΠΆΠ½Ρ‹ ΠΏΡ€Π΅Π΄ΠΎΡΡ‚Π°Π²Π»ΡΡ‚ΡŒ Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚Ρ‹ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ°ΠΌ. Π˜Ρ‚Π°ΠΊ, Π΄Π°Π²Π°ΠΉΡ‚Π΅ посмотрим Π½Π° ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠ΅ инструмСнты ΠΏΠ΅Ρ€Π΅Π΄Π°Ρ‡ΠΈ Π΄ΠΈΠ·Π°ΠΉΠ½Π°:

  • Avocode β€” ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚Ρ‹Π΅ Π΄ΠΈΠ·Π°ΠΉΠ½Ρ‹ Π±Π΅Π· инструмСнтов Π΄ΠΈΠ·Π°ΠΉΠ½Π°. Экспорт ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ Π±Π΅Π· ΠΏΠΎΠ΄Π³ΠΎΡ‚ΠΎΠ²ΠΊΠΈ слоСв. НаТмитС Π½Π° слои, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒ ΠΊΠΎΠ΄.
  • Invision Inspect β€” ΠΏΠΎΠΌΠΎΠ³Π°Π΅Ρ‚ ΠΏΠΎΠ΄Π³ΠΎΡ‚ΠΎΠ²ΠΈΡ‚ΡŒ Π΄ΠΈΠ·Π°ΠΉΠ½Ρ‹ ΠΊ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠ΅.
  • Sketch Measure β€” Sketch ΠΏΠ»Π°Π³ΠΈΠ½, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ позволяСт Π°Π½Π½ΠΎΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ расстояниС ΠΈ Ρ€Π°Π·ΠΌΠ΅Ρ€ элСмСнтов.
  • Specctr β€” Ссли Π²Ρ‹ Ρ€Π°Π·Ρ€Π°Π±Π°Ρ‚Ρ‹Π²Π°Π΅Ρ‚Π΅ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΈΠΉ интСрфСйс Π² PS, AI ΠΈΠ»ΠΈ ID, этот инструмСнт ΠΏΠΎΠΊΠ°ΠΆΠ΅Ρ‚ различия Π² вСрсиях.
  • Sympli β€” автоматичСская ΠΏΠ΅Ρ€Π΅Π΄Π°Ρ‡Π° спСцификаций ΠΈ Π°ΠΊΡ‚ΠΈΠ²ΠΎΠ² ΠΈΠ· Sketch, Photoshop ΠΈ Adobe XD. Π˜Π½Ρ‚Π΅Π³Ρ€ΠΈΡ€ΠΎΠ²Π°Π½ с Jira, Xcode ΠΈ Android Studio.
  • Zeplin β€” автоматичСски ΠΏΠ΅Ρ€Π΅Π΄Π°Π΅Ρ‚ Π΄ΠΈΠ·Π°ΠΉΠ½ ΠΈ руководства ΠΏΠΎ ΡΡ‚ΠΈΠ»ΡŽ с Ρ‚ΠΎΡ‡Π½Ρ‹ΠΌΠΈ характСристиками, рСсурсами ΠΈ Ρ„Ρ€Π°Π³ΠΌΠ΅Π½Ρ‚Π°ΠΌΠΈ ΠΊΠΎΠ΄Π°.

Π˜Π½ΡΡ‚Ρ€ΡƒΠΌΠ΅Π½Ρ‚Ρ‹ для создания Π΄ΠΈΠ·Π°ΠΉΠ½-систСм

Π—Π΄Π΅ΡΡŒ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π½Π°ΠΉΡ‚ΠΈ инструмСнты, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΏΠΎΠΌΠΎΠ³ΡƒΡ‚ Π²Π°ΠΌ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ, ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Ρ‚ΡŒ ΠΈ ΠΎΡ€Π³Π°Π½ΠΈΠ·ΠΎΠ²Ρ‹Π²Π°Ρ‚ΡŒ свою ΡΠΎΠ±ΡΡ‚Π²Π΅Π½Π½ΡƒΡŽ систСму Π΄ΠΈΠ·Π°ΠΉΠ½Π°:

  • Brand.ai β€” автоматичСски ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅ΠΌΠΎΠ΅ руководство ΠΏΠΎ ΡΡ‚ΠΈΠ»ΡŽ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚ΠΎΠ² интСрфСйса.
  • Design System Manager β€“ ΠΌΠ΅Π½Π΅Π΄ΠΆΠ΅Ρ€ систСмы Π΄ΠΈΠ·Π°ΠΉΠ½Π° ΠΎΡ‚ Invision.
  • Frontify β€” позволяСт ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ графичСскиС руководства, Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΠΈ шаблонов, систСмы Π΄ΠΈΠ·Π°ΠΉΠ½Π°.
  • Lingo β€” создайтС ΠΎΠ±Ρ‰ΡƒΡŽ Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΡƒ Π°ΠΊΡ‚ΠΈΠ²ΠΎΠ² для всСй ΠΊΠΎΠΌΠ°Π½Π΄Ρ‹.
  • Lucid β€” инструмСнт для создания, управлСния ΠΈ совмСстного использования систСмы Π΄ΠΈΠ·Π°ΠΉΠ½Π°. ΠžΡ‚ простой Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΠΈ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚ΠΎΠ² Π΄ΠΎ ΠΏΠΎΠ΄Ρ€ΠΎΠ±Π½Ρ‹Ρ… описаний Π²Π°ΡˆΠΈΡ… стилСй.
  • Zeroheight β€” руководства ΠΏΠΎ ΡΡ‚ΠΈΠ»ΡŽ, созданныС Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Π°ΠΌΠΈ, Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½Π½Ρ‹Π΅ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ°ΠΌΠΈ ΠΈ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΡƒΠ΅ΠΌΡ‹Π΅ всСми.

ΠœΡ‹ Ρ‚Π°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ΅ΠΌ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ Π² этот список Sketch, Figma ΠΈ Framer X (Framer X Team Store).

Π˜Π½ΡΡ‚Ρ€ΡƒΠΌΠ΅Π½Ρ‚Ρ‹ для создания сайтов

ΠŸΡ€ΠΎΠ²Π΅Ρ€ΡŒΡ‚Π΅ эту ΠΊΠΎΠ»Π»Π΅ΠΊΡ†ΠΈΡŽ инструмСнтов для создания Π²Π΅Π±-сайтов. Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π»Π΅Π³ΠΊΠΎ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ ΡΠΎΠ±ΡΡ‚Π²Π΅Π½Π½ΡƒΡŽ Ρ†Π΅Π»Π΅Π²ΡƒΡŽ страницу с нуля прямо Π² Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅:

  • Blocs For Mac β€” быстрый, простой Π² использовании ΠΈ ΠΌΠΎΡ‰Π½Ρ‹ΠΉ инструмСнт Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½ΠΎΠ³ΠΎ Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π°, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ позволяСт ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½Ρ‹Π΅ Π²Π΅Π±-сайты Π±Π΅Π· написания ΠΊΠΎΠ΄Π°.
  • Bootstrap Studio β€” ΠΌΠΎΡ‰Π½Ρ‹ΠΉ инструмСнт Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π° для создания Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½Ρ‹Ρ… Π²Π΅Π±-сайтов с использованиСм Ρ„Ρ€Π΅ΠΉΠΌΠ²ΠΎΡ€ΠΊΠ° Bootstrap.
  • Mobirise β€” ΠΎΡ„Π»Π°ΠΉΠ½ конструктор сайтов, основанный Π½Π° Bootstrap 3/4 ΠΈ Google AMP.
  • Pinegrow β€” ΠΏΡ€ΠΎΡ„Π΅ΡΡΠΈΠΎΠ½Π°Π»ΡŒΠ½Ρ‹ΠΉ Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½Ρ‹ΠΉ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ для CSS Grid, Bootstrap 4 ΠΈ 3, Foundation, Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½ΠΎΠ³ΠΎ Π΄ΠΈΠ·Π°ΠΉΠ½Π°, HTML ΠΈ CSS.
  • px.div β€” ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½Ρ‹ΠΉ инструмСнт создания сайтов для Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΎΠ² ΠΈ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ΠΎΠ²
  • Readymag β€” Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½ΠΎ приятный инструмСнт для проСктирования, ΠΎΡ‚ Ρ†Π΅Π»Π΅Π²Ρ‹Ρ… страниц Π΄ΠΎ ΠΏΡ€Π΅Π·Π΅Π½Ρ‚Π°Ρ†ΠΈΠΉ ΠΈ ΠΏΠΎΡ€Ρ‚Ρ„ΠΎΠ»ΠΈΠΎ.
  • STUDIO β€” ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΈΡ€ΡƒΠΉΡ‚Π΅ с нуля, сотрудничайтС Π² Ρ€Π΅Π°Π»ΡŒΠ½ΠΎΠΌ Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ ΠΈ ΠΏΡƒΠ±Π»ΠΈΠΊΡƒΠΉΡ‚Π΅ Π²Π΅Π±-сайты.
  • Sympli β€” доставляйтС Π΄ΠΈΠ·Π°ΠΉΠ½, Π°ΠΊΡ‚ΠΈΠ²Ρ‹ ΠΈ спСцификации нСпосрСдствСнно Π² ΠΏΡ€Π΅Π΄ΠΏΠΎΡ‡ΠΈΡ‚Π°Π΅ΠΌΡƒΡŽ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠ°ΠΌΠΈ срСду (Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, Xcode, Android Studio).
  • Tilda β€” бСсплатно создайтС Π²Π΅Π±-сайт, Ρ†Π΅Π»Π΅Π²ΡƒΡŽ страницу ΠΈΠ»ΠΈ ΠΎΠ½Π»Π°ΠΉΠ½-ΠΌΠ°Π³Π°Π·ΠΈΠ½ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΠΌΠΎΠ΄ΡƒΠ»Π΅ΠΉ Tilda ΠΈ ΠΎΠΏΡƒΠ±Π»ΠΈΠΊΡƒΠΉΡ‚Π΅ Π΅Π³ΠΎ Π² Ρ‚ΠΎΡ‚ ΠΆΠ΅ дСнь.
  • Webflow β€” создавайтС Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½Ρ‹Π΅ Π²Π΅Π±-сайты Π² своСм Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅, Π·Π°Ρ‚Π΅ΠΌ Ρ€Π°Π·ΠΌΠ΅Ρ‰Π°ΠΉΡ‚Π΅ ΠΈΡ… Ρƒ нас ΠΈΠ»ΠΈ экспортируйтС свой ΠΊΠΎΠ΄ для размСщСния Π² любом Π΄Ρ€ΡƒΠ³ΠΎΠΌ мСстС.

Π˜Π½ΡΡ‚Ρ€ΡƒΠΌΠ΅Π½Ρ‚Ρ‹ ΠΌΠΎΠ½ΠΈΡ‚ΠΎΡ€ΠΈΠ½Π³Π° ΠΎΠΏΡ‹Ρ‚Π°

АналитичСскиС инструмСнты ΠΌΠΎΠ³ΡƒΡ‚ ΠΏΠΎΠΌΠΎΡ‡ΡŒ Π²Π°ΠΌ ΠΏΡ€ΠΎΠ°Π½Π°Π»ΠΈΠ·ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Π΄Π°Π½Π½Ρ‹Π΅ ΠΈ ΠΈΠ·Π²Π»Π΅Ρ‡ΡŒ ΡΠΎΠΎΡ‚Π²Π΅Ρ‚ΡΡ‚Π²ΡƒΡŽΡ‰ΡƒΡŽ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΡŽ, ΠΊΠΎΡ‚ΠΎΡ€ΡƒΡŽ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ для ΡƒΠ»ΡƒΡ‡ΡˆΠ΅Π½ΠΈΡ Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚ΠΎΠ² ΠΈΠ»ΠΈ ΠΏΡ€ΠΎΠΈΠ·Π²ΠΎΠ΄ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΡΡ‚ΠΈ. ΠžΠ·Π½Π°ΠΊΠΎΠΌΡŒΡ‚Π΅ΡΡŒ с этим списком Π»ΡƒΡ‡ΡˆΠΈΡ… инструмСнтов для Π°Π½Π°Π»ΠΈΠ·Π° Π΄Π°Π½Π½Ρ‹Ρ…:

  • Amplitude β€” ΠΏΠΎΠ½ΠΈΠΌΠ°ΠΉΡ‚Π΅ своих ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΉ, быстро ΡƒΠ»ΡƒΡ‡ΡˆΠ°ΠΉΡ‚Π΅ качСство ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ†ΠΈΠΈ ΠΈ Ρ€Π°Π·Π²ΠΈΠ²Π°ΠΉΡ‚Π΅ свой бизнСс.
  • Fathom β€” прСдоставляСт ΠΏΡ€ΠΎΡΡ‚ΡƒΡŽ ΠΈ ΠΏΠΎΠ»Π΅Π·Π½ΡƒΡŽ статистику Π²Π΅Π±-сайтов Π±Π΅Π· отслСТивания ΠΈ хранСния Π»ΠΈΡ‡Π½Ρ‹Ρ… Π΄Π°Π½Π½Ρ‹Ρ… Π²Π°ΡˆΠΈΡ… ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΉ.
  • FullStory β€” ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ собираСт всС Π΄Π°Π½Π½Ρ‹Π΅ ΠΎ вашСм ΠΎΠΏΡ‹Ρ‚Π΅ Ρ€Π°Π±ΠΎΡ‚Ρ‹ с ΠΊΠ»ΠΈΠ΅Π½Ρ‚Π°ΠΌΠΈ Π½Π° ΠΎΠ΄Π½ΠΎΠΉ ΠΌΠΎΡ‰Π½ΠΎΠΉ ΠΈ простой Π² использовании ΠΏΠ»Π°Ρ‚Ρ„ΠΎΡ€ΠΌΠ΅.
  • Google Analytics β€”измСряйтС ΠΎΠΊΡƒΠΏΠ°Π΅ΠΌΠΎΡΡ‚ΡŒ инвСстиций Π² Ρ€Π΅ΠΊΠ»Π°ΠΌΡƒ, Π° Ρ‚Π°ΠΊΠΆΠ΅ отслСТивайтС свои Flash, Π²ΠΈΠ΄Π΅ΠΎ Ρ€ΠΎΠ»ΠΈΠΊΠΈ Π² прилоТСниях ΠΈ ΡΠΎΡ†ΠΈΠ°Π»ΡŒΠ½Ρ‹Ρ… сСтях.
  • Heap β€” автоматичСски фиксируСт ΠΊΠ°ΠΆΠ΄ΠΎΠ΅ взаимодСйствиС Π² Π˜Π½Ρ‚Π΅Ρ€Π΅Π½Π΅Ρ‚Π΅, Π½Π° ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Ρ… устройствах ΠΈ Π² ΠΎΠ±Π»Π°ΠΊΠ΅, Π° Π·Π°Ρ‚Π΅ΠΌ Π°Π½Π°Π»ΠΈΠ·ΠΈΡ€ΡƒΠ΅Ρ‚ ваши Π΄Π°Π½Π½Ρ‹Π΅ Π·Π°Π΄Π½ΠΈΠΌ числом Π±Π΅Π· написания ΠΊΠΎΠ΄Π°.
  • Hotjar β€” ΡƒΠ·Π½Π°ΠΉΡ‚Π΅, ΠΊΠ°ΠΊ посСтитСли Ρ€Π΅Π°Π»ΡŒΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ ваш сайт, собирайтС ΠΎΡ‚Π·Ρ‹Π²Ρ‹ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΉ ΠΈ ΠΏΡ€Π΅Π²Ρ€Π°Ρ‰Π°ΠΉΡ‚Π΅ большС посСтитСлСй Π² ΠΊΠ»ΠΈΠ΅Π½Ρ‚ΠΎΠ².
  • Inspectlet β€” записывайтС Π²ΠΈΠ΄Π΅ΠΎ своих посСтитСлСй, ΠΊΠΎΠ³Π΄Π° ΠΎΠ½ΠΈ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ ваш сайт, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π²Ρ‹ ΠΌΠΎΠ³Π»ΠΈ Π²ΠΈΠ΄Π΅Ρ‚ΡŒ всС, Ρ‡Ρ‚ΠΎ ΠΎΠ½ΠΈ Π΄Π΅Π»Π°ΡŽΡ‚.
  • Mixpanel β€” ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚Π΅ прСдставлСниС ΠΎΠ±ΠΎ всСх Π²Π°ΡˆΠΈΡ… ΠΎΡ€ΠΈΠ΅Π½Ρ‚ΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹Ρ… Π½Π° ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ Π΄Π°Π½Π½Ρ‹Ρ…, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΡ€ΠΈΠ½ΠΈΠΌΠ°Ρ‚ΡŒ Π±ΠΎΠ»Π΅Π΅ Π²Π·Π²Π΅ΡˆΠ΅Π½Π½Ρ‹Π΅ Ρ€Π΅ΡˆΠ΅Π½ΠΈΡ ΠΈ Π΄Π΅ΠΉΡΡ‚Π²ΠΎΠ²Π°Ρ‚ΡŒ быстрСС Π² зависимости ΠΎΡ‚ Ρ‚ΠΎΠ³ΠΎ, ΠΊΠ°ΠΊ ΠΊΠ»ΠΈΠ΅Π½Ρ‚Ρ‹ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ ваш ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚ ΠΈΠ»ΠΈ Π²Π΅Π±-сайт.
  • Pendo β€” измСряСт ΠΈ ΠΏΠΎΠ²Ρ‹ΡˆΠ°Π΅Ρ‚ качСство обслуТивания ΠΊΠ»ΠΈΠ΅Π½Ρ‚ΠΎΠ² Π² прилоТСниях.

Π˜Π½ΡΡ‚Ρ€ΡƒΠΌΠ΅Π½Ρ‚Ρ‹ для Ρ€Π°Π±ΠΎΡ‚Ρ‹ со ΡˆΡ€ΠΈΡ„Ρ‚Π°ΠΌΠΈ

Π¨Ρ€ΠΈΡ„Ρ‚Ρ‹ ΠΎΠ±Ρ‹Ρ‡Π½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ΡΡ для Ρ‚ΠΎΠ³ΠΎ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ Π˜Π½Ρ‚Π΅Ρ€Π½Π΅Ρ‚ красивСС. Π’ этом Ρ€Π°Π·Π΄Π΅Π»Π΅ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π½Π°ΠΉΡ‚ΠΈ бСсплатный Π³Π΅Π½Π΅Ρ€Π°Ρ‚ΠΎΡ€ ΡˆΡ€ΠΈΡ„Ρ‚ΠΎΠ² ΠΈ инструмСнты поиска ΡˆΡ€ΠΈΡ„Ρ‚ΠΎΠ², ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡŽΡ‚ Π²Π°ΠΌ ΡƒΠΏΡ€Π°Π²Π»ΡΡ‚ΡŒ ΡˆΡ€ΠΈΡ„Ρ‚Π°ΠΌΠΈ ΠΈ Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ с Π½ΠΈΠΌΠΈ.

  • Adobe Fonts β€” тысячи красивых ΡˆΡ€ΠΈΡ„Ρ‚ΠΎΠ².
  • Google Fonts β€” Π΄Π΅Π»Π°Π΅Ρ‚ ΠΈΠ½Ρ‚Π΅Ρ€Π½Π΅Ρ‚ красивСС, быстрСС ΠΈ ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚Π΅Π΅ благодаря Π²Π΅Π»ΠΈΠΊΠΎΠ»Π΅ΠΏΠ½ΠΎΠΉ Ρ‚ΠΈΠΏΠΎΠ³Ρ€Π°Ρ„ΠΈΠΊΠ΅.
  • Google Webfonts Helper β€” простой способ ΡΠ°ΠΌΠΎΡΡ‚ΠΎΡΡ‚Π΅Π»ΡŒΠ½ΠΎΠ³ΠΎ размСщСния Google Fonts.. Он бСсплатный ΠΈ с ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚Ρ‹ΠΌ исходным ΠΊΠΎΠ΄ΠΎΠΌ.
  • Fontbase β€” ΡƒΠΏΡ€Π°Π²Π»Π΅Π½ΠΈΠ΅ ΡˆΡ€ΠΈΡ„Ρ‚Π°ΠΌΠΈ стало ΠΏΡ€ΠΎΡ‰Π΅.
  • FontPair β€” простой инструмСнт, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΏΠΎΠΌΠΎΠΆΠ΅Ρ‚ Π²Π°ΠΌ ΡΠΎΠ΅Π΄ΠΈΠ½ΠΈΡ‚ΡŒ Google Fonts вмСстС.
  • Fontface Ninja β€” Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠ΅ для Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°, ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡŽΡ‰Π΅Π΅ ΡƒΠ·Π½Π°Ρ‚ΡŒ, ΠΊΠ°ΠΊΠΈΠ΅ ΡˆΡ€ΠΈΡ„Ρ‚Ρ‹ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ΡΡ Π½Π° любом Π²Π΅Π±-сайтС.
  • FontSpark β€” простой инструмСнт, ΠΏΠΎΠΌΠΎΠ³Π°ΡŽΡ‰ΠΈΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Π°ΠΌ быстро Π½Π°ΠΉΡ‚ΠΈ Π»ΡƒΡ‡ΡˆΠΈΠ΅ ΡˆΡ€ΠΈΡ„Ρ‚Ρ‹ для своих ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΎΠ².
  • RightFont β€” ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ для управлСния ΡˆΡ€ΠΈΡ„Ρ‚Π°ΠΌΠΈ, ΠΏΠΎΠΌΠΎΠ³Π°Π΅Ρ‚ ΠΏΡ€ΠΎΡΠΌΠ°Ρ‚Ρ€ΠΈΠ²Π°Ρ‚ΡŒ, ΡΠΈΠ½Ρ…Ρ€ΠΎΠ½ΠΈΠ·ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ, ΡƒΡΡ‚Π°Π½Π°Π²Π»ΠΈΠ²Π°Ρ‚ΡŒ ΠΈ ΡƒΠΏΠΎΡ€ΡΠ΄ΠΎΡ‡ΠΈΠ²Π°Ρ‚ΡŒ ΡˆΡ€ΠΈΡ„Ρ‚Ρ‹ Ρ‡Π΅Ρ€Π΅Π· iCloud, Dropbox, OneDrive ΠΈΠ»ΠΈ Google Drive.
  • Sans Forgetica β€” Π·Π°Π³Ρ€ΡƒΠΆΠ°Π΅ΠΌΡ‹ΠΉ ΡˆΡ€ΠΈΡ„Ρ‚, Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Π°Π½Π½Ρ‹ΠΉ с Π½Π°ΡƒΡ‡Π½ΠΎΠΉ Ρ‚ΠΎΡ‡ΠΊΠΈ зрСния, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΠΎΠΌΠΎΡ‡ΡŒ Π²Π°ΠΌ Π²ΡΠΏΠΎΠΌΠ½ΠΈΡ‚ΡŒ свои ΡƒΡ‡Π΅Π±Π½Ρ‹Π΅ Π·Π°ΠΌΠ΅Ρ‚ΠΊΠΈ.
  • Typeface β€” ΠΌΠ΅Π½Π΅Π΄ΠΆΠ΅Ρ€ ΡˆΡ€ΠΈΡ„Ρ‚ΠΎΠ², ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΡƒΠ»ΡƒΡ‡ΡˆΠ°Π΅Ρ‚ ваш Ρ€Π°Π±ΠΎΡ‡ΠΈΠΉ процСсс с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΠΏΡ€Π΅Π΄Π²Π°Ρ€ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΠ³ΠΎ просмотра ΡˆΡ€ΠΈΡ„Ρ‚ΠΎΠ² ΠΈ Π³ΠΈΠ±ΠΊΠΎΠΉ ΠΌΠ°Ρ€ΠΊΠΈΡ€ΠΎΠ²ΠΊΠΈ.
  • Webfont β€” создавайтС ΠΈ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°ΠΉΡ‚Π΅ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΈΠ΅ SVG-ΠΈΠΊΠΎΠ½ΠΊΠΈ ΡˆΡ€ΠΈΡ„Ρ‚ΠΎΠ², сдСлайтС ΠΎΠ±Ρ‰ΡƒΡŽ Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΡƒ ΠΈΠΊΠΎΠ½ΠΎΠΊ.

БСсплатныС ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹ для создания ΡΠΊΡ€ΠΈΠ½ΡˆΠΎΡ‚ΠΎΠ²

БСсплатныС ΠΈ ΠΏΠΎΠ»Π½ΠΎΡ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π»ΡŒΠ½Ρ‹Π΅ прилоТСния для создания ΡΠΊΡ€ΠΈΠ½ΡˆΠΎΡ‚ΠΎΠ². Π—Π΄Π΅ΡΡŒ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π½Π°ΠΉΡ‚ΠΈ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹, ΠΊΠ°ΠΊ для MacOS, Ρ‚Π°ΠΊ ΠΈ для Windows.

  • CloudApp β€” записывайтС Π²ΠΈΠ΄Π΅ΠΎ, ΠΊΠΎΠΌΠΌΠ΅Π½Ρ‚ΠΈΡ€ΡƒΠΉΡ‚Π΅ ΡΠΊΡ€ΠΈΠ½ΡˆΠΎΡ‚Ρ‹, создавайтС GIF-изобраТСния ΠΈ сохраняйтС ΠΈΡ… Π² ΠΎΠ±Π»Π°ΠΊΠ΅.
  • Giphy Capture β€” Π·Π°Ρ…Π²Π°Ρ‚Ρ‹Π²Π°Π΅Ρ‚ части экрана ΠΈ экспортируСт ΠΈΡ… Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ GIF ΠΈΠ»ΠΈ MP4.
  • Greenshot β€” сдСлайтС ΡΠΊΡ€ΠΈΠ½ΡˆΠΎΡ‚ Π²Ρ‹Π±Ρ€Π°Π½Π½ΠΎΠΉ области, ΠΎΠΊΠ½Π° ΠΈΠ»ΠΈ всСго экрана. ЭкспортируйтС Π΅Π³ΠΎ Ρ€Π°Π·Π½Ρ‹ΠΌΠΈ способами. БСсплатно для Windows.
  • Kap β€” Ρ€Π΅ΠΊΠΎΡ€Π΄Π΅Ρ€ экрана с ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚Ρ‹ΠΌ исходным ΠΊΠΎΠ΄ΠΎΠΌ с Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒΡŽ экспорта Π² GIF, MP4, WebM ΠΈ APNG.
  • Lighshot β€” ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ для быстрого Π·Π°Ρ…Π²Π°Ρ‚Π° экрана.
  • Monosnap β€” создавайтС ΡΠΊΡ€ΠΈΠ½ΡˆΠΎΡ‚Ρ‹, ΠΊΠΎΠΌΠΌΠ΅Π½Ρ‚ΠΈΡ€ΡƒΠΉΡ‚Π΅ ΠΈΡ… ΠΈ Π·Π°Π³Ρ€ΡƒΠΆΠ°ΠΉΡ‚Π΅ Π² ΠΎΠ±Π»Π°ΠΊΠΎ.
  • Quicktime β€” Π²ΠΈΠ΄Π΅ΠΎΠΏΠ»Π΅Π΅Ρ€, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ для записи экрана.
  • Screenie β€” инструмСнт для создания ΡΠΊΡ€ΠΈΠ½ΡˆΠΎΡ‚ΠΎΠ², ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ ΠΊΠ°ΠΊ ΠΌΠ΅Π½Π΅Π΄ΠΆΠ΅Ρ€ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ, Ρ‚Π°ΠΊ Ρ‡Ρ‚ΠΎ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Ρ„ΠΈΠ»ΡŒΡ‚Ρ€ΠΎΠ²Π°Ρ‚ΡŒ ΠΈ ΠΈΡΠΊΠ°Ρ‚ΡŒ ΠΏΠΎ изобраТСниям, ΠΈΠ·ΠΌΠ΅Π½ΡΡ‚ΡŒ Ρ‚ΠΈΠΏ Ρ„Π°ΠΉΠ»ΠΎΠ² ΡΠΊΡ€ΠΈΠ½ΡˆΠΎΡ‚ΠΎΠ².
  • ScreenToGif β€” инструмСнт с ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚Ρ‹ΠΌ исходным ΠΊΠΎΠ΄ΠΎΠΌ Π΄Π»Ρ записи GIF-Ρ„Π°ΠΉΠ»Π° части экрана. ΠšΡ€ΠΎΠΌΠ΅ Ρ‚ΠΎΠ³ΠΎ, это Ρ…ΠΎΡ€ΠΎΡˆΠΈΠΉ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€. ДоступСн Ρ‚ΠΎΠ»ΡŒΠΊΠΎ для Windows.
  • Snappy β€” инструмСнт, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π΄Π΅Π»Π°Π΅Ρ‚ быстрыС снимки ΠΈ ΠΎΡ€Π³Π°Π½ΠΈΠ·ΡƒΠ΅Ρ‚ ΠΈΡ… для вас Π² ΠΊΠΎΠ»Π»Π΅ΠΊΡ†ΠΈΠΈ.
  • Teampaper Snap β€” соврСмСнноС ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ для создания ΡΠΊΡ€ΠΈΠ½ΡˆΠΎΡ‚ΠΎΠ², ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ позволяСт Π΄Π΅Π»Π°Ρ‚ΡŒ ΡΠΊΡ€ΠΈΠ½ΡˆΠΎΡ‚Ρ‹ Π²Ρ‹Π±Ρ€Π°Π½Π½ΠΎΠΉ области.
  • Paparazzi – малСнькая ΡƒΡ‚ΠΈΠ»ΠΈΡ‚Π° macOS для создания ΡΠΊΡ€ΠΈΠ½ΡˆΠΎΡ‚ΠΎΠ² Π²Π΅Π±-сайтов

Π˜Π½ΡΡ‚Ρ€ΡƒΠΌΠ΅Π½Ρ‚Ρ‹ для создания ΠΈΠΊΠΎΠ½ΠΎΠΊ

Π’ этом Ρ€Π°Π·Π΄Π΅Π»Π΅ прСдставлСны тысячи Π²Π΅ΠΊΡ‚ΠΎΡ€Π½Ρ‹Ρ… ΠΈΠΊΠΎΠ½ΠΎΠΊ для всСго. ВсС ΠΈΠΊΠΎΠ½ΠΊΠΈ доступны Π² SVG, Ρ‚Π°ΠΊ Ρ‡Ρ‚ΠΎ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π»Π΅Π³ΠΊΠΎ Π½Π°ΡΡ‚Ρ€ΠΎΠΈΡ‚ΡŒ ΠΈΡ… ΠΈ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ для Π»ΠΈΡ‡Π½ΠΎΠ³ΠΎ, ΠΈ коммСрчСского использования:

  • Iconfinder β€” торговая ΠΏΠ»ΠΎΡ‰Π°Π΄ΠΊΠ° для Π²Π΅ΠΊΡ‚ΠΎΡ€Π½Ρ‹Ρ… ΠΈΠΊΠΎΠ½ΠΎΠΊ (SVG). Наборы ΠΈΠΊΠΎΠ½ΠΎΠΊ доступны Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ IconJar.
  • IconJar β€” Ρ…Ρ€Π°Π½ΠΈΡ‚Π΅ всС ваши ΠΈΠΊΠΎΠ½ΠΊΠΈ Π² ΠΎΠ΄Π½ΠΎΠΌ ΠΌΠ΅Π½Π΅Π΄ΠΆΠ΅Ρ€Π΅.
  • Font Awesome β€” самый популярный Π²Π΅Π±-Π½Π°Π±ΠΎΡ€ ΠΈΠΊΠΎΠ½ΠΎΠΊ ΠΈ инструмСнтов с ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚Ρ‹ΠΌ исходным ΠΊΠΎΠ΄ΠΎΠΌ.
  • Fontello β€” инструмСнт для создания ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΈΡ… ΡˆΡ€ΠΈΡ„Ρ‚ΠΎΠ² с ΠΈΠΊΠΎΠ½ΠΊΠ°ΠΌΠΈ, Ρ‚Π°ΠΊΠΆΠ΅ с ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚Ρ‹ΠΌ исходным ΠΊΠΎΠ΄ΠΎΠΌ.
  • Noun Project β€” ΠΈΠΊΠΎΠ½ΠΊΠΈ Π½Π° всС случаи.
  • Nucleo β€” ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ для Mac ΠΈ Windows для сбора, настройки ΠΈ экспорта всСх Π²Π°ΡˆΠΈΡ… ΠΈΠΊΠΎΠ½ΠΎΠΊ.
  • Svgsus β€” инструмСнт управлСния SVG-ΠΈΠΊΠΎΠ½ΠΊΠ°ΠΌΠΈ.

Π˜Π»Π»ΡŽΡΡ‚Ρ€Π°Ρ†ΠΈΠΈ

ΠŸΠΎΡΡ‚ΠΎΡΠ½Π½ΠΎ обновляСмая коллСкция красивых ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ SVG, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΡΠΎΠ²Π΅Ρ€ΡˆΠ΅Π½Π½ΠΎ бСсплатно ΠΈ Π±Π΅Π· указания авторства:

  • unDraw β€” коллСкция красивых SV- ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ.

Π˜Π½ΡΡ‚Ρ€ΡƒΠΌΠ΅Π½Ρ‚Ρ‹ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΎΠ½Π½ΠΎΠΉ Π°Ρ€Ρ…ΠΈΡ‚Π΅ΠΊΡ‚ΡƒΡ€Ρ‹

ΠŸΠΎΡ‚Ρ€ΡΡΠ°ΡŽΡ‰ΠΈΠ΅ инструмСнты ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΎΠ½Π½ΠΎΠΉ Π°Ρ€Ρ…ΠΈΡ‚Π΅ΠΊΡ‚ΡƒΡ€Ρ‹ для создания Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½Ρ‹Ρ… ΠΊΠ°Ρ€Ρ‚ сайта, Π° Ρ‚Π°ΠΊΠΆΠ΅ ΡƒΠ»ΡƒΡ‡ΡˆΠ΅Π½ΠΈΡ ΡŽΠ·Π°Π±ΠΈΠ»ΠΈΡ‚ΠΈ ΠΈ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΎΠ½Π½ΠΎΠΉ Π°Ρ€Ρ…ΠΈΡ‚Π΅ΠΊΡ‚ΡƒΡ€Ρ‹ вашСго сайта:

  • OptimalSort β€” инструмСнт для сортировки ΠΊΠ°Ρ€Ρ‚ΠΎΡ‡Π΅ΠΊ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ позволяСт ΠΏΠΎΠ½ΡΡ‚ΡŒ, ΠΊΠ°ΠΊ люди ΠΊΠ»Π°ΡΡΠΈΡ„ΠΈΡ†ΠΈΡ€ΡƒΡŽΡ‚ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚ Π² вашСм интСрфСйсС.
  • Treejack β€” Π·Π°Π³Ρ€ΡƒΠ·ΠΈΡ‚Π΅ ΠΏΡ€Π΅Π΄Π»ΠΎΠΆΠ΅Π½Π½ΡƒΡŽ ΠΊΠ°Ρ€Ρ‚Ρƒ сайта, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡƒΠ²ΠΈΠ΄Π΅Ρ‚ΡŒ, ΠΊΠ°ΠΊ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒ Π±ΡƒΠ΄Π΅Ρ‚ ΠΏΠ΅Ρ€Π΅ΠΌΠ΅Ρ‰Π°Ρ‚ΡŒΡΡ ΠΏΠΎ Π²Π°ΡˆΠ΅ΠΌΡƒ сайту.

Π”ΠΈΠ·Π°ΠΉΠ½ Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏΠΎΠ²

Π‘ΠΎΠ·Π΄Π°ΠΉΡ‚Π΅ Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏ своСй ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠΈ Π² Π˜Π½Ρ‚Π΅Ρ€Π½Π΅Ρ‚Π΅ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ этих простых Π² использовании инструмСнтов:

  • Logo Lab β€” протСстируйтС свой Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Π°Π²Ρ‚ΠΎΠΌΠ°Ρ‚ΠΈΠ·ΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹Ρ… Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½Ρ‹Ρ… экспСримСнтов.
  • Logo Package Express β€” автоматичСски экспортируСт ΠΈ ΡƒΠΏΠ°ΠΊΠΎΠ²Ρ‹Π²Π°Π΅Ρ‚ дСсятки Π²Π°Ρ€ΠΈΠ°Π½Ρ‚ΠΎΠ² Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏΠΎΠ² ΠΈ Ρ‚ΠΈΠΏΠΎΠ² Ρ„Π°ΠΉΠ»ΠΎΠ² для Π²Π°ΡˆΠΈΡ… ΠΊΠ»ΠΈΠ΅Π½Ρ‚ΠΎΠ² ΠΌΠ΅Π½Π΅Π΅, Ρ‡Π΅ΠΌ Π·Π° 5 ΠΌΠΈΠ½ΡƒΡ‚.

Π˜Π½ΡΡ‚Ρ€ΡƒΠΌΠ΅Π½Ρ‚Ρ‹ для создания Π²Π°ΠΉΡ„Ρ€Π΅ΠΉΠΌΠΎΠ²

Π˜Π½ΡΡ‚Ρ€ΡƒΠΌΠ΅Π½Ρ‚Ρ‹ ΠΈΠ· Π΄Π°Π½Π½ΠΎΠ³ΠΎ Ρ€Π°Π·Π΄Π΅Π»Π° ΠΏΠΎΠΌΠΎΠ³ΡƒΡ‚ Π²Π°ΠΌ ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ ΠΈ совмСстно Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ Π½Π°Π΄ Π²Π°ΠΉΡ€Ρ„Ρ€Π΅ΠΌΠ°ΠΌΠΈ, ΠΌΠ°ΠΊΠ΅Ρ‚Π°ΠΌΠΈ, Π΄ΠΈΠ°Π³Ρ€Π°ΠΌΠΌΠ°ΠΌΠΈ ΠΈ ΠΏΡ€ΠΎΡ‚ΠΎΡ‚ΠΈΠΏΠ°ΠΌΠΈ.

  • Cleanmock β€” создавайтС ΠΏΠΎΡ‚Ρ€ΡΡΠ°ΡŽΡ‰ΠΈΠ΅ ΠΌΠ°ΠΊΠ΅Ρ‚Ρ‹, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡ новСйшиС Ρ„Ρ€Π΅ΠΉΠΌΡ‹ устройств, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, iPhone ΠΈ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΈΠ΅ Ρ„ΠΎΠ½Ρ‹.
  • Rotato β€” Π°Π½ΠΈΠΌΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹Π΅ 3D-ΠΌΠ°ΠΊΠ΅Ρ‚Ρ‹ для

ux.pub

Π˜Π½ΡΡ‚Ρ€ΡƒΠΌΠ΅Π½Ρ‚Ρ‹ для Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π° β€” ΠΎΠ±Π·ΠΎΡ€ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌ ΠΈ инструмСнтов для Π΄ΠΈΠ·Π°ΠΉΠ½Π° сайтов

Π‘ ΠΊΠ°ΠΆΠ΄Ρ‹ΠΌ Π΄Π½Π΅ΠΌ появляСтся всС большС ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌ ΠΈ ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ для создания Π΄ΠΈΠ·Π°ΠΉΠ½Π° сайтов. Π’ этой ΡΡ‚Π°Ρ‚ΡŒΠ΅ ΠΌΡ‹ расскаТСм ΠΏΡ€ΠΎ Π±Π°Π·ΠΎΠ²Ρ‹Π΅ инструмСнты, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΌΠΎΠΆΠ΅Ρ‚ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ Π² своСй Ρ€Π°Π±ΠΎΡ‚Π΅, расскаТСм ΠΎΠ± основных прСимущСствах ΠΈ нСдостатках ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌ ΠΈ ΠΏΠΎΠΊΠ°ΠΆΠ΅ΠΌ, ΠΊΠ°ΠΊ Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ инструмСнт для Π»ΡƒΡ‡ΡˆΠ΅ΠΉ Ρ€Π°Π±ΠΎΡ‚Ρ‹.

Π‘Π°Π·ΠΎΠ²Ρ‹Π΅ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹

ΠžΠ±Ρ‹Ρ‡Π½ΠΎ Π΄ΠΈΠ·Π°ΠΉΠ½ сайтов дСлаСтся Π² спСциализированных ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ°Ρ… (Ссли Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ Π½Π΅ ΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ конструктором сайтов). Рассмотрим основныС прилоТСния для Π΄ΠΈΠ·Π°ΠΉΠ½Π°, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ популярны Ρƒ Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ΠΎΠ².

БСмСйство Adobe

НСсмотря Π½Π° Ρ€Π°ΡΡ‚ΡƒΡ‰ΡƒΡŽ ΠΏΠΎΠΏΡƒΠ»ΡΡ€Π½ΠΎΡΡ‚ΡŒ, Π±ΠΎΠ»Π΅Π΅ Π»Π΅Π³ΠΊΠΈΡ… для освоСния ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌ, ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚Ρ‹ Adobe Π΄ΠΎ сих ΠΏΠΎΡ€ Π·Π°Π½ΠΈΠΌΠ°ΡŽΡ‚ Π»ΠΈΠ΄ΠΈΡ€ΡƒΡŽΡ‰ΡƒΡŽ ΠΏΠΎΠ·ΠΈΡ†ΠΈΡŽ Π½Π° Ρ€Ρ‹Π½ΠΊΠ΅.

Adobe Photoshop β€” Π±Π°Π·ΠΎΠ²ΠΎΠ΅ ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ ΠΏΡ€Π΅Π΄Π½Π°Π·Π½Π°Ρ‡Π΅Π½ΠΎ ΠΊΠ°ΠΊ для ΠΎΠ±Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ, Ρ‚Π°ΠΊ ΠΈ для создания Π΄ΠΈΠ·Π°ΠΉΠ½Π° Π² Ρ†Π΅Π»ΠΎΠΌ. Π’Π°ΠΊ ΠΊΠ°ΠΊ Photoshop Π΄ΠΎ сих ΠΏΠΎΡ€ являСтся самым популярным ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚ΠΎΠΌ срСди Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ΠΎΠ², Π²Π΅Ρ€ΡΡ‚Π°Π»ΡŒΡ‰ΠΈΠΊΠΎΠ² ΠΈ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΎΠ² (Π² основном ΠΎΡ‚ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ΠΎΠ² трСбуСтся ΠΏΡ€Π΅Π΄ΠΎΡΡ‚Π°Π²ΠΈΡ‚ΡŒ ΠΌΠ°ΠΊΠ΅Ρ‚ Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ .psd), Π²Π»Π°Π΄Π΅Π½ΠΈΠ΅ этим инструмСнтом Π²Π°ΠΆΠ½ΠΎ для ΠΏΠΎΠ»Π½ΠΎΡ†Π΅Π½Π½ΠΎΠΉ Ρ€Π°Π±ΠΎΡ‚Ρ‹ Π½Π°Π΄ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΎΠΌ.

Из нСдостатков ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹ Π²Ρ‹Π΄Π΅Π»ΡΡŽΡ‚ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠ΅:

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

Adobe Experience Design (Adobe XD) β€” ΠΎΡ‚Π½ΠΎΡΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ новая ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ° Π»ΠΈΠ½Π΅ΠΉΠΊΠΈ Adobe, ΡΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½ΠΎ прСдназначСнная для проСктирования интСрфСйсов. ΠŸΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅Ρ‚ Π²Π΅ΠΊΡ‚ΠΎΡ€Π½ΡƒΡŽ Π³Ρ€Π°Ρ„ΠΈΠΊΡƒ ΠΈ вСрстку, Π΅ΡΡ‚ΡŒ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ с сСтками, стандартными Π±Π»ΠΎΠΊΠ°ΠΌΠΈ ΠΈ Ρ‚ΠΈΠΏΠΎΠ³Ρ€Π°Ρ„ΠΈΠΊΠΎΠΉ.

ΠšΡ€ΠΎΠΌΠ΅ Adobe Photoshop ΠΈ Adobe XD Ρƒ ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠΈ Π΅ΡΡ‚ΡŒ Π΅Ρ‰Π΅ нСсколько ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚ΠΎΠ², ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ΡΡ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Π°ΠΌΠΈ:

  1. Adobe Illustrator β€” ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ° для создания Π²Π΅ΠΊΡ‚ΠΎΡ€Π½Ρ‹Ρ… ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏΠΎΠ², ΠΈΠ»Π»ΡŽΡΡ‚Ρ€Π°Ρ†ΠΈΠΉ ΠΈ Ρ‚Π°ΠΊ Π΄Π°Π»Π΅Π΅.
  2. Adobe After Effects β€” ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ для создания Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΠΈ. Π’ основном ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ для дСмонстрации Π΄ΠΈΠ·Π°ΠΉΠ½Π° ΠΈΠ»ΠΈ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ Π°Π½ΠΈΠΌΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹Ρ… элСмСнтов.
  3. Adobe InDesign β€” ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ для вСрстки ΠΊΠ°ΠΊ ΠΏΠΎΠ»ΠΈΠ³Ρ€Π°Ρ„ΠΈΠΈ, Ρ‚Π°ΠΊ ΠΈ ΠΈΠ½Ρ‚Π΅Ρ€Π½Π΅Ρ‚ страниц.

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

Sketch

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

Π’ основном Sketch рассчитан Π½Π° созданиС сайтов Π±Π»ΠΎΡ‡Π½ΠΎΠΉ структуры β€” Π² ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ΅ ΠΌΠΎΠΆΠ½ΠΎ ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ Π±Π»ΠΎΠΊΠΈ, ΠΊΠ½ΠΎΠΏΠΊΠΈ, Ρ„ΠΎΡ€ΠΌΡ‹ ΠΈ ΠΏΡ€ΠΎΡ‡Π΅Π΅ ΠΎΠ΄Π½ΠΈΠΌ Π΄Π²ΠΈΠΆΠ΅Π½ΠΈΠ΅ΠΌ ΠΌΡ‹ΡˆΠΈ. Π•ΡΡ‚ΡŒ возмоТности для Π³Π»ΡƒΠ±ΠΎΠΊΠΎΠΉ Ρ€Π°Π±ΠΎΡ‚Ρ‹ с Ρ‚ΠΈΠΏΠΎΠ³Ρ€Π°Ρ„ΠΈΠΊΠΎΠΉ, ΠΌΠΎΠ΄ΡƒΠ»ΡŒΠ½Ρ‹ΠΌΠΈ сСтками. Π“Π»Π°Π²Π½Ρ‹ΠΉ нСдостаток ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹ β€” ограничСнная ΡΠΎΠ²ΠΌΠ΅ΡΡ‚ΠΈΠΌΠΎΡΡ‚ΡŒ с ОБ. Sketch Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Π°Π½ ΡΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½ΠΎ для Mac OS ΠΈ Π½Π΅ ΠΈΠΌΠ΅Π΅Ρ‚ Π°Π½Π°Π»ΠΎΠ³Π° для Windows.

Figma

Π•Ρ‰Π΅ ΠΎΠ΄Π½Π° ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ° Π½Π° Ρ€Ρ‹Π½ΠΊΠ΅, которая являСтся Π³Π»Π°Π²Π½Ρ‹ΠΌ ΠΊΠΎΠ½ΠΊΡƒΡ€Π΅Π½Ρ‚ΠΎΠΌ Sketch β€” графичСский Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ Figma. Π”Π°Π½Π½ΠΎΠ΅ ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ ΠΊΠ°ΠΊ Π½Π° Windows, Ρ‚Π°ΠΊ ΠΈ Π½Π° Mac OS, поэтому быстро стало популярным срСди Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ΠΎΠ². Одно ΠΈΠ· Π³Π»Π°Π²Π½Ρ‹Ρ… прСимущСств ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹ β€” Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ Π½Π°ΠΏΡ€ΡΠΌΡƒΡŽ Ρ‡Π΅Ρ€Π΅Π· Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ ΠΈ ΡΠΎΡ…Ρ€Π°Π½ΡΡ‚ΡŒ Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚Ρ‹ своСй Ρ€Π°Π±ΠΎΡ‚Ρ‹ Π² ΠΎΠ±Π»Π°ΠΊΠ΅.

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

Π­Ρ‚ΠΎ Ρ‚Ρ€ΠΈ основныС ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ΡΡ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Π°ΠΌΠΈ ΠΏΡ€ΠΈ создании ΠΌΠ°ΠΊΠ΅Ρ‚ΠΎΠ². Выбирая ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ для Ρ€Π°Π±ΠΎΡ‚Ρ‹, Π½ΡƒΠΆΠ½ΠΎ ΡƒΡ‡ΠΈΡ‚Ρ‹Π²Π°Ρ‚ΡŒ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠ΅ Π½ΡŽΠ°Π½ΡΡ‹:

  • спСцифика Π΄ΠΈΠ·Π°ΠΉΠ½Π°. Π’ основном соврСмСнныС сайты ΠΈΠΌΠ΅ΡŽΡ‚ Π±Π»ΠΎΡ‡Π½ΡƒΡŽ структуру, ΠΊΠΎΡ‚ΠΎΡ€ΡƒΡŽ ΡƒΠ΄ΠΎΠ±Π½Π΅Π΅ Ρ€Π΅Π°Π»ΠΈΠ·ΠΎΠ²Ρ‹Π²Π°Ρ‚ΡŒ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ простых элСмСнтов. Π’ Ρ‚Π°ΠΊΠΎΠΌ случаС Sketch ΠΈ Figma ΠΏΠΎΠ΄Ρ…ΠΎΠ΄ΠΈΡ‚ Π±ΠΎΠ»ΡŒΡˆΠΈΠ½ΡΡ‚Π²Ρƒ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ΠΎΠ². Однако Ссли ΠΌΠ°ΠΊΠ΅Ρ‚ Π²ΠΊΠ»ΡŽΡ‡Π°Π΅Ρ‚ Π² сСбя ΡΠ»ΠΎΠΆΠ½ΡƒΡŽ ΠΎΠ±Ρ€Π°Π±ΠΎΡ‚ΠΊΡƒ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ, Π±Π΅Π· Photoshop Π½Π΅ ΠΎΠ±ΠΎΠΉΡ‚ΠΈΡΡŒ;
  • тСхничСскиС возмоТности Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΎΠ². Часто Π²Π΅Ρ€ΡΡ‚Π°Π»ΡŒΡ‰ΠΈΠΊΠΈ Ρ€Π°Π±ΠΎΡ‚Π°ΡŽΡ‚ с Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ΠΎΠΌ .psd ΠΈ Π½Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ Π΄Ρ€ΡƒΠ³ΠΈΠ΅ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹ ΠΊΡ€ΠΎΠΌΠ΅ Π»ΠΈΠ½Π΅ΠΉΠΊΠΈ Adobe. Π’ этом случаС Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Π°ΠΌ приходится ΠΏΠΎΠ΄ΡΡ‚Ρ€Π°ΠΈΠ²Π°Ρ‚ΡŒΡΡ ΠΏΠΎΠ΄ Π΄Ρ€ΡƒΠ³ΠΈΡ… спСциалистов ΠΈ Π²Ρ‹Π±ΠΈΡ€Π°Ρ‚ΡŒ Π½ΡƒΠΆΠ½ΠΎΠ΅ ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅, исходя ΠΈΠ· возмоТностСй Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΎΠ²;
  • удобство пользования. Π‘Π»ΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ интСрфСйса β€” ΠΎΠ΄Π½Π° ΠΈΠ· особСнностСй Ρ€Π°Π±ΠΎΡ‚Ρ‹ с Π»ΠΈΠ½Π΅ΠΉΠΊΠΎΠΉ ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚ΠΎΠ² Adobe. Π’Π°ΠΊ ΠΊΠ°ΠΊ инструмСнты Π½Π΅ ΠΏΡ€Π΅Π΄Π½Π°Π·Π½Π°Ρ‡Π΅Π½Ρ‹ Π½Π°ΠΏΡ€ΡΠΌΡƒΡŽ для проСктирования интСрфСйсов, Ρƒ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ΠΎΠ² Π²ΠΎΠ·Π½ΠΈΠΊΠ°ΡŽΡ‚ слоТности ΠΏΡ€ΠΈ создании ΠΌΠ°ΠΊΠ΅Ρ‚ΠΎΠ², Π² ΠΎΡ‚Π»ΠΈΡ‡ΠΈΠ΅ ΠΎΡ‚ спСциализированных ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌ Sketch ΠΈΠ»ΠΈ Figma.

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

Π“Ρ€Π°Ρ„ΠΈΠΊΠ°

ΠšΠ°ΠΆΠ΄Ρ‹ΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ ΠΏΡ€ΠΈ создании ΠΌΠ°ΠΊΠ΅Ρ‚ΠΎΠ² ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ Π½Π΅ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ стандартныС Π±Π»ΠΎΠΊΠΈ ΠΈ Ρ‚ΠΈΠΏΠΎΠ³Ρ€Π°Ρ„ΠΈΠΊΡƒ, Π½ΠΎ ΠΈ Ρ€Π°Π·Π»ΠΈΡ‡Π½ΡƒΡŽ Π³Ρ€Π°Ρ„ΠΈΠΊΡƒ: ΠΈΠ»Π»ΡŽΡΡ‚Ρ€Π°Ρ†ΠΈΠΈ, Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΈ, ΠΈΠΊΠΎΠ½ΠΊΠΈ ΠΈ Π΄Ρ€ΡƒΠ³ΠΈΠ΅ изобраТСния. Π•ΡΡ‚ΡŒ нСсколько способов ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ Π³Ρ€Π°Ρ„ΠΈΠΊΡƒ для Π΄ΠΈΠ·Π°ΠΉΠ½Π° ΠΈ ΠΎΠ΄ΠΈΠ½ ΠΈΠ· Π½ΠΈΡ… β€” ΠΊΡƒΠΏΠΈΡ‚ΡŒ ΠΈΠ»ΠΈ ΡΠΊΠ°Ρ‡Π°Ρ‚ΡŒ бСсплатно изобраТСния со спСциализированных рСсурсов. Рассмотрим Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΈΠ· Π½ΠΈΡ….

ΠŸΠ»Π°Ρ‚Π½Ρ‹Π΅ стоки

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

ΠŸΡ€Π΅ΠΈΠΌΡƒΡ‰Π΅ΡΡ‚Π²Π° Ρ‚Π°ΠΊΠΈΡ… рСсурсов β€” Π½Π°Π»ΠΈΡ‡ΠΈΠ΅ Π»ΠΈΡ†Π΅Π½Π·ΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹Ρ… ΠΈ качСствСнных ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ для Π΄ΠΈΠ·Π°ΠΉΠ½Π°. На бСсплатных стоках, ΠΊΠ°ΠΊ ΠΏΡ€Π°Π²ΠΈΠ»ΠΎ, качСство ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΎΠΊ Ρ…ΡƒΠΆΠ΅, Ρ‚Π°ΠΊΠΆΠ΅ ΠΈΡ… часто ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ Π½Π° Π΄Ρ€ΡƒΠ³ΠΈΡ… сайтах. ΠœΡ‹ ΠΏΡ€ΠΎΠ²ΠΎΠ΄ΠΈΠ»ΠΈ экспСримСнт Π² нашСм Π±Π»ΠΎΠ³Π΅ ΠΈ Π°Π½Π°Π»ΠΈΠ·ΠΈΡ€ΠΎΠ²Π°Π»ΠΈ, ΠΊΠ°ΠΊ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ со стока Π² Π΄ΠΈΠ·Π°ΠΉΠ½Π΅ Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Ρ… сайтов. Π Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚Ρ‹ экспСримСнта ΠΌΠΎΠΆΠ½ΠΎ ΠΏΠΎΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ Π² этой ΡΡ‚Π°Ρ‚ΡŒΠ΅.

БСсплатныС стоки

Однако, бСсплатныС стоки β€” ΠΎΡ‚Π»ΠΈΡ‡Π½Ρ‹ΠΉ инструмСнт для Ρ‚Π΅Ρ…, Ρƒ ΠΊΠΎΠ³ΠΎ Π½Π΅Ρ‚ большого Π±ΡŽΠ΄ΠΆΠ΅Ρ‚Π° Π½Π° Π΄ΠΈΠ·Π°ΠΉΠ½ ΠΈ Π½Π΅Ρ‚ ΡΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½Ρ‹Ρ… Ρ‚Ρ€Π΅Π±ΠΎΠ²Π°Π½ΠΈΠΉ ΠΊ ΠΌΠ°ΠΊΠ΅Ρ‚Ρƒ.

1. Pixabay

БСрвис Pixabay β€” сайт, Π½Π° ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΌ прСдставлСны бСсплатныС изобраТСния достаточно Ρ…ΠΎΡ€ΠΎΡˆΠ΅Π³ΠΎ качСства.

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

2. Unsplash

БСсплатный рСсурс с атмосфСрными фотографиями, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Ρ‚Π°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ бСсплатно.

ΠšΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ Ρ€Π°Π·Π±ΠΈΡ‚Ρ‹ ΠΏΠΎ катСгориям, ΠΌΠΎΠΆΠ½ΠΎ ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ собствСнныС ΠΊΠΎΠ»Π»Π΅ΠΊΡ†ΠΈΠΈ ΠΈ Π·Π°Π³Ρ€ΡƒΠΆΠ°Ρ‚ΡŒ Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΈ ΡΠ°ΠΌΠΎΡΡ‚ΠΎΡΡ‚Π΅Π»ΡŒΠ½ΠΎ.

3. Freepik

РСсурс с мноТСством Π²Π΅ΠΊΡ‚ΠΎΡ€Π½Ρ‹Ρ… ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ. Π’ основном Π½Π° сСрвисС прСдставлСны Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Π΅ ΠΈΠΊΠΎΠ½ΠΊΠΈ, ΠΈΠ»Π»ΡŽΡΡ‚Ρ€Π°Ρ†ΠΈΠΈ, Π΅ΡΡ‚ΡŒ ΡˆΠ°Π±Π»ΠΎΠ½Ρ‹ для Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏΠΎΠ².

Π§Ρ‚ΠΎΠ±Ρ‹ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ бСсплатныС изобраТСния ΠΈ ΠΏΡ€ΠΈ этом ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ ΡƒΠ½ΠΈΠΊΠ°Π»ΡŒΠ½Ρ‹ΠΉ ΠΈ интСрСсный сайт, Π½ΡƒΠΆΠ½ΠΎ ΡƒΡ‡ΠΈΡ‚Ρ‹Π²Π°Ρ‚ΡŒ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰Π΅Π΅:

  • Π»ΡƒΡ‡ΡˆΠ΅ Π½Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ изобраТСния Π² ΠΏΠ΅Ρ€Π²ΠΎΠ½Π°Ρ‡Π°Π»ΡŒΠ½ΠΎΠΌ Π²ΠΈΠ΄Π΅. НапримСр, ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ Ρ‚ΠΎΠ½ ΠΈ Π½Π°ΡΡ‹Ρ‰Π΅Π½Π½ΠΎΡΡ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Ρ„ΠΈΠ»ΡŒΡ‚Ρ€ΠΎΠ², Π²Π·ΡΡ‚ΡŒ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Ρ‡Π°ΡΡ‚ΡŒ изобраТСния ΠΈ Ρ‚Π°ΠΊ Π΄Π°Π»Π΅Π΅;
  • ΡΠ»Π΅Π΄ΠΈΡ‚ΡŒ Π·Π° качСством изобраТСния. На бСсплатных стоках ΠΌΠΎΠΆΠ½ΠΎ Π½Π°ΠΉΡ‚ΠΈ ΠΊΠ°ΠΊ качСствСнныС ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ с Π³Π°Ρ€ΠΌΠΎΠ½ΠΈΡ‡Π½ΠΎΠΉ ΠΊΠΎΠΌΠΏΠΎΠ·ΠΈΡ†ΠΈΠ΅ΠΉ ΠΈ Ρ…ΠΎΡ€ΠΎΡˆΠΈΠΌ Ρ€Π°Π·Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅ΠΌ, Ρ‚Π°ΠΊ ΠΈ Π½Π΅ΠΏΡ€ΠΎΡ„Π΅ΡΡΠΈΠΎΠ½Π°Π»ΡŒΠ½Ρ‹Π΅ Ρ„ΠΎΡ‚ΠΎ с Ρ€Π°Π·ΠΌΡ‹Ρ‚Ρ‹ΠΌ фокусом;
  • Π½Π°Ρ…ΠΎΠ΄ΠΈΡ‚ΡŒ интСрСсныС ΡΡŽΠΆΠ΅Ρ‚Ρ‹. Часто Π½Π° стоках ΠΌΠΎΠΆΠ½ΠΎ Π²ΡΡ‚Ρ€Π΅Ρ‚ΠΈΡ‚ΡŒ изобраТСния нССстСствСнно ΡƒΠ»Ρ‹Π±Π°ΡŽΡ‰ΠΈΡ…ΡΡ людСй, ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ с рукопоТатиями ΠΈ ΠΏΡ€ΠΎΡ‡ΠΈΠ΅ Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΈ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π½Π°ΡΡ‚ΠΎΠ»ΡŒΠΊΠΎ часто Π²ΡΡ‚Ρ€Π΅Ρ‡Π°ΡŽΡ‚ΡΡ, Ρ‡Ρ‚ΠΎ Π²Ρ‹Π·Ρ‹Π²Π°ΡŽΡ‚ Ρƒ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΉ ΠΎΡ‚Ρ‚ΠΎΡ€ΠΆΠ΅Π½ΠΈΠ΅. Π›ΡƒΡ‡ΡˆΠ΅ ΠΈΡΠΊΠ°Ρ‚ΡŒ интСрСсныС ΠΈ Π½Π΅ΠΎΠ±Ρ‹Ρ‡Π½Ρ‹Π΅ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΌΠΎΠ³ΡƒΡ‚ Π·Π°ΠΏΠΎΠΌΠ½ΠΈΡ‚ΡŒΡΡ посСтитСлям сайта ΠΈ Π³Π°Ρ€ΠΌΠΎΠ½ΠΈΡ‡Π½ΠΎ дополнят ΠΌΠ°ΠΊΠ΅Ρ‚.

ΠšΠΎΠ½Π΅Ρ‡Π½ΠΎ, самый Π»ΡƒΡ‡ΡˆΠΈΠΉ Π²Π°Ρ€ΠΈΠ°Π½Ρ‚ для Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Π° β€” Π½Π°Π½ΡΡ‚ΡŒ ΠΏΡ€ΠΎΡ„Π΅ΡΡΠΈΠΎΠ½Π°Π»ΡŒΠ½ΠΎΠ³ΠΎ Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„Π° ΠΈ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ ΡƒΠ½ΠΈΠΊΠ°Π»ΡŒΠ½Ρ‹Π΅ снимки для Π΄ΠΈΠ·Π°ΠΉΠ½Π° сайта. Однако, Ссли Ρ‚Π°ΠΊΠΎΠΉ возмоТности Π½Π΅Ρ‚, ΠΌΠΎΠΆΠ½ΠΎ Π²ΠΎΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒΡΡ Π°Π»ΡŒΡ‚Π΅Ρ€Π½Π°Ρ‚ΠΈΠ²ΠΎΠΉ Π² Π²ΠΈΠ΄Π΅ стоковых Ρ„ΠΎΡ‚ΠΎ.

Π Π°Π±ΠΎΡ‚Π° с Ρ†Π²Π΅Ρ‚ΠΎΠΌ

Π Π°Π±ΠΎΡ‚Π° с ΡΠΎΡΡ‚Π°Π²Π»ΡΡŽΡ‰ΠΈΠΌΠΈ Π΄ΠΈΠ·Π°ΠΉΠ½Π° Ρ‚Π°ΠΊΠΆΠ΅ Π²Π°ΠΆΠ½Π° для создания ΡΡ‚ΠΈΠ»ΡŒΠ½ΠΎΠ³ΠΎ ΠΈ ΡƒΠ΄ΠΎΠ±Π½ΠΎΠ³ΠΎ для пользования ΠΌΠ°ΠΊΠ΅Ρ‚Π°. Π•ΡΡ‚ΡŒ Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ инструмСнты, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΏΠΎΠΌΠΎΠ³Π°ΡŽΡ‚ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Π°ΠΌ ΠΏΠΎΠ΄ΠΎΠ±Ρ€Π°Ρ‚ΡŒ ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½Ρ‹Π΅ Ρ†Π²Π΅Ρ‚Π°, Ρ‚ΠΈΠΏΠΎΠ³Ρ€Π°Ρ„ΠΈΠΊΡƒ ΠΈΠ»ΠΈ эффСкты для ΠΌΠ°ΠΊΠ΅Ρ‚Π°. Рассмотрим Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΈΠ· Π½ΠΈΡ….

Иногда Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Ρ‹ ΠΏΠΎΠ΄Π±ΠΈΡ€Π°ΡŽΡ‚ ΠΎΡ‚Ρ‚Π΅Π½ΠΊΠΈ ΠΈΠ½Ρ‚ΡƒΠΈΡ‚ΠΈΠ²Π½ΠΎ, Π½ΠΎ Π² Π±ΠΎΠ»ΡŒΡˆΠΈΠ½ΡΡ‚Π²Π΅ случаСв ΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ΡΡ Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹ΠΌΠΈ сСрвисами, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΏΠΎΠΌΠΎΠ³Π°ΡŽΡ‚ Π½Π°ΠΉΡ‚ΠΈ Π½ΡƒΠΆΠ½Ρ‹Π΅ сочСтания. НапримСр, сСрвис Adobe Color, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ позволяСт Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ ΠΎΡ‚Ρ‚Π΅Π½ΠΊΠΈ ΠΈΠ· Ρ†Π²Π΅Ρ‚ΠΎΠ²ΠΎΠ³ΠΎ ΠΊΡ€ΡƒΠ³Π° с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Ρ… Ρ†Π²Π΅Ρ‚ΠΎΠ²Ρ‹Ρ… схСм:

ΠšΡ€ΠΎΠΌΠ΅ Ρ‚ΠΎΠ³ΠΎ, Π² Π΄Π°Π½Π½ΠΎΠΌ сСрвисС Π΅ΡΡ‚ΡŒ интСрСсная функция β€” ΠΈΠ·Π²Π»Π΅Ρ‡Π΅Π½ΠΈΠ΅ Ρ†Π²Π΅Ρ‚ΠΎΠ² ΠΈΠ· изобраТСния. НапримСр, Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ ΠΌΠΎΠΆΠ΅Ρ‚ Π²Π·ΡΡ‚ΡŒ Π»ΡŽΠ±ΡƒΡŽ Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΡŽ ΠΈΠ»ΠΈ ΠΈΠ»Π»ΡŽΡΡ‚Ρ€Π°Ρ†ΠΈΡŽ ΠΈ ΠΏΠΎΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ, ΠΊΠ°ΠΊΠΈΠ΅ Ρ†Π²Π΅Ρ‚Π° ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ΡΡ Π½Π° ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ΅. ΠšΡ€ΠΎΠΌΠ΅ Ρ‚ΠΎΠ³ΠΎ, Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Ρ‹ Π²Π΄ΠΎΡ…Π½ΠΎΠ²Π»ΡΡŽΡ‚ΡΡ произвСдСниями искусства ΠΈ Π±Π΅Ρ€ΡƒΡ‚ Ρ†Π²Π΅Ρ‚ΠΎΠ²Ρ‹Π΅ сочСтания ΠΈΠ· ΠΏΠΎΠ»ΠΎΡ‚Π΅Π½ извСстных Ρ…ΡƒΠ΄ΠΎΠΆΠ½ΠΈΠΊΠΎΠ²:

Π‘ΠΎΠ»ΡŒΡˆΠ΅ ΠΎ произвСдСниях искусства Π² Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅ ΠΌΠΎΠΆΠ½ΠΎ ΠΏΡ€ΠΎΡ‡ΠΈΡ‚Π°Ρ‚ΡŒ здСсь.

Π•Ρ‰Π΅ ΠΎΠ΄ΠΈΠ½ интСрСсный ΠΏΠΎΠ΄Ρ…ΠΎΠ΄ β€” Π±Ρ€Π°Ρ‚ΡŒ ΡƒΠ΄Π°Ρ‡Π½Ρ‹Π΅ Ρ†Π²Π΅Ρ‚ΠΎΠ²Ρ‹Π΅ сочСтания ΠΈΠ· ΡƒΠΆΠ΅ ΡΡƒΡ‰Π΅ΡΡ‚Π²ΡƒΡŽΡ‰ΠΈΡ… Ρ€Π°Π±ΠΎΡ‚. НапримСр, сСрвис Dribble прСдоставляСт Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½Π½Ρ‹ΠΉ Ρ†Π²Π΅Ρ‚ ΠΈ ΠΏΠΎΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ, ΠΊΠ°ΠΊ ΠΎΠ½ сочСтаСтся с Π΄Ρ€ΡƒΠ³ΠΈΠΌΠΈ Ρ†Π²Π΅Ρ‚ΠΎΠ²Ρ‹ΠΌΠΈ ΠΎΡ‚Ρ‚Π΅Π½ΠΊΠ°ΠΌΠΈ:

Π’ΠΈΠΏΠΎΠ³Ρ€Π°Ρ„ΠΈΠΊΠ°, анимация ΠΈ 3D

Π§Ρ‚ΠΎ касаСтся Ρ‚ΠΈΠΏΠΎΠ³Ρ€Π°Ρ„ΠΈΠΊΠΈ, Π΅ΡΡ‚ΡŒ сСрвисы, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΏΠΎΠΌΠΎΠ³Π°ΡŽΡ‚ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Π°ΠΌ ΠΏΠΎΠ΄ΠΎΠ±Ρ€Π°Ρ‚ΡŒ ΡˆΡ€ΠΈΡ„Ρ‚ΠΎΠ²Ρ‹Π΅ ΠΏΠ°Ρ€Ρ‹ ΠΈΠ»ΠΈ, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, ΠΎΠΏΡ€Π΅Π΄Π΅Π»ΠΈΡ‚ΡŒ ΡˆΡ€ΠΈΡ„Ρ‚ Π½Π° ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΈ. Π’Π°ΠΊ Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ ΠΎΠ΄ΠΈΠ½ ΠΈΠ· самых извСстных сСрвисов, посвящСнных ΡˆΡ€ΠΈΡ„Ρ‚Π°ΠΌ WhatTheFont:

Π”ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ ΠΌΠΎΠΆΠ΅Ρ‚ Π·Π°Π³Ρ€ΡƒΠ·ΠΈΡ‚ΡŒ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ с надписью ΠΈ сСрвис ΠΎΠΏΡ€Π΅Π΄Π΅Π»ΠΈΡ‚ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅ΠΌΡ‹ΠΉ Π½Π° Π½Π΅ΠΌ ΡˆΡ€ΠΈΡ„Ρ‚, Ссли ΠΎΠ½ Π΅ΡΡ‚ΡŒ Π² Π±Π°Π·Π΅.

Π’Π°ΠΊΠΆΠ΅ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Π°ΠΌ Π²Π°ΠΆΠ½ΠΎ ΡƒΠΌΠ΅Ρ‚ΡŒ ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ ΠΌΠ°ΠΊΠ΅Ρ‚Ρ‹, Π³Π΄Π΅ ΠΏΡ€ΠΈΡΡƒΡ‚ΡΡ‚Π²ΡƒΡŽΡ‚ Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΠΎΠ½Π½Ρ‹Π΅ элСмСнты β€” Π΄Π²ΠΈΠΆΠ΅Π½ΠΈΠ΅ всСгда ΠΏΡ€ΠΈΠ²Π»Π΅ΠΊΠ°Π΅Ρ‚ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ, поэтому анимация являСтся ΠΎΠ΄Π½ΠΈΠΌ ΠΈΠ· инструмСнтов ΠΏΠΎΠ²Ρ‹ΡˆΠ΅Π½ΠΈΡ конвСрсии сайта. ΠœΡ‹ ΡƒΠΆΠ΅ Π³ΠΎΠ²ΠΎΡ€ΠΈΠ»ΠΈ ΠΏΡ€ΠΎ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡƒ Adobe After Effects, которая часто ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ°ΠΌΠΈ для ΠΏΡ€Π΅Π·Π΅Π½Ρ‚Π°Ρ†ΠΈΠΈ ΠΈ создания Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΠΎΠ½Π½Ρ‹Ρ… элСмСнтов.

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

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

НСкоторыС Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Ρ‹ Π·Π°Π½ΠΈΠΌΠ°ΡŽΡ‚ΡΡ Π½Π΅ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ΠΌ интСрфСйсов ΠΈ Ρ€Π΅ΠΊΠ»Π°ΠΌΠ½ΠΎΠΉ Π³Ρ€Π°Ρ„ΠΈΠΊΠΎΠΉ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ 3D модСлирования. Π•ΡΡ‚ΡŒ довольно слоТныС для освоСния ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡŽΡ‚ ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Π΅ 3D ΠΌΠΎΠ΄Π΅Π»ΠΈ ΠΈ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ изобраТСния Π² Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅. Одни ΠΈΠ· самых популярных ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌ 3D модСлирования β€” AutoDesk 3Ds Max ΠΈ Cinema4D.

Π’Π»Π°Π΄Π΅Π½ΠΈΠ΅ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ°ΠΌΠΈ 3D модСлирования являСтся Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΠΉ ΠΊΠΎΠΌΠΏΠ΅Ρ‚Π΅Π½Ρ†ΠΈΠ΅ΠΉ для Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ΠΎΠ², ΠΎΠ΄Π½Π°ΠΊΠΎ ΠΈΠ½ΠΎΠ³Π΄Π° Π΄Π°Π½Π½Ρ‹ΠΉ Π½Π°Π²Ρ‹ΠΊ Π±Ρ‹Π²Π°Π΅Ρ‚ ΠΏΠΎΠ»Π΅Π·Π½Ρ‹ΠΌ ΠΏΡ€ΠΈ создании эффСктной Ρ€Π΅ΠΊΠ»Π°ΠΌΠ½ΠΎΠΉ Π³Ρ€Π°Ρ„ΠΈΠΊΠΈ, ΡΠΊΡΡ‚Π΅Ρ€ΡŒΠ΅Ρ€ΠΎΠ² ΠΈ ΠΈΠ½Ρ‚Π΅Ρ€ΡŒΠ΅Ρ€ΠΎΠ² Π·Π΄Π°Π½ΠΈΠΉ, Π° Ρ‚Π°ΠΊΠΆΠ΅ 3D Ρ‚ΠΈΠΏΠΎΠ³Ρ€Π°Ρ„ΠΈΠΊΠΈ (ΠΏΠΎΠ΄Ρ€ΠΎΠ±Π½Π΅Π΅ ΠΎΠ± этом элСмСнтС Π΄ΠΈΠ·Π°ΠΉΠ½Π° ΠΌΠΎΠΆΠ½ΠΎ ΠΏΡ€ΠΎΡ‡ΠΈΡ‚Π°Ρ‚ΡŒ Π² этой ΡΡ‚Π°Ρ‚ΡŒΠ΅).

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

idbi.ru

Π›ΡƒΡ‡ΡˆΠΈΠ΅ инструмСнты для Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ΠΎΠ² ΠΈ Π²Π΅Π±-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΎΠ² / Sandbox / Habr

ΠŸΡ€ΠΈΠ²Π΅Ρ‚, Ρ…Π°Π±Ρ€ΠΎΠΆΠΈΡ‚Π΅Π»ΠΈ! Π­Ρ‚ΠΎ ΡΡ‚Π°Ρ‚ΡŒΡ большС пригодится ΠΏΠΎΠ΄Π°Π²Π°Π½Π°ΠΌ, Ρ‡Π΅ΠΌ профСссионалом, Π½ΠΎ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎ это ΡΡ‚Π°Ρ‚ΡŒΡ станСт ΡƒΡŽΡ‚Π½Ρ‹ΠΌ пристанищСм для Π·Π½Π°Ρ‚ΠΎΠΊΠΎΠ² своСго Π΄Π΅Π»Π°. ΠšΠ°ΠΆΠ΄ΠΎΠΌΡƒ, ΠΊΡ‚ΠΎ Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ Π² сфСрС Π²Π΅Π±Π° ΠΊΠΎΠ³Π΄Π°-Ρ‚ΠΎ трСбуСтся Ρ‡Ρ‚ΠΎ-Ρ‚ΠΎ большоС, Ρ‡Π΅ΠΌ тСкстовый Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ ΠΊΠΎΠ΄Π° ΠΈΠ»ΠΈ Photoshop, Figma ΠΈ Ρ‚.ΠΏ.И я Ρ€Π΅ΡˆΠΈΠ» ΡΠΎΡΡ‚Π°Π²ΠΈΡ‚ΡŒ список ΠΏΠΎΠ»Π΅Π·Π½Ρ‹Ρ… сСрвисов, ΠΊΠ°ΠΊ для Π²Π΅Π±-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ°, Ρ‚Π°ΠΊ ΠΈ для Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Π°.

Для Π²Π΅Π±-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΎΠ²


Codepen


Π’Ρ‹ Π½Π΅ Π·Π½Π°Π΅Ρ‚Π΅ ΠΊΠ°ΠΊ ΡΠ²Π΅Ρ€ΡΡ‚Π°Ρ‚ΡŒ ΠΊΠ°ΠΊΠΎΠΉ-Π»ΠΈΠ±ΠΎ элСмСнт? Π’Ρ‹ всСгда ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΏΠΎΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ ΠΊΠ°ΠΊ Π²Ρ‹ΠΏΠΎΠ»Π½ΡΡŽΡ‚ эти Π·Π°Π΄Π°Ρ‡ΠΈ Π΄Ρ€ΡƒΠ³ΠΈΠ΅ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΈ. Или Π²Π΄ΠΎΡ…Π½ΠΎΠ²ΠΈΡ‚ΡŒΡΡ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π°ΠΌΠΈ.

Π’ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎ Π²Ρ‹ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ ΠΏΠΎΠΌΠΎΡ‡ΡŒ ΠΊΠΎΠΌΡƒ-Π½ΠΈΠ±ΡƒΠ΄ΡŒ Π½Π° toster`Π΅ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ скрипт ΠΈ Π½Π΅Ρ‚ ТСлания Π·Π°Π±ΠΈΠ²Π°Ρ‚ΡŒ ΠΏΠ°ΠΌΡΡ‚ΡŒ своСго ΠΊΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€Π°? Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ это ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ прямо Π½Π° codepen`Π΅. Π’Π°ΠΌ Π΅ΡΡ‚ΡŒ ΡƒΠ΄ΠΎΠ±Π½Ρ‹ΠΉ тСкстовый Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ с Ρ„ΡƒΡ€Π³ΠΎΠ½ΠΎΠΌ возмоТностСй (Ρ‡Π΅Π³ΠΎ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ стоит встроСнный emmet).

Бсылка Π½Π° Codepen

Adobe Assets


Π­Ρ‚ΠΎ Π²Π΅Π± ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ Π°Π»ΡŒΡ‚Π΅Ρ€Π½Π°Ρ‚ΠΈΠ²Π° извСстного всСм Avacode. Adobe Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Π°Π»Π° Ссли Π½Π΅ ΡƒΠ½ΠΈΠΊΠ°Π»ΡŒΠ½Ρ‹ΠΉ, Ρ‚ΠΎ ΠΊΡ€Π°ΠΉΠ½Π΅ ΠΏΠΎΠ»Π΅Π·Π½Ρ‹ΠΉ инструмСнт для вынимания стилСй ΠΈΠ· psd-ΠΌΠ°ΠΊΠ΅Ρ‚Π°.

ЕдинствСнный минус, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ я нашСл это β€” долгая Π²Ρ‹Π³Ρ€ΡƒΠ·ΠΊΠ° рСсурсов ΠΈΠ· ΠΌΠ°ΠΊΠ΅Ρ‚Π°. ΠŸΡ€Π΅ΠΆΠ΄Π΅, Ρ‡Π΅ΠΌ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ ΠΏΡ€ΠΈΡŽΡ‚ΠΈΡ‚ΡΡ Π² ΠΏΠ°ΠΏΠΎΡ‡ΠΊΠ΅ вашСго ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π°, Π΅ΠΌΡƒ Π½ΡƒΠΆΠ½ΠΎ сначала Π·Π°Π³Ρ€ΡƒΠ·ΠΈΡ‚ΡŒΡΡ Π²ΠΎ Π²ΠΊΠ»Π°Π΄ΠΊΡƒ «РСсурсы» (Ρ‡Ρ‚ΠΎ Π·Π°Π½ΠΈΠΌΠ°Π΅Ρ‚ достаточноС количСство Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ), Π° Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΏΠΎΡ‚ΠΎΠΌ Π·Π°Π³Ρ€ΡƒΠ·ΠΈΡ‚ΡŒ Π΅Π³ΠΎ Π½Π° ваш ΠΊΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€ (сам assets этого Π΄Π΅Π»Π°Ρ‚ΡŒ Π½Π΅ ΡƒΠΌΠ΅Π΅Ρ‚, приходится всС Π΄Π΅Π»Π°Ρ‚ΡŒ своими Ρ€ΡƒΡ‡ΠΊΠ°ΠΌΠΈ).
А Π΅Ρ‰Π΅ ΠΎΠ½ бСсплатный.

Π‘Π΅Π³ΠΈ Π²Π²ΠΎΠ΄ΠΈΡ‚ΡŒ свой Adobe ID

Toster ΠΈ Stack Overflow


Π’Π°ΠΌ Ρ‡Ρ‚ΠΎ-Ρ‚ΠΎ нСпонятно Π² JS ΠΈΠ»ΠΈ Π½Π΅ Π·Π½Π°Π΅Ρ‚Π΅ Ρ…ΠΎΡ€ΠΎΡˆΡƒΡŽ ΠΊΠ½ΠΈΠ³Ρƒ ΠΏΠΎ PHP? НС Π±Π΅Π΄Π° β€” просто Π·Π°Π΄Π°ΠΉΡ‚Π΅ свой вопрос Π½Π° ΠΎΠ΄Π½ΠΎΠΌ ΠΈΠ· этих сСрвисов ΠΈ Π½Π° Π½Π΅Π³ΠΎ Π² скором Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ отвСтят.

Π­Ρ‚ΠΈ ΠΎΠ±Π° сСрвиса ΠΎΡ‡Π΅Π½ΡŒ ΠΏΠΎΡ…ΠΎΠΆΠΈ ΠΈ Ρ†Π΅Π»ΡŒ Ρƒ Π½ΠΈΡ… ΠΎΠ΄Π½Π° β€” ΠΏΠΎΠΌΠΎΠ³Π°Ρ‚ΡŒ людям. ЕдинствСнныС ΠΈΡ… отличия β€” это Π΄ΠΈΠ·Π°ΠΉΠ½ ΠΈ ΠΎΠ±ΠΈΡ‚Π°Ρ‚Π΅Π»ΠΈ. Π”Π΅Π»ΠΎ Π² Ρ‚ΠΎΠΌ, Ρ‡Ρ‚ΠΎ Π½Π° StackOverflow сидит большС Π·Π°Π±ΡƒΠ³ΠΎΡ€Π½Ρ‹Ρ… IT-шников.

ДокумСнтация


Казалось Π±Ρ‹ ΠΏΡ€ΠΈΠΌΠΈΡ‚ΠΈΠ²Π½ΠΎ, Π½ΠΎ ΠΌΠ½ΠΎΠ³ΠΈΠ΅ Π½ΠΎΠ²ΠΈΡ‡ΠΊΠΈ ΠΏΡ€Π΅Π½Π΅Π±Ρ€Π΅Π³Π°ΡŽΡ‚ Π΄ΠΎΠΊΠ°ΠΌΠΈ Π² Π»ΡŽΠ±Ρ‹Ρ… ΠΈΡ… проявлСниях.
Если ΠΏΠΎΠ΄Π°Π²Π°Π½ Π·Π°Π±ΡƒΠ΄Π΅Ρ‚ ΠΊΠ°ΠΊ Ρ‡Ρ‚ΠΎ-Ρ‚ΠΎ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ, ΠΎΠ½ ΠΏΠΎΠ»Π΅Π·Π΅Ρ‚ ΠΈΡΠΊΠ°Ρ‚ΡŒ Ρ‚Π΅ΠΌΡƒ Π² ΠΊΠ½ΠΈΠ³Π΅ ΠΈΠ»ΠΈ ΠΏΠΎ Ρ‡Π΅ΠΌΡƒ ΠΎΠ½ΠΈ Ρ‚Π°ΠΌ ΡƒΡ‡Π°Ρ‚ язык. Π― ΡΡ‡ΠΈΡ‚Π°ΡŽ, Ρ‡Ρ‚ΠΎ это Π½Π΅ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΠΎ, плюс это Π·Π°Π½ΠΈΠΌΠ°Π΅Ρ‚ ΠΌΠ½ΠΎΠ³ΠΎ Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ, Π° докумСнтация ΠΌΠΎΠΆΠ΅Ρ‚ Π΄Π°Ρ‚ΡŒ Π½ΡƒΠΆΠ½ΠΎΠ΅ количСство ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΈ Π·Π° ΠΊΠΎΡ€ΠΎΡ‚ΠΊΠΈΠΉ срок.

HTML 5(ДокумСнтация Π½Π° русском языкС)
HTML 5 (ДокумСнтация Π½Π° английском языкС)

Π‘SS 3 (ДокумСнтация Π½Π° русском языкС)
CSS 3 (ДокумСнтация Π½Π° английском языкС)

JS (ДокумСнтация Π½Π° русском языкС)
JS (ДокумСнтация Π½Π° английском языкС)

jQuery (ДокумСнтация Π½Π° английском языкС)

Templated


Когда я создавал ΠΏΠΎΡ€Ρ‚Ρ„ΠΎΠ»ΠΈΠΎ для Ρ€Π°Π±ΠΎΡ‚Ρ‹ Π½Π° фрилансС, я Π½Π΅ ΠΌΠΎΠ³ Π½Π°ΠΉΡ‚ΠΈ Ρ…ΠΎΡ€ΠΎΡˆΠΈΠΉ сайт, Π³Π΄Π΅ ΠΌΠΎΠΆΠ½ΠΎ ΡΠΊΠ°Ρ‡Π°Ρ‚ΡŒ psd-ΡˆΠ°Π±Π»ΠΎΠ½Ρ‹. И Π½Π° мСня ΡΠΏΡƒΡΡ‚ΠΈΠ»ΠΎΡΡŒ боТьС Π±Π»Π°Π³ΠΎΡ‚Π²ΠΎΡ€Π΅Π½ΠΈΠ΅, я познакомился с frontend senior ΠΈ ΠΎΠ½ ΠΌΠ½Π΅ сказал, Ρ‡Ρ‚ΠΎ Π³Π΄Π΅ Π² ΠΈΠ½Ρ‚Π΅Ρ€Π½Π΅Ρ‚Π΅, Π² Ρ‚Π΅ΠΌΠ½Ρ‹ΠΉ ΡƒΠ³ΠΎΠ»ΠΎΠΊ забился сайт Templated.

Π’Π°ΠΌ ΠΌΠΎΠΆΠ½ΠΎ ΡΠΊΠ°Ρ‡Π°Ρ‚ΡŒ сотни шаблонов.

НалСтайтС

Π­Ρ‚ΠΎ Π±Ρ‹Π»ΠΈ основныС инструмСнты для Π²Π΅Π±-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΎΠ², ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΌΠΈ я сам ΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡΡŒ. Если Π²Ρ‹ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ Π΅Ρ‰Π΅ Ρ‡Ρ‚ΠΎ-Ρ‚ΠΎ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ, Ρ‚ΠΎ Π²Ρ‹ всСгда ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π½Π°ΠΏΠΈΡΠ°Ρ‚ΡŒ это Π² ΠΊΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠΈ.

Для Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ΠΎΠ²


Materials design


Π­Ρ‚ΠΎΡ‚ сСрвис ΠΏΠΎΠΌΠΎΠ³Π°Π΅Ρ‚ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ material design. На Π½Π΅ΠΌ Π²Ρ‹ смоТСтС Π½Π°ΠΉΡ‚ΠΈ ΠΈ склад ΠΈΠΊΠΎΠ½ΠΎΠΊ, ΠΈ Ρ†Π²Π΅Ρ‚Π°, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ для создания material Π΄ΠΈΠ·Π°ΠΉΠ½Π°.

ΠŸΠ°Π»ΠΈΡ‚Ρ€Π° Ρ†Π²Π΅Ρ‚ΠΎΠ²:

Иконки (прСдставлСнная Ρ‡Π°ΡΡ‚ΡŒ β€” ΠΏΠΎΠ»ΠΎΠ²ΠΈΠ½Π° ΠΎΠ΄Π½ΠΎΠ³ΠΎ ΠΈΠ· дСсятков Ρ€Π°Π·Π΄Π΅Π»ΠΎΠ²):

Adobe color cc


Π­Ρ‚ΠΎΡ‚ инструмСнт ΠΏΠΎΠ·Π²ΠΎΠ»ΠΈΡ‚ ΠΏΠΎΠ΄ΠΎΠ±Ρ€Π°Ρ‚ΡŒ Π²Π°ΠΌ подходящиС Π΄Ρ€ΡƒΠ³ ΠΊ Π΄Ρ€ΡƒΠ³Ρƒ Ρ†Π²Π΅Ρ‚Π°, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π΄ΠΈΠ·Π°ΠΉΠ½ Π±ΡƒΠ΄ΡƒΡ‰Π΅Π³ΠΎ сайта смотрСлся Π΅Ρ‰Π΅ красивСС.

Siteinspire


Когда Ρƒ вас наступаСт творчСский кризис, Ρ‚ΠΎ Π²Ρ‹ Π½Π΅ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π½ΠΈΡ‡Π΅Π³ΠΎ Π΄Π΅Π»Π°Ρ‚ΡŒ. И Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π½Π°ΡΠ»Π°Π΄ΠΈΡ‚ΡŒΡΡ Π΄Ρ€ΡƒΠ³ΠΈΠΌΠΈ Ρ€Π°Π±ΠΎΡ‚Π°ΠΌΠΈ, Π΄Ρ€ΡƒΠ³ΠΈΡ… мастСров. Π’Π°ΠΌ Π΅ΡΡ‚ΡŒ мноТСство Ρ€Π°Π±ΠΎΡ‚ ΠΏΠΎ Ρ€Π°Π·Π½Ρ‹ΠΌ Ρ‚Π΅ΠΌΠ°Ρ‚ΠΈΠΊΠ°ΠΌ.

habr.com

9 интСрСсных сСрвисов для Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Π°. Π‘ΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½Π°Ρ ΠΏΠΎΠ΄Π±ΠΎΡ€ΠΊΠ° / Pixli corporate blog / Habr

Π’ соврСмСнном Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅ сущСствуСт достаточно ΠΌΠ½ΠΎΠ³ΠΎ инструмСнтов для web-Π΄ΠΈΠ·Π°ΠΉΠ½Π°. Π­Ρ‚ΠΎ ΠΈ классика β€” графичСскиС Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Ρ‹ Photoshop ΠΈ Sketch, ΠΈ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹, ΡΠΎΠ²ΠΌΠ΅Ρ‰Π°ΡŽΡ‰ΠΈΠ΅ ΠΎΠ΄Π½ΠΎΠ²Ρ€Π΅ΠΌΠ΅Π½Π½ΠΎ Π΄ΠΈΠ·Π°ΠΉΠ½ ΠΈ вСрстку, Ρ‚Π°ΠΊΠΈΠ΅ ΠΊΠ°ΠΊ Macaw ΠΈ Adobe Muse. И, ΠΊΠ°ΠΊ ΠΌΡ‹ считаСм, Π±ΡƒΠ΄ΡƒΡ‰Π΅Π΅ web-Π΄ΠΈΠ·Π°ΠΉΠ½Π° β€” ΠΏΠ»Π°Ρ‚Ρ„ΠΎΡ€ΠΌΡ‹ для Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½ΠΎΠ³ΠΎ Π΄ΠΈΠ·Π°ΠΉΠ½Π° сайтов Π² Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅, ΠΎΠ΄Π½ΠΈΠΌ ΠΈΠ· ΠΏΡ€ΠΈΠΌΠ΅Ρ€ΠΎΠ² ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… являСтся Pixli.

Но, ΠΊΡ€ΠΎΠΌΠ΅ использования основного инструмСнта, Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ ΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ, ΠΊΠ°ΠΊ ΠΏΡ€Π°Π²ΠΈΠ»ΠΎ, Ρ†Π΅Π»Ρ‹ΠΌ рядом Π²ΡΠΏΠΎΠΌΠΎΠ³Π°Ρ‚Π΅Π»ΡŒΠ½Ρ‹Ρ… сСрвисов ΠΈ инструмСнтов, ΡƒΠΏΡ€ΠΎΡ‰Π°ΡŽΡ‰ΠΈΡ… Π΅Π³ΠΎ Ρ€Π°Π±ΠΎΡ‚Ρƒ.

НиТС, ΠΌΡ‹ ΠΎΡ‚ΠΎΠ±Ρ€Π°Π»ΠΈ ΠΏΠ΅Ρ€Π΅Ρ‡Π΅Π½ΡŒ ΠΈΠ· 9 вСсьма интСрСсных ΠΈ ΠΏΠΎΠ»Π΅Π·Π½Ρ‹Ρ… рСсурсов, ΠΊ ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΌ Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Ρ‹ ΠΎΠ±Ρ€Π°Ρ‰Π°ΡŽΡ‚ΡΡ ΠΈ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ довольно часто:


ΠŸΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ‚ ΠΏΠΎΠ΄ΠΎΠ±Ρ€Π°Ρ‚ΡŒ ΡˆΡ€ΠΈΡ„Ρ‚, установлСнный Π½Π° ΠΊΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€Π΅ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ, для тСкста Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏΠ°, Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ° ΠΈΠ»ΠΈ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π°. ΠŸΡ€ΠΈ Π²Π²ΠΎΠ΄Π΅ тСкста Π² ΠΏΠΎΠ»Π΅ ΠΏΠΎΠΊΠ°Π·Ρ‹Π²Π°Π΅Ρ‚ Π΅Π³ΠΎ Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹ΠΌΠΈ ΡˆΡ€ΠΈΡ„Ρ‚Π°ΠΌΠΈ. МоТно Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ Ρ€Π°Π·ΠΌΠ΅Ρ€, рСгистр, ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Ρ‡Π΅Ρ€Π½ΠΎ-Π±Π΅Π»ΠΎΠ΅ ΠΈΠ»ΠΈ Π½Π°ΠΎΠ±ΠΎΡ€ΠΎΡ‚. ΠŸΠΎΠ½Ρ€Π°Π²ΠΈΠ²ΡˆΠΈΠ΅ΡΡ Π²Π°Ρ€ΠΈΠ°Π½Ρ‚Ρ‹ ΠΏΡƒΠ±Π»ΠΈΠΊΡƒΡŽΡ‚ΡΡ Π² Ρ‚Ρ€ΠΈΡ‚Ρ‚Π΅Ρ€Π΅ ΠΈΠ»ΠΈ Π½Π° фСйсбукС – ΠΏΠΎ Π²Ρ‹Π±ΠΎΡ€Ρƒ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ. МоТно ΠΎΡ‚ΠΏΡ€Π°Π²ΠΈΡ‚ΡŒ Π½Π° email.


ΠŸΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ‚ ΠΏΠΎΠ΄ΠΎΠ±Ρ€Π°Ρ‚ΡŒ Π½Π°ΠΈΠ±ΠΎΠ»Π΅Π΅ ΠΏΠΎΠ΄Ρ…ΠΎΠ΄ΡΡ‰ΡƒΡŽ ΠΏΠ°Ρ€Ρƒ ΡˆΡ€ΠΈΡ„Ρ‚ΠΎΠ² Google. Π’ Π²ΠΈΠ΄Π΅ мСню прСдставлСны ΠΏΠ°Ρ€Ρ‹ Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Ρ… сСмСйств:

  • Sans-Serif/Serif
  • Serif/Sans-Serif
  • Sans-Serif/Sans-Serif
  • Cursive/Sans-Serif
  • Cursive/Serif
  • Serif/Serif

Π’Ρ‹Π±ΠΈΡ€Π°ΠΉΡ‚Π΅ любой, ΠΈΡ‰ΠΈΡ‚Π΅ ΠΏΠΎΠ½Ρ€Π°Π²ΠΈΠ²ΡˆΠ΅Π΅ΡΡ сочСтаниС Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ° ΠΈ тСкста. Π‘ΠΊΠ°Ρ‡ΠΈΠ²Π°ΠΉΡ‚Π΅ Π°Ρ€Ρ…ΠΈΠ² с этими ΡˆΡ€ΠΈΡ„Ρ‚Π°ΠΌΠΈ ΠΈ ΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ΡΡŒ.

ДизайнСрский инструмСнт для создания Ρ†Π²Π΅Ρ‚ΠΎΠ²Ρ‹Ρ… ΠΊΠΎΠΌΠ±ΠΈΠ½Π°Ρ†ΠΈΠΉ. ΠŸΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ‚ ΠΏΠΎΠ΄ΠΎΠ±Ρ€Π°Ρ‚ΡŒ Ρ†Π²Π΅Ρ‚Π° ΠΊ сайту. Π˜ΠΌΠ΅Π΅Ρ‚ Ρ‚ΠΎΠ½ΠΊΡƒΡŽ настройку, ΠΏΠΎΠΊΠ°Π·Ρ‹Π²Π°Π΅Ρ‚ ΠΊΠΎΠ΄ Ρ†Π²Π΅Ρ‚Π°. Π’ ΠΊΠΎΠ½Π΅Ρ‡Π½ΠΎΠΌ ΠΈΡ‚ΠΎΠ³Π΅ позволяСт ΠΏΡ€ΠΎΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ страницу Π² Π²Ρ‹Π±Ρ€Π°Π½Π½ΠΎΠΉ Ρ†Π²Π΅Ρ‚ΠΎΠ²ΠΎΠΉ Π³Π°ΠΌΠΌΠ΅. Π‘Π°ΠΌΡ‹ΠΉ большой плюс – просмотр Π³Π°ΠΌΠΌΡ‹ с Ρ‚ΠΎΡ‡ΠΊΠΈ зрСния отклонСния цвСтовосприятия. Π’Π°ΠΊΠΆΠ΅ позволяСт Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ Ρ€Π°Π·Π½Ρ‹Π΅ Ρ†Π²Π΅Ρ‚ΠΎΠ²Ρ‹Π΅ ΠΌΠΎΠ΄Π΅Π»ΠΈ. БохраняСт Π² ΠΏΠ°Π»ΠΈΡ‚Ρ€Ρƒ Gimp, CSS,PNG ΠΈ Ρ‚.Π΄. Π˜ΠΌΠ΅Π΅Ρ‚ ΠΊΠΎΠ½Π²Π΅Ρ€Ρ‚Π΅Ρ€ Ρ†Π²Π΅Ρ‚ΠΎΠ² для ΠΏΠ΅Ρ€Π΅Π²ΠΎΠ΄Π° ΠΈΠ· ΠΎΠ΄Π½ΠΎΠΉ Ρ†Π²Π΅Ρ‚ΠΎΠ²ΠΎΠΉ ΠΌΠΎΠ΄Π΅Π»ΠΈ Π² Π΄Ρ€ΡƒΠ³ΡƒΡŽ.


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


Π Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ Π²Π΅ΠΊΡ‚ΠΎΡ€Π½ΠΎΠΉ Π³Ρ€Π°Ρ„ΠΈΠΊΠΈ, ΠΏΠΎΠ΄ΠΎΠ±Π½Ρ‹ΠΉ Adobe Illustrator, Sketch ΠΈ Inkscape. Π‘Π΄Π΅Π»Π°Π½ для соврСмСнной web-ΠΏΠ»Π°Ρ‚Ρ„ΠΎΡ€ΠΌΡ‹. ΠŸΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ‚ ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ изобраТСния, Π±Π°Π½Π½Π΅Ρ€Ρ‹, ΠΌΠ°ΠΊΠ΅Ρ‚Ρ‹, Π΄ΠΈΠ°Π³Ρ€Π°ΠΌΠΌΡ‹, ΠΊΠ½ΠΎΠΏΠΊΠΈ ΠΈ ΠΏΡ€. Π•Π³ΠΎ ΠΌΠΎΠΆΠ½ΠΎ ΡΠΊΠ°Ρ‡Π°Ρ‚ΡŒ Π½Π° Π»ΠΎΠΊΠ°Π»ΡŒΠ½Ρ‹ΠΉ ΠΊΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€, Π° ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΊΠ°ΠΊ ΠΎΠ½Π»Π°ΠΉΠ½ сСрвис ΠΈ Ρ€ΠΈΡΠΎΠ²Π°Ρ‚ΡŒ Π² Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅. ΠŸΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ‚ ΠΈΠΌΠΏΠΎΡ€Ρ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ изобраТСния ΠΈ ΡˆΡ€ΠΈΡ„Ρ‚Ρ‹ Google.
Π€ΡƒΠ½ΠΊΡ†ΠΈΠΈ:

  1. ΠŸΡ€Π΅ΠΎΠ±Ρ€Π°Π·ΠΎΠ²Π°Π½ΠΈΡ: ΠΏΠ΅Ρ€Π΅ΠΌΠ΅Ρ‰Π΅Π½ΠΈΠ΅, ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠ΅ Ρ€Π°Π·ΠΌΠ΅Ρ€ΠΎΠ², ΠΏΠΎΠ²ΠΎΡ€ΠΎΡ‚Ρ‹ ΠΈ скашиваниС с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ инструмСнтов ΠΈ Π²Ρ€ΡƒΡ‡Π½ΡƒΡŽ.
  2. Π“Ρ€ΡƒΠΏΠΏΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ ΠΎΠ±ΡŠΠ΅ΠΊΡ‚ΠΎΠ².
  3. Π—Π°Π»ΠΈΠ²ΠΊΠ°: Π»ΠΈΠ½Π΅ΠΉΠ½Ρ‹Π΅ Π³Ρ€Π°Π΄ΠΈΠ΅Π½Ρ‚Ρ‹, Ρ€Π°Π΄ΠΈΠ°Π»ΡŒΠ½Ρ‹Π΅ Π³Ρ€Π°Π΄ΠΈΠ΅Π½Ρ‚Ρ‹ ΠΈ ΠΎΠ±Ρ€Π°Π·Ρ†Ρ‹. МоТно Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΠΈΡ… нСпосрСдствСнно Π½Π° холстС.
  4. Π‘ΠΈΠΌΠ²ΠΎΠ»Ρ‹: созданиС, Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ ΠΈ ΡƒΠΏΡ€Π°Π²Π»Π΅Π½ΠΈΠ΅ с Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒΡŽ ΠΏΠΎΠ²Ρ‚ΠΎΡ€Π½ΠΎΠ³ΠΎ использования.
  5. ΠšΡ€ΠΈΠ²Ρ‹Π΅: Ρ€ΡƒΡ‡Π½ΠΎΠ΅ рисованиС ΠΈΠ»ΠΈ инструмСнты для рисования Bezier.
  6. Π€ΠΎΡ€ΠΌΡ‹: ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊΠΈ, Ρ‚Ρ€Π΅ΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊΠΈ, Π·Π°ΠΌΠ΅Ρ‰Π°ΡŽΡ‰ΠΈΠ΅ Π·Π½Π°ΠΊΠΈ, ΠΊΡ€ΡƒΠ³ΠΈ, Π·Π²Π΅Π·Π΄Ρ‹, n-ΠΏΠΎΠ»ΡƒΠ²Π°Π³ΠΎΠ½Ρ‹ ΠΈ ΠΊΠΎΠ»ΡŒΡ†Π°. Π£ ΠΊΠ°ΠΆΠ΄ΠΎΠΉ Ρ„ΠΎΡ€ΠΌΡ‹ Π΅ΡΡ‚ΡŒ доступныС для рСдактирования свойства, Ρ‚Π°ΠΊΠΈΠ΅ ΠΊΠ°ΠΊ Π·Π°ΠΊΡ€ΡƒΠ³Π»Π΅Π½Π½Ρ‹Π΅ ΡƒΠ³Π»Ρ‹ ΠΈΠ»ΠΈ количСство Ρ€ΡƒΠΊ.
  7. ЛогичСскиС ΠΎΠΏΠ΅Ρ€Π°Ρ†ΠΈΠΈ: ΠΎΠ±ΡŠΠ΅Π΄ΠΈΠ½ΡΡŽΡ‚, Π²Ρ‹Ρ‡ΠΈΡ‚Π°ΡŽΡ‚, ΠΏΠ΅Ρ€Π΅ΡΠ΅ΠΊΠ°ΡŽΡ‚ ΠΈ ΠΈΡΠΊΠ»ΡŽΡ‡Π°ΡŽΡ‚ ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Ρ‹.
  8. SVG ΠΈ HTML 5: ΠΎΡ‚ΠΊΡ€Ρ‹Π²Π°ΡŽΡ‚ ΠΈ ΡΠΎΡ…Ρ€Π°Π½ΡΡŽΡ‚ SVG (Z) Ρ„Π°ΠΉΠ»Ρ‹. SVG β€” собствСнный Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ Boxy SVG.
  9. Экспорт ΠΈ ΠΈΠΌΠΏΠΎΡ€Ρ‚ PNG, JPEG ΠΈ GIF.
  10. Π¨Ρ€ΠΈΡ„Ρ‚Ρ‹ Google: ΠΈΠΌΠΏΠΎΡ€Ρ‚ любого ΡˆΡ€ΠΈΡ„Ρ‚Π° ΠΎΡ‚ Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΠΈ Google Fonts.
  11. БочСтания клавиш: Π±ΠΎΠ»Π΅Π΅ Ρ‡Π΅ΠΌ 100 ΠΊΠΎΠΌΠ°Π½Π΄ с настраиваСмыми сочСтаниями клавиш.


ΠŸΠΎΠ΄Π±ΠΎΡ€ ΠΏΠ°Π»ΠΈΡ‚Ρ€Ρ‹ Π½Π° основС Π·Π°Π³Ρ€ΡƒΠΆΠ΅Π½Π½Ρ‹Ρ… ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΎΠΊ. Π—Π°Π³Ρ€ΡƒΠΆΠ°Π΅Ρ‚Π΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ ΠΈ ΠΏΠΎΠ»ΡƒΡ‡Π°Π΅Ρ‚Π΅ Π³ΠΎΡ‚ΠΎΠ²ΡƒΡŽ ΠΏΠ°Π»ΠΈΡ‚Ρ€Ρƒ Π½Π° основС Π΅Π³ΠΎ Ρ†Π²Π΅Ρ‚ΠΎΠ². Π Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚ ΠΌΠΎΠΆΠ½ΠΎ ΡΠΎΡ…Ρ€Π°Π½ΠΈΡ‚ΡŒ для Ρ„ΠΎΡ‚ΠΎΡˆΠΎΠΏΠ°, ΠΎΡ‚ΠΏΡ€Π°Π²ΠΈΡ‚ΡŒ Π½Π° ΠΏΠΎΡ‡Ρ‚Ρƒ ΠΈΠ»ΠΈ Π²Ρ‹Π»ΠΎΠΆΠΈΡ‚ΡŒ Π² соцсСти.


ΠŸΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ‚ ΡΠ³Π΅Π½Π΅Ρ€ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΠΏΡ€Π΅Π²ΡŒΡŽ Π΄ΠΈΠ·Π°ΠΉΠ½-ΠΌΠ°ΠΊΠ΅Ρ‚Π° Π² ΠΎΠ±ΠΎΠ»ΠΎΡ‡ΠΊΠ΅ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π° для Ρ‚ΠΎΠ³ΠΎ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΡ€Π΅Π·Π΅Π½Ρ‚ΠΎΠ²Π°Ρ‚ΡŒ Π·Π°ΠΊΠ°Π·Ρ‡ΠΈΠΊΡƒ. Π“Π΅Π½Π΅Ρ€ΠΈΡ€ΡƒΠ΅Ρ‚ ΠΏΡ€Π΅Π²ΡŒΡŽ Π½Π΅ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Π² Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°Ρ… (Safari Mac, Safari Win, Chrome, IE, Firefox), Π½ΠΎ ΠΈ Π² популярных iДСвайсах. Π­Ρ‚ΠΎ Π΄Π°Π΅Ρ‚ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ сразу ΠΏΠΎΠΊΠ°Π·Π°Ρ‚ΡŒ Π·Π°ΠΊΠ°Π·Ρ‡ΠΈΠΊΡƒ, ΠΊΠ°ΠΊ Π΅Π³ΠΎ сайт Π±ΡƒΠ΄Π΅Ρ‚ Π²Ρ‹Π³Π»ΡΠ΄Π΅Ρ‚ΡŒ Π½Π° Ρ‚Π΅Π»Π΅Ρ„ΠΎΠ½Π΅. ΠžΠ΄Π½ΠΎΠ²Ρ€Π΅ΠΌΠ΅Π½Π½ΠΎ ΠΌΠΎΠΆΠ½ΠΎ ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ нСсколько ΠΏΡ€Π΅Π²ΡŒΡŽ ΠΌΠ°ΠΊΠ΅Ρ‚ΠΎΠ² β€” это сущСствСнно экономит врСмя ΠΈ Π³Π΅Π½Π΅Ρ€Π°Ρ†ΠΈΠΈ ΠΏΠΎΡ€Ρ‚Ρ„ΠΎΠ»ΠΈΠΎ ΠΈΠ»ΠΈ ΠΏΡ€Π΅Π²ΡŒΡŽ для ΠΏΡ€Π΅Π·Π΅Π½Ρ‚Π°Ρ†ΠΈΠΈ ΠΊΡ€ΡƒΠΏΠ½ΠΎΠ³ΠΎ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π°.


Π­Ρ‚ΠΎΡ‚ инструмСнт позволяСт Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Ρƒ эффСктивно ΠΈΡΡΠ»Π΅Π΄ΠΎΠ²Π°Ρ‚ΡŒ сайты Π±Π΅Π· потрСбности Ρ€Π°Π·Π±ΠΎΡ€Π° ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ элСмСнта. ВытаскиваСт Ρ†Π²Π΅Ρ‚ΠΎΠ²ΡƒΡŽ Π³Π°ΠΌΠΌΡƒ, Ρ‚ΠΈΠΏΠΎΠ²Ρ‹Π΅ Ρ€Π°Π·ΠΌΠ΅Ρ€Ρ‹ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ ΠΈ ΡˆΡ€ΠΈΡ„Ρ‚Ρ‹.


Π˜Π½ΡΡ‚Ρ€ΡƒΠΌΠ΅Π½Ρ‚, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΏΠΎΠΌΠΎΠ³Π°Π΅Ρ‚ ΠΏΡ€ΠΎΠ²Π΅Ρ€ΠΈΡ‚ΡŒ всС Ρ†Π²Π΅Ρ‚ΠΎΠ²Ρ‹Π΅ систСмы Π½Π° контраст ΠΈ ΡΠΎΠ²ΠΌΠ΅ΡΡ‚ΠΈΠΌΠΎΡΡ‚ΡŒ. Π’Π²Π΅Π΄ΠΈΡ‚Π΅ ΠΊΠΎΠ΄ Ρ†Π²Π΅Ρ‚Π°, ΠΈ сСрвис ΠΏΠΎΠΊΠ°ΠΆΠ΅Ρ‚ всС Π²ΠΎΠ·ΠΌΠΎΠΆΠ½Ρ‹Π΅ сочСтания Π΄Π°Π½Π½Ρ‹Ρ… Ρ†Π²Π΅Ρ‚ΠΎΠ².

Π’Ρ‹Π²ΠΎΠ΄Ρ‹


Для соврСмСнного Π΄ΠΈΠ·Π°ΠΉΠ½Π° Π²Ρ‹Π±ΠΎΡ€ инструмСнтов ΠΎΠ³Ρ€ΠΎΠΌΠ΅Π½. Π’Ρ‹Π±Ρ€Π°Ρ‚ΡŒ Π½Π°ΠΈΠ±ΠΎΠ»Π΅Π΅ подходящий слоТно, поэтому ΠΎΠ±ΠΌΠ΅Π½ ΠΎΠΏΡ‹Ρ‚ΠΎΠΌ Π² этой области бСсцСнСн. Π’ нашСй ΠΏΠΎΠ΄Π±ΠΎΡ€ΠΊΠ΅ прСдставлСны Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Ρ‚Π΅ инструмСнты, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΌΠΈ ΠΌΡ‹ Π°ΠΊΡ‚ΠΈΠ²Π½ΠΎ ΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅ΠΌΡΡ. Π‘ΡƒΠ΄Π΅ΠΌ Ρ€Π°Π΄Ρ‹, Ссли Π²Ρ‹ ΠΏΡ€Π΅Π΄Π»ΠΎΠΆΠΈΡ‚Π΅ свои сСрвисы.

habr.com