Mock up это: Π§Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ mockup (ΠΌΠΎΠΊΠ°ΠΏ), Π·Π°Ρ‡Π΅ΠΌ Π½ΡƒΠΆΠ½Ρ‹ ΠΌΠΎΠΊΠ°ΠΏΡ‹ для Ρ„ΠΎΡ‚ΠΎΡˆΠΎΠΏΠ°? – О Π±Π΅Π΄Π½ΠΎΠΌ ΠΌΠΎΠΊΠ°ΠΏΠ΅ Π·Π°ΠΌΠΎΠ»Π²ΠΈΡ‚Π΅ слово / Habr

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

Π§Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ mockup (ΠΌΠΎΠΊΠ°ΠΏ), Π·Π°Ρ‡Π΅ΠΌ Π½ΡƒΠΆΠ½Ρ‹ ΠΌΠΎΠΊΠ°ΠΏΡ‹ для Ρ„ΠΎΡ‚ΠΎΡˆΠΎΠΏΠ°?

Мокап указатСля Π½Π° ΡƒΠ»ΠΈΡ†Π΅. traditional shop signage mockup

Π§Ρ‚ΠΎΠ±Ρ‹ ΠΏΠΎΠΊΠ°Π·Π°Ρ‚ΡŒ Ρ€Π°Π±ΠΎΡ‚Ρƒ Π² Π±ΠΎΠ»Π΅Π΅ рСалистичном Π²ΠΈΠ΄Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ psd mockup. Π’Ρ€Π΅Ρ…ΠΌΠ΅Ρ€Π½ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Π° позволяСт Π·Π°ΠΊΠ°Π·Ρ‡ΠΈΠΊΡƒ ΠΎΡ†Π΅Π½ΠΈΡ‚ΡŒ ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ†ΠΈΡŽ ΠΈ ΠΏΡ€ΠΈ нСобходимости внСсти ΠΊΠΎΡ€Ρ€Π΅ΠΊΡ‚ΠΈΡ€ΠΎΠ²ΠΊΠΈ.

Π§Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ ΠΌΠΎΠΊΠ°ΠΏ (mock-up)?

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

ИспользованиС шаблона ΡƒΠΏΡ€ΠΎΡ‰Π°Π΅Ρ‚ взаимодСйствиС Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Π° ΠΈ Π·Π°ΠΊΠ°Π·Ρ‡ΠΈΠΊΠ°. ΠœΠ°ΠΊΠ΅Ρ‚Ρ‹ часто ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ ΠΏΡ€ΠΈ тСстировании полиграфичСской ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ†ΠΈΠΈ Π΅Ρ‰Ρ‘ Π½Π° стадии Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ.

Mockup для Ρ„ΠΎΡ‚ΠΎΡˆΠΎΠΏΠ° состоит ΠΈΠ· ΡΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½ΠΎ ΠΏΠΎΠ΄Π³ΠΎΡ‚ΠΎΠ²Π»Π΅Π½Π½ΠΎΠ³ΠΎ Ρ„Π°ΠΉΠ»Π° Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ psd, Π½Π° ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΌ ΠΌΠΎΠΆΠ½ΠΎ Ρ€Π°Π·ΠΌΠ΅Ρ‰Π°Ρ‚ΡŒ свой Π΄ΠΈΠ·Π°ΠΉΠ½.

Мокап указатСля Π½Π° ΡƒΠ»ΠΈΡ†Π΅. traditional shop signage mockup

ΠšΠΎΠΌΡƒ Π½ΡƒΠΆΠ½Ρ‹ ΠΌΠΎΠΊΠ°ΠΏΡ‹ для Ρ„ΠΎΡ‚ΠΎΡˆΠΎΠΏΠ°?

Π¨Π°Π±Π»ΠΎΠ½Ρ‹ Π°ΠΊΡ‚ΠΈΠ²Π½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ фрилансСры, Ρ…ΡƒΠ΄ΠΎΠΆΠ½ΠΈΠΊΠΈ ΠΈ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Ρ‹, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ хотят ΠΏΡ€Π΅Π·Π΅Π½Ρ‚ΠΎΠ²Π°Ρ‚ΡŒ свои Ρ€Π°Π±ΠΎΡ‚Ρ‹ ΠΊΠ»ΠΈΠ΅Π½Ρ‚Π°ΠΌ Π² Π»ΡƒΡ‡ΡˆΠ΅ΠΌ Π²ΠΈΠ΄Π΅.

К ΠΏΡ€ΠΈΠΌΠ΅Ρ€Ρƒ, ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒ нарисовал Π²ΠΈΠ·ΠΈΡ‚ΠΊΡƒ ΠΈ Ρ€Π΅ΡˆΠΈΠ» ΠΏΠΎΠΊΠ°Π·Π°Ρ‚ΡŒ Π΅Π΅ Π·Π°ΠΊΠ°Π·Ρ‡ΠΈΠΊΡƒ. Для дСмонстрации Ρ€Π°Π±ΠΎΡ‚Ρ‹ ΠΌΠΎΠΆΠ½ΠΎ Π²ΠΎΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒΡΡ Π³ΠΎΡ‚ΠΎΠ²Ρ‹ΠΉ шаблоном ΠΌΠΎΠΊΠ°ΠΏΠ°. Π˜ΡΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŽ Π½ΡƒΠΆΠ½ΠΎ всСго лишь ΡΠΊΠ°Ρ‡Π°Ρ‚ΡŒ ΠΌΠΎΠΊΠ°ΠΏ бСсплатно ΠΈ ΠΏΠ΅Ρ€Π΅Ρ‚Π°Ρ‰ΠΈΡ‚ΡŒ Π½Π° Π½Π΅Π³ΠΎ Π³ΠΎΡ‚ΠΎΠ²ΡƒΡŽ Ρ€Π°Π±ΠΎΡ‚Ρƒ (собствСнный Π΄ΠΈΠ·Π°ΠΉΠ½).

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

Как ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ psd mockup

Π’Ρ‹ скачиваСтС Π³ΠΎΡ‚ΠΎΠ²Ρ‹ΠΉ шаблон ΠΌΠΎΠΊΠ°ΠΏΠ° Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ psd (Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π½Π°ΠΉΡ‚ΠΈ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΡ‹ΠΉ ΠΌΠΎΠΊΠ°ΠΏ Π½Π° нашСм сайтС).

ПослС этого ΠΌΠΎΠΊΠ°ΠΏ Π½ΡƒΠΆΠ½ΠΎ ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚ΡŒ Π² Photoshop ΠΈ Π½Π°ΠΉΡ‚ΠΈ слой, содСрТащий смарт-ΠΎΠ±ΡŠΠ΅ΠΊΡ‚.Β Π§Π΅ΠΌ ΠΎΠ½ отличаСтся ΠΎΡ‚ ΠΎΠ±Ρ‹Ρ‡Π½ΠΎΠΉ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ? Π‘ΠΌΠ°Ρ€Ρ‚-ΠΎΠ±ΡŠΠ΅ΠΊΡ‚ Π²ΠΊΠ»ΡŽΡ‡Π°Π΅Ρ‚ Π² сСбя ΠΊΠΎΠ½Ρ‚Π΅ΠΉΠ½Π΅Ρ€, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ позволяСт Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ с ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ΠΌ Π±Π΅Π· ΠΏΠΎΡ‚Π΅Ρ€ΠΈ качСства. ΠŸΡ€ΠΈΡ‡ΠΈΠ½Π° ΠΈΡ… использования Π·Π°ΠΊΠ»ΡŽΡ‡Π°Π΅Ρ‚ΡΡ Π² Ρ‚ΠΎΠΌ, Ρ‡Ρ‚ΠΎΒ  Photoshop искаТаСт ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ.

Π”ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ ΠΌΠΎΠΆΠ΅Ρ‚ Ρ‚Ρ€Π°Π½ΡΡ„ΠΎΡ€ΠΌΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ, ΠΏΠΎΠ²Π΅Ρ€Π½ΡƒΡ‚ΡŒ ΠΈΠ»ΠΈ ΠΏΠ΅Ρ€Π΅ΠΌΠ΅ΡΡ‚ΠΈΡ‚ΡŒ ΠΎΠ±ΡŠΠ΅ΠΊΡ‚ Π² Π½ΡƒΠΆΠ½ΠΎΠ΅ мСсто. ΠŸΡ€ΠΈ этом исходныС характСристики содСрТимого ΠΊΠΎΠ½Ρ‚Π΅ΠΉΠ½Π΅Ρ€Π° Π½Π΅ измСнятся.

Π‘ΠΎΠ»ΡŒΡˆΠΈΠ½ΡΡ‚Π²ΠΎ шаблонов ΠΎΡ€ΠΈΠ΅Π½Ρ‚ΠΈΡ€ΠΎΠ²Π°Π½ΠΎ Π½Π° Π°Π½Π³Π»ΠΎΡΠ·Ρ‹Ρ‡Π½ΡƒΡŽ Π°ΡƒΠ΄ΠΈΡ‚ΠΎΡ€ΠΈΡŽ. Π’ ΠΌΠΎΠΊΠ°ΠΏΠ°Ρ… ΠΌΠΎΠΆΠ½ΠΎ Π½Π°ΠΉΡ‚ΠΈ тСкстовый слой, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ называСтся Β«You design hereΒ». Для внСсСния ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠΉ достаточно ΠΊΠ»ΠΈΠΊΠ½ΡƒΡ‚ΡŒ ΠΏΠΎ Π½Π΅ΠΌΡƒ 2 Ρ€Π°Π·Π°.

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

Мокап указатСля Π½Π° ΡƒΠ»ΠΈΡ†Π΅. traditional shop signage mockup

Β 

О Π±Π΅Π΄Π½ΠΎΠΌ ΠΌΠΎΠΊΠ°ΠΏΠ΅ Π·Π°ΠΌΠΎΠ»Π²ΠΈΡ‚Π΅ слово / Habr

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

Π― Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ интСрфСйсов. И я люблю ΠΌΠΎΠΊΠ°ΠΏΡ‹.
Π”Π° ΠΈ ΠΏΠΎΡ‡Π΅ΠΌΡƒ Π±Ρ‹ ΠΌΠ½Π΅ ΠΈΡ… Π½Π΅ Π»ΡŽΠ±ΠΈΡ‚ΡŒ, Ссли я Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΈ дСлаю, Ρ‡Ρ‚ΠΎ ΠΈΡ… дСлаю?

О ΠΏΡ€ΠΎΡ‚ΠΎΡ‚ΠΈΠΏΠ°Ρ… ΠΈΠ»ΠΈ НазывайтС Π²Π΅Ρ‰ΠΈ своими ΠΈΠΌΠ΅Π½Π°ΠΌΠΈ

Для Π½Π°Ρ‡Π°Π»Π° ΠΎΡ‚ΠΌΠ΅Ρ‚ΠΈΠΌ, Ρ‡Ρ‚ΠΎ ΠΌΠΎΠΊΠ°ΠΏΡ‹ ΠΈ ΠΏΡ€ΠΎΡ‚ΠΎΡ‚ΠΈΠΏΡ‹ β€” ΠΎΡ‚Π½ΡŽΠ΄ΡŒ Π½Π΅ ΠΎΠ΄Π½ΠΎ ΠΈ Ρ‚ΠΎ ΠΆΠ΅. Π’ нСрусском ИВ-словарС ΡΡƒΡ‰Π΅ΡΡ‚Π²ΡƒΡŽΡ‚ нСсколько Ρ‚Π΅Ρ€ΠΌΠΈΠ½ΠΎΠ² для Π²ΠΈΠ·ΡƒΠ°Π»ΠΎΠ², ΡΠΎΠΎΡ‚Π²Π΅Ρ‚ΡΡ‚Π²ΡƒΡŽΡ‰ΠΈΡ… Ρ€Π°Π·Π½Ρ‹ΠΌ стадиям Ρ€Π°Π±ΠΎΡ‚Ρ‹ Π½Π°Π΄ ИВ-ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚ΠΎΠΌ. Π“Ρ€Π°Π½ΠΈΡ†Ρ‹ этих Ρ‚Π΅Ρ€ΠΌΠΈΠ½ΠΎΠ² Ρ€Π°Π·ΠΌΡ‹Ρ‚Ρ‹, Π½ΠΎ, Ρ‚Π΅ΠΌ Π½Π΅ ΠΌΠ΅Π½Π΅Π΅, ΡƒΠ²ΠΈΠ΄Π΅Π² Π½Π΅Ρ‡Ρ‚ΠΎ интСрфСйсно-графичСскоС, ΠΊΠ»Π°ΡΡΠΈΡ„ΠΈΡ†ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Π΅Π³ΠΎ Π½Π΅Ρ‚Ρ€ΡƒΠ΄Π½ΠΎ.

1. Sketch (набросок, эскиз) β€” ΠΏΠ΅Ρ€Π²ΠΎΠ½Π°Ρ‡Π°Π»ΡŒΠ½Ρ‹ΠΉ ΠΌΠΎΠΌΠ΅Π½Ρ‚Π°Π»ΡŒΠ½Ρ‹ΠΉ набросок ΠΎΡ‚ Ρ€ΡƒΠΊΠΈ Ρ‚ΠΎΠ³ΠΎ, Ρ‡Ρ‚ΠΎ Π±Ρ€Π΅Π΄Π΅Ρ‚ Π² Π³ΠΎΠ»ΠΎΠ²Ρƒ.
2. Wireframe (Π±Π»ΠΎΠΊ-схСма) β€” схСма ΠΈΠ»ΠΈ Ρ‡Π΅Ρ€Ρ‚Π΅ΠΆ, ΠΏΡ€Π΅Π΄ΡΡ‚Π°Π²Π»ΡΡŽΡ‰ΠΈΠ΅ «скСлСт» страницы сайта ΠΈΠ»ΠΈ прилоТСния. Никаких ΡƒΠΊΡ€Π°ΡˆΠ΅Π½ΠΈΠΉ, Ρ‚ΠΎΠ»ΡŒΠΊΠΎ располоТСниС ΠΈ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π½Ρ‹Π΅ Ρ€Π°Π·ΠΌΠ΅Ρ€Ρ‹ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΎΠ², тСкстовых Π±Π»ΠΎΠΊΠΎΠ², ΠΈΠ»Π»ΡŽΡΡ‚Ρ€Π°Ρ†ΠΈΠΉ, ΠΌΡƒΠ»ΡŒΡ‚ΠΈΠΌΠ΅Π΄ΠΈΠ°- ΠΈ Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΎΠ½Π½Ρ‹Ρ… ΠΏΠ°Π½Π΅Π»Π΅ΠΉ.
3. Prototype (ΠΏΡ€ΠΎΡ‚ΠΎΡ‚ΠΈΠΏ) β€” модСль для тСстирования ΠΊΠΎΠ½Ρ†Π΅ΠΏΡ†ΠΈΠΈ ΠΈΠ»ΠΈ процСсса. ΠœΠΎΠ³ΡƒΡ‚ Π±Ρ‹Ρ‚ΡŒ вставлСны ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ, ΠΏΠΎΡΠ²ΠΈΡ‚ΡŒΡΡ Ρ†Π²Π΅Ρ‚ΠΎ-Ρ‚ΠΎΠ½Π°Π»ΡŒΠ½Ρ‹Π΅ Π³Ρ€Π°Π΄Π°Ρ†ΠΈΠΈ ΠΈ Ρ‚.Π΄.
4. Simulation (симулякр, симуляция, ΠΏΠΎΠ»Π½ΠΎΡ„ΡƒΠ½ΠΊΡ†ΠΎΠ½Π°Π»ΡŒΠ½Ρ‹ΠΉ ΠΏΡ€ΠΎΡ‚ΠΎΡ‚ΠΈΠΏ) β€” Π½Π° слоТных ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π°Ρ… Ρ‚ΠΎΠΆΠ΅ модСль для тСстирования ΠΊΠΎΠ½Ρ†Π΅ΠΏΡ†ΠΈΠΈ ΠΈΠ»ΠΈ процСсса, Π½ΠΎ β€” Hi-Fi (high fidelity β€” высокой точности, Π² ΠΎΡ‚Π»ΠΈΡ‡ΠΈΠ΅ ΠΎΡ‚ ΠΏΡ€ΠΎΡ‚ΠΎΠΏΠΈΠΏΠ°, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ являСтся модСлью Π½ΠΈΠ·ΠΊΠΎΠΉ точности β€” Lo-Fi). Для создания симуляций (ΠΈΠ»ΠΈ симулякров, Ссли ΡƒΠ³ΠΎΠ΄Π½ΠΎ) ΠΎΠ±Ρ‹Ρ‡Π½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ° iRise. Π’Π°ΠΌ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ΡΡ Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΠΈ Π²ΠΈΠ·ΡƒΠ°Π»ΠΎΠ², ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡŽΡ‰ΠΈΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°Π·ΠΈΡ‚ΡŒ страницы ΠΎΡ‡Π΅Π½ΡŒ Π±Π»ΠΈΠ·ΠΊΠΎ ΠΊ ΠΊΠΎΠ½Π΅Ρ‡Π½ΠΎΠΌΡƒ Π²ΠΈΠ΄Ρƒ, Π΅ΡΡ‚ΡŒ Π²Ρ‹ΠΏΠ°Π΄Π°ΡŽΡ‰ΠΈΠ΅ списки, ΠΊΠ½ΠΎΠΏΠΊΠΈ, ΠΌΠ΅Π½ΡΡŽΡ‰ΠΈΠ΅ свой Π²ΠΈΠ΄ ΠΏΡ€ΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ, навигация ΠΌΠ΅ΠΆΠ΄Ρƒ экранами, ΠΏΠΎΠΏ-Π°ΠΏΡ‹ ΠΈ Ρ‚.Π΄.
5. Mockup ΠΈΠ»ΠΈ mock-up (ΠΌΠ°ΠΊΠ΅Ρ‚) β€” Π½Π΅Ρ€Π°Π±ΠΎΡ‚Π°ΡŽΡ‰Π°Ρ модСль, выполнСнная Π² Π½Π°Ρ‚ΡƒΡ€Π°Π»ΡŒΠ½ΡƒΡŽ Π²Π΅Π»ΠΈΡ‡ΠΈΠ½Ρƒ ΠΈ выглядящая Ρ‚Π°ΠΊ, ΠΊΠ°ΠΊ Π±ΡƒΠ΄Π΅Ρ‚ Π²Ρ‹Π³Π»ΡΠ΄Π΅Ρ‚ΡŒ Ρ€Π°Π±ΠΎΡ‚Π°ΡŽΡ‰ΠΈΠΉ экзСмпляр. Π’ΠΎ Π΅ΡΡ‚ΡŒ, сдСланная Π² Ρ„ΠΎΡ‚ΠΎΡˆΠΎΠΏΠ΅ Π²Π΅Π±-страница, отданная Π½Π° вСрстку β€” это ΠΌΠΎΠΊΠ°ΠΏ. А Π΄ΠΈΠ·Π°ΠΉΠ½ΠΎΠΌ ΠΎΠ½Π° станСт, ΠΊΠΎΠ³Π΄Π° появится ΠΈΠ½Ρ‚Π΅Ρ€Π°ΠΊΡ‚ΠΈΠ²Π½ΠΎΡΡ‚ΡŒ. Π’ΠΎΠΎΠ±Ρ‰Π΅-Ρ‚ΠΎ, ΠΌΠΎΠΊΠ°ΠΏΡ‹ ΠΌΠΎΠ³ΡƒΡ‚ Π±Ρ‹Ρ‚ΡŒ ΠΎΡ‚Π½ΠΎΡΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ Π΄ΠΈΠ½Π°ΠΌΠΈΡ‡Π½Ρ‹ΠΌΠΈ ΠΈ ΠΈΠ½Ρ‚Π΅Ρ€Π°ΠΊΡ‚ΠΈΠ²Π½Ρ‹ΠΌΠΈ, Π½ΠΎ ΠΎΠ± этом β€” ΠΊΠ°ΠΊ-Π½ΠΈΠ±ΡƒΠ΄ΡŒ ΠΏΠΎΡ‚ΠΎΠΌ.

