ΠΠ°Ρ€ΠΈΡΠΎΠ²Π°Ρ‚ΡŒ сайт – VIRINK Π§Ρ‚ΠΎ Π½Π°Ρ€ΠΈΡΠΎΠ²Π°Ρ‚ΡŒ?

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

ΠΊΠ°ΠΊ Π½Π°Ρ€ΠΈΡΠΎΠ²Π°Ρ‚ΡŒ сайт Π½Π° Π±ΡƒΠΌΠ°Π³Π΅ β€” ΡΡ‚Π°Ρ‚ΡŒΠΈ Π½Π° Skillbox

Π‘ΠΊΠ΅Ρ‚Ρ‡ сайта β€” это Π±Ρ‹ΡΡ‚Ρ€ΠΎ нарисованный ΠΏΠ»Π°Π½ страницы. Он Π½ΡƒΠΆΠ΅Π½ для Ρ‚ΠΎΠ³ΠΎ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΠΎΠ½ΡΡ‚ΡŒ, ΠΊΠ°ΠΊ сайт Π±ΡƒΠ΄Π΅Ρ‚ Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ ΠΈ Π³Π΄Π΅ Π±ΡƒΠ΄ΡƒΡ‚ располоТСны основныС элСмСнты.

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

Π Π°Π±ΠΎΡ‚Π° со ΡΡ‚Ρ€ΡƒΠΊΡ‚ΡƒΡ€ΠΎΠΉ сайта Π½Π° ΠΏΠ΅Ρ€Π²Ρ‹Ρ… этапах ΠΏΠΎΠΌΠΎΠΆΠ΅Ρ‚ ΠΈΠ·Π±Π΅ΠΆΠ°Ρ‚ΡŒ вопросов ΠΈ Π»ΠΈΡˆΠ½ΠΈΡ… ΠΏΡ€Π°Π²ΠΎΠΊ ΡƒΠΆΠ΅ послС Ρ‚ΠΎΠ³ΠΎ, ΠΊΠ°ΠΊ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ сдСлаСт Ρ„ΠΈΠ½Π°Π»ΡŒΠ½Ρ‹ΠΉ Π²Π°Ρ€ΠΈΠ°Π½Ρ‚ Π² Π³Ρ€Π°Ρ„ичСском Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π΅.

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

Π‘ΠΊΠ΅Ρ‚Ρ‡ сайта β€” это Π² ΠΏΠ΅Ρ€Π²ΡƒΡŽ ΠΎΡ‡Π΅Ρ€Π΅Π΄ΡŒ рисунок, Π° Π½Π΅ ΡΡ‚рогая схСма. А Π΄Π»Ρ создания рисунков Π½ΡƒΠΆΠ½Ρ‹ ΡƒΠ΄ΠΎΠ±Π½Ρ‹Π΅ инструмСнты. ΠšΠΎΠ½Π΅Ρ‡Π½ΠΎ, ΠΌΠΎΠΆΠ½ΠΎ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒΡΡ Π»ΡŽΠ±Ρ‹ΠΌΠΈ ΠΏΠΎΠ΄Ρ€ΡƒΡ‡Π½Ρ‹ΠΌΠΈ срСдствами: простыми ΠΊΠ°Ρ€Π°Π½Π΄Π°ΡˆΠ°ΠΌΠΈ, Ρ€ΡƒΡ‡ΠΊΠ°ΠΌΠΈ, Ρ€ΠΈΡΠΎΠ²Π°Ρ‚ΡŒ Π² Ρ‚Π΅Ρ‚Ρ€Π°Π΄ΠΈ.

Однако Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Ρ‹ Π²Ρ‹Π±ΠΈΡ€Π°ΡŽΡ‚ Π»ΠΈΡΡ‚Ρ‹ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π° А4, ΡΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½Ρ‹Π΅ Π±Π»ΠΎΠΊΠ½ΠΎΡ‚Ρ‹ для скСтчинга ΠΈ Ρ‚Π΅Ρ‚Ρ€Π°Π΄ΠΈ для прототипирования, Π° Π½Π°Π±Ρ€ΠΎΡΠΊΠΈ Π΄Π΅Π»Π°ΡŽΡ‚ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Π³Π΅Π»Π΅Π²Ρ‹Ρ… Ρ€ΡƒΡ‡Π΅ΠΊ ΠΈ ΠΌΠ°Ρ€ΠΊΠ΅Ρ€ΠΎΠ² с Ρ‚ΠΎΠ½ΠΊΠΈΠΌ стСрТнСм.

Для скСтчинга ΠΏΠΎΠ΄ΠΎΠΉΠ΄ΡƒΡ‚ ΠΎΠ±Ρ‹Ρ‡Π½Ρ‹Π΅ Π»ΠΈΡΡ‚Ρ‹ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π° А4. Но ΠΎΠ½ΠΈ Π½Π΅ Π΄ΠΎΠ»ΠΆΠ½Ρ‹ Π±Ρ‹Ρ‚ΡŒ слишком Ρ‚ΠΎΠ½ΠΊΠΈΠΌΠΈ. Π’ΠΎΠ½ΠΊΠΈΠ΅ Π»ΠΈΡΡ‚Ρ‹ ΠΏΡ€ΠΎΡΠ²Π΅Ρ‡ΠΈΠ²Π°ΡŽΡ‚ ΠΈ Π½Π° Π½ΠΈΡ… Π½Π΅ΡƒΠ΄ΠΎΠ±Π½ΠΎ Ρ€ΠΈΡΠΎΠ²Π°Ρ‚ΡŒ ΠΌΠ°Ρ€ΠΊΠ΅Ρ€Π°ΠΌΠΈ.

На Π»ΠΈΡΡ‚Π΅ А4 ΠΌΠΎΠΆΠ½ΠΎ Ρ€Π°Π·ΠΌΠ΅ΡΡ‚ΠΈΡ‚ΡŒ нСсколько экранов Π²Π΅Π±-страницы ΠΈ Π½Π°ΠΏΠΈΡΠ°Ρ‚ΡŒ ΠΊΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠΈ для ΠΊΠ°ΠΆΠ΄ΠΎΠΉ. А Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΡ€Π΅Π·Π΅Π½Ρ‚ΠΎΠ²Π°Ρ‚ΡŒ структуру сайта нСскольким людям, ΠΌΠΎΠΆΠ½ΠΎ Π½Π°Ρ€ΠΈΡΠΎΠ²Π°Ρ‚ΡŒ Π΅Π΅ Π½Π° Π±ΠΎΠ»ΡŒΡˆΠΎΠΌ Π»ΠΈΡΡ‚Π΅ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π° А3.

Π‘ΠΊΠ΅Ρ‚Ρ‡Π±ΡƒΠΊΠΈ β€” нСбольшиС Π±Π»ΠΎΠΊΠ½ΠΎΡ‚Ρ‹ с ΠΏΠ»ΠΎΡ‚Π½Ρ‹ΠΌΠΈ Π»ΠΈΡΡ‚Π°ΠΌΠΈ. ΠžΠ±Ρ‹Ρ‡Π½ΠΎ ΠΈΡ… ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ Ρ…ΡƒΠ΄ΠΎΠΆΠ½ΠΈΠΊΠΈ для набросков ΠΈ Π±Ρ‹ΡΡ‚Ρ€Ρ‹Ρ… зарисовок. Π‘ΠΊΠ΅Ρ‚Ρ‡Π±ΡƒΠΊ идСально ΠΏΠΎΠ΄ΠΎΠΉΠ΄Π΅Ρ‚ для Ρ‚ΠΎΠ³ΠΎ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Ρ€ΠΈΡΠΎΠ²Π°Ρ‚ΡŒ сайты ΠΈ ΠΎΡΡ‚Π°Π²Π»ΡΡ‚ΡŒ ΠΊΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠΈ.

Π’Π°ΠΊ ΠΊΠ°ΠΊ скСтчбук встрСчаСтся Π² Π½Π΅Π±ΠΎΠ»ΡŒΡˆΠΎΠΌ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅, Π΅Π³ΠΎ ΡƒΠ΄ΠΎΠ±Π½ΠΎ Π±Ρ€Π°Ρ‚ΡŒ с ΡΠΎΠ±ΠΎΠΉ ΠΈ Π΄Π΅Π»Π°Ρ‚ΡŒ наброски Π² ΡΠ²ΠΎΠ±ΠΎΠ΄Π½ΠΎΠ΅ врСмя.

НСкоторыС Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Ρ‹ ΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ΡΡ ΡΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½Ρ‹ΠΌΠΈ альбомами для прототипирования.

Π’ ΠΌΠ°Π³Π°Π·ΠΈΠ½Π°Ρ… ΠΎΠ½ΠΈ Π½Π΅ ΠΏΡ€ΠΎΠ΄Π°ΡŽΡ‚ся, поэтому ΠΈΡ… Π΄Π΅Π»Π°ΡŽΡ‚ ΡΠ°ΠΌΠΎΡΡ‚ΠΎΡΡ‚Π΅Π»ΡŒΠ½ΠΎ. НСобходимо ΡΠΊΠ°Ρ‡Π°Ρ‚ΡŒ исходники с ΡΠ°ΠΉΡ‚Π° ΠΈ Ρ€Π°ΡΠΏΠ΅Ρ‡Π°Ρ‚Π°Ρ‚ΡŒ Π½Π° ΠΏΡ€ΠΈΠ½Ρ‚Π΅Ρ€Π΅.

МоТно ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ ΠΌΠ½ΠΎΠ³ΠΎ ΠΊΠΎΠΏΠΈΠΉ Ρ‚Π°ΠΊΠΈΡ… Π»ΠΈΡΡ‚ΠΎΠ² ΠΈ ΠΎΡ‚нСсти Π² Ρ‚ΠΈΠΏΠΎΠ³Ρ€Π°Ρ„ΠΈΡŽ Π½Π° Π±Ρ€ΠΎΡˆΡŽΡ€ΠΎΠ²ΠΊΡƒ. ΠŸΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡΡ ΠΏΠΎΠ»Π½ΠΎΡ†Π΅Π½Π½Ρ‹ΠΉ альбом, Π² ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΌ ΡƒΠ΄ΠΎΠ±Π½ΠΎ Ρ€ΠΈΡΠΎΠ²Π°Ρ‚ΡŒ сайты.



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

Рисунок ΠΌΠ°Ρ€ΠΊΠ΅Ρ€Π°ΠΌΠΈ ΠΈ Ρ€ΡƒΡ‡ΠΊΠ°ΠΌΠΈ получаСтся ΠΆΠΈΠ²Ρ‹ΠΌ ΠΈ ΡΡ€ΠΊΠΈΠΌ. Π›ΠΈΠ½ΠΈΠΈ нСльзя ΡΡ‚Π΅Ρ€Π΅Ρ‚ΡŒ ΠΈ ΠΈΡΠΏΡ€Π°Π²ΠΈΡ‚ΡŒ, поэтому с ΠΏΠ΅Ρ€Π²ΠΎΠ³ΠΎ Ρ€Π°Π·Π° Π½ΡƒΠΆΠ½ΠΎ ΠΏΡ€ΠΎΠ²ΠΎΠ΄ΠΈΡ‚ΡŒ ΠΈΡ… Ρ€ΠΎΠ²Π½ΠΎ ΠΈ Ρ‚ΠΎΡ‡Π½ΠΎ.

Π§Π΅ΠΌ Π°ΠΊΠΊΡƒΡ€Π°Ρ‚Π½Π΅Π΅ нарисован сайт, Ρ‚Π΅ΠΌ большС ΠΎΠ½ ΠΏΠΎΠ½Ρ€Π°Π²ΠΈΡ‚ся Π·Π°ΠΊΠ°Π·Ρ‡ΠΈΠΊΡƒ. А ΡΡ‚ΠΎ Π·Π½Π°Ρ‡ΠΈΡ‚, Ρ‡Ρ‚ΠΎ ΠΎΠ±ΡΡƒΠΆΠ΄Π°Ρ‚ΡŒ структуру ΠΈ Π²Π½ΠΎΡΠΈΡ‚ΡŒ ΠΏΡ€Π°Π²ΠΊΠΈ Π±ΡƒΠ΄Π΅Ρ‚ Π»Π΅Π³Ρ‡Π΅.

Π‘Ρ…Π΅ΠΌΡ‹ сайтов, нарисованныС Π±Ρ‹ΡΡ‚Ρ€ΠΎ ΠΈ Π½Π΅Π±Ρ€Π΅ΠΆΠ½ΠΎ, Π½Π΅ Ρ…очСтся Ρ€Π°ΡΡΠΌΠ°Ρ‚Ρ€ΠΈΠ²Π°Ρ‚ΡŒ ΠΈ ΠΈΠ·ΡƒΡ‡Π°Ρ‚ΡŒ.

