Как ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ Π² Ρ„ΠΎΡ‚ΠΎΡˆΠΎΠΏΠ΅ шаблон сайта: Π›ΡƒΡ‡ΡˆΠΈΠ΅ ΡˆΠ°Π±Π»ΠΎΠ½Ρ‹ сайтов для Photoshop (PSD) 2016

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

Π›ΡƒΡ‡ΡˆΠΈΠ΅ ΡˆΠ°Π±Π»ΠΎΠ½Ρ‹ сайтов для Photoshop (PSD) 2016

ΠžΡ‚ Π°Π²Ρ‚ΠΎΡ€Π°: сСгодня ΠΎΡ‚Π»ΠΈΡ‡Π½Ρ‹ΠΉ дСнь, Ρ‡Ρ‚ΠΎΠ±Ρ‹ быстро ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ свой сайт! Π“ΠΎΡ‚ΠΎΠ²Ρ‹ ΡΡ‚Ρ€ΠΎΠΈΡ‚ΡŒ свой бизнСс Π² сСти? Π₯ΠΎΡ‚ΠΈΡ‚Π΅ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ Π½ΠΎΠ²Ρ‹ΠΉ сайт с новСйшим Π΄ΠΈΠ·Π°ΠΉΠ½ΠΎΠΌ, пиксСль Π² пиксСль? Или Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ ΠΏΠ΅Ρ€Π΅Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ старый сайт ΠΏΠΎΠ΄ Π½ΠΎΠ²Ρ‹Π΅ Ρ‚Ρ€Π΅Π½Π΄Ρ‹? Для этого Π½ΡƒΠΆΠ½ΠΎ Π±Ρ‹Ρ‚ΡŒ ΠΏΠΎ-настоящСму творчСским Ρ‡Π΅Π»ΠΎΠ²Π΅ΠΊΠΎΠΌ ΠΈ ΡƒΠΌΠ΅Ρ‚ΡŒ Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ с Photoshop’ом, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ сайты Π²Ρ‹ΡΠΎΡ‡Π°ΠΉΡˆΠ΅Π³ΠΎ класса. Π”Π°ΠΆΠ΅ Ссли Π²Ρ‹ ΠΏΡ€ΠΎΡ„Π΅ΡΡΠΈΠΎΠ½Π°Π»ΡŒΠ½Ρ‹ΠΉ Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ с Π½ΡƒΠΆΠ½Ρ‹ΠΌΠΈ Π½Π°Π²Ρ‹ΠΊΠ°ΠΌΠΈ, ΠΏΠΎΠ΄Π³ΠΎΠ½ΡΡ‚ΡŒ ΠΊΠ°ΠΆΠ΄Ρ‹ΠΉ пиксСль всС Ρ€Π°Π²Π½ΠΎ Π·Π°Π½ΠΈΠΌΠ°Π΅Ρ‚ ΠΊΠ°ΠΊΠΎΠ΅-Ρ‚ΠΎ врСмя, ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ всС страницы для сайта ΠΊΠ»ΠΈΠ΅Π½Ρ‚Π°, Π° Ρ‚Π°ΠΊΠΆΠ΅ ΠΎΠ±Π΅ΡΠΏΠ΅Ρ‡ΠΈΡ‚ΡŒ ΠΊΠ°ΠΆΠ΄Ρ‹ΠΉ UI элСмСнт, ΠΎΠ±Π»Π°ΡΡ‚ΡŒ ΠΈ ΠΊΡ€ΠΎΡˆΠ΅Ρ‡Π½ΡƒΡŽ Π΄Π΅Ρ‚Π°Π»ΡŒ Π΄ΠΎΠ»Π΅ΠΉ внимания. ВсС это ΠΎΡ‚Π½ΠΈΠΌΠ°Π΅Ρ‚ врСмя.

Намного быстрСС Π²Π·ΡΡ‚ΡŒ качСствСнный PSD шаблон сайта, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΡƒΠΆΠ΅ свСрстали с Π·Π°Π±ΠΎΡ‚ΠΎΠΉ ΠΊ ΠΊΠ°ΠΆΠ΄ΠΎΠΌΡƒ пиксСлю. Π£ нас ΠΎΠ³Ρ€ΠΎΠΌΠ½Ρ‹ΠΉ Π²Ρ‹Π±ΠΎΡ€ Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Ρ… Photoshop Ρ„Π°ΠΉΠ»ΠΎΠ². Π˜Ρ… ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΎΠ΄Π½ΠΎΡ€Π°Π·ΠΎΠ²ΠΎ ΠΈΠ»ΠΈ ΠΆΠ΅ Π² Π²ΠΈΠ΄Π΅ СТСмСсячной подписки.

Π›ΡƒΡ‡ΡˆΠΈΠ΅ PSD ΡˆΠ°Π±Π»ΠΎΠ½Ρ‹ сайтов Π½Π° сайтС Envato Elements (Π±Π΅Π· ΠΎΠ³Ρ€Π°Π½ΠΈΡ‡Π΅Π½ΠΈΠΉ ΠΏΠΎ использованию)

Π’ 2016 Π³ΠΎΠ΄Ρƒ запустился сайт Envato Elements ΠΈ сразу стал Π½Π°Π±ΠΈΡ€Π°Ρ‚ΡŒ Π±Π΅ΡˆΠ΅Π½ΡƒΡŽ ΠΏΠΎΠΏΡƒΠ»ΡΡ€Π½ΠΎΡΡ‚ΡŒ. На сайтС всСго ΠΎΠ΄Π½ΠΎ ΠΏΡ€Π΅Π΄Π»ΠΎΠΆΠ΅Π½ΠΈΠ΅ (всС Π²ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΎ):

Π—Π°Ρ€Π΅Π³ΠΈΡΡ‚Ρ€ΠΈΡ€ΡƒΠΉΡ‚Π΅ΡΡŒ Π½Π° Envato Elements, ΠΈ Π²Ρ‹ смоТСтС ΡΠΊΠ°Ρ‡ΠΈΠ²Π°Ρ‚ΡŒ psd ΡˆΠ°Π±Π»ΠΎΠ½Ρ‹ сайтов Π±Π΅Π· ΠΎΠ³Ρ€Π°Π½ΠΈΡ‡Π΅Π½ΠΈΠΉ ΠΏΠΎ использованию, Ρ‚Π΅ΠΌΡ‹, ΡˆΡ€ΠΈΡ„Ρ‚Ρ‹, графичСскиС Π½Π°Π±ΠΎΡ€Ρ‹ ΠΈ Ρ‚.Π΄. ВсС ΠΏΠΎ ΠΎΠ΄Π½ΠΎΠΉ СТСмСсячной ΠΏΠ»Π°Ρ‚Π΅. ВсС ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΠΎ! Π‘ΠΊΠ°Ρ‡ΠΈΠ²Π°ΠΉΡ‚Π΅ ΠΏΡ€ΠΎΡ„Π΅ΡΡΠΈΠΎΠ½Π°Π»ΡŒΠ½Ρ‹Π΅ ΡˆΠ°Π±Π»ΠΎΠ½Ρ‹ ΠΈ Π³Ρ€Π°Ρ„ΠΈΠΊΡƒ сколько Π΄ΡƒΡˆΠ΅ ΡƒΠ³ΠΎΠ΄Π½ΠΎ, настраивайтС всС это ΠΏΠΎΠ΄ свой ΠΏΡ€ΠΎΠ΅ΠΊΡ‚.

НиТС прСдставлСн самый популярный шаблон Π½Π° Envato Elements β€” Elementy Multipurpose PSD. Π’ ΠΊΠΎΠΌΠΏΠ»Π΅ΠΊΡ‚Π΅ ΠΈΠ΄Π΅Ρ‚ 19 PSD Ρ„Π°ΠΉΠ»ΠΎΠ², ΠΌΠ°ΠΊΠ΅Ρ‚Ρ‹ ΠΌΠ°Π³Π°Π·ΠΈΠ½Π°, Π΄ΠΈΠ·Π°ΠΉΠ½ Π±Π»ΠΎΠ³Π°, страницы ΠΏΠΎΡ€Ρ‚Ρ„ΠΎΠ»ΠΈΠΎ ΠΈ Ρ‚.Π΄.

Π’Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½. Быстрый старт

Π˜Π·ΡƒΡ‡ΠΈΡ‚Π΅ курс ΠΈ ΡƒΠ·Π½Π°ΠΉΡ‚Π΅, ΠΊΠ°ΠΊ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ Π΄ΠΈΠ·Π°ΠΉΠ½ ΠΈ ΠΏΡ€ΠΎΡ‚ΠΎΠΏΠΈΠΏ сайта Π² Figma

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

Если Π²Ρ‹ Π·Π°Ρ€Π΅Π³ΠΈΡΡ‚Ρ€ΠΈΡ€ΡƒΠ΅Ρ‚Π΅ΡΡŒ Π½Π° Envato Elements, Π²Ρ‹ смоТСтС ΡΠΊΠ°Ρ‡ΠΈΠ²Π°Ρ‚ΡŒ Π½Π΅ΠΎΠ³Ρ€Π°Π½ΠΈΡ‡Π΅Π½Π½ΠΎΠ΅ количСство Ρ„Π°ΠΉΠ»ΠΎΠ² с Π±Π΅Π·Π»ΠΈΠΌΠΈΡ‚Π½Ρ‹ΠΌ ΠΏΠΎΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠΌ ΠΈΡ… использованиСм всСго Π·Π° $29 Π² мСсяц. ΠžΠ±Ρ‹Ρ‡Π½Π°Ρ Ρ†Π΅Π½Π° Π² мСсяц составляСт $49, сСйчас самоС врСмя ΡƒΡ…Π²Π°Ρ‚ΠΈΡ‚ΡŒΡΡ Π·Π° Ρ‚Π°ΠΊΡƒΡŽ Π±ΠΎΠ»ΡŒΡˆΡƒΡŽ скидку.

Если ΠΆΠ΅ ваши потрСбности ΠΎΠ³Ρ€Π°Π½ΠΈΡ‡Π΅Π½Ρ‹, ΠΈΠ»ΠΈ Π²Ρ‹ ΠΏΡ€Π΅Π΄ΠΏΠΎΡ‡ΠΈΡ‚Π°Π΅Ρ‚Π΅ ΠΏΠΎΠΊΡƒΠΏΠ°Ρ‚ΡŒ Π³Ρ€Π°Ρ„ΠΈΠΊΡƒ ΠΈ Π²Π΅Π±-ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π»Ρ‹ ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½ΠΎ, ΠΌΡ‹ ΠΌΠΎΠΆΠ΅ΠΌ ΠΏΡ€Π΅Π΄Π»ΠΎΠΆΠΈΡ‚ΡŒ тысячи Π³ΠΎΡ‚ΠΎΠ²Ρ‹Ρ… шаблонов Π½Π° ThemeForest.

PSD ΡˆΠ°Π±Π»ΠΎΠ½Ρ‹ сайтов Π½Π° ThemeForest

НиТС прСдставлСн ВОП PSD шаблонов сайтов Π·Π° 2016 Π³ΠΎΠ΄, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΌΠΎΠΆΠ½ΠΎ ΠΊΡƒΠΏΠΈΡ‚ΡŒ ΠΈΠ»ΠΈ ΡΠΊΠ°Ρ‡Π°Ρ‚ΡŒ. Π­Ρ‚ΠΎ лишь капля Π² ΠΌΠΎΡ€Π΅ ΠΎΡ‚ Ρ‚ΠΎΠ³ΠΎ объСма, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΏΡ€ΠΎΡ„Π΅ΡΡΠΈΠΎΠ½Π°Π»ΡŒΠ½Ρ‹Π΅ Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Ρ‹ Π·Π°Π³Ρ€ΡƒΠΆΠ°ΡŽΡ‚ Π½Π° ThemeForest ΠΊΠ°ΠΆΠ΄ΡƒΡŽ нСдСлю. ВзглянитС Π½Π° Π»ΡƒΡ‡ΡˆΠΈΠ΅ ΡˆΠ°Π±Π»ΠΎΠ½Ρ‹ сайтов для Photoshop’а Π·Π° 2016 Π³ΠΎΠ΄:

ΠŸΡ€Π°Π²ΠΈΠ»ΡŒΠ½Ρ‹ΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½ ΠΌΠΎΠΆΠ΅Ρ‚ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ ΠΈΠ· посрСдствСнного сайта ΠΏΡ€ΠΎΠΈΠ·Π²Π΅Π΄Π΅Π½ΠΈΠ΅ искусства:

ΠŸΡ€ΠΎΠ΄Π°ΠΆΠΈ Π½Π° сайтС ΠΌΠΎΠ³ΡƒΡ‚ ΠΏΠΎΠ΄ΡΠΊΠΎΡ‡ΠΈΡ‚ΡŒ, Π° Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΎΠΊΠ°Π·Π°Ρ‚ΡŒ Π½Π΅ΠΈΠ·Π³Π»Π°Π΄ΠΈΠΌΠΎΠ΅ Π²ΠΏΠ΅Ρ‡Π°Ρ‚Π»Π΅Π½ΠΈΠ΅ Π½Π° ΠΏΠΎΡ‚Π΅Π½Ρ†ΠΈΠ°Π»ΡŒΠ½Ρ‹Ρ… ΠΏΠΎΠΊΡƒΠΏΠ°Ρ‚Π΅Π»Π΅ΠΉ, повысив Ρ‚Π΅ΠΌ самым ΠΌΠΈΠ½ΠΈΠΌΠ°Π»ΡŒΠ½ΡƒΡŽ Ρ†Π΅Π½Ρƒ.

Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΏΠ΅Ρ€Π΅ΡΡ‚Ρ€ΠΎΠΈΡ‚ΡŒ свою ΠΈΠ΄Π΅Π½Ρ‚ΠΈΡ‡Π½ΠΎΡΡ‚ΡŒ – ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ ΠΈΠ· посрСдствСнного Π±Ρ€Π΅Π½Π΄Π° ΠΊΠΎΠ½Ρ„Π΅Ρ‚ΠΊΡƒ.

Π’Π°Ρˆ бизнСс (ΠΈΠ»ΠΈ Π²Π°ΡˆΠΈΡ… Π·Π°ΠΊΠ°Π·Ρ‡ΠΈΠΊΠΎΠ²) ΠΌΠΎΠΆΠ΅Ρ‚ Ρ€Π΅Π°Π»ΠΈΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π½Π°ΠΌΠ΅Ρ‡Π΅Π½Π½Ρ‹Π΅ ΠΏΠ»Π°Π½Ρ‹ ΠΈ свой ΠΏΠΎΡ‚Π΅Π½Ρ†ΠΈΠ°Π» Π² сСти!

ВОП-10 PSD шаблонов сайтов (с сайта ThemeForest Π·Π° 2016 Π³ΠΎΠ΄)

НиТС прСдставлСн ВОП-10 PSD шаблонов сайтов Π½Π° сайтС ThemeForest. ВсС ΡˆΠ°Π±Π»ΠΎΠ½Ρ‹ созданы Ρ‚Π°Π»Π°Π½Ρ‚Π»ΠΈΠ²Ρ‹ΠΌΠΈ Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Π°ΠΌΠΈ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΎΡ‚Π΄Π°Π»ΠΈ врСмя, Π·Π°Π±ΠΎΡ‚Ρƒ Π² ΠΏΡ€ΠΎΡ€Π°Π±ΠΎΡ‚ΠΊΡƒ ΠΊΠ°ΠΆΠ΄ΠΎΠΉ Π΄Π΅Ρ‚Π°Π»ΠΈ этих PSD Ρ„Π°ΠΉΠ»ΠΎΠ².

1. Cesis – комплСксный, ΠΌΠ½ΠΎΠ³ΠΎΡ†Π΅Π»Π΅Π²ΠΎΠΉ PSD шаблон сайта

Π›ΡƒΡ‡ΡˆΠΈΠΉ Π½Π°Π±ΠΎΡ€ PSD шаблонов 2016 Π³ΠΎΠ΄Π° с большим Π²Ρ‹Π±ΠΎΡ€ΠΎΠΌ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΉ. Набор ΠΈΠ· Π±ΠΎΠ»Π΅Π΅ Ρ‡Π΅ΠΌ 100 Π΄ΠΈΠ·Π°ΠΉΠ½ΠΎΠ² Π² Photoshop, ΠΌΠ°ΠΊΠ΅Ρ‚Ρ‹ чистыС ΠΈ ΠΎΡ‡Π΅Π½ΡŒ Π³ΠΈΠ±ΠΊΠΈΠ΅. ΠŸΠΎΡ‚Ρ€ΡΡΠ°ΡŽΡ‰ΠΈΠ΅ ΡˆΠ°Π±Π»ΠΎΠ½Ρ‹, ΠΏΠΎΠ΄ΠΎΠ³Π½Π°Π½ ΠΊΠ°ΠΆΠ΄Ρ‹ΠΉ пиксСль, Π² основС Π»Π΅ΠΆΠΈΡ‚ систСма сСток 1170px. Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ ΠΌΠ°ΠΊΠ΅Ρ‚Ρ‹ для создания сайта ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠΉ любого Ρ‚ΠΈΠΏΠ°: ΠΎΡ‚ Π±Π»ΠΎΠ³ΠΎΠ² ΠΎ ΠΌΠΎΠ΄Π΅ Π΄ΠΎ худоТСствСнного ΠΏΠΎΡ€Ρ‚Ρ„ΠΎΠ»ΠΈΠΎ ΠΈΠ»ΠΈ творчСского бизнСса.

2. OnePro – ΠΊΡ€Π΅Π°Ρ‚ΠΈΠ²Π½Ρ‹ΠΉ PSD шаблон сайта

One pro – чистый SPD шаблон сайта с популярным Π΄ΠΈΠ·Π°ΠΉΠ½ΠΎΠΌ. Π’ шаблонС ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ Ρ…ΠΎΡ€ΠΎΡˆΠ°Ρ систСма сСток, Ρ‡Ρ‚ΠΎ ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ для создания мноТСства Ρ€Π°Π·Π½Ρ‹Ρ… сайтов с Π»ΠΈΡ‡Π½Ρ‹ΠΌΠΈ страницами, ΠΌΠ°Π³Π°Π·ΠΈΠ½Π°ΠΌΠΈ ΠΈΠ»ΠΈ ΠΊΠΎΡ€ΠΏΠΎΡ€Π°Ρ‚ΠΈΠ²Π½Ρ‹ΠΌΠΈ Π±Π»ΠΎΠ³Π°ΠΌΠΈ. Π’ этом шаблонС ΠΌΠΈΠ½ΠΈΠΌΡƒΠΌ 55 логичСски скомпонованных PSD Ρ„Π°ΠΉΠ»ΠΎΠ². Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ эту Ρ‚Π΅ΠΌΡƒ для быстрого создания красивых сайтов.

3. Electro β€” PSD шаблон ΠΈΠ½Ρ‚Π΅Ρ€Π½Π΅Ρ‚-ΠΌΠ°Π³Π°Π·ΠΈΠ½Π° элСктроники

Electro – Π²Ρ‹ΡΠΎΠΊΠΎΡ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π»ΡŒΠ½Ρ‹ΠΉ Π½Π°Π±ΠΎΡ€ ΠΈΠ· 36 PSD шаблонов. Π¨Π°Π±Π»ΠΎΠ½ ΠΈΠΌΠ΅Π΅Ρ‚ чистый, свСтлый Π΄ΠΈΠ·Π°ΠΉΠ½, ΠΏΠΎΠ»Π½ΠΎΡΡ‚ΡŒΡŽ Π³ΠΎΡ‚ΠΎΠ²Ρ‹ΠΉ ΠΊ созданию Π·Π°ΠΌΠ΅Ρ‡Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎΠ³ΠΎ ΠΈΠ½Ρ‚Π΅Ρ€Π½Π΅Ρ‚-ΠΌΠ°Π³Π°Π·ΠΈΠ½Π° элСктроники. Π€Π°ΠΉΠ»Ρ‹ шаблона ΠΏΡ€ΠΎΡ„Π΅ΡΡΠΈΠΎΠ½Π°Π»ΡŒΠ½ΠΎ ΠΎΡ€Π³Π°Π½ΠΈΠ·ΠΎΠ²Π°Π½Ρ‹ ΠΈ Ρ€Π°Π·Π±ΠΈΡ‚Ρ‹ ΠΏΠΎ слоям Π½Π° Π³Ρ€ΡƒΠΏΠΏΡ‹ для упрощСния Ρ€Π°Π±ΠΎΡ‚Ρ‹. Π’Π°ΠΊΠΆΠ΅ Π² ΠΊΠΎΠΌΠΏΠ»Π΅ΠΊΡ‚Π΅ ΠΈΠ΄Π΅Ρ‚ Ρ‚Ρ€ΠΈ ΡƒΠ½ΠΈΠΊΠ°Π»ΡŒΠ½Ρ‹Ρ… Π΄ΠΎΠΌΠ°ΡˆΠ½ΠΈΡ… страницы ΠΈ 5 Ρ…Π΅Π΄Π΅Ρ€ΠΎΠ², ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΌΠΎΠΆΠ½ΠΎ ΠΊΠΎΠΌΠΏΠΎΠ½ΠΎΠ²Π°Ρ‚ΡŒ Π΄Ρ€ΡƒΠ³ с Π΄Ρ€ΡƒΠ³ΠΎΠΌ.

Π’Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½. Быстрый старт

Π˜Π·ΡƒΡ‡ΠΈΡ‚Π΅ курс ΠΈ ΡƒΠ·Π½Π°ΠΉΡ‚Π΅, ΠΊΠ°ΠΊ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ Π΄ΠΈΠ·Π°ΠΉΠ½ ΠΈ ΠΏΡ€ΠΎΡ‚ΠΎΠΏΠΈΠΏ сайта Π² Figma

Π£Π·Π½Π°Ρ‚ΡŒ ΠΏΠΎΠ΄Ρ€ΠΎΠ±Π½Π΅Π΅
4. Circle – ΡƒΠ½ΠΈΠΊΠ°Π»ΡŒΠ½Ρ‹ΠΉ PSD шаблон сайта

Circle – PSD шаблон сайта, с ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΌ Π² ΠΊΠΎΠΌΠΏΠ»Π΅ΠΊΡ‚Π΅ ΠΈΠ΄ΡƒΡ‚ Π·Π°ΠΌΠ΅Ρ‡Π°Ρ‚Π΅Π»ΡŒΠ½Ρ‹ΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½Ρ‹. Π’Ρ‹ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚Π΅ 173 PSD Ρ„Π°ΠΉΠ»Π°, Ρ€Π°Π·Π±ΠΈΡ‚Ρ‹Ρ… Π½Π° слои, Π° Ρ‚Π°ΠΊΠΆΠ΅ мноТСство Π΄ΠΈΠ·Π°ΠΉΠ½ΠΎΠ². Π­Ρ‚ΠΎ соврСмСнный, чистый ΠΈ ΠΏΡ€ΠΎΡ„Π΅ΡΡΠΈΠΎΠ½Π°Π»ΡŒΠ½Ρ‹ΠΉ Π½Π°Π±ΠΎΡ€ Π²Π΅Π±-страниц, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΌΠΎΠΆΠ½ΠΎ ΠΏΠΎΠ΄ΡΡ‚Ρ€ΠΎΠΈΡ‚ΡŒ ΠΏΠΎΠ΄ Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Π΅ ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠΈ. Π’ основС Π΄ΠΈΠ·Π°ΠΉΠ½ΠΎΠ² Π»Π΅ΠΆΠΈΡ‚ систСма сСток, Ρ‡Ρ‚ΠΎ с Π»Π΅Π³ΠΊΠΎΡΡ‚ΡŒΡŽ позволяСт ΠΊΠΎΠ½Π²Π΅Ρ€Ρ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Photoshop Ρ„Π°ΠΉΠ»Ρ‹ ΠΏΠΎΠ΄ Π»ΡŽΠ±ΡƒΡŽ CMS.

5. Agora – ΡƒΠ΄ΠΈΠ²ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹ΠΉ PSD шаблон для eCommerce

Agora – соврСмСнный, свСтлый ΠΈ ΠΊΡ€Π΅Π°Ρ‚ΠΈΠ²Π½Ρ‹ΠΉ eCommerce шаблон. Если Π²Ρ‹ Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ этот Π½Π°Π±ΠΎΡ€ Π΄ΠΈΠ·Π°ΠΉΠ½ΠΎΠ², ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΠΈ ΠΏΠΎΠ»ΡŽΠ±ΡΡ‚ ваш сайт. Π‘Π°ΠΉΡ‚ даст ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡΠΌ красивый ΠΈ ΡƒΠ½ΠΈΠΊΠ°Π»ΡŒΠ½Ρ‹ΠΉ ΠΎΠΏΡ‹Ρ‚. PSD ΡˆΠ°Π±Π»ΠΎΠ½Ρ‹ Π²Ρ‹ΠΏΠΎΠ»Π½Π΅Π½Ρ‹ Π² спортивном стилС, ΠΎΠ΄Π½Π°ΠΊΠΎ ΠΈΡ… ΠΌΠΎΠΆΠ½ΠΎ Π°Π΄Π°ΠΏΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΠΏΠΎΠ΄ ΠΏΡ€ΠΎΠ΄Π°ΠΆΡƒ Ρ‡Π΅Π³ΠΎ ΡƒΠ³ΠΎΠ΄Π½ΠΎ. Π’ ΠΊΠΎΠΌΠΏΠ»Π΅ΠΊΡ‚ Π²Ρ…ΠΎΠ΄ΠΈΡ‚ 14 убийствСнных Π΄ΠΈΠ·Π°ΠΉΠ½ΠΎΠ² ΠΈ 6 графичСских слайдСров!

6. The Spectre – шаблон сайта для агСнтств

Spectre – соврСмСнный, плоский шаблон для агСнтств. Π”ΠΈΠ·Π°ΠΉΠ½ чистый с 12 Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½Ρ‹ΠΌΠΈ страницами ΠΈ Π±Π»ΠΎΠΊΠ°ΠΌΠΈ Ρ‚Π΅ΠΌ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΌΠΎΠΆΠ½ΠΎ ΡΠΌΠ΅ΡˆΠΈΠ²Π°Ρ‚ΡŒ, ΠΊΠ°ΠΊ ΡƒΠ³ΠΎΠ΄Π½ΠΎ. ΠœΠ½ΠΎΠΆΠ΅ΡΡ‚Π²ΠΎ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΉ Π² Π΄ΠΈΠ·Π°ΠΉΠ½Π΅, ΡΡ‚ΠΈΠ»ΡŒΠ½Ρ‹Π΅ строчныС ΠΈΠΊΠΎΠ½ΠΊΠΈ, Π²Π΅ΠΊΡ‚ΠΎΡ€Π½Ρ‹Π΅ Ρ„ΠΎΡ€ΠΌΡ‹, ΠΏΡ€ΠΈΠ²Π»Π΅ΠΊΠ°Ρ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ UI элСмСнты: ΠΏΡ€ΠΎΡ„ΠΈΠ»ΠΈ, броскиС Ρ†ΠΈΡ‚Π°Ρ‚Ρ‹ ΠΈ Π²ΠΈΡ‚Ρ€ΠΈΠ½Π½Ρ‹Π΅ изобраТСния. Π¨Π°Π±Π»ΠΎΠ½ Π·Π°Ρ‚ΠΎΡ‡Π΅Π½ ΠΏΠΎΠ΄ Bootstrap с 12 ΠΊΠΎΠ»ΠΎΠ½ΠΊΠ°ΠΌΠΈ ΠΈ ΡˆΠΈΡ€ΠΈΠ½ΠΎΠΉ Π² 1170px. Π­Ρ‚ΠΎ Ρ…ΠΎΡ€ΠΎΡˆΠΎ спроСктированный, ΠΏΡ€ΠΈΠ²Π»Π΅ΠΊΠ°Ρ‚Π΅Π»ΡŒΠ½Ρ‹ΠΉ Π½Π°Π±ΠΎΡ€ PSD Ρ„Π°ΠΉΠ»ΠΎΠ², ΠΏΠΎΠ»Π½ΠΎΡΡ‚ΡŒΡŽ Π³ΠΎΡ‚ΠΎΠ²Ρ‹Ρ… ΠΊ использованию Π² вашСм ΡΠ»Π΅Π΄ΡƒΡŽΡ‰Π΅ΠΌ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅.

7. Experts β€” PSD шаблон для бизнСса ΠΈ финансов

Если Π²Ρ‹ ΠΈΡ‰ΠΈΡ‚Π΅ ΠΎΠ΄ΠΈΠ½ ΠΈΠ· Π»ΡƒΡ‡ΡˆΠΈΡ… шаблонов для своСго Π½ΠΎΠ²ΠΎΠ³ΠΎ финансового сайта, Experts – ΠΎΡ‚Π»ΠΈΡ‡Π½Ρ‹ΠΉ Π²Ρ‹Π±ΠΎΡ€. Π’ ΠΊΠΎΠΌΠΏΠ»Π΅ΠΊΡ‚Π΅ ΠΈΠ΄Π΅Ρ‚ 55 PSD Ρ„Π°ΠΉΠ»ΠΎΠ², мноТСство Π΄ΠΈΠ·Π°ΠΉΠ½ΠΎΠ² домашнСй страницы, Π° Ρ‚Π°ΠΊΠΆΠ΅ ΡƒΠ½ΠΈΠΊΠ°Π»ΡŒΠ½Ρ‹Π΅ страницы, Π½Π° ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… ΠΌΠΎΠΆΠ½ΠΎ Ρ€Π°Π·ΠΌΠ΅ΡΡ‚ΠΈΡ‚ΡŒ Ρ†Π΅Π½Ρ‹, ΠΎΡ‚Π·Ρ‹Π²Ρ‹, свои услуги ΠΈ Ρ‚. Π΄.

Π­Ρ‚ΠΎΡ‚ шаблон – ΠΊΠΎΡΡ‚ΡŽΠΌ ΠΈ галстук для вашСго бизнСса. Π¨Π°Π±Π»ΠΎΠ½ спроСктирован для ΡŽΡ€ΠΈΡΠΏΡ€ΡƒΠ΄Π΅Π½Ρ†ΠΈΠΈ, финансовых ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠΉ, инвСстиционных Ρ„ΠΈΡ€ΠΌ, Π±ΡƒΡ…Π³Π°Π»Ρ‚Π΅Ρ€ΠΎΠ² ΠΈ любого Π΄Ρ€ΡƒΠ³ΠΎΠ³ΠΎ Π²ΠΈΠ΄Π° ΠΏΡ€ΠΎΡ„Π΅ΡΡΠΈΠΎΠ½Π°Π»ΡŒΠ½ΠΎΠΉ Π΄Π΅ΡΡ‚Π΅Π»ΡŒΠ½ΠΎΡΡ‚ΠΈ. На Π²Ρ‹Π±ΠΎΡ€ прСдставлСн 21 Ρ…Π΅Π΄Π΅Ρ€, мноТСство Ρ„ΡƒΡ‚Π΅Ρ€ΠΎΠ² ΠΈ идСально ΠΏΠΎΠ΄ΠΎΠ³Π½Π°Π½Π½Ρ‹Ρ… ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚ΠΎΠ², Π° Ρ‚Π°ΠΊΠΆΠ΅ настраиваСмыС сСкции.

8. Begge – соврСмСнный PSD шаблон ΠΌΠ°Π³Π°Π·ΠΈΠ½Π° ΠΌΠΎΠ΄Π½ΠΎΠΉ ΠΎΠ΄Π΅ΠΆΠ΄Ρ‹

Если Π²Ρ‹ Π² этом Π³ΠΎΠ΄Ρƒ поставили сСбС Ρ†Π΅Π»ΡŒ Π·Π°ΠΏΡƒΡΡ‚ΠΈΡ‚ΡŒ ΠΈΠ½Ρ‚Π΅Ρ€Π½Π΅Ρ‚-ΠΌΠ°Π³Π°Π·ΠΈΠ½ ΠΈΠΌΠ΅Π½Π½ΠΎ Π² области ΠΌΠΎΠ΄Π½ΠΎΠΉ ΠΎΠ΄Π΅ΠΆΠ΄Ρ‹, этот шаблон сдСлан ΡΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½ΠΎ для вас. ΠžΠΏΡ‚ΠΈΠΌΠ°Π»ΡŒΠ½Ρ‹ΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΏΠ΅Ρ€Π²Ρ‹ΠΌ Π΄Π΅Π»ΠΎΠΌ ΠΏΠΎΠΊΠ°Π·Ρ‹Π²Π°Π΅Ρ‚ ваши Ρ‚ΠΎΠ²Π°Ρ€Ρ‹ ΠΈ изобраТСния.

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

9. Digital Agency – Π¨Π°Π±Π»ΠΎΠ½ для SEO/ΠΌΠ°Ρ€ΠΊΠ΅Ρ‚ΠΈΠ½Π³Π°

Digital Agency – PSD шаблон сайта для SEO ΠΈ Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Ρ… агСнтств. Π’ основС Π»Π΅ΠΆΠΈΡ‚ material design, ΠΏΠ΅Ρ€Π΅ΠΌΠ΅ΡˆΠΈΠ²Π°ΡŽΡ‰ΠΈΠΉ чистыС UI элСмСнты с яркими Ρ†Π²Π΅Ρ‚Π°ΠΌΠΈ. Он Ρ‚Π°ΠΊ ΠΈ ΠΆΠ΄Π΅Ρ‚, ΠΊΠΎΠ³Π΄Π° Π²Ρ‹ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚Π΅ свои Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΈ ΠΈ Π³Ρ€Π°Ρ„ΠΈΠΊΡƒ ΠΏΠ΅Ρ€Π΅Π΄ пСрСносом Π½Π° сайт. На Π²Ρ‹Π±ΠΎΡ€ ΠΌΠΎΠΆΠ½ΠΎ ΠΈΠ»ΠΈ ΠΊΡƒΠΏΠΈΡ‚ΡŒ PSD Ρ„Π°ΠΉΠ», ΠΈΠ»ΠΈ приобрСсти WordPress Π²Π΅Ρ€ΡΠΈΡŽ с ΠΊΠΎΠ΄ΠΎΠΌ, встроСнным Bootstrap 3 ΠΈ мноТСством Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΉ.

10. Volter – ΠšΡ€Π΅Π°Ρ‚ΠΈΠ²Π½Ρ‹ΠΉ шаблон сайта (PSD)

ΠšΡ€Π΅Π°Ρ‚ΠΈΠ²Π½Ρ‹ΠΉ PSD шаблон сайта с Π½Π΅ΠΎΠ±Ρ‹Ρ‡Π½Ρ‹ΠΌ стилСм Π΄ΠΈΠ·Π°ΠΉΠ½Π°. Volter создан для ΠΏΠΎΠΊΠ°Π·Π° ΠΏΠΎΡ€Ρ‚Ρ„ΠΎΠ»ΠΈΠΎ, дСмонстрации Π²Π°ΡˆΠΈΡ… красивых ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ ΠΈ привлСчСния Π½ΠΎΠ²Ρ‹Ρ… посСтитСлСй своим Π½Π΅ΠΎΠ±Ρ‹Ρ‡Π½Ρ‹ΠΌ ΡˆΡ€ΠΈΡ„Ρ‚ΠΎΠΌ. Π—Π΄Π΅ΡΡŒ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΏΠΎΠΊΠ°Π·Π°Ρ‚ΡŒ свою Ρ€Π°Π±ΠΎΡ‚Ρƒ, ΠΎΠΏΠΈΡΠ°Ρ‚ΡŒ свои услуги, Π° Ρ‚Π°ΠΊΠΆΠ΅ Ρ€Π°ΡΡΠΊΠ°Π·Π°Ρ‚ΡŒ Π½ΠΎΠ²Ρ‹ΠΌ ΠΊΠ»ΠΈΠ΅Π½Ρ‚Π°ΠΌ, ΠΏΠΎΡ‡Π΅ΠΌΡƒ ΠΎΠ½ΠΈ Π΄ΠΎΠ»ΠΆΠ½Ρ‹ Π½Π°Π½ΡΡ‚ΡŒ ΠΈΠΌΠ΅Π½Π½ΠΎ вас.

Π€Π°ΠΉΠ» PSD ΠΈΠΌΠ΅Π΅Ρ‚ высокоС Ρ€Π°Π·Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅ ΠΈ основан Π½Π° Bootstrap сСткС 1170px, с Π½ΠΈΠΌ ΠΎΡ‡Π΅Π½ΡŒ Π»Π΅Π³ΠΊΠΎ Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ. Π›ΡƒΡ‡ΡˆΠΈΠΉ шаблон ΠΏΠΎΠ»Π½ΠΎΡΡ‚ΡŒΡŽ Π³ΠΎΡ‚ΠΎΠ² ΠΊ Ρ€Π°Π±ΠΎΡ‚Π΅, Π·Π°Π±ΠΈΡ€Π°ΠΉΡ‚Π΅ ΠΈ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΈΡ€ΡƒΠΉΡ‚Π΅ ΡƒΠ½ΠΈΠΊΠ°Π»ΡŒΠ½Ρ‹Π΅ сайты!

Π—Π°Π±ΠΈΡ€Π°ΠΉΡ‚Π΅ Π½ΠΎΠ²Ρ‹Π΅ ΡˆΠ°Π±Π»ΠΎΠ½Ρ‹ (PSD) сайтов!

ΠžΡ‚ΠΊΡ€ΠΎΠΉΡ‚Π΅ для сСбя сотни ΠΏΡ€ΠΎΡ„Π΅ΡΡΠΈΠΎΠ½Π°Π»ΡŒΠ½Ρ‹Ρ… PSD шаблонов, созданных Ρ‚Π°Π»Π°Π½Ρ‚Π»ΠΈΠ²Ρ‹ΠΌΠΈ Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Π°ΠΌΠΈ Π½Π° ThemeForest. Или Ссли Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ ΡΠΊΠ°Ρ‡ΠΈΠ²Π°Ρ‚ΡŒ мноТСство Photoshop шаблонов, Ρ‚Π΅ΠΌ ΠΈ Π½Π°Π±ΠΎΡ€ΠΎΠ² Π³Ρ€Π°Ρ„ΠΈΠΊΠΈ Π½Π° Π±ΠΎΠ»Π΅Π΅ рСгулярной основС, Π·Π°Ρ…ΠΎΠ΄ΠΈΡ‚Π΅ Π½Π° Envato Elements, Π³Π΄Π΅ Π²Ρ‹ смоТСтС ΡΠΊΠ°Ρ‡ΠΈΠ²Π°Ρ‚ΡŒ ΠΈ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ мноТСство качСствСнных Ρ„Π°ΠΉΠ»ΠΎΠ² Π±Π΅Π· ΠΎΠ³Ρ€Π°Π½ΠΈΡ‡Π΅Π½ΠΈΠΉ Π·Π° ΠΎΠ΄Π½ΠΎΡ€Π°Π·ΠΎΠ²ΡƒΡŽ ΠΌΠ΅ΡΡΡ‡Π½ΡƒΡŽ ΠΏΠ»Π°Ρ‚Ρƒ.

Автор: Sean Hodge

Π˜ΡΡ‚ΠΎΡ‡Π½ΠΈΠΊ: //business.tutsplus.com/

РСдакция: Команда webformyself.

Π’Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½. Быстрый старт

Π˜Π·ΡƒΡ‡ΠΈΡ‚Π΅ курс ΠΈ ΡƒΠ·Π½Π°ΠΉΡ‚Π΅, ΠΊΠ°ΠΊ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ Π΄ΠΈΠ·Π°ΠΉΠ½ ΠΈ ΠΏΡ€ΠΎΡ‚ΠΎΠΏΠΈΠΏ сайта Π² Figma

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

Π’Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½. Быстрый старт

Π˜Π·ΡƒΡ‡ΠΈΡ‚Π΅ курс ΠΈ ΡƒΠ·Π½Π°ΠΉΡ‚Π΅, ΠΊΠ°ΠΊ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ Π΄ΠΈΠ·Π°ΠΉΠ½ ΠΈ ΠΏΡ€ΠΎΡ‚ΠΎΠΏΠΈΠΏ сайта Π² Figma!

Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ Π²ΠΈΠ΄Π΅ΠΎ

Как быстро ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ ΠΌΠ°ΠΊΠ΅Ρ‚ сайта

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

Π‘Π°ΠΉΡ‚ начинаСтся с прототипа

Π˜Ρ‚Π°ΠΊ, Π½Π°ΠΌ Π½ΡƒΠΆΠ½ΠΎ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ ΠΌΠ°ΠΊΠ΅Ρ‚ сайта. Π‘ΡƒΠΌΠ°Π³Π° ΠΈΒ Ρ€ΡƒΡ‡ΠΊΠ°Β β€” это, ΠΊΠΎΠ½Π΅Ρ‡Π½ΠΎ, Π·Π΄ΠΎΡ€ΠΎΠ²ΠΎ, Π½ΠΎΒ Ρ…ΠΎΡ‚Π΅Π»ΠΎΡΡŒΒ Π±Ρ‹ ΠΊΠ°ΠΊ-Ρ‚ΠΎ побыстрСС ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒ Π³ΠΎΡ‚ΠΎΠ²Ρ‹ΠΉ Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚. ΠšΒ Ρ‚ΠΎΠΌΡƒΒ ΠΆΠ΅, Π½Π°Β Π±ΡƒΠΌΠ°Π³Π΅ нСльзя ΠΏΡ€ΠΎΡ‡ΡƒΠ²ΡΡ‚Π²ΠΎΠ²Π°Ρ‚ΡŒ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΈΠΉ ΠΎΠΏΡ‹Ρ‚, Ρ‚Π°ΠΊ Π½Π°Π·Ρ‹Π²Π°Π΅ΠΌΡ‹ΠΉ UI/UX. Π­Ρ‚ΠΎ ΠΊΠΎΠ³Π΄Π° понятно, понравится ли ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡΠΌ сайт, ΡƒΠ΄ΠΎΠ±Π½ΠΎΒ Π»ΠΈ ΠΈΠΌΒ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒΡΡ, всС ли элСмСнты ΠΏΠΎΠ΄ Ρ€ΡƒΠΊΠΎΠΉ и всС Π²Β Ρ‚Π°ΠΊΠΎΠΌ Π΄ΡƒΡ…Π΅. Π§Π΅ΠΌ Π΅Ρ‰Π΅ Ρ…ΠΎΡ€ΠΎΡˆ ΠΏΡ€ΠΎΡ‚ΠΎΡ‚ΠΈΠΏ сайта:

  • Π›Π΅Π³ΠΊΠΎ Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½ΠΎ ΡƒΠΏΡ€ΠΎΡΡ‚ΠΈΡ‚ΡŒ ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚, ΡƒΠ²ΠΈΠ΄Π΅Ρ‚ΡŒ всю ΠΊΠ°Ρ€Ρ‚ΠΈΠ½Ρƒ Ρ†Π΅Π»ΠΈΠΊΠΎΠΌ и сразу ΡƒΠ±Ρ€Π°Ρ‚ΡŒ лишнСС, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡƒΠ±Π΅Π΄ΠΈΡ‚ΡŒΡΡ в стопроцСнтной работоспособности ΠΎΡΡ‚Π°Π²ΡˆΠ΅Π³ΠΎΡΡ. Π‘Π΅Π· ΠΏΡ€ΠΎΡ‚ΠΎΡ‚ΠΈΠΏΠ° ΠΏΡ€ΠΈΡˆΠ»ΠΎΡΡŒΒ Π±Ρ‹ ΠΎΠΏΠΈΡΡ‹Π²Π°Ρ‚ΡŒ всС ΠΈΠ΄Π΅ΠΈ словами ΠΈΠ»ΠΈ Ρ‡Π΅Ρ€Ρ‚ΠΈΡ‚ΡŒ ΠΈΡ…Β Π½Π°Β Π±ΡƒΠΌΠ°Π³Π΅.
  • Π’Ρ‹Β ΠΊΠΎΠ½Ρ†Π΅Π½Ρ‚Ρ€ΠΈΡ€ΡƒΠ΅Ρ‚Π΅ΡΡŒ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ на сути сайта, Π½Π΅Β ΠΎΡ‚Π²Π»Π΅ΠΊΠ°ΡΡΡŒ Π½Π°Β ΠΌΠ΅Π»ΠΊΠΈΠ΅ Π΄Π΅Ρ‚Π°Π»ΠΈ.
  • Π‘Β Ρ…ΠΎΡ€ΠΎΡˆΠΈΠΌ ΠΏΡ€ΠΎΡ‚ΠΎΡ‚ΠΈΠΏΠΎΠΌ ΠΌΠΎΠΆΠ΅Ρ‚ Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ Π΄Π°ΠΆΠ΅ Π΄Π°Π»Π΅ΠΊΠΈΠΉ ΠΎΡ‚Β Π΄ΠΈΠ·Π°ΠΉΠ½Π° Ρ‡Π΅Π»ΠΎΠ²Π΅ΠΊ.
  • МоТно ΡΠ»Π΅ΠΏΠΈΡ‚ΡŒ ΠΏΡ€ΠΎΡ‚ΠΎΡ‚ΠΈΠΏ из кусков, позаимствованных с других сайтов.

Б пользой прототипирования ΠΎΠΏΡ€Π΅Π΄Π΅Π»ΠΈΠ»ΠΈΡΡŒ, двигаСмся дальшС, к инструмСнтам, ΠΆΠ΅Π»Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ бСсплатным.

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

ΠœΡ‹Β Π²Π½ΠΈΠΌΠ°Ρ‚Π΅Π»ΡŒΠ½ΠΎ ΠΈΠ·ΡƒΡ‡ΠΈΠ»ΠΈ ΡΠ΅Ρ‚ΡŒ ΠΈΒ Π²ΠΎΡ‚ ΠΊΒ ΠΊΠ°ΠΊΠΎΠΌΡƒ Π²Ρ‹Π²ΠΎΠ΄Ρƒ ΠΏΡ€ΠΈΡˆΠ»ΠΈ: бСсплатныС инструмСнты Π΅ΡΡ‚ΡŒ, Ρ‡Ρ‚ΠΎ Π½Π΅Β ΠΌΠΎΠΆΠ΅Ρ‚ Π½Π΅Β Ρ€Π°Π΄ΠΎΠ²Π°Ρ‚ΡŒ, но большая ΠΈΡ…Β Ρ‡Π°ΡΡ‚ΡŒΒ β€” на английском языкС.

Если вы с ним Π½Π΅Β Π΄Ρ€ΡƒΠΆΠΈΡ‚Π΅, Π±ΡƒΠ΄Π΅Ρ‚ довольно Ρ‚Ρ€ΡƒΠ΄Π½ΠΎ ΠΏΠΎΠ³Ρ€ΡƒΠ·ΠΈΡ‚ΡŒΡΡ Π²Β ΠΏΡ€Π΅Π΄ΠΌΠ΅Ρ‚. Если инструмСнты на нашСм Ρ€ΠΎΠ΄Π½ΠΎΠΌ языкС Π΅ΡΡ‚ΡŒ в сСти, Π±ΡƒΠ΄ΡŒΡ‚Π΅ Π»ΡŽΠ±Π΅Π·Π½Ρ‹, Π΄Π°ΠΉΡ‚Π΅ Π½Π°ΠΌ Π·Π½Π°Ρ‚ΡŒ в коммСнтариях. Π›ΡŽΠ±ΠΎΠΏΡ‹Ρ‚Π½ΠΎΒ ΠΆΠ΅.

Π‘ΠΎΠ·Π΄Π°Ρ‚ΡŒ ΠΌΠ°ΠΊΠ΅Ρ‚ сайта бСсплатно ΠΏΠΎΠΌΠΎΠΆΠ΅Ρ‚, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, wireframe.cc. ΠžΠ½Β ΠΌΠΈΠ½ΠΈΠΌΠ°Π»ΠΈΡΡ‚ΠΈΡ‡Π΅Π½ и прост в использовании: ΠΊΠ»ΠΈΠΊΠ°Π΅Ρ‚Π΅ ΠΌΡ‹ΡˆΠΊΠΎΠΉ, тянСтС ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊΒ β€” и создаСтС Π½ΡƒΠΆΠ½Ρ‹ΠΉ элСмСнт. На бСсплатном Ρ‚Π°Ρ€ΠΈΡ„Π΅ шаблонов ΠΌΠ°Π»ΠΎ, ΠΌΠΎΠΆΠ½ΠΎ на сСмь Π΄Π½Π΅ΠΉ Π²ΠΎΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒΡΡ прСимущСствами ΠΏΠ»Π°Ρ‚Π½ΠΎΠ³ΠΎ Ρ‚Π°Ρ€ΠΈΡ„Π°.

БСрвис Wires Π΅Ρ‰Π΅ ΠΏΡ€ΠΎΡ‰Π΅Β β€” ΠΏΡ€Π°Π²Π΄Π°, сначала придСтся Π·Π°Ρ€Π΅Π³ΠΈΡΡ‚Ρ€ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒΡΡ. В бСсплатном Ρ€Π΅ΠΆΠΈΠΌΠ΅ ΠΌΠΎΠΆΠ½ΠΎ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ Ρ‚Ρ€ΠΈ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π°Β β€” это ΠΎΡ‡Π΅Π½ΡŒ ΠΌΠ½ΠΎΠ³ΠΎ ΠΏΠΎΒ ΡΡ€Π°Π²Π½Π΅Π½ΠΈΡŽ со всСми Π΄Ρ€ΡƒΠ³ΠΈΠΌΠΈ инструмСнтами. БСсплатная Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΠ°, Π²ΠΏΠΎΠ»Π½Π΅ ΠΎΠΆΠΈΠ΄Π°Π΅ΠΌΠΎ, минимальна.

БСрвис InVision App, судя ΠΏΠΎΒ ΠΎΡ‚Π·Ρ‹Π²Π°ΠΌ, довольно ΠΌΠΎΡ‰Π½Ρ‹ΠΉΒ β€” ΠΏΠΈΡˆΡƒΡ‚, Ρ‡Ρ‚ΠΎ Π³ΠΎΡ‚ΠΎΠ²Ρ‹ΠΉ ΠΏΡ€ΠΎΡ‚ΠΎΡ‚ΠΈΠΏ получаСтся Π½Π°ΡΡ‚ΠΎΠ»ΡŒΠΊΠΎ Ρ…ΠΎΡ€ΠΎΡˆΠΈΠΌ, Ρ‡Ρ‚ΠΎ Π³ΠΎΡ‚ΠΎΠ² к вСрсткС. ΠžΠ±Π»Π°Ρ‡Π½Ρ‹ΠΉ сСрвис в основном ΠΎΡ€ΠΈΠ΅Π½Ρ‚ΠΈΡ€ΠΎΠ²Π°Π½ на созданиС ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Ρ… ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ, Ρ‡Ρ‚ΠΎ, Π²Β ΠΎΠ±Ρ‰Π΅ΠΌ-Ρ‚ΠΎ, Ρ‚ΠΎΠΆΠ΅ Π°ΠΊΡ‚ΡƒΠ°Π»ΡŒΠ½ΠΎ.

БСрвис Moqups ΠΏΡ€Π΅Π΄Π»Π°Π³Π°Π΅Ρ‚ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡΠΌ бСсплатный Ρ‚Π°Ρ€ΠΈΡ„, ΠΏΠΎΒ ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΌΡƒ ΠΌΠΎΠΆΠ½ΠΎ Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ с одним ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΎΠΌ ΠΈΒ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π΄ΠΎΒ 300 элСмСнтов. Если Π²Ρ‹Β Π½Π΅Β ΠΏΠ»Π°Π½ΠΈΡ€ΡƒΠ΅Ρ‚Π΅ ΠΎΠ±ΠΎΠΉΡ‚ΠΈ по популярности Apple, этого количСства Π²ΠΏΠΎΠ»Π½Π΅ ΠΌΠΎΠΆΠ΅Ρ‚ Ρ…Π²Π°Ρ‚ΠΈΡ‚ΡŒ.

РСзюмС: к плюсам сСрвисов ΠΌΠΎΠΆΠ½ΠΎ отнСсти простоту ΠΈΡ…Β ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Π½ΠΈΡΒ β€” Π½Π΅Β Π½ΡƒΠΆΠ½ΠΎ ΠΎΠ±Π»Π°Π΄Π°Ρ‚ΡŒ Π½Π°Π²Ρ‹ΠΊΠ°ΠΌΠΈ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Π°, Ρ‡Ρ‚ΠΎΠ±Ρ‹ во всСм Ρ€Π°Π·ΠΎΠ±Ρ€Π°Ρ‚ΡŒΡΡ. ΠœΠΈΠ½ΡƒΡΡ‹Β β€” Π½ΡƒΠΆΠ΅Π½ язык Π½Π°Β Π±ΠΎΠ»Π΅Π΅-ΠΌΠ΅Π½Π΅Π΅ ΠΏΡ€ΠΈΠ»ΠΈΡ‡Π½ΠΎΠΌ ΡƒΡ€ΠΎΠ²Π½Π΅ ΠΈΠ»ΠΈ ΠΈΠ½Ρ‚ΡƒΠΈΡ‚ΠΈΠ²Π½ΠΎΠ΅ ΠΏΠΎΠ½ΠΈΠΌΠ°Π½ΠΈΠ΅ вопроса (Ρ‚Π°ΠΊΠΎΠ΅ Ρ‚ΠΎΠΆΠ΅ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎ). БСсплатныС Ρ‚Π°Ρ€ΠΈΡ„Ρ‹ ΠΏΡ€Π΅Π΄Π»Π°Π³Π°ΡŽΡ‚ усСчСнный Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π», Π½ΠΎΒ Π½Π°Β ΠΏΠ΅Ρ€Π²Ρ‹Ρ… ΠΏΠΎΡ€Π°Ρ…, в качСствС Β«ΠΏΡ€ΠΎΠ±Ρ‹ ΠΏΠ΅Ρ€Π°Β» этого Π²ΠΏΠΎΠ»Π½Π΅ Ρ…Π²Π°Ρ‚ΠΈΡ‚. Π”Π΅Ρ€Π·Π°ΠΉΡ‚Π΅, ΠΏΡ€ΠΎΠ±ΡƒΠΉΡ‚Π΅ свои силы!

Π¨Π°Π±Π»ΠΎΠ½ сайта Π²Β Photoshop

Π¨Π°Π±Π»ΠΎΠ½ сайта ΠΌΠΎΠΆΠ½ΠΎ Π½Π°Ρ€ΠΈΡΠΎΠ²Π°Ρ‚ΡŒ и в популярной дизайнСрской ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ΅. ΠŸΡ€Π°Π²Π΄Π°, Π»ΡŽΠ±ΠΈΠΌΡ‹ΠΉ всСми Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Π°ΠΌΠΈ ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚ в России нС распространяСтся for freeΒ β€” придСтся ΠΊΡƒΠΏΠΈΡ‚ΡŒ ΠΏΠ°ΠΊΠ΅Ρ‚. И, чСстно говоря, Ρ‚Ρ€ΡƒΠ΄Π½ΠΎ ΡΠΊΠ°Π·Π°Ρ‚ΡŒ, Ρ‡Ρ‚ΠΎ Π»Π΅Π³Ρ‡Π΅Β β€” Ρ€Π°Π·ΠΎΠ±Ρ€Π°Ρ‚ΡŒΡΡ Π²Β Β«Ρ„ΠΎΡ‚ΠΎΡˆΠΎΠΏΠ΅Β» ΠΈΠ»ΠΈ Π²Ρ‹ΡƒΡ‡ΠΈΡ‚ΡŒ английский, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ с заграничными сСрвисами. ВсС эти Β«Π²Ρ‹Ρ€Π΅Π·Π°Ρ‚ΡŒΒ», Β«Π²ΡΡ‚Π°Π²ΠΈΡ‚ΡŒΒ», Β«Π½Π°Π»ΠΎΠΆΠΈΡ‚ΡŒ слой» ΠΈΒ ΠΏΡ€ΠΎΡ‡Π΅Π΅Β β€” для ΠΊΠΎΠ³ΠΎ-Ρ‚ΠΎ ΠΌΠΎΠ³ΡƒΡ‚ ΠΎΠΊΠ°Π·Π°Ρ‚ΡŒΡΡ слишком слоТными.

Π¨Π°Π±Π»ΠΎΠ½ на сайтС-конструкторС

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

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

Как ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ шаблон Π² Ρ„ΠΎΡ‚ΠΎΡˆΠΎΠΏΠ΅. β€” Π Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠ° сайтов

Π­Ρ‚ΠΎΡ‚ вопрос интСрСсуСт ΠΌΠ½ΠΎΠ³ΠΈΡ… Π½Π°Ρ‡ΠΈΠ½Π°ΡŽΡ‰ΠΈΡ… Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ΠΎΠ². На ΠΏΠΎΠΌΠΎΡ‰ΡŒ Π’Π°ΠΌ ΠΌΠΎΠΆΠ΅Ρ‚ ΠΏΡ€ΠΈΠ΄Ρ‚ΠΈ Divine β€” бСсплатный ΠΏΠ»Π°Π³ΠΈΠ½ для Photoshop, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ позволяСт ΠΈΠ· Ρ„Π°ΠΉΠ»Π° *.psd ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ шаблон для WordPress.
Π‘ΠΊΠ°Ρ‡Π°Ρ‚ΡŒ ΠΌΠΎΠΆΠ½ΠΎ с ΠΎΡ„ΠΈΡ†ΠΈΠ°Π»ΡŒΠ½ΠΎΠ³ΠΎ сайта: www. divine-project.com/download
Π˜Π½ΡΡ‚Ρ€ΡƒΠΊΡ†ΠΈΡ:
1. ЗапуститС установочный Ρ„Π°ΠΉΠ» Divine_setup.exe. Π’ появившСмся ΠΎΠΊΠ½Π΅ Π²ΠΈΠ·Π°Ρ€Π΄Π° ΠΆΠΌΠΈΡ‚Π΅ Β«Π”Π°Π»Π΅Π΅Β»:


Π”Π°Π»ΡŒΠ½Π΅ΠΉΡˆΠ°Ρ установка Ρ‚Π°ΠΊ ΠΆΠ΅ Π½Π΅ отличаСтся ΠΎΡ‚ стандартной (Π²Ρ‹Π±ΠΈΡ€Π°Π΅Ρ‚Π΅ ΠΏΠ°ΠΏΠΊΡƒ ΠΈ Π·Π°Π²Π΅Ρ€ΡˆΠ°Π΅Ρ‚Π΅ установку)
2. ПослС Π·Π°Π²Π΅Ρ€ΡˆΠ΅Π½ΠΈΡ установки откроСтся ΠΎΠΊΠ½ΠΎ привСтствия ΠΏΠ»Π°Π³ΠΈΠ½Π° Divine, ΠΈΠ· Π½Π΅Π³ΠΎ ΠΌΠΎΠΆΠ½ΠΎ Π½Π°Ρ‡Π°Ρ‚ΡŒ Ρ€Π°Π±ΠΎΡ‚Ρƒ с Π·Π°Π³ΠΎΡ‚ΠΎΠ²Π»Π΅Π½Π½Ρ‹ΠΌ шаблоном Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ psd.

3. Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ простого шаблона для CMS WordPress:
ΠžΡ‚ΠΊΡ€ΠΎΠΉΡ‚Π΅ ΠΏΠΎΠ΄Π³ΠΎΡ‚ΠΎΠ²Π»Π΅Π½Π½Ρ‹ΠΉ Π’Π°ΠΌΠΈ шаблон, Ρ‡Π΅Ρ€Π΅Π· мСню ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹ Photoshop. ПослС Ρ‚ΠΎΠ³ΠΎ ΠΊΠ°ΠΊ шаблон загрузится запуститС установлСнный ΠΏΠ»Π°Π³ΠΈΠ½: β€œFile > Automate > Divine”.

Окно ΠΏΠ»Π°Π³ΠΈΠ½Π° ΠΈΠΌΠ΅Π΅Ρ‚ нСсколько Π²Π°ΠΆΠ½Ρ‹Ρ… для Ρ€Π°Π±ΠΎΡ‚Ρ‹ областСй: Π’Π΅Ρ€Ρ…Π½Π΅Π΅ мСню,Β  Рабочая ΠΎΠ±Π»Π°ΡΡ‚ΡŒ ΠΈ ПанСль свойств элСмСнтов. Π’ мСню ΠΌΠΎΠΆΠ½ΠΎ ΠΏΠ΅Ρ€Π΅ΠΊΠ»ΡŽΡ‡ΠΈΡ‚ΡŒ язык Π½Π° Русский, Ссли Π² Π½Ρ‘ΠΌ Π’Π°ΠΌ ΡƒΠ΄ΠΎΠ±Π½Π΅Π΅ Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ (Divine > Language). Π’ Ρ€Π°Π±ΠΎΡ‡Π΅ΠΉ области отобраТаСтся страница, с ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΉ Π’Ρ‹ Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚Π΅.

Π”Π°Π»Π΅Π΅ Π½Π°ΠΌ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ Π½Π°Π·Π½Π°Ρ‡ΠΈΡ‚ΡŒ ΠΏΡ€Π°Π²ΠΈΠ»Π° для основных элСмСнтов шаблона. ΠžΠ±Ρ‹Ρ‡Π½ΠΎ это: Header(Π¨Π°ΠΏΠΊΠ°), Sidebar, Post(Основной ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚), Footer (Подвал сайта). Для CMS WordPress Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎ Ρ€Π°Π·Π±ΠΈΠ΅Π½ΠΈΠ΅ этой Ρ‡Π΅Ρ‚Π²Ρ‘Ρ€ΠΊΠΈ Π½Π° Π±ΠΎΠ»Π΅Π΅ ΠΌΠ΅Π»ΠΊΠΈΠ΅ ΡΠΎΡΡ‚Π°Π²Π»ΡΡŽΡ‰ΠΈΠ΅, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, Π² Sidebar ΠΌΠΎΠΆΠ½ΠΎ Π²Ρ‹Π΄Π΅Π»ΠΈΡ‚ΡŒ:

  • Form text field(ВСкстовоС ΠΏΠΎΠ»Π΅ для Π€ΠΎΡ€ΠΌΡ‹),
  • Form β€œSubmit” button (Кнопка Ρ„ΠΎΡ€ΠΌΡ‹),
  • Sidebar caption (Π—Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ сайдбара),
  • Sidebar link (ссылка β€” ΠΎΠ±Ρ‹Ρ‡Π½ΠΎ ΠΏΡƒΠ½ΠΊΡ‚ мСню),
  • Sidebar text (тСкстовый Π±Π»ΠΎΠΊ).

Π”ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ ΠΊ элСмСнту Post Π²Ρ‹Π΄Π΅Π»ΡΡŽΡ‚ΡΡ:

  • Post main title (Π—Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ ΡΡ‚Π°Ρ‚ΡŒΠΈ),
  • Post date (Π”Π°Ρ‚Π° ΠΏΡƒΠ±Π»ΠΈΠΊΠ°Ρ†ΠΈΠΈ),
  • Post Author (Ник ΠΈΠ»ΠΈ имя Π°Π²Ρ‚ΠΎΡ€Π°),
  • Post text (Основной тСкст),
  • Number of comments (количСство ΠΊΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠ΅Π²),
  • Comments link (Бсылка Π½Π° ΠΊΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠΈ),
  • Read more (Π§ΠΈΡ‚Π°Ρ‚ΡŒ Π΄Π°Π»Π΅Π΅),
  • Comment response (ΠžΡ‚Π²Π΅Ρ‚ Π½Π° ΠΊΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠΉ),
  • Previous comments link (Бсылка Π½Π° ΠΏΡ€Π΅Π΄Ρ‹Π΄ΡƒΡ‰ΡƒΡŽ страницу с коммСнтариями),
  • Next comments link (Бсылка Π½Π° ΡΠ»Π΅Π΄ΡƒΡŽΡƒΡ‰ΡƒΡŽ страницу с коммСнтариями),
  • Comment author (Автор коммСнтария),
  • Comment date (Π”Π°Ρ‚Π° коммСнтария),
  • Comment text (ВСкст коммСнтария)

Если Π’Π°ΠΌ Π½Π΅ Ρ…Π²Π°Ρ‚ΠΈΠ»ΠΎ стандартных элСмСнтов, ΠΌΠΎΠΆΠ½ΠΎ Π½Π°Π·Π½Π°Ρ‡ΠΈΡ‚ΡŒ ΠΈ свои. Для создания Π½ΠΎΠ²ΠΎΠ³ΠΎ ΠΏΡ€Π°Π²ΠΈΠ»Π°, Π²Ρ‹Π΄Π΅Π»ΠΈΡ‚Π΅ Ρ‚Ρ€Π΅Π±ΡƒΠ΅ΠΌΡ‹ΠΉ элСмСнт, Π²Ρ‹Π·ΠΎΠ²ΠΈΡ‚Π΅ контСкстноС мСню ΠΈ Π²Ρ‹Π±Π΅Ρ€Π΅Ρ‚Π΅ ΠΏΡƒΠ½ΠΊΡ‚ Β«UserItemΒ»:

ПанСль Element Properties, отобраТённая Π½Π° рисункС Π²Ρ‹ΡˆΠ΅ доступна слСва ΠΎΡ‚ Ρ€Π°Π±ΠΎΡ‡Π΅ΠΉ области Π² ΠΏΠ°Π½Π΅Π»ΠΈ элСмСнтов. На Π½Π΅ΠΉ ΠΎΡ‚Ρ€Π°ΠΆΠ°ΡŽΡ‚ΡΡ всС создаваСмыС Π²Π°ΠΌΠΈ элСмСнты ΠΈ слои. ΠŸΡ€ΠΈ Π²Ρ‹Π±ΠΎΡ€Π΅ элСмСнта Π² ΠΏΠ°Π½Π΅Π»ΠΈ, ΠΎΠ½ автоматичСски подсвСчиваСтся Π² Ρ€Π°Π±ΠΎΡ‡Π΅ΠΉ области.

Для ΠΏΡƒΠ±Π»ΠΈΠΊΠ°Ρ†ΠΈΠΈ шаблона Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ Π½Π°ΠΆΠ°Ρ‚ΡŒ Β«PublishΒ» Π² ΠΏΠ°Π½Π΅Π»ΠΈ мСню.

ΠŸΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅Ρ‚ΡΡ Π΄Π²Π° Ρ€Π΅ΠΆΠΈΠΌΠ° ΠΏΡƒΠ±Π»ΠΈΠΊΠ°Ρ†ΠΈΠΈ: нСпосрСдствСнно Π½Π° хостинг ΠΈ Π½Π° Π»ΠΎΠΊΠ°Π»ΡŒΠ½Ρ‹ΠΉ ΠΊΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€. Π§Ρ‚ΠΎΠ±Ρ‹ Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ ΠΊΡƒΠ΄Π° ΡΠΎΡ…Ρ€Π°Π½ΠΈΡ‚ΡŒ Π’Π°Ρˆ шаблон Π²ΠΎΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ΡΡŒ мСню слСва (ΠΏΠΎΠ΄ ΠΊΠ½ΠΎΠΏΠΊΠΎΠΉ Publish)

Π’Ρ‘ΠΌΠ½Ρ‹ΠΉ Π³Ρ€Π°Π½ΠΆΠ΅Π²Ρ‹ΠΉ шаблон сайта Β· ΠœΠΈΡ€ Π€ΠΎΡ‚ΠΎΡˆΠΎΠΏΠ°

ΠšΠΎΠ½Π΅Ρ‡Π½Ρ‹ΠΉ Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚:

РСсурсы ΡƒΡ€ΠΎΠΊΠ°:

  • Π‘ΠΎΠ±ΠΎΡ€,
  • Π“Ρ€Π°Π½ΠΆΠ΅Π²Ρ‹Π΅ тСкстуры,
  • Π“Ρ€Π°Π½ΠΆΠ΅Π²Ρ‹Π΅ кисти.

Π¨Π°Π³ 1Β β€” Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π°

Π‘ΠΎΠ·Π΄Π°ΠΉΡ‚Π΅ Π½ΠΎΠ²Ρ‹ΠΉ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚ с ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Π°ΠΌΠΈ, ΠΏΠΎΠΊΠ°Π·Π°Π½Π½Ρ‹ΠΌΠΈ Π½ΠΈΠΆΠ΅. Π‘ΠΎΡ…Ρ€Π°Π½ΠΈΡ‚Π΅ Ρ„ΠΎΠ½ ΠΏΡ€ΠΎΠ·Ρ€Π°Ρ‡Π½Ρ‹ΠΌ.

Π¨Π°Π³ 2Β β€” Π€ΠΎΠ½

Π‘ΠΎΠ·Π΄Π°ΠΉΡ‚Π΅ Π½ΠΎΠ²Ρ‹ΠΉ слой (Ctrl + Shift + N). Π’ΡΡ‚Π°Π²ΡŒΡ‚Π΅ Π³Ρ€Π°Π½ΠΆΠ΅Π²ΡƒΡŽ тСкстуру.

Π― Π΄ΡƒΠΌΠ°ΡŽ, Π½ΡƒΠΆΠ½ΠΎ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ тСкстуру Ρ‚Π΅ΠΌΠ½Π΅Π΅. Π‘ΠΎΠ·Π΄Π°ΠΉΡ‚Π΅ Π½ΠΎΠ²Ρ‹ΠΉ слой (Ctrl + Shift + N) ΠΈ Π·Π°Π»Π΅ΠΉΡ‚Π΅ Π΅Π³ΠΎ Ρ‡Ρ‘Ρ€Π½Ρ‹ΠΌ Ρ†Π²Π΅Ρ‚ΠΎΠΌ. ΠŸΠΎΠ½ΠΈΠ·ΡŒΡ‚Π΅ Opacity слоя Π΄ΠΎ 75%.

Π¨Π°Π³ 3Β β€” Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ полос

Π’Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ инструмСнт Rectangle Tool (U) ΠΈ создайтС полоску Ρ†Π²Π΅Ρ‚ΠΎΠΌ #404040 Π² Π²Π΅Ρ€Ρ…Π½Π΅ΠΉ части холста.

ΠšΠ»ΠΈΠΊΠ½ΠΈΡ‚Π΅ Π΄Π²Π°ΠΆΠ΄Ρ‹ Π½Π° слоС с полоской, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚ΡŒ мСню стилСй. ΠŸΡ€ΠΈΠΌΠ΅Π½ΠΈΡ‚Π΅ Gradient Overlay.

Π”Π°Π»Π΅Π΅ ΠΏΡ€ΠΈΠΌΠ΅Π½ΠΈΡ‚Π΅ ΡΡ‚ΠΈΠ»ΡŒ Pattern Overlay.

Π‘Π»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠΉ ΡΡ‚ΠΈΠ»ΡŒΒ β€” Satin.

Π¨Π°Π³ 4Β β€” Π•Ρ‰Ρ‘ ΠΎΠ΄Π½Π° полоска

Π‘Π΄Π΅Π»Π°ΠΉΡ‚Π΅ Π΄Π²Π΅ ΠΊΠΎΠΏΠΈΠΈ слоя с Π²Π΅Ρ€Ρ…Π½Π΅ΠΉ полоской (Ctrl + J) ΠΈ опуститС ΠΈΡ… Π½ΠΈΠΆΠ΅.

Π¨Π°Π³ 5Β β€” МСню

Π˜Π½ΡΡ‚Ρ€ΡƒΠΌΠ΅Π½Ρ‚ΠΎΠΌ Rectangle Tool (U) создайтС ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊ Ρ†Π²Π΅Ρ‚ΠΎΠΌ #faf6c6.

АктивируйтС инструмСнт Free Transform (Ctrl + T) ΠΈ ΠΊΠ»ΠΈΠΊΠ½ΠΈΡ‚Π΅ Π½Π° ΠΈΠΊΠΎΠ½ΠΊΠ΅ Ρ€Π΅ΠΆΠΈΠΌΠ° Π΄Π΅Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΈ Π½Π° Π²Π΅Ρ€Ρ…Π½Π΅ΠΉ ΠΏΠ°Π½Π΅Π»ΠΈ.

РастянитС Π»Π΅Π²Ρ‹Π΅ ΡƒΠ³Π»Ρ‹ ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊΠ°.

Π¨Π°Π³ 6Β β€” ГранТСвая тСкстура

Π˜ΠΌΠΏΠΎΡ€Ρ‚ΠΈΡ€ΡƒΠΉΡ‚Π΅ Π³Ρ€Π°Π½ΠΆΠ΅Π²Ρ‹Π΅ кисти, Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ инструмСнт Eraser Tool (E) ΠΈ ΠΏΡ€ΠΈ ΠΏΠΎΠΌΠΎΡ‰ΠΈ этих кистСй ΠΏΠΎΠ΄ΠΎΡ‚Ρ€ΠΈΡ‚Π΅ ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊ.=

Π¨Π°Π³ 7Β β€” НавигационныС ссылки

Π˜Π½ΡΡ‚Ρ€ΡƒΠΌΠ΅Π½Ρ‚ΠΎΠΌ Horizontal Type Tool (T) Π½Π°ΠΏΠΈΡˆΠΈΡ‚Π΅ названия раздСлов. Π¦Π²Π΅Ρ‚ Ρ€Π°Π·Π΄Π΅Π»Π° Β«Home» — #7b2e00, Ρ†Π²Π΅Ρ‚ ΠΎΡΡ‚Π°Π»ΡŒΠ½Ρ‹Ρ… Ρ€Π°Π·Π΄Π΅Π»ΠΎΠ²Β β€” #737266.

Π¨Π°Π³ 8Β β€” ΠžΠ±Π»Π°ΡΡ‚ΡŒ ΠΈΠ·Π±Ρ€Π°Π½Π½ΠΎΠ³ΠΎ

Π˜Π½ΡΡ‚Ρ€ΡƒΠΌΠ΅Π½Ρ‚ΠΎΠΌ Rectangle Tool (U) создайтС Ρ‡Ρ‘Ρ€Π½Ρ‹ΠΉ ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊ ΠΏΠΎΠ΄ Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΎΠ½Π½Ρ‹ΠΌ мСню. ΠŸΠΎΠ½ΠΈΠ·ΡŒΡ‚Π΅ Opacity слоя Π΄ΠΎ 75%.

Π¨Π°Π³ 9Β β€” Π€ΠΎΠ½ области ΠΈΠ·Π±Ρ€Π°Π½Π½ΠΎΠ³ΠΎ

Π‘ΠΎΠ·Π΄Π°ΠΉΡ‚Π΅ Π΅Ρ‰Ρ‘ ΠΎΠ΄ΠΈΠ½ ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊ Ρ†Π²Π΅Ρ‚ΠΎΠΌ #141414 мСньшСго Ρ€Π°Π·ΠΌΠ΅Ρ€Π° Π²Π½ΡƒΡ‚Ρ€ΠΈ ΠΏΡ€Π΅Π΄Ρ‹Π΄ΡƒΡ‰Π΅Π³ΠΎ.

Π¨Π°Π³ 10Β β€” Π“Ρ€Π°Π½ΠΆΠ΅Π²Ρ‹ΠΉ эффСкт

ΠŸΡ€ΠΈ ΠΏΠΎΠΌΠΎΡ‰ΠΈ ластика ΠΈ Π³Ρ€Π°Π½ΠΆΠ΅Π²Ρ‹Ρ… кистСй ΠΏΠΎΠ΄ΠΎΡ‚Ρ€ΠΈΡ‚Π΅ края ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊΠ°.

Π¨Π°Π³ 11Β β€” Π”ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΠ΅ изобраТСния

Π’ΡΡ‚Π°Π²ΡŒΡ‚Π΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π² Ρ†Π΅Π½Ρ‚Ρ€ ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊΠ°. ΠŸΡ€ΠΈΠΌΠ΅Π½ΠΈΡ‚Π΅ ΠΊ Π½Π΅ΠΌΡƒ ΡΡ‚ΠΈΠ»ΡŒ Outer Glow: #311b11.

Π¨Π°Π³ 12Β β€” Π”ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΠ΅ тСкста

Π‘ΠΎΠ·Π΄Π°ΠΉΡ‚Π΅ ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊ Π² Π½ΠΈΠΆΠ½Π΅ΠΉ части изобраТСния Ρ†Π²Π΅Ρ‚ΠΎΠΌ #3e3e3e. ΠŸΠΎΠ½ΠΈΠ·ΡŒΡ‚Π΅ Π΅Π³ΠΎ Opacity Π΄ΠΎ 60%. Π—Π°Ρ‚Π΅ΠΌ Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ инструмСнт Horizontal Type Tool (T) ΠΈ Π½Π°ΠΏΠΈΡˆΠΈΡ‚Π΅ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ Ρ†Π²Π΅Ρ‚ΠΎΠΌ #faf6c6. Π¦Π²Π΅Ρ‚ ΠΎΡΡ‚Π°Π»ΡŒΠ½ΠΎΠ³ΠΎ тСкста — Π±Π΅Π»Ρ‹ΠΉ.

Π¨Π°Π³ 13Β β€” Π˜Π½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΎΠ½Π½Ρ‹Π΅ Π±Π»ΠΎΠΊΠΈ

Π‘ΠΎΠ·Π΄Π°ΠΉΡ‚Π΅ ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊ Ρ†Π²Π΅Ρ‚ΠΎΠΌ #4c4b4b. ΠŸΠΎΠ½ΠΈΠ·ΡŒΡ‚Π΅ Opacity этого слоя Π΄ΠΎ 60%.

Ластиком ΠΏΠΎΠ΄ΠΎΡ‚Ρ€ΠΈΡ‚Π΅ края ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊΠ°.

Π‘ΠΎΠ·Π΄Π°ΠΉΡ‚Π΅ Π³ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΡŒΠ½Ρ‹ΠΉ ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊ Π² Π²Π΅Ρ€Ρ…Π½Π΅ΠΉ части Π±Π»ΠΎΠΊΠ° Ρ†Π²Π΅Ρ‚ΠΎΠΌ #671101. ΠŸΠΎΠ½ΠΈΠ·ΡŒΡ‚Π΅ Opacity этого слоя Π΄ΠΎ 50%.

Π—Π°ΠΏΠΎΠ»Π½ΠΈΡ‚Π΅ Π±Π»ΠΎΠΊ тСкстом. Π¦Π²Π΅Ρ‚ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ°Β β€” #faf6c6, Ρ†Π²Π΅Ρ‚ тСкста — Π±Π΅Π»Ρ‹ΠΉ. ΠŸΠΎΠ΄ΠΎΠ±Π½Ρ‹ΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ создайтС Π΅Ρ‰Ρ‘ Π΄Π²Π° Π±Π»ΠΎΠΊΠ°. ΠœΠΎΠΆΠ΅Ρ‚Π΅ просто ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ ΠΊΠΎΠΏΠΈΠΈ слоёв ΠΈ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ тСкст.

БСйчас создадим ΠΊΠ½ΠΎΠΏΠΊΡƒ Π² ΡƒΠ³Π»Ρƒ Π±Π»ΠΎΠΊΠΎΠ². Π’Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ инструмСнт Ellipse Tool (U) ΠΈ создайтС малСнький ΠΊΡ€ΡƒΠ³ Ρ‡Ρ‘Ρ€Π½ΠΎΠ³ΠΎ Ρ†Π²Π΅Ρ‚Π°. Π—Π°Ρ‚Π΅ΠΌ инструмСнтом Pen Tool (P) нарисуйтС Ρ‚Ρ€Π΅ΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊ Ρ†Π²Π΅Ρ‚ΠΎΠΌ #6c2b0b Π²Π½ΡƒΡ‚Ρ€ΠΈ ΠΊΡ€ΡƒΠ³Π°.

Π¨Π°Π³ 14Β β€” Π€ΡƒΡ‚Π΅Ρ€

Под ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΎΠ½Π½Ρ‹ΠΌΠΈ Π±Π»ΠΎΠΊΠ°ΠΌΠΈ создайтС ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊ Ρ†Π²Π΅Ρ‚ΠΎΠΌ #682808. ΠŸΠΎΠ½ΠΈΠ·ΡŒΡ‚Π΅ Opacity Π΄ΠΎ 40% ΠΈ ΠΏΠΎΠ΄ΠΎΡ‚Ρ€ΠΈΡ‚Π΅ края ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊΠ° Π³Ρ€Π°Π½ΠΆΠ΅Π²Ρ‹ΠΌΠΈ кистями.

ВСкстовым инструмСнтом Π½Π°ΠΏΠΈΡˆΠΈΡ‚Π΅ всю Π½ΡƒΠΆΠ½ΡƒΡŽ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΡŽ. ΠšΡ€ΡƒΠ³ΠΈ слСва ΠΎΡ‚ надписСй создайтС ΠΏΡ€ΠΈ ΠΏΠΎΠΌΠΎΡ‰ΠΈ Тёсткой кисти. Π¦Π²Π΅Ρ‚Π°: #682808, #000000 ΠΈ #ffffff.

Π‘ΠΎΠ·Π΄Π°ΠΉΡ‚Π΅ Π΅Ρ‰Ρ‘ Ρ‚Ρ€ΠΈ строчки ΠΈ ΡΠ΄Π²ΠΈΠ½ΡŒΡ‚Π΅ всё это Π²ΠΏΡ€Π°Π²ΠΎ. Π‘Π»Π΅Π²Π° Π΄ΠΎΠ±Π°Π²ΡŒΡ‚Π΅ ΠΈΠΊΠΎΠ½ΠΊΠΈ ΡΠΎΡ†ΠΈΠ°Π»ΡŒΠ½Ρ‹Ρ… сСтСй.

Π”ΠΎΠ±Π°Π²ΡŒΡ‚Π΅ тСкст ΠΎ ΠΊΠΎΠΏΠΈΡ€Π°ΠΉΡ‚Π΅ ΠΈ названия Ρ€Π°Π·Π΄Π΅Π»ΠΎΠ². ΠœΠ΅ΠΆΠ΄Ρƒ Ρ€Π°Π·Π΄Π΅Π»Π°ΠΌΠΈ создайтС Π»ΠΈΠ½ΠΈΠΈ Ρ†Π²Π΅Ρ‚ΠΎΠΌ #682808. Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ инструмСнт Line Tool (U).

Π¨Π°Π³ 15Β β€” Π—Π°ΠΊΠ»ΡŽΡ‡ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹ΠΉ

Π’ ΠΏΡ€Π°Π²ΠΎΠΌ Π²Π΅Ρ€Ρ…Π½Π΅ΠΌ ΡƒΠ³Π»Ρƒ ΠΌΠΎΠΆΠ½ΠΎ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ тСкстовый Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏ Π² Π³Ρ€Π°Π½ΠΆΠ΅Π²ΠΎΠΌ стилС. Π’Π°ΠΊΠΆΠ΅ я Π΄ΠΎΠ±Π°Π²ΠΈΠ» нСбольшой ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊ (Π»ΠΈΠΏΡƒΡ‡ΠΊΡƒ) ΠΏΡ€ΠΈ ΠΏΠΎΠΌΠΎΡ‰ΠΈ инструмСнта Rectangle Tool (U). Π¦Π²Π΅Ρ‚Β β€” #faf6c6. Π•Π³ΠΎ края Ρ‚Π°ΠΊΠΆΠ΅ Π½ΡƒΠΆΠ½ΠΎ ΠΏΠΎΠ΄Ρ‚Π΅Ρ€Π΅Ρ‚ΡŒ Π³Ρ€Π°Π½ΠΆΠ΅Π²Ρ‹ΠΌΠΈ кистями. Opacity этого слоя — 70%.

ΠšΠΎΠ½Π΅Ρ‡Π½Ρ‹ΠΉ Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚:

Вопрос: Как ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ шаблон Photoshop? — ΠšΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€Ρ‹ ΠΈ элСктроника

Π‘ΠΎΠ΄Π΅Ρ€ΠΆΠ°Π½ΠΈΠ΅ ΡΡ‚Π°Ρ‚ΡŒΠΈ:

Β 

Как Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ свои Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΈ Π² psd-шаблон

Π’ΠΈΠ΄Π΅ΠΎ взято с ΠΊΠ°Π½Π°Π»Π°: АлСксСй ΠšΡƒΠ·ΡŒΠΌΠΈΡ‡Π΅Π²


Β 

Как ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ шаблон для WordPress ΠΈΠ· PSD ΠœΠ°ΠΊΠ΅Ρ‚Π° #1. Π£Ρ€ΠΎΠΊΠΈ программирования ΠΏΠΎΠ΄ WordPress.

Π’ΠΈΠ΄Π΅ΠΎ взято с ΠΊΠ°Π½Π°Π»Π°: Π‘Ρ‹Ρ‚ΡŒ ΠŸΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠΈΡΡ‚ΠΎΠΌ


Β 

Π‘ΠΎΠ·Π΄Π°Π΅ΠΌ ΡˆΠ°Π±Π»ΠΎΠ½Ρ‹ для инстаграм Π² psd Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ Π² ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ΅ Photoshop. 4 Π¨Π°Π±Π»ΠΎΠ½Π° для Π±Π°Π½Π½Π΅Ρ€ΠΎΠ² ΠΈ постов

Π’ΠΈΠ΄Π΅ΠΎ взято с ΠΊΠ°Π½Π°Π»Π°: Π‘Π΅Ρ€Π³Π΅ΠΉ Нуйкин


Β 

Как ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ шаблон Ρ„ΠΎΡ‚ΠΎ 3Ρ…4 Π½Π° Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Ρ‹ Π² Ρ„ΠΎΡ‚ΠΎΡˆΠΎΠΏΠ΅

Π’ΠΈΠ΄Π΅ΠΎ взято с ΠΊΠ°Π½Π°Π»Π°: Π€ΠΎΡ‚ΠΎΡˆΠΎΠΏΠ΅Ρ€ ΡƒΡ€ΠΎΠΊΠΈ Ρ„ΠΎΡ‚ΠΎΡˆΠΎΠΏΠ°


Β 

Π¨ΠΠ‘Π›ΠžΠ Π”Π›Π― Π˜ΠΠ‘Π’ΠΠ“Π ΠΠœ Π’ Π€ΠžΠ’ΠžΠ¨ΠžΠŸΠ•

Π’ΠΈΠ΄Π΅ΠΎ взято с ΠΊΠ°Π½Π°Π»Π°: Π’ΠΈΡ‚Π°Π»ΠΈΠΉ ΠœΠ΅Π½Ρ‡ΡƒΠΊΠΎΠ²ΡΠΊΠΈΠΉ


Β 

КАК Π Π•Π”ΠΠšΠ’Π˜Π ΠžΠ’ΠΠ’Π¬ Π“ΠžΠ’ΠžΠ’Π«Π™ Π¨ΠΠ‘Π›ΠžΠ Π’ PHOTOSHOP? (Π“ΠΎΡ‚ΠΎΠ²ΠΎΠ΅ ΠΏΡ€Π΅Π²ΡŒΡŽ, готовая шапка, Π°Π²Π°Ρ‚Π°Ρ€ΠΊΠ°, Π±Π°Π½Π½Π΅Ρ€)

Π’ΠΈΠ΄Π΅ΠΎ взято с ΠΊΠ°Π½Π°Π»Π°: FS Design


Β 

Π”ΠΈΠ·Π°ΠΉΠ½ Π‘Π°ΠΉΡ‚Π° Π² Photoshop (Как Π½Π°Ρ€ΠΈΡΠΎΠ²Π°Ρ‚ΡŒ?) Π£Ρ€ΠΎΠΊ ΠΏΠΎ Π¨Π°Π³Π°ΠΌ.

ΠŸΠΎΠΊΠ°Π·Π°Ρ‚ΡŒ описаниС

БСсплатно ΡƒΡ‡ΠΈΡΡŒ Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Ρƒ – https://goo.gl/JS7aEn.
Π”ΠΈΠ·Π°ΠΉΠ½ сайта Π² Π€ΠΎΡ‚ΠΎΡˆΠΎΠΏΠ΅ (Photoshop) ΠΏΠΎ шагам..
Photoshop графичСский Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€, ΠΎΠ±Π»Π°Π΄Π°ΡŽΡ‰ΠΈΠΉ ΠΎΠ³Ρ€ΠΎΠΌΠ½Ρ‹ΠΌΠΈ возмоТностями. Π‘ Π΅Π³ΠΎ ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΠΌΠΎΠΆΠ½ΠΎ Π½Π°Ρ€ΠΈΡΠΎΠ²Π°Ρ‚ΡŒ ΠΎΡ€ΠΈΠ³ΠΈΠ½Π°Π»ΡŒΠ½Ρ‹ΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½ сайта, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΏΠΎΡ€Π°Π·ΠΈΡ‚ Π·Π°ΠΊΠ°Π·Ρ‡ΠΈΠΊΠ°. Как это ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ, Π²Ρ‹ ΠΈ ΡƒΠ·Π½Π°Π΅Ρ‚Π΅ Π² этом ΡƒΡ€ΠΎΠΊΠ΅ ΠΏΠΎΠ΄ Π½Π°Π·Π²Π°Π½ΠΈΠ΅ΠΌ β€œΠ”ΠΈΠ·Π°ΠΉΠ½ сайта Π² Π€ΠΎΡ‚ΠΎΡˆΠΎΠΏΠ΅ (Photoshop)”..
Π‘ΠΎ ΠΌΠ½ΠΎΠΉ Π²Ρ‹ смоТСтС ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ сайт с нуля Π·Π° 60 ΠΌΠΈΠ½ΡƒΡ‚. Π­Ρ‚ΠΎ Π²ΠΈΠ΄Π΅ΠΎ Π΄Π΅Ρ‚Π°Π»ΡŒΠ½Π°Ρ обзорная экскурсия ΠΏΠΎ настройкС Ρ€Π°Π±ΠΎΡ‡Π΅ΠΉ области ΠΈ ΠΈΠ·ΡƒΡ‡Π΅Π½ΠΈΡŽ всСх Π±Π°Π·ΠΎΠ²Ρ‹Ρ… инструмСнтов, Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΡ‹Ρ… для быстрого старта..
Оно ΠΏΠΎΠΌΠΎΠ³Π°Π΅Ρ‚ быстро ΠΎΡΠ²ΠΎΠΈΡ‚ΡŒ Ρ€Π°Π±ΠΎΡ‚Ρƒ с Ρ„ΠΈΠ³ΡƒΡ€Π°ΠΌΠΈ, тСкстом ΠΈ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ°ΠΌΠΈ, манипуляциСй, экспортом ΠΈ горячими клавишами. Визуализация всСго процСсса ΠΈ понятныС ΠΊΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠΈ Π΄Π°ΡŽΡ‚ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ с ΠΏΠ΅Ρ€Π²ΠΎΠ³ΠΎ Ρ€Π°Π·Π° ΡƒΡΠ²ΠΎΠΈΡ‚ΡŒ Π½ΠΎΠ²ΡƒΡŽ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΡŽ..
ВовсС Π½Π΅ ΠΎΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ Π³ΠΎΠ΄Π°ΠΌΠΈ ΠΈΠ·ΡƒΡ‡Π°Ρ‚ΡŒ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΈ графичСского Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π°. МоТно быстро ΠΎΡΠ²ΠΎΠΈΡ‚ΡŒ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡƒ ΠΈ Π½Π°Ρ‡Π°Ρ‚ΡŒ ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ интСрСсныС ΠΏΡ€ΠΎΡ„Π΅ΡΡΠΈΠΎΠ½Π°Π»ΡŒΠ½Ρ‹Π΅ сайты! Π―, Максим Π‘ΠΎΠ»Π΄Π°Ρ‚ΠΊΠΈΠ½, ΠΏΠΎΠΊΠ°ΠΆΡƒ, ΠΊΠ°ΠΊ это ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΠΎ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ..
Π£Ρ€ΠΎΠΊ β€œΠ”ΠΈΠ·Π°ΠΉΠ½ Π² Π€ΠΎΡ‚ΠΎΡˆΠΎΠΏΠ΅ ΠΏΠΎ ΡˆΠ°Π³Π°ΠΌβ€ ΠΏΡ€Π΅Π΄Π½Π°Π·Π½Π°Ρ‡Π΅Π½ ΡΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½ΠΎ для Π½ΠΎΠ²ΠΈΡ‡ΠΊΠΎΠ², ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… интСрСсуСт быстрый старт Π² ΠΏΡ€ΠΎΡ„Π΅ΡΡΠΈΡŽ. Π’Ρ‹ ΡƒΠ΄ΠΈΠ²ΠΈΡ‚Π΅ΡΡŒ, ΠΊΠ°ΠΊ всС элСмСнтарно!
Π”ΠΈΠ·Π°ΠΉΠ½ сайта Π² Photoshop Π·Π° 60 ΠΌΠΈΠ½ΡƒΡ‚ с нуля просто! Π’ΠΊΠ»ΡŽΡ‡ΠΈΡ‚Π΅ ΠΌΠΎΠ΅ Π²ΠΈΠ΄Π΅ΠΎ ΠΈ ΡƒΠ±Π΅Π΄ΠΈΡ‚Π΅ΡΡŒ Π² этом сами!
1:03 Настройка Ρ€Π°Π±ΠΎΡ‡Π΅ΠΉ области.
1:46 Настройка ΠΌΠ°ΠΊΠ΅Ρ‚Π°.
2:25 Π€ΠΈΠ³ΡƒΡ€Ρ‹.
2:45 Врансформация.
3:25 ΠŸΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊ со скруглСнными ΡƒΠ³Π»Π°ΠΌΠΈ.
4:02 Π’Ρ‹Π΄Π΅Π»Π΅Π½ΠΈΠ΅, ΠΏΠ΅Ρ€Π΅ΠΌΠ΅Ρ‰Π΅Π½ΠΈΠ΅.
4:29 ΠšΠΎΠΏΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅.
5:03 ΠŸΡ€ΠΎΠ·Ρ€Π°Ρ‡Π½ΠΎΡΡ‚ΡŒ.
5:28 ВСкст.
6:46 Π’Ρ‹Ρ€Π°Π²Π½ΠΈΠ²Π°Π½ΠΈΠ΅.
7:31 Π“Ρ€ΡƒΠΏΠΏΡ‹ слоСв.
7:57 Π¦Π²Π΅Ρ‚.
8:54 ΠšΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ ΠΈ смарт-ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Ρ‹.
10:25 Маски.
11:44 ΠΠ°ΠΏΡ€Π°Π²Π»ΡΡŽΡ‰ΠΈΠ΅.
13:47 ГорячиС клавиши.
15:15 ΠŸΡ€ΠΈΠΌΠ΅Ρ€ Ρ€Π°Π±ΠΎΡ‚Ρ‹ (ΠΏΡ€Π°ΠΊΡ‚ΠΈΠΊΠ°).
Π”ΠΈΠ·Π°ΠΉΠ½ Π‘Π°ΠΉΡ‚Π° Π² Photoshop 2018 (Как Π½Π°Ρ€ΠΈΡΠΎΠ²Π°Ρ‚ΡŒ?) https://youtu.be/FZ6S6DEYp-s.
Адаптивный Π”ΠΈΠ·Π°ΠΉΠ½ Π‘Π°ΠΉΡ‚Π° (ΠžΡΠΎΠ±Π΅Π½Π½ΠΎΡΡ‚ΠΈ Боздания) 2018 https://youtu.be/_T16-4paQI.
Π£Ρ€ΠΎΠΊΠΈ Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π° с нуля для Π½Π°Ρ‡ΠΈΠ½Π°ΡŽΡ‰ΠΈΡ… https://www.youtube.com/watch?v=9j_tf0bJE4w&list=PLettrGtkBMerDELB4Qcd-5oJ3Ib324mu4.
Π‘Π»ΠΎΠ³ ΠΎ Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅ ΠΈ интСрфСйсах – http://maximsoldatkin.com.
Π― Π’ΠΊΠΎΠ½Ρ‚Π°ΠΊΡ‚Π΅ – https://vk.com/maximsoldatkin.
Мой Instagram https://www.instagram.com/maximsoldatkin/.
БСсплатный курс http://maximsoldatkin.com/web-design/.
ДвухмСсячный курс с ΠΎΠ±Ρ€Π°Ρ‚Π½ΠΎΠΉ связью ΠΈ трудоустройством
http://maximsoldatkin.com/designer/.
Π’Πš: ДвухмСсячный курс с ΠΎΠ±Ρ€Π°Ρ‚Π½ΠΎΠΉ связью ΠΈ трудоустройством https://vk.com/dpng.designer2

Π’ΠΈΠ΄Π΅ΠΎ взято с ΠΊΠ°Π½Π°Π»Π°: Π¨ΠΊΠΎΠ»Π° Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π° Максима Π‘ΠΎΠ»Π΄Π°Ρ‚ΠΊΠΈΠ½Π°


Π¨Π°Π±Π»ΠΎΠ½ сайта Π² Π€ΠΎΡ‚ΠΎΡˆΠΎΠΏ — Π£Ρ€ΠΎΠΊΠΈ Π€ΠΎΡ‚ΠΎΡˆΠΎΠΏ

Π’ этом ΡƒΡ€ΠΎΠΊΠ΅ Π²Ρ‹ ΡƒΠ·Π½Π°Π΅Ρ‚Π΅ ΠΊΠ°ΠΊ совсСм нСслоТно ΠΌΠΎΠΆΠ½ΠΎ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ шаблон сайта с ΠΏΡ€ΠΎΠ·Ρ€Π°Ρ‡Π½Ρ‹ΠΌΠΈ ΠΊΠ½ΠΎΠΏΠΊΠ°ΠΌΠΈ Π² графичСском Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π΅ Photoshop .

Π€ΠΈΠ½Π°Π»ΡŒΠ½Ρ‹ΠΉ Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚:

НачнСм наш ΡƒΡ€ΠΎΠΊ с создания Π½ΠΎΠ²ΠΎΠ³ΠΎ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π° Ρ€Π°Π·ΠΌΠ΅Ρ€ΠΎΠΌ 960 x 900 пиксСлСй. Π― установил Ρ†Π²Π΅Ρ‚ ΠΏΠ΅Ρ€Π΅Π΄Π½Π΅Π³ΠΎ ΠΏΠ»Π°Π½Π° #141414, Π·Π°Ρ‚Π΅ΠΌ, взяв инструмСнтPaint Bucket Tool(Π—Π°Π»ΠΈΠ²ΠΊΠ°), ΠΊΠ»ΠΈΠΊΠ½ΡƒΠ» ΠΎΠ΄ΠΈΠ½ Ρ€Π°Π· ΠΏΠΎ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΡŽ. Π― взял инструмСнт Brush Tool(ΠšΠΈΡΡ‚ΡŒ), ΠΈ, Π²Ρ‹Π±Ρ€Π°Π² ΠΌΡΠ³ΠΊΡƒΡŽ ΠΊΡ€ΡƒΠ³Π»ΡƒΡŽ ΠΊΠΈΡΡ‚ΡŒ, нарисовал Π½Π° Π½ΠΎΠ²ΠΎΠΌ слоС Ρ‚Ρ€ΠΈ большиС Ρ‚ΠΎΡ‡ΠΊΠΈ Π½Π° ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΈ, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠ΅ Ρ†Π²Π΅Ρ‚Π°: #a864a8, #ed1c24, #662d91.

ΠžΠ±Ρ€Π°Ρ‚ΠΈΡ‚Π΅ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅, Ρ‡Ρ‚ΠΎ Ρ€Π°Π·ΠΌΠ΅Ρ€ кисти Π½ΡƒΠΆΠ½ΠΎ Π²Π·ΡΡ‚ΡŒ 600 пиксСлСй.

Π—Π°Ρ‚Π΅ΠΌ Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Π² мСню Ρ„ΠΈΠ»ΡŒΡ‚Ρ€ Filter — Noise — Add noise (Π€ΠΈΠ»ΡŒΡ‚Ρ€-Π¨ΡƒΠΌ-Π”ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ ΡˆΡƒΠΌ).

Π― использовал ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠ΅ ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Ρ‹:

Π’Π°Ρˆ шаблон Π±ΡƒΠ΄Π΅Ρ‚ Π²Ρ‹Π³Π»ΡΠ΄Π΅Ρ‚ΡŒ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ:

Π—Π°Ρ‚Π΅ΠΌ Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Filter -Blur — Motion Blur (Π€ΠΈΠ»ΡŒΡ‚Ρ€-Π Π°Π·ΠΌΡ‹Ρ‚ΠΈΠ΅-Π Π°Π·ΠΌΡ‹Ρ‚ΠΈΠ΅ Π² Π΄Π²ΠΈΠΆΠ΅Π½ΠΈΠΈ).

Π’ ΠΎΠΊΠ½Π΅ настроСк Ρ„ΠΈΠ»ΡŒΡ‚Ρ€Π° устанавливаСм ΡƒΠ³ΠΎΠ» 90 градусов, смСщСниС 998 пиксСлСй.

Как Π²ΠΈΠ΄ΠΈΡ‚Π΅, оказалось совсСм нСслоТно ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ Ρ‚Π°ΠΊΠΎΠΉ красивый Ρ„ΠΎΠ½ для нашСго сайта. Π’ΠΎΡ‚ Ρ‚Π°ΠΊ Π΄ΠΎΠ»ΠΆΠ½ΠΎ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒΡΡ.

Π‘ΠΎΠ·Π΄Π°ΠΉΡ‚Π΅ Π½ΠΎΠ²Ρ‹ΠΉ слой (ΠΌΠΎΠΆΠ½ΠΎ Π½Π°ΠΆΠ°Ρ‚ΡŒ для этого CTRL+SHIFT+ALT+N).

Π‘Π½ΠΎΠ²Π° Π²ΠΎΠ·ΡŒΠΌΠΈΡ‚Π΅ инструмСнт Brush Tool(ΠšΠΈΡΡ‚ΡŒ), установитС Π±Π΅Π»Ρ‹ΠΉ Ρ†Π²Π΅Ρ‚ ΠΏΠ΅Ρ€Π΅Π΄Π½Π΅Π³ΠΎ ΠΏΠ»Π°Π½Π°. Π― снова Π²Ρ‹Π±Ρ€Π°Π» ΠΌΡΠ³ΠΊΡƒΡŽ ΠΊΡ€ΡƒΠ³Π»ΡƒΡŽ ΠΊΠΈΡΡ‚ΡŒ большого Π΄ΠΈΠ°ΠΌΠ΅Ρ‚Ρ€Π°.

Π—Π°Ρ‚Π΅ΠΌ этой ΠΊΠΈΡΡ‚ΡŒΡŽ нарисуйтС большоС пятно Π½Π° ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΈ.

ΠŸΠΎΠΌΠ΅Π½ΡΠΉΡ‚Π΅ Ρ€Π΅ΠΆΠΈΠΌ налоТСния этого слоя Π½Π° Overlay (ΠŸΠ΅Ρ€Π΅ΠΊΡ€Ρ‹Ρ‚ΠΈΠ΅).

Π’Π΅ΠΏΠ΅Ρ€ΡŒ Π½Π°Ρ‡Π½Π΅ΠΌ Π΄ΠΎΠ±Π°Π²Π»ΡΡ‚ΡŒ Π΄Π΅Ρ‚Π°Π»ΠΈ Π² наш шаблон. Π‘ΡƒΠ΄Π΅ΠΌ ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ панСль Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΈ. Для этого Π²ΠΎΠ·ΡŒΠΌΠΈΡ‚Π΅ инструмСнт Rectangle Tool (ΠŸΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊ) ΠΈ нарисуйтС Ρ„ΠΈΠ³ΡƒΡ€Ρƒ ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊΠ° Π½Π°Π²Π΅Ρ€Ρ…Ρƒ шаблона.

Π—Π°Ρ‚Π΅ΠΌ я взял инструмСнт Rounded Rectangle Tool(ΠŸΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊ со скруглСнными ΡƒΠ³Π»Π°ΠΌΠΈ) ΠΈ установил Π² ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Π°Ρ… радиус 6 пиксСлСй.

Π― Π²ΠΊΠ»ΡŽΡ‡ΠΈΠ» Π²ΠΈΠ΄ΠΈΠΌΠΎΡΡ‚ΡŒ сСтки, ΠΏΠΎΡ‚ΠΎΠΌΡƒ Ρ‡Ρ‚ΠΎ Ρ…ΠΎΡ‡Ρƒ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ Ρ‚ΠΎΡ‡Π½ΠΎΠ΅ Π²Ρ‹Ρ€Π°Π²Π½ΠΈΠ²Π°Π½ΠΈΠ΅ элСмСнтов Π² ΠΏΠΎΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΡ… ΡˆΠ°Π³Π°Ρ… (для этого Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Π² мСню View > Show > Grid – ΠŸΡ€ΠΎΡΠΌΠΎΡ‚Ρ€-ΠŸΠΎΠΊΠ°Π·Π°Ρ‚ΡŒ-Π‘Π΅Ρ‚ΠΊΡƒ).

ΠŸΡ€ΠΈ ΠΏΠΎΠΌΠΎΡ‰ΠΈ инструмСнта Rounded Rectangle Tool(ΠŸΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊ со скруглСнными ΡƒΠ³Π»Π°ΠΌΠΈ) создайтС Ρ‚Ρ€ΠΈ ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊΠ°, ΠΊΠ°ΠΊ ΠΏΠΎΠΊΠ°Π·Π°Π½ΠΎ Π½ΠΈΠΆΠ΅.

Π’Π΅ΠΏΠ΅Ρ€ΡŒ для всСх созданных слоСв с ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊΠ°ΠΌΠΈ Π΄ΠΎΠ±Π°Π²ΡŒΡ‚Π΅ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠ΅ стили слоя (ΠΏΠΎΡΡ‚Π°Π²ΡŒΡ‚Π΅ Fill (Π—Π°Π»ΠΈΠ²ΠΊΠ°) 10% ΠΈ установитС ΡƒΠΊΠ°Π·Π°Π½Π½Ρ‹Π΅ ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Ρ‹ Π½Π° Π²ΠΊΠ»Π°Π΄ΠΊΠ°Ρ… Bevel and Emboss (ВиснСниС) ΠΈ Stroke (Обводка)):

Π£ вас получится Ρ‚Π°ΠΊΠΎΠΉ Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚.

Π― нарисовал Π΅Ρ‰Π΅ Ρ„ΠΈΠ³ΡƒΡ€Ρ‹ ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊΠΎΠ² Ρ‚Π°ΠΊΠΆΠ΅ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ инструмСнта Rounded Rectangle Tool(ΠŸΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊ со скруглСнными ΡƒΠ³Π»Π°ΠΌΠΈ).

Для этих ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊΠΎΠ² Π΄ΠΎΠ±Π°Π²ΡŒΡ‚Π΅ Ρ‚Π°ΠΊΠΈΠ΅ стили слоя (Π½Π° Π²ΠΊΠ»Π°Π΄ΠΊΠ°Ρ… Outer Glow (Π’Π½Π΅ΡˆΠ½Π΅Π΅ свСчСниС), Color Overlay (НалоТСниС Ρ†Π²Π΅Ρ‚Π°) ΠΈ Stroke (Обводка)).

Π’ΠΎΡ‚ Ρ‚Π°ΠΊΠΎΠΉ получится Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚.

Π’Π΅ΠΏΠ΅Ρ€ΡŒ Π΄ΠΎΠ±Π°Π²ΡŒΡ‚Π΅ Π½ΡƒΠΆΠ½Ρ‹ΠΉ Π²Π°ΠΌ тСкст. Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ для этого инструмСнт Horizontal Type Tool(Π“ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΡŒΠ½Ρ‹ΠΉ тСкст). Π― написал ΠΏΡ€ΠΎΠΈΠ·Π²ΠΎΠ»ΡŒΠ½Ρ‹ΠΉ тСкст Π² качСствС ΠΎΠ±Ρ€Π°Π·Ρ†Π°.

Π—Π°Ρ‚Π΅ΠΌ ΠΌΠΎΠΆΠ½ΠΎ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π²Π²Π΅Ρ€Ρ…Ρƒ шаблона. Π― использовал Π³ΠΎΡ‚ΠΎΠ²ΠΎΠ΅ 3D ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅Π³ΠΎΠ»ΡƒΠ±ΠΎΠ³ΠΎ Ρ†Π²Π΅Ρ‚Π°.

По Π±ΠΎΠΊΠ°ΠΌ ΠΎΡ‚ этого изобраТСния я Π΄ΠΎΠ±Π°Π²ΠΈΠ» Π΄Π²Π΅ стрСлки, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ для этого инструмСнт Custom Shape Tool(ΠŸΡ€ΠΎΠΈΠ·Π²ΠΎΠ»ΡŒΠ½Π°Ρ Ρ„ΠΈΠ³ΡƒΡ€Π°).

Π’ Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚Π΅ получился Ρ‚Π°ΠΊΠΎΠΉ шаблон сайта.

Автор: grafpedia

Π–Π΅Π»Π°ΡŽ успСхов !

ВсСгда для Вас: photoshoplesson.ru

Π£ Вас Π²ΠΎΠ·Π½ΠΈΠΊΠ»ΠΎ ΠΆΠ΅Π»Π°Π½ΠΈΠ΅ ΠΏΠΎΠΊΠ°Π·Π°Ρ‚ΡŒ Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚Ρ‹ Π’Π°ΡˆΠΈΡ… Ρ‚Ρ€ΡƒΠ΄ΠΎΠ² ? Π’Ρ‹Π»ΠΎΠΆΠΈΡ‚Π΅ свои Ρ€Π°Π±ΠΎΡ‚Ρ‹ Π½Π° наш Ρ„ΠΎΡ€ΡƒΠΌ !

Π£Π²Π°ΠΆΠ°Π΅ΠΌΡ‹Π΅ посСтитСли сайта, ΠΏΠΎΡ‚Ρ€Π°Ρ‚ΠΈΠ²ΡˆΠΈΠ΅ врСмя Π½Π° просмотр этого ΡƒΡ€ΠΎΠΊΠ° . Нам ΠΎΡ‡Π΅Π½ΡŒ Ρ…ΠΎΡ‚Π΅Π»ΠΎΡΡŒ Π±Ρ‹ Π·Π½Π°Ρ‚ΡŒ понравился Π»ΠΈ ΠΎΠ½ Π²Π°ΠΌ ΠΈ Π±Ρ‹Π» Π»ΠΈ ΠΎΠ½ Π²Π°ΠΌ ΠΏΠΎΠ»Π΅Π·Π΅Π½. НС ΠΏΠΎΠ»Π΅Π½ΠΈΡ‚Π΅ΡΡŒ ΠΎΡΡ‚Π°Π²ΠΈΡ‚ΡŒ ΠΊΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠΉ . Π—Π°Ρ€Π°Π½Π΅Π΅ спасибо.

ПОΠ₯ΠžΠ–Π˜Π• УРОКИ:


Раскройка PSD ΠΌΠ°ΠΊΠ΅Ρ‚Π° для сайта | Π’Π²Π΅Π΄Π΅Π½ΠΈΠ΅ Π² HTML

Π£ нас Π΅ΡΡ‚ΡŒ ΠΌΠ°ΠΊΠ΅Ρ‚ сайта, Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ PSD, ΠΌΡ‹ Ρ…ΠΎΡ‚ΠΈΠΌ Ρ€Π°Π·Ρ€Π΅Π·Π°Ρ‚ΡŒ (Ρ€Π°ΡΠΊΡ€ΠΎΠΈΡ‚ΡŒ) Π΅Π³ΠΎ Π½Π° Ρ„Ρ€Π°Π³ΠΌΠ΅Π½Ρ‚Ρ‹ для дальнСйшСй HTML вСрстки сайта.

Для этого ΠΌΡ‹ Π±ΡƒΠ΄Π΅ΠΌ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡƒ Photoshop

Π¨Π°Π³Β 1. ΠžΡ‚ΠΊΡ€Ρ‹Ρ‚ΠΈΠ΅ PSD ΠΌΠ°ΠΊΠ΅Ρ‚Π° Π² Photoshop для раскройки


Π‘ΠΊΠ°Ρ‡Π°Ρ‚ΡŒ Ρ„Π°ΠΉΠ»Ρ‹ с Yandex Диск

PSD — ΠΌΠ°ΠΊΠ΅Ρ‚ сайта для PSΒ +Π³ΠΎΡ‚ΠΎΠ²Ρ‹Π΅ изобраТСния, Ссли Ρƒ вас Π½Π΅Ρ‚ PS, Π»ΠΈΠ±ΠΎ Π²Π°ΠΌ лСнь это Π΄Π΅Π»Π°Ρ‚ΡŒ самим.

Π Π°Π·Π°Ρ€Ρ…ΠΈΠ²ΠΈΡ€ΡƒΠΉΡ‚Π΅ Ρ„Π°ΠΉΠ»Ρ‹ с Π°Ρ€Ρ…ΠΈΠ²Π° Π² Ρ€Π°Π±ΠΎΡ‡ΡƒΡŽ ΠΏΠ°ΠΏΠΊΡƒ, Ссли Π²Ρ‹ этого Π΅Ρ‰Π΅ Π½Π΅ сдСлали. ΠžΡ‚ΠΊΡ€ΠΎΠΉΡ‚Π΅ Ρ„Π°ΠΉΠ» с Π½Π°Π·Π²Π°Π½ΠΈΠ΅ΠΌ home-o.psd. Π’ΠΈΠ΄ интСрфСйса самой ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹ Photoshop Ρƒ вас Π±ΡƒΠ΄Π΅Ρ‚ ΠΎΡ‚Π»ΠΈΡ‡Π°Ρ‚ΡŒΡΡ ΠΎΡ‚ ΠΌΠΎΠ΅Π³ΠΎ, Ρ‚Π°ΠΊ ΠΊΠ°ΠΊ Ρƒ нас ΠΌΠΎΠ³ΡƒΡ‚ Π±Ρ‹Ρ‚ΡŒ Ρ€Π°Π·Π½Ρ‹Π΅ вСрсии ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹, ΠΈ скорСС всСго сами ΠΎΠΊΠ½Π° ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹ Ρƒ вас располоТСны, Ρ‚Π°ΠΊ ΠΊΠ°ΠΊ Π²Π°ΠΌ ΡƒΠ΄ΠΎΠ±Π½Π΅ΠΉ.

На ΡΠΊΡ€ΠΈΠ½ΡˆΠΎΡ‚Π΅ ΠΏΠΎΠΊΠ°Π·Π°Π½ΠΎ располоТСниС ΠΌΠΎΠ΅Π³ΠΎ интСрфСйса ΠΎΠΊΠ½Π° Photoshop
Β 

Π¨Π°Π³Β 2. Π˜Π½ΡΡ‚Ρ€ΡƒΠΌΠ΅Π½Ρ‚ раскройка

НайдитС ΠΈ Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Π² ΠΏΠ°Π½Π΅Π»ΠΈ инструмСнтов (ToolBox) Π½ΡƒΠΆΠ½Ρ‹ΠΉ Π½Π°ΠΌ инструмСнт «Раскройка» ΠΈΠ»ΠΈ ΠΎΠ½ ΠΌΠΎΠΆΠ΅Ρ‚ Π½Π°Π·Ρ‹Π²Π°Ρ‚ΡŒΡΡ «НоТ», Π² зависимости ΠΎΡ‚ вашСй вСрсии ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹. Находится рядом с инструмСнтом Β«Π Π°ΠΌΠΊΠ°Β» ΠΈΠ»ΠΈ Β«CropΒ» Π² английской вСрсии Photoshop.

Π˜Π½ΡΡ‚Ρ€ΡƒΠΌΠ΅Π½Ρ‚ "Раскройка"

Β 

Π¨Π°Π³ 3. Π Π°Π·Ρ€Π΅Π·Π°Π΅ΠΌ PSD ΠΌΠ°ΠΊΠ΅Ρ‚ Π½Π° Ρ„Ρ€Π°Π³ΠΌΠ΅Π½Ρ‚Ρ‹

ΠŸΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒΡΡ инструмСнтом «Π Π°ΡΠΊΡ€ΠΎΠΉΠΊΠ°»Β ΠΎΡ‡Π΅Π½ΡŒ просто, всё Ρ‡Ρ‚ΠΎ Π²Π°ΠΌ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ, это Π²Ρ‹Π΄Π΅Π»ΠΈΡ‚ΡŒ всС Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΡ‹Π΅ Π²Π°ΠΌ Ρ„Ρ€Π°Π³ΠΌΠ΅Π½Ρ‚Ρ‹ шаблона для ΠΏΠΎΡΠ»Π΅Π΄ΡƒΡŽΡ‰Π΅ΠΉ вСрстки. Но ΠΏΠΎΠΌΠ½ΠΈΡ‚Π΅ Π·ΠΎΠ»ΠΎΡ‚ΠΎΠ΅ ΠΏΡ€Π°Π²ΠΈΠ»ΠΎ: Β«7 Ρ€Π°Π· ΠΎΡ‚ΠΌΠ΅Ρ€ΡŒ, ΠΎΠ΄ΠΈΠ½ Ρ€Π°Π· ΠΎΡ‚Ρ€Π΅ΠΆΡŒΒ».

Π’Ρ‹Π΄Π΅Π»Π΅Π½ΠΈΠ΅ Ρ„Ρ€Π°Π³ΠΌΠ΅Π½Ρ‚Π°

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

Π’Ρ‹Π΄Π΅Π»Π΅Π½ΠΈΠ΅ ΠΌΠ΅Π»ΠΊΠΈΡ… элСмСнтов шаблона

Π¨Π°Π³Β 4. БохраняСм Π²Ρ‹Π΄Π΅Π»Π΅Π½Π½Ρ‹Π΅ Ρ„Ρ€Π°Π³ΠΌΠ΅Π½Ρ‚Ρ‹ шаблона

ΠŸΠ΅Ρ€Π΅Π΄ Ρ‚Π΅ΠΌ, ΠΊΠ°ΠΊ ΠΏΠ΅Ρ€Π΅ΠΉΡ‚ΠΈ ΠΊ ΡΠΎΡ…Ρ€Π°Π½Π΅Π½ΠΈΡŽ Ρ„Ρ€Π°Π³ΠΌΠ΅Π½Ρ‚ΠΎΠ² шаблона Π² Π²ΠΈΠ΄Π΅ кусочков ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ, ΠΏΡ€ΠΎΠ²Π΅Ρ€ΡŒΡ‚Π΅ Π΅Ρ‰Ρ‘ Ρ€Π°Π·, всС Π»ΠΈ Π½ΡƒΠΆΠ½Ρ‹Π΅ Π²Π°ΠΌ элСмСнты Π±Ρ‹Π»ΠΈ Π²Ρ‹Π΄Π΅Π»Π΅Π½Ρ‹. Если Π΄Π°, ΠΏΠ΅Ρ€Π΅ΠΉΠ΄ΠΈΡ‚Π΅ Π² Ρ€Π°Π·Π΄Π΅Π» Π€Π°ΠΉΠ» – Π‘ΠΎΡ…Ρ€Π°Π½ΠΈΡ‚ΡŒ для Web ΠΈ устройств, ΠΈΠ»ΠΈ Π²ΠΎΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ΡΡŒ ΠΊΠΎΠΌΠ±ΠΈΠ½Π°Ρ†ΠΈΠ΅ΠΉ клавиш Alt+Shift+Ctrl+S (Если Ρ…Π²Π°Ρ‚ΠΈΡ‚ Ρ€ΡƒΠΊ)

Π‘ΠΎΡ…Ρ€Π°Π½Π΅Π½ΠΈΠ΅ Π²Ρ‹Π΄Π΅Π»Π΅Π½Π½Ρ‹Ρ… Ρ„Ρ€Π°Π³ΠΌΠ΅Π½Ρ‚ΠΎΠ²

Π¨Π°Π³Β 5. Настройка сохраняСмых Ρ„Ρ€Π°Π³ΠΌΠ΅Π½Ρ‚ΠΎΠ²

Π£ вас Π΄ΠΎΠ»ΠΆΠ΅Π½ ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚ΡŒΡΡ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠΉ интСрфСйс, Π² Π½Π΅ΠΌ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΏΡ€ΠΎΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ Π΅Ρ‰Ρ‘ Ρ€Π°Π· Ρ€Π°Π·ΠΌΠ΅Ρ‡Π΅Π½Π½Ρ‹Π΅ области. Π’Π°ΠΊ ΠΆΠ΅ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ ΠΌΠ°ΡΡˆΡ‚Π°Π± изобраТСния ΠΈ Π΅Π³ΠΎ качСство ΠΊΠ°ΠΊ Π² Ρ†Π΅Π»ΠΎΠΌ, для всСго шаблона, Ρ‚Π°ΠΊ ΠΈ ΠΊΠΎΠ½ΠΊΡ€Π΅Ρ‚Π½ΠΎ для ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ Π²Ρ‹Π΄Π΅Π»Π΅Π½Π½ΠΎΠ³ΠΎ Ρ„Ρ€Π°Π³ΠΌΠ΅Π½Ρ‚Π°.

ΠŸΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Ρ‹ сохранСния Π²Ρ‹Π΄Π΅Π»Π΅Π½Π½Ρ‹Ρ… Ρ„Ρ€Π°Π³ΠΌΠ΅Π½Ρ‚ΠΎΠ²

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

Π’Ρ‹Π΄Π΅Π»Π΅Π½ΠΈΠ΅ Ρ„Ρ€Π°Π³ΠΌΠ΅Π½Ρ‚ΠΎΠ² ΠΏΡ€ΠΈ раскройкС Π² photoshop

Для ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ Π²Ρ‹Π΄Π΅Π»Π΅Π½Π½ΠΎΠ³ΠΎ Ρ„Ρ€Π°Π³ΠΌΠ΅Π½Ρ‚Π°, Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ Π² ΠΊΠ°ΠΊΠΎΠΌ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ Π΅Π³ΠΎ ΡΠΎΡ…Ρ€Π°Π½ΡΡ‚ΡŒ, Π² ΠΊΠ°ΠΊΠΎΠΌ качСствС, ΡƒΡΡ‚Π°Π½Π°Π²Π»ΠΈΠ²Π°Ρ‚ΡŒ ΡƒΡ€ΠΎΠ²Π΅Π½ΡŒ размытия ΠΈ ΠΌΠ΅Ρ‚ΠΎΠ΄ ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·Π°Ρ†ΠΈΠΈ.Β 

ΠžΠ±Ρ€Π°Ρ‚ΠΈΡ‚Π΅ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅ – Ρ‡Ρ‚ΠΎ эти значСния ΡƒΠΊΠ°Π·Ρ‹Π²Π°ΡŽΡ‚ΡΡ для ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ Π²Ρ‹Π±Ρ€Π°Π½Π½ΠΎΠ³ΠΎ элСмСнта ΠΏΠΎ ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½ΠΎΡΡ‚ΠΈ, Ρ‚.Π΅. Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Π΅ Ρ„Ρ€Π°Π³ΠΌΠ΅Π½Ρ‚Ρ‹ ΠΎΠ΄Π½ΠΎΠ³ΠΎ шаблона ΡΠΎΡ…Ρ€Π°Π½ΡΡ‚ΡŒ Π² Ρ€Π°Π·Π½Ρ‹Ρ… Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π°Ρ… ΠΈ с Ρ€Π°Π·Π½ΠΎΠΉ ΡΡ‚Π΅ΠΏΠ΅Π½ΡŒΡŽ качСства.

Β 

Π’Ρ‹Π±ΠΎΡ€ качСства, уровня размытия, ΠΈ ΠΌΠ΅Ρ‚ΠΎΠ΄Π° сТатия изобраТСния

Π¨Π°Π³ 6. Π‘ΠΎΡ…Ρ€Π°Π½Π΅Π½ΠΈΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ Π² ΠΏΠ°ΠΏΠΊΡƒ

Когда Π²Ρ‹ Π²Ρ‹Π±Ρ€Π°Π»ΠΈ всС Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΡ‹Π΅ ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Ρ‹, ΠΌΠΎΠΆΠ½ΠΎ Π½Π°ΠΆΠ°Ρ‚ΡŒ Β«Π‘ΠΎΡ…Ρ€Π°Π½ΠΈΡ‚ΡŒΒ», эта ΠΊΠ½ΠΎΠΏΠΊΠ° находится справа снизу. ИмСнно Β«Π‘ΠΎΡ…Ρ€Π°Π½ΠΈΡ‚ΡŒΒ», Π° Π½Π΅ Β«Π“ΠΎΡ‚ΠΎΠ²ΠΎΒ»! Π”Π΅Π»ΠΎ Π² Ρ‚ΠΎΠΌ, Ρ‡Ρ‚ΠΎ этот инструмСнт позволяСт Π½Π°ΠΌ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ сразу мноТСство Π²Π°Ρ€ΠΈΠ°Π½Ρ‚ΠΎΠ² раскроСнного шаблона, Π½Π° случай, Ссли Π²Ρ‹Π±Ρ€Π°Π½Π½Ρ‹Π΅ ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Ρ‹ качСства нас Π½Π΅ ΡƒΠ΄ΠΎΠ²Π»Π΅Ρ‚Π²ΠΎΡ€ΡΡŽΡ‚, ΠΌΡ‹ ΠΌΠΎΠΆΠ΅ΠΌ Π²Π΅Ρ€Π½ΡƒΡ‚ΡŒΡΡ, произвСсти измСнСния ΠΈ ΡΠΎΡ…Ρ€Π°Π½ΠΈΡ‚ΡŒ Ρ„Π°ΠΉΠ»Ρ‹ Π·Π°Π½ΠΎΠ²ΠΎ.

Но Π½Π΅ ΡΠΏΠ΅ΡˆΠΈΡ‚Π΅ ΠΏΡ€ΠΎΠ΄ΠΎΠ»ΠΆΠ°Ρ‚ΡŒ. Π—Π΄Π΅ΡΡŒ Π΅ΡΡ‚ΡŒ Π΅Ρ‰Π΅ ΠΏΠ°Ρ€Π° настроСк, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ установит, Ссли ΠΎΠ½ΠΈ Π½Π΅ Π²Ρ‹Π±Ρ€Π°Π½Ρ‹ ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ.

ПослС Ρ‚ΠΎΠ³ΠΎ, ΠΊΠ°ΠΊ ΠΌΡ‹ ΡƒΠΊΠ°Π·Π°Π»ΠΈ ΠΏΡƒΡ‚ΡŒ ΠΊ ΠΏΠ°ΠΏΠΊΠ΅ Π² ΠΊΠΎΡ‚ΠΎΡ€ΡƒΡŽ ΠΌΡ‹ Ρ…ΠΎΡ‚ΠΈΠΌ ΡΠΎΡ…Ρ€Π°Π½ΠΈΡ‚ΡŒ наши Π½Π°Ρ€Π΅Π·Π°Π½Π½Ρ‹Π΅ Ρ„Ρ€Π°Π³ΠΌΠ΅Π½Ρ‚Ρ‹, ΠΎΠ±Ρ€Π°Ρ‚ΠΈΡ‚Π΅ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅ Π½Π° ΠΏΠΎΠ»Π΅ Β«Π€ΠΎΡ€ΠΌΠ°Ρ‚Β» Photoshop позволяСт ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ Π½Π°Π»Π΅Ρ‚Ρƒ Π½Π΅ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ простыС Ρ„Ρ€Π°Π³ΠΌΠ΅Π½Ρ‚Ρ‹, Π½ΠΎ ΠΈ сразу вСрстку, Π½ΠΎ ΠΏΠΎΠ²Π΅Ρ€ΡŒΡ‚Π΅ ΠΌΠ½Π΅ Π½Π° слово, Ρ‚ΠΎ Ρ‡Ρ‚ΠΎ Ρƒ вас получится Π² Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚Π΅ автоматичСской вСрстки, Π²Π°ΠΌ Π½Π΅ ΠΏΠΎΠ½Ρ€Π°Π²ΠΈΡ‚ΡŒΡΡ. По этому прослСдитС, Ρ‡Ρ‚ΠΎ Π² качСствС Π²Ρ‹Π±Ρ€Π°Π½Π½ΠΎΠ³ΠΎ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Ρ‹ Π±Ρ‹Π»ΠΎ установлСно Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ «Волько изобраТСния»

ΠŸΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Ρ‹ сохранСния Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚ΠΎΠ² раскройки шаблона

А Π² ΠΏΠΎΠ»Π΅ «ЀрагмСнты»  Π΄ΠΎΠ»ΠΆΠ½ΠΎ ΡΡ‚ΠΎΡΡ‚ΡŒ «ВсС Ρ„Ρ€Π°Π³ΠΌΠ΅Π½Ρ‚Ρ‹Β»

Настройки Ρ„Ρ€Π°Π³ΠΌΠ΅Π½Ρ‚ΠΎΠ²

И Ρ‚ΠΎΠ»ΡŒΠΊΠΎ послС этого всСго ΠΌΠΎΠΆΠ½ΠΎ Π½Π°ΠΆΠΈΠΌΠ°Ρ‚ΡŒ Β«Π‘ΠΎΡ…Ρ€Π°Π½ΠΈΡ‚ΡŒΒ».

Π’Π°ΠΌ Π΅Ρ‰Π΅ ΠΌΠΎΠΆΠ΅Ρ‚ Π²Ρ‹Π΄Π°Ρ‚ΡŒ Π²ΠΎΡ‚ Ρ‚Π°ΠΊΠΎΠ΅ ΠΏΡ€Π΅Π΄ΡƒΠΏΡ€Π΅ΠΆΠ΄Π΅Π½ΠΈΠ΅.

ΠŸΡ€Π΅Π΄ΡƒΠΏΡ€Π΅ΠΆΠ΄Π΅Π½ΠΈΠ΅ Photoshop

Π˜Π³Π½ΠΎΡ€ΠΈΡ€ΡƒΠΉΡ‚Π΅ Π΅Π³ΠΎ!

Π¨Π°Π³ 7. УдаляСм лишнСС, оставляСм Π½ΡƒΠΆΠ½Ρ‹Π΅ Ρ„Ρ€Π°Π³ΠΌΠ΅Π½Ρ‚Ρ‹ ΠΌΠ°ΠΊΠ΅Ρ‚Π°

Π’ Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚Π΅ свой Ρ€Π°Π±ΠΎΡ‚Ρ‹ Photoshop создаст большоС количСство Π»ΠΈΡˆΠ½ΠΈΡ… ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ. Π‘ΠΌΠ΅Π»ΠΎ выдСляСм ΠΈΡ… ΠΈ отправляСм Π² ΠΊΠΎΡ€Π·ΠΈΠ½Ρƒ.

Π Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚

ПослС этих ΠΎΠΏΠ΅Ρ€Π°Ρ†ΠΈΠΉ Ρƒ вас останСтся Π½ΡƒΠΆΠ½Ρ‹ΠΉ Π²Π°ΠΌ Π½Π°Π±ΠΎΡ€ Ρ„Ρ€Π°Π³ΠΌΠ΅Π½Ρ‚ΠΎΠ², ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ Π΅Π³ΠΎ Π² своСм ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π΅.

ΠΠ°ΡΡ‚ΠΎΡΡ‚Π΅Π»ΡŒΠ½ΠΎ Ρ€Π΅ΠΊΠΎΠΌΠ΅Π½Π΄ΡƒΡŽ ΠΏΠ΅Ρ€Π΅ΠΈΠΌΠ΅Π½ΠΎΠ²Ρ‹Π²Π°Ρ‚ΡŒ названия Ρ„Ρ€Π°Π³ΠΌΠ΅Π½Ρ‚ΠΎΠ² Π² соотвСтствии с мСстом ΠΈΡ… примСнСния, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π²Π°ΠΌ ΡƒΠ΄ΠΎΠ±Π½ΠΎ Π±Ρ‹Π»ΠΎ Π½Π°Ρ…ΠΎΠ΄ΠΈΡ‚ΡŒ изобраТСния ΠΏΠΎ ΠΈΡ… названию.

Π“ΠΎΡ‚ΠΎΠ²Ρ‹Π΅ Ρ„Π°ΠΉΠ»Ρ‹ шаблона

Β 

ЗадСйствованныС изобраТСния Π±Ρ‹Π»ΠΈ позаимствованы с сайтов:

http://quto.ru/Maserati/

http://www.maserati.com

Β 

25 ΠΎΡ‚Π»ΠΈΡ‡Π½Ρ‹Ρ… ΡƒΡ€ΠΎΠΊΠΎΠ² ΠΏΠΎ ΠΌΠ°ΠΊΠ΅Ρ‚Ρƒ Π² Photoshop для Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π°

Photoshop — популярный инструмСнт Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π°. Π‘ Π΅Π³ΠΎ ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ ΠΌΠ°ΠΊΠ΅Ρ‚Ρ‹ Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π°, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ впослСдствии ΠΌΠΎΠΆΠ½ΠΎ ΠΏΡ€Π΅ΠΎΠ±Ρ€Π°Π·ΠΎΠ²Π°Ρ‚ΡŒ Π² Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π»ΡŒΠ½Ρ‹ΠΉ шаблон HTML / CSS.

Π’ этом сборникС руководств прСдставлСны ΠΏΠ΅Ρ€Π΅Π΄ΠΎΠ²Ρ‹Π΅ ΠΌΠ΅Ρ‚ΠΎΠ΄Ρ‹ создания ΠΌΠ°ΠΊΠ΅Ρ‚ΠΎΠ² Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π° с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Photoshop.

1. ΠœΠ°ΠΊΠ΅Ρ‚ ΠΏΠΎΡ€Ρ‚Ρ„ΠΎΠ»ΠΈΠΎ Π² чистом стилС

ПошаговоС руководство ΠΏΠΎ Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Ρƒ Π² Photoshop с использованиСм основных Ρ‚Π΅Ρ…Π½ΠΈΠΊ.

2.Чистый ΠΌΠ°ΠΊΠ΅Ρ‚ Π±Π»ΠΎΠ³Π° Π² Photoshop

Π£Π·Π½Π°ΠΉΡ‚Π΅, ΠΊΠ°ΠΊ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ ΠΌΠ°ΠΊΠ΅Ρ‚ Π±Π»ΠΎΠ³Π° Π½Π° Ρ‚Π΅ΠΌΠ½ΡƒΡŽ Ρ‚Π΅ΠΌΡƒ Π² этом ΡƒΡ€ΠΎΠΊΠ΅ Photoshop.

3. Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ Π²Π΅Π±-ΠΌΠ°ΠΊΠ΅Ρ‚Π° ΠΏΠΎΡ€Ρ‚Ρ„ΠΎΠ»ΠΈΠΎ Π² Photoshop

Π£Π·Π½Π°ΠΉΡ‚Π΅, ΠΊΠ°ΠΊ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΡƒΠ·ΠΎΡ€Ρ‹ Π² ΠΌΠ°ΠΊΠ΅Ρ‚Π°Ρ… Π²Π΅Π±-сайтов, ΠΈΠ· этого ΡƒΡ€ΠΎΠΊΠ° ΠΏΠΎ Photoshop.

4. Как ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ яркий Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½ ΠΏΠΎΡ€Ρ‚Ρ„ΠΎΠ»ΠΈΠΎ Π² Photoshop

Π’ этом ΡƒΡ€ΠΎΠΊΠ΅ Photoshop ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ сСтка 960 для ΠΊΠΎΠΌΠΏΠΎΠ½ΠΎΠ²ΠΊΠΈ Π²Π΅Π±-страницы.

5.Π‘ΠΎΠ·Π΄Π°ΠΉΡ‚Π΅ элСгантный Π²Π΅Π±-ΠΌΠ°ΠΊΠ΅Ρ‚ Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΈ Π² Photoshop

Π’ этом простом руководствС ΠΏΠΎΠΊΠ°Π·Π°Π½ΠΎ, ΠΊΠ°ΠΊ ΠΏΡ€ΠΈΠΌΠ΅Π½ΡΡ‚ΡŒ Ρ„ΠΎΠ½ΠΎΠ²Ρ‹Π΅ тСкстуры Π² Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅.

6. ΠœΠ°ΠΊΠ΅Ρ‚ сайта Ρ„ΠΎΡ‚ΠΎΠ³Π°Π»Π΅Ρ€Π΅ΠΈ Π² Photoshop

ΠΠ°ΡƒΡ‡ΠΈΡ‚Π΅ΡΡŒ ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ Ρ‚Π΅ΠΌΠ½ΡƒΡŽ Ρ„ΠΎΡ‚ΠΎΠ³Π°Π»Π΅Ρ€Π΅ΡŽ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ этого прСвосходного ΡƒΡ€ΠΎΠΊΠ° ΠΏΠΎ Photoshop.

7. Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ Π²Π΅Π±-сайта ΠΏΠΎΡ‚ΠΎΠΊΠΎΠ²ΠΎΠ³ΠΎ Π²ΠΈΠ΄Π΅ΠΎ с Ρ„ΠΈΠ»ΡŒΠΌΠ°ΠΌΠΈ

Π’ этом ΡƒΡ€ΠΎΠΊΠ΅ Photoshop Π²Ρ‹ Π±ΡƒΠ΄Π΅Ρ‚Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ стили слоСв для создания ΠΎΡ‚Π»ΠΈΡ‡Π½Ρ‹Ρ… элСмСнтов Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π°.

8.Как ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ ΡΡ‚ΠΈΠ»ΡŒΠ½ΠΎΠ΅ ΠΏΠΎΡ€Ρ‚Ρ„ΠΎΠ»ΠΈΠΎ, концСпция Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π°

Π˜Π·ΡƒΡ‡ΠΈΡ‚Π΅ ΠΌΠ΅Ρ‚ΠΎΠ΄Ρ‹ создания элСгантного Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π° Π² Photoshop с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ этого руководства.

9. Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ соврСмСнной Π»Π°Π±ΠΎΡ€Π°Ρ‚ΠΎΡ€Π½ΠΎΠΉ Ρ‚Π΅ΠΌΡ‹ Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π° Π² Photoshop

Из этого Ρ‚ΡƒΡ‚ΠΎΡ€ΠΈΠ°Π»Π° Π’Ρ‹ ΡƒΠ·Π½Π°Π΅Ρ‚Π΅, ΠΊΠ°ΠΊ ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ ΡƒΠ΄ΠΎΠ±Π½Ρ‹Π΅ Π²Π΅Π±-ΠΌΠ°ΠΊΠ΅Ρ‚Ρ‹.

10. Π‘ΠΎΠ·Π΄Π°ΠΉΡ‚Π΅ Ρ‡Ρ€Π΅Π·Π²Ρ‹Ρ‡Π°ΠΉΠ½ΠΎ простой Ρ‚Π΅ΠΌΠ½Ρ‹ΠΉ Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½ Π² Photoshop

Π’ этом руководствС Π²Ρ‹ ΠΏΠΎΠ·Π½Π°ΠΊΠΎΠΌΠΈΡ‚Π΅ΡΡŒ с мноТСством Ρ‚Π΅Ρ…Π½ΠΈΠΊ, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, ΠΊΠ°ΠΊ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ Π²Π΅Π±-ΠΊΠ½ΠΎΠΏΠΊΡƒ.

11. Как ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ элСгантный Π΄ΠΈΠ·Π°ΠΉΠ½ Π²Π΅Π±-сайта Π½Π° основС сСтки

ΠžΡ‚ Π±ΡƒΠΌΠ°Π³ΠΈ Π΄ΠΎ Photoshop: Π½Π°ΡƒΡ‡ΠΈΡ‚Π΅ΡΡŒ Ρ€Π°Π·ΠΌΠ΅Ρ‰Π°Ρ‚ΡŒ Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½ Π½Π° сСткС.

12. Как ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ Π²ΠΈΠ½Ρ‚Π°ΠΆΠ½Ρ‹ΠΉ ΠΌΠ°ΠΊΠ΅Ρ‚ Π²Π΅Π±-сайта Photoshop

Π‘ΠΎΠ·Π΄Π°ΠΉΡ‚Π΅ ΡΡ‚ΠΈΠ»ΡŒΠ½Ρ‹ΠΉ Π²ΠΈΠ½Ρ‚Π°ΠΆΠ½Ρ‹ΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½, ΠΏΡ€ΠΎΡ‡ΠΈΡ‚Π°Π² это Π·Π°ΠΌΠ΅Ρ‡Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎΠ΅ руководство ΠΏΠΎ Photoshop.

13. Π‘ΠΎΠ·Π΄Π°ΠΉΡ‚Π΅ простой чистый ΠΌΠ°ΠΊΠ΅Ρ‚ ΠΏΠΎΡ€Ρ‚Ρ„ΠΎΠ»ΠΈΠΎ Π² Photoshop

Π­Ρ‚ΠΎ руководство ΠΏΠΎ ΠΌΠ°ΠΊΠ΅Ρ‚Ρƒ Photoshop идСально ΠΏΠΎΠ΄Ρ…ΠΎΠ΄ΠΈΡ‚ для сайтов ΠΏΠΎΡ€Ρ‚Ρ„ΠΎΠ»ΠΈΠΎ, Π° Ρ‚Π°ΠΊΠΆΠ΅ сайтов Π²Π΅Π±-ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ.

14. 3D-ΠΏΠΎΡ€Ρ‚Ρ„ΠΎΠ»ΠΈΠΎ Dark Layout Π² Photoshop

Π’ этом руководствС ΠΏΠΎ Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Ρƒ Π²Ρ‹ Π±ΡƒΠ΄Π΅Ρ‚Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ руководства Photoshop, стили слоСв ΠΈ ΠΌΠ½ΠΎΠ³ΠΎΠ΅ Π΄Ρ€ΡƒΠ³ΠΎΠ΅.

15. Π‘ΠΎΠ·Π΄Π°ΠΉΡ‚Π΅ чистый ΠΈ красочный ΠΌΠ°ΠΊΠ΅Ρ‚ элСктронной ΠΊΠΎΠΌΠΌΠ΅Ρ€Ρ†ΠΈΠΈ Π² Photoshop

Из этого Ρ‚ΡƒΡ‚ΠΎΡ€ΠΈΠ°Π»Π° Π’Ρ‹ ΡƒΠ·Π½Π°Π΅Ρ‚Π΅, ΠΊΠ°ΠΊ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ Π΄ΠΈΠ·Π°ΠΉΠ½ страницы ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚Π° элСктронного ΠΌΠ°Π³Π°Π·ΠΈΠ½Π°.

16. Π Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠ° ΠΈΠ½Π½ΠΎΠ²Π°Ρ†ΠΈΠΎΠ½Π½ΠΎΠ³ΠΎ сайта-ΠΏΠΎΡ€Ρ‚Ρ„ΠΎΠ»ΠΈΠΎ с использованиСм Π°Π»ΡŒΡ‚Π΅Ρ€Π½Π°Ρ‚ΠΈΠ²Π½ΠΎΠ³ΠΎ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΎΠ³ΠΎ интСрфСйса / ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΎΠ³ΠΎ интСрфСйса

Из этого Ρ‚ΡƒΡ‚ΠΎΡ€ΠΈΠ°Π»Π° Π’Ρ‹ ΡƒΠ·Π½Π°Π΅Ρ‚Π΅, ΠΊΠ°ΠΊ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ Π²Π΅Π±-страницу с ΡƒΠ½ΠΈΠΊΠ°Π»ΡŒΠ½Ρ‹ΠΌ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΈΠΌ интСрфСйсом.

17. Π”ΠΈΠ·Π°ΠΉΠ½ элСгантного Π²Π΅Π±-сайта мобильного прилоТСния

Π‘ΠΎΠ·Π΄Π°ΠΉΡ‚Π΅ простой ΠΌΠ°ΠΊΠ΅Ρ‚ Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π° Π½Π° Ρ‚Π΅ΠΌΠ½ΡƒΡŽ Ρ‚Π΅ΠΌΡƒ, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡ Π±Π°Π·ΠΎΠ²Ρ‹Π΅ ΠΏΡ€ΠΈΠ΅ΠΌΡ‹ Photoshop.

18. Π‘ΠΎΠ·Π΄Π°ΠΉΡ‚Π΅ Ρ‚Π΅ΠΏΠ»Ρ‹ΠΉ, вСсСлый интСрфСйс Π²Π΅Π±-сайта Π² Adobe Photoshop

Π’ этом прСвосходном руководствС ΠΏΠΎ Π²Π΅Π±-ΠΌΠ°ΠΊΠ΅Ρ‚Ρƒ Π΅ΡΡ‚ΡŒ ΠΏΡ€ΠΎΠ΄ΠΎΠ»ΠΆΠ΅Π½ΠΈΠ΅ прСобразования PSD Π² HTML.

19. Π’ΠΏΠ΅Ρ‡Π°Ρ‚Π»ΡΡŽΡ‰ΠΈΠΉ ΠΌΠ°ΠΊΠ΅Ρ‚ ΠΏΠΎΡ€Ρ‚Ρ„ΠΎΠ»ΠΈΠΎ Π²ΠΈΠ΄Π΅ΠΎΠΎΠΏΠ΅Ρ€Π°Ρ‚ΠΎΡ€Π° Π² Photoshop

Π’ этом ΡƒΡ€ΠΎΠΊΠ΅ Π²Ρ‹ Π±ΡƒΠ΄Π΅Ρ‚Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ инструмСнт Custom Shape Tool, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ Ρ„ΠΎΠ½ΠΎΠ²Ρ‹ΠΉ ΡƒΠ·ΠΎΡ€.

20. Как ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ Ρ‚Π΅ΠΌΡƒ WordPress Π² Photoshop

ΠΠ°ΡƒΡ‡ΠΈΡ‚Π΅ΡΡŒ ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ простой ΠΌΠ°ΠΊΠ΅Ρ‚ Π±Π»ΠΎΠ³Π° с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Photoshop.

21. Π‘ΠΎΠ·Π΄Π°ΠΉΡ‚Π΅ смСлоС ΠΈ яркоС ΠΏΠΎΡ€Ρ‚Ρ„ΠΎΠ»ΠΈΠΎ

Π­Ρ‚ΠΎ руководство ΠΏΠΎ Π²Π΅Π±-ΠΌΠ°ΠΊΠ΅Ρ‚Ρƒ ΠΏΡ€ΠΎΠ²Π΅Π΄Π΅Ρ‚ вас Ρ‡Π΅Ρ€Π΅Π· созданиС красочного сайта-ΠΏΠΎΡ€Ρ‚Ρ„ΠΎΠ»ΠΈΠΎ.

22. Π‘ΠΎΠ·Π΄Π°ΠΉΡ‚Π΅ элСгантный ΡƒΠ·ΠΎΡ€Ρ‡Π°Ρ‚Ρ‹ΠΉ Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½ Π² Photoshop

Π’ этом ΡƒΡ€ΠΎΠΊΠ΅ Π²Ρ‹ ΡƒΠ·Π½Π°Π΅Ρ‚Π΅, ΠΊΠ°ΠΊ ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ ΡƒΠ·ΠΎΡ€Ρ‹ Π² Photoshop.

23.Π‘ΠΎΠ·Π΄Π°ΠΉΡ‚Π΅ чистый ΠΊΠΎΡ€ΠΏΠΎΡ€Π°Ρ‚ΠΈΠ²Π½Ρ‹ΠΉ ΠΌΠ°ΠΊΠ΅Ρ‚ Π²Π΅Π±-сайта

Из этого руководства Π²Ρ‹ ΡƒΠ·Π½Π°Π΅Ρ‚Π΅, ΠΊΠ°ΠΊ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ стоковыС Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΈ Π² Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ вашСго Π²Π΅Π±-сайта.

24. Как ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ красочный Π²Π΅Π±-ΠΌΠ°ΠΊΠ΅Ρ‚ для бизнСса

Π­Ρ‚ΠΎΡ‚ ΡƒΡ€ΠΎΠΊ Photoshop продСмонстрируСт, ΠΊΠ°ΠΊ Π²ΠΊΠ»ΡŽΡ‡Π°Ρ‚ΡŒ Π·Π½Π°Ρ‡ΠΊΠΈ Π² ваш Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½.

25. Π‘ΠΎΠ·Π΄Π°ΠΉΡ‚Π΅ Ρ‚Π΅ΠΊΡΡ‚ΡƒΡ€ΠΈΡ€ΠΎΠ²Π°Π½Π½ΡƒΡŽ Π²Π΅Π±-страницу Β«Π‘ΠΊΠΎΡ€ΠΎ появится» Π² Photoshop

Π’ этом ΡƒΡ€ΠΎΠΊΠ΅ Photoshop Π½Π°ΡƒΡ‡ΠΈΡ‚Π΅ΡΡŒ ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ простой Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½ с красивыми тСкстурами.

БвязанноС содСрТимоС

  • 70 ΠŸΡ€Π΅Π²ΠΎΡΡ…ΠΎΠ΄Π½Ρ‹Π΅ рСсурсы для Photoshop
  • 10 ΠΎΡ‚Π»ΠΈΡ‡Π½Ρ‹Ρ… ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌ с ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚Ρ‹ΠΌ исходным ΠΊΠΎΠ΄ΠΎΠΌ ΠΈ бСсплатных Π°Π»ΡŒΡ‚Π΅Ρ€Π½Π°Ρ‚ΠΈΠ² Photoshop
  • 30 ΡƒΡ€ΠΎΠΊΠΎΠ² ΠΏΠΎ созданию красивых тСкстовых эффСктов Π² Photoshop

30+ Π»ΡƒΡ‡ΡˆΠΈΡ… бСсплатных шаблонов Π²Π΅Π±-сайтов Photoshop PSD для Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ 2020

Photoshop ΡƒΠΆΠ΅ Π΄Π°Π²Π½ΠΎ Π²Ρ‹Π±Ρ€Π°Π½ Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Π°ΠΌΠΈ для создания ΠΌΠ°ΠΊΠ΅Ρ‚ΠΎΠ² Π²Π΅Π±-сайтов, ΠΎΠ½ Π½Π°ΡΡ‚ΠΎΠ»ΡŒΠΊΠΎ унивСрсалСн ΠΈ содСрТит всС Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΡ‹Π΅ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΈ ΠΌΠ°ΠΊΠ΅Ρ‚Π° ΠΈ Π΄ΠΈΠ·Π°ΠΉΠ½Π°.

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

Π­Ρ‚ΠΎ Π΄Π΅ΠΉΡΡ‚Π²ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ ΠΏΠΎΠ»Π΅Π·Π½ΠΎ, ΠΊΠΎΠ³Π΄Π° Π²Ρ‹ ΡƒΡ‡ΠΈΡ‚Π΅ΡΡŒ, ΠΏΠΎΡΠΊΠΎΠ»ΡŒΠΊΡƒ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π²ΠΈΠ΄Π΅Ρ‚ΡŒ, ΠΊΠ°ΠΊ ΠΎΠ½ΠΈ ΠΎΠ±ΡŠΠ΅Π΄ΠΈΠ½ΡΡŽΡ‚ Π΄ΠΈΠ·Π°ΠΉΠ½, ΠΊΠ°ΠΊΠΈΠ΅ эффСкты ΠΈ Π²Ρ‹Π±ΠΎΡ€ ΡˆΡ€ΠΈΡ„Ρ‚ΠΎΠ² ΠΎΠ½ΠΈ использовали, Π° Ρ‚Π°ΠΊΠΆΠ΅ ΠΊΠ°ΠΊ ΠΎΠ½ΠΈ ΠΎΡ€Π³Π°Π½ΠΈΠ·ΡƒΡŽΡ‚ сам Ρ„Π°ΠΉΠ» с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ слоСв ΠΈ Π³Ρ€ΡƒΠΏΠΏ ΠΈ Ρ‚. Π”.

ΠœΡ‹ просмотрСли Π˜Π½Ρ‚Π΅Ρ€Π½Π΅Ρ‚ ΠΈ составив этот список ΠΈΠ· Π±ΠΎΠ»Π΅Π΅ Ρ‡Π΅ΠΌ 30 Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Ρ… PSD для ΠΏΠΎΠ»Π½Ρ‹Ρ… Π΄ΠΈΠ·Π°ΠΉΠ½ΠΎΠ² Π²Π΅Π±-сайтов, ΠΌΡ‹ Π²Ρ‹Π±Ρ€Π°Π»ΠΈ соврСмСнныС Π΄ΠΈΠ·Π°ΠΉΠ½Ρ‹, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ содСрТат мноТСство Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Ρ… элСмСнтов ΠΌΠ°ΠΊΠ΅Ρ‚Π°, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΏΡ€ΠΈ создании своСго Π΄ΠΈΠ·Π°ΠΉΠ½Π°.

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

Π’ этом спискС Π²Ρ‹ Π½Π°ΠΉΠ΄Π΅Ρ‚Π΅ PSD для бизнСс-сайтов, ΠΊΡ€Π΅Π°Ρ‚ΠΈΠ²Π½Ρ‹Ρ… сайтов / сайтов ΠΏΠΎΡ€Ρ‚Ρ„ΠΎΠ»ΠΈΠΎ, ΠΌΠ°Π³Π°Π·ΠΈΠ½ΠΎΠ² элСктронной ΠΊΠΎΠΌΠΌΠ΅Ρ€Ρ†ΠΈΠΈ, UI Kits ΠΈ Ρ‚. Π”. — Ρ‚Π°ΠΌ Π΄ΠΎΠ»ΠΆΠ½ΠΎ Π±Ρ‹Ρ‚ΡŒ Ρ‡Ρ‚ΠΎ-Ρ‚ΠΎ ΡΠΎΠΎΡ‚Π²Π΅Ρ‚ΡΡ‚Π²ΡƒΡŽΡ‰Π΅Π΅ вашим потрСбностям, Π£Π΄Π°Ρ‡Π½ΠΎΠΉ Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ!

Snow: бСсплатный шаблон ΠΏΠΎΡ€Ρ‚Ρ„ΠΎΠ»ΠΈΠΎ PSD + HTML

Snow идСально ΠΏΠΎΠ΄Ρ…ΠΎΠ΄ΠΈΡ‚ для минималистичных ΠΈ чистых Π²Π΅Π±-сайтов с ΠΏΠΎΡ€Ρ‚Ρ„ΠΎΠ»ΠΈΠΎ. Π’ этот ΠΏΠ°ΠΊΠ΅Ρ‚ входят Ρ„Π°ΠΉΠ»Ρ‹ PSD ΠΈ HTML. Π£ Π½Π΅Π³ΠΎ Ρ‚Π°ΠΊΠΆΠ΅ Π΅ΡΡ‚ΡŒ пСрвая страница, Π΄Π²Π΅ страницы ΠΏΠΎΡ€Ρ‚Ρ„ΠΎΠ»ΠΈΠΎ ΠΈ Π΄Π²Π΅ страницы Π±Π»ΠΎΠ³Π°, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π²Ρ‹ ΠΌΠΎΠ³Π»ΠΈ ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ чистыС ΠΏΠΎΡ€Ρ‚Ρ„ΠΎΠ»ΠΈΠΎ.Π’Ρ‹ Ρ‚Π°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΏΠΎΠΏΡ€ΠΎΠ±ΠΎΠ²Π°Ρ‚ΡŒ Π²Π΅Ρ€ΡΠΈΡŽ WordPress, ΠΊΠΎΡ‚ΠΎΡ€ΡƒΡŽ ΠΌΠΎΠΆΠ½ΠΎ Π½Π°ΠΉΡ‚ΠΈ Π² тСматичСском лСсу. Π­Ρ‚ΠΎΡ‚ шаблон Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Π°Π½ ΠΈ Π²Ρ‹ΠΏΡƒΡ‰Π΅Π½ Π‘Π²Π΅Ρ‚Π»Π°Π½ΠΎΠΉ Π‘.


Π”ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Π°Ρ информация ΠΈ дСмонстрация

Fusion: шаблон Π²Π΅Π±-сайта для туристичСских агСнтств

Fusion — Π»ΡƒΡ‡ΡˆΠΈΠΉ Π²Ρ‹Π±ΠΎΡ€ для туристичСских агСнтств, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΌ Π½ΡƒΠΆΠ½Π° цСлСвая страница для продвиТСния своСй Π΄Π΅ΡΡ‚Π΅Π»ΡŒΠ½ΠΎΡΡ‚ΠΈ. Π­Ρ‚ΠΎΡ‚ шаблон Π² основном прСдставляСт собой одностраничный PSD-шаблон, ΠΈ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π½Π°ΡΡ‚Ρ€ΠΎΠΈΡ‚ΡŒ ΠΈ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ Π΄ΠΈΠ·Π°ΠΉΠ½ Π² соотвСтствии с вашими потрСбностями.


Π”ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Π°Ρ информация ΠΈ дСмонстрация

Avenue Fashion: бСсплатный шаблон элСктронной ΠΊΠΎΠΌΠΌΠ΅Ρ€Ρ†ΠΈΠΈ PSD

Avenue Fashion — Π΅Ρ‰Π΅ ΠΎΠ΄ΠΈΠ½ чистый ΠΈ соврСмСнный шаблон, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ идСально ΠΏΠΎΠ΄Ρ…ΠΎΠ΄ΠΈΡ‚ для Π»ΡŽΠ±Ρ‹Ρ… Π²Π΅Π±-сайтов элСктронной ΠΊΠΎΠΌΠΌΠ΅Ρ€Ρ†ΠΈΠΈ.Π­Ρ‚ΠΎΡ‚ шаблон Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Π°Π½ Π² Photoshop ΠΈ Π²Ρ‹ΠΏΡƒΡ‰Π΅Π½ RobbyDesigns. Π­Ρ‚ΠΎΡ‚ ΠΏΠ°ΠΊΠ΅Ρ‚ Π²ΠΊΠ»ΡŽΡ‡Π°Π΅Ρ‚ Π² сСбя страницу с 6 Ρ‚ΠΎΠ²Π°Ρ€Π°ΠΌΠΈ, которая ΠΏΠΎΠΌΠΎΠΆΠ΅Ρ‚ Π²Π°ΠΌ сразу ΠΆΠ΅ ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚ΡŒ ΠΌΠ°Π³Π°Π·ΠΈΠ½ ΠΌΠΎΠ΄Π½ΠΎΠΉ ΠΎΠ΄Π΅ΠΆΠ΄Ρ‹.


Π”ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Π°Ρ информация ΠΈ дСмонстрация

Surfers Co. — PSD-шаблон с ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠΎΠΉ Bootstrap

Если Π²Ρ‹ ΠΈΡ‰Π΅Ρ‚Π΅ Ρ‡ΠΈΡΡ‚ΡƒΡŽ ΠΈ ΡΠΎΠ²Ρ€Π΅ΠΌΠ΅Π½Π½ΡƒΡŽ Ρ†Π΅Π»Π΅Π²ΡƒΡŽ страницу для своСго Π²Π΅Π±-сайта, посСтитС Surfers.co. Π­Ρ‚ΠΎΡ‚ шаблон создан Photoshop ΠΈ основан Π½Π° сСтках Bootstrap 1170 пиксСлСй. Π­Ρ‚ΠΎΡ‚ шаблон ΠΌΠΎΠΆΠ½ΠΎ Π½Π°ΡΡ‚Ρ€ΠΎΠΈΡ‚ΡŒ Π² соотвСтствии с вашими потрСбностями.Π­Ρ‚ΠΎΡ‚ Π·Π°ΠΌΠ΅Ρ‡Π°Ρ‚Π΅Π»ΡŒΠ½Ρ‹ΠΉ шаблон Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Π°Π½ ΠΈ Π²Ρ‹ΠΏΡƒΡ‰Π΅Π½ Луисом ΠšΠΎΡΡ‚ΠΎΠΉ.


Π”ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Π°Ρ информация ΠΈ дСмонстрация

PSD-шаблон для Π±Π»ΠΎΠ³ΠΎΠ² ΠΈ элСктронной ΠΊΠΎΠΌΠΌΠ΅Ρ€Ρ†ΠΈΠΈ для сСрфСров

Π­Ρ‚ΠΎΡ‚ бСсплатный PSD-шаблон идСально ΠΏΠΎΠ΄Ρ…ΠΎΠ΄ΠΈΡ‚ для Π»ΡŽΠ±Ρ‹Ρ… Ρ‚ΠΈΠΏΠΎΠ² Π±Π»ΠΎΠ³ΠΎΠ² ΠΈ сайтов элСктронной ΠΊΠΎΠΌΠΌΠ΅Ρ€Ρ†ΠΈΠΈ. Π­Ρ‚ΠΎΡ‚ шаблон сдСлан Π² Ρ„ΠΎΡ‚ΠΎΡˆΠΎΠΏΠ΅ ΠΈ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Π°Π½ Π ΠΎΠ±Π΅Ρ€Ρ‚ΠΎΠΌ ΠœΠ°ΠΉΠ΅Ρ€ΠΎΠΌ ΠΈΠ· России.


Π”ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Π°Ρ информация ΠΈ дСмонстрация

Fun Weather: бСсплатный шаблон Ρ†Π΅Π»Π΅Π²ΠΎΠΉ страницы для Π²Π°ΡˆΠΈΡ… ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ

Π­Ρ‚ΠΎΡ‚ бСсплатный PSD-шаблон идСально ΠΏΠΎΠ΄Ρ…ΠΎΠ΄ΠΈΡ‚ для дСмонстрации ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Ρ… ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ любого Ρ‚ΠΈΠΏΠ°.ΠŸΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΈΠΉ интСрфСйс Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Π°Π½ ΠΌΠΎΠ»ΠΎΠ΄Ρ‹ΠΌΠΈ ΠΈ Ρ‚Π°Π»Π°Π½Ρ‚Π»ΠΈΠ²Ρ‹ΠΌΠΈ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Π°ΠΌΠΈ ΠΈΠ· ΠœΠΎΡΠΊΠ²Ρ‹. Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΏΡ€ΠΎΠ΄Π΅ΠΌΠΎΠ½ΡΡ‚Ρ€ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Π»ΡŽΠ±Ρ‹Π΅ Ρ‚ΠΈΠΏΡ‹ ΠΏΠΎΠ³ΠΎΠ΄Π½Ρ‹Ρ… ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ этого эксклюзивного шаблона, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Ρ‚Π°ΠΊΠΆΠ΅ идСально ΠΏΠΎΠ΄Ρ…ΠΎΠ΄ΠΈΡ‚ для Ρ†Π΅Π»Π΅Π²ΠΎΠΉ страницы ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ.


Π”ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Π°Ρ информация ΠΈ дСмонстрация

Global: футуристичСскоС одностраничноС ΠΏΠΎΡ€Ρ‚Ρ„ΠΎΠ»ΠΈΠΎ Π² PSD ΠΈ HTML

Global — одностраничноС ΠΏΠΎΡ€Ρ‚Ρ„ΠΎΠ»ΠΈΠΎ, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ поставляСтся с PSD ΠΈ HTML. Он ΠΈΠΌΠ΅Π΅Ρ‚ мноТСство Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΉ для ΠΊΠ°ΠΆΠ΄ΠΎΠΉ сборки, Ρ‚Π°ΠΊΠΈΡ… ΠΊΠ°ΠΊ ΠΏΠΎΠ»Π½ΠΎΡΡ‚ΡŒΡŽ адаптивная сСточная структура, ΠΏΡ€ΠΈ Π½Π°ΠΆΠ°Ρ‚ΠΈΠΈ, ΠΏΡ€ΠΈ ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‚ΠΊΠ΅, ΠΏΡ€ΠΈ Π½Π°ΠΆΠ°Ρ‚ΠΈΠΈ клавиш со стрСлками ΠΈ ΠΏΡ€ΠΈ касании ΠΏΠ°Π»ΡŒΡ†Π΅ΠΌ.HTML ΠΊΠΎΠ΄ΠΈΡ€ΡƒΠ΅Ρ‚ Π‘Π°ΠΊΠΈ ΠœΠ°Π»Π΅Ρ€, Ρ‡Ρ‚ΠΎ ΠΏΠΎΠΌΠΎΠΆΠ΅Ρ‚ Π²Π°ΠΌ ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ ΠΏΠΎΡ‚Ρ€ΡΡΠ°ΡŽΡ‰ΠΈΠ΅ ΠΈ ΠΏΡ€ΠΎΡ„Π΅ΡΡΠΈΠΎΠ½Π°Π»ΡŒΠ½ΠΎ выглядящиС ΠΏΠΎΡ€Ρ‚Ρ„ΠΎΠ»ΠΈΠΎ Π·Π° считанныС ΠΌΠΈΠ½ΡƒΡ‚Ρ‹.


Π”ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Π°Ρ информация ΠΈ дСмонстрация

Pasco: бСсплатный ΠΌΠ½ΠΎΠ³ΠΎΡ†Π΅Π»Π΅Π²ΠΎΠΉ шаблон PSD

Pasco — это бСсплатный шаблон PSD, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ для создания Π»ΡŽΠ±Ρ‹Ρ… Π²Π΅Π±-сайтов. Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ соврСмСнныС ΠΏΡ€ΠΎΡ„Π΅ΡΡΠΈΠΎΠ½Π°Π»ΡŒΠ½Ρ‹Π΅ Π²Π΅Π±-сайты, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡ этот ΠΌΠ½ΠΎΠ³ΠΎΡ†Π΅Π»Π΅Π²ΠΎΠΉ шаблон. Π­Ρ‚ΠΎΡ‚ ΠΏΠ°ΠΊΠ΅Ρ‚ Π²ΠΊΠ»ΡŽΡ‡Π°Π΅Ρ‚ Π² сСбя ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½ΡƒΡŽ ΠΈ Π½Π°ΡΡ‚ΠΎΠ»ΡŒΠ½ΡƒΡŽ вСрсии Π³Π»Π°Π²Π½ΠΎΠΉ страницы, Π° Ρ‚Π°ΠΊΠΆΠ΅ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΊΡƒΠΏΠΈΡ‚ΡŒ ΠΏΠΎΠ»Π½ΡƒΡŽ Π²Π΅Ρ€ΡΠΈΡŽ Π½Π° ThemeForest


Π”ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Π°Ρ информация ΠΈ дСмонстрация

Π¨Π°Π±Π»ΠΎΠ½ Π²Π΅Π±-сайта Bakery PSD

ΠœΠ°Π»ΡŒΡ‚Π΅ ВСстСдт, Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΎΠ³ΠΎ интСрфСйса ΠΈΠ· Π“Π΅Ρ€ΠΌΠ°Π½ΠΈΠΈ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Π°Π» ΠΈ выпустил PSD шаблон ΠΏΠ΅ΠΊΠ°Ρ€Π½ΠΈ.Π­Ρ‚ΠΎΡ‚ бСсплатный PSD ΠΌΠΎΠΆΠ΅Ρ‚ ΠΏΠΎΠΌΠΎΡ‡ΡŒ Π²Π°ΠΌ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ Π²Π΅Π±-сайт Π½Π° основС ΠΏΠ΅ΠΊΠ°Ρ€Π½ΠΈ, ΠΈ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π½Π°ΡΡ‚Ρ€ΠΎΠΈΡ‚ΡŒ PSD ΠΈ Π°Π΄Π°ΠΏΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Π΅Π³ΠΎ ΠΏΠΎΠ΄ свои Π½ΡƒΠΆΠ΄Ρ‹.


Π”ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Π°Ρ информация ΠΈ дСмонстрация

Π¨Π°Π±Π»ΠΎΠ½ оформлСния Π»ΠΈΡ‡Π½ΠΎΠ³ΠΎ Π±Π»ΠΎΠ³Π°

Π­Ρ‚ΠΎΡ‚ шаблон Π²Π΅Π±-сайта — Ρ…ΠΎΡ€ΠΎΡˆΠΈΠΉ Π²Ρ‹Π±ΠΎΡ€ для Π±Π»ΠΎΠ³Π°, ΠΏΠΎΡ€Ρ‚Ρ„ΠΎΠ»ΠΈΠΎ ΠΈΠ»ΠΈ Π²Π΅Π±-сайта. Π­Ρ‚ΠΎΡ‚ бСсплатный PSD Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Π°Π½ ΠΈ Π²Ρ‹ΠΏΡƒΡ‰Π΅Π½ ΠœΡƒΡ…Π°ΠΌΠΌΠ°Π΄ΠΎΠΌ Π‘ΠΎΡ…Π°ΠΈΠ±ΠΎΠΌ. Чистый ΠΈ соврСмСнный Π΄ΠΈΠ·Π°ΠΉΠ½ ΠΏΠΎΠΌΠΎΠΆΠ΅Ρ‚ Π²Π°ΠΌ ΠΏΡ€ΠΈΠ²Π»Π΅Ρ‡ΡŒ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΉ вашСго Π±Π»ΠΎΠ³Π° ΠΈΠ»ΠΈ сайта.


Π”ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Π°Ρ информация ΠΈ дСмонстрация

ΠšΠΎΠ»Π»Π΅ΠΊΡ†ΠΈΠΈ Tanner: бСсплатный шаблон элСктронной ΠΊΠΎΠΌΠΌΠ΅Ρ€Ρ†ΠΈΠΈ PSD

Если Π²Ρ‹ ΠΈΡ‰Π΅Ρ‚Π΅ ΡΡ‚ΠΈΠ»ΡŒΠ½Ρ‹ΠΉ ΠΈ соврСмСнный шаблон Π²Π΅Π±-сайта для своих сайтов элСктронной ΠΊΠΎΠΌΠΌΠ΅Ρ€Ρ†ΠΈΠΈ, ΠΎΠ±Ρ€Π°Ρ‚ΠΈΡ‚Π΅ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅ Π½Π° ΠšΠΎΠ»Π»Π΅ΠΊΡ†ΠΈΠΈ tanner.Π­Ρ‚ΠΎΡ‚ шаблон нСльзя ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π² коммСрчСских цСлях, Π½ΠΎ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π΅Π³ΠΎ для вдохновСния. АлСкс Никандров, Ρ‚Π°Π»Π°Π½Ρ‚Π»ΠΈΠ²Ρ‹ΠΉ UI-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ ΠΈΠ· Π£ΠΊΡ€Π°ΠΈΠ½Ρ‹, сдСлал этот Π΄ΠΈΠ·Π°ΠΉΠ½ Π² Ρ„ΠΎΡ‚ΠΎΡˆΠΎΠΏΠ΅.


Π”ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Π°Ρ информация ΠΈ дСмонстрация

New Providence: бСсплатная цСлСвая страница HTML + PSD

New Providence — это бСсплатный шаблон PSD, созданный Photoshop ΠΈ идСально подходящий для Π»ΡŽΠ±Ρ‹Ρ… Ρ‚ΠΈΠΏΠΎΠ² Ρ†Π΅Π»Π΅Π²Ρ‹Ρ… страниц. ΠžΠ±Ρ‰ΠΈΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½ шаблона Π΄Π΅ΠΉΡΡ‚Π²ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ впСчатляСт. Π’ этот ΠΏΠ°ΠΊΠ΅Ρ‚ Ρ‚Π°ΠΊΠΆΠ΅ входят всС рСсурсы PSD ΠΈ HTML, ΠΈ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π½Π°ΡΡ‚Ρ€ΠΎΠΈΡ‚ΡŒ Π΅Π³ΠΎ ΠΏΠΎΠ΄ свои Π½ΡƒΠΆΠ΄Ρ‹.PSD Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Π°Π½ ДСнисом Π¨Π΅ΠΏΠΎΠ²Π°Π»ΠΎΠ²Ρ‹ΠΌ ΠΈ Π ΡƒΠΈ Богасом для MarketMe.


Π”ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Π°Ρ информация ΠΈ дСмонстрация

Clemo: бСсплатный PSD-шаблон для ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠΉ

Bagdum — бСсплатный PSD-шаблон Π²Π΅Π±-сайта, Π²Ρ‹ΠΏΡƒΡ‰Π΅Π½Π½Ρ‹ΠΉ ИллиСй НСстСровым, ΡΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½ΠΎ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Π°Π½Π½Ρ‹ΠΉ для ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠΉ ΠΈ агСнтств. Π­Ρ‚ΠΎΡ‚ ΡƒΠ½ΠΈΠΊΠ°Π»ΡŒΠ½Ρ‹ΠΉ ΠΈ соврСмСнный шаблон стиля ΠΌΠΎΠΆΠ½ΠΎ Π»Π΅Π³ΠΊΠΎ Π½Π°ΡΡ‚Ρ€ΠΎΠΈΡ‚ΡŒ. Π­Ρ‚ΠΎΡ‚ шаблон основан Π½Π° сСтках Bootstrap, ΠΈ Π² ΠΊΠΎΠΌΠΏΠ»Π΅ΠΊΡ‚ Π²Ρ…ΠΎΠ΄ΠΈΡ‚ 10 страниц с высоким Ρ€Π°Π·Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅ΠΌ.


Π”ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Π°Ρ информация ΠΈ дСмонстрация

Minimo: ΠΌΠΈΠ½ΠΈΠΌΠ°Π»ΡŒΠ½Ρ‹ΠΉ шаблон Π±Π»ΠΎΠ³Π°

Minimo — это шаблон Π±Π»ΠΎΠ³Π° с чистым Π΄ΠΈΠ·Π°ΠΉΠ½ΠΎΠΌ.ΠœΠ½ΠΎΠ³ΠΎΡΠ»ΠΎΠΉΠ½Ρ‹ΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½ Π·Π½Π°Ρ‡ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ сокращаСт Ρ…Π»ΠΎΠΏΠΎΡ‚Ρ‹, связанныС с ΠΏΠΎΠ²Ρ‚ΠΎΡ€Π½Ρ‹ΠΌ использованиСм ΠΈΠ»ΠΈ Π»ΡŽΠ±Ρ‹ΠΌΠΈ Ρ‚ΠΈΠΏΠ°ΠΌΠΈ ΠΌΠΎΠ΄ΠΈΡ„ΠΈΠΊΠ°Ρ†ΠΈΠΈ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΡΠΎΠΎΡ‚Π²Π΅Ρ‚ΡΡ‚Π²ΡƒΡŽΡ‚ вашим трСбованиям. PS ΠΈΠΌΠ΅Π΅Ρ‚ Ρ‚Ρ€ΠΈ Ρ€Π°Π·Π½Ρ‹Ρ… Π²ΠΈΠ΄Π°: домашнюю страницу, ΠΏΠΎΠ»Π½ΠΎΡ€Π°Π·ΠΌΠ΅Ρ€Π½Ρ‹ΠΉ ΠΎΠ΄ΠΈΠ½ΠΎΡ‡Π½Ρ‹ΠΉ пост ΠΈ с Π±ΠΎΠΊΠΎΠ²ΠΎΠΉ панСлью.


Π”ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Π°Ρ информация ΠΈ дСмонстрация

MoGo: бСсплатный одностраничный PSD-шаблон

Π­Ρ‚ΠΎΡ‚ бСсплатный одностраничный PSD-шаблон, созданный Ρ„ΠΎΡ‚ΠΎΡˆΠΎΠΏΠΎΠΌ, с ΠΏΠΎΡ‚Ρ€ΡΡΠ°ΡŽΡ‰ΠΈΠΌ ΠΌΠ°ΠΊΠ΅Ρ‚ΠΎΠΌ. БСсплатный PSD-шаблон высокого Ρ€Π°Π·Ρ€Π΅ΡˆΠ΅Π½ΠΈΡ для ΠΏΡ€ΠΎΡ„Π΅ΡΡΠΈΠΎΠ½Π°Π»ΡŒΠ½Ρ‹Ρ… ΠΊΡ€Π΅Π°Ρ‚ΠΈΠ²Ρ‰ΠΈΠΊΠΎΠ². ΠšΡ€Π΅Π°Ρ‚ΠΈΠ²Π½Ρ‹ΠΉ шаблон Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Π°Π½ ΠΈ Π²Ρ‹ΠΏΡƒΡ‰Π΅Π½ АлСксандром ΠšΠ°Ρ€ΡΠ°ΠΊΠΎΠ²Ρ‹ΠΌ.Π­Ρ‚ΠΎ ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ ΠΎΡ‚Π»ΠΈΡ‡Π½Ρ‹ΠΌ Π²Ρ‹Π±ΠΎΡ€ΠΎΠΌ для любого Ρ‚ΠΈΠΏΠ° Π²Π΅Π±-сайтов.


Π”ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Π°Ρ информация ΠΈ дСмонстрация

ΠŸΠΎΡ€Ρ‚Π»Π΅Π½Π΄: бСсплатный ΠΊΠΎΠΌΠΏΠ»Π΅ΠΊΡ‚ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΎΠ³ΠΎ интСрфСйса Π½Π° основС Bootstrap

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


Π”ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Π°Ρ информация ΠΈ дСмонстрация

Tajam: PSD шаблон сайта для агСнтств

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


Π”ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Π°Ρ информация ΠΈ дСмонстрация

Olios: PSD шаблон для элСктронной ΠΊΠΎΠΌΠΌΠ΅Ρ€Ρ†ΠΈΠΈ

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


Π”ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Π°Ρ информация ΠΈ дСмонстрация

Take: шаблон Ρ†Π΅Π»Π΅Π²ΠΎΠΉ страницы для ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ

Take — Π΅Ρ‰Π΅ ΠΎΠ΄ΠΈΠ½ ΡΠΊΡΠΊΠ»ΡŽΠ·ΠΈΠ²Π½Ρ‹ΠΉ Π²Π΅Π±-шаблон Π½Π° основС Ρ†Π΅Π»Π΅Π²ΠΎΠΉ страницы, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ идСально ΠΏΠΎΠ΄Ρ…ΠΎΠ΄ΠΈΡ‚ для Π»ΡŽΠ±Ρ‹Ρ… Ρ‚ΠΈΠΏΠΎΠ² ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Ρ… ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ. Π­Ρ‚ΠΎ ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ Π»ΡƒΡ‡ΡˆΠ΅ всСго для вашСго собствСнного прилоТСния для прСдставлСния Π² Π˜Π½Ρ‚Π΅Ρ€Π½Π΅Ρ‚Π΅. Π Π°Π·Ρ€Π°Π±ΠΎΡ‚Π°Π½ ΠΈ Π²Ρ‹ΠΏΡƒΡ‰Π΅Π½ Blaz Robar.


Π”ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Π°Ρ информация ΠΈ дСмонстрация

Bonfire: шаблон страницы бСсплатного ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚Π° элСктронной ΠΊΠΎΠΌΠΌΠ΅Ρ€Ρ†ΠΈΠΈ

Bonfire — это бСсплатный шаблон PSD, ΡΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½ΠΎ ΠΏΡ€Π΅Π΄Π½Π°Π·Π½Π°Ρ‡Π΅Π½Π½Ρ‹ΠΉ для отобраТСния ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚ΠΎΠ² Π½Π° Π²Π΅Π±-сайтС элСктронной ΠΊΠΎΠΌΠΌΠ΅Ρ€Ρ†ΠΈΠΈ.Π•Π³ΠΎ Π»Π΅Π³ΠΊΠΎ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ, поэтому Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ шаблон Π² соотвСтствии с вашими потрСбностями. Π Π°Π·Ρ€Π°Π±ΠΎΡ‚Π°Π½ ΠΈ Π²Ρ‹ΠΏΡƒΡ‰Π΅Π½ Design Lazy.


Π”ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Π°Ρ информация ΠΈ дСмонстрация

Π¨Π°Π±Π»ΠΎΠ½ Π²Π΅Π±-сайта CV / Resume PSD

Π­Ρ‚ΠΎΡ‚ шаблон Π²Π΅Π±-сайта CV / Resume PSD прСдставляСт собой ΠΊΡ€Π΅Π°Ρ‚ΠΈΠ²Π½Ρ‹ΠΉ шаблон Ρ€Π΅Π·ΡŽΠΌΠ΅ с ΠΏΡ€ΠΈΠ²Π»Π΅ΠΊΠ°Ρ‚Π΅Π»ΡŒΠ½Ρ‹ΠΌ Π΄ΠΈΠ·Π°ΠΉΠ½ΠΎΠΌ ΠΈ Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½Ρ‹ΠΌ эффСктом Π² ΠΌΠ°ΠΊΠ΅Ρ‚Π΅. Π Π°Π·Ρ€Π°Π±ΠΎΡ‚Π°Π½ ΠΈ Π²Ρ‹ΠΏΡƒΡ‰Π΅Π½ Π”ΠΆΡƒΠ½Π°Π΅Π΄ АхмСд Нуман


Π”ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Π°Ρ информация ΠΈ дСмонстрация

Crios — БСсплатный шаблон Π²Π΅Π±-сайта PSD

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


Π”ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Π°Ρ информация ΠΈ дСмонстрация

Π¨Π°Π±Π»ΠΎΠ½ Π²Π΅Π±-сайта ΠΊΡ€Π΅Π°Ρ‚ΠΈΠ²Π½ΠΎΠ³ΠΎ Ρ†ΠΈΡ„Ρ€ΠΎΠ²ΠΎΠ³ΠΎ агСнтства БСсплатный PSD

Π­Ρ‚ΠΎΡ‚ бСсплатный шаблон Π²Π΅Π±-сайта PSD идСально ΠΏΠΎΠ΄Ρ…ΠΎΠ΄ΠΈΡ‚ для ΠΊΡ€Π΅Π°Ρ‚ΠΈΠ²Π½ΠΎΠ³ΠΎ агСнтства ΠΈ дСмонстрации ΠΏΠΎΡ€Ρ‚Ρ„ΠΎΠ»ΠΈΠΎ ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠΈ. Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π½Π°ΡΡ‚Ρ€ΠΎΠΈΡ‚ΡŒ PSD Π² соотвСтствии с вашими трСбованиями, Ρ‡Ρ‚ΠΎ ΠΏΠΎΠΌΠΎΠΆΠ΅Ρ‚ Π²Π°ΠΌ ΡΡΠΊΠΎΠ½ΠΎΠΌΠΈΡ‚ΡŒ врСмя ΠΈ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ ΠΏΡ€ΠΎΡ„Π΅ΡΡΠΈΠΎΠ½Π°Π»ΡŒΠ½Ρ‹ΠΉ Π²Π΅Π±-сайт Π±Π΅Π· ΠΊΠ°ΠΊΠΈΡ…-Π»ΠΈΠ±ΠΎ ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌ.


Π”ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Π°Ρ информация ΠΈ дСмонстрация

Π¨Π°Π±Π»ΠΎΠ½ Π½Π°Ρ‡Π°Π»ΡŒΠ½ΠΎΠΉ Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ Sertin (HTML ΠΈ PSD)

Sertin — Π²Π΅Π±-шаблон Π½Π° основС Π½Π°Ρ‡Π°Π»ΡŒΠ½ΠΎΠΉ Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ. Π­Ρ‚ΠΎ Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½Ρ‹ΠΉ ΠΌΠ½ΠΎΠ³ΠΎΡ†Π΅Π»Π΅Π²ΠΎΠΉ шаблон Parallax One Page HTML5. Он ΠΈΠΌΠ΅Π΅Ρ‚ 4 стиля страницы Π±Π»ΠΎΠ³Π°: камСнная ΠΊΠ»Π°Π΄ΠΊΠ° Π½Π° 2 столбца, камСнная ΠΊΠ»Π°Π΄ΠΊΠ° Π½Π° 3 столбца, камСнная ΠΊΠ»Π°Π΄ΠΊΠ° с Π±ΠΎΠΊΠΎΠ²ΠΎΠΉ панСлью ΠΈ рСгулярным ΠΌΠ°ΠΊΠ΅Ρ‚ΠΎΠΌ ΠΈ Π±ΠΎΠ»Π΅Π΅ 20 Ρ†Π²Π΅Ρ‚ΠΎΠ²Ρ‹Ρ… схСм. ΠšΡ€ΠΎΠΌΠ΅ Ρ‚ΠΎΠ³ΠΎ, этот ΠΏΠ°ΠΊΠ΅Ρ‚ Π²ΠΊΠ»ΡŽΡ‡Π°Π΅Ρ‚ Π³ΠΎΡ‚ΠΎΠ²Ρ‹Π΅ Π·Π½Π°Ρ‡ΠΊΠΈ Retina, ΡˆΡ€ΠΈΡ„Ρ‚ Π·Π½Π°Ρ‡ΠΊΠΎΠ² FontAwesome, ΠΊΠΎΠ½Ρ‚Π°ΠΊΡ‚Π½ΡƒΡŽ Ρ„ΠΎΡ€ΠΌΡƒ Ajax, Π²ΠΈΠ΄ΠΆΠ΅Ρ‚ прилоТСния Twitter ΠΈ Ρ‚. Π”.


Π”ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Π°Ρ информация ΠΈ дСмонстрация

Foundation FDN — Free PSD

Foundation FDN — это бСсплатный шаблон PSD, идСально ΠΏΠΎΠ΄Ρ…ΠΎΠ΄ΠΈΡ‚ для Π»ΡŽΠ±Ρ‹Ρ… ΡΡ‚Ρ€ΠΎΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Ρ…, ΡΡ‚Ρ€ΠΎΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Ρ… ΠΈ Π°Ρ€Ρ…ΠΈΡ‚Π΅ΠΊΡ‚ΡƒΡ€Π½Ρ‹Ρ… ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠΉ ΠΈΠ»ΠΈ ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠΉ, ΠΏΡ€Π΅Π΄ΠΎΡΡ‚Π°Π²Π»ΡΡŽΡ‰ΠΈΡ… Π°Π½Π°Π»ΠΎΠ³ΠΈΡ‡Π½Ρ‹Π΅ услуги.ΠœΠ°ΠΊΠ΅Ρ‚ основан Π½Π° сСтках Π½Π°Ρ‡Π°Π»ΡŒΠ½ΠΎΠΉ Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ, ΠΈ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π½Π°ΡΡ‚Ρ€ΠΎΠΈΡ‚ΡŒ Π΄ΠΈΠ·Π°ΠΉΠ½ ΠΏΠΎ своСму ΡƒΡΠΌΠΎΡ‚Ρ€Π΅Π½ΠΈΡŽ.


Π”ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Π°Ρ информация ΠΈ дСмонстрация

Shopy — PSD шаблон Freebie для элСктронной ΠΊΠΎΠΌΠΌΠ΅Ρ€Ρ†ΠΈΠΈ

Shopy — это PSD-шаблон с Π°ΠΊΠΊΡƒΡ€Π°Ρ‚Π½Ρ‹ΠΌ ΠΈ чистым Π΄ΠΈΠ·Π°ΠΉΠ½ΠΎΠΌ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Ρ…ΠΎΡ€ΠΎΡˆΠΎ ΠΏΠΎΠ΄Ρ…ΠΎΠ΄ΠΈΡ‚ для Π²Π΅Π±-сайтов элСктронной ΠΊΠΎΠΌΠΌΠ΅Ρ€Ρ†ΠΈΠΈ для дСмонстрации ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚ΠΎΠ² вашСго Π²Π΅Π±-сайта элСктронной ΠΊΠΎΠΌΠΌΠ΅Ρ€Ρ†ΠΈΠΈ. Он описываСт Π΄Π΅ΠΌΠΎΠ½ΡΡ‚Ρ€Π°Ρ†ΠΈΡŽ ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚ΠΎΠ² Ρ‚Π°ΠΊΠΈΠΌ прСкрасным ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ, Ρ‡Ρ‚ΠΎ это Π΄Π΅ΠΉΡΡ‚Π²ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ ΠΏΡ€ΠΈΠ²Π»Π΅ΠΊΠ°Ρ‚Π΅Π»ΡŒΠ½ΠΎ для любого Π²Π΅Π±-сайта элСктронной ΠΊΠΎΠΌΠΌΠ΅Ρ€Ρ†ΠΈΠΈ.


Π”ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Π°Ρ информация ΠΈ дСмонстрация

ΠžΠ΄Π½ΠΎΡΡ‚Ρ€Π°Π½ΠΈΡ‡Π½Ρ‹ΠΉ Π²Π΅Π±-шаблон NeoDigital

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


Π”ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Π°Ρ информация ΠΈ дСмонстрация

Π¨Π°Π±Π»ΠΎΠ½ Ρ†Π΅Π»Π΅Π²ΠΎΠΉ страницы мобильного прилоТСния New Providence

Π¨Π°Π±Π»ΠΎΠ½ Ρ†Π΅Π»Π΅Π²ΠΎΠΉ страницы мобильного прилоТСния New Providence — Π»ΡƒΡ‡ΡˆΠΈΠΉ Π½Π°Π±ΠΎΡ€ для Ρ†Π΅Π»Π΅Π²ΠΎΠΉ страницы ΠΊΠΎΠ½ΠΊΡ€Π΅Ρ‚Π½ΠΎΠ³ΠΎ прилоТСния. Π­Ρ‚Π° бСсплатная HTML-вСрсия создана Π ΡƒΠΈ Богасом.Π•Π³ΠΎ соврСмСнный Ρ…ΠΎΡ€ΠΎΡˆΠΎ ΠΎΡ„ΠΎΡ€ΠΌΠ»Π΅Π½Π½Ρ‹ΠΉ ΠΌΠ°ΠΊΠ΅Ρ‚ ΠΏΠΎΠΌΠΎΠΆΠ΅Ρ‚ Π²Π°ΠΌ ΠΏΠΎΡ‚Ρ€ΡΡΠ°ΡŽΡ‰Π΅ ΠΏΡ€Π΅Π΄ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ мобильноС ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅.


Π”ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Π°Ρ информация ΠΈ дСмонстрация

11

Π§Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Π΄ΠΈΠ·Π°ΠΉΠ½ Π²Π΅Π±-шаблона PSD? — Π›ΠΎΠΌΡ‚ΠΈΠΊΠΈ ΠΏΠ΅Ρ€Ρ†Π°

ΠŸΡ€ΠΎΡ€Π°Π±ΠΎΡ‚Π°Π² Π³ΠΎΠ΄ Π½Π°Π΄ своим бизнСсом Uniquehorn Designs, я нашСл свой фокус. Π― ΠΎΠ±Π½Π°Ρ€ΡƒΠΆΠΈΠ», Ρ‡Ρ‚ΠΎ ΠΌΠΎΠΈ Π»ΡŽΠ±ΠΈΠΌΡ‹Π΅ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Ρ‹ — это созданиС Π²Π΅Π±-шаблонов PSD. МнС нравится ΠΌΠ³Π½ΠΎΠ²Π΅Π½Π½ΠΎΠ΅ ΡƒΠ΄ΠΎΠ²Π»Π΅Ρ‚Π²ΠΎΡ€Π΅Π½ΠΈΠ΅, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ я ΠΏΠΎΠ»ΡƒΡ‡Π°ΡŽ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Adobe Illustrator ΠΈΠ»ΠΈ Photoshop для создания красивого ΠΌΠ°ΠΊΠ΅Ρ‚Π°.

Π§Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ PSD?

МодСль .PSD (Photoshop Document)… Ρ…Ρ€Π°Π½ΠΈΡ‚ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ с ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠΎΠΉ Π±ΠΎΠ»ΡŒΡˆΠΈΠ½ΡΡ‚Π²Π° ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€ΠΎΠ² ΠΎΠ±Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ, доступных Π² Photoshop. К Π½ΠΈΠΌ относятся слои с масками, Ρ†Π²Π΅Ρ‚ΠΎΠ²Ρ‹Π΅ пространства, ΠΏΡ€ΠΎΡ„ΠΈΠ»ΠΈ ICC, ΠΏΡ€ΠΎΠ·Ρ€Π°Ρ‡Π½ΠΎΡΡ‚ΡŒ, тСкст, Π°Π»ΡŒΡ„Π°-ΠΊΠ°Π½Π°Π»Ρ‹ ΠΈ ΠΏΠ»Π°ΡˆΠ΅Ρ‡Π½Ρ‹Π΅ Ρ†Π²Π΅Ρ‚Π°, ΠΊΠΎΠ½Ρ‚ΡƒΡ€Ρ‹ ΠΎΠ±Ρ€Π΅Π·ΠΊΠΈ ΠΈ настройки дуплСкса. — ВикипСдия

Π― ΡƒΠ²Π΅Ρ€Π΅Π½, Ρ‡Ρ‚ΠΎ Ρ‚Π²ΠΎΠΈ Π³Π»Π°Π·Π° просто потускнСли, я знаю, Ρ‡Ρ‚ΠΎ ΠΌΠΎΠΈ Ρ‡ΠΈΡ‚Π°Π»ΠΈ это, ΠΈ я Ρ‚ΠΎΡ‡Π½ΠΎ знаю, Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΌ говорится.

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

Π’ качСствС ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π° я Π±ΡƒΠ΄Ρƒ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΎΠ΄Π½ΠΎ ΠΈΠ· ΠΌΠΎΠΈΡ… ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ ΠΈΠ· ΠΌΠΎΠΈΡ… бСсплатных распСчаток ΠΊΠΎ дню Бвятого Π’Π°Π»Π΅Π½Ρ‚ΠΈΠ½Π°:

Π’ PSD-Ρ„Π°ΠΉΠ»Π΅ этого изобраТСния 3 слоя.

  1. Π’Π΅ΠΌΠ½ΠΎ-Ρ€ΠΎΠ·ΠΎΠ²Ρ‹ΠΉ Π·ΡƒΠ±Ρ‡Π°Ρ‚Ρ‹ΠΉ Ρ„ΠΎΠ½
  2. ВСкстурированная розовая ΠΊΠΎΡ€ΠΎΠ±ΠΊΠ° для Π·Π°ΠΆΠΈΠ³Π°Π»ΠΎΠΊ
  3. XOs

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

Π§Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Π²Π΅Π±-шаблон PSD?

Π’Π΅Π±-шаблон PSD — это Π²Π΅Π±-сайт Π±Π΅Π· ΠΊΠΎΠ΄Π°. Π’ Π½Π΅ΠΌ Π΅ΡΡ‚ΡŒ всС Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½Ρ‹Π΅ элСмСнты Π²Π΅Π±-сайта, Π²ΠΊΠ»ΡŽΡ‡Π°Ρ Ρ„ΠΎΠ½, изобраТСния, ΠΌΠ°ΠΊΠ΅Ρ‚, Ρ‚ΠΈΠΏΠΎΠ³Ρ€Π°Ρ„ΠΈΠΊΡƒ ΠΈ ΠΌΠ½ΠΎΠ³ΠΎΠ΅ Π΄Ρ€ΡƒΠ³ΠΎΠ΅. Но здСсь Π½Π΅Ρ‚ HTML ΠΈΠ»ΠΈ CSS.

На ΠΊΠ°ΠΆΠ΄ΠΎΠΌ слоС Π±ΡƒΠ΄ΡƒΡ‚ Ρ€Π°Π·Π½Ρ‹Π΅ элСмСнты Π²Π΅Π±-сайта. Π£ вас Π±ΡƒΠ΄Π΅Ρ‚ слой для Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏΠ°, Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ°, содСрТимого, Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΈ (ΠΈΠ»ΠΈ нСсколько слоСв Π² ΠΏΠ°ΠΏΠΊΠ΅) ΠΈ Ρ‚Π°ΠΊ Π΄Π°Π»Π΅Π΅.

Π§Ρ‚ΠΎ ΠΌΠ½Π΅ нравится Π² Π΄ΠΈΠ·Π°ΠΉΠ½Π΅ Π²Π΅Π±-шаблонов PSD?

Π― знаю, ΠΊΠ°ΠΊ ΠΏΠΈΡΠ°Ρ‚ΡŒ HTML, CSS ΠΈ Π½Π΅ΠΌΠ½ΠΎΠ³ΠΎ PHP, Π½ΠΎ это Π½Π΅ моя любимая Ρ‡Π°ΡΡ‚ΡŒ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ Π½ΠΎΠ²ΠΎΠ³ΠΎ Π²Π΅Π±-сайта. На созданиС идСального ΠΊΠΎΠ΄Π° Π½Π° Π²Π΅Π±-сайтС Ρƒ мСня ΠΌΠΎΠ³ΡƒΡ‚ ΡƒΠΉΡ‚ΠΈ Π΄Π½ΠΈ. Π’Ρ‹ постоянно смотритС Π½Π° ΠΊΠΎΠ΄, Π° Π·Π°Ρ‚Π΅ΠΌ ΠΏΠ΅Ρ€Π΅ΠΊΠ»ΡŽΡ‡Π°Π΅Ρ‚Π΅ΡΡŒ Π½Π° Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½ΡƒΡŽ ΠΈΠ½Ρ‚Π΅Ρ€ΠΏΡ€Π΅Ρ‚Π°Ρ†ΠΈΡŽ ΠΊΠΎΠ΄Π°, Π° Π·Π°Ρ‚Π΅ΠΌ снова Π²ΠΎΠ·Π²Ρ€Π°Ρ‰Π°Π΅Ρ‚Π΅ΡΡŒ ΠΊ ΠΊΠΎΠ΄Ρƒ.

Π‘ ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Π²Π΅Π±-шаблонов PSD я ΠΌΠΎΠ³Ρƒ просто ΡΠΎΡΡ€Π΅Π΄ΠΎΡ‚ΠΎΡ‡ΠΈΡ‚ΡŒΡΡ Π½Π° Π΄ΠΈΠ·Π°ΠΉΠ½Π΅, красотС ΠΈ ΠΏΠΎΠ·Π²ΠΎΠ»ΠΈΡ‚ΡŒ ΠΊΠΎΠΌΡƒ-Ρ‚ΠΎ Π΅Ρ‰Π΅ ΠΏΠΎΠ·Π°Π±ΠΎΡ‚ΠΈΡ‚ΡŒΡΡ ΠΎ ΠΊΠΎΠ΄Π΅.

Π•ΡΡ‚ΡŒ Ρ‡Ρ‚ΠΎ-Ρ‚ΠΎ чудСсноС Π² Ρ‚ΠΎΠΌ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π½Π°ΠΉΡ‚ΠΈ Π½Π°ΠΏΡ€Π°Π²Π»Π΅Π½ΠΈΠ΅ для своСго бизнСса, Ρ‚ΠΎΡ‡Π½ΠΎ Π·Π½Π°Ρ‚ΡŒ, Ρ‡Ρ‚ΠΎ я люблю, ΠΈ ΡƒΠΌΠ΅Ρ‚ΡŒ это Π΄Π΅Π»Π°Ρ‚ΡŒ: Π²Π΅Π±-ΡˆΠ°Π±Π»ΠΎΠ½Ρ‹ PSD!

Π˜Π·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π·Π½Π°Ρ‡ΠΊΠ° Photoshop ΠΎΡ‚ Young Design

Design ΠŸΡ€ΠΎΡΡ‚ΠΎΠΉ ΠΈ элСгантный бизнСс-шаблон Π² Photoshop — Artfans Design

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

Π’ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎ, объяснСниС этого руководства ΠΏΠΎΠ·Π²ΠΎΠ»ΠΈΡ‚ Π²Π°ΠΌ Π²Ρ‹ΡΠ²ΠΈΡ‚ΡŒ ΠΌΠ½ΠΎΠ³ΠΎ нСдостатков, поТалуйста, расскаТитС ΠΌΠ½Π΅, ΠΊΠ°ΠΊ Π»ΡƒΡ‡ΡˆΠ΅ Π² Π±ΡƒΠ΄ΡƒΡ‰Π΅ΠΌ.

Π’ этом ΡƒΡ€ΠΎΠΊΠ΅ я Π΄Π°ΠΌ Π²Π°ΠΌ основныС шаги ΠΏΠΎ созданию бизнСс-сайта Π² Photoshop, это ΠΎΠ΄Π½Π° ΠΈΠ· ΠΏΠ΅Ρ€Π²Ρ‹Ρ… Π²Π΅Ρ‰Π΅ΠΉ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΌ вас ΡƒΡ‡Π°Ρ‚, ΠΊΠΎΠ³Π΄Π° Π²Ρ‹ ΠΏΠΎΠ»ΡƒΡ‡Π°Π΅Ρ‚Π΅ ΡΡ‚Π΅ΠΏΠ΅Π½ΡŒ Π² области Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π° Π² Π˜Π½Ρ‚Π΅Ρ€Π½Π΅Ρ‚Π΅. Π­Ρ‚ΠΎ простой ΠΌΠ°ΠΊΠ΅Ρ‚, Π½ΠΎ элСгантный Π΄ΠΈΠ·Π°ΠΉΠ½.Π—Π΄Π΅ΡΡŒ я ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽ Adobe Photoshop CS5 ΠΈ стандартныС эффСкты стиля, Π² основном ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽ Drop Shadow. НС особо ΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡΡŒ посторонними источниками ΠΈ малСнькими ΠΈΠΊΠΎΠ½ΠΊΠ°ΠΌΠΈ.

Начиная с

ΠŸΠ΅Ρ€Π΅Π΄ Π½Π°Ρ‡Π°Π»ΠΎΠΌ обучСния, Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎ, Π±ΡƒΠ΄Π΅Ρ‚ ΠΏΠΎΠ»Π΅Π·Π½ΠΎ Π²Π·Π³Π»ΡΠ½ΡƒΡ‚ΡŒ Π½Π° ΠΎΠΊΠΎΠ½Ρ‡Π°Ρ‚Π΅Π»ΡŒΠ½Ρ‹ΠΉ Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚, Ρ‰Π΅Π»ΠΊΠ½ΠΈΡ‚Π΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π½ΠΈΠΆΠ΅, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΡ€ΠΎΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ Π΅Π³ΠΎ Π² ΠΏΠΎΠ»Π½ΠΎΠΌ ΠΌΠ°ΡΡˆΡ‚Π°Π±Π΅.

Ну Ρ‡Ρ‚ΠΎ ΠΆ, приступим…!

Π¨Π°Π³ 1. НастройтС Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚

ΠžΡ‚ΠΊΡ€ΠΎΠΉΡ‚Π΅ Π½ΠΎΠ²Ρ‹ΠΉ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚ Π² Photoshop ΠΈ Π½Π°Π·ΠΎΠ²ΠΈΡ‚Π΅ Π΅Π³ΠΎ Β«elegance_web_layoutΒ» ΠΈΠ»ΠΈ ΠΊΠ°ΠΊ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅, установитС 1000x1000px, Ρ€Π°Π·Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅ 72 пиксСля / дюйм, Ρ†Π²Π΅Ρ‚ RGB 8 Π±ΠΈΡ‚.

Π’Π΅ΠΏΠ΅Ρ€ΡŒ Ρƒ нас Π΅ΡΡ‚ΡŒ ΠΎΠ΄ΠΈΠ½ пустой слой, Π½Π°Π·ΠΎΠ²ΠΈΡ‚Π΅ Π΅Π³ΠΎ Β«backgroundΒ». Π—Π°Ρ‚Π΅ΠΌ установитС Ρ†Π²Π΅Ρ‚ ΠΏΠ΅Ρ€Π΅Π΄Π½Π΅Π³ΠΎ ΠΏΠ»Π°Π½Π° # 212121 , [Alt] + [Del] , Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π·Π°ΠΏΠΎΠ»Π½ΠΈΡ‚ΡŒ слой Ρ†Π²Π΅Ρ‚ΠΎΠΌ ΠΏΠ΅Ρ€Π΅Π΄Π½Π΅Π³ΠΎ ΠΏΠ»Π°Π½Π° , послС этого Π½Π°ΠΆΠΌΠΈΡ‚Π΅ [X] , Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΠ΅Ρ€Π΅ΠΊΠ»ΡŽΡ‡ΠΈΡ‚ΡŒ Ρ†Π²Π΅Ρ‚Π° Ρ„ΠΎΠ½Π° ΠΈ ΠΏΠ΅Ρ€Π΅Π΄Π½Π΅Π³ΠΎ ΠΏΠ»Π°Π½Π° .

Π¨Π°Π³ 2 — Π€ΠΎΠ½

Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π°ΠΊΡ‚ΠΈΠ²ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΠΏΡ€Π°Π²ΠΈΠ»Π° [Ctrl] + [R] . УстановитС Π΄Π²Π΅ Π²Π΅Ρ€Ρ‚ΠΈΠΊΠ°Π»ΡŒΠ½Ρ‹Π΅ Π½Π°ΠΏΡ€Π°Π²Π»ΡΡŽΡ‰ΠΈΠ΅ для ограничСния ΡˆΠΈΡ€ΠΈΠ½Ρ‹ ΠΌΠ°ΠΊΠ΅Ρ‚Π°. Π’ΠΈΠ΄ -> Новая Π½Π°ΠΏΡ€Π°Π²Π»ΡΡŽΡ‰Π°Ρ … УстановитС Π’Π΅Ρ€Ρ‚ΠΈΠΊΠ°Π»ΡŒΠ½Π°Ρ ориСнтация 20 пиксСлСй ΠΈ 980 пиксСлСй , ΠΈΠ»ΠΈ ΠΏΠ΅Ρ€Π΅Ρ‚Π°Ρ‰ΠΈΡ‚Π΅ Π½Π°ΠΏΡ€Π°Π²Π»ΡΡŽΡ‰ΠΈΠ΅ прямо ΠΈΠ· ΠΏΡ€Π°Π²ΠΈΠ».

Π’Π΅ΠΏΠ΅Ρ€ΡŒ Ρƒ нас Π΅ΡΡ‚ΡŒ ΠΎΠ΄ΠΈΠ½ Ρ‚Π΅ΠΌΠ½Ρ‹ΠΉ Ρ„ΠΎΠ½, Π½Π°ΠΌ Π½ΡƒΠΆΠ½ΠΎ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ Π΅ΠΌΡƒ тСкстуру. Π’Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Filter -> Noise -> Add Noise , установитС ( Amount: 0,6 Β°, Distribution: Uniform, Monochrome: on ). ΠŸΠΎΡ‡Π΅ΠΌΡƒ ΡƒΠ½ΠΈΡ„ΠΎΡ€ΠΌΠ° ? ΠžΠΏΡ†ΠΈΡ Uniform распрСдСляСт ΡˆΡƒΠΌ Π±ΠΎΠ»Π΅Π΅ Ρ€Π°Π²Π½ΠΎΠΌΠ΅Ρ€Π½ΠΎ, Ρ‡Π΅ΠΌ опция Gaussian .

Π¨Π°Π³ 3 — Π—Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ ΠΈ Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏ

УстановитС 3 Π½ΠΎΠ²Ρ‹Ρ… Π½Π°ΠΏΡ€Π°Π²Π»ΡΡŽΡ‰ΠΈΡ… (ΠΏΠΎ Π³ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΠΈ: 30 пиксСлСй, 120 пиксСлСй ΠΈ 150 пиксСлСй) для Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ° ΠΈ мСню.Π’ ΠΏΠ°Π½Π΅Π»ΠΈ слоСв создайтС Π½ΠΎΠ²ΡƒΡŽ Π³Ρ€ΡƒΠΏΠΏΡƒ , Π½Π°Π·ΠΎΠ²ΠΈΡ‚Π΅ Π΅Π΅ Β«Π—Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊΒ». ΠŸΡ€Π΅ΠΆΠ΄Π΅, Ρ‡Π΅ΠΌ ΠΌΡ‹ создадим Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏ, Π΄Π°Π²Π°ΠΉΡ‚Π΅ освСтим Π΅Π³ΠΎ. Π‘ΠΎΠ·Π΄Π°ΠΉΡ‚Π΅ Π½ΠΎΠ²Ρ‹ΠΉ слой , Π½Π°Π·ΠΎΠ²ΠΈΡ‚Π΅ Π΅Π³ΠΎ Β«ΠΏΡ€ΠΎΠΆΠ΅ΠΊΡ‚ΠΎΡ€Β». Π‘ΠΎΠ·Π΄Π°ΠΉΡ‚Π΅ ΠΎΠ΄ΠΈΠ½ слой Ρ„ΠΎΡ€ΠΌΡ‹ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Ellipse Tool ,

.

ΠŸΠ΅Ρ€Π΅ΠΌΠ΅ΡΡ‚ΠΈΡ‚Π΅ ΠΈ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚Π΅ Ρ€Π°Π·ΠΌΠ΅Ρ€ эллипса [Ctrl] + [T] ΠΈΠ»ΠΈ ΠŸΡ€Π°Π²ΠΊΠ° -> Π‘Π²ΠΎΠ±ΠΎΠ΄Π½ΠΎΠ΅ ΠΏΡ€Π΅ΠΎΠ±Ρ€Π°Π·ΠΎΠ²Π°Π½ΠΈΠ΅ установитС (X: 260 пиксСлСй, Y: 0 пиксСлСй, Π¨ΠΈΡ€ΠΈΠ½Π°: 180 пиксСлСй ΠΈ Высота: 100 пиксСлСй) . Π’Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ мСню Filter -> Blur -> Lens Blur… УстановитС ΠΈΡ€ΠΈΡΠΎΠ²ΡƒΡŽ Π΄ΠΈΠ°Ρ„Ρ€Π°Π³ΠΌΡƒ (Π€ΠΎΡ€ΠΌΠ°: Π’Ρ€Π΅ΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊ, Радиус: 64, ΠšΡ€ΠΈΠ²ΠΈΠ·Π½Π° лСзвия: 100, Π’Ρ€Π°Ρ‰Π΅Π½ΠΈΠ΅: 0) , послС этого снова ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚Π΅ Ρ€Π°Π·ΠΌΠ΅Ρ€ , установив Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ (X: 260px , T: 30 пиксСлСй, W: 480 пиксСлСй, H: 240 пиксСлСй) , ΠΏΡ€ΠΈΠΌΠ΅Π½ΠΈΡ‚Π΅ слой Β«Ρ‚ΠΎΡ‡Π΅Ρ‡Π½Ρ‹ΠΉ свСт» Ρ€Π΅ΠΆΠΈΠΌ налоТСния ΠΊΠ°ΠΊ Мягкий свСт , установитС Π½Π΅ΠΏΡ€ΠΎΠ·Ρ€Π°Ρ‡Π½ΠΎΡΡ‚ΡŒ 60%.

Π›ΠΎΠ³ΠΎΡ‚ΠΈΠΏ

Π’Π΅ΠΏΠ΅Ρ€ΡŒ Π½Π°ΠΌ Π½ΡƒΠΆΠ½ΠΎ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ Π½ΠΎΠ²Ρ‹ΠΉ Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏ ΠΈΠ»ΠΈ Ρ€Π°Π·ΠΌΠ΅ΡΡ‚ΠΈΡ‚ΡŒ любой ΠΈΠΌΠ΅ΡŽΡ‰ΠΈΠΉΡΡ Ρƒ вас Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏ. Π—Π΄Π΅ΡΡŒ я даю Π½Π°Π·Π²Π°Π½ΠΈΠ΅ Β«ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠΈ Golden Soft Co.Β», создаю New Group Π²Π½ΡƒΡ‚Ρ€ΠΈ Π³Ρ€ΡƒΠΏΠΏΠΎΠ²ΠΎΠ³ΠΎ слоя Β«Π—Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊΒ», Π½Π°Π·ΠΎΠ²ΠΈΡ‚Π΅ Π΅Π³ΠΎ Β«Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏΒ».

Π’Π΅ΠΏΠ΅Ρ€ΡŒ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ Π³ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΡŒΠ½Ρ‹ΠΉ Type Tool [U] , создайтС Ρ‚Π΅ΠΊΡΡ‚ΠΎΠ²ΡƒΡŽ строку 4 (Century Gothic, #fefefe) с Ρ€Π°Π·ΠΌΠ΅Ρ€ΠΎΠΌ ΡˆΡ€ΠΈΡ„Ρ‚Π° (65pt) для Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏΠ° ‘G’ ΠΈ ‘S’, ( 30pt) для названия ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠΈ Golden Soft Co.Β», (12pt) для слогана« УспСх ΠΈ ΡΡ„Ρ„Π΅ΠΊΡ‚ΠΈΠ²Π½ΠΎΡΡ‚ΡŒ вашСй ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠΈ Β», ΠΊΠ°ΠΊ ΠΏΠΎΠΊΠ°Π·Π°Π½ΠΎ Π½Π° рисункС.

ΠŸΡ€ΠΈΠ΄Π°ΠΉΡ‚Π΅ Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏΡƒ Π·ΠΎΠ»ΠΎΡ‚ΠΎΠΉ эффСкт, РастрируйтС ΠΈ ΠžΠ±ΡŠΠ΅Π΄ΠΈΠ½ΠΈΡ‚Π΅ слои Ρ‚ΠΈΠΏΠ° Β«GΒ» ΠΈ Β«SΒ», Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ мСню Layer -> Merge Layers ΠΈ Π½Π°Π·ΠΎΠ²ΠΈΡ‚Π΅ слой Β«GSΒ».

Π”ΠΎΠ±Π°Π²ΡŒΡ‚Π΅ слой Drop Shadow style , установитС (Π Π΅ΠΆΠΈΠΌ налоТСния: Π£ΠΌΠ½ΠΎΠΆΠ΅Π½ΠΈΠ΅, Ρ†Π²Π΅Ρ‚: # 000000, ΠΠ΅ΠΏΡ€ΠΎΠ·Ρ€Π°Ρ‡Π½ΠΎΡΡ‚ΡŒ: 75%, Π£Π³ΠΎΠ»: 120, , Β°, РасстояниС: 5 пиксСлСй, РаспространСниС: 0%, Π Π°Π·ΠΌΠ΅Ρ€: 5 пиксСлСй) .

Π”ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ Π‘Ρ‚ΠΈΠ»ΡŒ Π²Π½ΡƒΡ‚Ρ€Π΅Π½Π½Π΅ΠΉ Ρ‚Π΅Π½ΠΈ . УстановитС структуру Ρ‚Π°ΠΊ ΠΆΠ΅, ΠΊΠ°ΠΊ ΡΡ‚ΠΈΠ»ΡŒ Drop Shadow , Π·Π° ΠΈΡΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΠ΅ΠΌ (Π½Π΅ΠΏΡ€ΠΎΠ·Ρ€Π°Ρ‡Π½ΠΎΡΡ‚ΡŒ: 30%, ΠΏΠΎΠ΄Π°Π²Π»Π΅Π½ΠΈΠ΅: 0%) .

Π”ΠΎΠ±Π°Π²ΡŒΡ‚Π΅ Π‘Ρ‚ΠΈΠ»ΡŒ налоТСния Π³Ρ€Π°Π΄ΠΈΠ΅Π½Ρ‚Π° , установитС (Π Π΅ΠΆΠΈΠΌ налоТСния: ΠΠΎΡ€ΠΌΠ°Π»ΡŒΠ½Ρ‹ΠΉ, ΠΠ΅ΠΏΡ€ΠΎΠ·Ρ€Π°Ρ‡Π½ΠΎΡΡ‚ΡŒ: 100%, Π‘Ρ‚ΠΈΠ»ΡŒ: ΠžΡ‚Ρ€Π°ΠΆΠ΅Π½Π½Ρ‹ΠΉ, Π’Ρ‹Ρ€ΠΎΠ²Π½ΡΡ‚ΡŒ ΠΏΠΎ слою: ΠΎΡ‚ΠΌΠ΅Ρ‚ΡŒΡ‚Π΅, Π£Π³ΠΎΠ»: -128 Β°, ΠœΠ°ΡΡˆΡ‚Π°Π±: 150%) . Π©Π΅Π»ΠΊΠ½ΠΈΡ‚Π΅ Π³Ρ€Π°Π΄ΠΈΠ΅Π½Ρ‚ , Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚ΡŒ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ Π³Ρ€Π°Π΄ΠΈΠ΅Π½Ρ‚Π° , Π² Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π΅ Π³Ρ€Π°Π΄ΠΈΠ΅Π½Ρ‚Π° Π΄ΠΎΠ±Π°Π²ΡŒΡ‚Π΅ 5 Ρ†Π²Π΅Ρ‚ΠΎΠ²Ρ‹Ρ… Ρ‚ΠΎΡ‡Π΅ΠΊ Π² 5 мСстополоТСниях 1.(располоТСниС: 0%, Ρ†Π²Π΅Ρ‚: # aa8630) — 2. (располоТСниС: 26%, Ρ†Π²Π΅Ρ‚: # f4da70) — 3. (располоТСниС: 46%, Ρ†Π²Π΅Ρ‚: # b4934c) — 4. (располоТСниС: 78%, Ρ†Π²Π΅Ρ‚: # 75530c) — 5. (располоТСниС: 99%, Ρ†Π²Π΅Ρ‚: # 533a06) ΠΊΠ°ΠΊ ΠΏΠΎΠΊΠ°Π·Π°Π½ΠΎ Π½Π° рисункС.

И Π΄ΠΎΠ±Π°Π²ΡŒΡ‚Π΅ ΡΡ‚ΠΈΠ»ΡŒ Drop Shadow для названия ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠΈ ΠΈ слоган, Ρ‚Π°ΠΊΠΎΠΉ ΠΆΠ΅, ΠΊΠ°ΠΊ Ρƒ Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏΠ°, Π½ΠΎ установитС Distance ΠΈ Size Shadow 2px .

МСню Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΈ

ΠŸΡ€Π΅ΠΆΠ΄Π΅, установитС ΠΏΠ΅Ρ€Π΅Π΄Π½ΠΈΠΉ ΠΏΠ»Π°Π½ Ρ†Π²Π΅Ρ‚ # b78b16 ΠΈ Ρ„ΠΎΠ½ Ρ†Π²Π΅Ρ‚ #ffffff , Π΄ΠΎΠ±Π°Π²ΡŒΡ‚Π΅ слой New Group , Π½Π°Π·ΠΎΠ²ΠΈΡ‚Π΅ Π΅Π³ΠΎ «навигация».Π‘ΠΎΠ·Π΄Π°ΠΉΡ‚Π΅ слой-Ρ„ΠΈΠ³ΡƒΡ€Ρƒ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ инструмСнта Rectangle Tool [U] Ρ€Π°Π·ΠΌΠ΅Ρ€ΠΎΠΌ (высота: 30 пиксСлСй, ΡˆΠΈΡ€ΠΈΠ½Π°: 960 пиксСлСй) ΠΈΠ»ΠΈ ΠΏΠ΅Ρ€Π΅Ρ‚Π°Ρ‰ΠΈΡ‚Π΅ ΠΏΠΎ Π΄Π²ΡƒΠΌ Π³ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΡŒΠ½Ρ‹ΠΌ Π½Π°ΠΏΡ€Π°Π²Π»ΡΡŽΡ‰ΠΈΠΌ , ΠΊΠ°ΠΊ ΠΏΠΎΠΊΠ°Π·Π°Π½ΠΎ Π½Π° рисункС, ΠΈ Π½Π°Π·ΠΎΠ²ΠΈΡ‚Π΅ слой Β«nav_bgΒ»

Π’Π΅ΠΏΠ΅Ρ€ΡŒ Π΄ΠΎΠ±Π°Π²ΡŒΡ‚Π΅ эффСкт Gradient Overlay style Π½Π° Β«nav_bgΒ», установитС (Π Π΅ΠΆΠΈΠΌ налоТСния: Π£ΠΌΠ½ΠΎΠΆΠ΅Π½ΠΈΠ΅, ΠΠ΅ΠΏΡ€ΠΎΠ·Ρ€Π°Ρ‡Π½ΠΎΡΡ‚ΡŒ: 100%, Π‘Ρ‚ΠΈΠ»ΡŒ: Π›ΠΈΠ½Π΅ΠΉΠ½Ρ‹ΠΉ, Π’Ρ‹Ρ€ΠΎΠ²Π½ΡΡ‚ΡŒ ΠΏΠΎ слою: ΠΏΡ€ΠΎΠ²Π΅Ρ€ΠΈΡ‚ΡŒ, Π£Π³ΠΎΠ»: 90 Β°, ΠœΠ°ΡΡˆΡ‚Π°Π±: 100%) . Π©Π΅Π»ΠΊΠ½ΠΈΡ‚Π΅ Π³Ρ€Π°Π΄ΠΈΠ΅Π½Ρ‚, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚ΡŒ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ Π³Ρ€Π°Π΄ΠΈΠ΅Π½Ρ‚Π°, Π² Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π΅ Π³Ρ€Π°Π΄ΠΈΠ΅Π½Ρ‚Π° установитС Π»Π΅Π²Ρ‹ΠΉ (располоТСниС: 0%, Ρ†Π²Π΅Ρ‚: #bebebe) , Π° ΠΏΡ€Π°Π²Ρ‹ΠΉ (располоТСниС: 100%, Ρ†Π²Π΅Ρ‚: #ffffff) .

Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ инструмСнт Line (вСс: 1px) , нарисуйтС линию Π²Π²Π΅Ρ€Ρ…Ρƒ Β«nav_bgΒ», Π΄Π°ΠΉΡ‚Π΅ Π»ΠΈΠ½ΠΈΠΈ слоя имя Β«nav_lineΒ», Π΄ΠΎΠ±Π°Π²ΡŒΡ‚Π΅ слой Drop Shadow style , установитС структуру (Blend Mode: Linear Light , Ρ†Π²Π΅Ρ‚: # 000000, Π½Π΅ΠΏΡ€ΠΎΠ·Ρ€Π°Ρ‡Π½ΠΎΡΡ‚ΡŒ: 100%, ΡƒΠ³ΠΎΠ»: 90 Β°, расстояниС: 1 пиксСль, распространСниС: 0%, Ρ€Π°Π·ΠΌΠ΅Ρ€: 4 пиксСля) .

Π”ΠΎΠ±Π°Π²ΡŒΡ‚Π΅ Ρ‚Π΅ΠΊΡΡ‚ΠΎΠ²ΡƒΡŽ строку для ΠΏΡƒΠ½ΠΊΡ‚ΠΎΠ² мСню Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΈ, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡ (Arial, 12pt, # 222222) , All Caps , ΠΈ Π·Π°Π΄Π°ΠΉΡ‚Π΅ ΠΈΠ½Ρ‚Π΅Ρ€Π²Π°Π» ΠΌΠ΅ΠΆΠ΄Ρƒ словами ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π½ΠΎ 30 пиксСлСй ΠΈΠ»ΠΈ 7-ΠΊΡ€Π°Ρ‚Π½Ρ‹ΠΉ ΠΈΠ½Ρ‚Π΅Ρ€Π²Π°Π».Π”ΠΎΠ±Π°Π²ΡŒΡ‚Π΅ Drop Shadow style (Π Π΅ΠΆΠΈΠΌ налоТСния: Π­ΠΊΡ€Π°Π½, Π¦Π²Π΅Ρ‚: # 7c6018, ΠΠ΅ΠΏΡ€ΠΎΠ·Ρ€Π°Ρ‡Π½ΠΎΡΡ‚ΡŒ: 75%, АнгСл: 120 Β°, РасстояниС: 1px, Π Π°Π·ΠΌΠ°Ρ…: 0%, Π Π°Π·ΠΌΠ΅Ρ€: 0px) .

НарисуйтС линию для распрСдСлСния ΠΌΠ΅ΠΆΠ΄Ρƒ элСмСнтами мСню (высота: 30 пиксСлСй, Ρ†Π²Π΅Ρ‚: # 222222) , Π΄ΠΎΠ±Π°Π²ΡŒΡ‚Π΅ ΡΡ‚ΠΈΠ»ΡŒ Ρ‚Π΅Π½ΠΈ Ρ‚Π°ΠΊΠΎΠΉ ΠΆΠ΅, ΠΊΠ°ΠΊ ΡΡ‚ΠΈΠ»ΡŒ элСмСнтов мСню, Π·Π° ΠΈΡΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΠ΅ΠΌ Ρ‚ΠΎΠ³ΠΎ, Ρ‡Ρ‚ΠΎ АнгСл установил Π΅Π³ΠΎ 180 Β° .

Π’Π΅ΠΏΠ΅Ρ€ΡŒ ΠΌΡ‹ добавляСм Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½Π½ΠΎΠ΅ мСню Π²Π²Π΅Ρ€Ρ…Ρƒ справа (Arial, 12pt, #

0) ΠΈ добавляСм Drop Shadow style с Π½Π°Π±ΠΎΡ€ΠΎΠΌ (Blend Mode: Multiply, Color: # 000000, Opacity: 75%, Angel: 120 Β°, РасстояниС: 1px, Π Π°Π·ΠΌΠ°Ρ…: 0%, Π Π°Π·ΠΌΠ΅Ρ€: 1px).

Π€ΠΎΡ€ΠΌΠ° поиска

Π”ΠΎΠ±Π°Π²ΡŒΡ‚Π΅ слой New Group Π²Π½ΡƒΡ‚Ρ€ΠΈ слоя Π³Ρ€ΡƒΠΏΠΏΡ‹ Β«HeaderΒ», Π΄ΠΎΠ±Π°Π²ΡŒΡ‚Π΅ Π½ΠΎΠ²Ρ‹Π΅ 2 Π²Π΅Ρ€Ρ‚ΠΈΠΊΠ°Π»ΡŒΠ½Ρ‹Π΅ Π½Π°ΠΏΡ€Π°Π²Π»ΡΡŽΡ‰ΠΈΠ΅ (40px ΠΈ 960px), нарисуйтС слой Ρ„ΠΎΡ€ΠΌΡ‹ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ инструмСнта Rectangle Tool [U] (Ρ†Π²Π΅Ρ‚: # 1a1a1a, Width: 240px , Высота: 24px, позиция X: 855px, Y: 87,5px) Π½Π°Π·ΠΎΠ²ΠΈΡ‚Π΅ слой Β«ΠΎΠΊΠ½ΠΎ поиска». Π”ΠΎΠ±Π°Π²ΡŒΡ‚Π΅ ΡΡ‚ΠΈΠ»ΡŒ ΠΎΠ±Π²ΠΎΠ΄ΠΊΠΈ (Π Π°Π·ΠΌΠ΅Ρ€: 1 пиксСль, ПолоТСниС: Π’Π½ΡƒΡ‚Ρ€ΠΈ, Π Π΅ΠΆΠΈΠΌ налоТСния: ΠΠΎΡ€ΠΌΠ°Π»ΡŒΠ½Ρ‹ΠΉ, ΠΠ΅ΠΏΡ€ΠΎΠ·Ρ€Π°Ρ‡Π½ΠΎΡΡ‚ΡŒ: 100%, Π¦Π²Π΅Ρ‚ Ρ‚ΠΈΠΏΠ° Π·Π°Π»ΠΈΠ²ΠΊΠΈ: #

0) .

Π’Π²Π΅Π΄ΠΈΡ‚Π΅ Ρ‚Π΅ΠΊΡΡ‚ΠΎΠ²ΡƒΡŽ строку Β«SearchΒ» Π½Π°Π΄ Π»Π΅Π²Ρ‹ΠΌ ΠΏΠΎΠ»Π΅ΠΌ (Arial, 12pt, #

0) ΠΈ Π΄ΠΎΠ±Π°Π²ΡŒΡ‚Π΅ Π·Π½Π°Ρ‡ΠΎΠΊ ΡƒΠ²Π΅Π»ΠΈΡ‡ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΠ³ΠΎ стСкла для ΠΊΠ½ΠΎΠΏΠΊΠΈ поиска Π² ΠΏΡ€Π°Π²ΠΎΠΌ Π±ΠΎΠΊΠΎΠ²ΠΎΠΌ ΠΏΠΎΠ»Π΅ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ инструмСнта Β«Π’ΠΈΠΏ Β» (Webdings, 24pt, Ρ†Π²Π΅Ρ‚ #

0) , Π²Π²Π΅Π΄ΠΈΡ‚Π΅ тСкст Β«LΒ», ΠΏΠΎΠ²Π΅Ρ€Π½ΡƒΡ‚ΡŒ Π½Π° 45 Β°.

ΠŸΠ΅Ρ€Π΅Π΄ Ρ‚Π΅ΠΌ, ΠΊΠ°ΠΊ ΠΏΠ΅Ρ€Π΅ΠΉΡ‚ΠΈ ΠΊ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰Π΅ΠΌΡƒ ΡˆΠ°Π³Ρƒ, ΠΌΡ‹ сдСлали Π²Π΅Ρ€Ρ‚ΠΈΠΊΠ°Π»ΡŒΠ½ΡƒΡŽ Π½Π°ΠΏΡ€Π°Π²Π»ΡΡŽΡ‰ΡƒΡŽ Π½Π° 40px , пСрСмСститС Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏ, Π²Ρ‹Π±Ρ€Π°Π² logo Group layer , пСрСмСститС 20px Π²ΠΏΡ€Π°Π²ΠΎ, ΠΊΠ°ΠΊ ΠΏΠΎΠΊΠ°Π·Π°Π½ΠΎ Π½Π° рисункС Π½ΠΈΠΆΠ΅.

Π¨Π°Π³ 4 — Π‘ΠΎΠ»ΡŒΡˆΠΎΠΉ Π±Π°Π½Π½Π΅Ρ€

Новая Π½Π°ΠΏΡ€Π°Π²Π»ΡΡŽΡ‰Π°Ρ (ΠΏΠΎ Π³ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΠΈ , 500 пиксСлСй) , нарисуйтС слой Ρ„ΠΎΡ€ΠΌΡ‹ (ΡˆΠΈΡ€ΠΈΠ½Π°: 960 пиксСлСй, высота: 350 пиксСлСй, Ρ†Π²Π΅Ρ‚: # 000000) ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚Π΅ Ρ€Π΅ΠΆΠΈΠΌ налоТСния слоя (Π­ΠΊΡ€Π°Π½) , Π΄ΠΎΠ±Π°Π²ΡŒΡ‚Π΅ Π‘Ρ‚ΠΎΠΊ style (Π Π°Π·ΠΌΠ΅Ρ€: 10 пиксСлСй, ПолоТСниС: Π’Π½ΡƒΡ‚Ρ€ΠΈ, Π Π΅ΠΆΠΈΠΌ налоТСния: ΠΠΎΡ€ΠΌΠ°Π»ΡŒΠ½Ρ‹ΠΉ, ΠΠ΅ΠΏΡ€ΠΎΠ·Ρ€Π°Ρ‡Π½ΠΎΡΡ‚ΡŒ: 50%, Π¦Π²Π΅Ρ‚ Ρ‚ΠΈΠΏΠ° Π·Π°Π»ΠΈΠ²ΠΊΠΈ: # 141414).

Π‘ΠΎΠ·Π΄Π°ΠΉΡ‚Π΅ 2 Π»ΠΈΠ½ΠΈΠΈ, Ρ€Π°Π²Π½Ρ‹Π΅ Ρ€Π°Π·ΠΌΠ΅Ρ€Ρƒ Π΄Π»ΠΈΠ½Π½ΠΎΠ³ΠΎ ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊΠ°, ΠΏΠΎΠ΄ ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊΠΎΠΌ, каТдая линия Π±ΡƒΠ΄Π΅Ρ‚ ΠΈΠΌΠ΅Ρ‚ΡŒ Ρ†Π²Π΅Ρ‚ # 0F0F0F ΠΈ # 282828 , ΠΊΠ°ΠΊ ΠΏΠΎΠΊΠ°Π·Π°Π½ΠΎ Π½Π° рисункС

Π”ΠΎΠ±Π°Π²ΡŒΡ‚Π΅ Ρ‚Π΅ΠΌΠ½ΡƒΡŽ Ρ‚Π΅Π½ΡŒ ΠΏΠΎΠ΄ Β«border2Β», ΠΏΡ€ΠΎΠ΄ΡƒΠ±Π»ΠΈΡ€ΡƒΠΉΡ‚Π΅ слой Β«border2Β» ΠΈΠ»ΠΈ создайтС Π½ΠΎΠ²ΡƒΡŽ линию, Π·Π°Ρ‚Π΅ΠΌ Π΄ΠΎΠ±Π°Π²ΡŒΡ‚Π΅ ΡΡ‚ΠΈΠ»ΡŒ Drop Shadow (Π Π΅ΠΆΠΈΠΌ налоТСния: Π£ΠΌΠ½ΠΎΠΆΠ΅Π½ΠΈΠ΅, Π¦Π²Π΅Ρ‚: # 000000, ΠΠ΅ΠΏΡ€ΠΎΠ·Ρ€Π°Ρ‡Π½ΠΎΡΡ‚ΡŒ: 75%, АнгСл: 90 Β°, Distance: 2px, Spread: 0%, Size: 4px, Contour: Cone) . Π©Π΅Π»ΠΊΠ½ΠΈΡ‚Π΅ ΠΏΡ€Π°Π²ΠΎΠΉ ΠΊΠ½ΠΎΠΏΠΊΠΎΠΉ ΠΌΡ‹ΡˆΠΈ Π½Π° скопированном слоС Β«border2 copyΒ» ΠΈ Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Rasterize Layer .Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ инструмСнт «Ластик Β» [E] (Ρ€Π°Π·ΠΌΠ΅Ρ€: 400 пиксСлСй, ΠΆΠ΅ΡΡ‚ΠΊΠΎΡΡ‚ΡŒ: 0%) Π·Π°Ρ‚Π΅ΠΌ сотритС слой слСва ΠΈ справа ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π½ΠΎ Π½Π° 100 пиксСлСй Π² Ρ†Π΅Π½Ρ‚Ρ€Π°Π»ΡŒΠ½ΠΎΠΌ ΠΏΠΎΠ»ΠΎΠΆΠ΅Π½ΠΈΠΈ ΠΌΡ‹ΡˆΠΈ с ΠΊΠ°ΠΆΠ΄ΠΎΠΉ стороны ΠΈΠ»ΠΈ ΠΊΠ°ΠΊ ΠΏΠΎΠΊΠ°Π·Π°Π½ΠΎ Π½Π° рисункС ΠΈ ΠΏΠ΅Ρ€Π΅Ρ‚Π°Ρ‰ΠΈΡ‚Π΅ Π·Π° ΠΏΡ€Π΅Π΄Π΅Π»Ρ‹ холст.

Π”ΠΎΠ±Π°Π²ΡŒΡ‚Π΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ ΠΏΠΎΠ²Π΅Ρ€Ρ… Β«Π±Π°Π½Π½Π΅Ρ€Π½ΠΎΠΉ ΠΊΠΎΡ€ΠΎΠ±ΠΊΠΈΒ», Ρ€Π°Π·ΠΌΠ΅Ρ€ изобраТСния Π΄ΠΎΠ»ΠΆΠ΅Π½ Π±Ρ‹Ρ‚ΡŒ большС 960×500 пиксСлСй, порядок слоя изобраТСния Π΄ΠΎΠ»ΠΆΠ΅Π½ Π±Ρ‹Ρ‚ΡŒ ΠΏΠΎΠ²Π΅Ρ€Ρ… слоя Β«Π±Π°Π½Π½Π΅Ρ€Π½ΠΎΠΉ ΠΊΠΎΡ€ΠΎΠ±ΠΊΠΈΒ».

Π©Π΅Π»ΠΊΠ½ΠΈΡ‚Π΅ ΠΏΡ€Π°Π²ΠΎΠΉ ΠΊΠ½ΠΎΠΏΠΊΠΎΠΉ ΠΌΡ‹ΡˆΠΈ Π½Π° слоС изобраТСния, Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Create Clipping Mask .Π Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚ ΠΏΠΎΠΊΠ°Π·Π°Π½ Π½Π° ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ΅ Π½ΠΈΠΆΠ΅

Π¨Π°Π³ 5 — ОсновноС содСрТаниС

Π—Π΄Π΅ΡΡŒ ΠΌΡ‹ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅ΠΌ систСму сСтки 960 с 12 столбцами, Π³Π΄Π΅ ΠΊΠ°ΠΆΠ΄Ρ‹ΠΉ столбСц ΠΈΠΌΠ΅Π΅Ρ‚ ΡˆΠΈΡ€ΠΈΠ½Ρƒ 60 пиксСлСй, поля столбца 20 пиксСлСй, внСшниС поля 10 пиксСлСй. Π’Ρ‹ Ρ‚Π°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ этот шаблон сСтки 960 Π² качСствС руководства.

ΠŸΡ€Π΅ΠΆΠ΄Π΅ Ρ‡Π΅ΠΌ ΠΏΡ€ΠΎΠ΄ΠΎΠ»ΠΆΠΈΡ‚ΡŒ Π΄ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΠ΅ основного содСрТимого, Π»ΡƒΡ‡ΡˆΠ΅ Ρ€Π°Π·Π΄Π΅Π»ΠΈΡ‚ΡŒ ΡˆΠΈΡ€ΠΈΠ½Ρƒ Π½Π° 3 столбца, ΠΊΠ°ΠΆΠ΄Ρ‹ΠΉ столбСц ΠΈΠΌΠ΅Π΅Ρ‚ ΡˆΠΈΡ€ΠΈΠ½Ρƒ 300 пиксСлСй (2 для основного содСрТимого, 1 для Π±ΠΎΠΊΠΎΠ²ΠΎΠΉ ΠΏΠ°Π½Π΅Π»ΠΈ), Π΄ΠΎΠ±Π°Π²ΠΈΠ² 6 Π½ΠΎΠ²Ρ‹Ρ… Π½Π°ΠΏΡ€Π°Π²Π»ΡΡŽΡ‰ΠΈΡ… (ΠΏΠΎ Π²Π΅Ρ€Ρ‚ΠΈΠΊΠ°Π»ΠΈ, 30–330 пиксСлСй, 350–650 пиксСлСй , 670–970 пиксСлСй) .

Π”ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ Новая Π³Ρ€ΡƒΠΏΠΏΠ° слой «ОсновноС содСрТимоС», Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ Π½ΠΎΠ²Ρ‹ΠΉ тСкст для Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ° содСрТимого (Arial, normal, 24pt, # a67e14) , Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ нСсколько Π·Π½Π°Ρ‡ΠΊΠΎΠ² слСва ΠΎΡ‚ тСкста Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ°.

Π”ΠΎΠ±Π°Π²ΡŒΡ‚Π΅ слой Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ° Drop Shadow style (Ρ€Π΅ΠΆΠΈΠΌ налоТСния: ΡƒΠΌΠ½ΠΎΠΆΠ΅Π½ΠΈΠ΅, Ρ†Π²Π΅Ρ‚ # 000000, Π½Π΅ΠΏΡ€ΠΎΠ·Ρ€Π°Ρ‡Π½ΠΎΡΡ‚ΡŒ 75%, Π°Π½Π³Π΅Π»: -90 градусов, расстояниС: 1 пиксСль, распространСниС: 0%, Ρ€Π°Π·ΠΌΠ΅Ρ€: 1 пиксСль).

Π”ΠΎΠ±Π°Π²ΡŒΡ‚Π΅ ΠΏΠΎΠ΄Ρ‡Π΅Ρ€ΠΊΠΈΠ²Π°Π½ΠΈΠ΅ для тСкста Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ°, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡ инструмСнт Line Tool [U] нарисуйтС Π½ΠΎΠ²ΡƒΡŽ строку (ΡˆΠΈΡ€ΠΈΠ½Π°: 600 пиксСлСй, высота: 1 пиксСлСй) Π½Π° 20 пиксСлСй ΠΏΠΎΠ΄ тСкстом Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ°.Π”ΠΎΠ±Π°Π²ΡŒΡ‚Π΅ Drop Shadow style (Ρ€Π΅ΠΆΠΈΠΌ налоТСния: Π½ΠΎΡ€ΠΌΠ°Π»ΡŒΠ½Ρ‹ΠΉ, Ρ†Π²Π΅Ρ‚: # 0f0f0f, Π½Π΅ΠΏΡ€ΠΎΠ·Ρ€Π°Ρ‡Π½ΠΎΡΡ‚ΡŒ: 100%, Π°Π½Π³Π΅Π»: 90 Β°, расстояниС: 1 пиксСль, распространСниС: 0%, Ρ€Π°Π·ΠΌΠ΅Ρ€: 0 пиксСлСй).

Π”ΠΎΠ±Π°Π²ΡŒΡ‚Π΅ тСкст содСрТимого, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ Π³ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΡŒΠ½Ρ‹ΠΉ Ρ‚ΠΈΠΏ инструмСнта (Arial, 12pt, ΠΈΠ½Ρ‚Π΅Ρ€Π»ΠΈΠ½ΡŒΡΠΆ 20pt, # c0c0c0) , Π²Π²Π΅Π΄ΠΈΡ‚Π΅ ΠΏΡ€ΠΎΠ±Π΅Π» (ΡˆΠΈΡ€ΠΈΠ½Π°: 620 пиксСлСй) Π΄ΠΎΠ±Π°Π²ΡŒΡ‚Π΅ тСкст (ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ Π³Π΅Π½Π΅Ρ€Π°Ρ‚ΠΎΡ€ lorem ipsum) ΠΈ Π΄ΠΎΠ±Π°Π²ΡŒΡ‚Π΅ тСкстовых ссылок β€œ ΠΏΠΎΠ΄Ρ€ΠΎΠ±Π½Π΅Π΅ Β» (Arial 12pt, ΠΆΠΈΡ€Π½Ρ‹ΠΉ, # a67e14) .

Π”ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ Π²ΡΠΏΠΎΠΌΠΎΠ³Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎΠ΅ содСрТимоС / Π»Π΅Π²ΠΎΠ΅ ΠΈ ΠΏΡ€Π°Π²ΠΎΠ΅ содСрТимоС ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ Ρ‚Ρƒ ΠΆΠ΅ Ρ‚Π΅Ρ…Π½ΠΈΠΊΡƒ, Ρ‡Ρ‚ΠΎ ΠΈ основноС содСрТимоС, Π½ΠΎ Ρ€Π°Π·ΠΌΠ΅Ρ€ ΡˆΡ€ΠΈΡ„Ρ‚Π° для Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ° составляСт 18pt, тСкстовоС пространство для ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ Π²ΡΠΏΠΎΠΌΠΎΠ³Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎΠ³ΠΎ содСрТимого — 300 пиксСлСй.Как ΠΏΠΎΠΊΠ°Π·Π°Π½ΠΎ Π½Π° Ρ„ΠΎΡ‚ΠΎ

Π¨Π°Π³ 6 — Боковая панСль

Π”ΠΎΠ±Π°Π²ΡŒΡ‚Π΅ 2 Π½ΠΎΠ²Ρ‹Ρ… Π³Ρ€ΡƒΠΏΠΏ Β«sidebar1Β» ΠΈ Β«sidebar2Β», ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ инструмСнт Rectangle Tool [U] , нарисуйтС 2 ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊΠ° справа Π² ΠΎΠ΄Π½ΠΎΠΌ столбцС с ΠΊΠ°ΠΆΠ΄Ρ‹ΠΌ Ρ€Π°Π·ΠΌΠ΅Ρ€ΠΎΠΌ (300x200px, # 000000) ΠΈ (300x140px) , Π΄ΠΎΠ±Π°Π²ΡŒΡ‚Π΅ слой Stroke style (Ρ€Π°Π·ΠΌΠ΅Ρ€: 1px, ΠΏΠΎΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅: Π²Π½ΡƒΡ‚Ρ€ΠΈ, Ρ€Π΅ΠΆΠΈΠΌ налоТСния: Π½ΠΎΡ€ΠΌΠ°Π»ΡŒΠ½Ρ‹ΠΉ, Π½Π΅ΠΏΡ€ΠΎΠ·Ρ€Π°Ρ‡Π½ΠΎΡΡ‚ΡŒ: 100%, Ρ†Π²Π΅Ρ‚ Π·Π°Π»ΠΈΠ²ΠΊΠΈ: # 282828) .

Π”ΠΎΠ±Π°Π²ΡŒΡ‚Π΅ Ρ‚Π΅ΠΊΡΡ‚ΠΎΠ²ΡƒΡŽ строку для Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ° (Arial 18pt, Regular, # 808080) , ΠΏΠΎΠ»Π΅ 10 пиксСлСй Π²Π½ΡƒΡ‚Ρ€ΠΈ поля.Для Π³Ρ€Π°Π½ΠΈΡ† Π»ΠΈΠ½ΠΈΠΉ ΠΈ содСрТимого ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ Ρ‚Π° ΠΆΠ΅ Ρ‚Π΅Ρ…Π½ΠΈΠΊΠ°, Ρ‡Ρ‚ΠΎ ΠΈ для основного содСрТимого, ΠΊΠ°ΠΊ ΠΏΠΎΠΊΠ°Π·Π°Π½ΠΎ Π½Π° рисункС.

Π¨Π°Π³ 7. НиТний ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ»

Π”ΠΎΠ±Π°Π²ΡŒΡ‚Π΅ New Group слой «НиТний ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ»Β», Π΄ΠΎΠ±Π°Π²ΡŒΡ‚Π΅ New Guide (Horizontal 920px) . Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ инструмСнт Rectangle Tool [U] , нарисуйтС Π΅Π³ΠΎ Π²Π½ΠΈΠ·Ρƒ (1000x80px, # 191919).

НСсколько Π’Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Π»ΠΈΠ½ΠΈΠΈ Π³Ρ€Π°Π½ΠΈΡ†Ρ‹ для Π±Π°Π½Π½Π΅Ρ€Π°, Π©Π΅Π»ΠΊΠ½ΠΈΡ‚Π΅ ΠΏΡ€Π°Π²ΠΎΠΉ ΠΊΠ½ΠΎΠΏΠΊΠΎΠΉ ΠΌΡ‹ΡˆΠΈ ΠΈ Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Π”ΡƒΠ±Π»ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ слои… , Ρ‡Π΅ΠΌ , пСрСмСститС слои Π² Π³Ρ€ΡƒΠΏΠΏΡƒ Β«Π½ΠΈΠΆΠ½ΠΈΠΉ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ»Β», Π·Π°Ρ‚Π΅ΠΌ пСрСмСститС ΠΈΡ… Π² ΠΏΠΎΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ (Y: 920px) ΠΊΠ°ΠΊ послСднСС руководство, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ ΠΌΡ‹ сдСлали, Π½Π°ΠΆΠΌΠΈΡ‚Π΅ [Shift] + [Π²Π½ΠΈΠ·] .

НСсколько Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ всС слои Π³Ρ€Π°Π½ΠΈΡ† Π² Π³Ρ€ΡƒΠΏΠΏΠ΅ Β«Π½ΠΈΠΆΠ½ΠΈΠΉ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ»Β», Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ мСню ΠŸΡ€Π°Π²ΠΊΠ° — ΠŸΡ€Π΅ΠΎΠ±Ρ€Π°Π·ΠΎΠ²Π°Ρ‚ΡŒ — ΠžΡ‚Ρ€Π°Π·ΠΈΡ‚ΡŒ ΠΏΠΎ Π²Π΅Ρ€Ρ‚ΠΈΠΊΠ°Π»ΠΈ . Π˜Π·ΠΌΠ΅Π½ΠΈΡ‚Π΅ Ρ€Π°Π·ΠΌΠ΅Ρ€ слоСв Β«border1 copyΒ» ΠΈ Β«border2 copyΒ» (ΡˆΠΈΡ€ΠΈΠ½Π°: 1000 пиксСлСй) . Π’Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ слой Β«border2 shadows copyΒ» ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚Π΅ слой Π‘Ρ‚ΠΈΠ»ΡŒ Drop Shadow (Π£Π³ΠΎΠ»: -90 Β°) .

Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ инструмСнт Type Tool , Π΄ΠΎΠ±Π°Π²ΡŒΡ‚Π΅ тСкстовоС мСню (Arial, Regular, 12pt, # 3d3d3d) , Π΄ΠΎΠ±Π°Π²ΡŒΡ‚Π΅ ΡΡ‚ΠΈΠ»ΡŒ Ρ‚Π΅Π½ΠΈ Drop Shadow (Ρ€Π΅ΠΆΠΈΠΌ налоТСния: Π½ΠΎΡ€ΠΌΠ°Π»ΡŒΠ½Ρ‹ΠΉ, Ρ†Π²Π΅Ρ‚: # 000000, Π½Π΅ΠΏΡ€ΠΎΠ·Ρ€Π°Ρ‡Π½ΠΎΡΡ‚ΡŒ: 100%, Π°Π½Π³Π΅Π»: 120 Β°, РасстояниС: 1 пикс., Π Π°Π·ΠΌΠ°Ρ…: 0%, Π Π°Π·ΠΌΠ΅Ρ€: 1 пикс.) .

Π’ ΠΊΠΎΠ½Ρ†Π΅ Π΄ΠΎΠ±Π°Π²ΡŒΡ‚Π΅ Ρ‚Π΅ΠΊΡΡ‚ΠΎΠ²ΡƒΡŽ строку (Arial, 11pt, # 7d7d7d) .

Π—Π°Π²Π΅Ρ€ΡˆΠ΅Π½ΠΈΠ΅ ΠΈ Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠ°

ΠŸΠΎΠ·Π΄Ρ€Π°Π²Π»ΡΡŽ, ΠΌΡ‹ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Π°Π»ΠΈ элСгантный ΠΈ ΠΊΡ€ΡƒΡ‚ΠΎΠΉ Π²Π΅Π±-шаблон для ΠΎΡ‚Π»ΠΈΡ‡Π½ΠΎΠΉ ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠΈ. Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡΠΊΠ°Ρ‡Π°Ρ‚ΡŒ ΠΏΠΎΠ»Π½Ρ‹ΠΉ многослойный шаблон Photoshop (psd), Π° Ρ‚Π°ΠΊΠΆΠ΅ Π΄ΠΎΡΡ‚ΡƒΠΏΠ½ΡƒΡŽ ΠΎΠ±Π»Π΅Π³Ρ‡Π΅Π½Π½ΡƒΡŽ Π²Π΅Ρ€ΡΠΈΡŽ. Π©Π΅Π»ΠΊΠ½ΠΈΡ‚Π΅ изобраТСния Π½ΠΈΠΆΠ΅, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΡ€ΠΎΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ Π² ΠΏΠΎΠ»Π½ΠΎΠΌ ΠΌΠ°ΡΡˆΡ‚Π°Π±Π΅, ΠΈ Ρ‰Π΅Π»ΠΊΠ½ΠΈΡ‚Π΅ ссылку для Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π·Π°Π³Ρ€ΡƒΠ·ΠΈΡ‚ΡŒ ΡˆΠ°Π±Π»ΠΎΠ½Ρ‹. Π­Ρ‚ΠΎΡ‚ шаблон Π²Ρ‹ΠΏΡƒΡ‰Π΅Π½ ΠΏΠΎΠ΄ Creative Common License (CC 3.0 Attribution), Π° Ρ‚Π°ΠΊΠΆΠ΅ для коммСрчСского использования.

Π£ вас ΡƒΠΆΠ΅ Π΅ΡΡ‚ΡŒ Ρ…ΠΎΡ€ΠΎΡˆΠΈΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½ для вашСго Π²Π΅Π±-сайта. ПослС этого Π²Π°ΠΌ Π½ΡƒΠΆΠ½ΠΎ Π±ΡƒΠ΄Π΅Ρ‚ Π½Π°ΠΉΡ‚ΠΈ Π»ΡƒΡ‡ΡˆΡƒΡŽ Ρ…ΠΎΡΡ‚ΠΈΠ½Π³ΠΎΠ²ΡƒΡŽ компанию для своСго Π²Π΅Π±-сайта. Если Π²Ρ‹ Π½ΠΎΠ²ΠΈΡ‡ΠΎΠΊ, Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ Π½Π°Π΄Π΅ΠΆΠ½ΠΎΠ³ΠΎ ΠΈ дСшСвого поставщика услуг Π²Π΅Π±-хостинга с нСбольшим Π±ΡŽΠ΄ΠΆΠ΅Ρ‚ΠΎΠΌ.

[Π΄ΠΌ] 28 [/ Π΄ΠΌ] [Π΄ΠΌ] 29 [/ Π΄ΠΌ]

30 бСсплатных одностраничных Π²Π΅Π±-шаблонов PSD Π² 2021 Π³ΠΎΠ΄Ρƒ

Π—Π΄Π΅ΡΡŒ ΠΌΡ‹ прСдставляСм нСсколько бСсплатных одностраничных Π²Π΅Π±-шаблонов PSD, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΏΠΎΠΌΠΎΠ³ΡƒΡ‚ Π²Π°ΠΌ ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ ΠΏΠΎΡ‚Ρ€ΡΡΠ°ΡŽΡ‰ΠΈΠ΅ одностраничныС Π²Π΅Π±-сайты. Π­Ρ‚ΠΈ Π²Π΅Π±-сайты ΠΏΡ€Π΅Π΄ΠΎΡΡ‚Π°Π²Π»ΡΡŽΡ‚ ΠΏΠΎΡΠ΅Ρ‚ΠΈΡ‚Π΅Π»ΡŽ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΡ‹ΠΉ объСм ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΈ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΎΠ½ ΠΌΠΎΠ³ ΠΏΡ€ΠΈΠ½ΡΡ‚ΡŒ Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅ ΠΈ Π΄Π΅ΠΉΡΡ‚Π²ΠΎΠ²Π°Ρ‚ΡŒ Π² соотвСтствии с Π½ΠΈΠΌ.Π£ Π½ΠΈΡ… Π½Π΅Ρ‚ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Ρ… страниц, ΠΈ ΠΎΠ½ΠΈ ΡΡ‚Π°Ρ€Π°ΡŽΡ‚ΡΡ максимально ΡƒΠ±Ρ€Π°Ρ‚ΡŒ бСспорядок, сосрСдотачивая Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ Π½Π° самом Π²Π°ΠΆΠ½ΠΎΠΌ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π΅. Π’Ρ€ΡƒΠ΄Π½ΠΎ ΡƒΠ΄ΠΎΠ²Π»Π΅Ρ‚Π²ΠΎΡ€ΠΈΡ‚ΡŒ всСх, поэтому ΠΌΡ‹ ΠΏΠΎΠ΄Π³ΠΎΡ‚ΠΎΠ²ΠΈΠ»ΠΈ 30 шаблонов, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π²ΠΏΠΎΠ»Π½Π΅ ΠΌΠΎΠ³ΡƒΡ‚ ΠΏΡ€ΠΈΠ½ΡΡ‚ΡŒ Π²Ρ‹Π·ΠΎΠ² ΠΈ Π΄Π°Ρ‚ΡŒ Π²Π°ΠΌ Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ Π²Ρ‹ ΠΈΡ‰Π΅Ρ‚Π΅. Π‘ΠΎΠ·Π΄Π°Π΅Ρ‚Π΅ Π»ΠΈ Π²Ρ‹ ΠΏΠΎΡ€Ρ‚Ρ„ΠΎΠ»ΠΈΠΎ ΠΈΠ»ΠΈ бизнСс-страницу, здСсь Π²Ρ‹ Π½Π°ΠΉΠ΄Π΅Ρ‚Π΅ нСсколько шаблонов, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΏΠΎΠΌΠΎΠ³ΡƒΡ‚ Π²Π°ΠΌ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ ΠΈΠ΄Π΅Π°Π»ΡŒΠ½Ρ‹ΠΉ Π²Π΅Π±-сайт.

ΠŸΡ€ΠΈΠ²Π΅Π΄Π΅Π½Π½Ρ‹Π΅ Π½ΠΈΠΆΠ΅ одностраничныС ΡˆΠ°Π±Π»ΠΎΠ½Ρ‹ PSD ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ для создания мноТСства ΠΏΠΎΡ‚Ρ€ΡΡΠ°ΡŽΡ‰ΠΈΡ… Π²Π΅Π±-сайтов Π² любой нишС ΠΈΠ»ΠΈ для создания Π½ΠΎΠ²Ρ‹Ρ… шаблонов ΠΏΠΎΠ²Π΅Ρ€Ρ… Π½ΠΈΡ….Π˜Ρ… ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ бСсплатно ΠΏΠΎ Π»ΠΈΡ†Π΅Π½Π·ΠΈΠΈ CC0.

Π¨Π°Π±Π»ΠΎΠ½ Π²Π΅Π±-сайта Fraginus Fashion


Если Π²Ρ‹ ΠΏΠ»Π°Π½ΠΈΡ€ΡƒΠ΅Ρ‚Π΅ ΠΏΡ€ΠΎΠ΄Π²ΠΈΠ³Π°Ρ‚ΡŒ Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Π΅ ΠΌΠΎΠ΄Π½Ρ‹Π΅ ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚Ρ‹, Fraginus — это ΠΎΠ΄ΠΈΠ½ шаблон Π²Π΅Π±-сайта dope PSD, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΏΠΎΠΌΠΎΠΆΠ΅Ρ‚ Π²Π°ΠΌ. Как Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Π²Ρ‹ Ρ€Π΅ΡˆΠΈΡ‚Π΅ Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ с Fraginus, Π²Ρ‹ сразу ΠΆΠ΅ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚Π΅ доступ ΠΊ Π΄Π²ΡƒΠΌ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΡƒΠ΅ΠΌΡ‹ΠΌ ΠΈ настраиваСмым страницам, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π»Π΅Π³ΠΊΠΎ Π°Π΄Π°ΠΏΡ‚ΠΈΡ€ΡƒΡŽΡ‚ΡΡ ΠΊ Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹ΠΌ цСлям индустрии ΠΌΠΎΠ΄Ρ‹. ΠŸΡ€ΠΎΠ΄ΡƒΠΊΡ‚Ρ‹, Π°Ρ€ΠΎΠΌΠ°Ρ‚Ρ‹, ΠΏΡ€ΠΎΠΈΠ·Π²ΠΎΠ΄ΠΈΡ‚Π΅Π»ΠΈ, Ρ‡Ρ‚ΠΎ ΡƒΠ³ΠΎΠ΄Π½ΠΎ, ΠΊΠ°ΠΆΠ΄Ρ‹ΠΉ ΠΌΠΎΠΆΠ΅Ρ‚ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒ Π±ΠΎΠ»ΡŒΡˆΡƒΡŽ Π²Ρ‹Π³ΠΎΠ΄Ρƒ ΠΎΡ‚ этого прСвосходного Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π°, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Ρ‚Π΅ΠΏΠ΅Ρ€ΡŒ ΠΌΠΎΠΆΠ΅Ρ‚ ΡΡ‚Π°Ρ‚ΡŒ вашим, сэкономив Π²Π°ΠΌ массу Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ ΠΈ энСргии.ΠœΠ½ΠΎΠ³ΠΎΡΠ»ΠΎΠΉΠ½Ρ‹ΠΉ PSD Ρ‚Π°ΠΊΠΆΠ΅ основан Π½Π° сСткС Bootstrap 1170 пиксСлСй ΠΈ ΠΈΠΌΠ΅Π΅Ρ‚ Π»ΠΎΠ³ΠΈΡ‡Π΅ΡΠΊΡƒΡŽ структуру для простоты использования. Π’ΠΎΠ·ΡŒΠΌΠΈΡ‚Π΅ инструмСнт прямо сСйчас ΠΈ сдСлайтС Π΅Π³ΠΎ своим, ΠΎΠ±ΠΎΠ³Π°Ρ‚ΠΈΠ² Π΅Π³ΠΎ своим ΡƒΠ½ΠΈΠΊΠ°Π»ΡŒΠ½Ρ‹ΠΌ прикосновСниСм.

ΠžΠ΄Π½ΠΎΡΡ‚Ρ€Π°Π½ΠΈΡ‡Π½Ρ‹ΠΉ Π²Π΅Π±-сайт агСнтства Π²Π΅Π±-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ PSD


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

Адаптивный PSD ΠΈ эскиз ΠΊ Π°Ρ€Ρ…ΠΈΡ‚Π΅ΠΊΡ‚ΡƒΡ€Π΅


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

ЦСлСвая страница Invest Co.


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

PSD шаблон ΠΏΠΎΡ€Ρ‚Ρ„ΠΎΠ»ΠΈΠΎ


Если Π²Ρ‹ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ ΠΏΡ€ΠΎΠ΄Π΅ΠΌΠΎΠ½ΡΡ‚Ρ€ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ своС ΠΏΠΎΡ€Ρ‚Ρ„ΠΎΠ»ΠΈΠΎ Π² Π½Π°ΠΈΠ»ΡƒΡ‡ΡˆΠ΅ΠΌ свСтС, сдСлайтС сСбС ΠΎΠ΄ΠΎΠ»ΠΆΠ΅Π½ΠΈΠ΅ ΠΈ Π·Π°ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚Π΅ этот PSD-шаблон. Благодаря всСму доступному ΠΈ Π³ΠΎΡ‚ΠΎΠ²ΠΎΠΌΡƒ ΠΊ использованию содСрТимому Ρ‚Π΅ΠΏΠ΅Ρ€ΡŒ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π½Π°Ρ‡Π°Ρ‚ΡŒ Ρ€Π°Π±ΠΎΡ‚Ρƒ быстрСС, Ρ‡Π΅ΠΌ ΠΊΠΎΠ³Π΄Π°-Π»ΠΈΠ±ΠΎ. Одно ΠΌΠΎΠΆΠ½ΠΎ ΡΠΊΠ°Π·Π°Ρ‚ΡŒ навСрняка; Π’Π°ΠΌ большС Π½Π΅ Π½ΡƒΠΆΠ½ΠΎ Π½Π°Ρ‡ΠΈΠ½Π°Ρ‚ΡŒ Ρ€Π°Π±ΠΎΡ‚Ρƒ с нуля, Ρ‚Π°ΠΊ ΠΊΠ°ΠΊ Π² этом шаблонС ΠΏΠΎΡ€Ρ‚Ρ„ΠΎΠ»ΠΈΠΎ Π΅ΡΡ‚ΡŒ Π³ΠΎΡ‚ΠΎΠ²Ρ‹ΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½ для вас.ПослС Ρ‚ΠΎΠ³ΠΎ, ΠΊΠ°ΠΊ Π²Ρ‹ распаковываСтС ΠΊΠΎΠΌΠΏΠ»Π΅ΠΊΡ‚, Π²Ρ‹ ΠΏΠΎΠ»ΡƒΡ‡Π°Π΅Ρ‚Π΅ Ρ‚Ρ€ΠΈ ΠΏΠΎΠ»Π½ΠΎΡΡ‚ΡŒΡŽ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΡƒΠ΅ΠΌΡ‹Ρ… ΠΈ измСняСмых Ρ„Π°ΠΉΠ»Π° PSD, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π½Π°ΡΡ‚Ρ€ΠΎΠΈΡ‚ΡŒ ΠΈ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ Π² соотвСтствии с вашими прСдпочтСниями. Π’Ρ‹ ΠΏΠΎΠ»ΡƒΡ‡Π°Π΅Ρ‚Π΅ Ρ€Π°Π·Π΄Π΅Π»Ρ‹ Β«Π”ΠΎΠΌΒ», Β«ΠŸΡ€ΠΎΠ΅ΠΊΡ‚Β» ΠΈ Β«ΠšΠΎΠ½Ρ‚Π°ΠΊΡ‚Ρ‹Β», всС ΠΎΠ½ΠΈ основаны Π½Π° популярной сСточной структурС 1170.

Mvp


Mvp — это ΠΌΠ½ΠΎΠ³ΠΎΡ†Π΅Π»Π΅Π²ΠΎΠΉ одностраничный Π²Π΅Π±-шаблон PSD, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ для создания всСвозмоТных Ρ†Π΅Π»Π΅Π²Ρ‹Ρ… страниц. ΠžΡ‚ дСмонстрации бизнСса, ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚ΠΎΠ² ΠΈ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ½ΠΎΠ³ΠΎ обСспСчСния Π΄ΠΎ элСктронной ΠΊΠΎΠΌΠΌΠ΅Ρ€Ρ†ΠΈΠΈ, ΠΊΠΎΡ€ΠΏΠΎΡ€Π°Ρ‚ΠΈΠ²Π½Ρ‹Ρ… ΠΈ Π΄Ρ€ΡƒΠ³ΠΈΡ… Ρ†Π΅Π»Π΅ΠΉ — ΠΈΠ·Π²Π»Π΅ΠΊΠ°ΠΉΡ‚Π΅ ΠΌΠ°ΠΊΡΠΈΠΌΠ°Π»ΡŒΠ½ΡƒΡŽ ΠΏΠΎΠ»ΡŒΠ·Ρƒ ΠΈΠ· Mvp Π±Π΅Π· ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌ.Π£Π±Π΅Π΄ΠΈΡ‚Π΅ΡΡŒ, Ρ‡Ρ‚ΠΎ ваш бизнСс ΠΈΠ»ΠΈ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ прСдставлСн Π² Π˜Π½Ρ‚Π΅Ρ€Π½Π΅Ρ‚Π΅ Π½Π° Π²Ρ‹ΡΡˆΠ΅ΠΌ ΡƒΡ€ΠΎΠ²Π½Π΅, Π±Π΅Π· нСобходимости Π²ΠΊΠ»Π°Π΄Ρ‹Π²Π°Ρ‚ΡŒ ΠΎΠ³Ρ€ΠΎΠΌΠ½Ρ‹Π΅ срСдства Π² Π±ΡŽΠ΄ΠΆΠ΅Ρ‚. ВсС Ρ„Π°ΠΉΠ»Ρ‹, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π²Ρ‹ ΠΏΠΎΠ»ΡƒΡ‡Π°Π΅Ρ‚Π΅ с ΠΏΠ°ΠΊΠ΅Ρ‚ΠΎΠΌ Mvp, Π½Π° 100% Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΡƒΡŽΡ‚ΡΡ ΠΈ Π³ΠΎΡ‚ΠΎΠ²Ρ‹ ΠΊ Π»ΡŽΠ±Ρ‹ΠΌ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΈΠΌ настройкам ΠΈ ΡƒΠ»ΡƒΡ‡ΡˆΠ΅Π½ΠΈΡΠΌ. Π˜Π·ΠΌΠ΅Π½ΠΈΡ‚Π΅ Ρ†Π²Π΅Ρ‚Π°, Ρ„ΠΎΠ½, тСкст, ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚Π΅ располоТСниС элСмСнтов ΠΈ создайтС ΠΌΠ°ΠΊΠ΅Ρ‚, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ соотвСтствуСт Π²Π°ΡˆΠ΅ΠΌΡƒ ΡΡ‚ΠΈΠ»ΡŽ Π² T.

ΠšΡƒΠ±


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

110 Π”ΠΈΠ·Π°ΠΉΠ½ сайтов Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ PSD


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

Startuprr

Startuprr — это одностраничный PSD-шаблон, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π»Π΅Π³ΠΊΠΎ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ благодаря Ρ…ΠΎΡ€ΠΎΡˆΠΎ ΠΎΡ€Π³Π°Π½ΠΈΠ·ΠΎΠ²Π°Π½Π½Ρ‹ΠΌ слоям. Π Π°Π·Π΄Π΅Π»Ρ‹ Π²ΠΊΠ»ΡŽΡ‡Π°ΡŽΡ‚ услуги, Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΈ, Π½Π°Π²Ρ‹ΠΊΠΈ, ΠΎΠ±Ρ€Π°Π·Ρ†Ρ‹ Ρ€Π°Π±ΠΎΡ‚, Ρ„Π°ΠΊΡ‚Ρ‹ ΠΎ ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠΈ, Ρ‡Π»Π΅Π½ΠΎΠ² ΠΊΠΎΠΌΠ°Π½Π΄Ρ‹, Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏΡ‹ ΠΊΠ»ΠΈΠ΅Π½Ρ‚ΠΎΠ², Ρ‚Π°Π±Π»ΠΈΡ†Ρƒ Ρ†Π΅Π½, ΠΊΠ°Ρ€Ρ‚Ρƒ ΠΈ ΠΊΠΎΠ½Ρ‚Π°ΠΊΡ‚Π½ΡƒΡŽ Ρ„ΠΎΡ€ΠΌΡƒ.

Π‘ΠΊΠ°Ρ‡Π°Ρ‚ΡŒ

Π ΠΈΠ½

Reen — это одностраничный PSD-шаблон для сайтов-ΠΏΠΎΡ€Ρ‚Ρ„ΠΎΠ»ΠΈΠΎ.Он ΠΏΠΎΠ»Π½ΠΎΡΡ‚ΡŒΡŽ Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π΅Π½ ΠΈ Π½Π°Ρ†Π΅Π»Π΅Π½ Π½Π° чистый плоский Π΄ΠΈΠ·Π°ΠΉΠ½. Π§Ρ‚ΠΎ Π΅Ρ‰Π΅ Π±ΠΎΠ»Π΅Π΅ Π²Π°ΠΆΠ½ΠΎ, Π΅Π³ΠΎ ΡƒΠ½ΠΈΠ²Π΅Ρ€ΡΠ°Π»ΡŒΠ½Ρ‹Π΅ ΠΈ простыС Π² использовании Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΈ Π² сочСтании с Π²Π΅ΠΊΡ‚ΠΎΡ€Π½Ρ‹ΠΌΠΈ Ρ„ΠΈΠ³ΡƒΡ€Π°ΠΌΠΈ ΠΈ смарт-ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Π°ΠΌΠΈ ΠΎΠ±Π΅ΡΠΏΠ΅Ρ‡ΠΈΠ²Π°ΡŽΡ‚ быстроС ΠΈ Π»Π΅Π³ΠΊΠΎΠ΅ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅.

Π‘ΠΊΠ°Ρ‡Π°Ρ‚ΡŒ

Cuda

Cuda — это одностраничный PSD-шаблон с ярким плоским Π΄ΠΈΠ·Π°ΠΉΠ½ΠΎΠΌ с Π°ΠΊΠΊΡƒΡ€Π°Ρ‚Π½Ρ‹ΠΌΠΈ ΠΈΠΊΠΎΠ½ΠΊΠ°ΠΌΠΈ. Он Ρ‚Π°ΠΊΠΆΠ΅ ΠΈΠΌΠ΅Π΅Ρ‚ ΠΎΠ±Ρ‹Ρ‡Π½Ρ‹Π΅ одностраничныС Ρ€Π°Π·Π΄Π΅Π»Ρ‹: Услуги, Команда, Навыки, ΠŸΠΎΡ€Ρ‚Ρ„ΠΎΠ»ΠΈΠΎ, ΠžΡ‚Π·Ρ‹Π²Ρ‹ ΠΈ ΠšΠΎΠ½Ρ‚Π°ΠΊΡ‚Π½Π°Ρ Ρ„ΠΎΡ€ΠΌΠ°. Π€Π°ΠΉΠ» PSD Ρ‚Π°ΠΊΠΆΠ΅ Ρ…ΠΎΡ€ΠΎΡˆΠΎ ΠΎΡ€Π³Π°Π½ΠΈΠ·ΠΎΠ²Π°Π½, ΠΈ Π΅Π³ΠΎ Π»Π΅Π³ΠΊΠΎ Π½Π°ΡΡ‚Ρ€ΠΎΠΈΡ‚ΡŒ Π² соотвСтствии с вашими потрСбностями.

Π‘ΠΊΠ°Ρ‡Π°Ρ‚ΡŒ

Π”Π²ΠΈΠΆΠ΅Π½ΠΈΠ΅

Π‘ΠΎΠ·Π΄Π°Ρ‚Π΅Π»ΡŒ шаблона Motion PSD ΡƒΠ΄Π΅Π»ΠΈΠ» особоС Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅ Ρ‚ΠΈΠΏΠΎΠ³Ρ€Π°Ρ„ΠΈΠΊΠ΅ ΠΈ ΠΈΠ·Π±Ρ€Π°Π½Π½ΠΎΠΌΡƒ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Ρƒ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ посСтитСли сайта быстро Π·Π°ΠΌΠ΅Ρ‚ΠΈΠ»ΠΈ самыС Π²Π°ΠΆΠ½Ρ‹Π΅ Π΄Π΅Ρ‚Π°Π»ΠΈ. ΠŸΠΎΠ΄Ρ…ΠΎΠ΄ΠΈΡ‚ для дизайнСрских агСнтств, Π»ΠΈΡ‡Π½Ρ‹Ρ… ΠΏΠΎΡ€Ρ‚Ρ„ΠΎΠ»ΠΈΠΎ ΠΈ ΠΊΠΎΡ€ΠΏΠΎΡ€Π°Ρ‚ΠΈΠ²Π½Ρ‹Ρ… сайтов. Π’Ρ‹, бСзусловно, ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π»Π΅Π³ΠΊΠΎ ΠΏΡ€Π΅ΠΎΠ±Ρ€Π°Π·ΠΎΠ²Π°Ρ‚ΡŒ Π΅Π³ΠΎ Π² соотвСтствии со своими потрСбностями.

Π‘ΠΊΠ°Ρ‡Π°Ρ‚ΡŒ

WG Плоский шаблон

WG Flat Template гордится своим плоским ΠΈ простым Π΄ΠΈΠ·Π°ΠΉΠ½ΠΎΠΌ.Π₯отя сам шаблон PSD Π½Π΅ содСрТит ΠΎΠ±Ρ‹Ρ‡Π½Ρ‹Ρ… Ρ€Π°Π·Π΄Π΅Π»ΠΎΠ², ΠΊΠ°ΠΊ ΠΎΡΡ‚Π°Π»ΡŒΠ½Ρ‹Π΅ одностраничныС ΡˆΠ°Π±Π»ΠΎΠ½Ρ‹, Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π»Π΅Π³ΠΊΠΎ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ ΠΈΡ… благодаря Ρ…ΠΎΡ€ΠΎΡˆΠΎ ΠΎΡ€Π³Π°Π½ΠΈΠ·ΠΎΠ²Π°Π½Π½Ρ‹ΠΌ слоям.

Π‘ΠΊΠ°Ρ‡Π°Ρ‚ΡŒ

ПобСг

Escape — это одностраничный PSD шаблон для агСнтств. Если Π²Ρ‹ ΠΈΡ‰Π΅Ρ‚Π΅ простоС одностраничноС Π²Π΅Π±-Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅ для описания вашСго бизнСса ΠΈ прСдлоТСния Π²Π°ΡˆΠΈΡ… услуг, этот шаблон идСально ΠΏΠΎΠ΄Ρ…ΠΎΠ΄ΠΈΡ‚ для вас.

Π‘ΠΊΠ°Ρ‡Π°Ρ‚ΡŒ

АнвСшан

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

Π‘ΠΊΠ°Ρ‡Π°Ρ‚ΡŒ

Π‘ΡƒΡ‚ΠΎΠ½ Ρ€ΠΎΠ·Ρ‹

Rosebud — это одностраничный PSD-шаблон, ΠΎΡ„ΠΎΡ€ΠΌΠ»Π΅Π½Π½Ρ‹ΠΉ Π² чистом ΠΈ соврСмСнном стилС. Π—Π°Π³Ρ€ΡƒΠΆΠ°Π΅ΠΌΡ‹ΠΉ Ρ„Π°ΠΉΠ» содСрТит Π΄Π²Π° Ρ„Π°ΠΉΠ»Π° .psd, поэтому Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΏΡ€ΠΎΠ²Π΅Ρ€ΠΈΡ‚ΡŒ свой Π΄ΠΈΠ·Π°ΠΉΠ½ ΠΊΠ°ΠΊ Π½Π° Π½Π°ΡΡ‚ΠΎΠ»ΡŒΠ½ΠΎΠΉ, Ρ‚Π°ΠΊ ΠΈ Π½Π° мобильной вСрсии.

Π‘ΠΊΠ°Ρ‡Π°Ρ‚ΡŒ

Π‘Ρ‚Ρ€Π΅Π»Π°

Arrow — это бСсплатный одностраничный PSD-шаблон для ΠΌΠ°Π»ΠΎΠ³ΠΎ ΠΈ ΠΊΡ€ΡƒΠΏΠ½ΠΎΠ³ΠΎ бизнСса, ΠΏΠΎΡ€Ρ‚Ρ„ΠΎΠ»ΠΈΠΎ, агСнтств ΠΈ Π»ΠΈΡ‡Π½Ρ‹Ρ… Π²Π΅Π±-сайтов.Π¨Π°Π±Π»ΠΎΠ½ основан Π½Π° систСмС сСтки 1170 пиксСлСй (Bootstrap) с Ρ…ΠΎΡ€ΠΎΡˆΠΎ ΠΎΡ€Π³Π°Π½ΠΈΠ·ΠΎΠ²Π°Π½Π½Ρ‹ΠΌΠΈ ΠΈ Π»Π΅Π³ΠΊΠΎ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΡƒΠ΅ΠΌΡ‹ΠΌΠΈ слоями.

Π‘ΠΊΠ°Ρ‡Π°Ρ‚ΡŒ

ΠŸΡƒΡ‚Π΅ΡˆΠ΅ΡΡ‚Π²ΠΈΠ΅

Travelly — это одностраничный PSD-шаблон, Π² ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΌ Π΅ΡΡ‚ΡŒ всС, Ρ‡Ρ‚ΠΎ ΠΌΠΎΠΆΠ΅Ρ‚ ΠΏΠΎΠ½Π°Π΄ΠΎΠ±ΠΈΡ‚ΡŒΡΡ туристичСскому Π²Π΅Π±-сайту. Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π΅Π³ΠΎ для стартапа ΠΈΠ»ΠΈ бизнСс-сайта ΠΈ Π°Π΄Π°ΠΏΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Π΅Π³ΠΎ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Π½Π΅ΡΠΊΠΎΠ»ΡŒΠΊΠΈΡ… простых настроСк.

Π‘ΠΊΠ°Ρ‡Π°Ρ‚ΡŒ

Π”Π²Π° Π±Π°ΠΉΡ‚Π°

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

Π‘ΠΊΠ°Ρ‡Π°Ρ‚ΡŒ

Лямбда

Lambda — это одностраничный шаблон для рСсторанов. Π€Π°ΠΉΠ» PSD содСрТит всС, Ρ‡Ρ‚ΠΎ Π²Π°ΠΌ Π½ΡƒΠΆΠ½ΠΎ для страницы ΠΎΡ‚Π»ΠΈΡ‡Π½ΠΎΠ³ΠΎ рСсторана: мСню, Π±Ρ€ΠΎΠ½ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅, ΠΈΠ½Π³Ρ€Π΅Π΄ΠΈΠ΅Π½Ρ‚Ρ‹, ΠΎΡ‚Π·Ρ‹Π²Ρ‹ ΠΈ ΠΌΠ½ΠΎΠ³ΠΎΠ΅ Π΄Ρ€ΡƒΠ³ΠΎΠ΅. Π’ частности, Ρ…ΠΎΡ€ΠΎΡˆΠΎ сгруппированныС слои Π»Π΅Π³ΠΊΠΎ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ.

Π‘ΠΊΠ°Ρ‡Π°Ρ‚ΡŒ

Акростия

Acrostia — это бСсплатный шаблон PSD для ΠΏΠΎΡ€Ρ‚Ρ„ΠΎΠ»ΠΈΠΎ, Π»ΠΈΡ‡Π½Ρ‹Ρ… ΠΈΠ»ΠΈ запускаСмых одностраничных сайтов.Как ΠΈ Π΄Ρ€ΡƒΠ³ΠΈΠ΅, это ΠΌΠ½ΠΎΠ³ΠΎΡƒΡ€ΠΎΠ²Π½Π΅Π²Ρ‹ΠΉ ΠΈ Ρ…ΠΎΡ€ΠΎΡˆΠΎ ΠΎΡ€Π³Π°Π½ΠΈΠ·ΠΎΠ²Π°Π½Π½Ρ‹ΠΉ Ρ„Π°ΠΉΠ».

Π‘ΠΊΠ°Ρ‡Π°Ρ‚ΡŒ

Π€ΠΎΡ€ΠΊΠΈΠΎ

Forkio — это Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½Ρ‹ΠΉ шаблон PSD, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ идСально ΠΏΠΎΠ΄Ρ…ΠΎΠ΄ΠΈΡ‚ для Π²Π΅Π±-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ, ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ ΠΈΠ»ΠΈ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΎΠ², связанных с ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ½Ρ‹ΠΌ обСспСчСниСм. Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π»Π΅Π³ΠΊΠΎ Π½Π°ΡΡ‚Ρ€ΠΎΠΈΡ‚ΡŒ Π΅Π³ΠΎ для любого ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π° благодаря Ρ…ΠΎΡ€ΠΎΡˆΠΎ ΠΎΡ€Π³Π°Π½ΠΈΠ·ΠΎΠ²Π°Π½Π½Ρ‹ΠΌ слоям ΠΈ творчСскому использованию смарт-ΠΎΠ±ΡŠΠ΅ΠΊΡ‚ΠΎΠ².

Π‘ΠΊΠ°Ρ‡Π°Ρ‚ΡŒ

Spirit8

Spirit8 — это одностраничный шаблон Π²Π΅Π±-сайта Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ PSD для Ρ†ΠΈΡ„Ρ€ΠΎΠ²Ρ‹Ρ… агСнтств. Он содСрТит мноТСство Ρ€Π°Π·Π΄Π΅Π»ΠΎΠ², Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΡ‹Ρ… для обСспСчСния успСха Ρ†ΠΈΡ„Ρ€ΠΎΠ²Ρ‹Ρ… агСнтств.ΠšΡ€ΠΎΠΌΠ΅ Ρ‚ΠΎΠ³ΠΎ, ΠΎΠ½ ΡƒΠΏΠ°ΠΊΠΎΠ²Π°Π» ΠΈ сгруппировал слои, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π΄Π°Ρ‚ΡŒ Π²Π°ΠΌ ΠΏΠΎΡ‚Ρ€ΡΡΠ°ΡŽΡ‰ΠΈΠ΅ Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚Ρ‹.

Π‘ΠΊΠ°Ρ‡Π°Ρ‚ΡŒ

Π›ΡŽΡ†ΠΈΠ΄

Lucid ΠΎΡ‚Π»ΠΈΡ‡Π½ΠΎ ΠΏΠΎΠ΄Ρ…ΠΎΠ΄ΠΈΡ‚ практичСски для любого Ρ‚ΠΈΠΏΠ° одностраничных Π²Π΅Π±-сайтов. Он Π²ΠΊΠ»ΡŽΡ‡Π°Π΅Ρ‚ Π² сСбя Ρ€Π°Π·Π΄Π΅Π»Ρ‹ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ°, Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΉ, свСдСний ΠΎ ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚Π΅, Ρ†Π΅Π½ ΠΈ ΠΊΠΎΠ½Ρ‚Π°ΠΊΡ‚ΠΎΠ². ΠšΡ€ΠΎΠΌΠ΅ Ρ‚ΠΎΠ³ΠΎ, смСлый ΠΌΠΎΠ½ΠΎΡ…Ρ€ΠΎΠΌΠ½Ρ‹ΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½ шаблона — ΡΡ‚ΠΈΠ»ΡŒΠ½Ρ‹ΠΉ Π²Ρ‹Π±ΠΎΡ€ для тСхнологичСских слуТб, ИВ-оборудования ΠΈΠ»ΠΈ Π°Π½Π°Π»ΠΎΠ³ΠΈΡ‡Π½Ρ‹Ρ… ΠΏΡ€ΠΎΡ„Π΅ΡΡΠΈΠΎΠ½Π°Π»ΡŒΠ½Ρ‹Ρ… прСдприятий.

Π‘ΠΊΠ°Ρ‡Π°Ρ‚ΡŒ

Zet

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

Π‘ΠΊΠ°Ρ‡Π°Ρ‚ΡŒ

ВСлосипСд

ΠžΡ‚Π·Ρ‹Π²Ρ‡ΠΈΠ²Ρ‹ΠΉ ΠΈ Π³ΠΈΠ±ΠΊΠΈΠΉ PSD-шаблон «Π’Π΅Π»ΠΎΡΠΈΠΏΠ΅Π΄» — ΠΎΡ‚Π»ΠΈΡ‡Π½Ρ‹ΠΉ Π²Ρ‹Π±ΠΎΡ€ для дСмонстрации вашСго ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚Π°. Он, Π² частности, ΠΈΠΌΠ΅Π΅Ρ‚ ΡΡ‚ΠΈΠ»ΡŒ сСтки с плоским ΠΌΠ°ΠΊΠ΅Ρ‚ΠΎΠΌ.

Π‘ΠΊΠ°Ρ‡Π°Ρ‚ΡŒ

TravelSite

TravelSite Π½Π΅ являСтся шаблоном PSD для туристичСских сайтов. ВмСсто этого ΠΎΠ½ ΠΏΡ€Π΅Π΄Π½Π°Π·Π½Π°Ρ‡Π΅Π½ Π² ΠΏΠ΅Ρ€Π²ΡƒΡŽ ΠΎΡ‡Π΅Ρ€Π΅Π΄ΡŒ для планирования ΠΏΠΎΡ…ΠΎΠ΄ΠΎΠ², ΠΏΠΈΠΊΠ½ΠΈΠΊΠΎΠ² ΠΈΠ»ΠΈ ΡΠΊΡΡ‚Ρ€Π΅ΠΌΠ°Π»ΡŒΠ½Ρ‹Ρ… спортивных мСроприятий.Π’Π°ΠΊΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ, ΠΎΠ½ состоит ΠΈΠ· Ρ‚Ρ€Π΅Ρ… основных частСй: Β«ΠŸΡƒΠ½ΠΊΡ‚ назначСния», Β«Π’ΠΈΠ΄ΠΆΠ΅Ρ‚ ΠΌΠ°Ρ€ΡˆΡ€ΡƒΡ‚Π°Β» ΠΈ Β«ΠšΠΎΠ½Ρ‚Π°ΠΊΡ‚Ρ‹Β».

Π‘ΠΊΠ°Ρ‡Π°Ρ‚ΡŒ

Π‘ΠΈΠ½ΠΎ

Π¨Π°Π±Π»ΠΎΠ½ Bino PSD содСрТит ΠΏΠΎΠ»Π½ΠΎΡ€Π°Π·ΠΌΠ΅Ρ€Π½Ρ‹ΠΉ слайдСр Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ° ΠΈ ΠΌΠ°ΠΊΠ΅Ρ‚ содСрТимого. Как ΠΈ оТидалось, ΠΎΠ½ содСрТит Ρ€Π°Π·Π΄Π΅Π»Ρ‹ «О нас», Β«ΠŸΠΎΡ€Ρ‚Ρ„ΠΎΠ»ΠΈΠΎΒ», «Команда», Β«Π¦Π΅Π½Ρ‹Β» ΠΈ Β«ΠšΠΎΠ½Ρ‚Π°ΠΊΡ‚Ρ‹Β». ΠšΡ€ΠΎΠΌΠ΅ Ρ‚ΠΎΠ³ΠΎ, Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π»Π΅Π³ΠΊΠΎ ΠΎΡ‚Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Ρ„Π°ΠΉΠ» PSD, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π΄ΠΎΠ±ΠΈΡ‚ΡŒΡΡ Ρ‡Π΅Π³ΠΎ ΡƒΠ³ΠΎΠ΄Π½ΠΎ с этим шаблоном.

Π‘ΠΊΠ°Ρ‡Π°Ρ‚ΡŒ

ΠœΠ΅Ρ‡Ρ‚Ρ‹

Π‘ΠΎΠ·Π΄Π°ΠΉΡ‚Π΅ сайт своСй ΠΌΠ΅Ρ‡Ρ‚Ρ‹ всСго Π·Π° нСсколько ΠΊΠ»ΠΈΠΊΠΎΠ² с шаблоном Dreams PSD.Dreams ΠΎΡ‚Π»ΠΈΡ‡Π½ΠΎ ΠΏΠΎΠ΄Ρ…ΠΎΠ΄ΠΈΡ‚ ΠΊΠ°ΠΊ для Π»ΠΈΡ‡Π½ΠΎΠ³ΠΎ, Ρ‚Π°ΠΊ ΠΈ для коммСрчСского использования. Он Π»Π΅Π³ΠΊΠΎ настраиваСтся Π² соотвСтствии с трСбованиями вашСй Π²Π΅Π±-страницы.

Π‘ΠΊΠ°Ρ‡Π°Ρ‚ΡŒ

бСсплатных шаблонов сайтов Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ PSD для Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ΠΎΠ² ΠΈ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΎΠ²

Π¨Π°Π±Π»ΠΎΠ½ Π²Π΅Π±-сайта ΠΈΠ»ΠΈ шаблон страницы — это ΠΏΡ€Π΅Π΄Π²Π°Ρ€ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ разработанная Π²Π΅Π±-страница, ΠΊΠΎΡ‚ΠΎΡ€ΡƒΡŽ ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΈ Π½Π°ΡΡ‚Ρ€Π°ΠΈΠ²Π°Ρ‚ΡŒ для ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΎΠ² ΠΈ ΠΏΠΎ Π΄Ρ€ΡƒΠ³ΠΈΠΌ Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹ΠΌ ΠΏΡ€ΠΈΡ‡ΠΈΠ½Π°ΠΌ. ΠšΠ°ΠΆΠ΄Ρ‹ΠΉ ΠΈΠ· этих шаблонов отличаСтся своим ΠΌΠ°ΠΊΠ΅Ρ‚ΠΎΠΌ ΠΈ Ρ‚Π΅ΠΌΠΎΠΉ Π² зависимости ΠΎΡ‚ Ρ†Π΅Π»ΠΈ, спСцифики Π΄ΠΈΠ·Π°ΠΉΠ½Π°, Π΅Π³ΠΎ Ρ†Π΅Π»Π΅Π²Ρ‹Ρ… посСтитСлСй ΠΈ Ρ‚. Π”.Учитывая всС эти Ρ„Π°ΠΊΡ‚ΠΎΡ€Ρ‹, Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ сСбС ΠΏΡ€Π΅Π΄ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ, насколько слоТно ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ эффСктивный Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½. Π’ΠΎΡ‚ ΠΏΠΎΡ‡Π΅ΠΌΡƒ Π½Π°Π»ΠΈΡ‡ΠΈΠ΅ Π²Π΅Π±-шаблона ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ спасСниСм для Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΎΠ² ΠΈ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ΠΎΠ² Π² Π˜Π½Ρ‚Π΅Ρ€Π½Π΅Ρ‚Π΅.

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

Π—Π΄Π΅ΡΡŒ ΠΌΡ‹ собрали Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΈΠ· Π»ΡƒΡ‡ΡˆΠΈΡ… ΠΏΡ€Π΅ΠΌΠΈΠ°Π»ΡŒΠ½Ρ‹Ρ… шаблонов Π²Π΅Π±-сайтов , ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡΠΊΠ°Ρ‡Π°Ρ‚ΡŒ Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ PSD . НСкоторыС ΠΈΠ· этих бСсплатных услуг Ρ‚Π°ΠΊΠΆΠ΅ Π²ΠΊΠ»ΡŽΡ‡Π°ΡŽΡ‚ бСсплатныС Π²Π΅Π±-ΡˆΠ°Π±Π»ΠΎΠ½Ρ‹ HTML вмСстС с Ρ„Π°ΠΉΠ»Π°ΠΌΠΈ CSS ΠΈ JS. Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΈΡ… Π² своих дизайнСрских ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π°Ρ… ΠΈΠ»ΠΈ ΠΈΠ·ΡƒΡ‡ΠΈΡ‚ΡŒ ΠΈΡ… ΠΈ ΠΈΠ·ΡƒΡ‡ΠΈΡ‚ΡŒ Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΏΡ€ΠΈΠ΅ΠΌΡ‹ ΠΈ ΠΌΠ΅Ρ‚ΠΎΠ΄Ρ‹, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΏΡ€ΠΈΠΌΠ΅Π½ΠΈΡ‚ΡŒ Π² своих собствСнных ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π°Ρ…. НС Ρ‚ΠΎΡ€ΠΎΠΏΠΈΡ‚Π΅ΡΡŒ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΡ€ΠΎΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ эту ΠΏΡ€Π΅ΠΊΡ€Π°ΡΠ½ΡƒΡŽ ΠΊΠΎΠ»Π»Π΅ΠΊΡ†ΠΈΡŽ ΠΈ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒ ΡƒΠ΄ΠΎΠ²ΠΎΠ»ΡŒΡΡ‚Π²ΠΈΠ΅ ΠΎΡ‚ скачивания. ΠŸΡ€ΠΈΡ…ΠΎΠ΄ΠΈΡ‚Π΅, заглянитС ΠΈ Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ свой Π²Ρ‹Π±ΠΎΡ€!

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

Phototime

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

Π­Ρ‚ΠΎΡ‚ PSD-Ρ„Π°ΠΉΠ» содСрТит шаблон 1280x3595px, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ позволяСт Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ шаблон Π² соотвСтствии с вашими прСдпочтСниями. Π‘ΠΎΠ»ΡŒΡˆΠΈΠ½ΡΡ‚Π²ΠΎ элСмСнтов ΠΈΠΌΠ΅ΡŽΡ‚ Π²Π΅ΠΊΡ‚ΠΎΡ€Π½Ρ‹Π΅ Ρ„ΠΎΡ€ΠΌΡ‹ для Π»Π΅Π³ΠΊΠΎΠ³ΠΎ измСнСния Ρ€Π°Π·ΠΌΠ΅Ρ€Π°; экраны смартфонов прСдставлСны Π² Π²ΠΈΠ΄Π΅ Β«ΡƒΠΌΠ½Ρ‹Ρ… ΠΎΠ±ΡŠΠ΅ΠΊΡ‚ΠΎΠ²Β», ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΏΠΎΠΌΠΎΠ³ΡƒΡ‚ Π²Π°ΠΌ Π»Π΅Π³ΠΊΠΎ Ρ€Π°Π·ΠΌΠ΅ΡΡ‚ΠΈΡ‚ΡŒ собствСнноС ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅. ВсС слои Ρ…ΠΎΡ€ΠΎΡˆΠΎ ΠΎΡ€Π³Π°Π½ΠΈΠ·ΠΎΠ²Π°Π½Ρ‹ для ΡƒΠ΄ΠΎΠ±Π½ΠΎΠΉ Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΈ.

Магазин Trekking

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

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

Π­Π»Π΅Π³Π°Π½Ρ‚Π½Ρ‹ΠΉ

Elegant — адаптивная многоцСлСвая Ρ‚Π΅ΠΌΠ° ΠΏΠΎΡ€Ρ‚Ρ„ΠΎΠ»ΠΈΠΎ, содСрТащая Π½Π°Π±ΠΎΡ€ Π²Π΅Π±-шаблонов PSD, Ρ„Π°ΠΉΠ»ΠΎΠ² HTML / CSS ΠΈ Ρ„Π°ΠΉΠ»ΠΎΠ² JS для JavaScript. Π•Π³ΠΎ цСлСвая страница ΠΈΠΌΠ΅Π΅Ρ‚ большой Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ Ρ„ΠΎΠ½ΠΎΠ²ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ ΠΈ CSS-Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΡŽ для указатСля ΠΌΡ‹ΡˆΠΈ. Π’ ΠΏΡ€Π°Π²ΠΎΠΌ Π²Π΅Ρ€Ρ…Π½Π΅ΠΌ ΡƒΠ³Π»Ρƒ находится Ρ€Π°ΡΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰Π΅Π΅ΡΡ мСню, Π² ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΌ Π²ΠΈΠ΄Π½Ρ‹ ссылки Π½Π° Ρ‚Π΅ΠΌΡ‹, ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Ρ‹ ΠΈ ΠΊΠΎΠ½Ρ‚Π°ΠΊΡ‚Ρ‹; Π° Ρ‚Π°ΠΊΠΆΠ΅ Π·Π½Π°Ρ‡ΠΊΠΈ ΡΠΎΡ†ΠΈΠ°Π»ΡŒΠ½Ρ‹Ρ… сСтСй для ΠΎΠ±ΠΌΠ΅Π½Π°. Π’ Ρ‚Π΅Π»Π΅ страницы отобраТаСтся Π²Π²Π΅Π΄Π΅Π½ΠΈΠ΅ ΠΎ Ρ‚ΠΎΠΌ, ΠΊΡ‚ΠΎ ΠΈ Ρ‡Ρ‚ΠΎ, Π° Ρ‚Π°ΠΊΠΆΠ΅ ΠΏΡ€Π΅Π΄Π²Π°Ρ€ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹ΠΉ просмотр Π±Π»ΠΎΠ³Π°.НаконСц, ниТняя Ρ‡Π°ΡΡ‚ΡŒ Π·Π°ΠΊΡ€Ρ‹Π²Π°Π΅Ρ‚ адрСс с ΠΊΠ°Ρ€Ρ‚ΠΎΠΉ ΠΈ ΠΊΠΎΠ½Ρ‚Π°ΠΊΡ‚Π½ΠΎΠΉ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠ΅ΠΉ.

Π­Ρ‚ΠΎΡ‚ бСсплатный ΠΏΠΎΠ΄Π°Ρ€ΠΎΠΊ Ρ‰Π΅Π΄Ρ€ΠΎ прСдоставляСт Π½Π°ΠΌ HTML-ΠΊΠΎΠ΄Ρ‹, Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΡŽ CSS, Ρ„Π°ΠΉΠ»Ρ‹ JS ΠΈ Ρ„Π°ΠΉΠ»Ρ‹ PSD для Π²Π΅Π±-сайтов ΠΈ ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Ρ… шаблонов этой Ρ‚Π΅ΠΌΡ‹. КаТдая страница ΠΈΠΌΠ΅Π΅Ρ‚ свой собствСнный ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½Ρ‹ΠΉ PSD-Ρ„Π°ΠΉΠ», Π² ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΌ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π»Π΅Π³ΠΊΠΎ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Π²Π΅Π±-шаблон с Ρ…ΠΎΡ€ΠΎΡˆΠΎ ΠΎΡ€Π³Π°Π½ΠΈΠ·ΠΎΠ²Π°Π½Π½Ρ‹ΠΌΠΈ слоями ΠΈ Ρ„ΠΎΡ€ΠΌΠ°ΠΌΠΈ Π² Π²Π΅ΠΊΡ‚ΠΎΡ€Π½ΠΎΠΌ Ρ€Π΅ΠΆΠΈΠΌΠ΅ ΠΈ Ρ€Π΅ΠΆΠΈΠΌΠ΅ смарт-ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Π°.

Π§Π΅Ρ€Π½ΠΎ-Π±Π΅Π»ΠΎΠ΅

Как слСдуСт ΠΈΠ· названия, Π² этом Π΄ΠΈΠ·Π°ΠΉΠ½Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ΡΡ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Ρ‡Π΅Ρ€Π½ΠΎ-Π±Π΅Π»Ρ‹Π΅ Ρ†Π²Π΅Ρ‚Π° для создания этого красивого минималистичного Π²Π΅Π±-шаблона.Он начинаСтся с Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ° Π½Π° ΠΏΠΎΠ»Π½ΠΎΡΡ‚ΡŒΡŽ Π±Π΅Π»ΠΎΠΌ Ρ„ΠΎΠ½Π΅ с панСлью Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΈ Π²Π²Π΅Ρ€Ρ…Ρƒ ΠΈ тСкстом Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ° посСрСдинС. НиТС находится Ρ‡Π°ΡΡ‚ΡŒ Β«ΠΎ нас», которая прСдставлСна ​​на Π²Ρ€Π΅ΠΌΠ΅Π½Π½ΠΎΠΉ шкалС ΠΈ заканчиваСтся Π½Π΅Π³Π°Ρ‚ΠΈΠ²Π½Ρ‹ΠΌ пространством Π½Π° Π³ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π΅. Π—Π°Ρ‚Π΅ΠΌ ΡΠ»Π΅Π΄ΡƒΡŽΡ‚ ΠΏΡ€Π΅Π΄Π»Π°Π³Π°Π΅ΠΌΡ‹Π΅ услуги ΠΈ Π±Π»ΠΎΠ³. Π’Π½ΠΈΠ·Ρƒ Π²Ρ‹ ΡƒΠ²ΠΈΠ΄ΠΈΡ‚Π΅ ΠΊΠΎΠ½Ρ‚Π°ΠΊΡ‚Π½ΡƒΡŽ Ρ„ΠΎΡ€ΠΌΡƒ вмСстС с Π΄Ρ€ΡƒΠ³ΠΎΠΉ ΠΊΠΎΠ½Ρ‚Π°ΠΊΡ‚Π½ΠΎΠΉ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠ΅ΠΉ.

Π’Π΅Π±-шаблон PSD ΠΈΠΌΠ΅Π΅Ρ‚ Ρ€Π°Π·ΠΌΠ΅Ρ€ холста 1920 Γ— 5787 пиксСлСй. Π‘Π»ΠΎΠΈ сгруппированы для облСгчСния Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΈ. Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΈ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ эту халяву для своих Π»ΠΈΡ‡Π½Ρ‹Ρ… ΠΈ коммСрчСских дизайнСрских ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΎΠ².

НовоС Ρ€Π΅Ρ‚Ρ€ΠΎ-ΠΏΠΎΡ€Ρ‚Ρ„ΠΎΠ»ΠΈΠΎ

Retro Portfolio — одностраничный Π²Π΅Π±-шаблон Π² Π²ΠΈΠ½Ρ‚Π°ΠΆΠ½ΠΎΠΌ стилС. Π”ΠΈΠ·Π°ΠΉΠ½ эффСктивно ΠΏΠ΅Ρ€Π΅Π΄Π°Π΅Ρ‚ эту Ρ‡ΠΈΡΡ‚ΡƒΡŽ Ρ€Π΅Ρ‚Ρ€ΠΎ-Ρ‚Π΅ΠΌΡƒ Π·Π° счСт Π²ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΡ ΡˆΡ€ΠΈΡ„Ρ‚ΠΎΠ², элСмСнтов ΠΈ Ρ†Π²Π΅Ρ‚ΠΎΠ² Π² стилС Ρ€Π΅Ρ‚Ρ€ΠΎ. Π€ΠΎΠ½ Ρ‚Π°ΠΊΠΆΠ΅ ΠΈΠΌΠ΅Π΅Ρ‚ Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΡˆΡƒΠΌΠΎΠ²ΠΎΠΉ ΡƒΠ·ΠΎΡ€ ΠΈ стСТки, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π΄ΠΎΠ±Π°Π²Π»ΡΡŽΡ‚ эстСтичСской Ρ†Π΅Π»ΠΈ Ρ‚Π΅ΠΌΡ‹.

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

Π¨Π°Π±Π»ΠΎΠ½ Π²Π΅Π±-сайта Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ PSD, Ρ‡Ρ‚ΠΎ ΠΎΠ·Π½Π°Ρ‡Π°Π΅Ρ‚, Ρ‡Ρ‚ΠΎ всС ΠΌΠΎΠΆΠ½ΠΎ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ, ΠΎΡ‚ Ρ„ΠΎΠ½Π° Π΄ΠΎ ΠΊΡ€ΠΎΡˆΠ΅Ρ‡Π½Ρ‹Ρ… элСмСнтов. Π’Π°ΠΌ Π±ΡƒΠ΄Π΅Ρ‚ Π»Π΅Π³ΠΊΠΎ ΠΏΠ΅Ρ€Π΅ΠΌΠ΅Ρ‰Π°Ρ‚ΡŒΡΡ ΠΏΠΎ слоям, ΠΏΠΎΡΠΊΠΎΠ»ΡŒΠΊΡƒ ΠΎΠ½ΠΈ Ρ…ΠΎΡ€ΠΎΡˆΠΎ ΠΎΡ€Π³Π°Π½ΠΈΠ·ΠΎΠ²Π°Π½Ρ‹ ΠΏΠΎ Π³Ρ€ΡƒΠΏΠΏΠ°ΠΌ. Π Π°Π·ΠΌΠ΅Ρ€ этого шаблона составляСт 2800 Γ— 9136 пиксСлСй.

Piroll

Π­Ρ‚ΠΎΡ‚ шаблон ΠΈΠΌΠ΅Π΅Ρ‚ минималистичный ΠΈ соврСмСнный Π²ΠΈΠ΄ ΠΈ обСспСчиваСт Π±ΠΎΠ»ΡŒΡˆΡƒΡŽ Π³ΠΈΠ±ΠΊΠΎΡΡ‚ΡŒ: Ρ‡Ρ‚ΠΎ Π΄Π΅Π»Π°Π΅Ρ‚ Π΅Π³ΠΎ подходящим для Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ΠΎΠ², Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΎΠ², Π²Π΅Π±-агСнтств ΠΈ студий, фрилансСров ΠΈ Ρ‚Π°ΠΊ Π΄Π°Π»Π΅Π΅.Π’ Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠ΅ Π²Ρ‹ Π½Π°ΠΉΠ΄Π΅Ρ‚Π΅ 5 ΠΏΡ€ΠΈΠΌΠ΅Ρ€ΠΎΠ² страниц PSD ΠΈ Ρ…ΠΎΡ€ΠΎΡˆΠΎ ΠΎΡ€Π³Π°Π½ΠΈΠ·ΠΎΠ²Π°Π½Π½Ρ‹Π΅ слои для создания MVP Π·Π° нСсколько ΠΌΠΈΠ½ΡƒΡ‚.

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

ΠžΠ΄Π½ΠΎΡΡ‚Ρ€Π°Π½ΠΈΡ‡Π½Ρ‹ΠΉ ΠΏΠΎΡ€Ρ‚Ρ„Π΅Π»ΡŒ

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

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

DSGN

DSGN — это ΠΌΠ½ΠΎΠ³ΠΎΡ†Π΅Π»Π΅Π²ΠΎΠΉ Π²Π΅Π±-шаблон с ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠΎΠΉ Retina, доступный Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ PSD.Он Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Π°Π½ с чистым, минималистичным ΠΈ соврСмСнным Π΄ΠΈΠ·Π°ΠΉΠ½ΠΎΠΌ Π² стилС сСтки, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ эффСктивСн ΠΏΡ€ΠΈ прСдставлСнии ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚ΠΎΠ² ΠΈ / ΠΈΠ»ΠΈ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΎΠ².

Π—Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ содСрТит Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏ, Π·Π½Π°Ρ‡ΠΊΠΈ ΡΠΎΡ†ΠΈΠ°Π»ΡŒΠ½Ρ‹Ρ… сСтСй, адрСс, ΠΊΠΎΠ½Ρ‚Π°ΠΊΡ‚Π½ΡƒΡŽ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΡŽ ΠΈ ΠΊΠ½ΠΎΠΏΠΊΡƒ мСню, которая Ρ€Π°ΡΡˆΠΈΡ€ΡΠ΅Ρ‚ΡΡ ΠΏΠΎ Π³ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΠΈ ΠΏΡ€ΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ курсора. Π—Π°Ρ‚Π΅ΠΌ Ρ‚Π΅Π»ΠΎ страницы состоит ΠΈΠ· Β«Ρ€Π°Π·Π΄Π΅Π»Π° ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΎΠ²Β», Π² ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΌ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Ρ‹ ΠΈΠ»ΠΈ ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚Ρ‹ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°ΡŽΡ‚ΡΡ с ΠΈΡ… ΠΏΠΎΠ΄Ρ€ΠΎΠ±Π½ΠΎΠΉ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠ΅ΠΉ (PSD Ρ‚Π°ΠΊΠΆΠ΅ Π²ΠΊΠ»ΡŽΡ‡Π°Π΅Ρ‚ Π² сСбя шаблон страницы ΠΎΠ΄Π½ΠΎΠ³ΠΎ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π°), Β«Ρ€Π°Π·Π΄Π΅Π»Π° студии», ΠΎΠΏΠΈΡΡ‹Π²Π°ΡŽΡ‰Π΅Π³ΠΎ офис ΠΈ людСй Π² Π½Π΅ΠΌ, ΠΈ Β«Π Π°Π·Π΄Π΅Π» новостСй».НаконСц, Π½ΠΈΠΆΠ½ΠΈΠΉ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ» содСрТит ΠΊΠ°Ρ€Ρ‚Ρƒ ΠΈ адрСс для мСстополоТСния, Π° Ρ‚Π°ΠΊΠΆΠ΅ Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏ ΠΈ Π·Π½Π°Ρ‡ΠΊΠΈ ΡΠΎΡ†ΠΈΠ°Π»ΡŒΠ½Ρ‹Ρ… сСтСй.

Π­Ρ‚ΠΎΡ‚ ΠΏΠ°ΠΊΠ΅Ρ‚ содСрТит 2 Ρ„Π°ΠΉΠ»Π° PSD (ΠΎΠ±Ρ‹Ρ‡Π½Ρ‹ΠΉ ΠΈ дисплСй Retina), Ρ„Π°ΠΉΠ»Ρ‹ CSS, LESS, SCSS, Π° Ρ‚Π°ΠΊΠΆΠ΅ ΡˆΡ€ΠΈΡ„Ρ‚Ρ‹, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ использовались Π² этом бСсплатном Π²Π΅Π±-шаблонС. Π¨Π°Π±Π»ΠΎΠ½ Π³ΠΎΡ‚ΠΎΠ² ΠΊ Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠ΅ ΠΈ ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ Π»Π΅Π³ΠΊΠΎ ΠΎΡ‚Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Π½ Π² Photoshop CS5 ΠΈ Π±ΠΎΠ»Π΅Π΅ ΠΏΠΎΠ·Π΄Π½ΠΈΡ… вСрсиях. Π•Π³ΠΎ нСльзя ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π½Π° элСктронных досках объявлСний ΠΈΠ»ΠΈ Π΄Ρ€ΡƒΠ³ΠΈΡ… Ρ‚ΠΈΠΏΠ°Ρ… Π²Π΅Π±-сайтов Π² Π·Π°Π³Ρ€ΡƒΠΆΠ°Π΅ΠΌΠΎΠΌ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅. ΠšΡ€ΠΎΠΌΠ΅ Ρ‚ΠΎΠ³ΠΎ, Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ это для Π΄Ρ€ΡƒΠ³ΠΈΡ… своих коммСрчСских ΠΈΠ»ΠΈ Π»ΠΈΡ‡Π½Ρ‹Ρ… дизайнСрских ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΎΠ², Ссли Π²Ρ‹ это сдСлаСтС, ΠΏΡ€Π΅Π΄ΠΎΡΡ‚Π°Π²ΡŒΡ‚Π΅ ΠΎΠ±Ρ€Π°Ρ‚Π½ΡƒΡŽ ссылку Π²Π»Π°Π΄Π΅Π»ΡŒΡ†Ρƒ этой халявы.

ΠšΠΎΠ½Ρ†Π΅ΠΏΡ†ΠΈΡ Comedy Central

Π’ΠΎΡ‚ Π΅Ρ‰Π΅ ΠΎΠ΄ΠΈΠ½ бСсплатный Π²Π΅Π±-шаблон, созданный Π½Π° основС амСриканского Ρ‚Π΅Π»Π΅ΠΊΠ°Π½Π°Π»Π° Comedy Central. Π‘Π»Π΅Π²Π° располоТСна панСль Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΈ с Ρ€Π°ΡΡˆΠΈΡ€ΡΡŽΡ‰ΠΈΠΌΡΡ мСню. Π¦Π΅Π½Ρ‚Ρ€Π°Π»ΡŒΠ½Π°Ρ Ρ‡Π°ΡΡ‚ΡŒ содСрТит Π±Π°Π½Π½Π΅Ρ€ с тСндСнциями ΠΈ Π³Π°Π»Π΅Ρ€Π΅ΡŽ Ρ…ΡƒΠ΄ΠΎΠΆΠ½ΠΈΠΊΠΎΠ² Π² стилС сСтки с полосой Ρ„ΠΈΠ»ΡŒΡ‚Ρ€Π°Ρ†ΠΈΠΈ Π²Π²Π΅Ρ€Ρ…Ρƒ. НаконСц, правая сторона состоит ΠΈΠ· ΠΈΠ·Π±Ρ€Π°Π½Π½ΠΎΠ³ΠΎ Π²ΠΈΠ΄Π΅ΠΎ ΠΈ Ρ€Π°Π·Π΄Π΅Π»Π° ΠΊΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠ΅Π².

Π€Π°ΠΉΠ» PSD содСрТит этот Π²Π΅Π±-шаблон со слоями Π² ΠΎΡ€Π³Π°Π½ΠΈΠ·ΠΎΠ²Π°Π½Π½Ρ‹Ρ… Π³Ρ€ΡƒΠΏΠΏΠ°Ρ…, поэтому Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΈΡΠΊΠ°Ρ‚ΡŒ ΠΈ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΠΈΡ…, ΠΊΠ°ΠΊ Π½Π° ΠΏΠΈΠΊΠ½ΠΈΠΊΠ΅.Π’ этом шаблонС использовались ΡˆΡ€ΠΈΡ„Ρ‚Ρ‹ Brandon Grotesque ΠΈ Minion Pro.

ВСлосипСд

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

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

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

Starnight

Π­Ρ‚ΠΎΡ‚ бСсплатный Π²Π΅Π±-сайт Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ PSD — красивый ΠΈ бСсплатный Π²Π΅Π±-шаблон, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ для продвиТСния Ρ€Π΅Π°Π»ΡŒΠ½Ρ‹Ρ… ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ ΠΈΠ»ΠΈ Π΄ΠΈΠ·Π°ΠΉΠ½Π° ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ для ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Ρ… Ρ‚Π΅Π»Π΅Ρ„ΠΎΠ½ΠΎΠ² ΠΈ ΠΏΠ»Π°Π½ΡˆΠ΅Ρ‚ΠΎΠ². Он ΠΈΠΌΠ΅Π΅Ρ‚ соврСмСнный Π΄ΠΈΠ·Π°ΠΉΠ½, ΡΠΎΡ‡Π΅Ρ‚Π°ΡŽΡ‰ΠΈΠΉ плоскиС элСмСнты ΠΈ ΠΏΠ°ΡΡ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ Ρ‚ΠΎΠ½Π°, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Ρ…ΠΎΡ€ΠΎΡˆΠΎ ΡΠΎΡ‡Π΅Ρ‚Π°ΡŽΡ‚ΡΡ Π΄Ρ€ΡƒΠ³ с Π΄Ρ€ΡƒΠ³ΠΎΠΌ. Π’ Π½Π΅ΠΌ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ популярный ΡˆΡ€ΠΈΡ„Ρ‚ Google ΠΏΠΎΠ΄ Π½Π°Π·Π²Π°Π½ΠΈΠ΅ΠΌ Β«LatoΒ».

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

ВуристичСская Π²ΠΈΠ΄Π΅ΠΎΠΊΠ½ΠΈΠ³Π°

Travel Video Book — это минималистичный шаблон Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π° для энтузиастов ΠΏΡƒΡ‚Π΅ΡˆΠ΅ΡΡ‚Π²ΠΈΠΉ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ хотят ΠΏΠΎΠ΄Π΅Π»ΠΈΡ‚ΡŒΡΡ своими Π²ΠΈΠ΄Π΅ΠΎ.Одна страница содСрТит Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Ρ‚Π°ΠΊΠΆΠ΅ слуТит панСлью Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΈ. Он содСрТит Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏ, тСкстовыС ΠΊΠ½ΠΎΠΏΠΊΠΈ, ΠΏΠΎΠ»Π΅ поиска ΠΈ Π°Π²Π°Ρ‚Π°Ρ€. Под Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΎΠΌ находится слайдСр, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Π΅Ρ‚ ΠΈΠ·Π±Ρ€Π°Π½Π½Ρ‹Π΅ Π²ΠΈΠ΄Π΅ΠΎ ΠΈ изобраТСния. Π—Π° Π½ΠΈΠΌ слСдуСт основной ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚, содСрТащий Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Π΅ Π²ΠΈΠ΄Π΅ΠΎΡ€ΠΎΠ»ΠΈΠΊΠΈ, располоТСнныС Π² Π²ΠΈΠ΄Π΅ ΠΊΠΎΠΌΠΏΠ°ΠΊΡ‚Π½ΠΎΠΉ сСтки.

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

ΠœΠΎΠ΄Π½Ρ‹ΠΉ

Trendy — это коллСкция шаблонов PSD, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ дСлятся Π½Π° Π΄Π²Π΅ вСрсии: Ρ‚Π΅ΠΌΠ½Ρ‹Π΅ ΠΈ свСтлыС. Π’ Ρ‚Π΅ΠΌΠ½ΠΎΠΉ вСрсии ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ сочСтаниС Ρ‡Π΅Ρ€Π½ΠΎΠ³ΠΎ ΠΈ ΠΊΠΎΡ€ΠΈΡ‡Π½Π΅Π²ΠΎΠ³ΠΎ Ρ†Π²Π΅Ρ‚ΠΎΠ², Π° Π² свСтлой вСрсии — классичСский Ρ‡Π΅Ρ€Π½Ρ‹ΠΉ ΠΈ Π±Π΅Π»Ρ‹ΠΉ. КаТдая ΠΈΠ· этих вСрсий ΠΈΠΌΠ΅Π΅Ρ‚ шаблон для домашнСй страницы, Π° Ρ‚Π°ΠΊΠΆΠ΅ страниц Π±Π»ΠΎΠ³Π°, всС ΠΎΠ½ΠΈ ΠΈΠΌΠ΅ΡŽΡ‚ плоский ΠΈ минималистичный Π΄ΠΈΠ·Π°ΠΉΠ½.

Π’ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅ страниц мСста для ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ оставлСны пустыми, поэтому Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π΄ΠΎΠ±Π°Π²Π»ΡΡ‚ΡŒ свои собствСнныС изобраТСния; Ρƒ ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ Π΅ΡΡ‚ΡŒ Ρ€Π°Π·ΠΌΠ΅Ρ€, ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Π΅ΠΌΡ‹ΠΉ Π² качСствС ΠΎΡ€ΠΈΠ΅Π½Ρ‚ΠΈΡ€Π°, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π²Π°ΠΌ Π±Ρ‹Π»ΠΎ Π»Π΅Π³Ρ‡Π΅ ΠΏΠΎΠ΄ΠΎΠ³Π½Π°Ρ‚ΡŒ Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΈ.Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Π½Π½Ρ‹Π΅ ΡˆΡ€ΠΈΡ„Ρ‚Ρ‹ ΠΌΠΎΠΆΠ½ΠΎ бСсплатно Π·Π°Π³Ρ€ΡƒΠ·ΠΈΡ‚ΡŒ Π² Π˜Π½Ρ‚Π΅Ρ€Π½Π΅Ρ‚Π΅ — (Bebas Neue & Open Sans).

Π—Π°Π³Ρ€ΡƒΠ·ΠΎΡ‡Π½Ρ‹ΠΉ ΠΏΠ°ΠΊΠ΅Ρ‚ содСрТит 8 Ρ„Π°ΠΉΠ»ΠΎΠ² PSD (ΠΏΠΎ 4 ΠΊΠ°ΠΆΠ΄ΠΎΠΉ вСрсии) ΠΈ Π΅Ρ‰Π΅ 8 Ρ„Π°ΠΉΠ»ΠΎΠ² PNG со слоями, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΌΠΎΠΆΠ½ΠΎ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Π² Adobe Fireworks. ВсС эти Ρ„Π°ΠΉΠ»Ρ‹ Ρ…ΠΎΡ€ΠΎΡˆΠΎ ΠΎΡ€Π³Π°Π½ΠΈΠ·ΠΎΠ²Π°Π½Ρ‹ для ΡƒΠ΄ΠΎΠ±Π½ΠΎΠ³ΠΎ рСдактирования.

Modus ΠΏΡ€ΠΎΡ‚ΠΈΠ²

Modus Versus — это Π΅Ρ‰Π΅ ΠΎΠ΄Π½Π° коллСкция Π²Π΅Π±-шаблонов, созданная с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ руководства ΠΏΠΎ сСткС 1170 пиксСлСй (12 столбцов). Π­Ρ‚ΠΎ Π·Π°ΠΌΠ΅Ρ‡Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ для ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΎΠ², ΠΏΡ€Π΅Π΄Π½Π°Π·Π½Π°Ρ‡Π΅Π½Π½Ρ‹Ρ… для Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½Ρ‹Ρ… Ρ„Ρ€Π΅ΠΉΠΌΠ²ΠΎΡ€ΠΊΠΎΠ², Ρ‚Π°ΠΊΠΈΡ… ΠΊΠ°ΠΊ Bootstrap 3.0. Π­Ρ‚ΠΎ ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ использовано Π²Π΅Π±-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ°ΠΌΠΈ для Π»ΡŽΠ±Ρ‹Ρ… Ρ†Π΅Π»Π΅ΠΉ, Ρ‚Π°ΠΊΠΈΡ… ΠΊΠ°ΠΊ ΠΊΠΎΡ€ΠΏΠΎΡ€Π°Ρ‚ΠΈΠ²Π½Ρ‹Π΅ Π²Π΅Π±-сайты, Π²Π΅Π±-сайты для продвиТСния ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ ΠΈ Ρ‚. Π” .; Π° Ρ‚Π°ΠΊΠΆΠ΅ для Π½ΠΎΠ²ΠΈΡ‡ΠΊΠΎΠ², ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ хотят ΡƒΠ·Π½Π°Ρ‚ΡŒ большС ΠΎ ΠΏΡ€ΠΈΠ΅ΠΌΠ°Ρ… ΠΈ ΠΏΡ€ΠΈΠ΅ΠΌΠ°Ρ… создания Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π° с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Photoshop.

Π­Ρ‚ΠΎΡ‚ ΠΏΠ°ΠΊΠ΅Ρ‚ содСрТит Π² ΠΎΠ±Ρ‰Π΅ΠΉ слоТности 15 Π²Π΅Π±-шаблонов PSD, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΎΡ…Π²Π°Ρ‚Ρ‹Π²Π°ΡŽΡ‚ домашнюю страницу (Π² 3 Ρ†Π²Π΅Ρ‚ΠΎΠ²Ρ‹Ρ… Π²Π°Ρ€ΠΈΠ°Π½Ρ‚Π°Ρ…), Π±Π»ΠΎΠ³, страницу ΠΊΠΎΠ½Ρ‚Π°ΠΊΡ‚ΠΎΠ² ΠΈ Ρ‚. Π”. Π¨Π°Π±Π»ΠΎΠ½Ρ‹ Π² основном Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Π°Π½Ρ‹ с плоской эстСтикой, ΠΊΠΎΡ‚ΠΎΡ€ΡƒΡŽ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΊΠ°ΠΊ Ρ†Π΅Π»ΠΎΠ΅, Ρ‚Π°ΠΊ ΠΈ ΠΏΠΎ ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½ΠΎΡΡ‚ΠΈ. ваш собствСнный Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½.Π­Ρ‚ΠΈ рСсурсы ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π² коммСрчСских ΠΈ Π»ΠΈΡ‡Π½Ρ‹Ρ… цСлях бСсплатно.

Resto

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

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

Surfers Co.

Surfers Co. — это соврСмСнный одностраничный шаблон, Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Π°Π½Π½Ρ‹ΠΉ ΠΈ Π²Ρ‹ΠΏΡƒΡ‰Π΅Π½Π½Ρ‹ΠΉ Луисом ΠšΠΎΡΡ‚Π°, UI-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ΠΎΠΌ ΠΈΠ· Π‘Ρ€Π°Π·ΠΈΠ»ΠΈΠΈ. ΠŸΠ°ΠΊΠ΅Ρ‚ Π²ΠΊΠ»ΡŽΡ‡Π°Π΅Ρ‚ многослойный PSD-Ρ„Π°ΠΉΠ» Π½Π° основС систСмы сСток Bootstrap 1170px.

Π’Π΅Π±-шаблон PSD ΠΈΠΌΠ΅Π΅Ρ‚ Ρ€Π°Π·ΠΌΠ΅Ρ€ 984 Γ— 1741 пиксСль, Π° слои ΠΏΠΎΠΌΠ΅Ρ‡Π΅Π½Ρ‹ ΠΈ сгруппированы для облСгчСния Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΈ.

Projex

Projex — это шаблон Π²Π΅Π±-сайта, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΎΡ‚Π»ΠΈΡ‡Π½ΠΎ ΠΏΠΎΠ΄Ρ…ΠΎΠ΄ΠΈΡ‚ для ΠΊΠΎΡ€ΠΏΠΎΡ€Π°Ρ‚ΠΈΠ²Π½Ρ‹Ρ… ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠΉ ΠΈ Π΄Ρ€ΡƒΠ³ΠΈΡ… бизнСс-агСнтств. Он Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Π°Π½ с использованиСм систСмы сСтки ΠΈΠ· 12 столбцов, которая ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ ΠΏΠΎΠ»Π΅Π·Π½Π°, ΠΊΠΎΠ³Π΄Π° Π²Ρ‹ Ρ€Π΅ΡˆΠΈΡ‚Π΅ Π°Π΄Π°ΠΏΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Π΅Π΅ ΠΊ экранам Π΄Ρ€ΡƒΠ³ΠΈΡ… Ρ€Π°Π·ΠΌΠ΅Ρ€ΠΎΠ².

Π”ΠΎΠΌΠ°ΡˆΠ½ΡΡ страница, оформлСнная Π² красных Ρ‚ΠΎΠ½Π°Ρ…, начинаСтся с Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ°, содСрТащСго Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏ ΠΈ панСль Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΈ. НиТС находится ΠΏΠΎΠ»Π·ΡƒΠ½ΠΎΠΊ Ρ€Π°Π·ΠΌΠ΅Ρ€ΠΎΠΌ 1920×760 пиксСлСй, ΠΊΡƒΠ΄Π° Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ изобраТСния, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ; Π΅Π³ΠΎ слой находится Π² смарт-ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Π΅ для облСгчСния рСдактирования.ΠšΠΎΠ½Ρ‚Π΅Π½Ρ‚ страницы состоит ΠΈΠ· ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΈ ΠΎΠ± услугах, ΠΏΠΎΡ€Ρ‚Ρ„ΠΎΠ»ΠΈΠΎ, ΠΊΠΎΠΌΠ°Π½Π΄Π΅ ΠΈ новостях. Π—Π°Ρ‚Π΅ΠΌ ΠΎΠ½ заканчиваСтся ΠΊΠΎΠ½Ρ‚Π°ΠΊΡ‚Π½ΠΎΠΉ Ρ„ΠΎΡ€ΠΌΠΎΠΉ с адрСсом ΠΈ ΠΊΠ½ΠΎΠΏΠΊΠΎΠΉ для просмотра ΠΊΠ°Ρ€Ρ‚Ρ‹.

Π Π°Π·ΠΌΠ΅Ρ€ шаблона PSD — 1920x4423px. ВсС слои ΡΠΎΠΎΡ‚Π²Π΅Ρ‚ΡΡ‚Π²ΡƒΡŽΡ‰ΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ сгруппированы для Π±ΠΎΠ»Π΅Π΅ быстрой ΠΌΠΎΠ΄ΠΈΡ„ΠΈΠΊΠ°Ρ†ΠΈΠΈ. Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ эту халяву Π² своих Π΄ΠΈΠ·Π°ΠΉΠ½-ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π°Ρ… для Π»ΡŽΠ±Ρ‹Ρ… Ρ†Π΅Π»Π΅ΠΉ.

Π¨Π°Π±Π»ΠΎΠ½ ΠΏΠΎΡ€Ρ‚Ρ„ΠΎΠ»ΠΈΠΎ

H e x a l — это одностраничная страница ΠΏΠΎΡ€Ρ‚Ρ„ΠΎΠ»ΠΈΠΎ, содСрТащая Π·Π°ΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΠΈ Π² Ρ„ΠΎΡ€ΠΌΠ΅ ΡˆΠ΅ΡΡ‚ΠΈΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊΠ°.Он ΠΈΠΌΠ΅Π΅Ρ‚ плоский ΠΈ ΠΏΠΎΠ»Ρƒ-минималистичный Π΄ΠΈΠ·Π°ΠΉΠ½, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ соотвСтствуСт Π½Ρ‹Π½Π΅ΡˆΠ½ΠΈΠΌ соврСмСнным тСндСнциям. ΠšΡ€ΠΎΠΌΠ΅ Ρ‚ΠΎΠ³ΠΎ, ΡˆΡ€ΠΈΡ„Ρ‚Ρ‹ (Maven Pro ΠΈ Lato), ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ использовались Π² этом шаблонС, ΠΌΠΎΠΆΠ½ΠΎ бСсплатно Π·Π°Π³Ρ€ΡƒΠ·ΠΈΡ‚ΡŒ Π² Π˜Π½Ρ‚Π΅Ρ€Π½Π΅Ρ‚Π΅.

PSD-Ρ„Π°ΠΉΠ» Ρ€Π°Π·ΠΌΠ΅Ρ€ΠΎΠΌ 1020 Γ— 1732 Π»Π΅Π³ΠΊΠΎ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ, всС слои ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΠΎ сгруппированы ΠΈ ΠΎΡ€Π³Π°Π½ΠΈΠ·ΠΎΠ²Π°Π½Ρ‹, Π° элСмСнты ΠΈΠΌΠ΅ΡŽΡ‚ Π²Π΅ΠΊΡ‚ΠΎΡ€Π½Ρ‹Π΅ Ρ„ΠΎΡ€ΠΌΡ‹ ΠΈΠ»ΠΈ смарт-ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Ρ‹. Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ вСсь шаблон ΠΈΠ»ΠΈ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π΅Π³ΠΎ элСмСнты, Π² зависимости ΠΎΡ‚ Ρ‚ΠΎΠ³ΠΎ, Ρ‡Ρ‚ΠΎ Π²Π°ΠΌ Π½ΡƒΠΆΠ½ΠΎ.

ΠŸΠ΅Ρ€Ρ‚

Perth — это Π²Π΅Π±-шаблон с плоским Π΄ΠΈΠ·Π°ΠΉΠ½ΠΎΠΌ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Ρ‚Π°ΠΊΠΆΠ΅ управляСтся систСмой ΠΈΠ· 12 столбцов, Ρ‡Ρ‚ΠΎ Π΄Π΅Π»Π°Π΅Ρ‚ Π΅Π³ΠΎ Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½Ρ‹ΠΌ для экранов Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Ρ… Ρ€Π°Π·ΠΌΠ΅Ρ€ΠΎΠ².ΠšΠ°ΠΆΠ΄Ρ‹ΠΉ элСмСнт Π² этом Π΄ΠΈΠ·Π°ΠΉΠ½Π΅ плоский ΠΈ Π²Ρ‹Π΄Π΅Ρ€ΠΆΠ°Π½ Π² ΠΏΠ°ΡΡ‚Π΅Π»ΡŒΠ½Ρ‹Ρ… Ρ‚ΠΎΠ½Π°Ρ…. ΠŸΡ€ΠΎΠ΄ΡƒΠΊΡ‚Ρ‹ Apple Ρ‚Π°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ для создания красивой ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‚ΠΊΠΈ с параллаксом, Ссли Π²Ρ‹ ΠΏΡ€Π΅Π΄ΠΏΠΎΡ‡ΠΈΡ‚Π°Π΅Ρ‚Π΅ Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΡŽ.

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

ΠΌΠ°Ρ‚ΠΎΠ²Ρ‹ΠΉ

Brushed — это одностраничный шаблон Π²Π΅Π±-сайта, ΠΎΡ„ΠΎΡ€ΠΌΠ»Π΅Π½Π½Ρ‹ΠΉ Π² Ρ‚Π΅ΠΌΠ½ΠΎΠΉ Ρ‚Π΅ΠΌΠ°Ρ‚ΠΈΠΊΠ΅.Π­Ρ‚ΠΎΡ‚ шаблон построСн с использованиСм HTML5 ΠΈ CSS3 ΠΈ Π·Π°ΠΊΠΎΠ΄ΠΈΡ€ΠΎΠ²Π°Π½ Ρ‚Π°ΠΊ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Ρ€Π΅Π°Π³ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Π½Π° запросы Π² соотвСтствии с ΠΏΠ»Π°Ρ‚Ρ„ΠΎΡ€ΠΌΠΎΠΉ Bootstrap. Он Ρ‚Π°ΠΊΠΆΠ΅ ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·ΠΈΡ€ΠΎΠ²Π°Π½ для сСтчатки Π³Π»Π°Π·Π° для Π»ΡƒΡ‡ΡˆΠ΅Π³ΠΎ отобраТСния Π½Π° Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Ρ… устройствах.

На страницС прСдусмотрСн слайдСр (ΡˆΠΈΡ€ΠΈΠ½ΠΎΠΉ 1920×1080 пиксСлСй) для ΠΈΠ·Π±Ρ€Π°Π½Π½Ρ‹Ρ… Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΉ. НиТС находится панСль Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΈ, ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚, содСрТащий Ρ€Π°Π±ΠΎΡ‚Ρ‹, прСдставлСнныС Π² Π³Π°Π»Π΅Ρ€Π΅Π΅, ΠΈ Ρ€Π°Π·Π΄Π΅Π» «О нас», ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π·Π½Π°ΠΊΠΎΠΌΠΈΡ‚ с пСрсоналом. Π’ Π½ΠΈΠΆΠ½Π΅ΠΉ части Π²Ρ‹ Π½Π°ΠΉΠ΄Π΅Ρ‚Π΅ ΠΊΠΎΠ½Ρ‚Π°ΠΊΡ‚Π½ΡƒΡŽ Ρ„ΠΎΡ€ΠΌΡƒ, которая Ρ‚Π°ΠΊΠΆΠ΅ Π²ΠΊΠ»ΡŽΡ‡Π°Π΅Ρ‚ адрСс ΠΈ ΠΊΠΎΠ½Ρ‚Π°ΠΊΡ‚Π½ΡƒΡŽ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΡŽ, Π»Π΅Π½Ρ‚Ρƒ Twitter ΠΈ Π·Π½Π°Ρ‡ΠΊΠΈ ΡΠΎΡ†ΠΈΠ°Π»ΡŒΠ½Ρ‹Ρ… сСтСй.

На страницС прСдусмотрСн слайдСр (ΡˆΠΈΡ€ΠΈΠ½ΠΎΠΉ 1920×1080 пиксСлСй) для ΠΈΠ·Π±Ρ€Π°Π½Π½Ρ‹Ρ… Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΉ. НиТС находится панСль Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΈ, ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚, содСрТащий Ρ€Π°Π±ΠΎΡ‚Ρ‹, прСдставлСнныС Π² Π³Π°Π»Π΅Ρ€Π΅Π΅, ΠΈ Ρ€Π°Π·Π΄Π΅Π» «О нас», ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π·Π½Π°ΠΊΠΎΠΌΠΈΡ‚ с пСрсоналом. Π’ Π½ΠΈΠΆΠ½Π΅ΠΉ части Π²Ρ‹ Π½Π°ΠΉΠ΄Π΅Ρ‚Π΅ ΠΊΠΎΠ½Ρ‚Π°ΠΊΡ‚Π½ΡƒΡŽ Ρ„ΠΎΡ€ΠΌΡƒ, которая Ρ‚Π°ΠΊΠΆΠ΅ Π²ΠΊΠ»ΡŽΡ‡Π°Π΅Ρ‚ адрСс ΠΈ ΠΊΠΎΠ½Ρ‚Π°ΠΊΡ‚Π½ΡƒΡŽ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΡŽ, Π»Π΅Π½Ρ‚Ρƒ Twitter ΠΈ Π·Π½Π°Ρ‡ΠΊΠΈ ΡΠΎΡ†ΠΈΠ°Π»ΡŒΠ½Ρ‹Ρ… сСтСй.

ΠŸΡ€ΠΈΠΌΠ΅Ρ‡Π°Π½ΠΈΠ΅: АвторскиС ΠΏΡ€Π°Π²Π° Π½Π° всС ΠΏΡ€ΠΈΠ²Π΅Π΄Π΅Π½Π½Ρ‹Π΅ Π²Ρ‹ΡˆΠ΅ Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½Ρ‹Π΅ ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π»Ρ‹ ΠΏΡ€ΠΈΠ½Π°Π΄Π»Π΅ΠΆΠ°Ρ‚ Π΅Π³ΠΎ ΡƒΠ²Π°ΠΆΠ°Π΅ΠΌΠΎΠΌΡƒ Π²Π»Π°Π΄Π΅Π»ΡŒΡ†Ρƒ.ΠŸΠΎΠΆΠ°Π»ΡƒΠΉΡΡ‚Π°, ΠΏΡ€ΠΎΡ‡Ρ‚ΠΈΡ‚Π΅ Условия использования этих рСсурсов ΠΏΠ΅Ρ€Π΅Π΄ использованиСм, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΡ€Π΅Π΄ΠΎΡ‚Π²Ρ€Π°Ρ‚ΠΈΡ‚ΡŒ Π½Π΅ΠΆΠ΅Π»Π°Ρ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ события. NaldzGraphics Π½Π΅ ΠΏΡ€Π΅Ρ‚Π΅Π½Π΄ΡƒΠ΅Ρ‚ Π½Π° ΠΏΡ€Π°Π²Π° ΠΈ Π½Π΅ нСсСт отвСтствСнности Π·Π° ΠΊΠ°ΠΊΠΈΠ΅-Π»ΠΈΠ±ΠΎ изобраТСния / Π²ΠΈΠ΄Π΅ΠΎ, Ρ€Π°Π·ΠΌΠ΅Ρ‰Π΅Π½Π½Ρ‹Π΅ Π½Π° этом сайтС, Ссли Π½Π΅ ΡƒΠΊΠ°Π·Π°Π½ΠΎ ΠΈΠ½ΠΎΠ΅.

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

Об Π°Π²Ρ‚ΠΎΡ€Π΅: 20-Π»Π΅Ρ‚Π½ΠΈΠΉ ΠΌΡƒΠΆΡ‡ΠΈΠ½Π°, ΠΏΡ€ΠΎΠΆΠΈΠ²Π°ΡŽΡ‰ΠΈΠΉ Π² ΠœΠ°ΡƒΠ½Ρ‚ΠΈΠ½-Π’ΡŒΡŽ-Π’ΠΈΠ»Π»ΠΈΠ΄ΠΆ, Π‘Π΅Π±Ρƒ, Π€ΠΈΠ»ΠΈΠΏΠΏΠΈΠ½Ρ‹.Она Π»ΡŽΠ±ΠΈΡ‚ Π³ΠΎΡ‚ΠΎΠ²ΠΈΡ‚ΡŒ, Π·Π°Π½ΠΈΠΌΠ°Ρ‚ΡŒΡΡ сСрфингом, Ρ‡ΠΈΡ‚Π°Ρ‚ΡŒ ΠΈ ΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ Ρ„ΠΈΠ»ΡŒΠΌΡ‹.

Π’Ρ‹Π±ΠΎΡ€ шаблонов Π²Π΅Π±-сайтов Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ PSD: наши совСты

НС ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ подходящий шаблон PSD для своСго Π²Π΅Π±-сайта? Π‘Π»Π΅Π΄ΡƒΠΉΡ‚Π΅ нашим совСтам.

Π’ этом постС ΠΌΡ‹ собрали основныС ΠΊΡ€ΠΈΡ‚Π΅Ρ€ΠΈΠΈ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΏΠΎΠΌΠΎΠ³ΡƒΡ‚ Π²Π°ΠΌ Π² поискС шаблона Π²Π΅Π±-сайта PSD. НуТно ΠΏΠΎΠΌΠ½ΠΈΡ‚ΡŒ ΠΎ мноТСствС Π²Π΅Ρ‰Π΅ΠΉ, ΠΎΡ‚ бизнСс-ниши Π΄ΠΎ ΠΌΠ°ΠΊΠ΅Ρ‚Π° ΠΈ ΠΏΡ€ΠΎΠ²Π°ΠΉΠ΄Π΅Ρ€Π°. ΠœΡ‹ Ρ‚Π°ΠΊΠΆΠ΅ коснСмся основных способов прСобразования Ρ„Π°ΠΉΠ»Π° PSD Π² шаблон HTML.НадСюсь, эта информация ΠΏΠΎΠΌΠΎΠΆΠ΅Ρ‚ Π²Π°ΠΌ ΡΡΠΊΠΎΠ½ΠΎΠΌΠΈΡ‚ΡŒ врСмя.

Π­Ρ‚ΠΎ ΠΏΡ€Π°Π²Π΄Π°, Ρ‡Ρ‚ΠΎ Π²Π΅Π±-сайты Ρ€Π°Π·Π»ΠΈΡ‡Π°ΡŽΡ‚ΡΡ ΠΏΠΎ своим функциям. НСкоторыС ΠΈΠ· Π½ΠΈΡ… ΠΏΡ€Π΅Π΄Π½Π°Π·Π½Π°Ρ‡Π΅Π½Ρ‹ просто для ΠΎΠ±ΠΌΠ΅Π½Π° Π΄Π°Π½Π½Ρ‹ΠΌΠΈ Π²Π½ΡƒΡ‚Ρ€ΠΈ ΠΎΡ€Π³Π°Π½ΠΈΠ·Π°Ρ†ΠΈΠΈ. Им Π½Π΅ ΠΎΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ Π²Ρ‹Π³Π»ΡΠ΄Π΅Ρ‚ΡŒ Ρ‚Π°ΠΊ, Π±ΡƒΠ΄Ρ‚ΠΎ ΠΎΠ½ΠΈ Π±ΠΎΡ€ΡŽΡ‚ΡΡ Π·Π° Ρ‚ΠΈΡ‚ΡƒΠ» сайта с Π»ΡƒΡ‡ΡˆΠΈΠΌ Π΄ΠΈΠ·Π°ΠΉΠ½ΠΎΠΌ. Π”Ρ€ΡƒΠ³ΠΎΠ΅ Π΄Π΅Π»ΠΎ общСдоступныС рСсурсы, Ρ‚Π°ΠΊΠΈΠ΅ ΠΊΠ°ΠΊ ΠΈΠ½Ρ‚Π΅Ρ€Π½Π΅Ρ‚-ΠΌΠ°Π³Π°Π·ΠΈΠ½Ρ‹. ΠœΠ°ΠΊΠ΅Ρ‚, структура Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΈ ΠΈ Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½Π°Ρ ΠΏΡ€ΠΈΠ²Π»Π΅ΠΊΠ°Ρ‚Π΅Π»ΡŒΠ½ΠΎΡΡ‚ΡŒ ΠΈΠΌΠ΅ΡŽΡ‚ для Π½ΠΈΡ… пСрвостСпСнноС Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅.

ΠŸΡ€ΠΈΠ²Π»Π΅ΠΊΠ°Ρ‚Π΅Π»ΡŒΠ½Ρ‹ΠΉ внСшний Π²ΠΈΠ΄ — Π½Π΅ СдинствСнный аспСкт, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π²Π°ΠΆΠ΅Π½ для Π²Π΅Π±-сайта, Π½Π° ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΌ ΠΏΡ€ΠΎΠ΄Π°ΡŽΡ‚ΡΡ Ρ‚ΠΎΠ²Π°Ρ€Ρ‹ / услуги ΠΈΠ»ΠΈ продвигаСтся бизнСс.НС мСньшС, Π° Ρ‚Π΅ΠΌ Π±ΠΎΠ»Π΅Π΅ Π²Π°ΠΆΠ½ΠΎ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΎΠ½ соотвСтствовал ΡΡ‚ΠΈΠ»ΡŽ вашСго Π±Ρ€Π΅Π½Π΄Π°.

Π­Ρ‚ΠΎ ΠΏΠΎΡ…ΠΎΠΆΠ΅ Π½Π° ваш собствСнный ΠΌΠΎΠ΄Π½Ρ‹ΠΉ ΡΡ‚ΠΈΠ»ΡŒ. Π›ΡŽΠ΄ΠΈ ΠΏΡ€ΠΈΠ²Ρ‹ΠΊΠ»ΠΈ, Ρ‡Ρ‚ΠΎ Ρ‚Ρ‹ носишь Π²ΠΈΠ½Ρ‚Π°ΠΆΠ½ΡƒΡŽ ΠΎΠ΄Π΅ΠΆΠ΄Ρƒ? ПовсСднСвная? Π’Ρ‹Ρ‡ΡƒΡ€Π½Ρ‹ΠΉ? Π’Π°Ρˆ ΡΡ‚ΠΈΠ»ΡŒ ΠΎΠ΄Π΅ΠΆΠ΄Ρ‹ Π΄Π΅Π»Π°Π΅Ρ‚ вас ΡƒΠ½ΠΈΠΊΠ°Π»ΡŒΠ½Ρ‹ΠΌ ΠΈ ΡƒΠ·Π½Π°Π²Π°Π΅ΠΌΡ‹ΠΌ. Π’ΠΎΡ‡Π½ΠΎ Ρ‚Π°ΠΊ ΠΆΠ΅ ваш Π²Π΅Π±-сайт Π΄ΠΎΠ»ΠΆΠ΅Π½ ΠΎΡ‚Ρ€Π°ΠΆΠ°Ρ‚ΡŒ ΡΡ‚ΠΈΠ»ΡŒ вашСго Π±Ρ€Π΅Π½Π΄Π°, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π²Ρ‹Π΄Π΅Π»ΠΈΡ‚ΡŒΡΡ ΠΈΠ· ΠΎΠ±Ρ‰Π΅ΠΉ массы.

Один ΠΈΠ· способов ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ Π²Π΅Π±-сайт, Π½Π° ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΌ Π΅ΡΡ‚ΡŒ всС, Ρ‡Ρ‚ΠΎ Π²Π°ΠΌ Π½ΡƒΠΆΠ½ΠΎ, — это Π½Π°Π½ΡΡ‚ΡŒ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Π° для создания ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΎΠ³ΠΎ шаблона PSD ΠΈ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ° Ρ€Π°Π·ΠΌΠ΅Ρ‚ΠΊΠΈ для прСобразования этого шаблона PSD Π² HTML ΠΈ CSS с Π΄ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΠ΅ΠΌ JavaScript, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ сайт Π΄ΠΈΠ½Π°ΠΌΠΈΡ‡Π½Ρ‹ΠΌ.ΠœΡ‹ Ρ€Π΅ΠΊΠΎΠΌΠ΅Π½Π΄ΡƒΠ΅ΠΌ этот ΠΌΠ΅Ρ‚ΠΎΠ΄, Ρ‚Π°ΠΊ ΠΊΠ°ΠΊ ΠΎΠ½ приносит Π½Π°ΠΈΠ±ΠΎΠ»ΡŒΡˆΡƒΡŽ ΠΏΠΎΠ»ΡŒΠ·Ρƒ бизнСсу. И всС ΠΆΠ΅, Π±ΡƒΠ΄Π΅ΠΌ ΠΎΡ‚ΠΊΡ€ΠΎΠ²Π΅Π½Π½Ρ‹: это самый Π΄ΠΎΡ€ΠΎΠ³ΠΎΠΉ ΠΈ Π΄ΠΎΠ»Π³ΠΈΠΉ ΠΏΡƒΡ‚ΡŒ.

Π”Ρ€ΡƒΠ³ΠΎΠΉ распространСнный ΠΏΠΎΠ΄Ρ…ΠΎΠ΄ — Π½Π°ΠΉΡ‚ΠΈ бСсплатный ΠΈΠ»ΠΈ ΠΏΠ»Π°Ρ‚Π½Ρ‹ΠΉ шаблон Π²Π΅Π±-сайта PSD, ΠΏΡ€Π΅Π΄Π»Π°Π³Π°Π΅ΠΌΡ‹ΠΉ нСсколькими поставщиками, ΠΈ Π½Π°ΡΡ‚Ρ€ΠΎΠΈΡ‚ΡŒ Π΅Π³ΠΎ ΠΏΠΎ своСму вкусу ΠΈ потрСбностям (Π·Π°ΠΌΠ΅Π½ΠΈΡ‚ΡŒ изобраТСния Π½Π° свои собствСнныС, ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ Ρ†Π²Π΅Ρ‚Π° ΠΈ Ρ‚. Π”.). Π₯отя это Ρ‚Ρ€Π΅Π±ΡƒΠ΅Ρ‚ мСньшС усилий ΠΈ Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ, это Ρ‚Π°ΠΊΠΆΠ΅ создаСт ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΡƒ: ΠΊΠ°ΠΊ ΠΎΠΏΡ€Π΅Π΄Π΅Π»ΠΈΡ‚ΡŒ шаблон, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π»ΡƒΡ‡ΡˆΠ΅ всСго ΠΏΠΎΠ΄Ρ…ΠΎΠ΄ΠΈΡ‚ Π²Π°ΠΌ?

НС Π±Π΅ΡΠΏΠΎΠΊΠΎΠΉΡ‚Π΅ΡΡŒ. Π§Ρ‚ΠΎΠ±Ρ‹ ΠΏΠΎΠΌΠΎΡ‡ΡŒ Π²Π°ΠΌ ΠΏΡ€ΠΈΠ½ΡΡ‚ΡŒ ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΠΎΠ΅ Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅, Π½ΠΈΠΆΠ΅ Π²Ρ‹ Π½Π°ΠΉΠ΄Π΅Ρ‚Π΅ нСсколько совСтов ΠΏΠΎ Π²Ρ‹Π±ΠΎΡ€Ρƒ шаблонов Π²Π΅Π±-сайтов.Но сначала Π΄Π°Π²Π°ΠΉΡ‚Π΅ посмотрим, Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ шаблон Π²Π΅Π±-сайта PSD, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Ρ€Π°ΡΡΠ΅ΡΡ‚ΡŒ вСсь Ρ‚ΡƒΠΌΠ°Π½.

Π¨Π°Π±Π»ΠΎΠ½ Π²Π΅Π±-сайта Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ PSD — Ρ‡Ρ‚ΠΎ это Ρ‚Π°ΠΊΠΎΠ΅?

Π¨Π°Π±Π»ΠΎΠ½ Π²Π΅Π±-сайта PSD — это Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½ΠΎΠ΅ прСдставлСниС сайта, созданноС Π² ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ΅ рСдактирования Π³Ρ€Π°Ρ„ΠΈΠΊΠΈ Photoshop ΠΈ сохранСнноС Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ .psd. Π§Ρ‚ΠΎ ΠΎΡ‚Π»ΠΈΡ‡Π°Π΅Ρ‚ созданный Ρ‚Π°ΠΊΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ шаблон ΠΎΡ‚ ΠΎΠ±Ρ‹Ρ‡Π½Ρ‹Ρ… Ρ„Π°ΠΉΠ»ΠΎΠ² ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ, Ρ‚Π°ΠΊΠΈΡ… ΠΊΠ°ΠΊ .png ΠΈΠ»ΠΈ .jpeg, — это ΠΎΡ€ΠΈΠ³ΠΈΠ½Π°Π»ΡŒΠ½Π°Ρ многоуровнСвая структура шаблона вмСстС с Β«ΡƒΠΊΡ€Π°ΡˆΠ΅Π½ΠΈΡΠΌΠΈΒ», Ρ‚Π°ΠΊΠΈΠΌΠΈ ΠΊΠ°ΠΊ Ρ„ΠΈΠ»ΡŒΡ‚Ρ€Ρ‹ ΠΈΠ»ΠΈ маски.Напротив, Π² ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΈ .jpeg ΠΈΠ»ΠΈ .png всС эти Ρ€Π°Π·Π½Ρ‹Π΅ слои спрСссованы Π² ΠΎΠ΄ΠΈΠ½.

ΠŸΠΎΡ‡Π΅ΠΌΡƒ шаблон сайта Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ PSD Ρ‚Π°ΠΊ ΡƒΠ΄ΠΎΠ±Π΅Π½? Π­Ρ‚ΠΎ ΠΏΠΎΡ‚ΠΎΠΌΡƒ, Ρ‡Ρ‚ΠΎ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ быстро ΠΈ Π»Π΅Π³ΠΊΠΎ ΠΎΡ‚Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Π΅Π³ΠΎ ΠΏΠΎΠ΄ свои Π½ΡƒΠΆΠ΄Ρ‹. НапримСр, Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π½Π°ΠΉΡ‚ΠΈ слой, содСрТащий Ρ„ΠΈΠΊΡ‚ΠΈΠ²Π½Ρ‹ΠΉ Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏ, ΠΈ вмСсто Π½Π΅Π³ΠΎ Π²ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ свой собствСнный.

Π§Ρ‚ΠΎ Π΅Ρ‰Π΅ Π±ΠΎΠ»Π΅Π΅ Π²Π°ΠΆΠ½ΠΎ, шаблон Π²Π΅Π±-сайта PSD Π΄Π΅Π»Π°Π΅Ρ‚ Ρ€Π°Π±ΠΎΡ‚Ρƒ Ρ‚Π΅Ρ…, ΠΊΡ‚ΠΎ собираСтся ΠΊΠΎΠ½Π²Π΅Ρ€Ρ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Π΅Π³ΠΎ Π² HTML, Π½Π°ΠΌΠ½ΠΎΠ³ΠΎ Π±ΠΎΠ»Π΅Π΅ приятной. Π‘Ρ‚Ρ€ΡƒΠΊΡ‚ΡƒΡ€Π° ΠΈ всС ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚Ρ‹ Ρ…ΠΎΡ€ΠΎΡˆΠΎ Π²ΠΈΠ΄Π½Ρ‹.Π Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊ Ρ€Π°Π·ΠΌΠ΅Ρ‚ΠΊΠΈ просто Π±Π΅Ρ€Π΅Ρ‚ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΡ‹Π΅ рСсурсы ΠΈΠ· Ρ„Π°ΠΉΠ»Π° PSD ΠΈ ΠΏΠΎΠΌΠ΅Ρ‰Π°Π΅Ρ‚ ΠΈΡ… Π² свой ΠΊΠΎΠ΄ HTML / CSS.

Π’Π΅ΠΏΠ΅Ρ€ΡŒ, ΠΊΠΎΠ³Π΄Π° Π²Ρ‹ Π·Π½Π°Π΅Ρ‚Π΅, Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ шаблон Π²Π΅Π±-сайта PSD, ΠΌΡ‹ Ρ…ΠΎΡ‚Π΅Π»ΠΈ Π±Ρ‹ ΠΏΡ€Π΅Π΄Π»ΠΎΠΆΠΈΡ‚ΡŒ Π²Π°ΠΌ нСсколько совСтов ΠΏΠΎ Π΅Π³ΠΎ Π²Ρ‹Π±ΠΎΡ€Ρƒ для вашСго Π²Π΅Π±-сайта ΠΈΠ»ΠΈ ΠΈΠ½Ρ‚Π΅Ρ€Π½Π΅Ρ‚-ΠΌΠ°Π³Π°Π·ΠΈΠ½Π°.

Π’Ρ‹Π±ΠΎΡ€ Π²Π΅Π±-шаблонов PSD: наши совСты

ΠœΡ‹ собираСмся ΠΏΡ€ΠΈΠΌΠ΅Π½ΠΈΡ‚ΡŒ ΠΏΠΎΠ΄Ρ…ΠΎΠ΄ свСрху Π²Π½ΠΈΠ· Π² нашСм ΠΎΠ±Π·ΠΎΡ€Π΅ основных ΠΊΡ€ΠΈΡ‚Π΅Ρ€ΠΈΠ΅Π² Π²Ρ‹Π±ΠΎΡ€Π° шаблона. Π’Π°ΠΊΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ, ΠΌΡ‹ Ρ€Π°Π·Π΄Π΅Π»ΠΈΠ»ΠΈ Π΅Π³ΠΎ Π½Π° Π΄Π²Π° Ρ€Π°Π·Π΄Π΅Π»Π°: ΠžΠ±Ρ‰ΠΈΠ΅ ΠΈ ВСхничСскиС характСристики .

ΠžΠ±Ρ‰ΠΈΠ΅
НайдитС шаблон Π²Π΅Π±-сайта PSD, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΏΠΎΠ·Π²ΠΎΠ»ΠΈΡ‚ Π²Π°ΠΌ внСсти ΠΊΠ°ΠΊ ΠΌΠΎΠΆΠ½ΠΎ мСньшС настроСк

ΠŸΠ΅Ρ€Π²ΠΎΠ΅, Ρ‡Ρ‚ΠΎ Π²Π°ΠΌ слСдуСт ΠΏΠΎΠ΄ΡƒΠΌΠ°Ρ‚ΡŒ, — это Ρ‚ΠΎ, Ρ‡Ρ‚ΠΎ Π²Ρ‹ ΡΠΎΠ±ΠΈΡ€Π°Π΅Ρ‚Π΅ΡΡŒ ΠΏΠΎΡΡ‚Ρ€ΠΎΠΈΡ‚ΡŒ. Π­Ρ‚ΠΎ простой Π±Π»ΠΎΠ³? ΠšΠΎΡ€ΠΏΠΎΡ€Π°Ρ‚ΠΈΠ²Π½Ρ‹ΠΉ сайт? ГалСрСя ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ для дСмонстрации Π²Π°ΡˆΠΈΡ… Ρ„ΠΎΡ‚ΠΎ-ΡˆΠ΅Π΄Π΅Π²Ρ€ΠΎΠ²? Бколько страниц Π²Ρ‹ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π² Π½Π΅ΠΌ Π±Ρ‹Π»ΠΎ? ПослС Ρ‚ΠΎΠ³ΠΎ, ΠΊΠ°ΠΊ Π²Ρ‹ ΠΎΡ‚Π²Π΅Ρ‚ΠΈΠ»ΠΈ Π½Π° эти вопросы, Π²Ρ‹ΠΏΠΎΠ»Π½ΠΈΡ‚Π΅ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠ΅ дСйствия:

  • НайдитС ΠΏΠΎΡ…ΠΎΠΆΠΈΠ΅ сайты Π² Π˜Π½Ρ‚Π΅Ρ€Π½Π΅Ρ‚Π΅.Π‘Π΄Π΅Π»Π°ΠΉΡ‚Π΅ Π·Π°ΠΌΠ΅Ρ‚ΠΊΠΈ ΠΎΠ± ΠΈΡ… располоТСнии ΠΈ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅.
  • На основС вашСго ΠΎΠ±Π·ΠΎΡ€Π° Π²ΠΎΠ·ΡŒΠΌΠΈΡ‚Π΅ лист Π±ΡƒΠΌΠ°Π³ΠΈ ΠΈ нарисуйтС эскиз своСго Π±ΡƒΠ΄ΡƒΡ‰Π΅Π³ΠΎ Π²Π΅Π±-сайта.

Π­Ρ‚ΠΈ шаги Π²Π°ΠΆΠ½Ρ‹, ΠΏΠΎΡ‚ΠΎΠΌΡƒ Ρ‡Ρ‚ΠΎ Ρ‡Π΅ΠΌ мСньшС ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠΉ Π²Ρ‹ внСсСтС Π² шаблон Π²Π΅Π±-сайта PSD, Ρ‚Π΅ΠΌ большС Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ ΠΈ Π΄Π΅Π½Π΅Π³ Π²Ρ‹ сэкономитС. НайдитС шаблон, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Ρ‚ΠΎΡ‡Π½ΠΎ соотвСтствуСт Π΄ΠΈΠ·Π°ΠΉΠ½Ρƒ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π²Ρ‹ ΠΏΡ€ΠΈΠ΄ΡƒΠΌΠ°Π»ΠΈ.

ΠŸΠΎΠ΄Ρ…ΠΎΠ΄ΠΈΡ‚Π΅ ΠΊ бСсплатным шаблонам Π²Π΅Π±-сайтов PSD с ΠΎΡΡ‚ΠΎΡ€ΠΎΠΆΠ½ΠΎΡΡ‚ΡŒΡŽ

ΠšΠΎΠ»ΠΈΡ‡Π΅ΡΡ‚Π²ΠΎ ΠΈ Ρ€Π°Π·Π½ΠΎΠΎΠ±Ρ€Π°Π·ΠΈΠ΅ шаблонов PSD, доступных Π½Π° Ρ€Ρ‹Π½ΠΊΠ΅ Π² наши Π΄Π½ΠΈ, ΠΏΠΎΡ€Π°ΠΆΠ°Π΅Ρ‚.Однако всС ΠΎΠ½ΠΈ дСлятся Π½Π° Π΄Π²Π΅ большиС ΠΊΠ°Ρ‚Π΅Π³ΠΎΡ€ΠΈΠΈ: бСсплатныС ΠΈ ΠΏΠ»Π°Ρ‚Π½Ρ‹Π΅. Какой ΠΈΠ· Π½ΠΈΡ… Π²Ρ‹ Π²Ρ‹Π±Π΅Ρ€Π΅Ρ‚Π΅, бСзусловно, зависит ΠΎΡ‚ Π³Π»ΡƒΠ±ΠΈΠ½Ρ‹ Π²Π°ΡˆΠΈΡ… ΠΊΠ°Ρ€ΠΌΠ°Π½ΠΎΠ². Π’Π΅ΠΌ Π½Π΅ ΠΌΠ΅Π½Π΅Π΅, ΠΌΡ‹ Ρ€Π΅ΠΊΠΎΠΌΠ΅Π½Π΄ΡƒΠ΅ΠΌ с ΠΎΡΡ‚ΠΎΡ€ΠΎΠΆΠ½ΠΎΡΡ‚ΡŒΡŽ ΠΏΠΎΠ΄Ρ…ΠΎΠ΄ΠΈΡ‚ΡŒ ΠΊ бСсплатным шаблонам Π²Π΅Π±-сайтов Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ PSD.

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

UX-Π΄ΠΈΠ·Π°ΠΉΠ½ ΠΈΠΌΠ΅Π΅Ρ‚ пСрвостСпСнноС Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅, особСнно ΠΊΠΎΠ³Π΄Π° Ρ€Π΅Ρ‡ΡŒ ΠΈΠ΄Π΅Ρ‚ ΠΎΠ± ΠΈΠ½Ρ‚Π΅Ρ€Π½Π΅Ρ‚-ΠΌΠ°Π³Π°Π·ΠΈΠ½Π°Ρ….Π­Ρ‚ΠΎ ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ Π½Π΅ΠΎΡ‡Π΅Π²ΠΈΠ΄Π½ΠΎ Π² Π²Π΅Π±-шаблонС PSD, Π½ΠΎ становится Ρ‚Π°ΠΊΠΎΠ²Ρ‹ΠΌ, ΠΊΠ°ΠΊ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊ Ρ€Π°Π·ΠΌΠ΅Ρ‚ΠΊΠΈ ΠΏΡ€Π΅ΠΎΠ±Ρ€Π°Π·ΡƒΠ΅Ρ‚ этот шаблон PSD Π² HTML. ΠŸΠ»ΠΎΡ…Π°Ρ Π³Ρ€Π°Ρ„ΠΈΠΊΠ° ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ Π΅Ρ‰Π΅ ΠΎΠ΄Π½ΠΈΠΌ ΠΏΠΎΠ²ΠΎΠ΄ΠΎΠΌ для бСспокойства.

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

Π£Π±Π΅Π΄ΠΈΡ‚Π΅ΡΡŒ, Ρ‡Ρ‚ΠΎ Π²Ρ‹ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΠ»ΠΈ Π²Π΅Π±-шаблон ΠΎΡ‚ ΡƒΠ²Π°ΠΆΠ°Π΅ΠΌΠΎΠ³ΠΎ поставщика

НСзависимо ΠΎΡ‚ Ρ‚ΠΎΠ³ΠΎ, являСтся Π»ΠΈ шаблон Π²Π΅Π±-сайта PSD бСсплатным ΠΈΠ»ΠΈ ΠΏΠ»Π°Ρ‚Π½Ρ‹ΠΌ, ΠΏΠΎΠΈΡ‰ΠΈΡ‚Π΅ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΡŽ ΠΎ ΠΏΡ€ΠΎΠΈΠ·Π²ΠΎΠ΄ΠΈΡ‚Π΅Π»Π΅. ΠŸΠΎΡΠ΅Ρ‚ΠΈΡ‚Π΅ ΠΈΡ… сайт. Π˜Ρ‰ΠΈΡ‚Π΅ ΠΎΡ‚Π²Π΅Ρ‚Ρ‹ Π½Π° ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠ΅ вопросы:

  • Как Π΄ΠΎΠ»Π³ΠΎ ΠΎΠ½ΠΈ ΠΏΡ€Π΅Π΄ΠΎΡΡ‚Π°Π²Π»ΡΡŽΡ‚ свои услуги?
  • Бколько ΠΎΠ½ΠΈ сдСлали шаблонов Π²Π΅Π±-сайтов Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ PSD?
  • ΠŸΡ€Π΅Π΄Π»Π°Π³Π°ΡŽΡ‚ Π»ΠΈ ΠΎΠ½ΠΈ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΡƒ ΠΊΠ»ΠΈΠ΅Π½Ρ‚ΠΎΠ² ΠΈ ΠΊΠ°ΠΊ Π΄ΠΎΠ»Π³ΠΎ?

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

ВСхничСскиС характСристики

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

РастягиваСтся Π»ΠΈ шаблон Π²Π΅Π±-сайта PSD с ΠΎΠ΄Π½ΠΎΠΉ стороны ΠΎΠΊΠ½Π° Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π° Π½Π° Π΄Ρ€ΡƒΠ³ΡƒΡŽ ΠΈΠ»ΠΈ Ρƒ Π½Π΅Π³ΠΎ Π΅ΡΡ‚ΡŒ смСщСния Π²Π»Π΅Π²ΠΎ ΠΈ Π²ΠΏΡ€Π°Π²ΠΎ?

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

Π Π΅Π·ΠΎΠ½Π½Ρ‹ΠΉ вопрос: Β«ΠžΡ‚ Ρ‡Π΅Π³ΠΎ это зависит?Β» ΠžΡ‚Π²Π΅Ρ‚: Π² основном ΠΎ функциях Π²Π΅Π±-сайта. Если вы…

  • ΠΌΡƒΠ·Ρ‹ΠΊΠ°Π½Ρ‚, ΠΏΡ€ΠΎΠ΄Π²ΠΈΠ³Π°ΡŽΡ‰ΠΈΠΉ вашС ΡΠ»Π΅Π΄ΡƒΡŽΡ‰Π΅Π΅ ΠΌΠΈΡ€ΠΎΠ²ΠΎΠ΅ Ρ‚ΡƒΡ€Π½Π΅
  • графичСский Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€, ΠΏΡ€Π΅Π΄ΡΡ‚Π°Π²Π»ΡΡŽΡ‰ΠΈΠΉ Π²Π°ΡˆΡƒ Ρ€Π°Π±ΠΎΡ‚Ρƒ
  • Π»Π°Π½Π΄ΡˆΠ°Ρ„Ρ‚Π½Ρ‹ΠΉ Π°Ρ€Ρ…ΠΈΡ‚Π΅ΠΊΡ‚ΠΎΡ€, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Ρ…ΠΎΡ‡Π΅Ρ‚ ΠΏΡ€ΠΎΠ΄Π΅ΠΌΠΎΠ½ΡΡ‚Ρ€ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ красоту вашСго послСднСго ΠΏΡ€ΠΈΡ€ΠΎΠ΄Π½ΠΎΠ³ΠΎ Π΄ΠΈΠ·Π°ΠΉΠ½Π°
  • Π΅Ρ‰Π΅ ΠΎΠ΄ΠΈΠ½ профСссионал ΠΈΠ· Β«ΠΊΡ€Π΅Π°Ρ‚ΠΈΠ²Π½ΠΎΠ³ΠΎ класса»

… Π²Π°ΠΌ, вСроятно, слСдуСт Ρ€Π°ΡΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ Π²Π΅Π±-ΡˆΠ°Π±Π»ΠΎΠ½Ρ‹ PSD, Π·Π°Π½ΠΈΠΌΠ°ΡŽΡ‰ΠΈΠ΅ всю Π΄Π»ΠΈΠ½Ρƒ ΠΎΠΊΠ½Π°.Π­Ρ‚ΠΎΡ‚ ΡΡ‚ΠΈΠ»ΡŒ ΠΏΠΎΠ΄Ρ…ΠΎΠ΄ΠΈΡ‚ для Π²Π΅Π±-сайтов с большим количСством качСствСнных Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½Ρ‹Ρ… элСмСнтов. Π­Ρ‚ΠΎ Ρ‚Π²ΠΎΠΉ случай?

Π‘ Π΄Ρ€ΡƒΠ³ΠΎΠΉ стороны, Ссли ваша Ρ†Π΅Π»ΡŒ — ΠΎΠ±Π΅ΡΠΏΠ΅Ρ‡ΠΈΡ‚ΡŒ присутствиС вашСй ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠΈ Π² Π˜Π½Ρ‚Π΅Ρ€Π½Π΅Ρ‚Π΅ ΠΈ ΠΏΡ€ΠΈΠ²Π»Π΅Ρ‡ΡŒ ΠΊΠ°ΠΊ ΠΌΠΎΠΆΠ½ΠΎ большС посСтитСлСй, Π²Ρ‹Π±ΠΈΡ€Π°ΠΉΡ‚Π΅ Π²Π΅Π±-ΡˆΠ°Π±Π»ΠΎΠ½Ρ‹ PSD с запасом. Π›ΡŽΠ΄ΠΈ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΏΠΎΠ»ΡƒΡ‡Π°ΡŽΡ‚ доступ ΠΊ ΠΏΠΎΠ΄ΠΎΠ±Π½Ρ‹ΠΌ Π²Π΅Π±-сайтам с Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Ρ… устройств (Π½Π°ΡΡ‚ΠΎΠ»ΡŒΠ½Ρ‹Ρ… ΠΊΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€ΠΎΠ², ΠΏΠ»Π°Π½ΡˆΠ΅Ρ‚ΠΎΠ², Π½ΠΎΡƒΡ‚Π±ΡƒΠΊΠΎΠ² ΠΈ Ρ‚. Π”.), ΠŸΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ΡΡ ΠΏΠΎΡ‡Ρ‚ΠΈ ΠΎΠ΄ΠΈΠ½Π°ΠΊΠΎΠ²Ρ‹ΠΌ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΈΠΌ интСрфСйсом.

ΠŸΡ€ΠΈ этом Π½Π΅ сущСствуСт ТСстких ΠΏΡ€Π°Π²ΠΈΠ», ΠΏΡ€Π΅Π΄ΠΏΠΈΡΡ‹Π²Π°ΡŽΡ‰ΠΈΡ… ΠΎΡ‚Π΄Π°Π²Π°Ρ‚ΡŒ ΠΏΡ€Π΅Π΄ΠΏΠΎΡ‡Ρ‚Π΅Π½ΠΈΠ΅ ΠΎΠ΄Π½ΠΎΠΌΡƒ ΡΡ‚ΠΈΠ»ΡŽ ΠΏΠ΅Ρ€Π΅Π΄ Π΄Ρ€ΡƒΠ³ΠΈΠΌ.ΠŸΡ€ΠΎΡΡ‚ΠΎ ΠΈΠΌΠ΅ΠΉΡ‚Π΅ Π² Π²ΠΈΠ΄Ρƒ эту ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΡŽ.

Как Π±ΡƒΠ΄Π΅Ρ‚ Π²Ρ‹Π³Π»ΡΠ΄Π΅Ρ‚ΡŒ вСрхняя Ρ‡Π°ΡΡ‚ΡŒ вашСй домашнСй страницы?

Π’ΠΎ, Ρ‡Ρ‚ΠΎ отобраТаСтся Π² Π²Π΅Ρ€Ρ…Π½Π΅ΠΉ части шаблона Π²Π΅Π±-сайта PSD, ΠΈΠΌΠ΅Π΅Ρ‚ Ρ€Π΅ΡˆΠ°ΡŽΡ‰Π΅Π΅ Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅. Π­Ρ‚ΠΎ ΠΏΠΎΡ‚ΠΎΠΌΡƒ, Ρ‡Ρ‚ΠΎ, ΠΊΠ°ΠΊ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ посСтитСли ΠΏΠΎΠΏΠ°Π΄Π°ΡŽΡ‚ Π½Π° Π²Π°ΡˆΡƒ домашнюю страницу, ΠΎΠ½ΠΈ, ΠΊΠ°ΠΊ ΠΏΡ€Π°Π²ΠΈΠ»ΠΎ, смотрят Π½Π° Π΅Π΅ ΡΠ°ΠΌΡƒΡŽ Π²Π΅Ρ€Ρ…Π½ΡŽΡŽ Ρ‡Π°ΡΡ‚ΡŒ. Π‘ΠΎΠ·Π΄Π°Ρ‚Π΅Π»ΠΈ шаблонов PSD-сайтов ΠΏΡ€ΠΈΠΌΠ΅Π½ΡΡŽΡ‚ ΠΊ этой части сайта нСсколько Π²Π°Ρ€ΠΈΠ°Π½Ρ‚ΠΎΠ² Π΄ΠΈΠ·Π°ΠΉΠ½Π°.

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

Π’ΠΈΠΏΠΎΠ²Ρ‹Π΅ Π²Π°Ρ€ΠΈΠ°Π½Ρ‚Ρ‹ конструкции Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ°
Π—Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ с Ρ„ΠΎΠ½ΠΎΠ²Ρ‹ΠΌ Π²ΠΈΠ΄Π΅ΠΎ Π—Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ со статичСским ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ΠΌ Π—Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ со статичСским ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ΠΌ ΠΈ тСкстом свСрху Π—Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ со слайд-ΡˆΠΎΡƒ
ΠŸΠΎΠ΄Ρ…ΠΎΠ΄ΠΈΡ‚ для ΠΌΠ°Π»ΠΎΠ³ΠΎ бизнСса, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Ρ…ΠΎΡ‡Π΅Ρ‚ ΠΏΡ€ΠΈΠ²Π»Π΅Ρ‡ΡŒ Π°ΡƒΠ΄ΠΈΡ‚ΠΎΡ€ΠΈΡŽ ΠΈ Ρ‡Π΅Ρ‚ΠΊΠΎ ΠΎΠ±ΡŠΡΡΠ½ΠΈΡ‚ΡŒ свою миссию Π₯ΠΎΡ€ΠΎΡˆΠΎ ΠΏΠΎΠ΄Ρ…ΠΎΠ΄ΠΈΡ‚ для прСдприятий, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΏΠΎΠ»Π°Π³Π°ΡŽΡ‚ΡΡ Π½Π° Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½Ρ‹Π΅ эффСкты (ΠΎΡ‚Π΅Π»ΠΈ, рСстораны ΠΈ Ρ‚. Π”.) Π›ΡŽΠ±Π°Ρ компания, которая Ρ…ΠΎΡ‡Π΅Ρ‚ ΠΏΡ€Π΅Π΄ΠΎΡΡ‚Π°Π²ΠΈΡ‚ΡŒ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½ΡƒΡŽ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΡŽ ΠΎ своСй миссии Π₯ΠΎΡ€ΠΎΡˆΠΎ ΠΏΠΎΠ΄Ρ…ΠΎΠ΄ΠΈΡ‚ для прСдприятий, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π½Π°Ρ†Π΅Π»Π΅Π½Ρ‹ Π½Π° Ρ€Π°Π·Π½Ρ‹Π΅ Π³Ρ€ΡƒΠΏΠΏΡ‹ ΠΊΠ»ΠΈΠ΅Π½Ρ‚ΠΎΠ² ΠΈΠ»ΠΈ ΠΏΡ€ΠΎΠ΄Π°ΡŽΡ‚ нСсколько ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚ΠΎΠ² / услуг
Π£Π±Π΅Π΄ΠΈΡ‚Π΅ΡΡŒ, Ρ‡Ρ‚ΠΎ панСль Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΈ соотвСтствуСт основным трСбованиям ΠΊ UX-Π΄ΠΈΠ·Π°ΠΉΠ½Ρƒ

Навигационная панСль Π² шаблонС — Ρ…ΠΎΡ€ΠΎΡˆΠΈΠΉ тСст Π½Π° качСство. Если посСтитСлям Ρ‚Ρ€ΡƒΠ΄Π½ΠΎ ΠΏΠ΅Ρ€Π΅ΠΌΠ΅Ρ‰Π°Ρ‚ΡŒΡΡ ΠΏΠΎ Π²Π΅Π±-сайту ΠΈΠ·-Π·Π° Π½Π΅ΡƒΠΊΠ»ΡŽΠΆΠ΅ΠΉ ΠΈ Π½Π΅ΡƒΠ΄ΠΎΠ±Π½ΠΎΠΉ ΠΏΠ°Π½Π΅Π»ΠΈ Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΈ, Π΅Π΅ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊ ΠΏΠΎΠ»ΡƒΡ‡Π°Π΅Ρ‚ Π±ΠΎΠ»ΡŒΡˆΡƒΡŽ F. Π₯отя это Π½Π΅ всСгда ясно с самого Π½Π°Ρ‡Π°Π»Π°, ΠΊΠ°ΠΊ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊ Ρ€Π°Π·ΠΌΠ΅Ρ‚ΠΊΠΈ ΠΊΠΎΠ½Π²Π΅Ρ€Ρ‚ΠΈΡ€ΡƒΠ΅Ρ‚ шаблон PSD Π² HTML, Ρ€Π°Π·ΠΌΠ΅Ρ€ ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΠ° становится Π²ΠΈΠ΄ΠΈΠΌΠΎΠΉ.

Π₯ΠΎΡ€ΠΎΡˆΠ°Ρ навигационная панСль Π΄ΠΎΠ»ΠΆΠ½Π° ΡΠΎΠΎΡ‚Π²Π΅Ρ‚ΡΡ‚Π²ΠΎΠ²Π°Ρ‚ΡŒ мноТСству ΠΊΡ€ΠΈΡ‚Π΅Ρ€ΠΈΠ΅Π², Π²ΠΊΠ»ΡŽΡ‡Π°Ρ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠ΅:

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

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

ΠžΠ±Ρ‰ΠΈΠ΅ полоТСния Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΎΠ½Π½ΠΎΠΉ ΠΏΠ°Π½Π΅Π»ΠΈ Π² ΡˆΠ°Π±Π»ΠΎΠ½Π°Ρ… Π²Π΅Π±-сайтов PSD
Ѐиксированный (Π²Π΅Ρ€Ρ‚ΠΈΠΊΠ°Π»ΡŒΠ½ΠΎ ΠΈΠ»ΠΈ Π³ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΡŒΠ½ΠΎ) Π’Π²Π΅Ρ€Ρ…Ρƒ, исчСзаСт ΠΏΡ€ΠΈ ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‚ΠΊΠ΅ Π²Π½ΠΈΠ· Π‘Ρ‚ΠΎΡ€ΠΎΠ½Π° Низ
Π›ΡƒΡ‡ΡˆΠ΅ всСго Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ для сайтов с большим объСмом ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π° Classic, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ Π½Π° Π½Π΅ΡΠΊΠΎΠ»ΡŒΠΊΠΈΡ… Π²Π΅Π±-сайтах ΠŸΠΎΠ΄Ρ…ΠΎΠ΄ΠΈΡ‚ для Π²Π΅Π±-сайтов с большим количСством Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½Ρ‹Ρ… элСмСнтов ΠΈ Π΄Π»ΠΈΠ½Π½Ρ‹ΠΌΠΈ ΠΏΡƒΠ½ΠΊΡ‚Π°ΠΌΠΈ мСню Π›ΡƒΡ‡ΡˆΠ΅ всСго ΠΏΠΎΠ΄Ρ…ΠΎΠ΄ΠΈΡ‚ для Π²Π΅Π±-сайтов с большим количСством Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½Ρ‹Ρ… элСмСнтов, Π²Π»Π°Π΄Π΅Π»ΡŒΡ†Ρ‹ ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… хотят, Ρ‡Ρ‚ΠΎΠ±Ρ‹ посСтитСли сразу Ρ„ΠΎΠΊΡƒΡΠΈΡ€ΠΎΠ²Π°Π»ΠΈΡΡŒ Π½Π° основном содСрТании.

Π—Π°ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΠ΅

Π­Ρ‚ΠΎ лишь Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ основныС Ρ€Π΅ΠΊΠΎΠΌΠ΅Π½Π΄Π°Ρ†ΠΈΠΈ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΌ Π²Ρ‹ Π΄ΠΎΠ»ΠΆΠ½Ρ‹ ΡΠ»Π΅Π΄ΠΎΠ²Π°Ρ‚ΡŒ ΠΏΡ€ΠΈ Π²Ρ‹Π±ΠΎΡ€Π΅ шаблона Π²Π΅Π±-сайта PSD.Однако Π²Ρ‹Π±ΠΎΡ€ Ρ…ΠΎΡ€ΠΎΡˆΠ΅Π³ΠΎ шаблона PSD — это Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Π½Π°Ρ‡Π°Π»ΠΎ. Π’Π°ΠΌ Ρ‚Π°ΠΊΠΆΠ΅ слСдуСт Π½Π°ΠΉΡ‚ΠΈ ΠΎΠΏΡ‹Ρ‚Π½ΠΎΠ³ΠΎ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ° Ρ€Π°Π·ΠΌΠ΅Ρ‚ΠΊΠΈ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΡ€Π΅ΠΎΠ±Ρ€Π°Π·ΠΎΠ²Π°Ρ‚ΡŒ этот PSD-Ρ„Π°ΠΉΠ» Π² HTML-шаблон.

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

Если Π²Ρ‹Π±ΠΎΡ€ шаблона Π²Π΅Π±-сайта PSD всС Π΅Ρ‰Π΅ каТСтся слоТной Π·Π°Π΄Π°Ρ‡Π΅ΠΉ, ΠΎΠΏΡ‹Ρ‚Π½Ρ‹Π΅ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΈ интСрфСйсов Π² PSD2HTML ΠΏΠΎΠΌΠΎΠ³ΡƒΡ‚ Π²Π°ΠΌ Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ ΠΎΠ΄ΠΈΠ½ ΠΈΠ· Π½ΠΈΡ….ΠœΡ‹ Ρ‚Π°ΠΊΠΆΠ΅ ΠΊΠΎΠ½Π²Π΅Ρ€Ρ‚ΠΈΡ€ΡƒΠ΅ΠΌ ΡˆΠ°Π±Π»ΠΎΠ½Ρ‹ Π²Π΅Π±-сайтов PSD (ΠΈΠ»ΠΈ ΡˆΠ°Π±Π»ΠΎΠ½Ρ‹ Π² любом Π΄Ρ€ΡƒΠ³ΠΎΠΌ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ Ρ„Π°ΠΉΠ»ΠΎΠ²) Π² Π±Π΅Π·ΡƒΠΏΡ€Π΅Ρ‡Π½Ρ‹Π΅ HTML-ΡˆΠ°Π±Π»ΠΎΠ½Ρ‹ ΠΈ Ρ€Π°Π·Ρ€Π°Π±Π°Ρ‚Ρ‹Π²Π°Π΅ΠΌ ΠΈΠ½Π΄ΠΈΠ²ΠΈΠ΄ΡƒΠ°Π»ΡŒΠ½Ρ‹Π΅ Π²Π΅Π±-ΡˆΠ°Π±Π»ΠΎΠ½Ρ‹ PSD.

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

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

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