ΠŸΡ€ΠΎΠ΅ΠΊΡ‚Ρ‹, Π² ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… ΠΏΠΎΠ»Π½ΠΎΡ†Π΅Π½Π½ΠΎ прСдставлСны всС эти стадии, ΠΊΡ€Π°ΠΉΠ½Π΅ Ρ€Π΅Π΄ΠΊΠΈ. И ΠΏΠΎΡΠΊΠΎΠ»ΡŒΠΊΡƒ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ°ΠΌ нСдосуг Ρ€Π°Π·Π±ΠΈΡ€Π°Ρ‚ΡŒΡΡ Π² Π½ΡŽΠ°Π½ΡΠ°Ρ… Ρ‚ΠΎΠ³ΠΎ, Ρ‡Π΅ΠΌ ΠΎΠ½ΠΈ Π½Π΅ ΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ΡΡ, Ρ‚Π΅Ρ€ΠΌΠΈΠ½ΠΎΠΌ Β«ΠΏΡ€ΠΎΡ‚ΠΎΡ‚ΠΈΠΏΒ» ΠΌΠΎΠ³ΡƒΡ‚ Π½Π°Π·Π²Π°Ρ‚ΡŒ всё, Ρ‡Ρ‚ΠΎ ΡƒΠ³ΠΎΠ΄Π½ΠΎ, Π² ΠΏΡ€ΠΎΠΌΠ΅ΠΆΡƒΡ‚ΠΊΠ΅ ΠΌΠ΅ΠΆΠ΄Ρƒ ΠΏΠ΅Ρ€Π²ΠΎΠΉ ΠΏΠΎΡ‡Π΅Ρ€ΠΊΡƒΡˆΠΊΠΎΠΉ ΠΈ Π³ΠΎΡ‚ΠΎΠ²Ρ‹ΠΌ ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚ΠΎΠΌ.

О ΠΏΡ€ΠΈΠ½Ρ†ΠΈΠΏΠ°Ρ… Ρ€Π°Π±ΠΎΡ‚Ρ‹ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Π° ΠΈΠ»ΠΈ ΠŸΠΎΡ‡Π΅ΠΌΡƒ ΠΏΡ€ΠΎΡ‚ΠΎΡ‚ΠΈΠΏΡ‹ β€” это Ρ…ΠΎΡ€ΠΎΡˆΠΎ

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

Но Ρ‚Π΅ΠΏΠ΅Ρ€ΡŒ ИВ-спСциализации Π²Ρ‹ΠΊΡ€ΠΈΡΡ‚Π°Π»Π»ΠΈΠ·ΠΎΠ²Π°Π»ΠΈΡΡŒ, Ρ‡Ρ‚ΠΎ Π³ΠΎΠ²ΠΎΡ€ΠΈΡ‚ ΠΎ взрослСнии отрасли. На смСну Π±Ρ‹Π»Ρ‹ΠΌ чисто-ΠΏΠΎΠ½Ρ‚ΠΎΠ²Ρ‹ΠΌ сайтам ΠΈΠ΄ΡƒΡ‚ Ρ€Π΅Π°Π»ΡŒΠ½ΠΎ Ρ€Π°Π±ΠΎΡ‚Π°ΡŽΡ‰ΠΈΠ΅, слоТныС сСрвисы, растут смСты, услоТняСтся структура Ρ€Π°Π±ΠΎΡ‡ΠΈΡ… Π³Ρ€ΡƒΠΏΠΏ, 21-ΠΉ Π²Π΅ΠΊ стучится Π² Ρ‡Π΅Ρ€Π΅ΠΏΠ½Ρ‹Π΅ ΠΊΠΎΡ€ΠΎΠ±ΠΊΠΈ ΠΌΠ΅Π½Π΅Π΄ΠΆΠ΅Ρ€ΠΎΠ². И это β€” Ρ…ΠΎΡ€ΠΎΡˆΠΎ.

Но ΠΏΠΎΡ‡Π΅ΠΌΡƒ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Π°ΠΌ Π½Π΅ нравится это Ρ€Π°Π·Π΄Π΅Π»Π΅Π½ΠΈΠ΅ Ρ‚Ρ€ΡƒΠ΄Π°? β€” Π”Π° ΠΎΡ‡Π΅Π½ΡŒ просто: ΠΈΠ·-Π·Π° Π·Π½Π°Ρ‡ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΠΉ ΠΏΠΎΡ‚Π΅Ρ€ΠΈ контроля Π½Π°Π΄ процСссом создания ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚Π°. РаньшС ΠΌΠΎΠΆΠ½ΠΎ Π±Ρ‹Π»ΠΎ Π³ΠΎΡ‚ΠΎΠ²ΠΈΡ‚ΡŒ всё, Ρ‡Ρ‚ΠΎ ΡƒΠ³ΠΎΠ΄Π½ΠΎ, Π° Ρ‚Π΅ΠΏΠ΅Ρ€ΡŒ Π½Π° Β«ΠΊΡƒΡ…Π½Π΅Β» появилась Π΅Ρ‰Π΅ ΠΎΠ΄Π½Π° хозяйка, которая Π»ΡƒΡ‡ΡˆΠ΅ Π·Π½Π°Π΅Ρ‚, ΠΊΠ°ΠΊ Π³ΠΎΡ‚ΠΎΠ²ΠΈΡ‚ΡŒ ΠΏΠΎΠ»ΡƒΡ„Π°Π±Ρ€ΠΈΠΊΠ°Ρ‚Ρ‹, Π° Π·Π°Π΄Π°Ρ‡Π° Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Π° ΠΎΡ‚Π½Ρ‹Π½Π΅ β€” довСсти ΠΈΡ… Π΄ΠΎ ΠΊΠΎΠ½Π΄ΠΈΡ†ΠΈΠΈ ΠΈ красиво ΠΏΠΎΠ΄Π°Ρ‚ΡŒ. Π”Π° Π΅Ρ‰Π΅ эти Ρ‡Π΅Ρ€Ρ‚ΠΎΠ²Ρ‹ Β«ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΈΡ€ΠΎΠ²Ρ‰ΠΈΠΊΠΈ взаимодСйствий» трубят Π½Π° всСх ΡƒΠ³Π»Π°Ρ…, Ρ‡Ρ‚ΠΎ ΠΈΡ… Ρ€Π°Π±ΠΎΡ‚Π° Π²Π°ΠΆΠ½Π΅Π΅, Ρ‡Π΅ΠΌ графичСскоС ΠΎΡ„ΠΎΡ€ΠΌΠ»Π΅Π½ΠΈΠ΅, ΠΈ всС с Π½ΠΈΠΌΠΈ ΡΠΎΠ³Π»Π°ΡˆΠ°ΡŽΡ‚ΡΡ!

Π Π°Π·Π½Ρ‹Π΅ Π»ΠΈ это профСссии β€” вопрос Π½Π΅ стоит. Они Ρ€Π°Π·Π½Ρ‹Π΅, ΠΈ это ΠΌΠ½ΠΎΠ³ΠΎΠΊΡ€Π°Ρ‚Π½ΠΎ Π΄ΠΎΠΊΠ°Π·Π°Π½ΠΎ. ΠœΠΎΠ³ΡƒΡ‚ Π»ΠΈ Π² ΠΎΠ΄Π½ΠΎΠΌ Ρ‡Π΅Π»ΠΎΠ²Π΅ΠΊΠ΅ ΠΏΠΎΠ»Π½ΠΎΡ†Π΅Π½Π½ΠΎ ΡΠΎΡ‡Π΅Ρ‚Π°Ρ‚ΡŒΡΡ Ρ‚Π°Π»Π°Π½Ρ‚Ρ‹ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΈΡ€ΠΎΠ²Ρ‰ΠΈΠΊΠ° взаимодСйствий (дальшС для краткости я Π±ΡƒΠ΄Ρƒ ΠΏΠΈΡΠ°Ρ‚ΡŒ Β«UXΒ») ΠΈ графичСского Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Π°? НС всСгда, Π½ΠΎ ΠΌΠΎΠ³ΡƒΡ‚. ΠŸΡ€ΠΈΠΌΠ΅Ρ€Π½ΠΎ Ρ‚Π°ΠΊ ΠΆΠ΅, ΠΊΠ°ΠΊ Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ пианисты ΠΌΠΎΠ³ΡƒΡ‚ сносно ΠΈΠ³Ρ€Π°Ρ‚ΡŒ Π½Π° Π³ΠΈΡ‚Π°Ρ€Π΅. ΠžΡΡ‚Π°Π΅Ρ‚ΡΡ вопрос, всСгда Π»ΠΈ слСдуСт ΠΎΡ‚Π΄Π΅Π»ΡΡ‚ΡŒ процСссы создания UX ΠΈ Π³Ρ€Π°Ρ„ΠΈΠΊΠΈ ΠΈ ΠΎΡ‚Π΄Π°Π²Π°Ρ‚ΡŒ ΠΈΡ… Π½Π° ΠΎΡ‚ΠΊΡƒΠΏ Ρ€Π°Π·Π½Ρ‹ΠΌ людям?

Π’ ΠΎΠ±Ρ‰ΠΈΡ… Ρ‡Π΅Ρ€Ρ‚Π°Ρ… с этим всё просто: Ссли Ρƒ Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½ΠΎΠ³ΠΎ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Π° достаточно способностСй, ΠΎΠΏΡ‹Ρ‚Π° ΠΈ Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π·Π°Π½ΠΈΠΌΠ°Ρ‚ΡŒΡΡ UX, Π»ΡƒΡ‡ΡˆΠ΅ всё ΠΎΡ‚Π΄Π°Ρ‚ΡŒ Π΅ΠΌΡƒ (спСцы ΠΏΠΎ UX с Π²ΠΈΠ·ΡƒΠ°Π»Π°ΠΌΠΈ ΡΠΏΡ€Π°Π²ΠΈΡ‚ΡŒΡΡ Π½Π΅ ΠΌΠΎΠ³ΡƒΡ‚, Ссли Π·Π° ΠΏΠ»Π΅Ρ‡Π°ΠΌΠΈ Π½Π΅Ρ‚ дизайнСрского ΠΏΡ€ΠΎΡˆΠ»ΠΎΠ³ΠΎ).
Но Ρ‡Π΅ΠΌ слоТнСС Ρ€Π°Π±ΠΎΡ‚Π°, Ρ‚Π΅ΠΌ настойчивСС Π²ΠΎΠ·Π½ΠΈΠΊΠ°Π΅Ρ‚ вопрос ΠΎ Ρ€Π°Π·Π΄Π΅Π»Π΅Π½ΠΈΠΈ Ρ‚Ρ€ΡƒΠ΄Π°. Рассмотрим Π΄Π²Π° Ρ‚ΠΈΠΏΠΈΡ‡Π½Ρ‹Ρ… ΠΊΡ€Π°ΠΉΠ½ΠΈΡ… Π²Π°Ρ€ΠΈΠ°Π½Ρ‚Π°.

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

2. Π’Π°Ρ€ΠΈΠ°Π½Ρ‚ взрослый: большоС ΠΈ слоТноС клиСнтскоС ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅, Π΄Π΅ΠΌΠΎΠ½ΡΡ‚Ρ€ΠΈΡ€ΡƒΡŽΡ‰Π΅Π΅ Π²ΠΎ всСй красС Ρ€Π°Π·Π½ΠΈΡ†Ρƒ ΠΌΠ΅ΠΆΠ΄Ρƒ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ΠΌ взаимодСйствий ΠΈ Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½Ρ‹ΠΌ Π΄ΠΈΠ·Π°ΠΉΠ½ΠΎΠΌ, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, WPF ΠΏΡ€ΠΎΠ΅ΠΊΡ‚, находящийся Π² Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠ΅ Π΄Π²Π°-Ρ‚Ρ€ΠΈ Π³ΠΎΠ΄Π° ΠΈ Π±ΠΎΠ»Π΅Π΅ Π΄ΠΎ ΠΏΠ΅Ρ€Π²ΠΎΠ³ΠΎ Ρ€Π΅Π»ΠΈΠ·Π°.

ΠžΠ±Ρ‹Ρ‡Π½ΠΎ стСйкхолдСры Π½Π° Ρ‚Π°ΠΊΠΈΡ… ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π°Ρ… β€” пСрсоны ΡΡ‚ΠΎΠ»ΡŒ Π²Π°ΠΆΠ½Ρ‹Π΅, Ρ‡Ρ‚ΠΎ Π½Π° бСсСды с ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΈΡ€ΠΎΠ²Ρ‰ΠΈΠΊΠ°ΠΌΠΈ Ρƒ Π½ΠΈΡ… просто Π½Π΅Ρ‚ Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ. ΠŸΠΎΡΡ‚ΠΎΠΌΡƒ Π·Π° Π°Π΄Π΅ΠΊΠ²Π°Ρ‚Π½ΠΎΡΡ‚ΡŒ постановки Π·Π°Π΄Π°Ρ‡ ΠΎΡ‚Π²Π΅Ρ‡Π°ΡŽΡ‚ Π΄ΠΈΡ€Π΅ΠΊΡ‚ΠΎΡ€Ρ‹ сСрвисов (service owners). Π­Ρ‚ΠΎ спСциалисты ΠΈΠ· Ρ‚ΠΎΠΉ ΠΆΠ΅ отрасли, Ρ‡Ρ‚ΠΎ ΠΈ стСйкхолдСры, Π½ΠΎ с ΡƒΠΊΠ»ΠΎΠ½ΠΎΠΌ Π² ИВ. Они ΠΏΠΎΠ½ΠΈΠΌΠ°ΡŽΡ‚, ΠΊΠ°ΠΊΠΈΠ΅ Π·Π°Π΄Π°Ρ‡ΠΈ ΠΈ ΠΊΠ°ΠΊ Π΄ΠΎΠ»ΠΆΠ΅Π½ Ρ€Π΅ΡˆΠ°Ρ‚ΡŒ ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚, Π½ΠΎ Π² Π½Π°Ρ‡Π°Π»Π΅ Ρ€Π°Π±ΠΎΡ‚Ρ‹ ΠΎΠΊΠΎΠ½Ρ‡Π°Ρ‚Π΅Π»ΡŒΠ½Ρ‹ΠΉ Π²ΠΈΠ΄ прилоТСния ΠΏΡ€Π΅Π΄ΡΡ‚Π°Π²Π»ΡΡŽΡ‚ смутно, особСнно, Ссли ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ ΠΈΠ½Π½ΠΎΠ²Π°Ρ†ΠΈΠΎΠ½Π½Ρ‹ΠΉ, Π½Π΅ ΠΈΠΌΠ΅ΡŽΡ‰ΠΈΠΉ ΡΡƒΡ‰Π΅ΡΡ‚Π²ΡƒΡŽΡ‰ΠΈΡ… Π°Π½Π°Π»ΠΎΠ³ΠΎΠ².

ΠŸΡ€ΠΎΠ΅ΠΊΡ‚, СстСствСнно, разбиваСтся Π½Π° ΠΊΠΎΡ€ΠΎΡ‚ΠΊΠΈΠ΅ ΠΎΡ‚Ρ€Π΅Π·ΠΊΠΈ β€” спринты (ΠΎΠ±Ρ‹Ρ‡Π½ΠΎ Π΄Π»ΠΈΠ½ΠΎΠΉ Π² мСсяц-ΠΏΠΎΠ»Ρ‚ΠΎΡ€Π°), ΠΈ Π³Ρ€ΡƒΠΏΠΏΠ° UX Π² ΠΏΠ»ΠΎΡ‚Π½ΠΎΠΌ, Π΅ΠΆΠ΅Π΄Π½Π΅Π²Π½ΠΎΠΌ взаимодСйствии с Π΄ΠΈΡ€Π΅ΠΊΡ‚ΠΎΡ€Π°ΠΌΠΈ сСрвисов Π½Π°Ρ‡ΠΈΠ½Π°Π΅Ρ‚ ΠΎΡ‚ спринта ΠΊ спринту постСпСнно Ρ„ΠΎΡ€ΠΌΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΠΌΠΎΠ΄Π΅Π»ΠΈ Ρ€Π°Π±ΠΎΡ‚Ρ‹ ΡŽΠ·Π΅Ρ€ΠΎΠ² с Ρ€Π°Π·Π½Ρ‹ΠΌΠΈ модулями ΠΈ основныС ΠΏΡ€ΠΈΠ½Ρ†ΠΈΠΏΡ‹ Ρ€Π°Π±ΠΎΡ‚Ρ‹ с ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚ΠΎΠΌ. Π“Ρ€ΡƒΠΏΠΏΠ° UX ΠΌΠΎΠΆΠ΅Ρ‚ ΡΠΎΡΡ‚ΠΎΡΡ‚ΡŒ ΠΈΠ· 2-3 ΠΈ Π±ΠΎΠ»Π΅Π΅ UX-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ΠΎΠ² ΠΈ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Π° Π²ΠΈΠ·ΡƒΠ°Π»ΠΎΠ².

UX-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Ρ‹ ΠΈΠΌΠ΅ΡŽΡ‚ своСго Π»ΠΈΠ΄Π΅Ρ€Π°, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ фактичСски являСтся бизнСс-Π°Π½Π°Π»ΠΈΡ‚ΠΈΠΊΠΎΠΌ, ΠΈ Π΅ΠΌΡƒ приходится Π·Π°ΠΊΠ°ΠΏΡ‹Π²Π°Ρ‚ΡŒΡΡ Π² ΠΎΡ‚Ρ€Π°ΡΠ»Π΅Π²ΡƒΡŽ спСцифику довольно Π³Π»ΡƒΠ±ΠΎΠΊΠΎ. На основС Ρ€Π°Π±ΠΎΡ‚Ρ‹ с Π΄ΠΈΡ€Π΅ΠΊΡ‚ΠΎΡ€Π°ΠΌΠΈ сСрвисов ΠΎΠ½ опрСдСляСт, ΠΊΠ°ΠΊΠΈΠ΅ ΠΌΠ΅Ρ‚ΠΎΠ΄Ρ‹ ΠΈ ΠΏΡ€ΠΈΠ΅ΠΌΡ‹ построСния интСрфСйса Π±ΡƒΠ΄ΡƒΡ‚ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒΡΡ, Π° ΠΊΠ°ΠΊΠΈΠ΅ β€” Π½Π΅Ρ‚, Ρ‚.Π΅. Π²Ρ‹Ρ€Π°Π±Π°Ρ‚Ρ‹Π²Π°Π΅Ρ‚ Π½Π΅ΠΊΠΎΠ΅ Π²ΠΈΠ΄Π΅Π½ΠΈΠ΅ взаимодСйствия ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ с Π±ΡƒΠ΄ΡƒΡ‰ΠΈΠΌ ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚ΠΎΠΌ.

А Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½Ρ‹ΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ Π²Ρ‹Ρ€Π°Π±Π°Ρ‚Ρ‹Π²Π°Π΅Ρ‚ своС Π²ΠΈΠ΄Π΅Π½ΠΈΠ΅ управлСния Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅ΠΌ ΠΈ эмоциями ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ Π² Ρ€Π°ΠΌΠΊΠ°Ρ… ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½Π½ΠΎΠΉ Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½ΠΎΠΉ Π°ΠΉΠ΄Π΅Π½Ρ‚ΠΈΠΊΠΈ. МоТно ΡΠΊΠ°Π·Π°Ρ‚ΡŒ, создаСт сцСнарий управлСния Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅ΠΌ ΠΈ эмоциями ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ, Π½ΠΎ Π² Ρ€Π΅Π°Π»Π΅, ΠΊΠΎΠ½Π΅Ρ‡Π½ΠΎ, Π·Π°Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚ΠΈΡ€ΠΎΠ²Π°Π½Π½ΠΎΠ³ΠΎ «сцСнария» Π½Π΅Ρ‚, Π΅ΡΡ‚ΡŒ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ идСя ΠΈ ΠΊΠ°ΠΊΠΈΠ΅-Ρ‚ΠΎ ΠΏΠ΅Ρ€Π²ΠΎΠ½Π°Ρ‡Π°Π»ΡŒΠ½Ρ‹Π΅ Π±Π»ΠΎΠΊΠΈ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ постСпСнно Β«ΠΎΠ±Ρ€Π°ΡΡ‚Π°ΡŽΡ‚ мясом». И Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ Π½Π΅ ΠΏΠ»ΡΡˆΠ΅Ρ‚ ΠΎΡ‚ самой ΠΏΠ΅Ρ‡ΠΊΠΈ вмСстС с бизнСс-Π°Π½Π°Π»ΠΈΡ‚ΠΈΠΊΠΎΠΌ, Π° расходуСт всю свою Ρ‚Π²ΠΎΡ€Ρ‡Π΅ΡΠΊΡƒΡŽ ΡΠ½Π΅Ρ€Π³ΠΈΡŽ кумулятивно, тратя всСго нСсколько часов Π² нСдСлю Π½Π° обсуТдСния ΡƒΠΆΠ΅ созданных ΠΌΠΎΠ΄Π΅Π»Π΅ΠΉ взаимодСйствия ΠΈ ΠΏΠΎΠ»ΡŒΠ·ΡƒΡΡΡŒ Π²ΠΈΠ΄Π΅ΠΎΡ€ΠΎΠ»ΠΈΠΊΠ°ΠΌΠΈ с записями UX-ΠΏΠΎΡΠ»Π΅Π΄ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎΡΡ‚Π΅ΠΉ. ΠŸΡ€ΠΈ этом, ΠΊΠΎΠ½Π΅Ρ‡Π½ΠΎ, ΠΎΠ½ ΠΌΠΎΠΆΠ΅Ρ‚ ΠΏΡ€Π΅Π΄Π»Π°Π³Π°Ρ‚ΡŒ свои UX-Ρ€Π΅ΡˆΠ΅Π½ΠΈΡ ΠΈ Π²Π½Π΅Π΄Ρ€ΡΡ‚ΡŒ ΠΈΡ…, Ссли ΠΎΠ½ΠΈ Π½Π΅ Π»ΠΎΠΌΠ°ΡŽΡ‚ ΠΎΠ±Ρ‰Π΅ΠΉ ΠΊΠΎΠ½Ρ†Π΅ΠΏΡ†ΠΈΠΈ сцСнариСв взаимодСйствий.

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

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

Π― Π½Π°Ρ…ΠΎΠΆΡƒΡΡŒ Π½Π° Π₯Π°Π±Ρ€Π΅ Π² статусС Read-only ΠΈ Π½Π΅ ΠΌΠΎΠ³Ρƒ ΠΎΡΡ‚Π°Π²Π»ΡΡ‚ΡŒ ΠΊΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠΈ. ΠŸΠΎΡΡ‚ΠΎΠΌΡƒ ΠΏΡ€ΠΎΡˆΡƒ вас, Π΄ΠΎΠ±Ρ€Ρ‹Π΅ ΠΌΠΎΠΈ Ρ‡ΠΈΡ‚Π°Ρ‚Π΅Π»ΠΈ, ΠΏΡ€ΠΎΠΉΠ΄ΠΈΡ‚Π΅ΡΡŒ ΠΏΠΎ Ρ…Π°Π±Ρƒ интСрфСйсов ΠΈ Π·Π°ΠΌΠΎΠ»Π²ΠΈΡ‚Π΅ слово ΠΎ Π±Π΅Π΄Π½ΠΎΠΌ ΠΌΠΎΠΊΠ°ΠΏΠ΅.

P.s. ΠžΡ‚Π²Π΅Ρ‚Ρ‹ Π½Π° вопросы, Π·Π°Π΄Π°Π½Π½Ρ‹Π΅ Π½Π΅ ΠΌΠ½Π΅ πŸ˜‰

ΠŸΡƒΠ±Π»ΠΈΠΊΠ°Ρ†ΠΈΠΈ ΠŸΡ€ΠΎΡ‚ΠΎΡ‚ΠΈΠΏΠΈΡ€ΡƒΠΉ это послСдовали Вопросы ΠΊ посту АлСкса Π ΡƒΠ±Π»Π΅Π²Π° ΠΏΡ€ΠΎ Π΄ΠΈΠ·Π°ΠΉΠ½. Π₯отя ΡΠΏΡ€Π°ΡˆΠΈΠ²Π°Π»ΠΈ Π½Π΅ мСня, ΠΌΠΎΠ³Ρƒ ΠΎΡ‚Π²Π΅Ρ‚ΠΈΡ‚ΡŒ ΠΈΠ· Ρ†Π΅Ρ…ΠΎΠ²Ρ‹Ρ… рядов.

1. ΠŸΠΎΡ‡Π΅ΠΌΡƒ, ΠΊΠΎΠ³Π΄Π° Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ΠΎΠ² просят Ρ‡Ρ‚ΠΎ-Ρ‚ΠΎ ΠΏΠ΅Ρ€Π΅Π΄Π΅Π»Π°Ρ‚ΡŒ, с Π½ΠΈΠΌΠΈ ΠΏΡ€ΠΈΠΊΠ»ΡŽΡ‡Π°ΡŽΡ‚ΡΡ истСрики? ΠŸΡ€ΠΈΡ‡Π΅ΠΌ, Ρ‡Π΅ΠΌ сущСствСннСС Π΄ΠΎΡ€Π°Π±ΠΎΡ‚ΠΊΠΈ β€” Ρ‚Π΅ΠΌ Π±ΠΎΠ»Π΅Π΅ ΠΆΡƒΡ‚ΠΊΠΈΠ΅ истСрики.
β€” Ватсон, это элСмСнтарно! Π”ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Ρ‹, с ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΌΠΈ Π²Ρ‹ ΠΈΠΌΠ΅Π»ΠΈ Π΄Π΅Π»ΠΎ, Π½Π΅ ΠΈΠ· Π²Ρ‹ΡΡˆΠ΅ΠΉ Π»ΠΈΠ³ΠΈ ΠΈ Π½ΠΈΠΊΠΎΠ³Π΄Π° Π² Π½Π΅ΠΉ Π½Π΅ Π±ΡƒΠ΄ΡƒΡ‚. Если Ρ‡Π΅Π»ΠΎΠ²Π΅ΠΊ, дСлая интСрфСйс для тачскрина, рисуСт ΠΌΠΈΠ»Π»ΠΈΠΌΠ΅Ρ‚Ρ€ΠΎΠ²Ρ‹Π΅ ΠΊΠ½ΠΎΠΏΠΎΡ‡ΠΊΠΈ, Ρ‚ΠΎ это ΡΠ²ΠΈΠ΄Π΅Ρ‚Π΅Π»ΡŒΡΡ‚Π²ΡƒΠ΅Ρ‚ ΠΎΠ± отсутствии Ρƒ Π½Π΅Π³ΠΎ аналитичСских способностСй. Π‘Ρ‹Ρ‚ΡŒ Ρ…ΠΎΡ€ΠΎΡˆΠΈΠΌ Π³Ρ€Π°Ρ„ΠΈΠΊΠΎΠΌ ΠΎΠ½ ΠΌΠΎΠΆΠ΅Ρ‚, Ρ…ΠΎΡ€ΠΎΡˆΠΈΠΌ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ΠΎΠΌ β€” Π½Π΅Ρ‚. Π”ΠΈΠ·Π°ΠΉΠ½ β€” это Π½Π΅ Ρ‚ΠΎΠΌ, ΠΊΠ°ΠΊ красиво всС Π΄ΠΎΠ»ΠΆΠ½ΠΎ Π²Ρ‹Π³Π»ΡΠ΄Π΅Ρ‚ΡŒ, Π° ΠΎ Ρ‚ΠΎΠΌ, ΠΊΠ°ΠΊ красиво всС Π΄ΠΎΠ»ΠΆΠ½ΠΎ Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ ΠΈ Ρ€Π΅ΡˆΠ°Ρ‚ΡŒ поставлСнныС Π·Π°Π΄Π°Ρ‡ΠΈ. И Ссли Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Ρƒ Π² процСссС Ρ€Π°Π±ΠΎΡ‚Ρ‹ ΡƒΠΊΠ°Π·Π°Π»ΠΈ Π½Π° ΠΏΡ€ΠΎΠΌΠ°Ρ…, ΠΎΠ½ Π΄ΠΎΠ»ΠΆΠ΅Π½ Π±Π»Π°Π³ΠΎΠ΄Π°Ρ€ΠΈΡ‚ΡŒ ΠΊΠΎΠ»Π»Π΅Π³ Π·Π° Π²ΠΊΠ»Π°Π΄, ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡŽΡ‰ΠΈΠΉ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚ Π»ΡƒΡ‡ΡˆΠ΅.

2. ΠŸΡ€ΠΎΡ‚ΠΎΡ‚ΠΈΠΏΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ Π΄Π΅ΠΉΡΡ‚Π²ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ нСсколько ΠΎΠ³Ρ€Π°Π½ΠΈΡ‡ΠΈΠ²Π°Π΅Ρ‚ свободу ΠΏΠΎΠ»Π΅Ρ‚Π° творчСской мысли, Π½ΠΎ сильно сниТаСт Π²Π΅Ρ€ΠΎΡΡ‚Π½ΠΎΡΡ‚ΡŒ нСобходимости ΠΏΠ΅Ρ€Π΅Π΄Π΅Π»ΠΎΠΊ. Π’Π°ΠΊΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ, мСньшС вСроятности дизайнСрских истСрик. Π­Ρ‚ΠΎ Π½Π΅ ΠΎΠΏΡ€Π°Π²Π΄Ρ‹Π²Π°Π΅Ρ‚ ΠΏΡ€ΠΈΠΌΠ΅Π½Π΅Π½ΠΈΠ΅ ΠΌΠ΅Ρ‚ΠΎΠ΄Π°?
β€” Вопрос риторичСский, Π½Π΅ Ρ‚Ρ€Π΅Π±ΡƒΡŽΡ‰ΠΈΠΉ ΠΎΡ‚Π²Π΅Ρ‚Π°. ВворчСская ΠΌΡ‹ΡΠ»ΡŒ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Π° Π΄ΠΎΠ»ΠΆΠ½Π° Π»Π΅Ρ‚Π΅Ρ‚ΡŒ Π² Π·Π°Π΄Π°Π½Π½ΠΎΠΌ Π½Π°ΠΏΡ€Π°Π²Π»Π΅Π½ΠΈΠΈ ΠΊΠ°ΠΊ ΠΏΠΎΡ‡Ρ‚ΠΎΠ²Ρ‹ΠΉ Π³ΠΎΠ»ΡƒΠ±ΡŒ, Π° Π½Π΅ ΠΊΡƒΠ΄Π° ΠΏΠΎΠΏΠ°Π»ΠΎ ΠΊΠ°ΠΊ ΠΌΠΎΡ‚Ρ‹Π»Π΅ΠΊ. πŸ˜‰

Или, ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ ΠΌΠ½Π΅ Π½Π΅ Ρ‚Π°ΠΊΠΈΠ΅ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Ρ‹ попадались?
Если Π²Ρ‹ Π½Π΅ Π±ΠΎΠΈΡ‚Π΅ΡΡŒ ΡƒΠ·Π½Π°Ρ‚ΡŒ ΡΡ‚Ρ€Π°ΡˆΠ½ΠΎΠ±Π΅ΡΠΏΠΎΡ‰Π°Π΄Π½ΡƒΡŽ ΠΏΡ€Π°Π²Π΄Ρƒ, Ρ‚ΠΎ ΡƒΡ€ΠΎΠ²Π΅Π½ΡŒ Π²Π°ΡˆΠΈΡ… Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ΠΎΠ² соотвСтствуСт ΡƒΡ€ΠΎΠ²Π½ΡŽ Π²Π°ΡˆΠΈΡ… ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΎΠ²: Β«ΠžΡ‚ дСсятков Π΄ΠΎ сотСн чСловСкочасов, Π΄Π΅Π½Π΅Π³, ΠΊΡ€ΠΎΠ²ΠΈ ΠΈ ΠΏΠΎΡ‚Π° β€” Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒ интСрфСйс, ΡƒΠ΄ΠΎΠ±Π½Ρ‹ΠΉ людям. И ΠΏΡΡ‚ΡŒ часов Ρ€Π°Π±ΠΎΡ‚Ρ‹ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Π°, Π΄ΠΎ ΠΈΠ»ΠΈ послС.Β»
β€” Расходы Π½Π° Π²ΠΈΠ·ΡƒΠ°Π» ΡΠΎΡΡ‚Π°Π²Π»ΡΡŽΡ‚ ΠΏΠΎΠ»ΠΏΡ€ΠΎΡ†Π΅Π½Ρ‚Π° ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π½ΠΎΠΉ смСты? β€” Π—Π½Π°Ρ‡ΠΈΡ‚, для вас качСство Π²ΠΈΠ·ΡƒΠ°Π»Π° β€” Π΄Π΅Π»ΠΎ стопятидСсятоС. ΠŸΠΎΠ»ΡƒΡ‡ΠΈΡ‚Π΅ ΠΈ Ρ€Π°ΡΠΏΠΈΡˆΠΈΡ‚Π΅ΡΡŒ! Π”ΡƒΠΌΠ°Π΅Ρ‚Π΅, Π² эпплах ΠΈ Π³ΡƒΠ³Π»Π°Ρ… Ρ€Π°Π±ΠΎΡ‚Π°ΡŽΡ‚ ΠΏΠΎ Ρ‚ΠΎΠΌΡƒ ΠΆΠ΅ ΠΏΡ€ΠΈΠ½Ρ†ΠΈΠΏΡƒ β€” Β«Π½Ρƒ, всё Π³ΠΎΡ‚ΠΎΠ²ΠΎ, Ρ‰Π° Π½Π°ΠΉΠΌΠ΅ΠΌ ΠΊΠΎΠ³ΠΎ-Π½ΠΈΠ±ΡƒΠ΄ΡŒ, Ρ‡Ρ‚ΠΎΠ± Π·Π° 5 часов разукрасил»? β€” ΠžΡ‚Π½ΡŽΠ΄ΡŒ, Ρƒ Π½ΠΈΡ… Ρ‚Π°ΠΌ Ρ†Π΅Π»Ρ‹Π΅ дизайнСрскиС ΠΎΡ‚Π΄Π΅Π»Ρ‹ сидят!

Π”Π°, Π·Π°ΠΊΠ°Π·Ρ‡ΠΈΠΊΡƒ Π²ΠΈΠ΄Π½Π΅Π΅, влияСт Π»ΠΈ ΡƒΡ€ΠΎΠ²Π΅Π½ΡŒ исполнСния Π²ΠΈΠ·ΡƒΠ°Π»Π° Π½Π° ΠΏΡ€ΠΈΠ±Ρ‹Π»ΡŒΠ½ΠΎΡΡ‚ΡŒ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π°. Но Ρ‡Ρ‚ΠΎ Π·Π½Π°Ρ‡ΠΈΡ‚ Β«Π΄ΠΎ ΠΈΠ»ΠΈ послС»? Π•ΡΡ‚ΡŒ ΠΆΠ΅ общСпринятая, тысячСкратно провСрСнная мСтодология Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΎΠ½Π½Ρ‹Ρ… систСм, ΠΎΠΏΡ€Π΅Π΄Π΅Π»ΡΡŽΡ‰Π°Ρ ΠΏΠΎΡΠ»Π΅Π΄ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎΡΡ‚ΡŒ: запрос Π·Π°ΠΊΠ°Π·Ρ‡ΠΈΠΊΠ° > бизнСс-Π°Π½Π°Π»ΠΈΠ· > UX > Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½Ρ‹ΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½ > ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ > QA ΠΈ Ρ‚.Π΄. И Π½Π΅Π²Π°ΠΆΠ½ΠΎ, дСлаСтся Π»ΠΈ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ ΠΌΠ΅Ρ‚ΠΎΠ΄ΠΎΠΌ Π²ΠΈΠ½Ρ‚Π°ΠΆΠ½ΠΎΠ³ΠΎ Π²Π°Ρ‚Π΅Ρ€Ρ„ΠΎΠ»Π»Π° ΠΈΠ»ΠΈ эдТайлом со спринтами β€” ΠΏΠΎΡΠ»Π΅Π΄ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎΡΡ‚ΡŒ ΠΎΠ΄Π½Π° ΠΈ Ρ‚Π° ΠΆΠ΅. МоТно, ΠΊΠΎΠ½Π΅Ρ‡Π½ΠΎ, ΠΈΠ·Π²Π΅Ρ€Π½ΡƒΡ‚ΡŒΡΡ ΠΈ Π΄Π²ΠΈΠ½ΡƒΡ‚ΡŒ Ρ‚Π΅Π»Π΅Π³Ρƒ Π²ΠΏΠ΅Ρ€Π΅Π΄ΠΈ лошади, Π½ΠΎ Π·Π°Ρ‡Π΅ΠΌ? Π’ΠΈΠ΄ΠΈΠΌΠΎ, Π·Π°Ρ‚Π΅ΠΌ, Ρ‡Ρ‚ΠΎ руководству ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π°ΠΌΠΈ Π²ΠΈΠ·ΡƒΠ°Π»Ρ‹ ΠΏΠΎ Π±Π°Ρ€Π°Π±Π°Π½Ρƒ: Π΄ΠΎ ΡΠ΄Π΅Π»Π°ΡŽΡ‚ ΠΈΠ»ΠΈ послС, Ρ‚ΠΎΡ‚ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ ΠΈΠ»ΠΈ этот β€” лишь Π±Ρ‹ эта возня творчСских личностСй съСла помСньшС Π΄Π΅Π½Π΅Π³. А Π½ΠΎΡ€ΠΌΠ°Π»ΡŒΠ½Ρ‹Π΅ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Ρ‹ ΠΏΠΎΡ‡Π΅ΠΌΡƒ-Ρ‚ΠΎ Π»ΡŽΠ±ΡΡ‚, ΠΊΠΎΠ³Π΄Π° ΠΊ ΠΈΡ… Π²ΠΊΠ»Π°Π΄Ρƒ Π² ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚ относятся ΡΠ΅Ρ€ΡŒΠ΅Π·Π½ΠΎ. И ΠΎΠ±Ρ‹Ρ‡Π½ΠΎ Ρƒ Π½ΠΈΡ… Π΅ΡΡ‚ΡŒ Π²Ρ‹Π±ΠΎΡ€, Π³Π΄Π΅ Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ. Π‘Π΅ ля ви…