РасскаТСм, ΠΊΠ°ΠΊ Π΄Π΅Π»Π°Ρ‚ΡŒ скСтчи сайтов Ρ‚Π°ΠΊ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΎΠ½ΠΈ Π±Ρ‹Π»ΠΈ понятными ΠΈ Π°ΠΊΠΊΡƒΡ€Π°Ρ‚Π½Ρ‹ΠΌΠΈ.

Π ΠΎΠ²Π½ΠΎ Ρ€ΠΈΡΠΎΠ²Π°Ρ‚ΡŒ Π»ΠΈΠ½ΠΈΠΈ

НС ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π»ΠΈΠ½Π΅ΠΉΠΊΡƒ. Когда Ρ„Ρ€Π°Π³ΠΌΠ΅Π½Ρ‚ нарисован ΠΎΡ‚ Ρ€ΡƒΠΊΠΈ, ΠΎΠ½ ΠΊΠ°ΠΆΠ΅Ρ‚ся ΠΆΠΈΠ²Ρ‹ΠΌ ΠΈ Π½Π°ΡΡ‚оящим. А ΠΈΠ΄Π΅Π°Π»ΡŒΠ½ΠΎ Ρ€ΠΎΠ²Π½Ρ‹Π΅ Π»ΠΈΠ½ΠΈΠΈ Π΄Π΅Π»Π°ΡŽΡ‚ рисунок скучным.

Π£ΠΏΡ€ΠΎΡ‰Π°Ρ‚ΡŒ элСмСнты

Π‘ΠΊΠ΅Ρ‚Ρ‡ β€” это схСма Π±ΡƒΠ΄ΡƒΡ‰Π΅Π³ΠΎ сайта. ΠŸΠΎΡΡ‚ΠΎΠΌΡƒ Π½Π΅ ΡΡ‚ΠΎΠΈΡ‚ Ρ‚Ρ€Π°Ρ‚ΠΈΡ‚ΡŒ врСмя Π½Π° Π΄Π΅Ρ‚Π°Π»ΠΈ ΠΈ ΠΏΡ€ΠΎΡ€ΠΈΡΠΎΠ²Ρ‹Π²Π°Ρ‚ΡŒ ΠΊΠ°ΠΆΠ΄Ρ‹ΠΉ элСмСнт. НС Π½ΡƒΠΆΠ½ΠΎ ΠΏΠΎΠ΄Ρ€ΠΎΠ±Π½ΠΎ Ρ€ΠΈΡΠΎΠ²Π°Ρ‚ΡŒ ΠΈΠΊΠΎΠ½ΠΊΠΈ, ΠΏΠΈΡΠ°Ρ‚ΡŒ тСкст ΠΈ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΈ.

ΠŸΠΎΠ΄Π±ΠΈΡ€Π°Ρ‚ΡŒ ΠΎΠΏΡ‚ΠΈΠΌΠ°Π»ΡŒΠ½Ρ‹ΠΉ Ρ€Π°Π·ΠΌΠ΅Ρ€ рисунка

Π‘ΠΊΠ΅Ρ‚Ρ‡ Π½Π΅ Π΄ΠΎΠ»ΠΆΠ΅Π½ Π±Ρ‹Ρ‚ΡŒ слишком большим. Если рисуСтС Π½Π° Π»ΠΈΡΡ‚Π΅ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π° А4, Ρ‚ΠΎ Π΅Π³ΠΎ ΠΌΠΎΠΆΠ½ΠΎ Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½ΠΎ Ρ€Π°Π·Π΄Π΅Π»ΠΈΡ‚ΡŒ Π΄Π²Π΅ части. Π’ ΠΏΠ΅Ρ€Π²ΠΎΠΉ Π½Π°Ρ€ΠΈΡΠΎΠ²Π°Ρ‚ΡŒ сайт, Π° Π²Ρ‚ΠΎΡ€ΡƒΡŽ ΠΎΡΡ‚Π°Π²ΠΈΡ‚ΡŒ для ΠΊΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠ΅Π².

Π’ ΠΎΡΠ½ΠΎΠ²Π΅ любого рисунка β€” прямыС Π»ΠΈΠ½ΠΈΠΈ. ВсС Π±Π°Π·ΠΎΠ²Ρ‹Π΅ элСмСнты сайта нарисованы с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Π½ΠΈΡ…. Если Π»ΠΈΠ½ΠΈΠΈ Ρ€ΠΈΡΠΎΠ²Π°Ρ‚ΡŒ Ρ€ΠΎΠ²Π½Ρ‹ΠΌΠΈ, Ρ‚ΠΎ ΡΠΊΠ΅Ρ‚Ρ‡ Π±ΡƒΠ΄Π΅Ρ‚ Π²Ρ‹Π³Π»ΡΠ΄Π΅Ρ‚ΡŒ Π°ΠΊΠΊΡƒΡ€Π°Ρ‚Π½Ρ‹ΠΌ.

ΠΠ°ΡƒΡ‡ΠΈΡ‚ΡŒΡΡ ΠΏΡ€ΠΎΠ²ΠΎΠ΄ΠΈΡ‚ΡŒ Ρ€ΠΎΠ²Π½Ρ‹Π΅ Π»ΠΈΠ½ΠΈΠΈ Π±Π΅Π· Π»ΠΈΠ½Π΅ΠΉΠΊΠΈ ΠΌΠΎΠΆΠ½ΠΎ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΡΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½Ρ‹Ρ… ΡƒΠΏΡ€Π°ΠΆΠ½Π΅Π½ΠΈΠΉ. ΠŸΠΎΡΡ‚ΠΎΠΌΡƒ стоит ΠΏΠΎΡ‚Ρ€Π°Ρ‚ΠΈΡ‚ΡŒ нСсколько часов Π½Π° ΠΎΡΠ²ΠΎΠ΅Π½ΠΈΠ΅ этого Π½Π°Π²Ρ‹ΠΊΠ°, ΠΎΠ½ ΠΏΠΎΡ‚ΠΎΠΌ пригодится.

Π£ΠΏΡ€Π°ΠΆΠ½Π΅Π½ΠΈΠ΅ 1. ΠžΡ‚ΠΌΠ΅Ρ‚ΡŒΡ‚Π΅ Π½Π° Π»ΠΈΡΡ‚Π΅ Π΄Π²Π΅ Ρ‚ΠΎΡ‡ΠΊΠΈ ΠΈ ΡΠΎΠ΅Π΄ΠΈΠ½ΠΈΡ‚Π΅ ΠΈΡ… Π»ΠΈΠ½ΠΈΠ΅ΠΉ. Π’Π΅Π΄ΠΈΡ‚Π΅ Ρ€ΡƒΠΊΡƒ ΠΏΠ»Π°Π²Π½ΠΎ ΠΈ Ρ€ΠΎΠ²Π½ΠΎ Π² ΡΡ€Π΅Π΄Π½Π΅ΠΌ Ρ‚Π΅ΠΌΠΏΠ΅. Π”Π΅Π»Π°ΠΉΡ‚Π΅ Ρ‚Π°ΠΊ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Ρ€ΡƒΠΊΠ° Π½Π΅ Π΄Ρ€ΠΎΠΆΠ°Π»Π°, Π° Π»ΠΈΠ½ΠΈΡ Π½Π΅ ΠΏΡ€ΠΎΠ²ΠΈΡΠ°Π»Π° ΠΈ Π±Ρ‹Π»Π° достаточно Ρ€ΠΎΠ²Π½ΠΎΠΉ.

Π£ΠΏΡ€Π°ΠΆΠ½Π΅Π½ΠΈΠ΅ 2. РисуйтС Π»ΠΈΠ½ΠΈΠΈ ΠΎΠ΄Π½Ρƒ ΠΏΠΎΠ΄ Π΄Ρ€ΡƒΠ³ΠΎΠΉ ΠΈΠ»ΠΈ рядом Π΄Ρ€ΡƒΠ³ с Π΄Ρ€ΡƒΠ³ΠΎΠΌ. Π‘Ρ‚Π°Ρ€Π°ΠΉΡ‚Π΅ΡΡŒ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΎΠ½ΠΈ Π±Ρ‹Π»ΠΈ ΠΏΠ°Ρ€Π°Π»Π»Π΅Π»ΡŒΠ½Ρ‹ Π΄Ρ€ΡƒΠ³ Π΄Ρ€ΡƒΠ³Ρƒ. НС Π½Π°ΠΆΠΈΠΌΠ°ΠΉΡ‚Π΅ Π½Π° ΠΌΠ°Ρ€ΠΊΠ΅Ρ€ слишком сильно. Π›Π΅Π³ΠΊΠΎ ΠΊΠ°ΡΠ°ΠΉΡ‚Π΅ΡΡŒ Π»ΠΈΡΡ‚Π°, намСчая Ρ‚Ρ€Π°Π΅ΠΊΡ‚ΠΎΡ€ΠΈΡŽ.

Π‘Π°ΠΉΡ‚ β€” это Π½Π°Π±ΠΎΡ€ ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½Π½Ρ‹Ρ… Π±Π»ΠΎΠΊΠΎΠ², ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π² ΡΠ²ΠΎΡŽ ΠΎΡ‡Π΅Ρ€Π΅Π΄ΡŒ состоят ΠΈΠ· Ρ€Π°Π·Π½Ρ‹Ρ… элСмСнтов. Π§Ρ‚ΠΎΠ±Ρ‹ ΡƒΠ·Π½Π°Ρ‚ΡŒ, ΠΊΠ°ΠΊ Π΄Π΅Π»Π°Ρ‚ΡŒ скСтчи сайта, Π½ΡƒΠΆΠ½ΠΎ Π½Π°ΡƒΡ‡ΠΈΡ‚ΡŒΡΡ Ρ€ΠΈΡΠΎΠ²Π°Ρ‚ΡŒ всС Π±Π°Π·ΠΎΠ²Ρ‹Π΅ элСмСнты.

ВсС Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΈ ΠΈ ΠΎΠ±Ρ‹Ρ‡Π½Ρ‹ΠΉ тСкст Ρ€ΠΈΡΡƒΡŽΡ‚ ΡΠΏΠ»ΠΎΡˆΠ½Ρ‹ΠΌΠΈ Π»ΠΈΠ½ΠΈΡΠΌΠΈ Ρ€Π°Π·Π½ΠΎΠΉ Ρ‚ΠΎΠ»Ρ‰ΠΈΠ½Ρ‹.

Π’ ΡΠΊΠ΅Ρ‚Ρ‡Π΅ сайта Π½Π΅ Π΄ΠΎΠ»ΠΆΠ½ΠΎ Π±Ρ‹Ρ‚ΡŒ ΠΌΠ½ΠΎΠ³ΠΎ Π΄Π΅Ρ‚Π°Π»Π΅ΠΉ, поэтому слова ΠΈ Π±ΡƒΠΊΠ²Ρ‹ Π½Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚.

  • ВмСсто Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏΠ° β€” короткая сплошная Π»ΠΈΠ½ΠΈΡ.
  • Π—Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ β€” толстая Π»ΠΈΠ½ΠΈΡ Π½ΡƒΠΆΠ½ΠΎΠΉ Π΄Π»ΠΈΠ½Ρ‹.
  • Π‘Π»ΠΎΠΊ тСкста β€” нСсколько Ρ€Π°Π·Π½Ρ‹Ρ… Π»ΠΈΠ½ΠΈΠΉ ΠΎΠ΄Π½ΠΎΠΉ Ρ‚ΠΎΠ»Ρ‰ΠΈΠ½Ρ‹.

Π˜Π·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΡ Π½Π° ΡΡ‚Ρ€Π°Π½ΠΈΡ†Π΅ ΠΏΠΎΠΊΠ°Π·Ρ‹Π²Π°ΡŽΡ‚ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊΠ° с Π΄Π²ΡƒΠΌΡ ΠΏΠ΅Ρ€Π΅ΡΠ΅ΠΊΠ°ΡŽΡ‰ΠΈΠΌΠΈΡΡ Π»ΠΈΠ½ΠΈΡΠΌΠΈ Π²Π½ΡƒΡ‚Ρ€ΠΈ. Если ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ ΡˆΠΈΡ€ΠΎΠΊΠΎΠ΅ ΠΈ Π·Π°Π½ΠΈΠΌΠ°Π΅Ρ‚ всю страницу, Π΅Π³ΠΎ Ρ€ΠΈΡΡƒΡŽΡ‚ ΠΏΠΎ Π²ΡΠ΅ΠΉ ΡˆΠΈΡ€ΠΈΠ½Π΅.