Мокап Π»ΠΈΠΊΠ±Π΅Π· β€” всС Ρ‡Ρ‚ΠΎ Π½ΡƒΠΆΠ½ΠΎ Π·Π½Π°Ρ‚ΡŒ ΠΏΡ€ΠΎ ΠΌΠΎΠΊΠ°ΠΏΡ‹

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

Мокап (ΠΈΠ»ΠΈ mock-up Π½Π° английском) β€” это ΡΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½Ρ‹ΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ ΠΏΠΎΠ΄Π³ΠΎΡ‚ΠΎΠ²Π»Π΅Π½Π½Ρ‹ΠΉ Ρ„Π°ΠΉΠ», Π² ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΌ ΠΌΠΎΠΆΠ½ΠΎ свой Π΄ΠΈΠ·Π°ΠΉΠ½ Ρ€Π°Π·ΠΌΠ΅Ρ‰Π°Ρ‚ΡŒ Π½Π° Ρ€Π΅Π°Π»ΡŒΠ½Ρ‹Ρ… ΠΏΡ€Π΅Π΄ΠΌΠ΅Ρ‚Π°Ρ…. Они Π½ΡƒΠΆΠ½Ρ‹, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΠΎΠΊΠ°Π·Π°Ρ‚ΡŒ ΠΊΠ°ΠΊ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° Π±ΡƒΠ΄Π΅Ρ‚ Π²Ρ‹Π³Π»ΡΠ΄Π΅Ρ‚ΡŒ Π² Ρ€Π΅Π°Π»ΡŒΠ½ΠΎΠΉ ΠΆΠΈΠ·Π½ΠΈ. ΠžΠ±Ρ‹Ρ‡Π½ΠΎ это PSD Ρ„Π°ΠΉΠ» со смарт-ΠΎΠ±ΡŠΠ΅ΠΊΡ‚ΠΎΠΌ, Π½Π° ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΈ вставляСтся ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° с Π΄ΠΈΠ·Π°ΠΉΠ½ΠΎΠΌ. Π‘Ρ‹Π²Π°ΡŽΡ‚ ΠΈ просто JPEG ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ, Π½Π°Π·Ρ‹Π²Π°Π΅ΠΌΡ‹Π΅ ΠΌΠΎΠΊΠ°ΠΏΠ°ΠΌΠΈ, Π½ΠΎ Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ с Π½ΠΈΠΌΠΈ слоТно, Π½ΡƒΠΆΠ½ΠΎ Π΄ΠΎΠ»Π³ΠΎ ΠΈΡΠΊΠ°ΠΆΠ°Ρ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ ΠΈ Π²ΠΏΠΈΡΡ‹Π²Π°Ρ‚ΡŒ Π΅Π΅ Π² ΠΎΠΊΡ€ΡƒΠΆΠ΅Π½ΠΈΠ΅.

Π‘ΠΌΠ°Ρ€Ρ‚-ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Ρ‹ β€” ΠΎΡ‡Π΅Π½ΡŒ крутая ΡˆΡ‚ΡƒΠΊΠ°. Если Π²Ρ‹ Ρ…ΠΎΡ‚ΡŒ Ρ€Π°Π· ΡƒΠΌΠ΅Π½ΡŒΡˆΠ°Π»ΠΈ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ Π² Ρ„ΠΎΡ‚ΠΎΡˆΠΎΠΏΠ΅, Π° ΠΏΠΎΡ‚ΠΎΠΌ растягивали Π΅Π΅ Π½Π° большой Ρ€Π°Π·ΠΌΠ΅Ρ€, навСрняка ΠΏΠΎΠ»ΡƒΡ‡Π°Π»Π°ΡΡŒ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π½ΠΎ такая история, ΠΏΠΎΡ‚ΠΎΠΌΡƒ Ρ‡Ρ‚ΠΎ Π€ΠΎΡ‚ΠΎΡˆΠΎΠΏ искаТаСт Ρ„Π°ΠΉΠ»Ρ‹.

Π’ΠΎ ΠΆΠ΅ самоС ΠΈ с ΡˆΡ€ΠΈΡ„Ρ‚Π°ΠΌΠΈ ΠΈ с эффСктами. Для Ρ‚ΠΎΠ³ΠΎ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ этого ΠΈΠ·Π±Π΅ΠΆΠ°Ρ‚ΡŒ, стоит ΠΏΡ€Π΅Π²Ρ€Π°Ρ‰Π°Ρ‚ΡŒ всС элСмСнты Π² смарт-ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Ρ‹. Для Ρ‚ΠΎΠ³ΠΎ Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ смарт-ΠΎΠ±ΡŠΠ΅ΠΊΡ‚, ΠΎΡ‚ΠΊΡ€ΠΎΠΉΡ‚Π΅ любоС ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π² Ρ„ΠΎΡ‚ΠΎΡˆΠΎΠΏΠ΅. Π”Π°Π»Π΅Π΅ ΠΏΡ€Π΅ΠΎΠ±Ρ€Π°Π·ΡƒΠΉΡ‚Π΅ Ρ„ΠΎΠ½ΠΎΠ²Ρ‹ΠΉ слой Π² ΠΎΠ±Ρ‹Ρ‡Π½Ρ‹ΠΉ (Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΡƒΠ΅ΠΌΡ‹ΠΉ), для этого Π΄Π²ΠΎΠΉΠ½Ρ‹ΠΌ Ρ‰Π΅Π»Ρ‡ΠΊΠΎΠΌ ΠΌΡ‹ΡˆΠΈ ΠΊΠ»ΠΈΠΊΠ½ΠΈΡ‚Π΅ ΠΏΠΎ Π½Π΅ΠΌΡƒ ΠΈ Π½Π°ΠΆΠΌΠΈΡ‚Π΅ ОК Π»ΠΈΠ±ΠΎ создайтС Π΅Π³ΠΎ Π΄ΡƒΠ±Π»ΠΈΠΊΠ°Ρ‚, для этого Π½Π°ΠΆΠΌΠΈΡ‚Π΅ ΠΊΠΎΠΌΠ±ΠΈΠ½Π°Ρ†ΠΈΡŽ клавиш Ctrl+J. Π—Π°Ρ‚Π΅ΠΌ, Ρ‰Π΅Π»ΠΊΠ½ΡƒΠ² ΠΏΡ€Π°Π²ΠΎΠΉ ΠΊΠ½ΠΎΠΏΠΊΠΎΠΉ ΠΌΡ‹ΡˆΠΈ ΠΏΠΎ ΠΏΡ€Π΅ΠΎΠ±Ρ€Π°Π·ΠΎΠ²Π°Π½Π½ΠΎΠΌΡƒ/Π΄ΡƒΠ±Π»ΠΈΡ€ΠΎΠ²Π°Π½Π½ΠΎΠΌΡƒ слою ΠΈΠ· контСкстного мСню Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Β«ΠŸΡ€Π΅ΠΎΠ±Ρ€Π°Π·ΠΎΠ²Π°Ρ‚ΡŒ Π² смарт-ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Β». ПослС Ρ‚ΠΎΠ³ΠΎ, ΠΊΠ°ΠΊ Π’Ρ‹ это сдСлали, Π½Π° ΠΌΠΈΠ½ΠΈΠ°Ρ‚ΡŽΡ€Π΅ Π’Π°ΡˆΠ΅Π³ΠΎ слоя появится нСбольшая ΠΈΠΊΠΎΠ½ΠΊΠ°, которая ΠΎΠ·Π½Π°Ρ‡Π°Π΅Ρ‚, Ρ‡Ρ‚ΠΎ слой являСтся смарт-ΠΎΠ±ΡŠΠ΅ΠΊΡ‚ΠΎΠΌ.

По сути смарт-ΠΎΠ±ΡŠΠ΅ΠΊΡ‚ β€” это ΠΊΠΎΠ½Ρ‚Π΅ΠΉΠ½Π΅Ρ€, измСнСния ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ³ΠΎ Π½Π΅ Π·Π°Ρ‚Ρ€Π°Π³ΠΈΠ²Π°ΡŽΡ‚ ΠΎΠ±ΡŠΠ΅ΠΊΡ‚ Π²Π½ΡƒΡ‚Ρ€ΠΈ. МоТно Ρ€Π°ΡΡ‚ΡΠ³ΠΈΠ²Π°Ρ‚ΡŒ, ΡƒΠΌΠ΅Π½ΡŒΡˆΠ°Ρ‚ΡŒ, ΠΏΡ€ΠΈΠΌΠ΅Π½ΡΡ‚ΡŒ эффСкты Π½Π΅ тСряя качСства ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ ΠΈΠ»ΠΈ ΡˆΡ€ΠΈΡ„Ρ‚Π°. По ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ кстати всС ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΏΠ΅Ρ€Π΅Ρ‚Π°ΡΠΊΠΈΠ²Π°ΡŽΡ‚ΡΡ Π² Π€Π¨, становятся смарт-ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Π°ΠΌΠΈ.

Π Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ смарт-ΠΎΠ±ΡŠΠ΅ΠΊΡ‚ΠΎΠ² происходит ΠΊΠ°ΠΊ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½ΠΎΠ³ΠΎ Ρ„Π°ΠΉΠ»Π° Π² ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½ΠΎΠΌ ΠΎΠΊΠ½Π΅ (создаСтся Π²Ρ€Π΅ΠΌΠ΅Π½Π½Ρ‹ΠΉ Ρ„Π°ΠΉΠ» Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ .psb, привязанный ΠΊ основному Ρ„Π°ΠΉΠ»Ρƒ). ИзмСнСниС ΠΈ сохранСниС этого Ρ„Π°ΠΉΠ»Π° ΠΏΡ€ΠΈΠ²ΠΎΠ΄ΠΈΡ‚ ΠΊ измСнСнию основной ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ.

ΠŸΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒΡΡ ΠΌΠΎΠΊΠ°ΠΏΠ°ΠΌΠΈ ΠΎΡ‡Π΅Π½ΡŒ просто.

  • Π‘ΠΊΠ°Ρ‡ΠΈΠ²Π°Π΅ΠΌ Π½ΡƒΠΆΠ½Ρ‹ΠΉ PSD, ΠΎΡ‚ΠΊΡ€Ρ‹Π²Π°Π΅ΠΌ Π΅Π³ΠΎ ΠΈ ΠΈΡ‰Π΅ΠΌ слой с ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π½Ρ‹ΠΌ Π½Π°Π·Π²Π°Π½ΠΈΠ΅ΠΌ Β«Your design hereΒ» ΠΈΠ»ΠΈ Ρ‡Ρ‚ΠΎ-Ρ‚ΠΎ ΠΏΠΎΠ΄ΠΎΠ±Π½ΠΎΠ΅.
  • Π”Π²Π°ΠΆΠ΄Ρ‹ Ρ‰Π΅Π»ΠΊΠ°Π΅ΠΌ Π½Π° ΠΈΠΊΠΎΠ½ΠΊΠ΅ смарт-слоя β€” открываСтся Π½ΠΎΠ²ΠΎΠ΅ ΠΎΠΊΠ½ΠΎ, ΠΊΡƒΠ΄Π° ΠΈ Π½ΡƒΠΆΠ½ΠΎ ΠΏΠ΅Ρ€Π΅Ρ‚Π°Ρ‰ΠΈΡ‚ΡŒ свой ΠΏΠ°Ρ‚Ρ‚Π΅Ρ€Π½ ΠΈΠ»ΠΈ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ.
  • ПослС этого Π·Π°ΠΊΡ€Ρ‹Π²Π°Π΅ΠΌ это ΠΎΠΊΠ½ΠΎ, Π²Ρ‹Π±Ρ€Π°Π² Β«Π”Π°Β» ΠΏΡ€ΠΈ вопросС Π½ΡƒΠΆΠ½ΠΎ Π»ΠΈ ΡΠΎΡ…Ρ€Π°Π½ΠΈΡ‚ΡŒ.
ВсС, Π² исходном Ρ„Π°ΠΉΠ»Π΅ ваша ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° искаТаСтся ΠΈ вписываСтся Π² ΠΎΠ±ΡŠΠ΅ΠΊΡ‚. Π’ любой ΠΌΠΎΠΌΠ΅Π½Ρ‚ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ ΠΌΠΎΠΆΠ½ΠΎ Π·Π°ΠΌΠ΅Π½ΠΈΡ‚ΡŒ ΠΈΠ»ΠΈ ΠΏΠΎΠ΄Π²ΠΈΠ½ΡƒΡ‚ΡŒ, ΠΎΠΏΡΡ‚ΡŒ ΠΆΠ΅ ΠΏΠΎΠ²Ρ‚ΠΎΡ€ΠΈΠ² всС дСйствия Π²Ρ‹ΡˆΠ΅.

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

freedesignresources.net/category/free-mockups/

store.mockupzone.com/free-files/

graphicburger.com/mock-ups/

www.mockupworld.co/all-mockups/

www.graphicsfuel.com/category/mockup-templates/

pixelbuddha.net/freebies/tag/mockups

Π‘ΠΎΠ»ΡŒΡˆΠ°Ρ коллСкция бСсплатных ΠΌΠΎΠΊΠ°ΠΏΠΎΠ² с Биханса www.behance.net/collection/20880985/Best-Free-Mockup


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

ΠŸΠΎΠΊΠ°Π·Ρ‹Π²Π°ΠΉΡ‚Π΅ свои Ρ€Π°Π±ΠΎΡ‚Ρ‹ красиво β€” ΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ΡΡŒ ΠΌΠΎΠΊΠ°ΠΏΠ°ΠΌΠΈ

Mock up («ΠΌΠΎΠΊΠ°ΠΏ») — это… Π—Π°Ρ‡Π΅ΠΌ Π½ΡƒΠΆΠ΅Π½ ΠΈ ΠΊΠ°ΠΊ Π΅Π³ΠΎ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ?

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

ΠΌΠΎΠΊΠ°ΠΏ это

Π§Ρ‚ΠΎ это?

Мокап – это ΠΌΠ°ΠΊΠ΅Ρ‚, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Π°ΠΌΠΈ для Ρ‚ΠΎΠ³ΠΎ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΡ€ΠΎΠ΄Π΅ΠΌΠΎΠ½ΡΡ‚Ρ€ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Π·Π°ΠΊΠ°Π·Ρ‡ΠΈΠΊΡƒ ΠΈΠ·Π΄Π΅Π»ΠΈΠ΅ ΠΈΠ»ΠΈ ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚. НапримСр, Π±ΡƒΠ΄ΡƒΡ‰ΡƒΡŽ Π²ΠΈΠ·ΠΈΡ‚Π½ΡƒΡŽ ΠΊΠ°Ρ€Ρ‚ΠΎΡ‡ΠΊΡƒ, ΠΎΠ±Π»ΠΎΠΆΠΊΡƒ ΠΊΠΎΠΌΠΏΠ°ΠΊΡ‚-диска, Ρ„ΠΎΡ‚ΠΎΠ°Π»ΡŒΠ±ΠΎΠΌ, ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚ΠΊΡƒ, содСрТаниС ΠΈΠ»ΠΈ внСшний Π²ΠΈΠ΄ ΠΊΠ½ΠΈΠ³ΠΈ. Благодаря этому способу Π·Π°ΠΊΠ°Π·Ρ‡ΠΈΠΊ Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½ΠΎ ΠΎΡ†Π΅Π½ΠΈΠ²Π°Π΅Ρ‚ ΠΏΡ€Π΅Π΄Π»Π°Π³Π°Π΅ΠΌΡ‹ΠΉ спСциалистом Π΄ΠΈΠ·Π°ΠΉΠ½ Π² Ρ€Π°Π±ΠΎΡ‡Π΅ΠΉ срСдС. ΠŸΠΎΠ»ΡƒΡ‡Π°Π΅Ρ‚ΡΡ Π½Π΅ просто плоская фотография, Π° ΡƒΠΆΠ΅ Π½Π°Π»ΠΎΠΆΠ΅Π½Π½Ρ‹ΠΉ ΠΌΠ°ΠΊΠ΅Ρ‚ Π½Π° ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚. Mock up позволяСт ΡƒΠ²ΠΈΠ΄Π΅Ρ‚ΡŒ ΠΊΠΎΠ½Π΅Ρ‡Π½Ρ‹ΠΉ Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚ Π² Ρ€Π΅Π°Π»ΡŒΠ½ΠΎΡΡ‚ΠΈ. Он ΡƒΠΏΡ€ΠΎΡ‰Π°Π΅Ρ‚ взаимодСйствиС Π·Π°ΠΊΠ°Π·Ρ‡ΠΈΠΊΠ° ΠΈ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Π°. Π’ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½Ρ‹Π΅ ΠΌΠ°ΠΊΠ΅Ρ‚Ρ‹ ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡŽΡ‚ Ρ‚Π΅ΡΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ†ΠΈΡŽ Π½Π° стадии Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ, Π²Π½ΠΎΡΠΈΡ‚ΡŒ измСнСния, ΠΏΠΎΠΏΡ€Π°Π²ΠΊΠΈ Π΄ΠΎ ΠΏΠ΅Ρ‡Π°Ρ‚ΠΈ.

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

ΠΌΠΎΠΊΠ°ΠΏ Π²ΠΈΠ·ΠΈΡ‚ΠΊΠΈ

Π—Π°Ρ‡Π΅ΠΌ ΠΎΠ½ Π½ΡƒΠΆΠ΅Π½?

ΠœΠΎΠΊΠ°ΠΏΡ‹ Π½ΡƒΠΆΠ½Ρ‹ ΠΏΡ€ΠΎΡ„Π΅ΡΡΠΈΠΎΠ½Π°Π»ΡŒΠ½Ρ‹ΠΌ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Π°ΠΌ, фрилансСрам, Ρ…ΡƒΠ΄ΠΎΠΆΠ½ΠΈΠΊΠ°ΠΌ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ трудятся Π½Π° Π·Π°ΠΊΠ°Π· ΠΈ ΡΠΎΠ·Π΄Π°ΡŽΡ‚ ΡƒΠ΄ΠΈΠ²ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ красивыС Ρ€Π°Π±ΠΎΡ‚Ρ‹. ПозТС ΠΎΠ½ΠΈ ΠΏΡ€Π΅Π·Π΅Π½Ρ‚ΡƒΡŽΡ‚ΡΡ ΠΊΠ»ΠΈΠ΅Π½Ρ‚Ρƒ Π² Π»ΡƒΡ‡ΡˆΠ΅ΠΌ Π²ΠΈΠ΄Π΅. Мокап создаСтся с Ρ†Π΅Π»ΡŒΡŽ ΠΏΡ€ΠΎΠ΄Π΅ΠΌΠΎΠ½ΡΡ‚Ρ€ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΠΈΡΡ‚ΠΎΡ€ΠΈΡŽ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ ΠΈΠ»ΠΈ надписи, которая ΡƒΠ»ΡƒΡ‡ΡˆΠ°Π΅Ρ‚ ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚ ΠΈ ΠΏΠΎΠΌΠΎΠ³Π°Π΅Ρ‚ покупатСлям ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ Π²Ρ‹Π±ΠΎΡ€ Π² Π΅Π³ΠΎ ΠΏΠΎΠ»ΡŒΠ·Ρƒ. ВСхничСски ΠΌΠΎΠΊΠ°ΠΏΡ‹ – PSD-Ρ„Π°ΠΉΠ»Ρ‹ с Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΡƒΠ΅ΠΌΡ‹ΠΌΠΈ смарт-ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Π°ΠΌΠΈ (слои Π² ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ΅ «Π€ΠΎΡ‚ΠΎΡˆΠΎΠΏ», ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡŽΡ‚ Π²ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ Π΄ΠΈΠ·Π°ΠΉΠ½ Π² Π½ΡƒΠΆΠ½ΠΎΠ΅ мСсто). Мокапами ΠΌΠΎΠ³ΡƒΡ‚ Π±Ρ‹Ρ‚ΡŒ ΠΈ Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΈ. НапримСр: Π±Π»ΠΎΠΊΠ½ΠΎΡ‚, Π»Π΅ΠΆΠ°Ρ‰ΠΈΠΉ Π½Π° столС, ΠΈΠ»ΠΈ Π²ΠΈΠ·ΠΈΡ‚ΠΊΠ°. Мокап ΠΌΠΎΠΆΠ½ΠΎ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ ΡΠ°ΠΌΠΎΡΡ‚ΠΎΡΡ‚Π΅Π»ΡŒΠ½ΠΎ, ΠΊΡƒΠΏΠΈΡ‚ΡŒ ΠΈΠ»ΠΈ бСсплатно ΡΠΊΠ°Ρ‡Π°Ρ‚ΡŒ Π³ΠΎΡ‚ΠΎΠ²Ρ‹ΠΉ.

mock up

Как Π΅Π³ΠΎ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ?

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

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

БущСствуСт особый Π°Π»Π³ΠΎΡ€ΠΈΡ‚ΠΌ ΡΠ°ΠΌΠΎΡΡ‚ΠΎΡΡ‚Π΅Π»ΡŒΠ½ΠΎΠ³ΠΎ создания ΠΌΠΎΠΊΠ°ΠΏΠ°. Π₯ΠΎΡ‚ΠΈΡ‚Π΅ ΠΏΡ€ΠΎΠ΄Π΅ΠΌΠΎΠ½ΡΡ‚Ρ€ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Π·Π°ΠΊΠ°Π·Ρ‡ΠΈΠΊΡƒ надпись ΠΈΠ»ΠΈ Ρ†ΠΈΡ‚Π°Ρ‚Ρƒ? ΠŸΡ€ΠΈΠ³ΠΎΡ‚ΠΎΠ²ΡŒΡ‚Π΅ Ρ„ΠΎΡ‚ΠΎΠ°ΠΏΠΏΠ°Ρ€Π°Ρ‚ ΠΈ ΠΏΡ€Π΅Π΄ΠΌΠ΅Ρ‚Ρ‹ для сцСны: Π±Π»ΠΎΠΊΠ½ΠΎΡ‚, красивый Π½Π΅ΠΉΡ‚Ρ€Π°Π»ΡŒΠ½Ρ‹ΠΉ Ρ„ΠΎΠ½. ВыставитС ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΠΎΠ΅ освСщСниС, располоТитС ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Ρ‹ ΠΈ сдСлайтС нСсколько снимков.

ΠΌΠΎΠΊΠ°ΠΏΡ‹ для Ρ„ΠΎΡ‚ΠΎΡˆΠΎΠΏΠ°

Π‘Ρ„Π΅Ρ€Ρ‹ примСнСния

Π’Π΅ΠΏΠ΅Ρ€ΡŒ Ρ‡ΠΈΡ‚Π°Ρ‚Π΅Π»ΠΈ Π·Π½Π°ΡŽΡ‚, Ρ‡Ρ‚ΠΎ ΠΌΠΎΠΊΠ°ΠΏ – это ΠΌΠ°ΠΊΠ΅Ρ‚ Π²ΠΈΠ·ΠΈΡ‚ΠΊΠΈ, ΠΆΡƒΡ€Π½Π°Π»Π°, ΠΊΠ½ΠΈΠ³ΠΈ, ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚ΠΊΠΈ, Π½Π° ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ Π½Π°ΠΊΠ»Π°Π΄Ρ‹Π²Π°Π΅Ρ‚ ΠΊΠΎΠ½ΠΊΡ€Π΅Ρ‚Π½ΡƒΡŽ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ, Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΡŽ ΠΈΠ»ΠΈ надпись. Π­Ρ‚ΠΎΡ‚ процСсс ΠΏΠΎΠΌΠΎΠ³Π°Π΅Ρ‚ Π²ΠΈΠ·ΡƒΠ°Π»ΠΈΠ·ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Ρ€Π°Π±ΠΎΡ‚Ρƒ (Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ надпись Π½Π° ΠΊΠ°Ρ€Ρ‚ΠΎΡ‡ΠΊΠ΅) ΠΈ позволяСт Π·Π°ΠΊΠ°Π·Ρ‡ΠΈΠΊΡƒ ΠΏΠΎΠ½ΡΡ‚ΡŒ, ΠΊΠ°ΠΊ Π±ΡƒΠ΄Π΅Ρ‚ Π²Ρ‹Π³Π»ΡΠ΄Π΅Ρ‚ΡŒ Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚. Мокап примСняСтся Π² создании сайтов, Π²Π΅Π±-ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ, ΠΏΠΎΠ»ΠΈΠ³Ρ€Π°Ρ„ΠΈΠΈ, Ρ€Π΅ΠΊΠ»Π°ΠΌΠ½Ρ‹Ρ… Π±Π°Π½Π½Π΅Ρ€ΠΎΠ², вывСсок, мСню ΠΈ ΠΌΠ½ΠΎΠ³ΠΎΠ³ΠΎ Π΄Ρ€ΡƒΠ³ΠΎΠ³ΠΎ. Часто ΠΊ Π½Π΅ΠΌΡƒ ΠΎΠ±Ρ€Π°Ρ‰Π°ΡŽΡ‚ΡΡ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Ρ‹ ΠΈΠ½Ρ‚Π΅Ρ€ΡŒΠ΅Ρ€ΠΎΠ², ΠΊΠΎΠ³Π΄Π° готовят ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ помСщСния.

Мокап сайта

Π‘ΠΎΠ·Π΄Π°Ρ‚ΡŒ ΠΌΠΎΠΊΠ°ΠΏ сайта со Π·Π½Π°Π½ΠΈΠ΅ΠΌ Π΄Π΅Π»Π° ΠΌΠΎΠ³ΡƒΡ‚ лишь ΠΏΡ€ΠΎΡ„Π΅ΡΡΠΈΠΎΠ½Π°Π»ΡŒΠ½Ρ‹Π΅ Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Ρ‹. ΠŸΡ€ΠΈΡ‡ΠΈΠ½Π° проста – спСциалисты Π½Π΅ Π²ΠΏΠ°Π΄Π°ΡŽΡ‚ Π² ΠΏΠ°Π½ΠΈΠΊΡƒ, Ссли Π·Π°ΠΊΠ°Π·Ρ‡ΠΈΠΊ ΠΏΠΎΡ‚Ρ€Π΅Π±ΡƒΠ΅Ρ‚ Π΄ΠΎΡ€Π°Π±ΠΎΡ‚ΠΊΠΈ ΠΊΠ°ΠΊΠΈΡ…-Π»ΠΈΠ±ΠΎ Π΄Π΅Ρ‚Π°Π»Π΅ΠΉ. Мокап ΠΏΠΎΠΌΠΎΠ³Π°Π΅Ρ‚ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Ρƒ ΡƒΠ²ΠΈΠ΄Π΅Ρ‚ΡŒ идСю, Ρ€Π°Π·Π²ΠΈΠ²Π°Ρ‚ΡŒ ΠΈ ΡΠΎΠ²Π΅Ρ€ΡˆΠ΅Π½ΡΡ‚Π²ΠΎΠ²Π°Ρ‚ΡŒ Π΅Π΅ Π² дальнСйшСм. Π’Π΅Π±-каркас – это схСматичный ΠΏΠ»Π°Π½ ΠΈΠ½Ρ‚Π΅Ρ€Π½Π΅Ρ‚-страницы. Π‘Π½Π°Ρ‡Π°Π»Π° Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ рисуСт Π΅Π³ΠΎ ΠΎΡ‚ Ρ€ΡƒΠΊΠΈ Π½Π° листС Π±ΡƒΠΌΠ°Π³ΠΈ. Π­Ρ‚ΠΎ Π½ΡƒΠΆΠ½ΠΎ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ эффСктивнСС ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ инструмСнты графичСских Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ΠΎΠ².

ΠšΠ°Ρ€ΠΊΠ°Ρ сайта создаСтся Π² Ρ‡Π΅Ρ€Π½ΠΎ-Π±Π΅Π»ΠΎΠΌ Ρ†Π²Π΅Ρ‚Π΅, Ρ‡Ρ‚ΠΎ позволяСт Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΡƒ Π½Π°ΠΌΠ΅Ρ‚ΠΈΡ‚ΡŒ располоТСниС Π³Π»Π°Π²Π½Ρ‹Ρ… элСмСнтов: Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏΠ°, мСню, ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π°, Ρ€Π΅ΠΊΠ»Π°ΠΌΠ½Ρ‹Ρ… Π±Π»ΠΎΠΊΠΎΠ². ПослС каркаса Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ Ρ€Π°Π·Ρ€Π°Π±Π°Ρ‚Ρ‹Π²Π°Π΅Ρ‚ ΠΏΡ€ΠΎΡ‚ΠΎΡ‚ΠΈΠΏ сайта: Ρ†Π²Π΅Ρ‚ ΠΈ ΡΡ‚ΠΈΠ»ΡŒ. На ΠΏΠΎΠΌΠΎΡ‰ΡŒ приходят ΠΎΠ΄ΠΈΠ½Π½Π°Π΄Ρ†Π°Ρ‚ΡŒ ΠΏΠΎΠ»Π΅Π·Π½Ρ‹Ρ… инструмСнтов. Они Π²Ρ‹Ρ€ΡƒΡ‡Π°Ρ‚ ΠΏΡ€ΠΈ создании всСх Π΄Π΅Ρ‚Π°Π»Π΅ΠΉ сайта. ΠžΠ±Ρ€Π°Ρ‚ΠΈΡ‚Π΅ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅ Π½Π° ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹ InVision, UXPin, Marvel App, Gliffy, OmniGraffle, Moqups, Axure, JustinMind, Mockingbird, HotGloo, Mockplus.

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

ΠΌΠΎΠΊΠ°ΠΏΡ‹ psd

ГрафичСский Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€

Photoshop – ΠΎΠ΄Π½Π° ΠΈΠ· ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌ, которая ΠΏΡ€ΠΈΡ…ΠΎΠ΄ΠΈΡ‚ Π½Π° ΠΏΠΎΠΌΠΎΡ‰ΡŒ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Ρƒ ΠΏΡ€ΠΈ создании Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Ρ… ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΎΠ² ΠΈ ΠΌΠ°ΠΊΠ΅Ρ‚ΠΎΠ². ΠœΠΎΠΊΠ°ΠΏΡ‹ для «Π€ΠΎΡ‚ΠΎΡˆΠΎΠΏΠ°» – это Π³ΠΎΡ‚ΠΎΠ²Ρ‹Π΅ PSD-Ρ„Π°ΠΉΠ»Ρ‹. Π‘ΠΊΠ°Ρ‡Π°Ρ‚ΡŒ ΠΈΡ… ΠΌΠΎΠΆΠ½ΠΎ Π½Π° ΠΏΠ»Π°Ρ‚Π½Ρ‹Ρ…, бСсплатных рСсурсах ΠΈΠ»ΠΈ ΠΆΠ΅ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ ΡΠ°ΠΌΠΎΡΡ‚ΠΎΡΡ‚Π΅Π»ΡŒΠ½ΠΎ. ΠŸΡ€ΠΎΡ‰Π΅ всСго Π½Π°ΠΉΡ‚ΠΈ Π³ΠΎΡ‚ΠΎΠ²Ρ‹ΠΉ ΠΌΠΎΠΊΠ°ΠΏ ΠΈ ΠΏΡ€ΠΈΠΌΠ΅Π½ΠΈΡ‚ΡŒ для дСмонстрации основной Ρ€Π°Π±ΠΎΡ‚Ρ‹.

ΠŸΠΎΠΏΡ€ΠΎΠ±ΡƒΠΉΡ‚Π΅ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ надпись для Π±ΡƒΠΊΠ»Π΅Ρ‚Π° ΠΈΠ»ΠΈ ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚ΠΊΠΈ. ΠŸΡ€ΠΈΠ΄ΡƒΠΌΠ°ΠΉΡ‚Π΅ идСю, ΠΎΠΏΡ€Π΅Π΄Π΅Π»ΠΈΡ‚Π΅ΡΡŒ с Ρ†Π²Π΅Ρ‚ΠΎΠΌ. Π‘Π΄Π΅Π»Π°ΠΉΡ‚Π΅ набросок ΠΎΡ‚ Ρ€ΡƒΠΊΠΈ Π½Π° листС Π±ΡƒΠΌΠ°Π³ΠΈ. Π—Π°Ρ‚Π΅ΠΌ Π²ΠΎΠΏΠ»ΠΎΡ‚ΠΈΡ‚Π΅ Π·Π°Π΄ΡƒΠΌΠΊΡƒ Π² графичСской ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ΅.

Π›Π΅Π³ΠΊΠΈΠΉ ΠΈ популярный Π²Π°Ρ€ΠΈΠ°Π½Ρ‚ срСди Π½ΠΎΠ²ΠΈΡ‡ΠΊΠΎΠ² – это ΠΌΠΎΠΊΠ°ΠΏ Π²ΠΈΠ·ΠΈΡ‚ΠΊΠΈ. ΠžΡ‚ΠΊΡ€ΠΎΠΉΡ‚Π΅ скачанный Ρ„Π°ΠΉΠ», надпись ΠΈ тСкст. ΠŸΠ΅Ρ€Π΅ΠΉΠ΄ΠΈΡ‚Π΅ ΠΊ Π³ΠΎΡ‚ΠΎΠ²ΠΎΠΌΡƒ ΠΌΠΎΠΊΠ°ΠΏΡƒ, Π½Π°ΠΆΠΌΠΈΡ‚Π΅ Π½Π° Π·Π½Π°Ρ‡ΠΎΠΊ «Π‘ΠΌΠ°Ρ€Ρ‚-ΠΎΠ±ΡŠΠ΅ΠΊΡ‚» (это Π΄ΠΎΠ»ΠΆΠ½ΠΎ Π±Ρ‹Ρ‚ΡŒ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π²ΠΈΠ·ΠΈΡ‚Π½ΠΎΠΉ ΠΊΠ°Ρ€Ρ‚ΠΎΡ‡ΠΊΠΈ), Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Π² мСню «Π Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ содСрТимоС». Π’ Π½ΠΎΠ²ΠΎΠΉ Π²ΠΊΠ»Π°Π΄ΠΊΠ΅ откроСтся ΠΎΠ±ΡŠΠ΅ΠΊΡ‚, Π³ΠΎΡ‚ΠΎΠ²Ρ‹ΠΉ для измСнСния. Π”Π°Π»Π΅Π΅ Π°ΠΊΡ‚ΠΈΠ²ΠΈΡ€ΡƒΠΉΡ‚Π΅ ΡΠΎΠ·Π΄Π°Π½Π½ΡƒΡŽ надпись ΠΈΠ»ΠΈ тСкст ΠΈ пСрСнСситС Π½Π° ΠΏΠΎΠ²Π΅Ρ€Ρ…Π½ΠΎΡΡ‚ΡŒ Π²ΠΈΠ·ΠΈΡ‚ΠΊΠΈ. Надпись ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Ρ‚Ρ€Π°Π½ΡΡ„ΠΎΡ€ΠΌΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ, ΠΏΠΎΠΌΠ΅Π½ΡΡ‚ΡŒ Ρ€Π°Π·ΠΌΠ΅Ρ€, Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ Π½Π°ΠΈΠ±ΠΎΠ»Π΅Π΅ подходящСС мСсто Π΅Π΅ располоТСния. Π‘ΠΎΡ…Ρ€Π°Π½ΠΈΡ‚Π΅ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚.

ΠΊΠ°ΠΊ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ ΠΌΠΎΠΊΠ°ΠΏ

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

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

ΠœΠΈΠ½ΡƒΡΡ‹ Π³ΠΎΡ‚ΠΎΠ²Ρ‹Ρ… ΠΌΠΎΠΊΠ°ΠΏΠΎΠ²: ΠΎΠ΄Π½ΠΎΡ‚ΠΈΠΏΠ½ΠΎΡΡ‚ΡŒ, отсутствиС ΠΈΠ½Π΄ΠΈΠ²ΠΈΠ΄ΡƒΠ°Π»ΡŒΠ½ΠΎΡΡ‚ΠΈ, ΡˆΠ°Π±Π»ΠΎΠ½Π½ΠΎΡΡ‚ΡŒ. ΠŸΠ»ΡŽΡΡ‹ – Π΄ΠΎΡΡ‚ΡƒΠΏΠ½ΠΎΡΡ‚ΡŒ, красота, ΠΌΠΈΠ½ΠΈΠΌΠ°Π»ΠΈΡΡ‚ΠΈΡ‡Π½ΠΎΡΡ‚ΡŒ, ΠΌΠ°ΠΊΡΠΈΠΌΠ°Π»ΡŒΠ½Ρ‹ΠΉ Ρ€Π΅Π°Π»ΠΈΠ·ΠΌ, удобство. Если Π·Π°Π½ΠΈΠΌΠ°Π΅Ρ‚Π΅ΡΡŒ Π΄ΠΈΠ·Π°ΠΉΠ½ΠΎΠΌ ΠΏΡ€ΠΎΡ„Π΅ΡΡΠΈΠΎΠ½Π°Π»ΡŒΠ½ΠΎ, ΠΎΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ ΠΈΠΌΠ΅ΠΉΡ‚Π΅ Π½Π°Ρ€Π°Π±ΠΎΡ‚Π°Π½Π½ΡƒΡŽ Π±Π°Π·Ρƒ ΠΌΠΎΠΊΠ°ΠΏΠΎΠ². Она Π΄ΠΎΠ»ΠΆΠ½Π° ΠΏΠΎΠ΄Ρ‡Π΅Ρ€ΠΊΠΈΠ²Π°Ρ‚ΡŒ ΡΡ‚ΠΈΠ»ΡŒ Π°Π²Ρ‚ΠΎΡ€Π°, Π²Ρ‹Π³ΠΎΠ΄Π½ΠΎ Π΄Π΅ΠΌΠΎΠ½ΡΡ‚Ρ€ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΠΏΡ€Π΅Π΄ΠΌΠ΅Ρ‚ ΠΏΡ€ΠΎΠ΄Π°ΠΆΠΈ, ΠΏΡ€ΠΈΠ²Π»Π΅ΠΊΠ°Ρ‚ΡŒ Π·Π°ΠΊΠ°Π·Ρ‡ΠΈΠΊΠ°.