Π’ΠΈΠ΄Π΅ΠΎ ΠΎΠ±ΠΎΠ·Π½Π°Ρ‡Π°ΡŽΡ‚ ΠΊΠ°ΠΊ ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊ с Ρ‚Ρ€Π΅ΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊΠΎΠΌ ΠΏΠΎ Ρ†Π΅Π½Ρ‚Ρ€Ρƒ. Π’Ρ€Π΅ΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊ ΠΎΠ·Π½Π°Ρ‡Π°Π΅Ρ‚ ΠΊΠ½ΠΎΠΏΠΊΡƒ запуска воспроизвСдСния.

Π‘Π»Π°ΠΉΠ΄Π΅Ρ€ Ρ€ΠΈΡΡƒΡŽΡ‚ Ρ‚Π°ΠΊ ΠΆΠ΅, ΠΊΠ°ΠΊ ΠΈ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ, с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΠΏΠ΅Ρ€Π΅Ρ‡Π΅Ρ€ΠΊΠ½ΡƒΡ‚ΠΎΠ³ΠΎ ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊΠ°. К Π½Π΅ΠΌΡƒ Π΄ΠΎΠ±Π°Π²Π»ΡΡŽΡ‚ Π΅Ρ‰Π΅ элСмСнты управлСния: стрСлки ΠΈ ΠΏΠ°Π³ΠΈΠ½Π°Ρ‚ΠΎΡ€. Если слайдСр нСбольшой, Ρ€ΠΈΡΡƒΡŽΡ‚ малСнький ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊ. Если это Ρ†Π΅Π»Ρ‹ΠΉ экран, Ρ€Π°ΡΡ‚ΡΠ³ΠΈΠ²Π°ΡŽΡ‚ Π½Π° ΡˆΠΈΡ€ΠΈΠ½Ρƒ всСй страницы.

Иконки, ΠΊΠ½ΠΎΠΏΠΊΠΈ ΠΈ Π΄Ρ€ΡƒΠ³ΠΈΠ΅ элСмСнты ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ°ΡŽΡ‚ схСматично Π² ΡƒΠΏΡ€ΠΎΡ‰Π΅Π½Π½ΠΎΠΌ Π²ΠΈΠ΄Π΅. Однако Π½ΡƒΠΆΠ½ΠΎ ΡΠΎΠ±Π»ΡŽΠ΄Π°Ρ‚ΡŒ Ρ„ΠΎΡ€ΠΌΡƒ ΠΈ Π΄Π΅Π»Π°Ρ‚ΡŒ элСмСнты Ρ‚Π°ΠΊΠΈΠΌΠΈ, ΠΊΠ°ΠΊΠΈΠΌΠΈ ΠΎΠ½ΠΈ Π±ΡƒΠ΄ΡƒΡ‚ Π½Π° ΠΌΠ°ΠΊΠ΅Ρ‚Π΅.

Если Π½ΡƒΠΆΠ½Π° ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½Π°Ρ ΠΊΠ½ΠΎΠΏΠΊΠ°, рисуСм ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊ. Π˜ΠΊΠΎΠ½ΠΊΡƒ ΠΌΠΎΠΆΠ½ΠΎ ΠΎΠ±ΠΎΠ·Π½Π°Ρ‡ΠΈΡ‚ΡŒ малСньким ΠΊΡ€ΡƒΠ³ΠΎΠΌ.

Π§Ρ‚ΠΎΠ±Ρ‹ Π½Π°Ρ€ΠΈΡΠΎΠ²Π°Ρ‚ΡŒ сайт Ρ†Π΅Π»ΠΈΠΊΠΎΠΌ, Π½ΡƒΠΆΠ½ΠΎ ΠΊΠΎΠΌΠ±ΠΈΠ½ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ всС элСмСнты: изобраТСния, Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΈ ΠΈ Ρ‚Скст, слайдСры, ΠΊΠ½ΠΎΠΏΠΊΠΈ ΠΈ ΠΈΠΊΠΎΠ½ΠΊΠΈ.

НапримСр, Π½ΡƒΠΆΠ½ΠΎ Π½Π°Ρ€ΠΈΡΠΎΠ²Π°Ρ‚ΡŒ ΠΌΠ°ΠΊΠ΅Ρ‚ сайта для Π½ΠΎΠ²ΠΎΠ³ΠΎ ΡΡ‚Ρ€ΠΎΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΠ³ΠΎ ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π»Π°.

Π‘Π½Π°Ρ‡Π°Π»Π° ΠΏΠΎΠ΄ΡƒΠΌΠ°Π΅ΠΌ Π½Π°Π΄ структурой Π±ΡƒΠ΄ΡƒΡ‰Π΅ΠΉ страницы. Π’Π°ΠΊ ΠΊΠ°ΠΊ это Π»Π΅Π½Π΄ΠΈΠ½Π³, Ρ‚ΠΎ Π½ΡƒΠΆΠ½Ρ‹ Ρ‚Π°ΠΊΠΈΠ΅ Π±Π»ΠΎΠΊΠΈ:

  1. ΠŸΡ€ΠΈΠ²Π»Π΅Ρ‡Π΅Π½ΠΈΠ΅ внимания, Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ ΠΈ ΠΏΡ€Π΅Π΄Π»ΠΎΠΆΠ΅Π½ΠΈΠ΅.
  2. ОписаниС Ρ‚ΠΎΠ²Π°Ρ€Π° ΠΈΠ»ΠΈ услуги.
  3. Π‘Ρ€Π°Π²Π½Π΅Π½ΠΈΠ΅ с Π°Π½Π°Π»ΠΎΠ³Π°ΠΌΠΈ.
  4. ΠŸΡ€ΠΈΠΌΠ΅Ρ€Ρ‹ Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚Π°.
  5. Π¦Π΅Π½Ρ‹.
  6. ΠžΡ‚Π·Ρ‹Π²Ρ‹, частыС вопросы.
  7. Π€ΠΎΡ€ΠΌΠ° ΠΎΠ±Ρ€Π°Ρ‚Π½ΠΎΠΉ связи.

На ΠΎΡΠ½ΠΎΠ²Π΅ этой структуры набросаСм рисунок Π±ΡƒΠ΄ΡƒΡ‰Π΅Π³ΠΎ сайта.

ΠžΠ±Ρ‹Ρ‡Π½ΠΎ Ρ‚Π°ΠΊΠΈΠ΅ зарисовки Π΄Π΅Π»Π°Π΅Ρ‚ ΠΌΠ΅Π½Π΅Π΄ΠΆΠ΅Ρ€ Π²ΠΎ Π²Ρ€Π΅ΠΌΡ встрСчи с ΠΊΠ»ΠΈΠ΅Π½Ρ‚Π°ΠΌΠΈ ΠΈΠ»ΠΈ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΌΡƒ прСдстоит ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ ΠΌΠ°ΠΊΠ΅Ρ‚ для Π±ΡƒΠ΄ΡƒΡ‰Π΅Π³ΠΎ сайта.

Π’ Π»ΡŽΠ±ΠΎΠΌ случаС ΠΊ ΡΡ‚ΠΎΠΌΡƒ Π½ΡƒΠΆΠ½ΠΎ ΠΎΡ‚Π½Π΅ΡΡ‚ΠΈΡΡŒ ΡΠ΅Ρ€ΡŒΠ΅Π·Π½ΠΎ: Π½Π°Ρ€ΠΈΡΠΎΠ²Π°Ρ‚ΡŒ, ΠΎΠ±ΡΡƒΠ΄ΠΈΡ‚ΡŒ с Π·Π°ΠΊΠ°Π·Ρ‡ΠΈΠΊΠΎΠΌ, ΡƒΡ‚Π²Π΅Ρ€Π΄ΠΈΡ‚ΡŒ структуру. ВсС вопросы Π»ΡƒΡ‡ΡˆΠ΅ Ρ€Π΅ΡˆΠ°Ρ‚ΡŒ Π½Π° ΡΡ‚Π°ΠΏΠ΅ набросков ΠΈ Ρ‡Π΅Ρ€Π½ΠΎΠ²ΠΈΠΊΠΎΠ², Π° Π½Π΅ Π²ΠΎ Π²Ρ€Π΅ΠΌΡ создания ΠΌΠ°ΠΊΠ΅Ρ‚ΠΎΠ².

ΠšΠΎΡ€Ρ€Π΅ΠΊΡ‚ΠΈΡ€ΠΎΠ²ΠΊΠ° Ρ„ΠΈΠ½Π°Π»ΡŒΠ½ΠΎΠ³ΠΎ Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚Π° ΠΎΡ‚Π½ΠΈΠΌΠ°Π΅Ρ‚ ΠΌΠ½ΠΎΠ³ΠΎ Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ ΠΈ Ρƒ Π·Π°ΠΊΠ°Π·Ρ‡ΠΈΠΊΠ°, ΠΈ Ρƒ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Π°. ΠŸΠΎΡΡ‚ΠΎΠΌΡƒ наброски ΠΈ ΡΠΊΠ΅Ρ‚Ρ‡ΠΈ Π½Π° Ρ€Π°Π½Π½Π΅ΠΌ этапС ΠΏΠΎΠΌΠΎΠ³ΡƒΡ‚ Π·Π°Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ Π±Ρ‹ΡΡ‚Ρ€Π΅Π΅ ΠΈ ΡΠΎΡ…Ρ€Π°Π½ΠΈΡ‚ΡŒ рСсурсы.

Π ΠΈΡΠΎΠ²Π°Ρ‚ΡŒ ΠΌΠ°ΠΊΠ΅Ρ‚Ρ‹ сайтов Π½Π° Π±ΡƒΠΌΠ°Π³Π΅ Π½Π΅ ΡΠ»ΠΎΠΆΠ½Π΅Π΅, Ρ‡Π΅ΠΌ Π΄Π΅Π»Π°Ρ‚ΡŒ ΠΈΡ… Π² Π³Ρ€Π°Ρ„ичСском Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π΅. ΠŸΠΎΡ‚ΠΎΠΌΡƒ Ρ‡Ρ‚ΠΎ здСсь Π²Π°ΠΆΠ½ΠΎ Π½Π΅ Ρ‚ΠΎ, ΠΊΠ°ΠΊ Ρ…ΠΎΡ€ΠΎΡˆΠΎ Π²Ρ‹ Ρ€ΠΈΡΡƒΠ΅Ρ‚Π΅, Π° Ρ‚ΠΎ, насколько Π°ΠΊΠΊΡƒΡ€Π°Ρ‚Π½ΠΎ ΠΈ ΠΏΠΎΠ½ΡΡ‚Π½ΠΎ ΠΈΠ·Π»ΠΎΠΆΠ΅Π½Π° информация. ΠŸΡ€ΠΎΠ΄ΠΎΠ»ΠΆΠΈΡ‚ΡŒ ΠΈΠ·ΡƒΡ‡Π΅Π½ΠΈΠ΅ скСтчинга, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ наброски сайтов, Π²ΠΈΠ·ΡƒΠ°Π»ΠΈΠ·ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ свои мысли ΠΈ ΠΎΠ±ΡŠΡΡΠ½ΡΡ‚ΡŒ ΠΈΠ΄Π΅ΠΈ ΠΊΠΎΠ»Π»Π΅Π³Π°ΠΌ, ΠΌΠΎΠΆΠ½ΠΎ Π½Π° ΠΊΡƒΡ€ΡΠ΅ Β«Π‘ΠΊΠ΅Ρ‚Ρ‡ΠΈΠ½Π³ для Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Π°Β» ΠΎΡ‚ Skillbox.

ΠšΡƒΡ€Ρ Β«Π‘ΠΊΠ΅Ρ‚Ρ‡ΠΈΠ½Π³ для Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ΠΎΠ²Β»