Mock up («ΠΌΠΎΠΊΠ°ΠΏ») — это… Π—Π°Ρ‡Π΅ΠΌ Π½ΡƒΠΆΠ΅Π½ ΠΈ ΠΊΠ°ΠΊ Π΅Π³ΠΎ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ?

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

Мокап – Ρ‡Ρ‚ΠΎ это?

Мокап прСдставляСт собой ΠΌΠ°ΠΊΠ΅Ρ‚, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅ΠΌΡ‹ΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Π°ΠΌΠΈ для дСмонстрации ΠΏΠΎΡ‚Π΅Π½Ρ†ΠΈΠ°Π»ΡŒΠ½ΠΎΠΌΡƒ Π·Π°ΠΊΠ°Π·Ρ‡ΠΈΠΊΡƒ ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚Π° ΠΈΠ»ΠΈ издСлия. К ΠΏΡ€ΠΈΠΌΠ΅Ρ€Ρƒ, ΠΎΠ±Π»ΠΎΠΆΠΊΡƒ ΠΊΠΎΠΌΠΏΠ°ΠΊΡ‚-диска, Π±ΡƒΠ΄ΡƒΡ‰ΡƒΡŽ Π²ΠΈΠ·ΠΈΡ‚Π½ΡƒΡŽ ΠΊΠ°Ρ€Ρ‚ΠΎΡ‡ΠΊΡƒ, ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚ΠΊΡƒ, Ρ„ΠΎΡ‚ΠΎΠ°Π»ΡŒΠ±ΠΎΠΌ, внСшний Π²ΠΈΠ΄ ΠΈ содСрТаниС ΠΊΠ½ΠΈΠ³ΠΈ. Благодаря Ρ‚Π°ΠΊΠΎΠΌΡƒ способу Π·Π°ΠΊΠ°Π·Ρ‡ΠΈΠΊ ΠΌΠΎΠΆΠ΅Ρ‚ Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½ΠΎ ΠΎΡ†Π΅Π½ΠΈΡ‚ΡŒ Π΄ΠΈΠ·Π°ΠΉΠ½, ΠΏΡ€Π΅Π΄Π»Π°Π³Π°Π΅ΠΌΡ‹ΠΉ спСциалистом, Π² Ρ€Π°Π±ΠΎΡ‡Π΅ΠΉ срСдС. Π’ Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚Π΅ получаСтся Π½Π΅ просто плоская фотография, Π° ΠΌΠ°ΠΊΠ΅Ρ‚, Π½Π°Π»ΠΎΠΆΠ΅Π½Π½Ρ‹ΠΉ Π½Π° ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚. Mock up позволяСт ΠΎΡ†Π΅Π½ΠΈΡ‚ΡŒ ΠΊΠΎΠ½Π΅Ρ‡Π½Ρ‹ΠΉ Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚. Π­Ρ‚ΠΎ ΡƒΠΏΡ€ΠΎΡ‰Π°Π΅Ρ‚ взаимодСйствиС Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Π° ΠΈ Π·Π°ΠΊΠ°Π·Ρ‡ΠΈΠΊΠ°. Π’ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½Ρ‹Π΅ ΠΌΠ°ΠΊΠ΅Ρ‚Ρ‹ Π΄Π°ΡŽΡ‚ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ ΠΏΡ€ΠΎΡ‚Π΅ΡΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ†ΠΈΡŽ Π΅Ρ‰Π΅ Π½Π° стадии Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ, Π΄ΠΎ ΠΏΠ΅Ρ‡Π°Ρ‚ΠΈ Π²Π½ΠΎΡΠΈΡ‚ΡŒ измСнСния ΠΈ ΠΏΡ€Π°Π²ΠΊΠΈ. ΠŸΡ€Π΅ΠΈΠΌΡƒΡ‰Π΅ΡΡ‚Π²ΠΎ Mock Up Π·Π°ΠΊΠ»ΡŽΡ‡Π°Π΅Ρ‚ΡΡ Π² Ρ‚ΠΎΠΌ, Ρ‡Ρ‚ΠΎ это нСслоТная ΠΈ малозатратная ΠΏΠΎ Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ Ρ€Π°Π±ΠΎΡ‚Π°, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΉ ΠΌΠΎΠΆΠ΅Ρ‚ ΠΎΠ±ΡƒΡ‡ΠΈΡ‚ΡŒΡΡ любой ΠΆΠ΅Π»Π°ΡŽΡ‰ΠΈΠΉ. Π§Ρ‚ΠΎΠ± ΠΎΠ²Π»Π°Π΄Π΅Ρ‚ΡŒ этой Ρ‚Π΅Ρ…Π½ΠΈΠΊΠΎΠΉ Π² ΡΠΎΠ²Π΅Ρ€ΡˆΠ΅Π½ΡΡ‚Π²Π΅, Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ ΠΈΠΌΠ΅Ρ‚ΡŒ прСдставлСниС ΠΎ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅, ΠΎΠ±Π»Π°Π΄Π°Ρ‚ΡŒ чувством стиля, вкуса, ΠΌΠ΅Ρ€Ρ‹, ΠΈΠΌΠ΅Ρ‚ΡŒ прСдставлСниС ΠΎ совмСстимости Ρ†Π²Π΅Ρ‚Π° ΠΈ ΡƒΠΌΠ΅Ρ‚ΡŒ Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ с графичСскими Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π°ΠΌΠΈ. ΠŸΡ€ΠΈ освоСнии Mock Up Π±ΡƒΠ΄Π΅Ρ‚ ΠΏΠΎΠ»Π΅Π·Π½ΠΎ ΠΏΠΎΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ Ρ€Π°Π±ΠΎΡ‚Ρ‹ извСстных Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ΠΎΠ². Π£Ρ‡ΠΈΡ‚ΡŒΡΡ Π»ΡƒΡ‡ΡˆΠ΅ Π½Π° Ρ‡ΡƒΠΆΠΈΡ… ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π°Ρ….

Π—Π°Ρ‡Π΅ΠΌ Π½ΡƒΠΆΠ΅Π½ Mock Up?

Mock Up Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΡ‹ ΠΏΡ€ΠΎΡ„Π΅ΡΡΠΈΠΎΠ½Π°Π»ΡŒΠ½Ρ‹ΠΌ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Π°ΠΌ, Ρ…ΡƒΠ΄ΠΎΠΆΠ½ΠΈΠΊΠ°ΠΌ, фрилансСрам, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ трудятся Π½Π° Π·Π°ΠΊΠ°Π· ΠΈ ΡΠΎΠ·Π΄Π°ΡŽΡ‚ ΠΏΠΎ-настоящСму ΡˆΠΈΠΊΠ°Ρ€Π½Ρ‹Π΅ Ρ€Π°Π±ΠΎΡ‚Ρ‹. ПозТС всС эти Ρ€Π°Π±ΠΎΡ‚Ρ‹ Π±ΡƒΠ΄ΡƒΡ‚ ΠΏΡ€Π΅Π·Π΅Π½Ρ‚ΠΎΠ²Π°Π½Ρ‹ ΠΊΠ»ΠΈΠ΅Π½Ρ‚Ρƒ Π² Π»ΡƒΡ‡ΡˆΠ΅ΠΌ Π²ΠΈΠ΄Π΅. Mock Up создаСтся для Ρ‚ΠΎΠ³ΠΎ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΡ€ΠΎΠ΄Π΅ΠΌΠΎΠ½ΡΡ‚Ρ€ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΠΈΡΡ‚ΠΎΡ€ΠΈΡŽ надписи ΠΈΠ»ΠΈ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ. Π­Ρ‚ΠΎ ΠΏΠΎΠΌΠΎΠ³Π°Π΅Ρ‚ покупатСлям ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ Π²Ρ‹Π±ΠΎΡ€ Π² ΠΏΠΎΠ»ΡŒΠ·Ρƒ Ρ‚ΠΎΠ³ΠΎ ΠΈΠ»ΠΈ ΠΈΠ½ΠΎΠ³ΠΎ ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚Π°. ВСхничСски ΠΌΠΎΠΊΠ°ΠΏΡ‹ ΠΏΡ€Π΅Π΄ΡΡ‚Π°Π²Π»ΡΡŽΡ‚ собой PSD-Ρ„Π°ΠΉΠ»Ρ‹ с Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΡƒΠ΅ΠΌΡ‹ΠΌΠΈ смарт-ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Π°ΠΌΠΈ. Π€ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΈ Ρ‚ΠΎΠΆΠ΅ ΠΌΠΎΠ³ΡƒΡ‚ Π±Ρ‹Ρ‚ΡŒ ΠΌΠΎΠΊΠ°ΠΏΠ°ΠΌΠΈ. МоТно ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ ΠΌΠΎΠΊΠ°ΠΏ ΡΠ°ΠΌΠΎΡΡ‚ΠΎΡΡ‚Π΅Π»ΡŒΠ½ΠΎ, ΠΊΡƒΠΏΠΈΡ‚ΡŒ ΠΈΠ»ΠΈ ΡΠΊΠ°Ρ‡Π°Ρ‚ΡŒ Π³ΠΎΡ‚ΠΎΠ²Ρ‹ΠΉ.

Как ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ Мокап?

Мокап – это Ρ†Π΅Π»Ρ‹ΠΉ ΠΌΠ°ΠΊΠ΅Ρ‚, созданный с нуля. Π˜Π΄Π΅Π°Π»ΡŒΠ½ΡƒΡŽ Ρ€Π°Π±ΠΎΡ‚Ρƒ ΠΌΠΎΠΆΠ½ΠΎ Π»Π΅Π³ΠΊΠΎ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ ΠΏΡ€ΠΈ ΠΏΠΎΠΌΠΎΡ‰ΠΈ извСстной ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹ ΠΏΠΎΠ΄ Π½Π°Π·Π²Π°Π½ΠΈΠ΅ΠΌ Β«Π€ΠΎΡ‚ΠΎΡˆΠΎΠΏΒ». НапримСр, Ссли Π²Ρ‹ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ надпись для Π²ΠΈΠ·ΠΈΡ‚ΠΊΠΈ ΠΈΠ»ΠΈ Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏ, Ρ‚ΠΎ для этой Ρ†Π΅Π»ΠΈ Π»ΡƒΡ‡ΡˆΠ΅ Π±ΡƒΠ΄Π΅Ρ‚ Π²ΠΎΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒΡΡ Π³ΠΎΡ‚ΠΎΠ²Ρ‹ΠΌΠΈ Ρ„Π°ΠΉΠ»Π°ΠΌΠΈ. На ΡΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½Ρ‹Ρ… ΠΈΠ½Ρ‚Π΅Ρ€Π½Π΅Ρ‚-рСсурсах ΠΌΠΎΠΆΠ½ΠΎ Π½Π°ΠΉΡ‚ΠΈ мноТСство Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΉ с пустыми Π²ΠΈΠ·ΠΈΡ‚ΠΊΠ°ΠΌΠΈ. ВсС Ρ‡Ρ‚ΠΎ Π²Π°ΠΌ Π½ΡƒΠΆΠ½ΠΎ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ, это ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚ΡŒ Π² Photoshop Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΡŽ ΠΈ Ρ„Π°ΠΉΠ» с Π³ΠΎΡ‚ΠΎΠ²ΠΎΠΉ надписью. Π’ΠΈΠ·ΠΈΡ‚ΠΊΡƒ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ Π³Ρ€Π°ΠΌΠΎΡ‚Π½ΠΎ Ρ€Π°Π·ΠΌΠ΅ΡΡ‚ΠΈΡ‚ΡŒ Ρ‚Π°ΠΊΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ создавался эффСкт Ρ€Π΅Π°Π»ΡŒΠ½ΠΎΡΡ‚ΠΈ. Для этого Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ всС доступныС инструмСнты ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹. Для Ρ‚Π°ΠΊΠΎΠΉ Ρ€Π°Π±ΠΎΡ‚Ρ‹ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ ΠΎΠ±Π»Π°Π΄Π°Ρ‚ΡŒ Π½Π°Ρ‡Π°Π»ΡŒΠ½Ρ‹ΠΌΠΈ знаниями графичСского Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π°. Если ΠΆΠ΅ Π²Ρ‹ Π½Π΅ Π·Π½Π°Π΅Ρ‚Π΅, ΠΊΠ°ΠΊ ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΠΎ ΡΠ°ΠΌΠΎΡΡ‚ΠΎΡΡ‚Π΅Π»ΡŒΠ½ΠΎ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ ΠΌΠΎΠΊΠ°ΠΏ, сначала Ρ€Π°Π·Π±Π΅Ρ€ΠΈΡ‚Π΅ΡΡŒ с Ρ‚Π΅ΠΎΡ€ΠΈΠ΅ΠΉ. Π’Π°ΠΊΠΆΠ΅ ΠΎΡ‡Π΅Π½ΡŒ ΠΏΠΎΠ»Π΅Π·Π½Ρ‹ постоянныС Ρ‚Ρ€Π΅Π½ΠΈΡ€ΠΎΠ²ΠΊΠΈ. БущСствуСт Π°Π»Π³ΠΎΡ€ΠΈΡ‚ΠΌ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ для ΡΠ°ΠΌΠΎΡΡ‚ΠΎΡΡ‚Π΅Π»ΡŒΠ½ΠΎΠΉ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ ΠΌΠΎΠΊΠ°ΠΏΠ°. ΠŸΡ€Π΅Π΄ΠΏΠΎΠ»ΠΎΠΆΠΈΠΌ, Π²Ρ‹ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ ΠΏΡ€ΠΎΠ΄Π΅ΠΌΠΎΠ½ΡΡ‚Ρ€ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Π·Π°ΠΊΠ°Π·Ρ‡ΠΈΠΊΡƒ Ρ†ΠΈΡ‚Π°Ρ‚Ρƒ ΠΈΠ»ΠΈ надписью. Π’ΠΎΠ³Π΄Π° ΠΏΡ€ΠΈΠ³ΠΎΡ‚ΠΎΠ²ΡŒΡ‚Π΅ Ρ„ΠΎΡ‚ΠΎΠ°ΠΏΠΏΠ°Ρ€Π°Ρ‚, Π° Ρ‚Π°ΠΊΠΆΠ΅ ΠΏΡ€Π΅Π΄ΠΌΠ΅Ρ‚Ρ‹ для сцСны (Π½Π΅ΠΉΡ‚Ρ€Π°Π»ΡŒΠ½Ρ‹ΠΉ Ρ„ΠΎΠ½, Π±Π»ΠΎΠΊΠ½ΠΎΡ‚ ΠΈ Ρ‚Π°ΠΊ Π΄Π°Π»Π΅Π΅). РасполоТитС ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Ρ‹, выставитС ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΠΎΠ΅ освСщСниС ΠΈ сдСлайтС нСсколько снимков.

ΠžΠ±Π»Π°ΡΡ‚ΡŒ примСнСния

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

Как ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ ΠΌΠΎΠΊΠ°ΠΏ сайта?

Π‘ΠΎ Π·Π½Π°Π½ΠΈΠ΅ΠΌ Π΄Π΅Π»Π° ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ ΠΌΠΎΠΊΠ°ΠΏ сайта ΠΌΠΎΠ³ΡƒΡ‚ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΏΡ€ΠΎΡ„Π΅ΡΡΠΈΠΎΠ½Π°Π»ΡŒΠ½Ρ‹Π΅ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Ρ‹. ΠŸΡ€ΠΈΡ‡ΠΈΠ½Π° Π΄Π°Π½Π½ΠΎΠ³ΠΎ явлСния достаточно проста: спСциалисты Π½Π΅ ΠΏΠ°Π½ΠΈΠΊΡƒΡŽΡ‚, ΠΊΠΎΠ³Π΄Π° Π·Π°ΠΊΠ°Π·Ρ‡ΠΈΠΊ Ρ‚Ρ€Π΅Π±ΡƒΠ΅Ρ‚ Π΄ΠΎΡ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ ΠΊΠ°ΠΊΠΈΠ΅-Ρ‚ΠΎ Π΄Π΅Ρ‚Π°Π»ΠΈ. Мокап позволяСт Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Ρƒ ΡƒΠ²ΠΈΠ΄Π΅Ρ‚ΡŒ идСю, ΡΠΎΠ²Π΅Ρ€ΡˆΠ΅Π½ΡΡ‚Π²ΠΎΠ²Π°Ρ‚ΡŒ ΠΈ Ρ€Π°Π·Π²ΠΈΠ²Π°Ρ‚ΡŒ Π΅Π΅ Π² дальнСйшСм. Π’Π΅Π±-каркас прСдставляСт собой схСматичный ΠΏΠ»Π°Π½ ΠΈΠ½Ρ‚Π΅Ρ€Π½Π΅Ρ‚-страницы. Π”ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ сначала рисуСт Π΅Π³ΠΎ Π½Π° листС Π±ΡƒΠΌΠ°Π³ΠΈ ΠΎΡ‚ Ρ€ΡƒΠΊΠΈ. Π­Ρ‚ΠΎ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ для Ρ‚ΠΎΠ³ΠΎ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ эффСктивнСС ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ инструмСнты графичСских Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ΠΎΠ². ΠšΠ°Ρ€ΠΊΠ°Ρ сайта создаСтся Π² Ρ‡Π΅Ρ€Π½ΠΎ-Π±Π΅Π»ΠΎΠΉ Π³Π°ΠΌΠΌΠ΅. Π­Ρ‚ΠΎ позволяСт Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΡƒ Π½Π°ΠΌΠ΅Ρ‚ΠΈΡ‚ΡŒ располоТСниС основных элСмСнтов: мСню, Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏΠ°, Ρ€Π΅ΠΊΠ»Π°ΠΌΠ½Ρ‹Ρ… Π±Π»ΠΎΠΊΠΎΠ², ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π°. Когда Ρ€Π°Π±ΠΎΡ‚Π° Π½Π°Π΄ каркасом Π±ΡƒΠ΄Π΅Ρ‚ Π·Π°Π²Π΅Ρ€ΡˆΠ΅Π½Π°, Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ Ρ€Π°Π·Ρ€Π°Π±Π°Ρ‚Ρ‹Π²Π°Π΅Ρ‚ ΠΏΡ€ΠΎΡ‚ΠΎΡ‚ΠΈΠΏ сайта, Π° ΠΈΠΌΠ΅Π½Π½ΠΎ ΠΏΠΎΠ΄Π±ΠΈΡ€Π°Π΅Ρ‚ ΡΡ‚ΠΈΠ»ΡŒ ΠΈ Ρ†Π²Π΅Ρ‚. Π’ Π΄Π°Π½Π½ΠΎΠΌ случаС Π½Π° ΠΏΠΎΠΌΠΎΡ‰ΡŒ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Ρƒ приходят 11 ΠΏΠΎΠ»Π΅Π·Π½Ρ‹Ρ… инструмСнтов. Они Π±ΡƒΠ΄ΡƒΡ‚ ΠΏΠΎΠ»Π΅Π·Π½Ρ‹ ΠΏΡ€ΠΈ создании всСх элСмСнтов сайта. ОсобС Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅ рСкомСндуСтся ΠΎΠ±Ρ€Π°Ρ‚ΠΈΡ‚ΡŒ Π½Π° ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠ΅ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹: UXPin, InVision, MarvelApp, Gliffy, Moqups, OmniGraffie, Axure, Mockingbird, JustinMind, Mockplus, HotGloo. Достаточно простым Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚ΠΎΠΌ для Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Π° являСтся Mockplus. Он позволяСт ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ каркас, ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄ΠΈΡ‚ ΠΎΡ‚ Ρ‡Π΅Ρ€Π½ΠΎ-Π±Π΅Π»ΠΎΠ³ΠΎ Π²Π°Ρ€ΠΈΠ°Π½Ρ‚Π° ΠΊ Ρ†Π²Π΅Ρ‚Π½ΠΎΠΌΡƒ. Π­Ρ‚ΠΎΡ‚ инструмСнт Π΄Π°Π΅Ρ‚ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π±ΠΎΠ»Π΅Π΅ 200 ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚ΠΎΠ², ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π·Π½Π°Ρ‡ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ ΡƒΠΏΡ€ΠΎΡ‰Π°ΡŽΡ‚ процСсс создания сайта.