На ΠΊΡƒΡ€ΡΠ΅ Π²Ρ‹ ΠΈΠ·ΡƒΡ‡ΠΈΡ‚Π΅ Ρ‚Π΅Ρ…Π½ΠΈΠΊΠΈ ΠΈ ΠΏΡ€ΠΈΠΎΠ±Ρ€Π΅Ρ‚Π΅Ρ‚Π΅ Π½Π°Π²Ρ‹ΠΊΠΈ, Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΡ‹Π΅ для создания скСтчСй.

  • Живая обратная связь с ΠΏΡ€Π΅ΠΏΠΎΠ΄Π°Π²Π°Ρ‚Слями
  • НСограничСнный доступ ΠΊ ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π»Π°ΠΌ курса
  • Π‘Ρ‚Π°ΠΆΠΈΡ€ΠΎΠ²ΠΊΠ° Π² ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΡΡ…-ΠΏΠ°Ρ€Ρ‚Π½Ρ‘Ρ€Π°Ρ…
  • Π”ΠΈΠΏΠ»ΠΎΠΌΠ½Ρ‹ΠΉ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ ΠΎΡ‚ Ρ€Π΅Π°Π»ΡŒΠ½ΠΎΠ³ΠΎ Π·Π°ΠΊΠ°Π·Ρ‡ΠΈΠΊΠ°
  • Гарантия трудоустройства Π² ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠΈ-ΠΏΠ°Ρ€Ρ‚Π½Ρ‘Ρ€Ρ‹ для выпускников, Π·Π°Ρ‰ΠΈΡ‚ΠΈΠ²ΡˆΠΈΡ… Π΄ΠΈΠΏΠ»ΠΎΠΌΠ½Ρ‹Π΅ Ρ€Π°Π±ΠΎΡ‚Ρ‹

skillbox.ru

ΠΎΡ‚ знакомства с интСрфСйсом Π΄ΠΎ экспорта β€” Ρ€ΡƒΠΊΠΎΠ²ΠΎΠ΄ΡΡ‚Π²Π° Π½Π° Skillbox

Sketch β€” ΡƒΠ½ΠΈΠ²Π΅Ρ€ΡΠ°Π»ΡŒΠ½Ρ‹ΠΉ графичСский Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ для macOS, Π² ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΌ Π»Π΅Π³ΠΊΠΎ Π½Π°Ρ€ΠΈΡΠΎΠ²Π°Ρ‚ΡŒ сайт с Π½ΡƒΠ»Ρ ΠΈ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ ΠΌΠ°ΠΊΠ΅Ρ‚ мобильного прилоТСния. Π§Π΅ΠΌ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒΡΡ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Ρ€ΠΈΡΠΎΠ²Π°Ρ‚ΡŒ:

Π‘Ρ‚Ρ€Π°Π½ΠΈΡ†Ρ‹ ΠΈ ΡΠΏΠΈΡΠΎΠΊ Π°Ρ€Ρ‚Π±ΠΎΡ€Π΄ΠΎΠ² для Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΈ ΠΏΠΎ ΠΌΠ°ΠΊΠ΅Ρ‚Ρƒ. ВсС инструмСнты, Π² Ρ‚ΠΎΠΌ числС ΠΈ ΡΠΎΠ·Π΄Π°Π½ΠΈΠ΅ Π½ΠΎΠ²ΠΎΠ³ΠΎ Π°Ρ€Ρ‚Π±ΠΎΡ€Π΄Π°, находятся Π² Insert.

Рабочая ΠΎΠ±Π»Π°ΡΡ‚ΡŒ с Π°Ρ€Ρ‚Π±ΠΎΡ€Π΄Π°ΠΌΠΈ.

Π˜Π½ΡΠΏΠ΅ΠΊΡ‚ΠΎΡ€, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΎΡ‚Π²Π΅Ρ‡Π°Π΅Ρ‚ Π·Π° ΡΠ²ΠΎΠΉΡΡ‚Π²Π° Π²Ρ‹Π΄Π΅Π»Π΅Π½Π½ΠΎΠ³ΠΎ Π°Ρ€Ρ‚Π±ΠΎΡ€Π΄Π° ΠΈΠ»ΠΈ элСмСнта: Ρ€Π°Π·ΠΌΠ΅Ρ€Ρ‹, ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Ρ‹ налоТСния, Ρ‚Π΅Π½ΠΈ, Π²Ρ‹Ρ€Π°Π²Π½ΠΈΠ²Π°Π½ΠΈΠ΅ ΠΈ ΠΏΠΎΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅.

Π€ΡƒΠ½ΠΊΡ†ΠΈΠΈ Sketch

Π»Π΅Π³ΠΊΠΎ Ρ€Π°ΡΡˆΠΈΡ€ΠΈΡ‚ΡŒ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ бСсплатных ΠΏΠ»Π°Π³ΠΈΠ½ΠΎΠ², ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π²ΡΡ‚Ρ€Π°ΠΈΠ²Π°ΡŽΡ‚ΡΡ Π² ΠΈΠ½Ρ‚СрфСйс ΠΈ ΠΏΠΎΠΌΠΎΠ³Π°ΡŽΡ‚ ΡƒΠΌΠ΅Π½ΡŒΡˆΠΈΡ‚ΡŒ Ρ€ΡƒΡ‚ΠΈΠ½Ρƒ ΠΈ ΡƒΡΠΊΠΎΡ€ΠΈΡ‚ΡŒ Ρ€Π°Π±ΠΎΡ‡ΠΈΠΉ процСсс.

На ΡΠΊΡ€ΠΈΠ½ΡˆΠΎΡ‚Π΅ с ΠΈΠ½Ρ‚СрфСйсом Sketch я ΠΏΠΎΠΊΠ°Π·Π°Π» ΠΏΠ»Π°Π³ΠΈΠ½ Craft ΠΎΡ‚ Invision, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΏΠΎΠΌΠΎΠ³Π°Π΅Ρ‚ Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ с ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚ΠΎΠΌ: ΠΌΠΎΠΌΠ΅Π½Ρ‚Π°Π»ΡŒΠ½ΠΎ Π²ΡΡ‚Π°Π²Π»ΡΡ‚ΡŒ изобраТСния Π² ΠΌΠ°ΠΊΠ΅Ρ‚ ΠΈ Π΄Π΅Π»Π°Ρ‚ΡŒ ΠΊΠΎΠΏΠΈΠΈ элСмСнтов.

Π•ΡΡ‚ΡŒ ΡΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½Ρ‹Π΅ ΠΌΠ΅Π½Π΅Π΄ΠΆΠ΅Ρ€Ρ‹, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΏΠΎΠΌΠΎΠ³Π°ΡŽΡ‚ ΠΊΠΎΠ½Ρ‚Ρ€ΠΎΠ»ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΠΈ Π²Ρ‹Π±ΠΈΡ€Π°Ρ‚ΡŒ Π½ΡƒΠΆΠ½Ρ‹Π΅ ΠΏΠ»Π°Π³ΠΈΠ½Ρ‹.

Π“Π΄Π΅ ΠΈΡΠΊΠ°Ρ‚ΡŒ ΠΏΠ»Π°Π³ΠΈΠ½Ρ‹

   Π£Π΄ΠΎΠ±Π½Ρ‹Π΅ ΠΏΠ»Π°Π³ΠΈΠ½Ρ‹ Π² Π³Π°ΠΉΠ΄Π»Π°ΠΉΠ½Π°Ρ… Π‘ΠšΠ‘ ΠšΠΎΠ½Ρ‚ΡƒΡ€,

   Π‘ΠΎΠ»ΡŒΡˆΠΎΠΉ список ΠΏΠ»Π°Π³ΠΈΠ½ΠΎΠ² Π½Π° GitHub.

Π’ ΠΏΡ€ΠΎΡˆΠ»Ρ‹Ρ… ΡΡ‚Π°Ρ‚ΡŒΡ ΠΌΡ‹ Ρ€ΠΈΡΠΎΠ²Π°Π»ΠΈ скСтч ΠΈ ΠΏΡ€ΠΎΡ‚ΠΎΡ‚ΠΈΠΏ для сайта ΡΡ‚Ρ€ΠΎΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΠΉ Ρ‚Π΅ΠΌΠ°Ρ‚ΠΈΠΊΠΈ. А ΡΠ΅ΠΉΡ‡Π°Ρ сдСлаСм ΠΌΠ°ΠΊΠ΅Ρ‚ этого сайта Π² Sketch.

ΠŸΡ€ΠΎΡ‚ΠΎΡ‚ΠΈΠΏ ΠΈ ΡΠΊΠ΅Ρ‚Ρ‡ сайта для ΡΡ‚Ρ€ΠΎΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Ρ… Π±Π»ΠΎΠΊΠΎΠ²

Π‘ΠΎΠ·Π΄Π°Π΅ΠΌ Π½ΠΎΠ²Ρ‹ΠΉ Π°Ρ€Ρ‚Π±ΠΎΡ€Π΄: Π½Π°ΠΆΠΈΠΌΠ°Π΅ΠΌ ΠΊΠ½ΠΎΠΏΠΊΡƒ Insert ΠΈ Π² Ρ€Π°ΡΠΊΡ€Ρ‹Π²ΡˆΠ΅ΠΌΡΡ мСню Π²Ρ‹Π±ΠΈΡ€Π°Π΅ΠΌ Artboard. Π‘ΠΏΡ€Π°Π²Π° Π·Π°Π΄Π°Π΅ΠΌ Π½ΡƒΠΆΠ½Ρ‹ΠΉ Ρ€Π°Π·ΠΌΠ΅Ρ€.

Для ΠΏΠ»Π°Π½ΡˆΠ΅Ρ‚ΠΎΠ² ΠΏΠΎΠ΄ΠΎΠΉΠ΄Π΅Ρ‚ ΡˆΠΈΡ€ΠΈΠ½Π° Π² 768 ΠΈΠ»ΠΈ 960px, Π° Π΄Π»Ρ ΠΊΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€Π° Π»ΡƒΡ‡ΡˆΠ΅ Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ1024 ΠΈ 1440px. Для этого ΠΌΠ°ΠΊΠ΅Ρ‚Π° я Π²Ρ‹Π±ΠΈΡ€Π°ΡŽ прСдустановлСнный Ρ€Π°Π·ΠΌΠ΅Ρ€ Desktop HD.

Π‘ΠΎΠ·Π΄Π°Ρ‚ΡŒ Π°Ρ€Ρ‚Π±ΠΎΡ€Π΄ ΠΌΠΎΠΆΠ½ΠΎ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ горячСй клавиши A Π½Π° ΠΊΠ»Π°Π²ΠΈΠ°Ρ‚ΡƒΡ€Π΅.

Π’Π΅ΡΡŒ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚ Π½Π° ΡΠ°ΠΉΡ‚Π΅ строится ΠΏΠΎ ΡΠ΅Ρ‚ΠΊΠ΅. Π‘Π΅Ρ‚ΠΊΡƒ ΠΏΠΎΠ΄Π±ΠΈΡ€Π°ΡŽΡ‚ ΠΏΠΎΠ΄ ΠΊΠ°ΠΆΠ΄Ρ‹ΠΉ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚. Π‘ ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Show Layout Π² View ΠΌΠΎΠΆΠ½ΠΎ ΡΠΊΡ€Ρ‹Ρ‚ΡŒ ΠΈΠ»ΠΈ ΠΏΠΎΠΊΠ°Π·Π°Ρ‚ΡŒ Π½Π° Π°Ρ€Ρ‚Π±ΠΎΡ€Π΄Π΅ ΡƒΠΆΠ΅ Π½Π°ΡΡ‚Ρ€ΠΎΠ΅Π½Π½ΡƒΡŽ сСтку. Π§Ρ‚ΠΎΠ±Ρ‹ Π·Π°Π΄Π°Ρ‚ΡŒ Π½ΠΎΠ²ΡƒΡŽ: View β†’ Layout Settings.

Π’ ΠΏΠΎΡΠ²ΠΈΠ²ΡˆΠ΅ΠΌΡΡ ΠΎΠΊΠ½Π΅ Π·Π°Π΄Π°Π΅ΠΌ ΡˆΠΈΡ€ΠΈΠ½Ρƒ сСтки, отступы ΠΈ ΠΊΠΎΠ»ΠΈΡ‡Π΅ΡΡ‚Π²ΠΎ ΠΊΠΎΠ»ΠΎΠ½ΠΎΠΊ.

Π’Ρ‹Π±ΠΈΡ€Π°Π΅ΠΌ ОК, смотрим Π½Π° Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚.

Π§Ρ‚ΠΎΠ±Ρ‹ ΠΎΡ‚Π²Π΅Ρ‚ΠΈΡ‚ΡŒ Π½Π° Π²ΠΎΠΏΡ€ΠΎΡ, ΠΊΠ°ΠΊ Π½Π°Ρ€ΠΈΡΠΎΠ²Π°Ρ‚ΡŒ ΡˆΠ°ΠΏΠΊΡƒ сайта, Π½ΡƒΠΆΠ½ΠΎ ΠΏΠΎΠ½ΡΡ‚ΡŒ Π΅Π΅ Ρ‚ΠΈΠΏΠΈΡ‡Π½ΡƒΡŽ структуру. ΠžΠ±Ρ‹Ρ‡Π½ΠΎ Π² ΡˆΠ°ΠΏΠΊΠ΅ Ρ€Π°Π·ΠΌΠ΅Ρ‰Π°ΡŽΡ‚ Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏ ΠΈ Π½Π°Π·Π²Π°Π½ΠΈΠ΅ ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠΈ, элСмСнты мСню, Ρ‚Π΅Π»Π΅Ρ„ΠΎΠ½Π½Ρ‹Π΅ Π½ΠΎΠΌΠ΅Ρ€Π° ΠΈ Π΄Ρ€ΡƒΠ³ΠΈΠ΅ ΠΊΠΎΠ½Ρ‚Π°ΠΊΡ‚Π½Ρ‹Π΅ Π΄Π°Π½Π½Ρ‹Π΅. Π˜ΠΌΠΏΠΎΡ€Ρ‚ΠΈΡ€ΡƒΠ΅ΠΌ PNG-Ρ„Π°ΠΉΠ» с Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏΠΎΠΌ: для этого ΠΌΠΎΠΆΠ½ΠΎ ΠΏΠ΅Ρ€Π΅Ρ‚ΡΠ½ΡƒΡ‚ΡŒ Π΅Π³ΠΎ прямо Π½Π° Π°Ρ€Ρ‚Π±ΠΎΡ€Π΄ ΠΈΠ»ΠΈ Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ Insert β†’ Image.

Π­Π»Π΅ΠΌΠ΅Π½Ρ‚Ρ‹ мСню ΠΈ Π½ΠΎΠΌΠ΅Ρ€ Ρ‚Π΅Π»Π΅Ρ„ΠΎΠ½Π° создаСм с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΠΎΠ±Ρ‹Ρ‡Π½ΠΎΠ³ΠΎ тСкста: Insert β†’ Text ΠΈΠ»ΠΈ клавиша T Π½Π° ΠΊΠ»Π°Π²ΠΈΠ°Ρ‚ΡƒΡ€Π΅.

Для ΠΊΠ½ΠΎΠΏΠΊΠΈ Β«ΠŸΠ΅Ρ€Π΅Π·Π²ΠΎΠ½ΠΈΡ‚Π΅ ΠΌΠ½Π΅Β» ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅ΠΌ инструмСнт Text ΠΈ ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊ: Insert β†’ Shape β†’ Rectangle. РисуСм ΠΊΠΎΠ½Ρ‚ΡƒΡ€ Π½ΡƒΠΆΠ½ΠΎΠ³ΠΎ Ρ€Π°Π·ΠΌΠ΅Ρ€Π°, Π° Π·Π°Ρ‚Π΅ΠΌ устанавливаСм радиус ΡƒΠ³Π»ΠΎΠ² ΠΈ Ρ†Π²Π΅Ρ‚ ΠΎΠ±Π²ΠΎΠ΄ΠΊΠΈ.

ΠŸΠ΅Ρ€Π²Ρ‹ΠΉ экран Π΄ΠΎΠ»ΠΆΠ΅Π½ ΠΏΡ€ΠΈΠ²Π»Π΅Ρ‡ΡŒ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ ΠΈ Ρ€Π°ΡΡΠΊΠ°Π·Π°Ρ‚ΡŒ, ΠΎ Ρ‡Π΅ΠΌ сайт. Π—Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ ΠΈ Π°Π±Π·Π°Ρ† тСкста Ρ‚Π°ΠΊΠΆΠ΅ Π·Π°Π΄Π°Π΅ΠΌ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ инструмСнта Text ΠΈ Π²ΡΡ‚авляСм ΠΈΠ»Π»ΡŽΡΡ‚Ρ€Π°Ρ†ΠΈΡŽ.

ΠšΠ°ΠΆΠ΅Ρ‚ΡΡ, Ρ‡Ρ‚ΠΎ Π΄ΠΎΠΌ висит Π² Π²ΠΎΠ·Π΄ΡƒΡ…Π΅ ΠΈ Π½Π΅ ΡΠΎΠ³Π»Π°ΡΡƒΠ΅Ρ‚ся с ΠΎΠΊΡ€ΡƒΠΆΠ°ΡŽΡ‰ΠΈΠΌ ΠΌΠΈΡ€ΠΎΠΌ. Π§Ρ‚ΠΎΠ±Ρ‹ Π²Π΅Ρ€Π½ΡƒΡ‚ΡŒ Π΅Π³ΠΎ Π½Π° Π·Π΅ΠΌΠ»ΡŽ ΠΈ Π·Π°Π΄Π°Ρ‚ΡŒ Ρ‚ΠΎΠ½ для ΡΠ»Π΅Π΄ΡƒΡŽΡ‰Π΅Π³ΠΎ экрана сайта, нарисуСм ΡΠ΅Ρ€ΡƒΡŽ ΠΏΠΎΠ΄Π»ΠΎΠΆΠΊΡƒ. Для этого: Insert β†’ Vector ΠΈ ΡΠΎΠ·Π΄Π°Π΅ΠΌ ΠΊΠΎΠ½Ρ‚ΡƒΡ€ ΠΎΠΊΠΎΠ»ΠΎ изобраТСния Π΄ΠΎΠΌΠ°.

ЗаполняСм ΠΊΠΎΠ½Ρ‚ΡƒΡ€ сСрым Ρ†Π²Π΅Ρ‚ΠΎΠΌ ΠΈ ΠΏΠ΅Ρ€Π΅Π΄Π²ΠΈΠ³Π°Π΅ΠΌ Π΅Π³ΠΎ Π·Π° ΡΠ»ΠΎΠΉ с Π΄ΠΎΠΌΠΎΠΌ.

Π‘Π»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠΉ экран β€” ΠΏΠΎΠ΄Ρ€ΠΎΠ±Π½Ρ‹ΠΉ рассказ ΠΏΡ€ΠΎ стСновой Π±Π»ΠΎΠΊ ΠΈ Π΅Π³ΠΎ ΠΎΡ‚Π»ΠΈΡ‡ΠΈΠ΅ ΠΎΡ‚ ΠΊΠΎΠ½ΠΊΡƒΡ€Π΅Π½Ρ‚ΠΎΠ². Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅ΠΌ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π±Π»ΠΎΠΊΠ° ΠΈ Π΅Π³ΠΎ описаниС. Для ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ ΠΈΠ· ΠΏΡ€Π΅ΠΈΠΌΡƒΡ‰Π΅ΡΡ‚Π² ΠΏΠΎΠ΄Π±Π΅Ρ€Π΅ΠΌ ΠΈΠΊΠΎΠ½ΠΊΡƒ.

Π˜ΠΊΠΎΠ½ΠΊΡƒ я Ρ€Π°Π·ΠΌΠ΅ΡΡ‚ΠΈΠ» Π½Π° ΠΊΡ€ΡƒΠ³Π»ΠΎΠΉ ΠΎΡ€Π°Π½ΠΆΠ΅Π²ΠΎΠΉ ΠΏΠΎΠ΄Π»ΠΎΠΆΠΊΠ΅. Выровнял ΠΏΠΎ Ρ†Π΅Π½Ρ‚Ρ€Ρƒ ΠΎΡ‚Π½ΠΎΡΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ Π΄Ρ€ΡƒΠ³ Π΄Ρ€ΡƒΠ³Π°, Π·Π°ΠΏΠΎΠ»Π½ΠΈΠ» Π±Π΅Π»Ρ‹ΠΌ ΠΈΠΊΠΎΠ½ΠΊΡƒ.

Π§Ρ‚ΠΎΠ±Ρ‹ ΠΏΠΎΠΊΠ°Π·Π°Ρ‚ΡŒ Π΄ΠΎΠΌΠ°, сдСланныС ΠΈΠ· Π±Π»ΠΎΠΊΠΎΠ², ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅ΠΌ слайдСр с Ρ„отографиями. КаТдая страница слайдСра β€” это ΡˆΠ΅ΡΡ‚ΡŒ ΠΊΠ²Π°Π΄Ρ€Π°Ρ‚Π½Ρ‹Ρ… Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΉ Π΄ΠΎΠΌΠΎΠ². ВсС исходныС изобраТСния β€” Ρ€Π°Π·Π½Ρ‹Π΅ ΠΏΠΎ Π΄Π»ΠΈΠ½Π΅ ΠΈ ΡˆΠΈΡ€ΠΈΠ½Π΅. Π§Ρ‚ΠΎΠ±Ρ‹ Π±Ρ‹ΡΡ‚Ρ€ΠΎ привСсти ΠΈΡ… ΠΊ ΠΎΠ΄Π½ΠΎΠΌΡƒ Ρ€Π°Π·ΠΌΠ΅Ρ€Ρƒ, Π±ΡƒΠ΄Π΅ΠΌ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒΡΡ масками.

Для этого нарисуСм ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊ Π½ΡƒΠΆΠ½ΠΎΠ³ΠΎ Ρ€Π°Π·ΠΌΠ΅Ρ€Π° (Insert β†’ Rectangle) ΠΈ Ρ€Π°Π·ΠΌΠ΅ΡΡ‚ΠΈΠΌ Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΡŽ Π½Π°Π΄ Π½ΠΈΠΌ. Π—Π°Ρ‚Π΅ΠΌ Π²Ρ‹Π±Π΅Ρ€Π΅ΠΌ слой с ΡΡ‚ΠΈΠΌ ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊΠΎΠΌ ΠΈ Π½Π°ΠΆΠΈΠΌΠ°Π΅ΠΌ ΠΊΠ½ΠΎΠΏΠΊΡƒ Mask.

ΠŸΡ€ΠΎΠ²ΠΎΠ΄ΠΈΠΌ эту ΠΎΠΏΠ΅Ρ€Π°Ρ†ΠΈΡŽ для ΠΎΡΡ‚Π°Π»ΡŒΠ½Ρ‹Ρ… Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΉ ΠΈ Ρ€ΠΈΡΡƒΠ΅ΠΌ элСмСнты управлСния слайдСром.

Π§Ρ‚ΠΎΠ±Ρ‹ Π²Π΅Ρ€ΡΡ‚Π°Π»ΡŒΡ‰ΠΈΠΊΡƒ Π±Ρ‹Π»ΠΎ Π»Π΅Π³Ρ‡Π΅ Ρ€Π°Π·ΠΎΠ±Ρ€Π°Ρ‚ΡŒΡΡ Π² ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π΅, Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ Ρ€Π°Π·ΠΎΠ±Ρ€Π°Ρ‚ΡŒΡΡ Π² ΡΠ»ΠΎΡΡ…: ΡΠ³Ρ€ΡƒΠΏΠΏΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΠΈ ΠΎΡΠΌΡ‹ΡΠ»Π΅Π½Π½ΠΎ Π½Π°Π·Π²Π°Ρ‚ΡŒ элСмСнты.

БСйчас всС слои ΠΏΠ΅Ρ€Π΅ΠΌΠ΅ΡˆΠ°Π½Ρ‹, Π½Π΅Ρ‚ ΠΈΠ΅Ρ€Π°Ρ€Ρ…ΠΈΠΈ.

Π§Ρ‚ΠΎΠ±Ρ‹ ΡΠ³Ρ€ΡƒΠΏΠΏΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ элСмСнты, достаточно ΠΈΡ… Π²Ρ‹Π΄Π΅Π»ΠΈΡ‚ΡŒ ΠΈ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ сочСтаниС клавиш Cmd+G. ΠŸΠ΅Ρ€Π΅ΠΈΠΌΠ΅Π½ΠΎΠ²Π°Ρ‚ΡŒ слой ΠΌΠΎΠΆΠ½ΠΎ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΠΊΠΎΠΌΠ±ΠΈΠ½Π°Ρ†ΠΈΠΈ Cmd+R.

Π’Π΅ΠΏΠ΅Ρ€ΡŒ порядок.

ΠŸΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒ изобраТСния для вСрстки ΠΌΠΎΠΆΠ½ΠΎ ΠΊΠ°ΠΊ стандартными возмоТностями Sketch, Ρ‚Π°ΠΊ ΠΈ Ρ ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ сторонних Ρ€Π΅ΡˆΠ΅Π½ΠΈΠΉ β€” сСрвиса Zeplin ΠΈΠ»ΠΈ ΠΏΠ»Π°Π³ΠΈΠ½Π° Sketch Measure. Π’ ΡΡ‚ΠΎΠΌ ΠΌΠ°ΠΊΠ΅Ρ‚Π΅ ΠΌΠ°Π»ΠΎ элСмСнтов ΠΈ ΠΎΠ½ΠΈ Π½Π΅ Ρ‚Ρ€Π΅Π±ΡƒΡŽΡ‚ слоТной Π½Π°Ρ€Π΅Π·ΠΊΠΈ, поэтому ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅ΠΌ ΠΎΠ±Ρ‹Ρ‡Π½Ρ‹ΠΌ экспортом: выдСляСм Π½ΡƒΠΆΠ½Ρ‹Π΅ слои ΠΈ Π² ΠΏΡ€Π°Π²ΠΎΠΌ ΡƒΠ³Π»Ρƒ Π²Ρ‹Π±ΠΈΡ€Π°Π΅ΠΌ Export Layers.

Sketch β€” ΡƒΠ΄ΠΎΠ±Π½Ρ‹ΠΉ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ для  Π΄ΠΈΠ·Π°ΠΉΠ½Π° сайтов ΠΈ ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ, возмоТности ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ³ΠΎ Π»Π΅Π³ΠΊΠΎ Ρ€Π°ΡΡˆΠΈΡ€ΡΡŽΡ‚ΡΡ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΠΏΠ»Π°Π³ΠΈΠ½ΠΎΠ². Π Π°Π·ΠΎΠ±Ρ€Π°Ρ‚ΡŒΡΡ с Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ями Sketch Π½Π΅ ΡΠΎΡΡ‚Π°Π²ΠΈΡ‚ Ρ‚Ρ€ΡƒΠ΄Π°, Π΄Π°ΠΆΠ΅ Ссли Π΄ΠΎ ΡΡ‚ΠΎΠ³ΠΎ Π²Ρ‹ Π½Π΅ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Π»ΠΈΡΡŒ графичСскими Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π°ΠΌΠΈ. Но Sketch β€” это всСго Π»ΠΈΡˆΡŒ инструмСнт. Π§Ρ‚ΠΎΠ±Ρ‹ Ρ€ΠΈΡΠΎΠ²Π°Ρ‚ΡŒ соврСмСнныС ΠΌΠ°ΠΊΠ΅Ρ‚Ρ‹ сайтов, Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ Π΄ΠΎΠ»ΠΆΠ΅Π½ Ρ€Π°Π·Π±ΠΈΡ€Π°Ρ‚ΡŒΡΡ Ρ‚Π°ΠΊΠΆΠ΅ ΠΈ Π² ΠΊΠΎΠΌΠΏΠΎΠ·ΠΈΡ†ΠΈΠΈ, Ρ‚ΠΈΠΏΠΎΠ³Ρ€Π°Ρ„ΠΈΠΊΠ΅ ΠΈ Ρ€Π°Π±ΠΎΡ‚Π΅ с Ρ†Π²Π΅Ρ‚ΠΎΠΌ. Π­Ρ‚ΠΈ знания ΠΈ Π½Π°Π²Ρ‹ΠΊΠΈ Ρ€Π°Π±ΠΎΡ‚Ρ‹ Π² Π³Ρ€Π°Ρ„ичСских Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π°Ρ… ΠΌΠΎΠΆΠ½ΠΎ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒ Π½Π° ΠΊΡƒΡ€ΡΠ΅ Β«Π’Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½ с 0 Π΄ΠΎ PROΒ» ΠΎΡ‚ Skillbox.

ΠšΡƒΡ€Ρ Β«Π’Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½ с 0 Π΄ΠΎ PROΒ»

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

  • Живая обратная связь с ΠΏΡ€Π΅ΠΏΠΎΠ΄Π°Π²Π°Ρ‚Слями
  • НСограничСнный доступ ΠΊ ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π»Π°ΠΌ курса
  • Π‘Ρ‚Π°ΠΆΠΈΡ€ΠΎΠ²ΠΊΠ° Π² ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΡΡ…-ΠΏΠ°Ρ€Ρ‚Π½Ρ‘Ρ€Π°Ρ…
  • Π”ΠΈΠΏΠ»ΠΎΠΌΠ½Ρ‹ΠΉ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ ΠΎΡ‚ Ρ€Π΅Π°Π»ΡŒΠ½ΠΎΠ³ΠΎ Π·Π°ΠΊΠ°Π·Ρ‡ΠΈΠΊΠ°
  • Гарантия трудоустройства Π² ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠΈ-ΠΏΠ°Ρ€Ρ‚Π½Ρ‘Ρ€Ρ‹ для выпускников, Π·Π°Ρ‰ΠΈΡ‚ΠΈΠ²ΡˆΠΈΡ… Π΄ΠΈΠΏΠ»ΠΎΠΌΠ½Ρ‹Π΅ Ρ€Π°Π±ΠΎΡ‚Ρ‹

skillbox.ru

Как Π½Π°Ρ€ΠΈΡΠΎΠ²Π°Ρ‚ΡŒ ΠΎΠ±Π°Π»Π΄Π΅Π½Π½Ρ‹ΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½ сайта с нуля, ΡΠ²Π΅Ρ€ΡΡ‚Π°Ρ‚ΡŒ Π΅Π³ΠΎ ΠΈ ΡƒΡΡ‚Π°Π½ΠΎΠ²ΠΈΡ‚ΡŒ Π½Π° WordPress

Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½

ΠžΡ‚ Π°Π²Ρ‚ΠΎΡ€Π°: 8 бСсплатных Π²ΠΈΠ΄Π΅ΠΎΡƒΡ€ΠΎΠΊΠΎΠ² ΠΏΠΎΠΊΠ°ΠΆΡƒΡ‚ Π’Π°ΠΌ, ΠΊΠ°ΠΊ Π½Π°Ρ€ΠΈΡΠΎΠ²Π°Ρ‚ΡŒ ΠΎΠ±Π°Π»Π΄Π΅Π½Π½Ρ‹ΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½ сайта с нуля, ΡΠ²Π΅Ρ€ΡΡ‚Π°Ρ‚ΡŒ Π΅Π³ΠΎ ΠΈ ΡƒΡΡ‚Π°Π½ΠΎΠ²ΠΈΡ‚ΡŒ Π½Π° WordPress.

Π£Ρ€ΠΎΠΊ 1. ΠŸΠΎΠ΄Π³ΠΎΡ‚ΠΎΠ²ΠΊΠ° ΠΊ Ρ€Π°Π±ΠΎΡ‚Π΅, расстановка Π½Π°ΠΏΡ€Π°Π²Π»ΡΡŽΡ‰ΠΈΡ….

Π’Π΅ΠΌΠ°: Π’Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½

ВрСмя Ρ€ΠΎΠ»ΠΈΠΊΠ°: 15:41

CΠ»ΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ: лСгкая

ΠŸΡ€ΠΈΠΊΠ»Π°Π΄Π½Ρ‹Π΅ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹: Adobe Photoshop CS5

Автор: Π—Π°Ρ…Π°Ρ€Π΅Π½ΠΊΠΎ АлСксСй

Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½

JavaScript. Быстрый старт

Π˜Π·ΡƒΡ‡ΠΈΡ‚Π΅ основы JavaScript Π½Π° практичСском ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π΅ ΠΏΠΎ созданию Π²Π΅Π±-прилоТСния

Π£Π·Π½Π°Ρ‚ΡŒ ΠΏΠΎΠ΄Ρ€ΠΎΠ±Π½Π΅Π΅

Π’ этом ΡƒΡ€ΠΎΠΊΠ΅ ΠΌΡ‹ сдСлаСм Ρ€Π°Π·ΠΌΠ΅Ρ‚ΠΊΡƒ ΠΌΠ°ΠΊΠ΅Ρ‚Π°, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡ Π½Π°ΠΏΡ€Π°Π²Π»ΡΡŽΡ‰ΠΈΠ΅. Π­Ρ‚ΠΎ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ Ρ‡Ρ‚ΠΎΠ±Ρ‹ всС элСмСнты сайта Π±Ρ‹Π»ΠΈ Π²Ρ‹Ρ€ΠΎΠ²Π½Π΅Π½Ρ‹, Π° Π½Π΅ Β«Π½Π°Π»Π°Π·ΠΈΠ»ΠΈΒ» ΠΈ Β«ΠΏΡ€ΡΡ‚Π°Π»ΠΈΡΡŒΒ» Π΄Ρ€ΡƒΠ³ Π·Π° Π΄Ρ€ΡƒΠ³ΠΎΠΌ. ΠΠ°ΠΏΡ€Π°Π²Π»ΡΡŽΡ‰ΠΈΠ΅ Π² дальнСйшСм Π·Π½Π°Ρ‡ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ ΠΎΠ±Π»Π΅Π³Ρ‡Π°Ρ‚ вёрстку сайта.

Π£Ρ€ΠΎΠΊ 2. Π¨Π°ΠΏΠΊΠ° сайта.

Π’Π΅ΠΌΠ°: Π’Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½

ВрСмя Ρ€ΠΎΠ»ΠΈΠΊΠ°: 58:53

CΠ»ΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ: срСдняя

ΠŸΡ€ΠΈΠΊΠ»Π°Π΄Π½Ρ‹Π΅ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹: Adobe Photoshop CS5

Автор: Π—Π°Ρ…Π°Ρ€Π΅Π½ΠΊΠΎ АлСксСй

Π’ этом ΡƒΡ€ΠΎΠΊΠ΅ ΠΌΡ‹ сдСлаСм ΠΊΠΎΠ»Π»Π°ΠΆ Π½Π° Ρ‚Π΅ΠΌΡƒ ΠΏΡƒΡ‚Π΅ΡˆΠ΅ΡΡ‚Π²ΠΈΡ ΠΈΠ· ΠΏΡ€Π΅Π΄ΠΌΠ΅Ρ‚ΠΎΠ², ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π±Π΅Ρ€Ρ‘ΠΌ с собой ΠΈΠ»ΠΈ встрСчаСм Π²ΠΎ врСмя ΠΏΡƒΡ‚Π΅ΡˆΠ΅ΡΡ‚Π²ΠΈΠΉ. Π’ процСссС ΠΌΡ‹ ΠΎΠ±Ρ€Π°Π±ΠΎΡ‚Π°Π΅ΠΌ ΠΊΠ°ΠΆΠ΄ΡƒΡŽ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ: освСтляя, затСмняя, добавляя Π±Π»ΠΈΠΊΠΈ, Ρ‚Π΅Π½ΠΈ, рисуя свои Ρ„ΠΈΠ³ΡƒΡ€Ρ‹ с нуля, дСформируя ΠΈ измСняя Ρ„ΠΎΡ€ΠΌΡ‹ Ρ€Π°Π·Π½Ρ‹Ρ… ΠΏΡ€Π΅Π΄ΠΌΠ΅Ρ‚ΠΎΠ² ΠΈ ΠΌΠ½ΠΎΠ³ΠΎΠ΅ Π΄Ρ€ΡƒΠ³ΠΎΠ΅. ΠœΡ‹ сдСлаСм ΠΈΠ· ΠΊΡƒΡ‡ΠΈ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΎΠΊ Π³Π°Ρ€ΠΌΠΎΠ½ΠΈΡ‡Π½ΠΎ Π²ΠΏΠΈΡΡ‹Π²Π°ΡŽΡ‰ΡƒΡŽΡΡ ΡˆΠ°ΠΏΠΊΡƒ Π² ΠΎΠ±Ρ‰ΠΈΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½ Π±Π»ΠΎΠ³Π°, ΠΊΠΎΠ³Π΄Π° ΠΏΠΎΡΠ΅Ρ‚ΠΈΡ‚Π΅Π»ΡŒ Π±ΡƒΠ΄Π΅Ρ‚ Π·Π°Ρ…ΠΎΠ΄ΠΈΡ‚ΡŒ Π½Π° сайт – ΠΎΠ½ сразу Π±ΡƒΠ΄Π΅Ρ‚ ΠΏΠΎΠ½ΠΈΠΌΠ°Ρ‚ΡŒ, ΠΊΡƒΠ΄Π° ΠΏΠΎΠΏΠ°Π» ΠΈ Ρ‡Ρ‚ΠΎ Π΅Π³ΠΎ здСсь ΠΆΠ΄Ρ‘Ρ‚.

Π£Ρ€ΠΎΠΊ 3. ΠŸΡ€ΠΎΡ€Π°Π±ΠΎΡ‚ΠΊΠ° мСню, ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π°, ΠΏΡ€Π°Π²ΠΎΠ³ΠΎ Π±Π»ΠΎΠΊΠ° ΠΈ Ρ„ΡƒΡ‚Π΅Ρ€Π°.

Π’Π΅ΠΌΠ°: Π’Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½