Π’Π°ΠΊΠΆΠ΅ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Ρ‹ ΠΌΠΎΠ³ΡƒΡ‚ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΈ Π΄Ρ€ΡƒΠ³ΠΈΠ΅ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹. ΠŸΡ€ΠΈ ΠΏΠΎΠΌΠΎΡ‰ΠΈ Π½ΠΈΡ… ΠΌΠΎΠΆΠ½ΠΎ Π»Π΅Π³ΠΊΠΎ ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Π΅ элСмСнты сайта, ΠΏΡ€ΠΎΡ€Π°Π±Π°Ρ‚Ρ‹Π²Π°Ρ‚ΡŒ Π΄Π΅Ρ‚Π°Π»ΠΈ ΠΈ ΡƒΡ‡ΠΈΡ‚ΡŒΡΡ. Π‘Π°ΠΌΡ‹ΠΉ простой ΠΈ распространСнный способ приобрСтСния Π½Π°Π²Ρ‹ΠΊΠΎΠ² – ΠΈΠ·Π³ΠΎΡ‚ΠΎΠ²Π»Π΅Π½ΠΈΠ΅ ΠΌΠΎΠΊΠ°ΠΏΠ° Π²ΠΈΠ·ΠΈΡ‚ΠΊΠΈ. Одной ΠΈΠ· ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌ, которая Π² этом случаС ΠΏΡ€ΠΈΡ…ΠΎΠ΄ΠΈΡ‚ Π½Π° ΠΏΠΎΠΌΠΎΡ‰ΡŒ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Ρƒ, являСтся Photoshop. ΠœΠΎΠΊΠ°ΠΏΡ‹ для Photoshop ΠΏΡ€Π΅Π΄ΡΡ‚Π°Π²Π»ΡΡŽΡ‚ собой Π³ΠΎΡ‚ΠΎΠ²Ρ‹Π΅ PSD-Ρ„Π°ΠΉΠ»Ρ‹. Π˜Ρ… ΠΌΠΎΠΆΠ½ΠΎ ΡΠΊΠ°Π·Π°Ρ‚ΡŒ Π½Π° ΠΏΠ»Π°Ρ‚Π½Ρ‹Ρ… ΠΈ бСсплатных рСсурсах, ΠΈΠ»ΠΈ Π΄Π΅Π»Π°Ρ‚ΡŒ своими Ρ€ΡƒΠΊΠ°ΠΌΠΈ. МоТно Π½Π°ΠΉΡ‚ΠΈ Π³ΠΎΡ‚ΠΎΠ²Ρ‹ΠΉ ΠΌΠΎΠΊΠ°ΠΏ ΠΈ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π΅Π³ΠΎ для дСмонстрации основной Ρ€Π°Π±ΠΎΡ‚Ρ‹. ΠŸΠΎΠΏΡ€ΠΎΠ±ΡƒΠΉΡ‚Π΅ ΡΠ°ΠΌΠΎΡΡ‚ΠΎΡΡ‚Π΅Π»ΡŒΠ½ΠΎ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ надпись для ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚ΠΊΠΈ ΠΈΠ»ΠΈ Π±ΡƒΠΊΠ»Π΅Ρ‚Π°. Для Π½Π°Ρ‡Π°Π»Π° Π½ΡƒΠΆΠ½ΠΎ ΠΏΡ€ΠΎΠ΄ΡƒΠΌΠ°Ρ‚ΡŒ идСю, ΠΎΠΏΡ€Π΅Π΄Π΅Π»ΠΈΡ‚ΡŒΡΡ с Ρ†Π²Π΅Ρ‚ΠΎΠΌ ΠΈ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ набросок Π½Π° листС Π±ΡƒΠΌΠ°Π³ΠΈ. ПослС этого ΠΌΠΎΠΆΠ½ΠΎ Π²ΠΎΠΏΠ»ΠΎΡ‰Π°Ρ‚ΡŒ Π·Π°Π΄ΡƒΠΌΠΊΡƒ Π² графичСском Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π΅. Для Π½ΠΎΠ²ΠΈΡ‡ΠΊΠΎΠ² самым Π»Π΅Π³ΠΊΠΈΠΌ ΠΈ популярным Π²Π°Ρ€ΠΈΠ°Π½Ρ‚ΠΎΠΌ являСтся ΠΌΠΎΠΊΠ°ΠΏ Π²ΠΈΠ·ΠΈΡ‚ΠΊΠΈ. Π’Π°ΠΌ Π½ΡƒΠΆΠ½ΠΎ ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚ΡŒ скачанный Ρ„Π°ΠΉΠ», тСкст ΠΈ надпись. ПослС этого ΠΏΠ΅Ρ€Π΅ΠΉΠ΄ΠΈΡ‚Π΅ ΠΊ Π³ΠΎΡ‚ΠΎΠ²ΠΎΠΌΡƒ ΠΌΠΎΠΊΠ°ΠΏΡƒ, Π½Π°ΠΆΠΌΠΈΡ‚Π΅ Π½Π° Π·Π½Π°Ρ‡ΠΎΠΊ Β«Π‘ΠΌΠ°Ρ€Ρ‚-ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Β» ΠΈ Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Π² мСню ΠΏΡƒΠ½ΠΊΡ‚ Β«Π Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ содСрТимоС». Π’ Π½ΠΎΠ²ΠΎΠΉ Π²ΠΊΠ»Π°Π΄ΠΊΠ΅ появится ΠΎΠ±ΡŠΠ΅ΠΊΡ‚, Π² ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΌΠΎΠΆΠ½ΠΎ Π±ΡƒΠ΄Π΅Ρ‚ внСсти измСнСния. ПослС этого Π°ΠΊΡ‚ΠΈΠ²ΠΈΡ€ΡƒΠΉΡ‚Π΅ созданный тСкст ΠΈ пСрСнСситС Π΅Π³ΠΎ Π½Π° ΠΏΠΎΠ²Π΅Ρ€Ρ…Π½ΠΎΡΡ‚ΡŒ Π²ΠΈΠ·ΠΈΡ‚ΠΊΠΈ. Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Ρ‚Ρ€Π°Π½ΡΡ„ΠΎΡ€ΠΌΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ надпись, ΠΌΠ΅Π½ΡΡ‚ΡŒ Π΅Π΅ Ρ€Π°Π·ΠΌΠ΅Ρ€ ΠΈ Π²Ρ‹Π±ΠΈΡ€Π°Ρ‚ΡŒ Π½Π°ΠΈΠ±ΠΎΠ»Π΅Π΅ подходящСС мСсто располоТСния. Когда Ρ€Π°Π±ΠΎΡ‚Π° Π±ΡƒΠ΄Π΅Ρ‚ Π·Π°Π²Π΅Ρ€ΡˆΠ΅Π½Π°, сохранитС ΠΏΡ€ΠΎΠ΅ΠΊΡ‚.

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

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

Π§Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ mock-up Π² Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅

ΠžΡ‚ Ρ‚Π΅Ρ…, ΠΊΡ‚ΠΎ занимаСтся Π΄ΠΈΠ·Π°ΠΉΠ½ΠΎΠΌ сайтов ΠΈ Π½Π΅ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ, часто ΠΌΠΎΠΆΠ½ΠΎ ΡΠ»Ρ‹ΡˆΠ°Ρ‚ΡŒ, Ρ‡Ρ‚ΠΎ mock-up Ρ„Π°ΠΉΠ»Ρ‹ – это Ρ‡Ρ‚ΠΎ-Ρ‚ΠΎ Π½Π΅Π·Π°ΠΌΠ΅Π½ΠΈΠΌΠΎΠ΅ ΠΈ Π½ΡƒΠΆΠ½ΠΎΠ΅. Π¨Π°Π±Π»ΠΎΠ½Ρ‹ с Π½ΠΈΠΌΠΈ Ρ€Π°ΡΠΏΡ€ΠΎΡΡ‚Ρ€Π°Π½ΡΡŽΡ‚ΡΡ ΠΏΠ»Π°Ρ‚Π½ΠΎ ΠΈ бСсплатно, Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Ρ‹ дСлятся ΠΎΠΏΡ‹Ρ‚ΠΎΠΌ ΠΈΡ… создания. Π’ΠΎ Π΅ΡΡ‚ΡŒ, ΡˆΡ‚ΡƒΠΊΠ° Ρ‚ΠΎΡ‡Π½ΠΎ полСзная.

Если ΠΏΠΎ-простому, mock-up Ρ„Π°ΠΉΠ»Ρ‹ ΠΏΠΎΠΌΠΎΠ³Π°ΡŽΡ‚ ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ ΠΌΠ°ΠΊΠ΅Ρ‚Ρ‹, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡƒΠ²ΠΈΠ΄Π΅Ρ‚ΡŒ Π΄ΠΈΠ·Π°ΠΉΠ½ Β«Π² Π΄Π΅Π»Π΅Β». Π‘ΠΎΠ»ΡŒΡˆΠΎΠΉ ΠΏΠΎΠΏΡƒΠ»ΡΡ€Π½ΠΎΡΡ‚ΡŒΡŽ ΠΏΠΎ понятным ΠΏΡ€ΠΈΡ‡ΠΈΠ½Π°ΠΌ ΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ΡΡ ΠΌΠΎΠΊΠ°ΠΏΡ‹ для Π²ΠΈΠ·ΠΈΡ‚ΠΎΠΊ, ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Ρ… ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ, ΠΎΠ±Π»ΠΎΠΆΠ΅ΠΊ для ΠΌΡƒΠ·Ρ‹ΠΊΠ°Π»ΡŒΠ½Ρ‹Ρ… дисков, Ρ‚Π°Ρ€Ρ‹ для Π½Π°ΠΏΠΈΡ‚ΠΊΠΎΠ², ΡƒΠΏΠ°ΠΊΠΎΠ²ΠΊΠΈ для ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚ΠΎΠ² питания, вывСсок ΠΈ Ρ‚ΠΎΠΌΡƒ ΠΏΠΎΠ΄ΠΎΠ±Π½ΠΎΠ΅.

ΠŸΡ€ΠΈΠΌΠ΅Π½ΡΡ Ρ‚Π΅Ρ€ΠΌΠΈΠ½ mock-up ΠΊ Π΄ΠΈΠ·Π°ΠΉΠ½Ρƒ ΠΈΠ½Ρ‚Π΅Ρ€Π½Π΅Ρ‚-сайтов, ΠΌΠΎΠΆΠ½ΠΎ ΡΠΊΠ°Π·Π°Ρ‚ΡŒ, Ρ‡Ρ‚ΠΎ это ΠΌΠ°ΠΊΠ΅Ρ‚Ρ‹ страниц. Π‘ ΠΈΡ… ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Π²Π»Π°Π΄Π΅Π»Π΅Ρ† сайта ΠΌΠΎΠΆΠ΅Ρ‚ ΠΏΠΎΠ½ΡΡ‚ΡŒ, Π² ΠΊΠ°ΠΊΠΎΠΌ Π½Π°ΠΏΡ€Π°Π²Π»Π΅Π½ΠΈΠΈ Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€, ΠΈ насколько ΠΎΠ½ΠΎ Π²Π΅Ρ€Π½ΠΎ. Π”ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€, Π² свою ΠΎΡ‡Π΅Ρ€Π΅Π΄ΡŒ, ΠΌΠΎΠΆΠ΅Ρ‚ ΡƒΠ²ΠΈΠ΄Π΅Ρ‚ΡŒ, насколько Ρ€Π΅Π°Π»ΡŒΠ½Π°Ρ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° соотвСтствуСт Ρ‚ΠΎΠΉ, Ρ‡Ρ‚ΠΎ слоТилась Π² Π³ΠΎΠ»ΠΎΠ²Π΅. ΠœΠΎΠΊΠ°ΠΏΡ‹ ΠΏΠΎΠ»Π΅Π·Π½Ρ‹ ΠΈ Ρ‚Π΅ΠΌ, Ρ‡Ρ‚ΠΎ ΠΏΠΎΠΌΠΎΠ³Π°ΡŽΡ‚ ΠΎΠΏΡ€Π΅Π΄Π΅Π»ΠΈΡ‚ΡŒΡΡ, Π³Π΄Π΅ ΠΈ ΠΊΠ°ΠΊ стоит Ρ€Π°Π·ΠΌΠ΅Ρ‰Π°Ρ‚ΡŒ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚.

Π’Π΅Ρ€ΠΌΠΈΠ½Ρ‹, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ часто ΠΌΠΎΠΆΠ½ΠΎ Π²ΡΡ‚Ρ€Π΅Ρ‚ΠΈΡ‚ΡŒ, подыскивая ΠΌΠΎΠΊΠ°ΠΏ для сайта – это wireframe, sketch ΠΈ prototype. ΠšΡ‚ΠΎ-Ρ‚ΠΎ считаСт, Ρ‡Ρ‚ΠΎ Ρ‚Π΅Ρ€ΠΌΠΈΠ½Ρ‹ ΠΎΠ·Π½Π°Ρ‡Π°ΡŽΡ‚ ΠΎΠ΄Π½ΠΎ ΠΈ Ρ‚ΠΎ ΠΆΠ΅, ΠΊΡ‚ΠΎ-Ρ‚ΠΎ – Ρ‡Ρ‚ΠΎ это Π°Π±ΡΠΎΠ»ΡŽΡ‚Π½ΠΎ Ρ€Π°Π·Π½Ρ‹Π΅ понятия.

Π Π°Π·Π½ΠΈΡ†Π° ΠΌΠ΅ΠΆΠ΄Ρƒ mock-up, wireframe, sketch ΠΈ prototype

Sketch (скСтч) – это набросок, зарисовка ΠΈΠ΄Π΅ΠΈ. ΠœΠΎΠΆΠ΅Ρ‚ Π²Ρ‹Π³Π»ΡΠ΄Π΅Ρ‚ΡŒ Π²ΠΎΡ‚ Ρ‚Π°ΠΊ:

Или Ρ‚Π°ΠΊ:

Π’ΠΎ Π΅ΡΡ‚ΡŒ, ΠΊΠΎΠ½ΠΊΡ€Π΅Ρ‚ΠΈΠΊΠΈ ΠΌΠ°Π»ΠΎΠ²Π°Ρ‚ΠΎ, всС ΠΏΠΎΠΊΠ° Π½Π° стадии обдумывания.

Wireframe (каркас) создаСтся для Ρ‚ΠΎΠ³ΠΎ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΠΎΠ·Π½Π°ΠΊΠΎΠΌΠΈΡ‚ΡŒΡΡ с Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π»ΠΎΠΌ сайта. Π­Ρ‚ΠΎΡ‚ Π²Π΅Π±-ΠΌΠ°ΠΊΠ΅Ρ‚ ΠΌΠΎΠΆΠ΅Ρ‚ ΠΏΠΎΠΊΠ°Π·Π°Ρ‚ΡŒ, Π³Π΄Π΅ Π±ΡƒΠ΄ΡƒΡ‚ Ρ€Π°ΡΠΏΠΎΠ»Π°Π³Π°Ρ‚ΡŒΡΡ мСню, основныС ΠΊΠ½ΠΎΠΏΠΊΠΈ, Π±Π»ΠΎΠΊΠΈ с тСкстом ΠΈ Π΄Ρ€ΡƒΠ³ΠΈΠ΅ элСмСнты, ΠΊΠ°ΠΊΠΈΡ… ΠΏΡ€ΠΈΠ±Π»ΠΈΠ·ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ Ρ€Π°Π·ΠΌΠ΅Ρ€ΠΎΠ² ΠΎΠ½ΠΈ Π±ΡƒΠ΄ΡƒΡ‚. ΠŸΡ€ΠΈΠΌΠ΅Ρ€ wireframe:

Mock-up. Работая Π½Π°Π΄ Π΄ΠΈΠ·Π°ΠΉΠ½ΠΎΠΌ сайта