ВрСмя Ρ€ΠΎΠ»ΠΈΠΊΠ°: 57:52

CΠ»ΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ: срСдняя

ΠŸΡ€ΠΈΠΊΠ»Π°Π΄Π½Ρ‹Π΅ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹: Adobe Photoshop CS5

Автор: Π—Π°Ρ…Π°Ρ€Π΅Π½ΠΊΠΎ АлСксСй

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

Π£Ρ€ΠΎΠΊ 4. ΠŸΡ€ΠΎΠ΄ΡƒΠΌΡ‹Π²Π°Π΅ΠΌ Ρ€Π°Π·ΠΌΠ΅Ρ‚ΠΊΡƒ страницы ΠΈ Π½Π°Ρ€Π΅Π·Π°Π΅ΠΌ ΠΌΠ°ΠΊΠ΅Ρ‚.

Π’Π΅ΠΌΠ°: HTML, CSS

ВрСмя Ρ€ΠΎΠ»ΠΈΠΊΠ°: 57:52

CΠ»ΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ: срСдняя

ΠŸΡ€ΠΈΠΊΠ»Π°Π΄Π½Ρ‹Π΅ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹: Adobe Photoshop CS2, DreamWeaver 8

Автор: Π‘Π΅Ρ€Π½Π°Ρ†ΠΊΠΈΠΉ АндрСй

Π’ этом ΡƒΡ€ΠΎΠΊΠ΅ ΠΌΡ‹ ΠΏΡ€ΠΎΠ΄ΡƒΠΌΠ°Π΅ΠΌ Ρ€Π°Π·ΠΌΠ΅Ρ‚ΠΊΡƒ Π±ΡƒΠ΄ΡƒΡ‰Π΅ΠΉ HTML страницы, Π²Ρ‹Π΄Π΅Π»ΠΈΠΌ основныС Π±Π»ΠΎΠΊΠΈ ΠΈΠ· ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… ΠΎΠ½Π° Π±ΡƒΠ΄Π΅Ρ‚ ΡΠΎΡΡ‚ΠΎΡΡ‚ΡŒ. Π’Ρ‹Ρ€Π΅ΠΆΠ΅ΠΌ ΠΈΠ· ΠΌΠ°ΠΊΠ΅Ρ‚Π° всС Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΡ‹Π΅ для Ρ€Π°Π±ΠΎΡ‚Ρ‹ изобраТСния. БвСрстаСм Β«ΡˆΠ°ΠΏΠΊΡƒΒ» сайта, мСню ΠΈ Ρ„ΠΎΡ€ΠΌΡƒ для поиска. Π’Π°ΠΊΠΆΠ΅ установим Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏ ΠΈ слоган сайта.

Π£Ρ€ΠΎΠΊ 5. ВСрстаСм ΠΎΠ±Π»Π°ΡΡ‚ΡŒ основного ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π°.

Π’Π΅ΠΌΠ°: HTML, CSS

Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½

JavaScript. Быстрый старт

Π˜Π·ΡƒΡ‡ΠΈΡ‚Π΅ основы JavaScript Π½Π° практичСском ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π΅ ΠΏΠΎ созданию Π²Π΅Π±-прилоТСния

Π£Π·Π½Π°Ρ‚ΡŒ ΠΏΠΎΠ΄Ρ€ΠΎΠ±Π½Π΅Π΅

ВрСмя Ρ€ΠΎΠ»ΠΈΠΊΠ°: 66:41

CΠ»ΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ: срСдняя

ΠŸΡ€ΠΈΠΊΠ»Π°Π΄Π½Ρ‹Π΅ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹: Adobe Photoshop CS2, DreamWeaver 8

Автор: Π‘Π΅Ρ€Π½Π°Ρ†ΠΊΠΈΠΉ АндрСй

Π’ этом ΡƒΡ€ΠΎΠΊΠ΅ ΠΌΡ‹ свСрстаСм ΠΎΠ±Π»Π°ΡΡ‚ΡŒ основного ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π°, Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΡŽ ΠΏΠΎ Ρ€ΡƒΠ±Ρ€ΠΈΠΊΠ°ΠΌ ΠΈ Β«ΠΏΠΎΠ΄Π²Π°Π»Β» сайта. Π§Ρ‚ΠΎΠ±Ρ‹ ΡƒΠΌΠ΅Π½ΡŒΡˆΠΈΡ‚ΡŒ количСство ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅ΠΌΡ‹Ρ… ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΎΠΊ ΠΈ Π½Π΅ ΡƒΠ²Π΅Π»ΠΈΡ‡ΠΈΠ²Π°Ρ‚ΡŒ вСс страницы, ΠΏΡ€ΠΈ вСрсткС Π±ΡƒΠ΄Π΅ΠΌ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π½ΠΎΠ²Ρ‹Π΅ свойства CSS3. А Ρ‚Π°ΠΊΠΆΠ΅, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡƒΠΌΠ΅Π½ΡŒΡˆΠΈΡ‚ΡŒ количСство ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅ΠΌΡ‹Ρ… классов, Π±ΡƒΠ΄Π΅ΠΌ Π°ΠΊΡ‚ΠΈΠ²Π½ΠΎ ΠΏΡ€ΠΈΠΌΠ΅Π½ΡΡ‚ΡŒ псСвдо-классы.

Π£Ρ€ΠΎΠΊ 6. УстанавливаСм слайдСр, Π΄ΠΎΡ€Π°Π±Π°Ρ‚Ρ‹Π²Π°Π΅ΠΌ сайт.

Π’Π΅ΠΌΠ°: HTML, CSS

ВрСмя Ρ€ΠΎΠ»ΠΈΠΊΠ°: 23:01

CΠ»ΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ: срСдняя

ΠŸΡ€ΠΈΠΊΠ»Π°Π΄Π½Ρ‹Π΅ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹: Adobe Photoshop CS2, DreamWeaver 8

Автор: Π‘Π΅Ρ€Π½Π°Ρ†ΠΊΠΈΠΉ АндрСй

Как извСстно, Internet Explorer Π½ΠΈΠΆΠ΅ 9-ΠΎΠΉ вСрсии Π½Π΅ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅Ρ‚ свойства CSS3. Π’ Π΄Π°Π½Π½ΠΎΠΌ ΡƒΡ€ΠΎΠΊΠ΅ ΠΌΡ‹ всС-Ρ‚Π°ΠΊΠΈ «заставим» Internet Explorer ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Ρ‚ΡŒ эти свойства, Ρ‡Ρ‚ΠΎΠ±Ρ‹ сайт смотрСлся ΠΎΠ΄ΠΈΠ½Π°ΠΊΠΎΠ²ΠΎ Π²ΠΎ всСх Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°Ρ…. Π’Π°ΠΊΠΆΠ΅ Π² Π΄Π°Π½Π½ΠΎΠΌ ΡƒΡ€ΠΎΠΊΠ΅ ΠΌΡ‹ установим слайдСр Π½Π° Π½Π°ΡˆΡƒ страницу для ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‚ΠΊΠΈ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ.

Π£Ρ€ΠΎΠΊ 7. Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ Ρ‚Π΅ΠΌΡ‹ WordPress. Π§Π°ΡΡ‚ΡŒ 1.

Π’Π΅ΠΌΠ°: WordPress

ВрСмя Ρ€ΠΎΠ»ΠΈΠΊΠ°: 87:31

CΠ»ΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ: срСдняя

ΠŸΡ€ΠΈΠΊΠ»Π°Π΄Π½Ρ‹Π΅ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹: WordPress 3.2.1-ru_RU

Автор: ΠšΡƒΠ΄Π»Π°ΠΉ АндрСй

Π’ этом ΡƒΡ€ΠΎΠΊΠ΅ ΠΌΡ‹ Π½Π°Ρ‡Π½Π΅ΠΌ с Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΡ‹Ρ… тСорСтичСских пояснСний ΠΈ установки CMS WordPress. Π’ частности, ΡƒΠ·Π½Π°Π΅ΠΌ ΠΎΠ± особСнностях создания Ρ‚Π΅ΠΌΡ‹ для Π²Ρ‹Π±Ρ€Π°Π½Π½ΠΎΠΉ Π½Π°ΠΌΠΈ систСмы управлСния сайтом, Ρ€Π°Π·Π±Π΅Ρ€Π΅ΠΌ структуру любой Ρ‚Π΅ΠΌΡ‹, ΠΏΠΎΠ³ΠΎΠ²ΠΎΡ€ΠΈΠΌ ΠΎ Ρ‚ΠΎΠΌ, Ρ‡Ρ‚ΠΎ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ Π·Π½Π°Ρ‚ΡŒ для ΡƒΡΠΏΠ΅ΡˆΠ½ΠΎΠ³ΠΎ создания Ρ‚Π΅ΠΌΡ‹. ПослС установки CMS WordPress ΠΈ создания ΠΏΠ°ΠΏΠΊΠΈ для Π±ΡƒΠ΄ΡƒΡ‰Π΅ΠΉ Ρ‚Π΅ΠΌΡ‹, ΠΌΡ‹ Π½Π°Ρ‡Π½Π΅ΠΌ постСпСнноС ΠΈΠ·ΡƒΡ‡Π΅Π½ΠΈΠ΅ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΉ WP, Π·Π½Π°Π½ΠΈΠ΅ ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… являСтся Π½Π΅ΠΎΡ‚ΡŠΠ΅ΠΌΠ»Π΅ΠΌΠΎΠΉ Ρ‡Π°ΡΡ‚ΡŒΡŽ ΠΏΡ€ΠΈ создании любой Ρ‚Π΅ΠΌΡ‹. ПослС ΠΊΡ€Π°Ρ‚ΠΊΠΎΠ³ΠΎ знакомства с функциями ΠΌΡ‹ пСрСнСсСм ΠΈΠΌΠ΅ΡŽΡ‰ΠΈΠΉΡΡ Ρƒ нас шаблон Π² ΠΏΠ°ΠΏΠΊΡƒ с создаваСмой Ρ‚Π΅ΠΌΠΎΠΉ. ПослС пСрСноса шаблона Π² Ρ‚Π΅ΠΌΡƒ ΠΌΡ‹ Ρ€Π°Π·Π΄Π΅Π»ΠΈΠΌ шаблон Π½Π° логичСскиС части (header, footer, sidebar), ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΏΠΎΠ΄ΠΊΠ»ΡŽΡ‡ΠΈΠΌ ΠΊ Π³Π»Π°Π²Π½ΠΎΠΌΡƒ ΡˆΠ°Π±Π»ΠΎΠ½Ρƒ Ρ‚Π΅ΠΌΡ‹ (index). Π’ ΠΊΠΎΠ½Ρ†Π΅ ΠΏΠ΅Ρ€Π²ΠΎΠ³ΠΎ ΡƒΡ€ΠΎΠΊΠ° осущСствляСтся динамичСский Π²Ρ‹Π²ΠΎΠ΄ ΠΊΡ€Π°Ρ‚ΠΊΠΎΠ³ΠΎ тСкста статСй Π½Π° страницы Π±Π»ΠΎΠ³Π°.

Π£Ρ€ΠΎΠΊ 8. Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ Ρ‚Π΅ΠΌΡ‹ WordPress. Π§Π°ΡΡ‚ΡŒ 2.

Π’Π΅ΠΌΠ°: WordPress

ВрСмя Ρ€ΠΎΠ»ΠΈΠΊΠ°: 97:16

CΠ»ΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ: срСдняя

ΠŸΡ€ΠΈΠΊΠ»Π°Π΄Π½Ρ‹Π΅ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹: WordPress 3.2.1-ru_RU

Автор: ΠšΡƒΠ΄Π»Π°ΠΉ АндрСй

ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒ ΠΌΠΈΠ½ΠΈ-курс

Π’Π°ΡˆΠΈ поТСлания, ΠΎΡ‚Π·Ρ‹Π²Ρ‹ ΠΈ Ρ€Π΅ΠΊΠΎΠΌΠ΅Π½Π΄Π°Ρ†ΠΈΠΈ оставляйтС Π² коммСнтариях!

РСдакция: Π ΠΎΠ³ Π’ΠΈΠΊΡ‚ΠΎΡ€ ΠΈ АндрСй Π‘Π΅Ρ€Π½Π°Ρ†ΠΊΠΈΠΉ. Команда webformyself.

Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½

JavaScript. Быстрый старт

Π˜Π·ΡƒΡ‡ΠΈΡ‚Π΅ основы JavaScript Π½Π° практичСском ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π΅ ΠΏΠΎ созданию Π²Π΅Π±-прилоТСния