ΠœΠΎΠΊΠ°ΠΏΡ‹ Π² Π΄ΠΈΠ·Π°ΠΉΠ½Π΅ сайтов ΠΏΡ€ΠΈ ΠΏΠΎΠΌΠΎΡ‰ΠΈ ΠΌΠΎΠΊΠ°ΠΏΠ° ΠΌΠΎΠΆΠ½ΠΎ ΡƒΠ²ΠΈΠ΄Π΅Ρ‚ΡŒ, ΠΊΠ°ΠΊ ΠΎΠ½ (сайт) Π±ΡƒΠ΄Π΅Ρ‚ Π²Ρ‹Π³Π»ΡΠ΄Π΅Ρ‚ΡŒ: ΠΊΠ°ΠΊΠΈΠΌΠΈ Π±ΡƒΠ΄ΡƒΡ‚ Π΅Π³ΠΎ ΡˆΡ€ΠΈΡ„Ρ‚Ρ‹ (Ρ‚ΠΈΠΏ, Ρ€Π°Π·ΠΌΠ΅Ρ€), Ρ†Π²Π΅Ρ‚Π°, ΠΊΠ°ΠΊ Π±ΡƒΠ΄ΡƒΡ‚ ΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒΡΡ Π½Π° Π½Π΅ΠΌ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ, Ρ„ΠΎΡ‚ΠΎ, Π±Π»ΠΎΠΊΠΈ с Π²ΠΈΠ΄Π΅ΠΎ. ПослС окончания Ρ€Π°Π±ΠΎΡ‚ ΠΈΠ½Ρ‚Π΅Ρ€Π½Π΅Ρ‚-ΠΏΠ»ΠΎΡ‰Π°Π΄ΠΊΠ° ΠΎΠ±Ρ‹Ρ‡Π½ΠΎ выглядит Ρ‚ΠΎΡ‡Π½ΠΎ Ρ‚Π°ΠΊ ΠΆΠ΅, ΠΊΠ°ΠΊ mock-up – ΠΏΠ΅Ρ€Π²ΠΎΠ½Π°Ρ‡Π°Π»ΡŒΠ½ΠΎ созданный ΠΈΠ»ΠΈ, ΠΊΠ°ΠΊ это Ρ‡Π°Ρ‰Π΅ Π±Ρ‹Π²Π°Π΅Ρ‚, с внСсСнными Π² Ρ…ΠΎΠ΄Π΅ обсуТдСний измСнСниями. Π₯ΠΎΡ€ΠΎΡˆΠΈΠΉ ΠΏΡ€ΠΈΠΌΠ΅Ρ€ ΠΌΠΎΠΊΠ°ΠΏΠ° для Ρ‚Ρ€Π΅Ρ… вСрсий сайта: дСскотпной, для iPad ΠΈ iPhone.

Prototype (ΠΏΡ€ΠΎΡ‚ΠΎΡ‚ΠΈΠΏ) – это Π·Π°Π²Π΅Ρ€ΡˆΠ°ΡŽΡ‰ΠΈΠΉ этап модСлирования сайта. Π‘ Π΅Π³ΠΎ ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΡƒΠΆΠ΅ проводится тСстированиС работоспособности ΠΌΠΎΠ΄Π΅Π»ΠΈ: ΠΏΡ€ΠΎΠ²Π΅Ρ€ΡΡŽΡ‚ΡΡ навигация, ссылки ΠΌΠ΅ΠΆΠ΄Ρƒ страницами, Π²ΡΡ‚Π°Π²Π»ΡΡŽΡ‚ΡΡ изобраТСния ΠΈ Ρ‚.ΠΏ.

Если ΡΠ²ΡΠ·Π°Ρ‚ΡŒ ΠΌΠ΅ΠΆΠ΄Ρƒ собой упомянутыС ΠΌΠ°ΠΊΠ΅Ρ‚Ρ‹ сайта, Ρ‚ΠΎ получится такая Ρ†Π΅ΠΏΠΎΡ‡ΠΊΠ°:

ΠŸΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹ для создания ΠΌΠΎΠΊΠ°ΠΏΠΎΠ²

ΠœΠΎΠΊΠ°ΠΏΡ‹ ΠΌΠΎΠΆΠ½ΠΎ ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ ΠΏΡ€ΠΈ ΠΏΠΎΠΌΠΎΡ‰ΠΈ HTML/CSS, ΠΊΡ‚ΠΎ-Ρ‚ΠΎ ΠΎΡ‚Π΄Π°Π΅Ρ‚ ΠΏΡ€Π΅Π΄ΠΏΠΎΡ‡Ρ‚Π΅Π½ΠΈΠ΅ графичСскому ΠΎΠ±Π΅ΡΠΏΠ΅Ρ‡Π΅Π½ΠΈΡŽ, ΠΎΠ½Π»Π°ΠΉΠ½-рСсурсам:
1. CΡ‚Π°Ρ€ΠΎΠΌΡƒ Π΄ΠΎΠ±Ρ€ΠΎΠΌΡƒ Adobe Photoshop.
2. Adobe Fireworks.
3. bohemiancoding.com.
4. gomockingbird.com
5. mockups.me. ΠŸΡ€Π΅Π΄ΠΎΡΡ‚Π°Π²Π»ΡΠ΅Ρ‚ΡΡ мСсяц бСсплатного использования.
6. balsamiq. ΠœΠ΅ΡΡΡ† ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ бСсплатно.
7. mockupbuilder.com. ΠŸΡ€Π΅Π΄Π»Π°Π³Π°ΡŽΡ‚ΡΡ 2 бСсплатных Π½Π΅Π΄Π΅Π»ΠΈ.
8. moqups.com. Π•ΡΡ‚ΡŒ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒΡΡ бСсплатно, Π½ΠΎ Π±ΡƒΠ΄ΡƒΡ‚ Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ограничСния.
9. mockflow.com. БСсплатная вСрсия ΠΏΡ€Π΅Π΄ΠΏΠΎΠ»Π°Π³Π°Π΅Ρ‚ Π½Π°Π»ΠΈΡ‡ΠΈΠ΅ Π½Π΅ всСх Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΉ.
10. hotgloo.com. Π”Π°ΡŽΡ‚ΡΡ 15 бСсплатных Π΄Π½Π΅ΠΉ.

МоТно ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΈ Π³ΠΎΡ‚ΠΎΠ²Ρ‹Π΅ ΠΌΠΎΠΊΠ°ΠΏΡ‹ для сайта, ΠΈΡ… ΠΏΠΎΠ΄Π±ΠΎΡ€ΠΊΠΈ Π²Ρ‹ΠΊΠ»Π°Π΄Ρ‹Π²Π°ΡŽΡ‚ΡΡ Π½Π° Ρ€Π°Π·Π½Ρ‹Ρ… сайтах. К ΠΏΡ€ΠΈΠΌΠ΅Ρ€Ρƒ, Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΡˆΠ°Π±Π»ΠΎΠ½Ρ‹ ΠΌΠΎΠΆΠ½ΠΎ ΡΠΊΠ°Ρ‡Π°Ρ‚ΡŒ здСсь:

  • freepsd.ws;
  • pixeden.com (Ρ€Π°Π·Π΄Π΅Π» Web – Psd web templates).

ΠœΠΎΠΊΠ°ΠΏΡ‹ Π΄Π΅ΠΉΡΡ‚Π²ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ Π½Π΅Π·Π°ΠΌΠ΅Π½ΠΈΠΌΡ‹, Π½Π΅ зря Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Ρ‹ Ρ‚Π°ΠΊ ΠΌΠ½ΠΎΠ³ΠΎ ΠΎ Π½ΠΈΡ… говорят. Π’ΠΎΡ‡Π½Π΅Π΅, ΠΎ Π½ΠΈΡ… ΠΈ Π΄Ρ€ΡƒΠ³ΠΈΡ… ΠΌΠ°ΠΊΠ΅Ρ‚Π°Ρ…. Π Π°Π·Π½ΠΈΡ†Ρƒ ΠΌΠ΅ΠΆΠ΄Ρƒ Π½ΠΈΠΌΠΈ, надССмся, Π²Ρ‹ Ρ‚Π΅ΠΏΠ΅Ρ€ΡŒ Ρ…ΠΎΡ€ΠΎΡˆΠΎ прСдставляСтС.

mock-up prototype sketch wireframe Π΄ΠΈΠ·Π°ΠΉΠ½

FAQ ΠΏΡ€ΠΎ ΠΌΠΎΠΊΠ°ΠΏΡ‹

Если Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π½Π°ΠΉΡ‚ΠΈ Π½Π° сайтах, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΏΡ€Π΅Π΄Π»Π°Π³Π°ΡŽΡ‚ ΠΌΠΎΠΊΠ°ΠΏΡ‹ бСсплатно, Ρ‚Π΅ ΠΌΠΎΠΊΠ°ΠΏΡ‹, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΡƒΠ΄ΠΎΠ²Π»Π΅Ρ‚Π²ΠΎΡ€ΡΡŽΡ‚ ваши Π½ΡƒΠΆΠ΄Ρ‹ — ΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ΡΡŒ ΠΈΠΌΠΈ. ΠœΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ это психологичСская ΡˆΡ‚ΡƒΠΊΠ°, Π½ΠΎ ΠΌΠ½Π΅ ΠΏΠΎΡ‡Π΅ΠΌΡƒ-Ρ‚ΠΎ каТСтся, Ρ‡Ρ‚ΠΎ бСсплатныС ΠΌΠΎΠΊΠ°ΠΏΡ‹ ΠΊΡƒΠ΄Π° ΠΌΠ΅Π½Π΅Π΅ интСрСсныС/ΠΊΡ€ΡƒΡ‚Ρ‹Π΅/ΠΏΠΎΠ»Π΅Π·Π½Ρ‹Π΅, Ρ‡Π΅ΠΌ ΠΏΠ»Π°Ρ‚Π½Ρ‹Π΅ πŸ™‚ Ну ΠΈΠ»ΠΈ Π½ΡƒΠΆΠ½ΠΎ ΠΏΠΎΡ‚Ρ€Π°Ρ‚ΠΈΡ‚ΡŒ ΠΎΡ‡Π΅Π½ΡŒ ΠΌΠ½ΠΎΠ³ΠΎ Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π½Π°ΠΉΡ‚ΠΈ Π»Π΅Π³Π°Π»ΡŒΠ½Ρ‹Π΅, бСсплатныС, интСрСсныС ΠΌΠΎΠΊΠ°ΠΏΡ‹ ΠΈ ΡΠΎΠ±Ρ€Π°Ρ‚ΡŒ ΠΈΠ· Π½ΠΈΡ… ΠΊΠΎΠ»Π»Π΅ΠΊΡ†ΠΈΡŽ. Π― ΠΏΡ€Π΅Π΄ΠΏΠΎΡ‡ΠΈΡ‚Π°ΡŽ Ρ‚Ρ€Π°Ρ‚ΠΈΡ‚ΡŒ это врСмя Π½Π° созданиС Π½ΠΎΠ²Ρ‹Ρ… ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚ΠΎΠ² для Ρ‚ΠΎΠ³ΠΎ ΠΆΠ΅ КМ.


Π’ ΠΌΠΎΠ΅ΠΌ случаС Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅ ΠΏΠΎΠΊΡƒΠΏΠ°Ρ‚ΡŒ ΠΌΠΎΠΊΠ°ΠΏΡ‹ Π±Ρ‹Π»ΠΎ ΠΏΡ€ΠΎΠ΄ΡƒΠΌΠ°Π½Π½Ρ‹ΠΌ ΠΏΠ»Π°Π½ΠΎΠΌ — я Ρ€Π΅ΡˆΠΈΠ»Π°, Ρ‡Ρ‚ΠΎ эти Ρ‚Ρ€Π°Ρ‚Ρ‹ Π΅ΡΡ‚ΡŒ нСкая инвСстиция Π² Ρ€Π°Π·Π²ΠΈΡ‚ΠΈΠ΅ ΠΌΠΎΠ΅Π³ΠΎ бизнСса. ΠšΡƒΠΏΠΈΠ² ΡΠΈΠ»ΡŒΠ½Ρ‹Π΅ ΠΈ большиС Π½Π°Π±ΠΎΡ€Ρ‹, я смогу Π»ΡƒΡ‡ΡˆΠ΅ ΠΏΡ€Π΅Π·Π΅Π½Ρ‚ΠΎΠ²Π°Ρ‚ΡŒ свои Ρ‚ΠΎΠ²Π°Ρ€Ρ‹, Π° Π·Π½Π°Ρ‡ΠΈΡ‚, ΠΏΡ€ΠΈΠ²Π»Π΅ΠΊΡƒ ΠΊ Π½ΠΈΠΌ большС ΠΏΠΎΠΊΡƒΠΏΠ°Ρ‚Π΅Π»Π΅ΠΉ ΠΈ большС Π·Π°Ρ€Π°Π±ΠΎΡ‚Π°ΡŽ. ΠšΡ€ΠΎΠΌΠ΅ Ρ‚ΠΎΠ³ΠΎ, работая с Ρ…ΠΎΡ€ΠΎΡˆΠΈΠΌΠΈ ΠΌΠΎΠΊΠ°ΠΏΠ°ΠΌΠΈ, я Π±ΡƒΠ΄Ρƒ Ρ‚Ρ€Π°Ρ‚ΠΈΡ‚ΡŒ мСньшС Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ Π½Π° ΠΏΡ€Π΅Π·Π΅Π½Ρ‚Π°Ρ†ΠΈΡŽ, Π° Π·Π½Π°Ρ‡ΠΈΡ‚, Π±ΡƒΠ΄Ρƒ эффСктивнСС. Π­Ρ‚ΠΈ инвСстиции сСбя ΠΎΠΏΡ€Π°Π²Π΄Π°Π»ΠΈ — Π½Π΅ ΠΌΠΎΠ³Ρƒ ΡΠΊΠ°Π·Π°Ρ‚ΡŒ, Ρ‡Ρ‚ΠΎ Π΄Π΅Π»ΠΎ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Π² ΠΌΠΎΠΊΠ°ΠΏΠ°Ρ…, ΠΏΠΎΡ‚ΠΎΠΌΡƒ Ρ‡Ρ‚ΠΎ ΠΈΡ… ΠΏΠΎΠΊΡƒΠΏΠΊΠ° Π±Ρ‹Π»Π° лишь ΠΎΠ΄Π½ΠΎΠΉ ΡΡ‚ΡƒΠΏΠ΅Π½ΡŒΡŽ Π² Ρ€Π°Π·Π²ΠΈΡ‚ΠΈΠΈ ΠΌΠΎΠ΅Π³ΠΎ ΠΌΠ°Π³Π°Π·ΠΈΠ½Π° Π½Π° КМ, Π½ΠΎ послС Ρ‚ΠΎΠ³ΠΎ, ΠΊΠ°ΠΊ я ΠΈΠ·ΠΌΠ΅Π½ΠΈΠ»Π° ΠΏΠΎΠ΄Ρ…ΠΎΠ΄ ΠΊ ΠΏΡ€Π΅Π·Π΅Π½Ρ‚Π°Ρ†ΠΈΠΈ ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚ΠΎΠ², ΠΌΠ°Π³Π°Π·ΠΈΠ½ стал ΠΏΡ€ΠΈΠ½ΠΎΡΠΈΡ‚ΡŒ Π½Π° 50-60% Π² мСсяц большС.Β 


Π’ использовании Π³ΠΎΡ‚ΠΎΠ²Ρ‹Ρ… ΠΌΠΎΠΊΠ°ΠΏΠΎΠ² ΠΌΠ½ΠΎΠ³ΠΎ плюсов (быстро, Π»Π΅Π³ΠΊΠΎ, Π½Π΅ Ρ‚Ρ€Π°Ρ‚ΠΈΡˆΡŒ врСмя), Π½ΠΎ Π΅ΡΡ‚ΡŒ ΠΈ минусы, самый Π·Π½Π°Ρ‡ΠΈΠΌΡ‹ΠΉ ΠΈΠ· ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ…: Π΄Π΅ΠΉΡΡ‚Π²ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ Ρ…ΠΎΡ€ΠΎΡˆΠΈΠ΅ ΠΌΠΎΠΊΠ°ΠΏΡ‹ (Π° Π΄Ρ€ΡƒΠ³ΠΈΠ΅ ΠΏΠΎΠΊΡƒΠΏΠ°Ρ‚ΡŒ ΠΌΡ‹ вряд Π»ΠΈ Ρ…ΠΎΡ‚ΠΈΠΌ) ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ мноТСство Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ΠΎΠ². И это ΠΎΠΊΠ΅ΠΉ, Ссли Π²Ρ‹ Π΄Π΅Π»Π°Π΅Ρ‚Π΅ с ΠΈΡ… ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΠΏΡ€Π΅Π·Π΅Π½Ρ‚Π°Ρ†ΠΈΠΈ для ΠΊΠ»ΠΈΠ΅Π½Ρ‚ΠΎΠ², Π½ΠΎ ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ Π½Π΅ ΠΎΡ‡Π΅Π½ΡŒ ΠΎΠΊΠ΅ΠΉ, Ссли Π²Ρ‹ Π΄Π΅Π»Π°Π΅Ρ‚Π΅ ΠΏΡ€Π΅Π²ΡŒΡŽ для ΠšΡ€ΠΈΠ΅ΠΉΡ‚ΠΈΠ² ΠœΠ°Ρ€ΠΊΠ΅Ρ‚Π°. ΠŸΠΎΡ‚ΠΎΠΌΡƒ Ρ‡Ρ‚ΠΎ получаСтся, Ρ‡Ρ‚ΠΎ ΠΈ Ρƒ вас, ΠΈ Ρƒ сосСднСго Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Π° Ρ‚ΠΎΠ²Π°Ρ€Ρ‹ прСдставлСны с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΠΎΠ΄Π½ΠΈΡ… ΠΈ Ρ‚Π΅Ρ… ΠΆΠ΅ ΠΎΠ±ΡŠΠ΅ΠΊΡ‚ΠΎΠ². Π’ΠΏΡ€ΠΎΡ‡Π΅ΠΌ, бСсплатныС Ρ‚ΠΎΠΆΠ΅ ΠΌΠ½ΠΎΠ³ΠΎ ΠΊΡ‚ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ πŸ™‚Β 


ΠŸΠΎΡΡ‚ΠΎΠΌΡƒ Π²Ρ‹Π²ΠΎΠ΄ Ρ‚Π°ΠΊΠΎΠΉ: Ссли Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π΄Π΅Π»Π°Ρ‚ΡŒ свои ΠΌΠΎΠΊΠ°ΠΏΡ‹ Π½Π° высоком ΡƒΡ€ΠΎΠ²Π½Π΅ — Π΄Π΅Π»Π°ΠΉΡ‚Π΅ ΠΈΡ…. Если ΠΌΠΎΠΆΠ΅Ρ‚Π΅, Π½ΠΎ ΡƒΡ€ΠΎΠ²Π΅Π½ΡŒ слабоват — ΠΏΡ€ΠΎΠΊΠ°Ρ‡ΠΈΠ²Π°ΠΉΡ‚Π΅ Π΅Π³ΠΎ, Π° ΠΏΠΎΠΊΠ° ΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ΡΡŒ Π³ΠΎΡ‚ΠΎΠ²Ρ‹ΠΌΠΈ. Мокап — это ΠΏΠΎ сути Ρ‚Π° ΠΎΠ΄Π΅ΠΆΠΊΠ°, ΠΏΠΎ ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΉ Π²ΡΡ‚Ρ€Π΅Ρ‡Π°ΡŽΡ‚ ваш Π΄ΠΈΠ·Π°ΠΉΠ½. Если ΠΎΠ½Π° Π±ΡƒΠ΄Π΅Ρ‚ блСднСнькой, ΠΊΡ€ΠΈΠ²Π΅Π½ΡŒΠΊΠΎΠΉ ΠΈ Π²ΠΎΠΎΠ±Ρ‰Π΅ Π½Π΅ особо ΠΏΡ€ΠΈΠ²Π»Π΅ΠΊΠ°Ρ‚Π΅Π»ΡŒΠ½ΠΎΠΉ, сам ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚ Π±ΡƒΠ΄Π΅Ρ‚ ΠΌΠ΅Π½Π΅Π΅ ΡƒΡΠΏΠ΅ΡˆΠ΅Π½.

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

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