Π£Π·Π½Π°Ρ‚ΡŒ ΠΏΠΎΠ΄Ρ€ΠΎΠ±Π½Π΅Π΅ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒ ΠΌΠΈΠ½ΠΈ-курс

ΠžΡΠ½ΠΎΠ²Ρ‹ создания Ρ‚Π΅ΠΌ WordPress

ΠΠ°ΡƒΡ‡ΠΈΡ‚Π΅ΡΡŒ ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ ΠΌΡƒΠ»ΡŒΡ‚ΠΈΡΠ·Ρ‹Ρ‡Π½Ρ‹Π΅ Ρ‚Π΅ΠΌΡ‹ с нСстандартной структурой страниц

Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ

webformyself.com

Paint ΠΎΠ½Π»Π°ΠΉΠ½ – Π²ΠΈΡ€Ρ‚ΡƒΠ°Π»ΡŒΠ½Π°Ρ рисовалка, Ρ€ΠΈΡΠΎΠ²Π°Ρ‚ΡŒ бСсплатно.

Paint ΠΎΠ½Π»Π°ΠΉΠ½:  ΠΊΠ°ΠΊ Ρ€ΠΈΡΠΎΠ²Π°Ρ‚ΡŒ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ этого сайта?

На Π΄Π°Π½Π½ΠΎΠΌ сайтС Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Ρ€ΠΈΡΠΎΠ²Π°Ρ‚ΡŒ ΠΎΠ½Π»Π°ΠΉΠ½ Ρ‚ΠΎΡ‡Π½ΠΎ Ρ‚Π°ΠΊ ΠΆΠ΅, ΠΊΠ°ΠΊ Π² Π»Π΅Π³Π΅Π½Π΄Π°Ρ€Π½ΠΎΠΉ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ΅ Paint. Π—Π΄Π΅ΡΡŒ прСдставлСна lite вСрсия рисовалки, которая сохранила лишь самыС основныС худоТСствСнныС инструмСнты. Но ΠΏΡ€ΠΈΠ½Ρ†ΠΈΠΏ всС Ρ‚ΠΎΡ‚ ΠΆΠ΅: Ρ…Π²Π°Ρ‚Π°ΠΉΡ‚Π΅ ΠΊΠΈΡΡ‚ΡŒ ΠΈ рисуйтС ΠΌΡ‹ΡˆΠΊΠΎΠΉ ΠΏΠΎ экрану. Π—Π°ΠΌΠ΅Ρ‡Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎΠ΅ врСмяпрСпровоТдСниС для взрослых ΠΈ Π΄Π΅Ρ‚Π΅ΠΉ!

Paint ΠΎΠ½Π»Π°ΠΉΠ½

ΠžΡΠ½ΠΎΠ²Π½Ρ‹Π΅ инструмСнты Paint доступны Π² Π²Π΅Ρ€Ρ…Π½Π΅ΠΉ ΠΏΠ°Π½Π΅Π»ΠΈ. ΠŸΠ΅Ρ€Π²ΠΎΠΉ ΠΈΠ΄Π΅Ρ‚ ΠΊΠΈΡΡ‚ΡŒ. Π•Π΅ Ρ€Π°Π·ΠΌΠ΅Ρ€ рСгулируСтся Π³ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΡŒΠ½Ρ‹ΠΌ ΠΏΠΎΠ»Π·ΡƒΠ½ΠΊΠΎΠΌ, располоТСнным Π² сСрСдинС ΠΏΠ°Π½Π΅Π»ΠΈ инструмСнтов. Π¦Π²Π΅Ρ‚ выбираСтся с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΡΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½ΠΎΠΉ ΠΏΠ°Π»ΠΈΡ‚Ρ€Ρ‹, Π²Ρ‹Π·Ρ‹Π²Π°Π΅ΠΌΠΎΠΉ Π½Π°ΠΆΠ°Ρ‚ΠΈΠ΅ΠΌ Π½Π° ΠΊΠ²Π°Π΄Ρ€Π°Ρ‚ΠΈΠΊ слСва ΠΎΡ‚ кисти.

Рядом с ΠΊΠΈΡΡ‚ΡŒΡŽ располагаСтся «ластик», Ρ€Π°Π·ΠΌΠ΅Ρ€ ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ³ΠΎ рСгулируСтся Ρ‚Π΅ΠΌ ΠΆΠ΅ самым ΠΏΠΎΠ»Π·ΡƒΠ½ΠΊΠΎΠΌ.

Π‘Π»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠΌ ΠΏΠΎ счСту ΠΈΠ΄Π΅Ρ‚ инструмСнт Β«Π·Π°Π»ΠΈΠ²ΠΊΠ°Β», ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π·Π°Π»ΠΈΠ²Π°Π΅Ρ‚ ΠΎΡ‡Π΅Ρ€Ρ‡Π΅Π½Π½ΡƒΡŽ ΠΎΠ±Π»Π°ΡΡ‚ΡŒ ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½Π½Ρ‹ΠΌ Ρ†Π²Π΅Ρ‚ΠΎΠΌ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Ρ‚Π°ΠΊΠΆΠ΅ выбираСтся  Π² основной ΠΏΠ°Π»ΠΈΡ‚Ρ€Π΅.

ΠžΡ‚ΠΌΠ΅Π½ΠΈΡ‚ΡŒ ΠΈΠ»ΠΈ Π²Π΅Ρ€Π½ΡƒΡ‚ΡŒ дСйствия с холстом ΠΌΠΎΠΆΠ½ΠΎ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Ρ‡Π΅Ρ€Π½Ρ‹Ρ… стрСлочСк Β«Π²ΠΏΡ€Π°Π²ΠΎΒ» ΠΈ Β«Π²Π»Π΅Π²ΠΎΒ» располоТСнных Π² ΠΏΡ€Π°Π²ΠΎΠΉ части ΠΏΠ°Π½Π΅Π»ΠΈ. Если Π²Ρ‹ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ ΠΎΡ‡ΠΈΡΡ‚ΠΈΡ‚ΡŒ холст ΠΈ Π½Π°Ρ‡Π°Ρ‚ΡŒ Ρ€ΠΈΡΠΎΠ²Π°Ρ‚ΡŒ Π·Π°Π½ΠΎΠ²ΠΎ, просто Π½Π°ΠΆΠΌΠΈΡ‚Π΅ Π½Π° крСстик. Π“ΠΎΡ‚ΠΎΠ²Ρ‹ΠΉ рисунок ΠΌΠΎΠΆΠ½ΠΎ ΡΠΊΠ°Ρ‡Π°Ρ‚ΡŒ Π½Π° ΠΊΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€, с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ самой ΠΏΡ€Π°Π²ΠΎΠΉ ΠΊΠ½ΠΎΠΏΠΎΡ‡ΠΊΠΈ, Π½Π° ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΉ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ диск ΠΈ синяя стрСлка. Π˜Π·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ загруТаСтся Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ png с Ρ€Π°Π·ΠΌΠ΅Ρ€ΠΎΠΌ 698Γ—360 пиксСлСй.

Π’ΠΈΡ€Ρ‚ΡƒΠ°Π»ΡŒΠ½Ρ‹ΠΉ Paint для всСй сСмьи!

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

paint-online.ru

Π“Π΅Π½Π΅Ρ€Π°Ρ‚ΠΎΡ€ ΠΈΠ΄Π΅ΠΉ для рисования | Π£Π½ΠΈΠΊΠ°Π»ΡŒΠ½Ρ‹Π΅ настраиваСмыС ΡΡŽΠΆΠ΅Ρ‚Ρ‹

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

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

Π‘ ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Π³Π΅Π½Π΅Ρ€Π°Ρ‚ΠΎΡ€Π° Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ ΡƒΠ½ΠΈΠΊΠ°Π»ΡŒΠ½Ρ‹Π΅ ΠΈΠ΄Π΅ΠΈ для рисунков Π² скСтчбукС ΠΈΠ»ΠΈ Π½Π° Π±ΡƒΠΌΠ°Π³Π΅ Π½Π° основС настраиваСмых ΠΎΠΏΡ†ΠΈΠΉ, Π²ΠΊΠ»ΡŽΡ‡Π°ΡŽΡ‰ΠΈΡ… Π² сСбя 4 Π³Ρ€ΡƒΠΏΠΏΡ‹ настроСк:

  • ΠŸΠ΅Ρ€Π²Π°Ρ ΠΎΡ‚Π²Π΅Ρ‡Π°Π΅Ρ‚ Π½Π° вопрос Β«ΠΊΠ°ΠΊΠΎΠΉΒ». Π­Ρ‚ΠΎ ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ внСшний Π²ΠΈΠ΄, состояниС, Ρ€Π°Π·ΠΌΠ΅Ρ€ ΠΈΠ»ΠΈ настроСниС пСрсонаТа.
  • Вторая Π³Ρ€ΡƒΠΏΠΏΠ° ΠΎΡ‚Π²Π΅Ρ‡Π°Π΅Ρ‚ Π·Π° самого пСрсонаТа β€” это ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ профСссия Ρ‡Π΅Π»ΠΎΠ²Π΅ΠΊΠ°, ΠΆΠΈΠ²ΠΎΡ‚Π½ΠΎΠ΅, сказочный пСрсонаТ ΠΈΠ»ΠΈ насСкомоС.
  • Π’Ρ€Π΅Ρ‚ΡŒΡ Π³Ρ€ΡƒΠΏΠΏΠ° ΠΎΡ‚Π²Π΅Ρ‡Π°Π΅Ρ‚ Π·Π° Ρ‚ΠΎ, Ρ‡Ρ‚ΠΎ пСрсонаТ Π΄Π΅Π»Π°Π΅Ρ‚. Β«ΠŸΡ€ΠΎΡΡ‚ΠΎΠ΅ дСйствиС» β€” это Π΅Π΄ΠΈΠ½ΠΈΡ‡Π½ΠΎΠ΅ сказуСмоС, ΠΊ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Ρƒ: Π±Π΅ΠΆΠΈΡ‚, Π»Π΅ΠΆΠΈΡ‚, сидит. ΠšΠΎΠ½ΠΊΡ€Π΅Ρ‚Π½ΠΎΠ΅ дСйствиС β€” это вариция Π½Π° Ρ‚Π΅ΠΌΡƒ Β«Π΄Π΅Π»Π°Π΅Ρ‚ Π½Π΅Ρ‡Ρ‚ΠΎΒ».
  • Π“Ρ€ΡƒΠΏΠΏΠ° настроСк Β«Π“Π΄Π΅Β» β€” Π²ΠΊΠ»ΡŽΡ‡Π°Π΅Ρ‚ Π² сСбя городскиС ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Ρ‹ ΠΈ ΠΏΡ€ΠΈΡ€ΠΎΠ΄Π½Ρ‹ΠΉ Π°Π½Ρ‚ΡƒΡ€Π°ΠΆ.

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

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

ΠžΠ±Ρ€Π°Ρ‚ΠΈΡ‚Π΅ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅, Ρ‡Ρ‚ΠΎ Π½Π΅ ΠΎΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ Ρ€ΠΈΡΠΎΠ²Π°Ρ‚ΡŒ Ρ€ΠΎΠ²Π½ΠΎ Ρ‚ΠΎ, Ρ‡Ρ‚ΠΎ ΠΏΡ€Π΅Π΄Π»ΠΎΠΆΠ΅Π½ΠΎ Π³Π΅Π½Π΅Ρ€Π°Ρ‚ΠΎΡ€ΠΎΠΌ с ΠΏΠ΅Ρ€Π²ΠΎΠ³ΠΎ Ρ€Π°Π·Π°. НаТимая ΠΊΠ½ΠΎΠΏΠΊΡƒ обновлСния, Π΄ΠΎΠ±Π΅ΠΉΡ‚Π΅ΡΡŒ ΡΡŽΠΆΠ΅Ρ‚Π°, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π²Ρ‹Π·Ρ‹Π²Π°Π΅Ρ‚ Ρƒ вас ΡΠΌΠΎΡ†ΠΈΠΎΠ½Π°Π»ΡŒΠ½Ρ‹ΠΉ ΠΎΡ‚ΠΊΠ»ΠΈΠΊ. Ѐантазия Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ Π³ΠΎΡ€Π°Π·Π΄ΠΎ Π»ΡƒΡ‡ΡˆΠ΅, ΠΊΠΎΠ³Π΄Π° Ρ‚ΠΎ, Ρ‡Ρ‚ΠΎ рисуСтся, пСрСТиваСтся Π½Π° чувствСнном ΡƒΡ€ΠΎΠ²Π½Π΅.

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

drawingpractice.ru

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

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

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