Π”ΠΈΠ·Π°ΠΉΠ½ вСрстка ΠΌΠ°ΠΊΠ΅Ρ‚ΠΎΠ²: Как ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΠΎ ΠΏΠΎΠ΄Π³ΠΎΡ‚ΠΎΠ²ΠΈΡ‚ΡŒ ΠΌΠ°ΠΊΠ΅Ρ‚ ΠΊ вёрсткС? β€” Π”ΠΈΠ·Π°ΠΉΠ½ Π½Π° vc.ru

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

Как ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΠΎ ΠΏΠΎΠ΄Π³ΠΎΡ‚ΠΎΠ²ΠΈΡ‚ΡŒ ΠΌΠ°ΠΊΠ΅Ρ‚ ΠΊ вёрсткС? β€” Π”ΠΈΠ·Π°ΠΉΠ½ Π½Π° vc.ru

Руководство для Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ΠΎΠ²

6081

просмотров

МнС часто ΠΏΠ΅Ρ€Π΅Π΄Π°Π²Π°Π»ΠΈ Ρ€Π°Π±ΠΎΡ‚Ρƒ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ΠΎΠ², ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΡƒΡ…ΠΎΠ΄ΠΈΠ»ΠΈ Π² отпуск ΠΈΠ»ΠΈ Π±ΠΎΠ»Π΅Π»ΠΈ. ΠœΠ΅Π½Π΅Π΄ΠΆΠ΅Ρ€Ρ‹ ΠΈ Π°Ρ€Ρ‚-Π΄ΠΈΡ€Π΅ΠΊΡ‚ΠΎΡ€ считали, Ρ‡Ρ‚ΠΎ я быстро Π½Π°Ρ€ΠΈΡΡƒΡŽ Π½Π΅Π΄ΠΎΡΡ‚Π°ΡŽΡ‰ΠΈΠ΅ страницы, вСдь основная Ρ‡Π°ΡΡ‚ΡŒ Ρ€Π°Π±ΠΎΡ‚Ρ‹ ΡƒΠΆΠ΅ сдСлана.

Π― ΠΎΡ‚ΠΊΡ€Ρ‹Π²Π°Π» ΠΏΠ΅Ρ€Π΅Π΄Π°Π½Π½Ρ‹Π΅ ΠΌΠ°ΠΊΠ΅Ρ‚Ρ‹ ΠΈ Π½Π΅ Π²ΠΈΠ΄Π΅Π» Π² Π½ΠΈΡ… Π»ΠΎΠ³ΠΈΠΊΠΈ: ΠΊΡƒΡ‡Π° тСкстовых стилСй для ΠΎΠ΄Π½ΠΎΡ‚ΠΈΠΏΠ½Ρ‹Ρ… случаСв, слои Π½Π΅ сгруппированы ΠΈ Π½Π΅ Π½Π°Π·Π²Π°Π½Ρ‹, старыС Π²Π°Ρ€ΠΈΠ°Π½Ρ‚Ρ‹ Π΄ΠΈΠ·Π°ΠΉΠ½Π° просто спрятаны. Π§Ρ‚ΠΎΠ±Ρ‹ ΡƒΡΠΏΠ΅Ρ‚ΡŒ Π² отпуск, Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ Π² спСшкС сдСлал красивыС PNG, Π½Π΅ ΠΏΠΎΠ΄ΡƒΠΌΠ°Π» ΠΏΡ€ΠΎ вёрстку ΠΈ оставил ΠΌΠ½Π΅ сырыС ΠΌΠ°ΠΊΠ΅Ρ‚Ρ‹. Π§Ρ‚ΠΎΠ±Ρ‹ Π΄ΠΎΡ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ ΠΌΠ°ΠΊΠ΅Ρ‚, я Ρ‚Ρ€Π°Ρ‚ΠΈΠ» врСмя, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ Π½Π΅ Π·Π°ΠΊΠ»Π°Π΄Ρ‹Π²Π°Π»ΠΎΡΡŒ Π² Π±ΡŽΠ΄ΠΆΠ΅Ρ‚ ΠΈ сроки ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π°. ΠœΠ΅Π½Π΅Π΄ΠΆΠ΅Ρ€ обвинял мСня Π² Π·Π°Π΄Π΅Ρ€ΠΆΠΊΠ΅, Ρ‚ΠΎΡ€ΠΎΠΏΠΈΠ» ΠΈ Π³ΡƒΠ½Π΄Π΅Π» Π·Π° спиной. Обидно.

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

Π’Π°ΠΊΠΎΠ΅ Ρƒ нас ΡΠ»ΡƒΡ‡Π°Π»ΠΎΡΡŒ часто. Но Π²Π΅Ρ€ΡΡ‚Π°Π»ΡŒΡ‰ΠΈΠΊΠΎΠ² это достало. Они составили список ошибок Π² ΠΌΠ°ΠΊΠ΅Ρ‚Π°Ρ… ΠΈ обсудили Π΅Π³ΠΎ с Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Π°ΠΌΠΈ. ПослС Ρ€Π°Π·Π³ΠΎΠ²ΠΎΡ€Π° ΠΌΡ‹ собрали Ρ‡Π΅ΠΊ-лист ΠΈΠ· Ρ‚Ρ€Π΅Π±ΠΎΠ²Π°Π½ΠΈΠΉ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ Π΄ΠΎΠ»ΠΆΠ΅Π½ Π²Ρ‹ΠΏΠΎΠ»Π½ΠΈΡ‚ΡŒ ΠΏΠ΅Ρ€Π΅Π΄ ΠΎΡ‚ΠΏΡ€Π°Π²ΠΊΠΎΠΉ ΠΌΠ°ΠΊΠ΅Ρ‚Π° Π² вёрстку. Π’Π΅ΠΏΠ΅Ρ€ΡŒ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Ρ‹ Π΄Π΅Π»Π°ΡŽΡ‚ чистыС ΠΌΠ°ΠΊΠ΅Ρ‚Ρ‹, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π»Π΅Π³ΠΊΠΎ Π²Π΅Ρ€ΡΡ‚Π°Ρ‚ΡŒ. ΠœΡ‹ Ρ€Π΅ΡˆΠΈΠ»ΠΈ Ρ€Π°ΡΡΠΊΠ°Π·Π°Ρ‚ΡŒ Π²Π°ΠΌ ΠΏΡ€ΠΎ наш Ρ‡Π΅ΠΊ-лист, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π²Ρ‹ Π½Π΅ наступали Π½Π° наши Π³Ρ€Π°Π±Π»ΠΈ ΠΈ ΠΆΠΈΠ»ΠΈ Π²Π΅Ρ‡Π½ΠΎ Π² Π΄ΠΎΠ±Ρ€ΠΎΠΌ Π·Π΄Ρ€Π°Π²ΠΈΠΈ.

Как ΠΏΠΎΠ΄Π³ΠΎΡ‚ΠΎΠ²ΠΈΡ‚ΡŒ ΠΌΠ°ΠΊΠ΅Ρ‚Ρ‹ ΠΊ вёрсткС?

Π—Π°ΠΊΠ»Π°Π΄Ρ‹Π²Π°ΠΉΡ‚Π΅ врСмя Π½Π° ΠΏΠΎΠ΄Π³ΠΎΡ‚ΠΎΠ²ΠΊΡƒ ΠΌΠ°ΠΊΠ΅Ρ‚ΠΎΠ² ΠΊ вёрсткС

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

Π Π°Π·Π±Π΅Ρ€ΠΈΡ‚Π΅ΡΡŒ с тСкстами

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

1. Π‘ΠΎΡΡ‚Π°Π²ΡŒΡ‚Π΅ список тСкстовых стилСй для всСх элСмСнтов

Π£ΠΊΠ°ΠΆΠΈΡ‚Π΅ Π³Π°Ρ€Π½ΠΈΡ‚ΡƒΡ€Ρƒ, Π½Π°Ρ‡Π΅Ρ€Ρ‚Π°Π½ΠΈΠ΅, кСгль ΠΈ мСТстрочноС расстояниС. ΠŸΡ€ΠΎΠΏΠΈΡˆΠΈΡ‚Π΅ ΠΏΠΎΠ²Π΅Π΄Π΅Π½ΠΈΠ΅ тСкстов для Ρ€Π°Π·Π½Ρ‹Ρ… Ρ€Π°Π·Ρ€Π΅ΡˆΠ΅Π½ΠΈΠΉ:

  • ΠΊΠ°ΠΊ ΠΌΠ΅Π½ΡΡŽΡ‚ΡΡ кСгль, Π½Π°Ρ‡Π΅Ρ€Ρ‚Π°Π½ΠΈΠ΅ ΠΈ ΠΈΠ½Ρ‚Π΅Ρ€Π»ΠΈΠ½ΡŒΡΠΆ;
  • ΠΊΠ°ΠΊΠΈΠ΅ тСкстовыС стили ΠΏΡ€ΠΎΠΏΠ°Π΄Π°ΡŽΡ‚.

Бписок стилСй Π΄ΠΎΠ»ΠΆΠ΅Π½ Π±Ρ‹Ρ‚ΡŒ ΠΊΠΎΠ½Π΅Ρ‡Π½Ρ‹ΠΌ:

Π›Π°ΠΉΡ„Ρ…Π°ΠΊ: для скСтча Π΅ΡΡ‚ΡŒ ΠΏΠ»Π°Π³ΠΈΠ½ CRAFT ΠΎΡ‚ InVision. Он сам создаёт список стилСй ΠΈ позволяСт ΠΈΠ·Π±Π°Π²ΠΈΡ‚ΡŒΡΡ ΠΎΡ‚ Π»ΠΈΡˆΠ½ΠΈΡ….

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

2. Π Π°Π·Π±Π΅ΠΉΡ‚Π΅ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΈ, ΠΏΠΎΠ΄Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΈ, Π°Π±Π·Π°Ρ†Ρ‹ ΠΈ списки Π½Π° ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½Ρ‹Π΅ слои

Из ΠΎΠ΄Π½ΠΎΠ³ΠΎ слоя Π½Π΅ получится просто ΡƒΠ·Π½Π°Ρ‚ΡŒ ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Ρ‹ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ° ΠΈ Π°Π±Π·Π°Ρ†Π°. Π’Π΅Ρ€ΡΡ‚Π°Π»ΡŒΡ‰ΠΈΠΊΠΈ потратят ΠΊΡƒΡ‡Ρƒ Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ, выдСляя ΠΊΠ°ΠΆΠ΄ΡƒΡŽ строку, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΠΎΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ Π΅Ρ‘ ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Ρ‹.

ΠŸΠ»ΠΎΡ…ΠΎ: всС тСкстовыС стили собраны Π² ΠΎΠ΄Π½ΠΎΠΌ слоС. Π‘ΠΌΠ΅Π½ΠΎΠΉ ΠΈΠ½Ρ‚Π΅Ρ€Π»ΠΈΠ½ΡŒΡΠΆΠ° ΠΌΠ΅ΠΆΠ΄Ρƒ стилями Π½Π΅ получится ΠΏΡ€ΠΈΠ²ΡΠ·Π°Ρ‚ΡŒ слой ΠΊ Π±Π°Π·ΠΎΠ²ΠΎΠΉ сСткС. Вратится ΠΌΠ½ΠΎΠ³ΠΎ Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ Π½Π° ΠΈΠ·ΠΌΠ΅Ρ€Π΅Π½ΠΈΠ΅ отступов

Π₯ΠΎΡ€ΠΎΡˆΠΎ: ΠΊΠ°ΠΆΠ΄Ρ‹ΠΉ тСкстовый элСмСнт β€” ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½Ρ‹ΠΉ слой. НС приходится Π΄Π΅Π»Π°Ρ‚ΡŒ Π»ΠΈΡˆΠ½ΠΈΡ… Ρ‚Π΅Π»ΠΎΠ΄Π²ΠΈΠΆΠ΅Π½ΠΈΠΉ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡƒΠ·Π½Π°Ρ‚ΡŒ ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Ρ‹ тСкстов. Π›Π΅Π³ΠΊΠΎ ΠΈΠ·ΠΌΠ΅Ρ€ΠΈΡ‚ΡŒ отступы

3. Π‘Π³Ρ€ΡƒΠΏΠΏΠΈΡ€ΡƒΠΉΡ‚Π΅ списки

ΠœΡ‹ Π³Ρ€ΡƒΠΏΠΏΠΈΡ€ΡƒΠ΅ΠΌ списки Ρ‚Π°ΠΊ:

  • ΠΌΠ°Ρ€ΠΊΠ΅Ρ€ ΠΈ строка;
  • ΠΎΠ±Ρ‰ΠΈΠΉ список;
  • Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ, Π°Π±Π·Π°Ρ† ΠΈ список.

ΠŸΠ»ΠΎΡ…ΠΎ: ΠΊΠ°ΠΆΠ΄Ρ‹ΠΉ столбик β€” ΠΎΠ΄ΠΈΠ½ слой. Π’Ρ€ΡƒΠ΄Π½ΠΎ Π²Ρ‹ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ отступы ΠΌΠ΅ΠΆΠ΄Ρƒ строками ΠΈ Π²Ρ‹Ρ€ΠΎΠ²Π½ΡΡ‚ΡŒ ΠΌΠ°Ρ€ΠΊΠ΅Ρ€Ρ‹

Если Ρ‚Π°ΠΊΠΎΠΉ ΠΏΠΎΠ΄Ρ…ΠΎΠ΄ ΡƒΠ΄ΠΎΠ±Π½Π΅Π΅, ΠΎΡ‚Π±ΠΈΠ²Π°ΠΉΡ‚Π΅ строки Π½Π΅ проставлСниСм Enter, Π° ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€ΠΎΠΌ Β«ΠΏΠ°Ρ€Π°Π³Ρ€Π°Ρ„Β» Π½Π° ΠΏΠ°Π½Π΅Π»ΠΈ тСкстовых стилСй.

Π₯ΠΎΡ€ΠΎΡˆΠΎ: всС строки Ρ€Π°Π·Π±ΠΈΡ‚Ρ‹ ΠΏΠΎ слоям ΠΈ каТдая сгруппирована с ΠΌΠ°Ρ€ΠΊΠ΅Ρ€ΠΎΠΌ. ΠŸΠΎΠ½ΡΡ‚Π½ΠΎ, ΠΊΠ°ΠΊ ΠΌΠ°Ρ€ΠΊΠ΅Ρ€ выравниваСтся ΠΎΡ‚Π½ΠΎΡΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ строки. Π›Π΅Π³ΠΊΠΎ ΠΈΠ·ΠΌΠ΅Ρ€ΠΈΡ‚ΡŒ расстояниС ΠΌΠ΅ΠΆΠ΄Ρƒ строками ΠΈ столбцами

ΠŸΡ€ΠΎΠ΄ΡƒΠΌΠ°ΠΉΡ‚Π΅ ΠΏΠΎΠ·ΠΈΡ†ΠΈΠΎΠ½ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ ΠΈ отступы

90% сайтов ΠΌΡ‹ Π΄Π΅Π»Π°Π΅ΠΌ с Ρ€Π΅Π·ΠΈΠ½ΠΎΠ²ΠΎΠΉ вёрсткой. ΠŸΡ€ΠΈ ΠΏΠ»ΠΎΡ…ΠΎΠΌ ΠΏΠΎΠ·ΠΈΡ†ΠΈΠΎΠ½ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠΈ элСмСнтов Ρ‚Ρ€ΡƒΠ΄Π½ΠΎ ΠΏΡ€Π΅Π΄ΡƒΠ³Π°Π΄Π°Ρ‚ΡŒ ΠΈΡ… ΠΏΠΎΠ²Π΅Π΄Π΅Π½ΠΈΠ΅ Π½Π° вёрсткС. Π‘Π΅Π· привязки ΠΊ сСткС элСмСнты ΠΌΠΎΠ³ΡƒΡ‚ Π³ΡƒΠ»ΡΡ‚ΡŒ Π½Π° 2-3 пиксСля Π² Π»ΡŽΠ±ΡƒΡŽ сторону. Π­Ρ‚ΠΎ Π²Ρ‹Π·Ρ‹Π²Π°Π΅Ρ‚ Π³ΠΎΠ»ΠΎΠ²Π½ΡƒΡŽ боль Ρƒ Π²Π΅Ρ€ΡΡ‚Π°Π»ΡŒΡ‰ΠΈΠΊΠ°. Если ΠΎΡ‚ Π²Π΅Ρ€ΡΡ‚Π°Π»ΡŒΡ‰ΠΈΠΊΠ° Ρ‚Ρ€Π΅Π±ΡƒΡŽΡ‚ Ρ‡Ρ‘Ρ‚ΠΊΠΎΠ³ΠΎ слСдования ΠΌΠ°ΠΊΠ΅Ρ‚Ρƒ (Π΄Π°ΠΆΠ΅ Ссли Π² Π½Ρ‘ΠΌ ошибки), ΠΎΠ½ изнасилуСт Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Π° тубусом с распСчатанными ΠΌΠ°ΠΊΠ΅Ρ‚Π°ΠΌΠΈ.

1. ΠŸΡ€ΠΈΠ²ΡΠ·Ρ‹Π²Π°ΠΉΡ‚Π΅ всС элСмСнты ΠΊ сСткС ΠΈΠ»ΠΈ Π²Π½ΡƒΡ‚Ρ€Π΅Π½Π½ΠΈΠΌ отступам Π±Π»ΠΎΠΊΠΎΠ²

Π’Π΅Ρ€ΡΡ‚Π°Π»ΡŒΡ‰ΠΈΠΊ Π΄ΠΎΠ»ΠΆΠ΅Π½ ΠΏΠΎΠ½ΠΈΠΌΠ°Ρ‚ΡŒ, ΠΊΠ°ΠΊ ΠΎΠ½ΠΈ Π²Π΅Π΄ΡƒΡ‚ сСбя ΠΏΡ€ΠΈ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠΈ ΡˆΠΈΡ€ΠΈΠ½Ρ‹ ΠΎΠΊΠ½Π° Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°.

ΠŸΠ»ΠΎΡ…ΠΎ: тСкстовыС Π±Π»ΠΎΠΊΠΈ Π½Π΅ привязаны ΠΊ ΠΊΠΎΠ»ΠΎΠ½ΠΊΠ°ΠΌ. Π€ΠΎΡ‚ΠΎ ΠΈ ΠΈΠΌΠ΅Π½Π° Π²Π΅Π΄ΡƒΡ‰ΠΈΡ… располоТСны Π² случайном порядкС

Π₯ΠΎΡ€ΠΎΡˆΠΎ: тСкстовыС Π±Π»ΠΎΠΊΠΈ привязаны ΠΊ ΠΊΠΎΠ»ΠΎΠ½ΠΊΠ°ΠΌ. Π˜Π½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΡ ΠΎ Π²Π΅Π΄ΡƒΡ‰ΠΈΡ… ΠΏΡ€ΠΈΠ²Π΅Π΄Π΅Π½Π° ΠΊ ΠΎΠ΄Π½ΠΎΠΌΡƒ Π²ΠΈΠ΄Ρƒ ΠΈ ΡƒΠΏΠ°ΠΊΠΎΠ²Π°Π½Π° Π² сСйф-Π·ΠΎΠ½Ρƒ: Ρ‚Π°ΠΊ ΡƒΠ΄ΠΎΠ±Π½Π΅Π΅ ΠΈΠ·ΠΌΠ΅Ρ€ΡΡ‚ΡŒ отступы

2. ΠŸΡ€ΠΈΠ²ΡΠ·Ρ‹Π²Π°ΠΉΡ‚Π΅ Π²Ρ‹Ρ€ΠΎΠ²Π½Π΅Π½Π½Ρ‹ΠΉ ΠΏΠΎ Ρ†Π΅Π½Ρ‚Ρ€Ρƒ тСкст ΠΊ ΠΊΠΎΠ»ΠΎΠ½ΠΊΠ°ΠΌ ΠΈΠ»ΠΈ модулям

Π‘ΡƒΠ΄Π΅Ρ‚ понятно, ΠΊΠ°ΠΊ тСкст Π²Π΅Π΄Ρ‘Ρ‚ сСбя Π½Π° Ρ€Π΅Π·ΠΈΠ½ΠΎΠ²ΠΎΠΉ вёрсткС. ВСкст с auto-ΡˆΠΈΡ€ΠΈΠ½ΠΎΠΉ ΠΌΠΎΠΆΠ΅Ρ‚ Ρ†Π΅Π½Ρ‚Ρ€ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒΡΡ с ΠΏΠΎΠ³Ρ€Π΅ΡˆΠ½ΠΎΡΡ‚ΡΠΌΠΈ Π² нСсколько пиксСлСй.

ΠŸΠ»ΠΎΡ…ΠΎ: Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ Π½Π΅ привязан ΠΊ ΠΊΠΎΠ»ΠΎΠ½ΠΊΠ°ΠΌ. НСпонятно, ΠΊΠ°ΠΊ ΠΎΠ½ Π²Π΅Π΄Ρ‘Ρ‚ сСбя ΠΏΡ€ΠΈ ΡƒΠΌΠ΅Π½ΡŒΡˆΠ΅Π½ΠΈΠΈ ΠΎΠΊΠ½Π° Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°: Π±ΡƒΠ΄Π΅Ρ‚ Π»ΠΈ ΠΎΠ½ ΠΎΠ΄Π½ΠΎΠΉ строкой Π΄ΠΎ ΠΏΠΎΠ±Π΅Π΄Π½ΠΎΠ³ΠΎ ΠΈΠ»ΠΈ ΠΊΠΎΠ³Π΄Π°-Ρ‚ΠΎ появится пСрСнос

Π₯ΠΎΡ€ΠΎΡˆΠΎ: стало понятно, Ρ‡Ρ‚ΠΎ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ выравниваСтся ΠΏΠΎ Π°Π±Π·Π°Ρ†Ρƒ. Он Π½Π΅ ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ ΡˆΠΈΡ€Π΅ Π°Π±Π·Π°Ρ†Π°

ΠŸΡ€ΠΈΠ²ΡΠΆΠΈΡ‚Π΅ тСксты ΠΈ ΠΈΠ»Π»ΡŽΡΡ‚Ρ€Π°Ρ†ΠΈΠΈ ΠΊ модулям: ΠΊΠ°Ρ€Ρ‚ΠΎΡ‡ΠΊΠ°ΠΌ, слайдСрам, ΠΊΠ½ΠΎΠΏΠΊΠ°ΠΌ. НапримСр, Ссли ΡˆΠΈΡ€ΠΈΠ½Π° ΠΊΠ½ΠΎΠΏΠΊΠΈ Π½Π΅ зависит ΠΎΡ‚ ΡˆΠΈΡ€ΠΈΠ½Ρ‹ тСкста, привяТитС тСкст ΠΊΠΎ Π²Π½ΡƒΡ‚Ρ€Π΅Π½Π½ΠΈΠΌ отступам ΠΊΠ½ΠΎΠΏΠΊΠΈ:

Если ΡˆΠΈΡ€ΠΈΠ½Π° ΠΊΠ½ΠΎΠΏΠΊΠΈ зависит ΠΎΡ‚ ΡˆΠΈΡ€ΠΈΠ½Ρ‹ тСкста, Π·Π°Π΄Π°ΠΉΡ‚Π΅ тСксту auto-ΡˆΠΈΡ€ΠΈΠ½Ρƒ ΠΈ сдСлайтС Ρƒ ΠΊΠ½ΠΎΠΏΠΊΠΈ ΠΎΠ΄ΠΈΠ½Π°ΠΊΠΎΠ²Ρ‹Π΅ отступы:

3. Π—Π°Π΄Π°Π²Π°ΠΉΡ‚Π΅ ΠΈΠΊΠΎΠ½ΠΊΠ°ΠΌ ΠΈ ΠΈΠ»Π»ΡŽΡΡ‚Ρ€Π°Ρ†ΠΈΡΠΌ сСйф-Π·ΠΎΠ½Ρ‹

Π’Π½ΡƒΡ‚Ρ€ΠΈ ΠΎΠ΄Π½ΠΎΠ³ΠΎ списка Ρ€Π°Π·ΠΌΠ΅Ρ€Ρ‹ сэйф-Π·ΠΎΠ½ Π΄ΠΎΠ»ΠΆΠ½Ρ‹ ΡΠΎΠ²ΠΏΠ°Π΄Π°Ρ‚ΡŒ.

ΠŸΠ»ΠΎΡ…ΠΎ: ΠΈΠ·-Π·Π° Ρ€Π°Π·Π½Ρ‹Ρ… Ρ€Π°Π·ΠΌΠ΅Ρ€ΠΎΠ² ΠΈΠΊΠΎΠ½ΠΎΠΊ ΠΊΠ°ΠΆΠ΄ΡƒΡŽ приходится Π²Ρ‹Ρ€Π°Π²Π½ΠΈΠ²Π°Ρ‚ΡŒ ΠΈΠ½Π΄ΠΈΠ²ΠΈΠ΄ΡƒΠ°Π»ΡŒΠ½ΠΎ

Π₯ΠΎΡ€ΠΎΡˆΠΎ: благодаря ΠΎΠ΄ΠΈΠ½Π°ΠΊΠΎΠ²Ρ‹ΠΌ сэйф-Π·ΠΎΠ½Π°ΠΌ ΠΈΠΊΠΎΠ½ΠΊΠΈ Π²Ρ‹Ρ€ΠΎΠ²Π½ΡΡŽΡ‚ΡΡ Π½Π° вёрсткС автоматичСски

4. ΠŸΠΎΠΊΠ°ΠΆΠΈΡ‚Π΅ Π³ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΡŒΠ½Ρ‹Π΅ отступы

НапримСр, ΠΊΠ°Ρ€Ρ‚ΠΎΡ‡ΠΊΠΈ ΠΈ ΠΈΠΊΠΎΠ½ΠΊΠΈ Ρ…ΠΎΡ€ΠΎΡˆΠΎ ΠΏΡ€ΠΈΠ²ΡΠ·Ρ‹Π²Π°ΡŽΡ‚ΡΡ ΠΊ ΠΊΠΎΠ»ΠΎΠ½ΠΊΠ°ΠΌ:

Π’ Π³ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΡŒΠ½Ρ‹Ρ… списках, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π½Π΅ привязаны ΠΊ сСткС, установитС ΠΎΠ΄ΠΈΠ½Π°ΠΊΠΎΠ²Ρ‹Π΅ отступы:

Π₯ΠΎΡ€ΠΎΡˆΠΎ: благодаря ΠΎΠ΄ΠΈΠ½Π°ΠΊΠΎΠ²Ρ‹ΠΌ сэйф-Π·ΠΎΠ½Π°ΠΌ ΠΈΠΊΠΎΠ½ΠΊΠΈ Π²Ρ‹Ρ€ΠΎΠ²Π½ΡΡŽΡ‚ΡΡ Π½Π° вёрсткС автоматичСски

Π’ Π°Π΄Ρƒ ΠΏΡ€ΠΈΠ³ΠΎΡ‚ΠΎΠ²Π»Π΅Π½ ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½Ρ‹ΠΉ ΠΊΠΎΡ‚Ρ‘Π» для Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ΠΎΠ², ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π΄Π΅Π»Π°ΡŽΡ‚ Π³ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΡŒΠ½ΠΎΠ΅ мСню ΠΎΠ΄Π½ΠΈΠΌ тСкстовым слоСм, Π° ΠΏΡƒΠ½ΠΊΡ‚Ρ‹ ΠΎΡ‚Π±ΠΈΠ²Π°ΡŽΡ‚ ΠΏΡ€ΠΎΠ±Π΅Π»Π°ΠΌΠΈ. НС ΠΏΠΎΠ»Π΅Π½ΠΈΡ‚Π΅ΡΡŒ ΠΈ Ρ€Π°Π·Π±Π΅ΠΉΡ‚Π΅ мСню Π½Π° ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½Ρ‹Π΅ тСкстовыС слои.

ΠŸΠ»ΠΎΡ…ΠΎ: Π³ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΡŒΠ½Ρ‹Π΅ отступы ΠΌΠ΅ΠΆΠ΄Ρƒ ΠΏΡƒΠ½ΠΊΡ‚Π°ΠΌΠΈ мСню Ρ€Π°Π·Π»ΠΈΡ‡Π°ΡŽΡ‚ΡΡ, ΠΏΠΎΡ‚ΠΎΠΌΡƒ Ρ‡Ρ‚ΠΎ ΡˆΠΈΡ€ΠΈΠ½Π° ΠΏΡ€ΠΎΠ±Π΅Π»Π° Π½Π΅ Π΄Π°Ρ‘Ρ‚ Ρ†Π΅Π»Ρ‹Ρ… Π·Π½Π°Ρ‡Π΅Π½ΠΈΠΉ пиксСлСй

Π₯ΠΎΡ€ΠΎΡˆΠΎ: ΠΊΠ°ΠΆΠ΄Ρ‹ΠΉ ΠΏΡƒΠ½ΠΊΡ‚ мСню – ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½Ρ‹ΠΉ слой. ΠœΠ΅ΠΆΠ΄Ρƒ слоями Π»Π΅Π³ΠΊΠΎ ΡƒΡΡ‚Π°Π½ΠΎΠ²ΠΈΡ‚ΡŒ ΠΎΠ΄ΠΈΠ½Π°ΠΊΠΎΠ²Ρ‹Π΅ отступы

5. ВСстируйтС страницы Π½Π° Π΄ΡƒΡ€Π°Ρ†ΠΊΠΈΠΉ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚

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

НавСдитС порядок Π² слоях

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

1. Π£Π΄Π°Π»ΠΈΡ‚Π΅ скрытыС слои

Часто Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Ρ‹ Π½Π΅ ΡƒΠ΄Π°Π»ΡΡŽΡ‚ старыС Π²Π°Ρ€ΠΈΠ°Π½Ρ‚Ρ‹ Π΄ΠΈΠ·Π°ΠΉΠ½Π°, Π° прячут ΠΈΡ… – Π²Π΄Ρ€ΡƒΠ³ пригодятся. ΠšΠΎΠΏΠΈΡ‚ΡΡ мусор, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΌΠ΅ΡˆΠ°Π΅Ρ‚ Ρ€Π°Π±ΠΎΡ‚Π΅ Π²Π΅Ρ€ΡΡ‚Π°Π»ΡŒΡ‰ΠΈΠΊΠΎΠ².

ΠŸΠ»ΠΎΡ…ΠΎ: скрытыС слои ΠΈΡΠΊΠ°ΠΆΠ°ΡŽΡ‚ поля Π³Ρ€ΡƒΠΏΠΏΡ‹ ΠΏΡ€ΠΈ Π²Ρ‹Π΄Π΅Π»Π΅Π½ΠΈΠΈ. Π˜Π·ΠΌΠ΅Ρ€Π΅Π½ΠΈΠ΅ отступов прСвращаСтся Π² ΠΏΡ‹Ρ‚ΠΊΡƒ: приходится ΠΊΠΎΠΏΠ°Ρ‚ΡŒΡΡ Π²Π½ΡƒΡ‚Ρ€ΠΈ ΠΏΠ°ΠΏΠΎΠΊ ΠΈ ΠΈΡΠΊΠ°Ρ‚ΡŒ ΠΏΡ€ΠΈΡ‡ΠΈΠ½Ρƒ возникновСния ΠΏΠΎΠ»Π΅ΠΉ

Π₯ΠΎΡ€ΠΎΡˆΠΎ: Ссли Π² ΠΌΠ°ΠΊΠ΅Ρ‚Π΅ Π½Π΅Ρ‚ скрытых слоСв, поля Π³Ρ€ΡƒΠΏΠΏΡ‹ ΡΠΎΠ²ΠΏΠ°Π΄Π°ΡŽΡ‚ с Π³Ρ€Π°Π½ΠΈΡ†Π°ΠΌΠΈ Π²Π»ΠΎΠΆΠ΅Π½Π½Ρ‹Ρ… ΠΎΠ±ΡŠΠ΅ΠΊΡ‚ΠΎΠ²

2. Π‘Π³Ρ€ΡƒΠΏΠΏΠΈΡ€ΡƒΠΉΡ‚Π΅ слои ΠΊΠ°ΠΊ ΠΌΠ°Ρ‚Ρ€Ρ‘ΡˆΠΊΠΈ

НапримСр: ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅, тСкст, ΠΊΠ½ΠΎΠΏΠΊΠ° ΠΈ ΠΏΠΎΠ΄Π»ΠΎΠΆΠΊΠ° Π³Ρ€ΡƒΠΏΠΏΠΈΡ€ΡƒΡŽΡ‚ΡΡ Π² ΠΊΠ°Ρ€Ρ‚ΠΎΡ‡ΠΊΡƒ, ΠΊΠ°Ρ€Ρ‚ΠΎΡ‡ΠΊΠΈ Π³Ρ€ΡƒΠΏΠΏΠΈΡ€ΡƒΡŽΡ‚ΡΡ Π² Π½Π°Π±ΠΎΡ€ ΠΊΠ°Ρ€Ρ‚ΠΎΡ‡Π΅ΠΊ. Π‘ΠΎΠ·Π΄Π°Π²Π°ΠΉΡ‚Π΅ Π³Ρ€ΡƒΠΏΠΏΡ‹ ΠΏΠΎ тСматичСской принадлСТности.

Π₯ΠΎΡ€ΠΎΡˆΠ°Ρ структура ΠΏΠΎΠΌΠΎΠ³Π°Π΅Ρ‚ ΠΎΡ€ΠΈΠ΅Π½Ρ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒΡΡ Π² ΠΌΠ°ΠΊΠ΅Ρ‚Π΅

3. Π”Π°ΠΉΡ‚Π΅ понятныС ΠΈΠΌΠ΅Π½Π° слоям ΠΈ Π³Ρ€ΡƒΠΏΠΏΠ°ΠΌ

Π›ΡŽΠ±ΠΎΠΉ Ρ‡Π΅Π»ΠΎΠ²Π΅ΠΊ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ посмотрит Π½Π° список Π³Ρ€ΡƒΠΏΠΏ, Π΄ΠΎΠ»ΠΆΠ΅Π½ ΠΏΠΎΠ½ΡΡ‚ΡŒ, Ρ‡Ρ‚ΠΎ Π² Π½ΠΈΡ… находится. НапримСр, чСрновая ΠΈ чистовая вСрсии Π»Π΅Π½Π΄ΠΈΠ½Π³Π°.

ВыстраивайтС Π³Ρ€ΡƒΠΏΠΏΡ‹ Π² Ρ‚ΠΎΠΌ порядкС, Π² ΠΊΠ°ΠΊΠΎΠΌ ΠΌΠΎΠ΄ΡƒΠ»ΠΈ Ρ€Π°Π·ΠΌΠ΅Ρ‰Π΅Π½Ρ‹ Π² ΠΌΠ°ΠΊΠ΅Ρ‚Π΅. НапримСр: Ρ…Π΅Π΄Π΅Ρ€ ΠΏΠ΅Ρ€Π²Ρ‹ΠΉ Π² спискС Π³Ρ€ΡƒΠΏΠΏ, Π° Ρ„ΡƒΡ‚Π΅Ρ€ послСдний.

ΠŸΠ»ΠΎΡ…ΠΎ: ΠΏΠΎ структурС Π½Π΅ ΠΏΠΎΠ½ΡΡ‚ΡŒ, Ρ‡Ρ‚ΠΎ Π³Π΄Π΅ находится

Π₯ΠΎΡ€ΠΎΡˆΠΎ: ΠΈΠΌΠ΅Π½Π° Π³Ρ€ΡƒΠΏΠΏ ΡΠΎΠ²ΠΏΠ°Π΄Π°ΡŽΡ‚ с Π²ΠΈΠ΄ΠΈΠΌΠΎΠΉ структурой Π»Π΅Π½Π΄ΠΈΠ½Π³Π°. Названия Π³Ρ€ΡƒΠΏΠΏ ΠΏΠΎΠΌΠΎΠ³Π°ΡŽΡ‚ ΠΏΠΎΠ½ΡΡ‚ΡŒ ΠΏΠΎΠ²Π΅Π΄Π΅Π½ΠΈΠ΅ интСрфСйса

4. Π‘Π³Ρ€ΡƒΠΏΠΏΠΈΡ€ΡƒΠΉΡ‚Π΅ ΠΎΠ΄ΠΈΠ½Π°ΠΊΠΎΠ²Ρ‹Π΅ элСмСнты ΠΏΠΎ ΠΎΠ΄Π½ΠΎΠΌΡƒ ΡˆΠ°Π±Π»ΠΎΠ½Ρƒ

Π₯ΠΎΡ€ΠΎΡˆΠΈΠΉ ΠΏΡ€ΠΈΠΌΠ΅Ρ€ – ΠΊΠ°Ρ€Ρ‚ΠΎΡ‡ΠΊΠΈ.

Π£ ΠΊΠ°Ρ€Ρ‚ΠΎΡ‡Π΅ΠΊ с ΠΎΠ΄ΠΈΠ½Π°ΠΊΠΎΠ²ΠΎΠΉ структурой Π»Π΅Π³Ρ‡Π΅ ΠΏΠΎΠ½ΡΡ‚ΡŒ ΠΏΠΎΠ²Π΅Π΄Π΅Π½ΠΈΠ΅ Π² Ρ€Π°Π·Π½Ρ‹Ρ… состояниях

Π‘ΠΎΠ²Π΅Ρ‚Ρ‹ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Ρƒ

  • Π‘ΠΎΡΡ‚Π°Π²ΡŒΡ‚Π΅ сСбС список Π²Π΅Ρ‰Π΅ΠΉ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π½ΡƒΠΆΠ½ΠΎ ΠΏΡ€ΠΎΠ²Π΅Ρ€ΠΈΡ‚ΡŒ ΠΏΠ΅Ρ€Π΅Π΄ сдачСй ΠΌΠ°ΠΊΠ΅Ρ‚Π° Π² вёрстку. Π‘Π²Π΅Ρ€ΡΠΉΡ‚Π΅ΡΡŒ с Π½ΠΈΠΌ ΠΏΡ€ΠΈ сборкС ΠΌΠ°ΠΊΠ΅Ρ‚Π°.
  • ΠžΠ±Ρ‰Π°ΠΉΡ‚Π΅ΡΡŒ с Π²Π΅Ρ€ΡΡ‚Π°Π»ΡŒΡ‰ΠΈΠΊΠ°ΠΌΠΈ. Π£Π·Π½Π°ΠΉΡ‚Π΅, ΠΊΠ°ΠΊ ΠΈΠΌ ΡƒΠ΄ΠΎΠ±Π½ΠΎ ΠΏΠΎΠ»ΡƒΡ‡Π°Ρ‚ΡŒ ΠΌΠ°ΠΊΠ΅Ρ‚Ρ‹. ΠŸΠΎΠΊΠ°ΠΆΠΈΡ‚Π΅ ΠΈΠΌ эту ΡΡ‚Π°Ρ‚ΡŒΡŽ ΠΈ обсудитС, ΠΏΡ€ΠΈΠΌΠ΅Π½ΠΈΠΌΡ‹ Π»ΠΈ совСты Π² вашСй Ρ€Π°Π±ΠΎΡ‚Ρ‹.
  • ΠžΡΠ²ΠΎΠΉΡ‚Π΅ Π±Π°Π·ΠΎΠ²Ρ‹Π΅ Π½Π°Π²Ρ‹ΠΊΠΈ HTML ΠΈ CSS. Π’Ρ‹ ΡƒΠ·Π½Π°Π΅Ρ‚Π΅, ΠΊΠ°ΠΊ ΡΠΎΠ±ΠΈΡ€Π°Ρ‚ΡŒ стандартныС страницы Π½Π° вёрсткС ΠΈ ΠΏΠΎΠΉΠΌΡ‘Ρ‚Π΅, ΠΊΠ°ΠΊ Π»ΡƒΡ‡ΡˆΠ΅ ΡΠΎΠ±ΠΈΡ€Π°Ρ‚ΡŒ ΠΌΠ°ΠΊΠ΅Ρ‚Ρ‹ для ΡƒΠ΄ΠΎΠ±Π½ΠΎΠΉ Ρ€Π°Π±ΠΎΡ‚Ρ‹. Π₯ΠΎΡ€ΠΎΡˆΠΈΠ΅ ΡƒΡ€ΠΎΠΊΠΈ вёрстки (ΠΏΠ΅Ρ€Π²Ρ‹Π΅ занятия бСсплатны). Π£ΡΡ‚Π°Ρ€Π΅Π²ΡˆΠΈΠΉ, Π½ΠΎ ΠΏΠΎΠ»Π΅Π·Π½Ρ‹ΠΉ бСсплатный ΡƒΡ‡Π΅Π±Π½ΠΈΠΊ.
  • Π—Π°Π»ΠΎΠΆΠΈΡ‚Π΅ Π² Π΄ΠΈΠ·Π°ΠΉΠ½-процСсс врСмя Π½Π° Ρ‡ΠΈΡΡ‚ΠΎΠ²ΡƒΡŽ сборку ΠΌΠ°ΠΊΠ΅Ρ‚ΠΎΠ². Π’Ρ‹ ΠΏΠΎΡ‚Ρ€Π°Ρ‚ΠΈΡ‚Π΅ Ρ‡ΡƒΡ‚ΡŒ большС Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ Π½Π° Π΄ΠΈΠ·Π°ΠΉΠ½, Π½ΠΎ сэкономитС ΠΊΡƒΡ‡Ρƒ Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ Π²Π΅Ρ€ΡΡ‚Π°Π»ΡŒΡ‰ΠΈΠΊΠΎΠ². ΠžΠ±ΡŠΡΡΠ½ΠΈΡ‚Π΅ это Π°Ρ€Ρ‚-Π΄ΠΈΡ€Π΅ΠΊΡ‚ΠΎΡ€Ρƒ ΠΈ ΠΌΠ΅Π½Π΅Π΄ΠΆΠ΅Ρ€Π°ΠΌ.
  • Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ ΠΏΠ»Π°Π³ΠΈΠ½Ρ‹ для скСтча, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ упростят сборку ΠΌΠ°ΠΊΠ΅Ρ‚ΠΎΠ² ΠΈ сэкономят врСмя. CRAFT β€” собираСт ΠΏΠ°Π»ΠΈΡ‚Ρ€Ρƒ стилСй, Π³Π΅Π½Π΅Ρ€ΠΈΡ€ΡƒΠ΅Ρ‚ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚ ΠΈ Π΅Ρ‰Ρ‘ ΠΊΡƒΡ‡Π° ΠΏΠΎΠ»Π΅Π·Π½ΠΎΠ³ΠΎ.

Π₯ΠΎΡ€ΠΎΡˆΠΈΡ… Π²Π°ΠΌ ΠΌΠ°ΠΊΠ΅Ρ‚ΠΎΠ² ΠΈ Π»Ρ‘Π³ΠΊΠΎΠΉ вёрстки!

18 ΠΏΡ€Π°Π²ΠΈΠ» идСального psd-ΠΌΠ°ΠΊΠ΅Ρ‚Π° β€” ΠΏΠΎΠ»Π΅Π·Π½Ρ‹ΠΉ Ρ‡Π΅ΠΊ-лист для Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ΠΎΠ² / Π₯Π°Π±Ρ€

ΠžΠ±Ρ‰ΠΈΠΉ ΠΏΡ€ΠΈΠ½Ρ†ΠΈΠΏ β€” НС Π΄Π΅Π»Π°ΠΉ Π±Ρ€Π°ΠΊ.

НС Π±Π΅Ρ€ΠΈ Π±Ρ€Π°ΠΊ. НС ΠΏΠ΅Ρ€Π΅Π΄Π°Π²Π°ΠΉ Π±Ρ€Π°ΠΊ.

Π’ΠΎΠΉΠΎΡ‚Π°.

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

Β«ΠŸΠΎΡ‡Ρ‚ΠΈΒ» ΠΏΠΎ сСткС

Π‘Π΅Ρ‚ΠΊΠ° ΠΏΡ€ΠΈΠ·Π²Π°Π½Π° ΡƒΠΏΡ€ΠΎΡ‰Π°Ρ‚ΡŒ вёрстку ΠΈ ΠΎΠΏΡ€Π΅Π΄Π΅Π»ΡΡ‚ΡŒ мСстополоТСниС ΠΊΠ»ΡŽΡ‡Π΅Π²Ρ‹Ρ… элСмСнтов. Π’ Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… случаях Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Ρ‹ Π½Π°ΠΌΠ΅Ρ€Π΅Π½Π½ΠΎ отходят ΠΎΡ‚ 12-ΠΊΠΎΠ»ΠΎΠ½ΠΎΡ‡Π½ΠΎΠ³ΠΎ Π³Ρ€ΠΈΠ΄Π° для создания Π½Π΅ΠΎΡ€Π΄ΠΈΠ½Π°Ρ€Π½ΠΎΠ³ΠΎ Π΄ΠΈΠ·Π°ΠΉΠ½Π°.

Но Ссли ΠΏΡ€ΠΈ создании ΠΌΠ°ΠΊΠ΅Ρ‚Π° Π²Ρ‹ всё-Ρ‚Π°ΠΊΠΈ ΠΏΡ€ΠΈΠ΄Π΅Ρ€ΠΆΠΈΠ²Π°Π»ΠΈΡΡŒ сСтки β€” Π±ΡƒΠ΄ΡŒΡ‚Π΅ Π΄ΠΎΠ±Ρ€Ρ‹ ΡƒΠ±Π΅Π΄ΠΈΡ‚ΡŒΡΡ, Ρ‡Ρ‚ΠΎ это ΠΏΡ€Π°Π²Π΄Π° Ρ‚Π°ΠΊ. Π’Π΅Ρ€ΡΡ‚Π°Π»ΡŒΡ‰ΠΈΠΊΠΈ Ρ‚ΠΎ ΠΈ Π΄Π΅Π»ΠΎ ΠΆΠ°Π»ΡƒΡŽΡ‚ΡΡ, Ρ‡Ρ‚ΠΎ Π² ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π΅ ΠΎΡ‚ страницы ΠΊ страницС Π΄ΠΈΠ·Π°ΠΉΠ½ ΠΌΠΎΠΆΠ΅Ρ‚ сильно ΠΎΡ‚Π»ΠΈΡ‡Π°Ρ‚ΡŒΡΡ: ΠΈΠ΄Π΅Π½Ρ‚ΠΈΡ‡Π½Ρ‹Π΅ Π±Π»ΠΎΠΊΠΈ ΠΏΠΎΡΠ²Π»ΡΡŽΡ‚ΡΡ Ρ‚ΠΎ Π»Π΅Π²Π΅Π΅, Ρ‚ΠΎ ΠΏΡ€Π°Π²Π΅Π΅, ΠΈΠΊΠΎΠ½ΠΊΠΈ Ρ€Π°Π·Π½ΠΎΠ³ΠΎ Ρ€Π°Π·ΠΌΠ΅Ρ€Π°, Π° ΠΊΠ½ΠΎΠΏΠΊΠΈ Π½Π΅ ΠΏΠΎΡ…ΠΎΠΆΠΈ Π΄Ρ€ΡƒΠ³ Π½Π° Π΄Ρ€ΡƒΠ³Π°.


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

Π‘Π΅Ρ€Π³Π΅ΠΉ, Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊ Π² студии Бибирикс:

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

Π’Π»Π°Π΄ΠΈΠΌΠΈΡ€, Ρ€ΡƒΠΊΠΎΠ²ΠΎΠ΄ΠΈΡ‚Π΅Π»ΡŒ студии:

Β«Π•ΡΡ‚ΡŒ ΠΌΠΈΠ»Π»ΠΈΠΎΠ½ случаСв, ΠΊΠΎΠ³Π΄Π° программист Π³ΠΎΠ²ΠΎΡ€ΠΈΡ‚ «это Π½Π΅Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΒ», Π° ΠΏΠΎΡ‚ΠΎΠΌ Π±Π΅Ρ€Π΅Ρ‚ ΠΈ Π΄Π΅Π»Π°Π΅Ρ‚, ΠΊΠ°ΠΊ Π½ΡƒΠΆΠ½ΠΎ. Π—Π½Π°Ρ‡ΠΈΡ‚-Ρ‚Π°ΠΊΠΈ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎ. И Π±ΠΎΠ»ΡŒΡˆΠΈΠ½ΡΡ‚Π²ΠΎ ΠΎΠ³Ρ€Π°Π½ΠΈΡ‡Π΅Π½ΠΈΠΉ, Π½Π΅ΡƒΠ΄ΠΎΠ±Π½Ρ‹Ρ… для программиста, Π½ΠΎ интСрСсных с Ρ‚ΠΎΡ‡ΠΊΠΈ зрСния Π΄ΠΈΠ·Π°ΠΉΠ½Π° β€” искусствСнныС. Π§Ρ‘Ρ‚ΠΊΡƒΡŽ Π³Ρ€Π°Π½ΠΈΡ†Ρƒ провСсти Π½Π΅Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎ. Π Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΈΡ‚Π΅Ρ€Π°Ρ†ΠΈΠΎΠ½Π½ΠΎΠ΅ обсуТдСниС ΠΈ ΠΏΠΎΠΏΡ‹Ρ‚ΠΊΠΈ Ρ€Π΅Π°Π»ΠΈΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π·Π°Π΄ΡƒΠΌΠ°Π½Π½ΠΎΠ΅. ΠŸΡ€ΠΎΠ±ΠΎΠ²Π°Ρ‚ΡŒ, ΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ, ΠΎΠ±ΡΡƒΠΆΠ΄Π°Ρ‚ΡŒ, Π΄Π΅Π»Π°Ρ‚ΡŒ, ΡΠΊΡΠΏΠ΅Ρ€ΠΈΠΌΠ΅Π½Ρ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ. Π˜Π½Π°Ρ‡Π΅ всё скатится ΠΊ ΡƒΠ½Ρ‹Π»Ρ‹ΠΌ шаблонам. Для части ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΎΠ² это ОК. А для части β€” Π½Π΅Ρ‚. Π”Π΅Π»Π°Π΅Ρ‚Π΅ Π»ΠΈ Π²Ρ‹ Π² Π΄ΡƒΡ…Π΅ ΠΊΠΎΠ½Π²Π΅ΠΉΠ΅Ρ€Π° ΠΈΠ»ΠΈ Π΄Π΅Π»Π°Π΅Ρ‚Π΅ Ρ„Π΅ΡΡ‚ΠΈΠ²Π°Π»ΡŒΠ½Ρ‹Π΅ Ρ€Π°Π±ΠΎΡ‚Ρ‹? ΠœΡ‹ писали ΠΏΡ€ΠΎ это ΠΏΠΎΠ΄Ρ€ΠΎΠ±Π½Π΅Π΅ Π² Π±Π΅Π³ΡƒΠ½ΠΊΠ΅ крСативности».

ΠšΠΎΠΏΠΈΠΏΠ°ΡΡ‚ слоёв

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

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

НСпонятныС отступы

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

ΠžΠ±ΡŠΠ΅ΠΊΡ‚Ρ‹ Ρ‚ΠΎΠΆΠ΅ таят скрытыС опасности β€” ΠΈΠ½ΠΎΠ³Π΄Π° ΠΏΡ€ΠΈ создании Ρ„ΠΎΡ€ΠΌ Π² Π€ΠΎΡ‚ΠΎΡˆΠΎΠΏΠ΅, Π΄Π°ΠΆΠ΅ Ссли Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ использовал сСтку, ΡΠ»ΡƒΡ‡Π°ΡŽΡ‚ΡΡ Π²ΠΎΡ‚ Ρ‚Π°ΠΊΠΈΠ΅ ΠΏΠΎΠ³Ρ€Π΅ΡˆΠ½ΠΎΡΡ‚ΠΈ:

Π’Π΅Ρ€ΡΡ‚Π°Π»ΡŒΡ‰ΠΈΠΊ вряд Π»ΠΈ станСт ΡƒΡ‡ΠΈΡ‚Ρ‹Π²Π°Ρ‚ΡŒ эти тонкости ΠΈ, скорСС всСго, ΠΎΠ±Ρ€Π΅ΠΆΠ΅Ρ‚ Ρ€Π°Π·ΠΌΠ΅Ρ€Ρ‹ ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Π°, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Ρ‚ΠΎΡ‚ Ρ‚ΠΎΡ‡Π½ΠΎ вписался Π² сСтку. ΠŸΠΎΡΡ‚ΠΎΠΌΡƒ ΠΏΡ€Π°Π²ΠΈΠ»ΠΎ β€” Π’Π‘Π• ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Ρ‹ Π΄ΠΎΠ»ΠΆΠ½Ρ‹ ΠΈΠΌΠ΅Ρ‚ΡŒ цСлочислСнныС Ρ€Π°Π·ΠΌΠ΅Ρ€Ρ‹, ΠΈΠ½Π°Ρ‡Π΅ Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚ ΠΌΠΎΠΆΠ΅Ρ‚ ΠΎΡ‡Π΅Π½ΡŒ ΠΎΡ‚Π»ΠΈΡ‡Π°Ρ‚ΡŒΡΡ ΠΎΡ‚ ΠΏΠ΅Ρ€Π²ΠΎΠ½Π°Ρ‡Π°Π»ΡŒΠ½ΠΎΠ³ΠΎ ΠΌΠ°ΠΊΠ΅Ρ‚Π°.

Π¦Π²Π΅Ρ‚Π° Β«Π½Π° Π³Π»Π°Π·Β»

Π’ Ρ„ΠΎΡ‚ΠΎΡˆΠΎΠΏΠ΅ Π΅ΡΡ‚ΡŒ ΡƒΠ΄ΠΎΠ±Π½Ρ‹ΠΉ инструмСнт β€” Β«ΠΏΠΈΠΏΠ΅Ρ‚ΠΊΠ°Β», ΠΈ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Ρ‹ Π»ΡŽΠ±ΡΡ‚ ΠΈΠΌ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒΡΡ β€” Ρ‚Ρ‹ΠΊΠ½ΡƒΠ», ΠΈ Π½Π΅ Π½Π°Π΄ΠΎ Π·Π°ΠΏΠΎΠΌΠΈΠ½Π°Ρ‚ΡŒ Π½ΠΎΠΌΠ΅Ρ€ Ρ†Π²Π΅Ρ‚Π°. Но Ссли Ρ‚Ρ‹ΠΊΠ½ΡƒΡ‚ΡŒ Π² ΠΊΡ€Π°ΠΉ элСмСнта, Ρ†Π²Π΅Ρ‚ ΠΌΠΎΠΆΠ΅Ρ‚ ΠΈΡΠΊΠ°Π·ΠΈΡ‚ΡŒΡΡ ΠΎΡ‚Ρ‚Π΅Π½ΠΊΠΎΠΌ Ρ„ΠΎΠ½Π°. Другая ΠΎΠΏΠ°ΡΠ½ΠΎΡΡ‚ΡŒ β€” Ссли радиус ΠΏΠΈΠΏΠ΅Ρ‚ΠΊΠΈ Π±ΠΎΠ»Π΅Π΅ 1 пиксСля, Π€ΠΎΡ‚ΠΎΡˆΠΎΠΏ ΠΏΠΎΠΊΠ°ΠΆΠ΅Ρ‚ срСднСС Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ ΠΌΠ΅ΠΆΠ΄Ρƒ сосСдними Ρ†Π²Π΅Ρ‚Π°ΠΌΠΈ.

АндрСй, Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊ

«ОсобСнно Ρ€Π°Π·Π΄Ρ€Π°ΠΆΠ°Π΅Ρ‚, ΠΊΠΎΠ³Π΄Π° Ρ†Π²Π΅Ρ‚Π° Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ опрСдСлял β€œΠ½Π° глаз”, Π° ΠΏΠΎΡ‚ΠΎΠΌ Ρ‚Ρ‹ сидишь с Π½Π°Π±ΠΎΡ€ΠΎΠΌ Ρ€Π°Π·Π½ΠΎΠΊΠ°Π»ΠΈΠ±Π΅Ρ€Π½Ρ‹Ρ… сСрых ΠΈ Π½Π΅ знаСшь, ΠΊΠ°ΠΊΠΎΠΉ ΠΈΠΌΠ΅Π½Π½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ. Π­Ρ‚ΠΎ происходит ΠΈΠ·-Π·Π° Ρ‚ΠΎΠ³ΠΎ, Ρ‡Ρ‚ΠΎ Π½Π΅Ρ‚ банальной ΠΊΠ°Ρ€Ρ‚Ρ‹ Ρ†Π²Π΅Ρ‚ΠΎΠ² ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π°, Π½Π° ΠΊΠΎΡ‚ΠΎΡ€ΡƒΡŽ ΠΌΠΎΠ³ Π±Ρ‹ ΠΎΠΏΠΈΡ€Π°Ρ‚ΡŒΡΡ ΠΈ сам Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ ΠΏΡ€ΠΈ Ρ€Π°Π±ΠΎΡ‚Π΅ Π½Π°Π΄ Π²Π½ΡƒΡ‚Ρ€Π΅Π½Π½ΠΈΠΌΠΈ страницами, ΠΈ Π²Π΅Ρ€ΡΡ‚Π°Π»ΡŒΡ‰ΠΈΠΊΒ».

НСгласноС ΠΏΡ€Π°Π²ΠΈΠ»ΠΎ Π½Π΅ Ρ€Π΅ΠΊΠΎΠΌΠ΅Π½Π΄ΡƒΠ΅Ρ‚ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Ρ‡Ρ‘Ρ€Π½Ρ‹ΠΉ ΠΏΠΎΠ΄ Π½ΠΎΠΌΠ΅Ρ€ΠΎΠΌ #000000 β€” ΠΎΠ½ слишком контрастный Π½Π° Ρ„ΠΎΠ½Π΅ Π±Π΅Π»ΠΎΠ³ΠΎ. ГлядитС Π½Π° Ρ€Π°Π·Π½ΠΈΡ†Ρƒ:

Π•Ρ‰Ρ‘ ΠΎΠ΄ΠΈΠ½ Π»Π°ΠΉΡ„Ρ…Π°ΠΊ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ΠΎΠ², ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Ρ€Π°Π·Π΄Ρ€Π°ΠΆΠ°Π΅Ρ‚ Π²Π΅Ρ€ΡΡ‚Π°Π»ΡŒΡ‰ΠΈΠΊΠΎΠ², β€” Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ Ρ†Π²Π΅Ρ‚ свСтлСС (Π² Ρ‚ΠΎΠΌ числС Ρƒ тСкста), Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ просто ΡƒΠ²Π΅Π»ΠΈΡ‡ΠΈΠ²Π°Π΅Ρ‚ ΠΏΡ€ΠΎΠ·Ρ€Π°Ρ‡Π½ΠΎΡΡ‚ΡŒ слоя. Π’Π΅Ρ€ΡΡ‚Π°Π»ΡŒΡ‰ΠΈΠΊΡƒ придётся ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒΡΡ ΠΏΠΈΠΏΠ΅Ρ‚ΠΊΠΎΠΉ, ΠΈ ΠΎΠΏΡΡ‚ΡŒ ΠΆΠ΅, Π²Π΅Π»ΠΈΠΊΠ° Π²Π΅Ρ€ΠΎΡΡ‚Π½ΠΎΡΡ‚ΡŒ ΠΏΠΎΠ³Ρ€Π΅ΡˆΠ½ΠΎΡΡ‚ΠΈ (особСнно Π² случаях с Π³Ρ€Π°Π΄ΠΈΠ΅Π½Ρ‚Π½Ρ‹ΠΌΠΈ Π·Π°Π»ΠΈΠ²ΠΊΠ°ΠΌΠΈ Ρƒ элСмСнтов).

РастрированныС элСмСнты

ВСкст

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

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

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

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

Π­Ρ„Ρ„Π΅ΠΊΡ‚Ρ‹ налоТСния

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

Π­Ρ„Ρ„Π΅ΠΊΡ‚Ρ‹ налоТСния Π² Ρ€Π°Π·Π½Ρ‹Ρ… Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°Ρ…

ΠŸΡ€ΠΎΠ±Π»Π΅ΠΌΡ‹ со ΡˆΡ€ΠΈΡ„Ρ‚ΠΎΠΌ

Π”Ρ€ΠΎΠ±Π½Ρ‹Π΅ Ρ€Π°Π·ΠΌΠ΅Ρ€Ρ‹

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

ΠœΠ½ΠΎΠΆΠ΅ΡΡ‚Π²ΠΎ ΡˆΡ€ΠΈΡ„Ρ‚ΠΎΠ²

На вСсь ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ ΠΆΠ΅Π»Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π½Π΅ Π±ΠΎΠ»Π΅Π΅ 3-Ρ… Π½Π°Ρ‡Π΅Ρ€Ρ‚Π°Π½ΠΈΠΉ β€” это ΠΌΠΎΠ³ΡƒΡ‚ Π±Ρ‹Ρ‚ΡŒ ΡˆΡ€ΠΈΡ„Ρ‚Ρ‹ ΠΎΠ΄Π½ΠΎΠΉ Π³Π°Ρ€Π½ΠΈΡ‚ΡƒΡ€Ρ‹ (Light, Regular ΠΈ Bold) ΠΈΠ»ΠΈ Ρ€Π°Π·Π½Ρ‹Ρ…. Π­Ρ‚ΠΎ Π½Π΅ ТёсткоС ΠΎΠ³Ρ€Π°Π½ΠΈΡ‡Π΅Π½ΠΈΠ΅ β€” всё зависит ΠΎΡ‚ Π·Π°Π΄Π°Ρ‡ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π°, Π½ΠΎ ΠΎΠΏΡ€Π΅Π΄Π΅Π»Ρ‘Π½Π½Ρ‹ΠΉ смысл Π² Π½Ρ‘ΠΌ Π΅ΡΡ‚ΡŒ: Ρ‡Π΅ΠΌ мСньшС Π²Π°Ρ€ΠΈΠ°Ρ†ΠΈΠΉ ΡˆΡ€ΠΈΡ„Ρ‚Π°, Ρ‚Π΅ΠΌ Π²Ρ‹ΡˆΠ΅ ΡΠΎΡΡ€Π΅Π΄ΠΎΡ‚ΠΎΡ‡Π΅Π½Π½ΠΎΡΡ‚ΡŒ Π½Π° тСкстС Ρƒ читатСля. БчитаСтся ΠΏΡ€Π°Π²ΠΈΠ»ΠΎΠΌ вмСстС с ΠΌΠ°ΠΊΠ΅Ρ‚ΠΎΠΌ ΠΏΠ΅Ρ€Π΅Π΄Π°Π²Π°Ρ‚ΡŒ Π³Π°Ρ€Π½ΠΈΡ‚ΡƒΡ€Ρ‹, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Ρ‚Π°ΠΌ использовались, ΠΈΠ»ΠΈ хотя Π±Ρ‹ Π΄Π°Π²Π°Ρ‚ΡŒ ссылки Π½Π° Google Fonts.

АндрСй, Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊ:

«БСйчас Π±ΠΎΠ»ΡŒΡˆΠΈΠ½ΡΡ‚Π²ΠΎ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ΠΎΠ² ΠΎΡ‚ΠΎΡˆΠ»ΠΈ ΠΎΡ‚ ΡˆΡ€ΠΈΡ„Ρ‚ΠΎΠ² Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π°Ρ… TTF, OTF β€” ΠΈ Ссли Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊ Π±ΡƒΠ΄Π΅Ρ‚ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΈΡ… ΠΏΠΎ-старинкС, Π½Π΅ Π²Π΅Π·Π΄Π΅ ΠΎΠ½ΠΈ Π±ΡƒΠ΄ΡƒΡ‚ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Ρ‚ΡŒΡΡ ΠΊΠΎΡ€Ρ€Π΅ΠΊΡ‚Π½ΠΎ. ΠœΡ‹ Π² студии Π΄Π°Π²Π½ΠΎ ΠΏΠ΅Ρ€Π΅ΡˆΠ»ΠΈ Π½Π° Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ WOFF ΠΈΠ»ΠΈ WOFF2, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π½Π΅ Π±Ρ‹Π»ΠΎ ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌ. ΠŸΠ΅Ρ€Π΅Π²Π΅ΡΡ‚ΠΈ ΡˆΡ€ΠΈΡ„Ρ‚ Π² Π½Π΅Π³ΠΎ ΠΌΠΎΠΆΠ½ΠΎ здСсь ΠΈΠ»ΠΈ здСсь».

ИспользованиС нСстандартных ΡˆΡ€ΠΈΡ„Ρ‚ΠΎΠ²

НСстандартныС ΡˆΡ€ΠΈΡ„Ρ‚Ρ‹ ΠΈ ΠΈΡ… начСртания Π΄ΠΎΠ»ΠΆΠ½Ρ‹ Π±Ρ‹Ρ‚ΡŒ ΠΏΡ€ΠΎΠ²Π΅Ρ€Π΅Π½Ρ‹ Π½Π° Π½Π°Π»ΠΈΡ‡ΠΈΠ΅ Π²Π΅Π±-вСрсии. Π”Π΅Π»ΠΎ Π² Ρ‚ΠΎΠΌ, Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΈΠ΅ ΡˆΡ€ΠΈΡ„Ρ‚Ρ‹ Π²Π»ΠΈΡΡŽΡ‚ Π½Π° ΡΠΊΠΎΡ€ΠΎΡΡ‚ΡŒ Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ страницы β€” для ΠΈΡ… отобраТСния Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Ρƒ Π½ΡƒΠΆΠ½ΠΎ сначала ΠΈΡ… ΡΠΊΠ°Ρ‡Π°Ρ‚ΡŒ, ΠΈ Π½Π° это ΡƒΠΉΠ΄Ρ‘Ρ‚ ΠΊΠ°ΠΊΠΎΠ΅-Ρ‚ΠΎ врСмя. По-Ρ…ΠΎΡ€ΠΎΡˆΠ΅ΠΌΡƒ вСс нСстандартного ΡˆΡ€ΠΈΡ„Ρ‚Π° Π½Π΅ Π΄ΠΎΠ»ΠΆΠ΅Π½ ΠΏΡ€Π΅Π²Ρ‹ΡˆΠ°Ρ‚ΡŒ 1 ΠΌΠ΅Π³Π°Π±Π°ΠΉΡ‚. И Π»ΡƒΡ‡ΡˆΠ΅, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Ρ‚Π°ΠΊΠΎΠΉ ΡˆΡ€ΠΈΡ„Ρ‚ Π½Π° страницС Π±Ρ‹Π» Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΎΠ΄ΠΈΠ½. Ну ΠΈ Π½Π΅ Π·Π°Π±Ρ‹Π²Π°ΠΉΡ‚Π΅, Ρ‡Ρ‚ΠΎ ΡˆΡ€ΠΈΡ„Ρ‚Ρ‹ стоят Π΄Π΅Π½Π΅Π³. Иногда β€” Π±ΠΎΠ»ΡŒΡˆΠΈΡ…. Π£ нас Π±Ρ‹Π»ΠΈ случаи, Π³Π΄Π΅ ΡˆΡ€ΠΈΡ„Ρ‚ ΡΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½ΠΎ дорабатывался ΠΏΠΎΠ΄ ΠΊΠΎΠ½ΠΊΡ€Π΅Ρ‚Π½Ρ‹ΠΉ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ β€” Ρ‚Π° Π΅Ρ‰Ρ‘ Π·Π°Π΄Π°Ρ‡ΠΊΠ°.

ΠšΠΎΡ€ΡΠ²Π°Ρ Ρ‚ΠΈΠΏΠΎΠ³Ρ€Π°Ρ„ΠΈΠΊΠ°

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

Π•Π²Π³Π΅Π½ΠΈΠΉ, Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊ:

«По возмоТности Π½Π΅ стоит ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ слоТныС эффСкты Π½Π° Ρ‚ΠΈΠΏΠΎΠ²Ρ‹Ρ… тСкстовых страницах, Ссли прСдполагаСтся, Ρ‡Ρ‚ΠΎ Π·Π°ΠΊΠ°Π·Ρ‡ΠΈΠΊ сам смоТСт ΠΈΡ… ΠΌΠ΅Π½ΡΡ‚ΡŒ ΠΈΠ· Π°Π΄ΠΌΠΈΠ½-ΠΏΠ°Π½Π΅Π»ΠΈ. Π‘ΠΊΠΎΡ€Π΅Π΅ всСго, Ρƒ Π½Π΅Π³ΠΎ получится Β«ΠΎΠ±Π΅Ρ€Π½ΡƒΡ‚ΡŒΒ» Ρ‚Π°ΠΊΠΈΠ΅ элСмСнты Π² div. Иногда это Ρ€Π΅ΡˆΠ°Π΅Ρ‚ΡΡ сниппСтами ΠΈΠ»ΠΈ ΠΈΠ½Ρ‹ΠΌΠΈ ΠΏΡ€ΠΈΠ΅ΠΌΠ°ΠΌΠΈ, Π½ΠΎ всё Ρ€Π°Π²Π½ΠΎ Π²Ρ‹Π·Ρ‹Π²Π°Π΅Ρ‚ ΡΠ»ΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ ΠΏΡ€ΠΈ Π½Π°ΠΏΠΎΠ»Π½Π΅Π½ΠΈΠΈ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚ΠΎΠΌΒ».

ΠžΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ стоит ΠΏΠΎΠΊΠ°Π·Π°Ρ‚ΡŒ Π½Π° ΠΌΠ°ΠΊΠ΅Ρ‚Π΅ ΠΎΡ„ΠΎΡ€ΠΌΠ»Π΅Π½ΠΈΠ΅ ΠΏΠ°Ρ€Π°Π³Ρ€Π°Ρ„Π°, Π°Π±Π·Π°Ρ†Π°, Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΎΠ² 1-4 уровня (h2, h3, h4, h5), ΠΌΠ°Ρ€ΠΊΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹Ρ… ΠΈ Π½ΡƒΠΌΠ΅Ρ€ΠΎΠ²Π°Π½Π½Ρ‹Ρ… списков. А Π΅Ρ‰Ρ‘ Π»ΡƒΡ‡ΡˆΠ΅ ΡΠΎΠ±Ρ€Π°Ρ‚ΡŒ всё это Π² ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½Ρ‹ΠΉ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚ β€” Π³Π°ΠΉΠ΄Π»Π°ΠΉΠ½ ΠΈΠ»ΠΈ UI-kit. Бюда ΠΆΠ΅ ΠΌΠΎΠΆΠ½ΠΎ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ ΠΏΠΎΠ²Π΅Π΄Π΅Π½ΠΈΠ΅ ссылок (активная, ΠΏΡ€ΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ, посСщСнная).


UI-kit для ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π° «Бпасская башня»

НСпонятная анимация

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

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

Π–Π΅Π»Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ ΠΏΠΎΠΌΠ΅Ρ‚ΠΈΡ‚ΡŒ слои с анимациями ΠΈ ΠΈΠ½Ρ‚Π΅Ρ€Π°ΠΊΡ‚ΠΈΠ²Π°ΠΌΠΈ Ρ†Π²Π΅Ρ‚Π°ΠΌΠΈ ΠΈ ΡΠΎΠΏΡ€ΠΎΠ²ΠΎΠ΄ΠΈΡ‚ΡŒ ΠΈΡ… коммСнтариями. Π’Π°ΠΊΠΆΠ΅ ΠΎΡ‡Π΅Π½ΡŒ ΠΆΠ΅Π»Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ Π² коммСнтариях ΠΏΡ€ΠΎΠΏΠΈΡΠ°Ρ‚ΡŒ, ΠΊΠ°ΠΊ ΠΈΠΌΠ΅Π½Π½ΠΎ это Π΄ΠΎΠ»ΠΆΠ½ΠΎ Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ ΠΈ привСсти ΠΏΡ€ΠΈΠΌΠ΅Ρ€Ρ‹.

Π•Π²Π³Π΅Π½ΠΈΠΉ, Π°Ρ€Ρ‚-Π΄ΠΈΡ€Π΅ΠΊΡ‚ΠΎΡ€:

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

Иконки в PNG

Π’ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π΅, Π² зависимости ΠΎΡ‚ Π·Π°Π΄Π°Ρ‡, ΠΈΠΊΠΎΠ½ΠΊΠΈ Π±Ρ‹Π²Π°ΡŽΡ‚ Ρ€Π°Π·Π½Ρ‹Π΅: ΠΈΠ½ΠΎΠ³Π΄Π° Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ создаёт ΡƒΠ½ΠΈΠΊΠ°Π»ΡŒΠ½Ρ‹ΠΉ Π½Π°Π±ΠΎΡ€ собствСнноручно, ΠΈΠ½ΠΎΠ³Π΄Π° Π΅ΠΌΡƒ ΠΏΡ€ΠΎΡ‰Π΅ ΠΈ быстрСС Π½Π°ΠΉΡ‚ΠΈ Π½ΡƒΠΆΠ½ΡƒΡŽ ΠΈΠ· ΠΌΠΈΠ»Π»ΠΈΠΎΠ½Π° Π²Π°Ρ€ΠΈΠ°Π½Ρ‚ΠΎΠ² Π³Π΄Π΅-Π½ΠΈΠ±ΡƒΠ΄ΡŒ здСсь ΠΈ Π΄ΠΎΡ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ Π΅Ρ‘ ΠΏΡ€ΠΈ нСобходимости.

Но Π±Ρ‹Π²Π°Π΅Ρ‚, Ρ‡Ρ‚ΠΎ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Ρ‹ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ ΠΈΠΊΠΎΠ½ΠΊΠΈ Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ PNG β€” Π² Π½Ρ‘ΠΌ ΠΏΡ€ΠΈ ΠΌΠ°ΡΡˆΡ‚Π°Π±ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠΈ Π½Π° экранах с большим Ρ€Π°Π·Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅ΠΌ (Π° сСйчас Π΄Π°ΠΆΠ΅ Π½Π° ΠΌΠΎΠ±ΠΈΠ»ΠΊΠ°Ρ… ΠΏΠ»ΠΎΡ‚Π½ΠΎΡΡ‚ΡŒ пиксСлСй бСшСная) края изобраТСния Ρ€Π°ΡΠΏΠ»Ρ‹Π²Π°ΡŽΡ‚ΡΡ. ΠžΡ‚ΡΡŽΠ΄Π° ΠΏΡ€Π°Π²ΠΈΠ»ΠΎ: всС ΠΈΠΊΠΎΠ½ΠΊΠΈ Π΄ΠΎΠ»ΠΆΠ½Ρ‹ Π±Ρ‹Ρ‚ΡŒ Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ SVG β€” Ρ‚Π°ΠΊ ΠΎΠ½ΠΈ ΠΎΡΡ‚Π°ΡŽΡ‚ΡΡ Ρ‡Ρ‘Ρ‚ΠΊΠΈΠΌΠΈ, ΠΊΠ°ΠΊΠΈΠΌ Π±Ρ‹ Π½ΠΈ Π±Ρ‹Π» ΠΈΡ… Ρ€Π°Π·ΠΌΠ΅Ρ€.

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

Π§Π΅ΠΊ-лист

Π’ творчСском ΠΏΠΎΡ€Ρ‹Π²Π΅ слоТно ΡƒΡΠ»Π΅Π΄ΠΈΡ‚ΡŒ Π·Π° Ρ‚Π΅ΠΌ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ всё Π±Ρ‹Π»ΠΎ сдСлано ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΠΎ. Π’Π°ΠΌ слой скопировался ΠΈ остался Π±Π΅Π· названия, Ρ‚Π°ΠΌ ΠΎΠ±ΡŠΠ΅ΠΊΡ‚ Π½Π΅ΠΌΠ½ΠΎΠΆΠΊΠΎ Π²Ρ‹Π»Π΅Π· Π·Π° ΠΊΡ€Π°ΠΉ ΠΊΠΎΠ»ΠΎΠ½ΠΊΠΈ, Ρ‚ΡƒΡ‚ ΡˆΡ€ΠΈΡ„Ρ‚ случайно «заТирнился» встроСнными Ρ„ΠΎΡ‚ΠΎΡˆΠΎΠΏΠ½Ρ‹ΠΌΠΈ настройками вмСсто Π²Ρ‹Π±ΠΎΡ€Π° Π½ΡƒΠΆΠ½ΠΎΠ³ΠΎ начСртания β€” с ΠΊΠ΅ΠΌ Π½Π΅ Π±Ρ‹Π²Π°Π΅Ρ‚? А с Ρ‚Π΅ΠΌ, Ρƒ ΠΊΠΎΠ³ΠΎ Π΅ΡΡ‚ΡŒ наш Ρ‡Π΅ΠΊ-лист!

Π§Π΅ΠΊ-лист для ΠΏΠΎΠ΄Π³ΠΎΡ‚ΠΎΠ²ΠΊΠΈ Photoshop-ΠΌΠ°ΠΊΠ΅Ρ‚Π° ΠΊ ΠΏΠ΅Ρ€Π΅Π΄Π°Ρ‡Π΅ Π½Π° вёрстку

  1. Если Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ использовал сСтку, всС Π±Π»ΠΎΠΊΠΈ Π½Π° ΠΌΠ°ΠΊΠ΅Ρ‚Π΅ располоТСны строго ΠΏΠΎ Π½Π΅ΠΉ.
  2. Π£ всСх ΠΎΠ±ΡŠΠ΅ΠΊΡ‚ΠΎΠ² Π½Π° ΠΌΠ°ΠΊΠ΅Ρ‚Π΅ цСлочислСнныС Ρ€Π°Π·ΠΌΠ΅Ρ€Ρ‹.
  3. ΠŸΠΎΠ²Ρ‚ΠΎΡ€ΡΡŽΡ‰ΠΈΠ΅ΡΡ элСмСнты Π½Π° страницах всСгда ΠžΠ”Π˜ΠΠΠšΠžΠ’Π«Π•.
  4. ВсС слои сгруппированы ΠΏΠΎ ΠΏΠ°ΠΏΠΊΠ°ΠΌ ΠΈ распрСдСлСны ΠΏΠΎ Π»ΠΎΠ³ΠΈΠΊΠ΅ ΠΌΠ°ΠΊΠ΅Ρ‚Π°. Π›ΠΈΡˆΠ½ΠΈΠ΅ ΡƒΠ΄Π°Π»Π΅Π½Ρ‹, ΠΏΠΎΡ…ΠΎΠΆΠΈΠ΅ β€” ΠΎΠ±ΡŠΠ΅Π΄ΠΈΠ½Π΅Π½Ρ‹.
  5. ΠžΡ‚ΡΡ‚ΡƒΠΏΡ‹ ΠΎΡ‚ элСмСнтов ΡƒΠ½ΠΈΡ„ΠΈΡ†ΠΈΡ€ΠΎΠ²Π°Π½Ρ‹.
  6. Π¦Π²Π΅Ρ‚Π° Π½Π° ΠΌΠ°ΠΊΠ΅Ρ‚Π΅ ΡΠΎΠ²ΠΏΠ°Π΄Π°ΡŽΡ‚ с основными Ρ†Π²Π΅Ρ‚Π°ΠΌΠΈ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π°.
  7. ВСкст ΠΊΠ°ΠΊ тСкст (Π½Π΅ растрирован).
  8. Π­Ρ„Ρ„Π΅ΠΊΡ‚Ρ‹ налоТСния, Ρ‚Π΅Π½ΠΈ ΠΈ Π³Ρ€Π°Π΄ΠΈΠ΅Π½Ρ‚Ρ‹ Π½Π΅ растрированы.
  9. ИспользованиС эффСктов налоТСния цСлСсообразно.
  10. Π£ ΡˆΡ€ΠΈΡ„Ρ‚ΠΎΠ² Π½Π΅Π΄Ρ€ΠΎΠ±Π½Ρ‹Π΅ Ρ€Π°Π·ΠΌΠ΅Ρ€Ρ‹.
  11. Π¨Ρ€ΠΈΡ„Ρ‚Ρ‹, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅ΠΌΡ‹Π΅ Π² ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π΅, собраны Π² ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½ΠΎΠΉ ΠΏΠ°ΠΏΠΊΠ΅.
  12. НСстандартныС ΡˆΡ€ΠΈΡ„Ρ‚Ρ‹ ΠΈ ΠΈΡ… начСртания ΠΏΡ€ΠΎΠ²Π΅Ρ€Π΅Π½Ρ‹ Π½Π° Π½Π°Π»ΠΈΡ‡ΠΈΠ΅ Π²Π΅Π±-вСрсии. ВСс ΠΎΠ΄Π½ΠΎΠ³ΠΎ нСстандартного ΡˆΡ€ΠΈΡ„Ρ‚Π° Π½Π΅ ΠΏΡ€Π΅Π²Ρ‹ΡˆΠ°Π΅Ρ‚ 1 Мб.
  13. ΠœΠ΅ΠΆΡΡ‚Ρ€ΠΎΡ‡Π½Ρ‹Π΅ ΠΈΠ½Ρ‚Π΅Ρ€Π²Π°Π»Ρ‹ ΠΈ отступы Π² тСкстС ΡƒΠ½ΠΈΡ„ΠΈΡ†ΠΈΡ€ΠΎΠ²Π°Π½Ρ‹.
  14. ВсС ΠΈΠΊΠΎΠ½ΠΊΠΈ Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ SVG ΠΈ собраны Π² ΠΎΠ΄Π½ΠΎΠΌ мСстС. НаимСнования ΠΈΠΊΠΎΠ½ΠΎΠΊ ΠΎΠ΄ΠΈΠ½Π°ΠΊΠΎΠ²Ρ‹Π΅ ΠΈ понятныС, ΡΠΎΠ²ΠΏΠ°Π΄Π°ΡŽΡ‚ с Π½Π°ΠΈΠΌΠ΅Π½ΠΎΠ²Π°Π½ΠΈΠ΅ΠΌ ΠΈΠ΄Π΅Π½Ρ‚ΠΈΡ‡Π½Ρ‹Ρ… слоёв Π½Π° ΠΌΠ°ΠΊΠ΅Ρ‚Π΅.
  15. Для всСх Π°ΠΊΡ‚ΠΈΠ²Π½Ρ‹Ρ… элСмСнтов Π΅ΡΡ‚ΡŒ слои с Ρ…ΠΎΠ²Π΅Ρ€Π°ΠΌΠΈ.
  16. ΠžΠ±ΡŠΠ΅ΠΊΡ‚Ρ‹, ΡƒΡ‡Π°ΡΡ‚Π²ΡƒΡŽΡ‰ΠΈΠ΅ Π² Π² анимациях/ΠΈΠ½Ρ‚Π΅Ρ€Π°ΠΊΡ‚ΠΈΠ²Π½Ρ‹Ρ… взаимодСйствиях, Ρ€Π°Π·Π±ΠΈΡ‚Ρ‹ послойно. Для Π±Π°Π½Π½Π΅Ρ€ΠΎΠ² β€” Π°Π½Π°Π»ΠΎΠ³ΠΈΡ‡Π½ΠΎ.
  17. К анимациям ΠΈ ΠΈΠ½Ρ‚Π΅Ρ€Π°ΠΊΡ‚ΠΈΠ²Π½Ρ‹ΠΌ взаимодСйствиям прописаны ΠΊΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠΈ ΠΈ ΡƒΠΊΠ°Π·Π°Π½Ρ‹ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Ρ‹, ΠΊΠ°ΠΊ это Π΄ΠΎΠ»ΠΆΠ½ΠΎ Π²Ρ‹Π³Π»ΡΠ΄Π΅Ρ‚ΡŒ.
  18. Для ΠΌΠ°ΠΊΠ΅Ρ‚Π° создан Π³Π°ΠΉΠ΄Π»Π°ΠΉΠ½ с ΠΏΠ°Π»ΠΈΡ‚Ρ€ΠΎΠΉ Ρ†Π²Π΅Ρ‚ΠΎΠ² ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π° ΠΈ стилями тСкста.

ΠΊΠ°ΠΊ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ Π΄ΠΈΠ·Π°ΠΉΠ½ ΠΈ ΠΏΠ΅Ρ€Π΅Π΄Π°Ρ‚ΡŒ исходники Π²Π΅Ρ€ΡΡ‚Π°Π»ΡŒΡ‰ΠΈΠΊΡƒ β€”Β ΡΡ‚Π°Ρ‚ΡŒΠΈ Π½Π° Skillbox

ΠΠ°Ρ‡ΠΈΠ½Π°ΡŽΡ‰ΠΈΠ΅ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Ρ‹ часто Π½Π΅Β Π·Π½Π°ΡŽΡ‚, Π²Β ΠΊΠ°ΠΊΠΎΠΉ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ΅ ΠΌΠΎΠΆΠ½ΠΎ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ ΠΌΠ°ΠΊΠ΅Ρ‚. Π˜Π·ΡƒΡ‡Π°ΡŽΡ‚ Ρ€Π°Π·Π½Ρ‹Π΅ графичСскиС Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Ρ‹, Π²Ρ‹Π±ΠΈΡ€Π°ΡŽΡ‚ ΡƒΠ΄ΠΎΠ±Π½Ρ‹ΠΉ для сСбя.

ΠŸΠΎΠΏΡƒΠ»ΡΡ€Π½Ρ‹ΠΉ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Β β€” Adobe Photoshop. Π­Ρ‚ΠΎ ΡƒΠ½ΠΈΠ²Π΅Ρ€ΡΠ°Π»ΡŒΠ½Ρ‹ΠΉ инструмСнт для Ρ€Π°Π±ΠΎΡ‚Ρ‹ с любой Π³Ρ€Π°Ρ„ΠΈΠΊΠΎΠΉ: Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„Ρ‹ ΠΎΠ±Ρ€Π°Π±Π°Ρ‚Ρ‹Π²Π°ΡŽΡ‚ Ρ‚Π°ΠΌ снимки, ΠΈΠ»Π»ΡŽΡΡ‚Ρ€Π°Ρ‚ΠΎΡ€Ρ‹ Π·Π°Π½ΠΈΠΌΠ°ΡŽΡ‚ΡΡ рисунками, Π°Β Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Ρ‹ Π΄Π΅Π»Π°ΡŽΡ‚ ΠΌΠ°ΠΊΠ΅Ρ‚Ρ‹. Π€Π°ΠΉΠ», Π²Β ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ сохраняСтся ΠΌΠ°ΠΊΠ΅Ρ‚ Π²Β Photoshop, ΠΈΠΌΠ΅Π΅Ρ‚ Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠ΅ .psd. Π•Π³ΠΎ ΠΎΡ‚ΠΏΡ€Π°Π²Π»ΡΡŽΡ‚ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ°ΠΌ ΠΊΠ°ΠΊ PSD-ΠΌΠ°ΠΊΠ΅Ρ‚ для сайта.

PhotoshopΒ β€” ΡƒΠ½ΠΈΠ²Π΅Ρ€ΡΠ°Π»ΡŒΠ½Ρ‹ΠΉ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€, и поэтому Π΅Π³ΠΎ довольно нСпросто ΠΎΡΠ²ΠΎΠΈΡ‚ΡŒ. Π§Ρ‚ΠΎΠ±Ρ‹ Π½Π΅Β Ρ‚Ρ€Π°Ρ‚ΠΈΡ‚ΡŒ ΠΌΠ½ΠΎΠ³ΠΎ Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ Π½Π°Β ΠΈΠ·ΡƒΡ‡Π΅Π½ΠΈΠ΅ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΉ, ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π½ΠΎΠ²ΠΎΠ΅ ΠΏΠΎΠΊΠΎΠ»Π΅Π½ΠΈΠ΅ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌ, ΠΏΡ€Π΅Π΄Π½Π°Π·Π½Π°Ρ‡Π΅Π½Π½Ρ‹Ρ… ΡΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½ΠΎ для Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π°: Adobe XD, Figma, Sketch.

НСкоторыС Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Ρ‹ Ρ€ΠΈΡΡƒΡŽΡ‚ ΠΌΠ°ΠΊΠ΅Ρ‚Ρ‹ Π²Β Π΄Ρ€ΡƒΠ³ΠΈΡ… Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π°Ρ…. ΠšΡ‚ΠΎ-Ρ‚ΠΎ ΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ Adobe Illustrator ΠΈΠ»ΠΈ Adobe InDesign.

ΠŸΠ΅Ρ€Π΅Π΄ Ρ‚Π΅ΠΌ ΠΊΠ°ΠΊ Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡƒ для создания ΠΌΠ°ΠΊΠ΅Ρ‚ΠΎΠ², ΠΏΠΎΠ³ΠΎΠ²ΠΎΡ€ΠΈΡ‚Π΅ ΡΒ Π²Π΅Ρ€ΡΡ‚Π°Π»ΡŒΡ‰ΠΈΠΊΠΎΠΌ. Π£Π΄ΠΎΠ±Π½ΠΎΒ Π»ΠΈΒ Π΅ΠΌΡƒ Π±ΡƒΠ΄Π΅Ρ‚ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒΡΡ Photoshop ΠΈΠ»ΠΈ Π»ΡƒΡ‡ΡˆΠ΅ Π½Π°Ρ€ΠΈΡΠΎΠ²Π°Ρ‚ΡŒ всё Π²Β Sketch? Или ΠΎΠ½Β ΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ Zeplin, поэтому Π½Π΅Π²Π°ΠΆΠ½ΠΎ, Π²Β ΠΊΠ°ΠΊΠΎΠΉ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ΅ вы рисуСтС?

Π‘ΠΎΠ·Π΄Π°Π²Π°ΠΉΡ‚Π΅ ΠΌΠ°ΠΊΠ΅Ρ‚ ΠΏΠΎΒ ΠΏΡ€Π°Π²ΠΈΠ»Π°ΠΌ. Π­Ρ‚ΠΎ упростит Ρ€Π°Π±ΠΎΡ‚Ρƒ Π½Π°Π΄ внСшним Π²ΠΈΠ΄ΠΎΠΌ ΠΈΒ ΠΎΠ±Π»Π΅Π³Ρ‡ΠΈΡ‚ процСсс вёрстки.

  • Π’Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Ρ†Π²Π΅Ρ‚ΠΎΠ²ΡƒΡŽ модСль RGB ΠΏΠ΅Ρ€Π΅Π΄ созданиСм ΠΌΠ°ΠΊΠ΅Ρ‚Π°. Π­Ρ‚ΠΎ стандарт для ΠΌΠΎΠ½ΠΈΡ‚ΠΎΡ€ΠΎΠ² и экранов.
  • ΠŸΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ΡΡŒ сСткой, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π²Ρ‹Ρ€Π°Π²Π½ΠΈΠ²Π°Ρ‚ΡŒ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚ Π²Π½ΡƒΡ‚Ρ€ΠΈ ΠΌΠ°ΠΊΠ΅Ρ‚Π°.
  • НС увСличивайтС малСнькиС ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ.
  • Π˜Π·ΠΌΠ΅Π½ΡΠΉΡ‚Π΅ Ρ€Π°Π·ΠΌΠ΅Ρ€ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ с заТатой клавишСй Shift, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡΠΎΡ…Ρ€Π°Π½ΡΡ‚ΡŒ ΠΏΡ€ΠΎΠΏΠΎΡ€Ρ†ΠΈΠΈ.
  • Если Π½ΡƒΠΆΠ΅Π½ Π½Π°ΠΊΠ»ΠΎΠ½Π½Ρ‹ΠΉ ΠΈΠ»ΠΈ ΠΆΠΈΡ€Π½Ρ‹ΠΉ тСкст, Π²Ρ‹Π±ΠΈΡ€Π°ΠΉΡ‚Π΅ ΠΎΠ΄Π½ΠΎ ΠΈΠ·Β Π½Π°Ρ‡Π΅Ρ€Ρ‚Π°Π½ΠΈΠΉ ΡˆΡ€ΠΈΡ„Ρ‚Π°. ΠΠ΅Β ΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ΡΡŒ псСвдостилями, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ внСшний Π²ΠΈΠ΄ Π±ΡƒΠΊΠ² Π²Β Photoshop ΠΈΒ Π΄Ρ€ΡƒΠ³ΠΈΡ… Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π°Ρ….

ΠŸΡ€ΠΎΠ²Π΅Ρ€ΡŒΡ‚Π΅ всС элСмСнты ΠΌΠ°ΠΊΠ΅Ρ‚Π° и посмотритС на расстояния и отступы. ВсС Ρ€Π°Π·ΠΌΠ΅Ρ€Ρ‹ Π΄ΠΎΠ»ΠΆΠ½Ρ‹Β Π±Ρ‹Ρ‚ΡŒ Π²Ρ‹Ρ€Π°ΠΆΠ΅Π½Ρ‹ Ρ†Π΅Π»Ρ‹ΠΌΠΈ Ρ‡Ρ‘Ρ‚Π½Ρ‹ΠΌΠΈ числами. ΠΠ΅Β ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ Π½Π΅Ρ‡Ρ‘Ρ‚Π½Ρ‹Π΅ числа ΠΈΒ Π΄Ρ€ΠΎΠ±ΠΈ.

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

Π§Ρ‚ΠΎΠ±Ρ‹ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ порядок в слоях:

  • ΡƒΠ΄Π°Π»ΠΈΡ‚Π΅ скрытыС и пустыС,
  • сгруппируйтС по смыслу,
  • Π½Π°ΠΏΠΈΡˆΠΈΡ‚Π΅ для ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ Π½Π°Π·Π²Π°Π½ΠΈΠ΅.

ВворчСский бСспорядок в слоях. Π’Β Ρ‚Π°ΠΊΠΎΠΌ Π²ΠΈΠ΄Π΅ ΠΎΡ‚ΠΏΡ€Π°Π²Π»ΡΡ‚ΡŒ на вСрстку нС стоит.

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

ВсС элСмСнты, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ нСльзя ΠΎΡ‚ΠΎΠ±Ρ€Π°Π·ΠΈΡ‚ΡŒ ΡΒ ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ HTML ΠΈΒ CSS, Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ вынСсти Π½Π°Β ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½ΡƒΡŽ страницу ΠΌΠ°ΠΊΠ΅Ρ‚Π°. ΠžΠ±Ρ‹Ρ‡Π½ΠΎ Ρ‚Π°ΠΊ ΠΏΠΎΡΡ‚ΡƒΠΏΠ°ΡŽΡ‚ с иконками, ΠΊΠ°Ρ€Ρ‚ΠΎΡ‡ΠΊΠ°ΠΌΠΈ ΠΈΒ Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΌΠΈ ΠΊΠ½ΠΎΠΏΠΊΠ°ΠΌΠΈ. Π§Ρ‚ΠΎΠ±Ρ‹ ΡΡΠΊΠΎΠ½ΠΎΠΌΠΈΡ‚ΡŒ врСмя Π²Π΅Ρ€ΡΡ‚Π°Π»ΡŒΡ‰ΠΈΠΊΡƒ, элСмСнты ΠΌΠΎΠΆΠ½ΠΎ сразу ΡΠΊΡΠΏΠΎΡ€Ρ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Π²Β Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ PNG ΠΈΠ»ΠΈ SVG.

На этом Π°Ρ€Ρ‚Π±ΠΎΡ€Π΄Π΅ Ρ‚Π°ΠΊΠΆΠ΅ ΠΏΠΎΠΊΠ°ΠΆΠΈΡ‚Π΅ всС ΠΏΠΎΠ·ΠΈΡ†ΠΈΠΈ элСмСнтов. Π‘ΠΊΠΎΠΏΠΈΡ€ΡƒΠΉΡ‚Π΅ ΠΊΠ½ΠΎΠΏΠΊΡƒ ΠΈΠ·Β ΠΌΠ°ΠΊΠ΅Ρ‚Π° и нарисуйтС всС Сё состояния: ΠΎΠ±Ρ‹Ρ‡Π½ΠΎΠ΅, ΠΏΡ€ΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ ΠΌΡ‹ΡˆΠΈ, ΠΏΡ€ΠΈ Π½Π°ΠΆΠ°Ρ‚ΠΈΠΈ. Π£ΠΊΠ°ΠΆΠΈΡ‚Π΅ всС Ρ†Π²Π΅Ρ‚Π° ΠΈΒ ΡˆΡ€ΠΈΡ„Ρ‚Ρ‹, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΏΡ€ΠΈΡΡƒΡ‚ΡΡ‚Π²ΡƒΡŽΡ‚ Π²Β ΠΌΠ°ΠΊΠ΅Ρ‚Π΅. ΠŸΡ€ΠΈΠ²Π΅Π΄ΠΈΡ‚Π΅ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Ρ‹ с парамСтрами ΠΈΒ Ρ€Π°Π·ΠΌΠ΅Ρ€Π°ΠΌΠΈ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΎΠ², ΠΏΠΎΠ΄Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΎΠ² и основного тСкста.

Если Π²Β ΠΌΠ°ΠΊΠ΅Ρ‚Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ΡΡ нСстандартныС ΡˆΡ€ΠΈΡ„Ρ‚Ρ‹, Ρ‚ΠΎΒ ΠΎΡ‚ΠΏΡ€Π°Π²ΡŒΡ‚Π΅ Ρ„Π°ΠΉΠ» с ними вмСстС с макСтом.

Если ΡˆΡ€ΠΈΡ„Ρ‚ Π΅ΡΡ‚ΡŒ в сСрвисС Google Fonts, Ρ‚ΠΎΒ Π΄Π°ΠΉΡ‚Π΅ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΡƒ ссылку Π½Π°Β Π½Π΅Π³ΠΎ. В этом случаС Ρ„Π°ΠΉΠ» нС понадобится, ΠΏΠΎΡ‚ΠΎΠΌΡƒ Ρ‡Ρ‚ΠΎ на сайт Π΅Π³ΠΎ ΠΏΠΎΠ΄ΠΊΠ»ΡŽΡ‡Π°ΡŽΡ‚ Ρ‡Π΅Ρ€Π΅Π· этот сСрвис.

Π’Β Π°Ρ€Ρ…ΠΈΠ² ΠΊΒ ΠΌΠ°ΠΊΠ΅Ρ‚Ρƒ ΠΏΡ€ΠΈΠ»ΠΎΠΆΠΈΡ‚Π΅ всС элСмСнты, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ вы экспортировали ΠΈΠ·Β Π°Ρ€Ρ‚Π±ΠΎΡ€Π΄Π°. Если эти Ρ„Π°ΠΉΠ»Ρ‹Β β€” Π²Β Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ PNG, Ρ‚ΠΎΒ Π½ΡƒΠΆΠ½ΠΎ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ вСрсии Π²Β Π½Π΅ΡΠΊΠΎΠ»ΡŒΠΊΠΈΡ… Ρ€Π°Π·Ρ€Π΅ΡˆΠ΅Π½ΠΈΡΡ….

АнимированныС ΠΌΠ°ΠΊΠ΅Ρ‚Ρ‹ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ Π½Π΅Β Ρ‚ΠΎΠ»ΡŒΠΊΠΎ для дСмонстрации сайта Π²Β ΠΏΠΎΡ€Ρ‚Ρ„ΠΎΠ»ΠΈΠΎ ΠΈΠ»ΠΈ ΠΏΡ€Π΅Π·Π΅Π½Ρ‚Π°Ρ†ΠΈΠΈ Π·Π°ΠΊΠ°Π·Ρ‡ΠΈΠΊΡƒ.

Если Π½ΡƒΠΆΠ½ΠΎ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ элСмСнты двигались и взаимодСйствовали Π΄Ρ€ΡƒΠ³ с другом, нарисуйтС ΠΈΠ½Ρ‚Π΅Ρ€Π°ΠΊΡ‚ΠΈΠ²Π½Ρ‹ΠΉ ΠΏΡ€ΠΎΡ‚ΠΎΡ‚ΠΈΠΏ ΠΈΒ ΠΏΠΎΠΊΠ°ΠΆΠΈΡ‚Π΅ Π²Π΅Ρ€ΡΡ‚Π°Π»ΡŒΡ‰ΠΈΠΊΡƒ. Π›ΡƒΡ‡ΡˆΠ΅ ΠΏΡ€ΠΎΠ΄Π΅ΠΌΠΎΠ½ΡΡ‚Ρ€ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ, Ρ‡Π΅ΠΌ ΠΎΠΏΠΈΡΡ‹Π²Π°Ρ‚ΡŒ словами.

Π”ΠΈΠ·Π°ΠΉΠ½ ΠΏΠΎΠ»ΠΈΠ³Ρ€Π°Ρ„ΠΈΠΈ ΠΈ вСрстка ΠΌΠ°ΠΊΠ΅Ρ‚ΠΎΠ² ΠΏΠ΅Ρ‡Π°Ρ‚Π½ΠΎΠΉ ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ†ΠΈΠΈ

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

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

ΠžΡΠΎΠ±Π΅Π½Π½ΠΎΡΡ‚ΠΈ полиграфичСского Π΄ΠΈΠ·Π°ΠΉΠ½Π° ΠΈ вСрстки

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

Π”Ρ€ΡƒΠ³ΠΎΠΉ ΠΎΡΠΎΠ±Π΅Π½Π½ΠΎΡΡ‚ΡŒΡŽ полиграфичСского Π΄ΠΈΠ·Π°ΠΉΠ½Π° ΠΈ вСрстки являСтся Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎΡΡ‚ΡŒ Π² соблю­дСнии Π΄Π΅ΠΉΡΡ‚Π²ΡƒΡŽΡ‰ΠΈΡ… стандартов ΠΈ ΠΏΡ€Π°Π²ΠΈΠ», ΡƒΡΡ‚Π°Π½Π°Π²Π»ΠΈΠ²Π°ΡŽΡ‰ΠΈΡ… трСбования ΠΊ ΠΏΠ΅Ρ‡Π°Ρ‚Π½ΠΎΠΉ ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ†ΠΈΠΈ.

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

ΠžΠ±Ρ€Π°Π·Ρ†Ρ‹ нашСго Π΄ΠΈΠ·Π°ΠΉΠ½Π° ΠΈ вСрстки полиграфичСской ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ†ΠΈΠΈ

Π—Π°ΠΊΠ°Π· Π΄ΠΈΠ·Π°ΠΉΠ½Π° ΠΈ вСрстки ΠΏΠΎΠ»ΠΈΠ³Ρ€Π°Ρ„ΠΈΠΈ Π² нашСй Ρ‚ΠΈΠΏΠΎΠ³Ρ€Π°Ρ„ΠΈΠΈ

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

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

Π”ΠΈΠ·Π°ΠΉΠ½ ΠΈ вСрстка ΠΌΠ°ΠΊΠ΅Ρ‚ΠΎΠ² Ρ€Π΅ΠΊΠ»Π°ΠΌΠ½ΠΎΠΉ ΠΏΠΎΠ»ΠΈΠ³Ρ€Π°Ρ„ΠΈΠΈ ΠΈ Π½Π°Ρ€ΡƒΠΆΠ½ΠΎΠΉ Ρ€Π΅ΠΊΠ»Π°ΠΌΡ‹

ΠžΡ€ΠΈΠ³ΠΈΠ½Π°Π»ΡŒΠ½Ρ‹ΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½ ΠΏΠΎΠ»ΠΈΠ³Ρ€Π°Ρ„ΠΈΠΈ, яркая и красочная Ρ€Π΅ΠΊΠ»Π°ΠΌΠ°, ΠΏΠΎΠ΄Π³ΠΎΡ‚ΠΎΠ²ΠΊΠ° ΠΌΠ°ΠΊΠ΅Ρ‚ΠΎΠ² ΠΊΒ ΠΏΠ΅Ρ‡Π°Ρ‚ΠΈΒ β€” ΠΏΡ€Π΅Ρ€ΠΎΠ³Π°Ρ‚ΠΈΠ²Π° ΠΎΠΏΡ‹Ρ‚Π½Ρ‹Ρ… Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ΠΎΠ² сСти Β«ΠšΠΎΠΏΠΈΡ†Π΅Π½Ρ‚Ρ€Β». Если ΠΆΠ΅Π»Π°Π΅Ρ‚Π΅ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒ ΠΏΡ€ΠΎΡ„Π΅ΡΡΠΈΠΎΠ½Π°Π»ΡŒΠ½ΠΎ Π²Ρ‹ΠΏΠΎΠ»Π½Π΅Π½Π½ΡƒΡŽ ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ†ΠΈΡŽ, ΠΎΠ±Ρ€Π°Ρ‰Π°ΠΉΡ‚Π΅ΡΡŒ в наши ΠΌΠ½ΠΎΠ³ΠΎΠΏΡ€ΠΎΡ„ΠΈΠ»ΡŒΠ½Ρ‹Π΅ Ρ†Π΅Π½Ρ‚Ρ€Ρ‹, располоТСнных Π²Π±Π»ΠΈΠ·ΠΈ станций питСрского ΠΌΠ΅Ρ‚Ρ€ΠΎ.

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

Услуги ΠΏΠΎΒ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠ΅ Π΄ΠΈΠ·Π°ΠΉΠ½Π° ΠΏΠΎΠ»ΠΈΠ³Ρ€Π°Ρ„ΠΈΠΈ ΠΈΒ Π΄Ρ€ΡƒΠ³ΠΎΠΉ ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ†ΠΈΠΈ

БСгодня Π΄ΠΈΠ·Π°ΠΉΠ½ ΠΏΠΎΠ»ΠΈΠ³Ρ€Π°Ρ„ΠΈΠΈ ΠΈΒ Ρ€Π΅ΠΊΠ»Π°ΠΌΡ‹ ΠΏΡ€Π΅Π΄ΠΏΠΎΠ»Π°Π³Π°Π΅Ρ‚ Π½ΠΎΠ²Ρ‹Π΅ срСдства выраТСния в сочСтании с слоТившимися полиграфичСским традициями. ΠŸΠΎΡΡ‚ΠΎΠΌΡƒ наши мастСра всСгда ΠΎΡ‚ΡΠ»Π΅ΠΆΠΈΠ²Π°ΡŽΡ‚ Ρ‚Π΅Π½Π΄Π΅Π½Ρ†ΠΈΠΈ Π²Β ΠΌΠΈΡ€Π΅ Ρ€Π΅ΠΊΠ»Π°ΠΌΡ‹ ΠΈΒ ΡƒΡ‡ΠΈΡ‚Ρ‹Π²Π°ΡŽΡ‚ ΠΏΡΠΈΡ…ΠΎΠ»ΠΎΠ³ΠΈΡŽ ΠΏΠΎΡ‚Ρ€Π΅Π±ΠΈΡ‚Π΅Π»Π΅ΠΉ.

В сСти Β«OQΒ ΠΊΠΎΠΏΠΈΡ†Π΅Π½Ρ‚Ρ€Β» осущСствляСтся с нуля ΠΊΠ°ΠΆΠ΄Ρ‹ΠΉ этап Ρ€Π°Π±ΠΎΡ‚,начиная с разработки ΠΎΡ€ΠΈΠ³ΠΈΠ½Π°Π»-ΠΌΠ°ΠΊΠ΅Ρ‚Π° любого полиграфичСского ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚Π°:

Π—Π°Ρ‚Π΅ΠΌ выполняСтся ΠΏΠ΅Ρ‡Π°Ρ‚ΡŒ подходящим способом и послСпСчатная ΠΎΡ‚Π΄Π΅Π»ΠΊΠ°. Наша слуТба доставки ΠΏΡ€ΠΈΠ²Π΅Π·Π΅Ρ‚ Ρ‚ΠΈΡ€Π°ΠΆ ΠΏΠΎΒ ΡƒΠΊΠ°Π·Π°Π½Π½ΠΎΠΌΡƒ адрСсу Π²Β Π‘Π°Π½ΠΊΡ‚-ΠŸΠ΅Ρ‚Π΅Ρ€Π±ΡƒΡ€Π³Π΅.

Π”ΠΈΠ·Π°ΠΉΠ½ Π½Π°Ρ€ΡƒΠΆΠ½ΠΎΠΉ Ρ€Π΅ΠΊΠ»Π°ΠΌΡ‹ и вСрстка ΠΌΠ°ΠΊΠ΅Ρ‚ΠΎΠ²

Π’Β Π½Π°ΡˆΠΈ Ρ€Π°Π±ΠΎΡ‚Ρ‹ ΠΏΠΎΒ Π΄ΠΈΠ·Π°ΠΉΠ½Ρƒ Π½Π°Ρ€ΡƒΠΆΠ½ΠΎΠΉ Ρ€Π΅ΠΊΠ»Π°ΠΌΡ‹ Π²Ρ…ΠΎΠ΄ΠΈΡ‚:

  • созданиС ΠΊΡ€ΡƒΠΏΠ½ΠΎΡ„ΠΎΡ€ΠΌΠ°Ρ‚Π½Ρ‹Ρ… Π±Π°Π½Π½Π΅Ρ€Π½Ρ‹Ρ… растяТСк;
  • вСрстка ΠΌΠ°ΠΊΠ΅Ρ‚Π° Ρ€Π΅ΠΊΠ»Π°ΠΌΠ½ΠΎΠ³ΠΎ ΠΏΠ»Π°ΠΊΠ°Ρ‚Π°;
  • Π½Π°ΠΊΠ»Π΅ΠΉΠΊΠΈ Π½Π°Β Π²ΠΈΡ‚Ρ€ΠΈΠ½Ρ‹, ΠΎΠΊΠ½Π° ΠΈΒ Π±ΠΎΡ€Ρ‚Π° общСствСнного транспорта.

Π˜Π·Π³ΠΎΡ‚Π°Π²Π»ΠΈΠ²Π°Π΅ΠΌ ΠΎΡ€ΠΈΠ³ΠΈΠ½Π°Π»-ΠΌΠ°ΠΊΠ΅Ρ‚Ρ‹ вывСсок, ΡˆΡ‚Π΅Π½Π΄Π΅Ρ€ΠΎΠ², Ρ€Π΅ΠΊΠ»Π°ΠΌΠ½Ρ‹Ρ… ΠΏΠΈΠ»ΠΎΠ½ΠΎΠ² ΠΈΒ Π΄Ρ€ΡƒΠ³ΠΎΠΉ Π½Π°Ρ€ΡƒΠΆΠ½ΠΎΠΉ Ρ€Π΅ΠΊΠ»Π°ΠΌΠ½ΠΎΠΉ ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ†ΠΈΠΈ.

Π‘ΠΎΠ·Π΄Π°Π΅ΠΌ Π½ΠΎΠ²Ρ‹Π΅ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Ρ‹, учитывая трСбования Π·Π°ΠΊΠ°Π·Ρ‡ΠΈΠΊΠ° и допуская Π΅Π³ΠΎ присутствиС во врСмя процСсса. Вносим ΠΊΠΎΡ€Ρ€Π΅ΠΊΡ‚ΠΈΠ²Ρ‹ в прСдоставлСнный ΠΌΠ°ΠΊΠ΅Ρ‚, мСняСм ΡˆΡ€ΠΈΡ„Ρ‚Ρ‹ и изобраТСния, ΠΏΠΎΠ΄Π±ΠΈΡ€Π°Π΅ΠΌ ΠΈΒ ΠΎΠ±Ρ€Π°Π±Π°Ρ‚Ρ‹Π²Π°Π΅ΠΌ ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π»Ρ‹ для вСрстки ΠΈΒ Π³ΠΎΡ‚ΠΎΠ²ΠΈΠΌ ΠΊΒ ΠΏΠ΅Ρ‡Π°Ρ‚ΠΈ.

ΠŸΠΎΡΠΊΠΎΠ»ΡŒΠΊΡƒ наши сотрудники цСнят врСмя ΠΊΠ»ΠΈΠ΅Π½Ρ‚ΠΎΠ², Π·Π°ΠΊΠ°Π· оформляСтся Ρ‚Π°ΠΊΠΆΠ΅ дистанционно. ΠšΒ Ρ‚ΠΎΠΌΡƒΒ ΠΆΠ΅ в сСти Β«OQΒ ΠΊΠΎΠΏΠΈΡ†Π΅Π½Ρ‚Ρ€Β» дСйствуСт масса приятных скидок!

Π”ΠΈΠ·Π°ΠΉΠ½ ΠΈ вСрстка ΠΌΠ°ΠΊΠ΅Ρ‚Π° – Π² Ρ‡Π΅ΠΌ ΠΌΠ΅ΠΆΠ΄Ρƒ Π½ΠΈΠΌΠΈ различия?

Π’Π½ΠΈΠΌΠ°Π½ΠΈΠ΅!

30 апрСля 2021 Π³ΠΎΠ΄Π° офисы Ρ‚ΠΈΠΏΠΎΠ³Ρ€Π°Ρ„ΠΈΠΈ Ρ€Π°Π±ΠΎΡ‚Π°ΡŽΡ‚ Π΄ΠΎ 15:00

4, 5, ΠΈ 6 мая 2021 Π³ΠΎΠ΄Π° офисы Ρ‚ΠΈΠΏΠΎΠ³Ρ€Π°Ρ„ΠΈΠΈ Ρ€Π°Π±ΠΎΡ‚Π°ΡŽΡ‚ с 9:00 Π΄ΠΎ 18:00

7 мая 2021 Π³ΠΎΠ΄Π° офисы Ρ‚ΠΈΠΏΠΎΠ³Ρ€Π°Ρ„ΠΈΠΈ Ρ€Π°Π±ΠΎΡ‚Π°ΡŽΡ‚ с 9:00 Π΄ΠΎ 15:00

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

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

ΠšΠΎΠ½ΠΊΡ€Π΅Ρ‚Π½Ρ‹Π΅ Ρ†Π΅Π»ΠΈ вСрстки полиграфичСских ΠΈΠ·Π΄Π΅Π»ΠΈΠΉ

ВСрстка Π³ΠΎΡ‚ΠΎΠ²ΠΈΡ‚ ΠΈΠ·Π΄Π΅Π»ΠΈΠ΅ ΠΊ ΠΎΠΊΠΎΠ½Ρ‡Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎΠΌΡƒ этапу – Π΄Π΅Π»Π°Π΅Ρ‚ ΡƒΠ΄ΠΎΠ±Π½Ρ‹ΠΌ для ΠΏΠ΅Ρ‡Π°Ρ‚ΠΈ ΠΈ для дальнСйшСго пользования. Π§Ρ‚ΠΎΠ±Ρ‹ Π±Ρ‹Π»ΠΎ Π±ΠΎΠ»Π΅Π΅ понятно, ΠΎΡΠ½ΠΎΠ²Π½ΡƒΡŽ Ρ†Π΅Π»ΡŒ этой Ρ€Π°Π±ΠΎΡ‚Ρ‹ ΠΌΠΎΠΆΠ½ΠΎ Ρ€Π°Π·Π΄Π΅Π»ΠΈΡ‚ΡŒ Π½Π° нСсколько Π±ΠΎΠ»Π΅Π΅ ΡƒΠ·ΠΊΠΈΡ…:

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

Π§Ρ‚ΠΎ Π²Ρ…ΠΎΠ΄ΠΈΡ‚ Π² понятиС Β«Π΄ΠΈΠ·Π°ΠΉΠ½Β» ΠΌΠ°ΠΊΠ΅Ρ‚Π° ΠΏΠΎΠ»ΠΈΠ³Ρ€Π°Ρ„ΠΈΠΈ?

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

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

Π¦Π΅Π½Π° Ρ‚Π°ΠΊΠΎΠΉ Ρ€Π°Π±ΠΎΡ‚Ρ‹ зависит ΠΎΡ‚ Π½Π΅ΡΠΊΠΎΠ»ΡŒΠΊΠΈΡ… ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€ΠΎΠ²:

  • ОбъСмов. ЕстСствСнно, ΠΌΠ°ΠΊΠ΅Ρ‚ Π²ΠΈΠ·ΠΈΡ‚ΠΊΠΈ Π±ΡƒΠ΄Π΅Ρ‚ дСшСвлС, Ρ‡Π΅ΠΌ, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, ΠΈΠ·Π³ΠΎΡ‚ΠΎΠ²Π»Π΅Π½ΠΈΠ΅ Π±Ρ€ΠΎΡˆΡŽΡ€.
  • ΠšΠ°Ρ‡Π΅ΡΡ‚Π²Π° исходников. Π§Π΅ΠΌ большСй ΠΊΠΎΡ€Ρ€Π΅ΠΊΡ†ΠΈΠΈ Ρ‚Ρ€Π΅Π±ΡƒΡŽΡ‚ прСдоставлСнныС Ρ„ΠΎΡ‚ΠΎ ΠΈ Π΄Ρ€ΡƒΠ³ΠΈΠ΅ ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π»Ρ‹, Ρ‚Π΅ΠΌ Π΄ΠΈΠ·Π°ΠΉΠ½ Π±ΡƒΠ΄Π΅Ρ‚ Π΄ΠΎΡ€ΠΎΠΆΠ΅.
  • Набора услуг. Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π·Π°ΠΊΠ°Π·Π°Ρ‚ΡŒ ΠΎΠ΄ΠΈΠ½ Π΄ΠΈΠ·Π°ΠΉΠ½ ΠΈΠ»ΠΈ созданиС ΠΌΠ°ΠΊΠ΅Ρ‚Π° Β«ΠΏΠΎΠ΄ ΠΊΠ»ΡŽΡ‡Β», Π² ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π²ΠΊΠ»ΡŽΡ‡Π΅Π½Π° Π΅Ρ‰Π΅ ΠΈ вСрстка с ΠΏΠΎΠ΄Π³ΠΎΡ‚ΠΎΠ²ΠΊΠΎΠΉ Ρ‚ΠΈΡ€Π°ΠΆΠ° ΠΊ ΠΏΠ΅Ρ‡Π°Ρ‚ΠΈ.

Π§Ρ‚ΠΎ Π½Π΅ Π·Π°Π±Ρ‹Ρ‚ΡŒ, принимая ΠΌΠ°ΠΊΠ΅Ρ‚ сайта ΠΎΡ‚ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Π°, ΠΈΠ»ΠΈ ΠΌΠ΅Π»ΠΎΡ‡Π΅ΠΉ Π½Π΅ Π±Ρ‹Π²Π°Π΅Ρ‚ β€” CMS Magazine

Π“ΠΎΡ‚ΠΎΠ²Ρ‹ΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½-ΠΌΠ°ΠΊΠ΅Ρ‚ сайта, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ сдаСт Π²Π°ΠΌ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€, Π°Β Π²Ρ‹Β ΠΏΠ΅Ρ€Π΅Π΄Π°Π΅Ρ‚Π΅ дальшС Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ°ΠΌΒ β€” это нС просто красивая ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ°, это Ρ‡Π΅Ρ‚ΠΊΠΎΠ΅ ΠΈΒ ΠΏΠΎΠ»Π½ΠΎΠ΅ Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½ΠΎΠ΅ прСдставлСниС Π±ΡƒΠ΄ΡƒΡ‰Π΅Π³ΠΎ сайта (страницы ΠΈΠ»ΠΈ прилоТСния).

ΠŸΠΎΡΡ‚ΠΎΠΌΡƒ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Ρ‹-профСссионалы ΠΎΡ‚Π΄Π°ΡŽΡ‚ Π·Π°ΠΊΠ°Π·Ρ‡ΠΈΠΊΡƒ Π½Π΅Β ΠΎΠ΄ΠΈΠ½ PSD-Ρ„Π°ΠΉΠ» с макСтом, Π°Β Ρ†Π΅Π»Ρ‹ΠΉ Π½Π°Π±ΠΎΡ€ Ρ„Π°ΠΉΠ»ΠΎΠ²Β β€” ΠΌΠ°ΠΊΠ΅Ρ‚Ρ‹ ΠΏΠΎΠ΄ Ρ€Π°Π·Π½Ρ‹Π΅ Ρ€Π°Π·ΠΌΠ΅Ρ€Ρ‹ экранов, ΠΈΠΊΠΎΠ½ΠΊΠΈ, ΡˆΡ€ΠΈΡ„Ρ‚Ρ‹, стайл Π³Π°ΠΉΠ΄Ρ‹ ΠΈΒ ΠΏΠΎΡΡΠ½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ записки. ВсС это ΠΏΠΎΠΌΠΎΠ³Π°Π΅Ρ‚ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ°ΠΌ ΡΠ²Π΅Ρ€ΡΡ‚Π°Ρ‚ΡŒ сайт ΠΈΠΌΠ΅Π½Π½ΠΎ Π²Β Ρ‚ΠΎΠΌ Π²ΠΈΠ΄Π΅, Π²Β ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΌ ΠΎΠ½Β Π±Ρ‹Π» Π·Π°Π΄ΡƒΠΌΠ°Π½.

Π‘ΠΎΠ»ΡŒΡˆΠ΅ Π½Π΅ Π½ΡƒΠΆΠ½ΠΎ ΠΈΡΠΊΠ°Ρ‚ΡŒ ΠΈ ΠΎΠ±Π·Π²Π°Π½ΠΈΠ²Π°Ρ‚ΡŒ ΠΊΠ°ΠΆΠ΄ΠΎΠ΅ Π΄ΠΈΠ΄ΠΆΠΈΡ‚Π°Π»-агСнтство

Π‘ΠΎΠ·Π΄Π°ΠΉΡ‚Π΅ конкурс Π½Π° workspace.ru – ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚Π΅ прСдлоТСния ΠΎΡ‚ участников CMS Magazine ΠΏΠΎ Ρ†Π΅Π½Π΅ ΠΈ срокам. Π­Ρ‚ΠΎ бСсплатно ΠΈ Π·Π°ΠΉΠΌΠ΅Ρ‚ 5 ΠΌΠΈΠ½ΡƒΡ‚. Π’ ΠΊΠ°Ρ‚Π°Π»ΠΎΠ³Π΅ 15 617 Π΄ΠΈΠ΄ΠΆΠΈΡ‚Π°Π»-агСнтств, Π³ΠΎΡ‚ΠΎΠ²Ρ‹Ρ… Π²Π°ΠΌ ΠΏΠΎΠΌΠΎΡ‡ΡŒ – Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ ΠΈ ΡΡΠΊΠΎΠ½ΠΎΠΌΡŒΡ‚Π΅ Π΄ΠΎ 30%.
Π‘ΠΎΠ·Π΄Π°Ρ‚ΡŒ конкурс β†’

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

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

Π˜Β Π½Π°Ρ‡ΠΈΠ½Π°ΡŽΡ‚ΡΡ Π²Π·Π°ΠΈΠΌΠ½Ρ‹Π΅ ΠΏΡ€Π΅Ρ‚Π΅Π½Π·ΠΈΠΈΒ β€” «я разработчик, Π°Β Π½Π΅Β Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Β», Β«Π°Β ΠΌΠ½Π΅ нС сказали, Ρ‡Ρ‚ΠΎ это Π½Π°Π΄ΠΎ ΠΎΡ‚Ρ€ΠΈΡΠΎΠ²Π°Ρ‚ΡŒΒ», «этого Π½Π΅Ρ‚ Π²Β ΠΌΠ°ΠΊΠ΅Ρ‚Π΅Β», «это ТС ΠΈΒ Ρ‚Π°ΠΊ ΠΎΡ‡Π΅Π²ΠΈΠ΄Π½ΠΎΒ» ΠΈΒ Ρ‚.Π΄. Π‘Ρ‚Ρ€Π°Π΄Π°ΡŽΡ‚ Π²Β ΠΈΡ‚ΠΎΠ³Π΅ ΠΊΠ°ΠΊ Π½Π΅Ρ€Π²Ρ‹ ΠΌΠ΅Π½Π΅Π΄ΠΆΠ΅Ρ€Π° ΠΈΒ ΠΊΠ»ΠΈΠ΅Π½Ρ‚Π°, Ρ‚Π°ΠΊ ΠΈΒ Ρ€Π°Π·Ρ€Π°Π±Π°Ρ‚Ρ‹Π²Π°Π΅ΠΌΡ‹ΠΉ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚.

Π§Ρ‚ΠΎΠ±Ρ‹ ΠΈΠ·Π±Π΅ΠΆΠ°Ρ‚ΡŒ Ρ‚Π°ΠΊΠΈΡ… ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌ, Ρ‚Ρ‰Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ ΠΏΡ€ΠΎΠ²Π΅Ρ€ΡŒΡ‚Π΅ ΠΌΠ°ΠΊΠ΅Ρ‚ ΠΎΡ‚Β Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Π°Β β€” Π½Π΅Β ΠΎΡ‚ΠΌΠ°Ρ…ΠΈΠ²Π°ΠΉΡ‚Π΅ΡΡŒ ΠΎΡ‚Β ΠΌΠ΅Π»ΠΊΠΈΡ… Π½Π΅Π΄ΠΎΡ‡Π΅Ρ‚ΠΎΠ², говоря «у нас ΠΈΒ Ρ‚Π°ΠΊ ΡƒΠΆΠ΅ Π½Π΅Ρ‚ Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈΒ». Если вы пропуститС их на этап вСрстки ΠΈΠ»ΠΈ Π²ΠΎΠΎΠ±Ρ‰Π΅ Π²Β ΠΏΡ€ΠΎΠ΄Π°ΠΊΡˆΠ½, Ρ‚ΠΎΒ Π½Π°Β Ρ€Π°Π·Π³Ρ€Π΅Π±Π°Π½ΠΈΠ΅ косяков Π²Π°ΠΌ потрСбуСтся Π΅Ρ‰Π΅ большС Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ.

Π˜Ρ‚Π°ΠΊ, Π±Π΅Ρ€Π΅ΠΌ высланный Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ΠΎΠΌ ΠΌΠ°ΠΊΠ΅Ρ‚ (сайта, страницы, прилоТСния — Π½ΡƒΠΆΠ½ΠΎΠ΅ ΠΏΠΎΠ΄Ρ‡Π΅Ρ€ΠΊΠ½ΡƒΡ‚ΡŒ), Π²ΠΊΠ»ΡŽΡ‡Π°Π΅ΠΌ Ρ€Π΅ΠΆΠΈΠΌ Β«Π·Π°Π½ΡƒΠ΄Π°Β» ΠΈΒ ΠΏΠΎΠ΅Ρ…Π°Π»ΠΈ:

Π§Ρ‚ΠΎ провСряСм Π²Β ΠΌΠ°ΠΊΠ΅Ρ‚Π΅ сайта, принимая Π΅Π³ΠΎ ΠΎΡ‚Β Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Π°

Π€Π°ΠΉΠ»Ρ‹ ΠΌΠ°ΠΊΠ΅Ρ‚Π°

Если Π³ΠΎΠ²ΠΎΡ€ΠΈΡ‚ΡŒ ΠΊΡ€Π°Ρ‚ΠΊΠΎ, ΠΈΡ…Β Π΄ΠΎΠ»ΠΆΠ½ΠΎ Π±Ρ‹Ρ‚ΡŒ нСсколько. Один-СдинствСнный PSD-Ρ„Π°ΠΉΠ» Π²Β ΠΏΠ°ΠΏΠΊΠ΅ с макСтом — ΠΏΠΎΠ΄ΠΎΠ·Ρ€ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ. Но допустимо, Ссли Π²Ρ‹Β Π·Π°ΠΊΠ°Π·Ρ‹Π²Π°Π»ΠΈ Π΄ΠΈΠ·Π°ΠΉΠ½ ΠΎΠ΄Π½ΠΎΠΉ страницы (ΠΈΠ»ΠΈ Π²ΠΎΠΎΠ±Ρ‰Π΅ ΠΎΠ΄Π½ΠΎΠ³ΠΎ Π±Π»ΠΎΠΊΠ°) Π±Π΅Π· адаптивности и особых «изысков».

Π’Β ΠΎΡΡ‚Π°Π»ΡŒΠ½Ρ‹Ρ…Β ΠΆΠ΅ случаях ΠΏΠ°ΠΏΠΊΠ° с готовым Π΄ΠΈΠ·Π°ΠΉΠ½ΠΎΠΌ содСрТит ΠΌΠ½ΠΎΠ³ΠΎ интСрСсного ΠΈΒ Π½ΡƒΠΆΠ½ΠΎΠ³ΠΎ:

Π—Π΄Π΅ΡΡŒ ΠΌΡ‹Β Π²ΠΈΠ΄ΠΈΠΌ Π½Π΅Β Ρ‚ΠΎΠ»ΡŒΠΊΠΎ PSD-шник, Π½ΠΎΒ ΠΈΒ ΡΠΎΠΏΡƒΡ‚ΡΡ‚Π²ΡƒΡŽΡ‰ΠΈΠ΅ Ρ„Π°ΠΉΠ»Ρ‹Β β€” ΠΏΠΎΠΊΠ° просто пСрСчислим их, Π°Β Π·Π°Ρ‚Π΅ΠΌ пройдСмся ΠΏΠΎΒ ΠΊΠ°ΠΆΠ΄ΠΎΠΌΡƒ ΠΏΡƒΠ½ΠΊΡ‚Ρƒ:

  • ΠœΠ°ΠΊΠ΅Ρ‚Ρ‹ для всСх Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΡ‹Ρ… страниц

    Если Π²Ρ‹Β Π·Π°ΠΊΠ°Π·Π°Π»ΠΈ Π΄ΠΈΠ·Π°ΠΉΠ½ Π½Π΅Β ΠΎΠ΄Π½ΠΎΠΉ ΠΊΠΎΠ½ΠΊΡ€Π΅Ρ‚Π½ΠΎΠΉ страницы, Π°Β Π΄ΠΈΠ·Π°ΠΉΠ½ для сайта ΠΈΠ»ΠΈ прилоТСния, Ρ‚ΠΎΒ ΠΌΠ°ΠΊΠ΅Ρ‚ΠΎΠ² Π±ΡƒΠ΄Π΅Ρ‚ нСсколько. БобствСнно, ΠΈΡ…Β Π²Ρ‹Β Π΄ΠΎΠ»ΠΆΠ½Ρ‹ Π±Ρ‹Π»ΠΈ ΡƒΠΊΠ°Π·Π°Ρ‚ΡŒ Π²Β Π’Π— Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ΡƒΒ β€” Ρ‚Π°ΠΊ Ρ‡Ρ‚ΠΎ просто ΡΠ²Π΅Ρ€ΡŒΡ‚Π΅ΡΡŒ с ВЗ, Ρ‡Ρ‚ΠΎ Π½ΠΈΡ‡Π΅Π³ΠΎ Π½Π΅Β ΠΏΡ€ΠΎΠΏΡƒΡ‰Π΅Π½ΠΎ.

  • ΠœΠ°ΠΊΠ΅Ρ‚Ρ‹ для адаптивности

    Если Π²Ρ‹Β Π·Π°ΠΊΠ°Π·Π°Π»ΠΈ Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½Ρ‹ΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½, Ρ‚ΠΎΒ ΠΌΠ°ΠΊΠ΅Ρ‚Ρ‹ Π±ΡƒΠ΄ΡƒΡ‚, ΠΊΠ°ΠΊ ΠΌΠΈΠ½ΠΈΠΌΡƒΠΌ, Π²Β Ρ‚Ρ€Π΅Ρ… Π²Π°Ρ€ΠΈΠ°Π½Ρ‚Π°Ρ…Β β€” ΠΏΠΎΠ΄ дСсктопы, ΠΏΠΎΠ΄ ΠΏΠ»Π°Π½ΡˆΠ΅Ρ‚Ρ‹ ΠΈΒ ΠΏΠΎΠ΄ ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Π΅. Если Π½ΡƒΠΆΠ½Ρ‹ ΠΊΠ°ΠΊΠΈΠ΅-Ρ‚ΠΎ ΠΊΠΎΠ½ΠΊΡ€Π΅Ρ‚Π½Ρ‹Π΅ Ρ€Π°Π·ΠΌΠ΅Ρ€Ρ‹ экранов, ΠΎΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ ΡƒΠΊΠ°Π·Ρ‹Π²Π°ΠΉΡ‚Π΅ ΠΈΡ…Β Π²Β Π’Π— Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Ρƒ.

  • ΠœΠ°ΠΊΠ΅Ρ‚Ρ‹ Π²Β Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ JPG (ΠΈΠ»ΠΈ PNG)

    Если у вас Π½Π΅Ρ‚ Ρ„ΠΎΡ‚ΠΎΡˆΠΎΠΏΠ°, Ρ‚ΠΎΒ ΠΏΠΎΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ PSD-ΠΌΠ°ΠΊΠ΅Ρ‚Ρ‹ Π½Π°Β ΠΊΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€Π΅ Π±ΡƒΠ΄Π΅Ρ‚ Π·Π°Ρ‚Ρ€ΡƒΠ΄Π½ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ (Π½Π°Β ΠΏΠΎΠΌΠΎΡ‰ΡŒ ΠΏΡ€ΠΈΠ΄ΡƒΡ‚ ΠΎΠ½Π»Π°ΠΉΠ½-Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Ρ‹, но это нС всСгда ΡƒΠ΄ΠΎΠ±Π½ΠΎ). ΠŸΠΎΡΡ‚ΠΎΠΌΡƒ попроситС Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Π° ΡΠΎΡ…Ρ€Π°Π½ΠΈΡ‚ΡŒ ΠΌΠ°ΠΊΠ΅Ρ‚Ρ‹ ΠΊΠ°ΠΊ ΠΎΠ±Ρ‹Ρ‡Π½Ρ‹Π΅ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ. ΠšΒ Ρ‚ΠΎΠΌΡƒΒ ΠΆΠ΅, ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ Π²Β jpg/png вСсят Π³ΠΎΡ€Π°Π·Π΄ΠΎ мСньшС ΠΏΠΎΠ»Π½ΠΎΡ†Π΅Π½Π½ΠΎΠ³ΠΎ PSD-Ρ„Π°ΠΉΠ»Π°Β β€” ΠΈΠΌΠΈ Π»Π΅Π³Ρ‡Π΅ ΠΎΠ±ΠΌΠ΅Π½ΠΈΠ²Π°Ρ‚ΡŒΡΡ в процСссС согласования Π΄ΠΈΠ·Π°ΠΉΠ½Π°.

  • Π¨Ρ€ΠΈΡ„Ρ‚Ρ‹

    Если Π²Β ΠΌΠ°ΠΊΠ΅Ρ‚Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ΡΡ нСстандартныС ΡˆΡ€ΠΈΡ„Ρ‚Ρ‹ (Ρ‡ΠΈΡ‚Π°ΠΉ Β«ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… Π½Π΅Ρ‚ Π²Β Google FontsΒ»), Ρ‚ΠΎΒ Π·Π΄Π΅ΡΡŒ Π΄ΠΎΠ»ΠΆΠ½Π° Π±Ρ‹Ρ‚ΡŒ ΠΏΠ°ΠΏΠΊΠ° с файлами этих ΡˆΡ€ΠΈΡ„Ρ‚ΠΎΠ² Π²Β Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π°Ρ… ttf, eot, woff. Π’Π°ΠΊΠΆΠ΅ здСсь ΠΌΠΎΠΆΠ΅Ρ‚ Ρ…Ρ€Π°Π½ΠΈΡ‚ΡŒΡΡ ΡˆΡ€ΠΈΡ„Ρ‚ ΡΒ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅ΠΌΡ‹ΠΌΠΈ на сайтС ΠΈΠΊΠΎΠ½ΠΊΠ°ΠΌΠΈ (Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, с IcoMoon).

  • Иконки Π²Β SVG

    SVGΒ β€” это вСкторная Π³Ρ€Π°Ρ„ΠΈΠΊΠ° для Π²Π΅Π±Π°, Ρ‚Π°ΠΊΠΈΠ΅ ΠΈΠΊΠΎΠ½ΠΊΠΈ ΠΎΠ΄ΠΈΠ½Π°ΠΊΠΎΠ²ΠΎ Ρ…ΠΎΡ€ΠΎΡˆΠΎ смотрятся ΠΊΠ°ΠΊ на дСсктопах, Ρ‚Π°ΠΊ ΠΈΒ Π½Π°Β ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Ρ… (ΠΎΠ±Ρ‹Ρ‡Π½Ρ‹Π΅ растровыС ΠΈΠΊΠΎΠ½ΠΊΠΈ Π²Β Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π°Ρ… jpg/png Π±ΡƒΠ΄ΡƒΡ‚ Β«Ρ€Π°Π·ΠΌΡ‹Ρ‚Ρ‹Β» Π½Π°Β ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Ρ…).

  • Π”ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ ΠΈΒ Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏΡ‹

    ВсС Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΈ ΠΈΒ Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏΡ‹, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅ΠΌΡ‹Π΅ Π²Β ΠΌΠ°ΠΊΠ΅Ρ‚Π΅Β β€” в слайдСрах, фотогалСрСях, Ρ‚ΠΎΠ²Π°Ρ€Π°Ρ…, ΠΏΠΎΡ€Ρ‚Ρ„ΠΎΠ»ΠΈΠΎ ΠΈΒ Ρ‚.Π΄. β€”Β Π΄ΠΎΠ»ΠΆΠ½Ρ‹ Π±Ρ‹Ρ‚ΡŒ сохранСны Π²Β ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½ΠΎΠΉ ΠΏΠ°ΠΏΠΊΠ΅ ΠΈΒ Π²Β Ρ‚Π΅Ρ… Ρ€Π°Π·ΠΌΠ΅Ρ€Π°Ρ…, Π²Β ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… их планируСтся ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ на сайтС.

  • Π€Π°Π²ΠΈΠΊΠΎΠ½

    Если Π²Β Π’Π— Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Ρƒ Π±Ρ‹Π»ΠΎ ΠΎΠ³ΠΎΠ²ΠΎΡ€Π΅Π½ΠΎ созданиС faviconΒ β€” ΠΏΡ€ΠΎΠ²Π΅Ρ€ΡŒΡ‚Π΅ Π΅Π³ΠΎ Π½Π°Π»ΠΈΡ‡ΠΈΠ΅.

  • ΠŸΠΎΡΡΠ½ΠΈΡ‚Π΅Π»ΡŒΠ½Π°Ρ записка

    К соТалСнию, Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Ρ‹ ΠΏΡ€Π΅Π½Π΅Π±Ρ€Π΅Π³Π°ΡŽΡ‚ коммСнтариями и пояснСниями ΠΊΒ ΠΌΠ°ΠΊΠ΅Ρ‚Ρƒ, Π°Β ΠΏΠΎΡ‚ΠΎΠΌ искрСннС ΡƒΠ΄ΠΈΠ²Π»ΡΡŽΡ‚ΡΡ, ΠΏΠΎΡ‡Π΅ΠΌΡƒ Π²Β Ρ‚Π°ΠΊΠΎΠΌ-Ρ‚ΠΎ Π±Π»ΠΎΠΊΠ΅ Π½Π΅Β Π±Ρ‹Π»Π° сдСлана такая-Ρ‚ΠΎ анимация.

    Π’Β ΠΏΠΎΡΡΠ½ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΠΉ запискС Π΄ΠΎΠ»ΠΆΠ½Ρ‹ Π±Ρ‹Ρ‚ΡŒ описаны всС Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΡ‹Π΅ Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΠΈ ΠΈΒ Π½Π΅ΠΎΡ‡Π΅Π²ΠΈΠ΄Π½ΠΎΠ΅ ΠΏΠΎΠ²Π΅Π΄Π΅Π½ΠΈΠ΅Β β€” Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, появлСниС Π²ΡΠΏΠ»Ρ‹Π²Π°ΡŽΡ‰ΠΈΡ… ΠΈΠ»ΠΈ Ρ€Π°Π·Π²ΠΎΡ€Π°Ρ‡ΠΈΠ²Π°ΡŽΡ‰ΠΈΡ…ΡΡ Π±Π»ΠΎΠΊΠΎΠ², ΠΏΠ΅Ρ€Π΅ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΠ΅ ΠΌΠ΅ΠΆΠ΄Ρƒ ΠΏΡƒΠ½ΠΊΡ‚Π°ΠΌΠΈ мСню ΠΈΒ Ρ‚.ΠΏ.

  • Π“ΠΈΠ΄ по стилям (style guide)

    Style GuideΒ β€” это Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹ΠΉ PSD-Ρ„Π°ΠΉΠ», Π²Β ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΌ собраны всС элСмСнты Ρ€Π°Π·Ρ€Π°Π±Π°Ρ‚Ρ‹Π²Π°Π΅ΠΌΠΎΠ³ΠΎ сайта (интСрфСйса), Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΈ, ΠΊΠ½ΠΎΠΏΠΊΠΈ, поля Π²Π²ΠΎΠ΄Π°, Π²Ρ‹ΠΏΠ°Π΄Π°ΡŽΡ‰ΠΈΠ΅ мСню, Ρ‚Π°Π±Π»ΠΈΡ†Ρ‹ ΠΈΒ Ρ‚.Π΄.

    Как ΠΏΡ€Π°Π²ΠΈΠ»ΠΎ, это Ρ€Π΅Π΄ΠΊΠΎΡΡ‚ΡŒ. Если Π²Ρ‹Β Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒ ΠΎΡ‚Β Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Π° стайл Π³Π°ΠΉΠ΄, Π½ΡƒΠΆΠ½ΠΎ ΠΎΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ ΡƒΠΊΠ°Π·Π°Ρ‚ΡŒ это Π²Β Π’Π—Β β€” ΠΈΒ Π²ΠΏΠΎΠ»Π½Π΅ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎ, Ρ‡Ρ‚ΠΎ Π·Π°Β Π΅Π³ΠΎ созданиС Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ Π²ΠΎΠ·ΡŒΠΌΠ΅Ρ‚ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½ΡƒΡŽ ΠΏΠ»Π°Ρ‚Ρƒ. Π₯отя ΠΏΡ€ΠΈ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠ΅ ΠΌΠ°ΡΡˆΡ‚Π°Π±Π½Ρ‹Ρ… сайтов ΠΈΠ»ΠΈ ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Ρƒ и самому Π½Π΅Β ΠΎΠ±ΠΎΠΉΡ‚ΠΈΡΡŒ Π±Π΅Π· стайл Π³Π°ΠΉΠ΄Π°.

Π’Π΅ΠΏΠ΅Ρ€ΡŒ ΠΈΠ΄Π΅ΠΌ по этим ΠΏΡƒΠ½ΠΊΡ‚Π°ΠΌ ΠΏΠΎΠ΄Ρ€ΠΎΠ±Π½ΠΎ.

Π’ ΠΌΠ°ΠΊΠ΅Ρ‚Π΅ для ΠΊΠ°ΠΆΠ΄ΠΎΠΉ страницы:

2.1. ΠŸΡ€ΠΎΡ€ΠΈΡΠΎΠ²Π°Π½ΠΎ ΠΏΠΎΠ²Π΅Π΄Π΅Π½ΠΈΠ΅ элСмСнтов ΠΏΡ€ΠΈ дСйствиях с ними

Π§Ρ‚ΠΎ это за элСмСнты:

  • Бсылки

    НуТСн Π²ΠΈΠ΄ для ΠΎΠ±Ρ‹Ρ‡Π½ΠΎΠ³ΠΎ состояния и для состояния ΠΏΡ€ΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ. Π’Π°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½Ρ‹ΠΉ Ρ†Π²Π΅Ρ‚ для посСщСнных ссылок (ΠΎΠΏΡ†ΠΈΠΎΠ½Π°Π»ΡŒΠ½ΠΎ).

  • Кнопки

    ΠžΠ±Ρ‹Ρ‡Π½ΠΎΠ΅ состояниС, Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠ΅ ΠΌΡ‹ΡˆΠΈ, Π½Π°ΠΆΠ°Ρ‚ΠΈΠ΅ ΠΊΠ½ΠΎΠΏΠΊΠΈ (ΠΈΒ Ρ‚Π°ΠΊ для ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ Π²ΠΈΠ΄Π° ΠΊΠ½ΠΎΠΏΠΎΠΊ):

  • МСню

    ΠžΠ±Ρ‹Ρ‡Π½ΠΎΠ΅ состояниС ΠΏΡƒΠ½ΠΊΡ‚ΠΎΠ² мСню, ΠΏΡ€ΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ ΠΌΡ‹ΡˆΠΈ, Π°ΠΊΡ‚ΠΈΠ²Π½Ρ‹ΠΉ ΠΏΡƒΠ½ΠΊΡ‚, Π²Ρ‹ΠΏΠ°Π΄Π°ΡŽΡ‰Π΅Π΅ мСню:

  • Π’Π°Π±Ρ‹ (Π²ΠΊΠ»Π°Π΄ΠΊΠΈ)

    Аналогично ΠΌΠ΅Π½ΡŽΒ β€” ΠΎΠ±Ρ‹Ρ‡Π½ΠΎΠ΅ состояниС, Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠ΅ ΠΌΡ‹ΡˆΠΈ, ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚Ρ‹ΠΉ Ρ‚Π°Π±:

  • Π Π°Π·Π²ΠΎΡ€Π°Ρ‡ΠΈΠ²Π°ΡŽΡ‰ΠΈΠ΅ΡΡ списки ΠΈΠ»ΠΈ Π±Π»ΠΎΠΊΠΈ

    ΠžΠ±Ρ‹Ρ‡Π½ΠΎΠ΅ состояниС ΠΈΒ Ρ€Π°Π·Π²Π΅Ρ€Π½ΡƒΡ‚ΠΎΠ΅; Ссли ΠΊΠ½ΠΎΠΏΠΊΠ° Β«Π Π°Π·Π²Π΅Ρ€Π½ΡƒΡ‚ΡŒΒ» мСняСтся — ΠΎΠ±Π° СС состояния:

  • Π’ΡΠΏΠ»Ρ‹Π²Π°ΡŽΡ‰ΠΈΠ΅ подсказки

    Π—Π½Π°ΠΊ, ΠΎΠ±ΠΎΠ·Π½Π°Ρ‡Π°ΡŽΡ‰ΠΈΠΉ Π½Π°Π»ΠΈΡ‡ΠΈΠ΅ подсказки, и сама подсказка:

2.2. ΠŸΡ€ΠΎΡ€ΠΈΡΠΎΠ²Π°Π½Ρ‹ Π²ΡΠΏΠ»Ρ‹Π²Π°ΡŽΡ‰ΠΈΠ΅ (ΠΌΠΎΠ΄Π°Π»ΡŒΠ½Ρ‹Π΅) ΠΎΠΊΠ½Π°

Если Π½Π°Β Π²Π°ΡˆΠΈΡ… страницах Π±ΡƒΠ΄ΡƒΡ‚ ΠΌΠΎΠ΄Π°Π»ΡŒΠ½Ρ‹Π΅ ΠΎΠΊΠ½Π°Β β€” Π·Π°ΠΊΠ°Π· ΠΎΠ±Ρ€Π°Ρ‚Π½ΠΎΠ³ΠΎ Π·Π²ΠΎΠ½ΠΊΠ°, Ρ„ΠΎΡ€ΠΌΠ° ΠΎΡ‚ΠΏΡ€Π°Π²ΠΊΠΈ заявки, ΠΎΠΊΠ½Π° Π°Π²Ρ‚ΠΎΡ€ΠΈΠ·Π°Ρ†ΠΈΠΈ и рСгистрации, ΠΌΠΎΠ΄Π°Π»ΡŒΠ½Ρ‹Π΅ ΠΎΠΊΠ½Π° с тСкстом ΠΈΠ»ΠΈ Ρ‡Ρ‚ΠΎ-Ρ‚ΠΎ ΠΏΠΎΠ΄ΠΎΠ±Π½ΠΎΠ΅Β β€” ΠΎΠ½ΠΈ Π΄ΠΎΠ»ΠΆΠ½Ρ‹ Π±Ρ‹Ρ‚ΡŒ отрисованы Π²Β ΠΌΠ°ΠΊΠ΅Ρ‚Π΅, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π²Π΅Ρ€ΡΡ‚Π°Π»ΡŒΡ‰ΠΈΠΊΡƒ Π½Π΅Β ΠΏΡ€ΠΈΡˆΠ»ΠΎΡΡŒ самому ΠΏΡ€ΠΈΠ΄ΡƒΠΌΡ‹Π²Π°Ρ‚ΡŒ ΠΈΡ…Β Π²Π½Π΅ΡˆΠ½ΠΈΠΉ Π²ΠΈΠ΄.

МоТно ΠΎΡ‚Ρ€ΠΈΡΠΎΠ²Π°Ρ‚ΡŒ ΠΎΠ΄ΠΈΠ½ Π΄ΠΈΠ·Π°ΠΉΠ½ для всСх Π²ΡΠΏΠ»Ρ‹Π²Π°ΡŽΡ‰ΠΈΡ… ΠΎΠΊΠΎΠ½ на сайтС, Π³Π»Π°Π²Π½ΠΎΠ΅ ΡƒΡ‡Π΅ΡΡ‚ΡŒ ΠΏΡ€ΠΈ этом спСцифику ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½Ρ‹Ρ… случаСв. НапримСр, ΠΌΠΎΠ΄Π°Π»ΡŒΠ½Ρ‹Π΅ ΠΎΠΊΠ½Π° с нСбольшими Ρ„ΠΎΡ€ΠΌΠ°ΠΌΠΈ Π»ΡƒΡ‡ΡˆΠ΅ Π΄Π΅Π»Π°Ρ‚ΡŒ Π΄ΠΎΒ 400-500 пиксСлСй Π²Β ΡˆΠΈΡ€ΠΈΠ½Ρƒ, в то врСмя ΠΊΠ°ΠΊ ΠΌΠΎΠ΄Π°Π»ΡŒΠ½Ρ‹Π΅ ΠΎΠΊΠ½Π° с тСкстом ΠΌΠΎΠ³ΡƒΡ‚ Π±Ρ‹Ρ‚ΡŒ довольно ΡˆΠΈΡ€ΠΎΠΊΠΈΠΌΠΈ (Π΄ΠΎΒ 900 пиксСлСй Π²Β ΡˆΠΈΡ€ΠΈΠ½Ρƒ, особСнно Ссли тСкста ΠΌΠ½ΠΎΠ³ΠΎ).

2.3. ΠŸΡ€ΠΎΡ€ΠΈΡΠΎΠ²Π°Π½Ρ‹ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΡ‹Π΅ элСмСнты Ρ„ΠΎΡ€ΠΌ

  • ΠžΡΠ½ΠΎΠ²Π½Ρ‹Π΅ элСмСнты Ρ„ΠΎΡ€ΠΌ

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

    ΠŸΡ€ΠΎΠ²Π΅Ρ€ΡŒΡ‚Π΅, Ρ‡Ρ‚ΠΎΠ±Ρ‹ для элСмСнтов Ρ„ΠΎΡ€ΠΌ Π±Ρ‹Π»ΠΈ прорисованы основныС состояния:

    • Для тСкстовых ΠΏΠΎΠ»Π΅ΠΉ: состояниС ΠΏΠΎΒ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ ΠΈΒ ΠΏΡ€ΠΈ фокусС (курсор Π²Β ΠΏΠΎΠ»Π΅)

    • Для чСкбоксов ΠΈΒ Ρ€Π°Π΄ΠΈΠΎΠΊΠ½ΠΎΠΏΠΎΠΊ: состояниС ΠΏΠΎΒ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ и с выставлСнной Π³Π°Π»ΠΎΡ‡ΠΊΠΎΠΉ

    • Для ΠΊΠ½ΠΎΠΏΠΎΠΊ: ΠΏΠΎΒ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ, Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠ΅, Π½Π°ΠΆΠ°Ρ‚ΠΈΠ΅

    А такТС, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π±Ρ‹Π»ΠΎ ΠΎΡ„ΠΎΡ€ΠΌΠ»Π΅Π½ΠΈΠ΅ для ΠΏΠΎΡΡΠ½ΡΡŽΡ‰ΠΈΡ… подписСй к полям ΠΈΒ ΠΏΠΎΠΌΠ΅Ρ‚ΠΊΠ°ΠΌ ΠΎΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½Ρ‹Ρ… ΠΏΠΎΠ»Π΅ΠΉ.

  • БообщСния ΠΎΠ±Β ΠΎΡˆΠΈΠ±ΠΊΠ°Ρ…

    Π‘ΡƒΠ΄ΡƒΡ‚ ΠΏΠΎΠΊΠ°Π·Ρ‹Π²Π°Ρ‚ΡŒΡΡ, Ссли Π½Π΅Β Π·Π°ΠΏΠΎΠ»Π½Π΅Π½ΠΎ ΠΎΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎΠ΅ ΠΏΠΎΠ»Π΅ ΠΈΠ»ΠΈ ΠΏΠΎΠ»Π΅ Π·Π°ΠΏΠΎΠ»Π½Π΅Π½ΠΎ ΡΒ ΠΎΡˆΠΈΠ±ΠΊΠΎΠΉΒ β€” ΠΈΡ…Β Ρ‚ΠΎΠΆΠ΅ Π½ΡƒΠΆΠ½ΠΎ ΠΎΡ‚Ρ€ΠΈΡΠΎΠ²Π°Ρ‚ΡŒ.

  • БообщСния послС ΠΎΡ‚ΠΏΡ€Π°Π²ΠΊΠΈ Ρ„ΠΎΡ€ΠΌ

    ПослС заполнСния ΠΈΒ ΠΎΡ‚ΠΏΡ€Π°Π²ΠΊΠΈ Ρ„ΠΎΡ€ΠΌΡ‹ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒ Π΄ΠΎΠ»ΠΆΠ΅Π½ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒ Π·Π°ΠΌΠ΅Ρ‚Π½ΠΎΠ΅ и понятноС сообщСниС ΠΎΒ Ρ‚ΠΎΠΌ, Ρ‡Ρ‚ΠΎ Π΄Π°Π½Π½Ρ‹Π΅ ΠΎΡ‚ΠΏΡ€Π°Π²Π»Π΅Π½Ρ‹, ΠΈΒ ΠΊΠΎΠ³Π΄Π° Π±ΡƒΠ΄Π΅Ρ‚ ΠΎΡ‚Π²Π΅Ρ‚. ΠŸΠΎΡΡ‚ΠΎΠΌΡƒ нС оставляСм этот элСмСнт на волю Π²Π΅Ρ€ΡΡ‚Π°Π»ΡŒΡ‰ΠΈΠΊΠ°, Π°Β ΠΎΡ‚Π΄Π°Π΅ΠΌ на отрисовку Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Ρƒ.

ВсС эти элСмСнты ΠΈΒ ΠΈΡ…Β ΠΏΠΎΠ²Π΅Π΄Π΅Π½ΠΈΠ΅ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ Ρ€Π°Π·ΠΌΠ΅Ρ‰Π°Π΅Ρ‚ в скрытых слоях Π²Β ΠΌΠ°ΠΊΠ΅Ρ‚Π΅ для ΠΊΠΎΠ½ΠΊΡ€Π΅Ρ‚Π½ΠΎΠΉ страницы. Если вы провСряСтС ΠΌΠ°ΠΊΠ΅Ρ‚Ρ‹ Π²Β Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ JPG (Π°Β Π½Π΅Β Π²Β Ρ„ΠΎΡ‚ΠΎΡˆΠΎΠΏΠ΅), попроситС Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Π° Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ ΡΠΎΡ…Ρ€Π°Π½ΠΈΡ‚ΡŒ ΠΌΠ°ΠΊΠ΅Ρ‚Ρ‹, Π³Π΄Π΅ ΠΏΠΎΠ²Π΅Π΄Π΅Π½ΠΈΠ΅ элСмСнтов ΠΏΠΎΠΊΠ°Π·Π°Π½ΠΎ.

2.4. Π‘Π»ΠΎΠΊΠΈ страницы нС завязаны строго Π½Π°Β Π΄Π»ΠΈΠ½Ρƒ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π°

НС забывайтС ΠΎΒ Ρ‚ΠΎΠΌ, Ρ‡Ρ‚ΠΎ ваш сайт (ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅, интСрфСйс) со врСмСнСм Π±ΡƒΠ΄Π΅Ρ‚ ΠΈΠ·ΠΌΠ΅Π½ΡΡ‚ΡŒΡΡ ΠΈΒ Π΄ΠΎΠΏΠΎΠ»Π½ΡΡ‚ΡŒΡΡ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠ΅ΠΉ. ΠŸΠΎΡΡ‚ΠΎΠΌΡƒ ΠΏΡ€ΠΎΠ²Π΅Ρ€ΡŒΡ‚Π΅, ΠΌΠΎΠΆΠ½ΠΎΒ Π»ΠΈ Π±ΡƒΠ΄Π΅Ρ‚ Π²Β Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Π°Π½Π½ΠΎΠΌ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅ Π±Π΅Π·Π±ΠΎΠ»Π΅Π·Π½Π΅Π½Π½ΠΎ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ ΠΏΡƒΠ½ΠΊΡ‚Ρ‹ в мСню, ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ в слайдСр, Π±Π»ΠΎΠΊΠΈ в описаниС прСимущСств, Ρ€Π΅ΠΊΠ»Π°ΠΌΠ½Ρ‹Π΅ Π±Π°Π½Π½Π΅Ρ€Ρ‹ ΠΈΒ Ρ‚.Π΄.

НапримСр, здСсь Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ вынСс ΠΊΠ°Ρ‚Π΅Π³ΠΎΡ€ΠΈΠΈ ΠΊΠ°Ρ‚Π°Π»ΠΎΠ³Π° Ρ‚ΠΎΠ²Π°Ρ€ΠΎΠ² Π²Β Π³ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΡŒΠ½ΠΎΠ΅ мСню:

И всС Π±ΡƒΠ΄Π΅Ρ‚ Ρ…ΠΎΡ€ΠΎΡˆΠΎ Ρ€ΠΎΠ²Π½ΠΎ Π΄ΠΎΒ Ρ‚ΠΎΠ³ΠΎ ΠΌΠΎΠΌΠ΅Π½Ρ‚Π°, ΠΊΠΎΠ³Π΄Π° ΠΌΠ°Π³Π°Π·ΠΈΠ½ Ρ€Π°ΡΡˆΠΈΡ€ΠΈΡ‚ ассортимСнт Ρ‚ΠΎΠ²Π°Ρ€ΠΎΠ² и понадобится Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ ΠΏΠ°Ρ€Ρƒ ΠΊΠ°Ρ‚Π΅Π³ΠΎΡ€ΠΈΠΉ в это мСню.

Π’Π°ΠΊΡƒΡŽ ΡΠΈΡ‚ΡƒΠ°Ρ†ΠΈΡŽ стоит ΠΏΡ€ΠΎΠ΄ΡƒΠΌΠ°Ρ‚ΡŒ сразу — Π»ΠΈΠ±ΠΎ ΡƒΠ±Ρ€Π°Ρ‚ΡŒ ΠΊΠ°Ρ‚Π΅Π³ΠΎΡ€ΠΈΠΈ Π²Β Π²Π΅Ρ€Ρ‚ΠΈΠΊΠ°Π»ΡŒΠ½ΠΎΠ΅ мСню, Π»ΠΈΠ±ΠΎ ΠΏΡ€Π΅Π΄ΡƒΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ ссылку Β«Π•Ρ‰Π΅Β».

ΠšΠΎΠ½Π΅Ρ‡Π½ΠΎ, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π±Π»ΠΎΠΊΠΈ фиксированных Ρ€Π°Π·ΠΌΠ΅Ρ€ΠΎΠ² допустимо, но этот шаг Π΄ΠΎΠ»ΠΆΠ΅Π½ Π±Ρ‹Ρ‚ΡŒ осознанным.

2.5. Π‘Π»ΠΎΠΈ Π²Β PSD-ΠΌΠ°ΠΊΠ΅Ρ‚Π΅ подписаны и структурированы

Если Π²Π΅Ρ€ΡΡ‚Π°Π»ΡŒΡ‰ΠΈΠΊ ΠΏΠΎΠ»ΡƒΡ‡Π°Π΅Ρ‚ PSD-Ρ„Π°ΠΉΠ» с вот Ρ‚Π°ΠΊΠΎΠΉ ΠΎΡ€Π³Π°Π½ΠΈΠ·Π°Ρ†ΠΈΠ΅ΠΉ слоСв, Π΅Π³ΠΎ ΠΆΠ΅Π»Π°Π½ΠΈΠ΅ Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ с макСтом Π½Π΅ΠΈΠ·Π±Π΅ΠΆΠ½ΠΎ стрСмится ΠΊΒ Π½ΡƒΠ»ΡŽ:

НС всС Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Ρ‹ Π·Π½Π°ΡŽΡ‚, Π½ΠΎΒ β€” Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊ взаимодСйствуСт со слоями в процСссС своСй Ρ€Π°Π±ΠΎΡ‚Ρ‹, ΠΊΠ°ΠΊΠΈΠ΅-Ρ‚ΠΎ слои выдСляСт, Π΄Ρ€ΡƒΠ³ΠΈΠ΅ скрываСт ΠΈΠ»ΠΈ Π΄Π΅Π»Π°Π΅Ρ‚ Π²ΠΈΠ΄ΠΈΠΌΡ‹ΠΌΠΈ. ΠŸΠΎΡΡ‚ΠΎΠΌΡƒ слои Π²Β ΠΌΠ°ΠΊΠ΅Ρ‚Π΅ Π΄ΠΎΠ»ΠΆΠ½Ρ‹ Π±Ρ‹Ρ‚ΡŒ структурированы и понятно подписаны:

Если у вас Π½Π΅Ρ‚ Ρ„ΠΎΡ‚ΠΎΡˆΠΎΠΏΠ°, Ρ‚ΠΎΒ ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚ΡŒ psd-Ρ„Π°ΠΉΠ» для ΠΏΡ€ΠΎΠ²Π΅Ρ€ΠΊΠΈ ΠΌΠΎΠΆΠ½ΠΎ Π²Β ΠΎΠ½Π»Π°ΠΉΠ½-Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π΅, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, Π²Β Photopea.

ΠœΠ°ΠΊΠ΅Ρ‚Ρ‹ для всСх Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΡ‹Ρ… страниц

Π•Ρ‰Π΅ ΠΏΠ΅Ρ€Π΅Π΄ постановкой ВЗ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Ρƒ ΠΎΠΏΡ€Π΅Π΄Π΅Π»ΠΈΡ‚Π΅ΡΡŒ, сколько ΠΌΠ°ΠΊΠ΅Ρ‚ΠΎΠ² понадобится. Одного ΠΌΠ°ΠΊΠ΅Ρ‚Π° Ρ…Π²Π°Ρ‚ΠΈΡ‚ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ для Π»Π΅Π½Π΄ΠΈΠ½Π³Π° (одностраничника).

Π’Β ΠΎΡΡ‚Π°Π»ΡŒΠ½Ρ‹Ρ… случаях ΠΌΠ°ΠΊΠ΅Ρ‚ΠΎΠ² Π±ΡƒΠ΄Π΅Ρ‚ ΠΊΠ°ΠΊ ΠΌΠΈΠ½ΠΈΠΌΡƒΠΌ Π΄Π²Π°Β β€” главная страница и внутрСнняя (стандартная) страница.

Π’Β Π±ΠΎΠ»ΡŒΡˆΠΈΠ½ΡΡ‚Π²Π΅ случаСв ΠΌΠ°ΠΊΠ΅Ρ‚ΠΎΠ², ΠΊΠΎΠ½Π΅Ρ‡Π½ΠΎ, получаСтся большС. Для Ρ‡Π΅Π³ΠΎ ΠΌΠΎΠΆΠ½ΠΎ Ρ€ΠΈΡΠΎΠ²Π°Ρ‚ΡŒ ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½Ρ‹Π΅ ΠΌΠ°ΠΊΠ΅Ρ‚Ρ‹ (Ссли Π½Π΅Β Ρ…ΠΎΡ‚ΠΈΡ‚Π΅, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΈΡ…Β ΠΎΡ„ΠΎΡ€ΠΌΠ»Π΅Π½ΠΈΠ΅ Β«Π΄ΠΎΠ΄ΡƒΠΌΡ‹Π²Π°Π»Β» Π²Π΅Ρ€ΡΡ‚Π°Π»ΡŒΡ‰ΠΈΠΊ):

  • ΠšΠ°Ρ‚Π°Π»ΠΎΠ³ Ρ‚ΠΎΠ²Π°Ρ€ΠΎΠ²Β β€” список ΠΊΠ°Ρ‚Π΅Π³ΠΎΡ€ΠΈΠΉ, список Ρ‚ΠΎΠ²Π°Ρ€ΠΎΠ², ΠΊΠ°Ρ€Ρ‚ΠΎΡ‡ΠΊΠ° Ρ‚ΠΎΠ²Π°Ρ€Π°

  • ΠŸΡ€ΠΎΡ‡ΠΈΠ΅ страницы ΠΈΠ½Ρ‚Π΅Ρ€Π½Π΅Ρ‚-ΠΌΠ°Π³Π°Π·ΠΈΠ½Π°: ΠΊΠΎΡ€Π·ΠΈΠ½Π°, ΠΎΡ„ΠΎΡ€ΠΌΠ»Π΅Π½ΠΈΠ΅ Π·Π°ΠΊΠ°Π·Π°, Π»ΠΈΡ‡Π½Ρ‹ΠΉ ΠΊΠ°Π±ΠΈΠ½Π΅Ρ‚ покупатСля

  • Бписок услуг

  • Бписок новостСй ΠΈΒ ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½Π°Ρ Π½ΠΎΠ²ΠΎΡΡ‚ΡŒ (Π°Π½Π°Π»ΠΎΠ³ΠΈΡ‡Π½ΠΎ ΡΡ‚Π°Ρ‚ΡŒΠΈ, Π°ΠΊΡ†ΠΈΠΈ)

  • Π‘Ρ‚Ρ€Π°Π½ΠΈΡ†Π° 404-ΠΉ ошибки

  • Π‘Ρ‚Ρ€Π°Π½ΠΈΡ†Π° ΡΒ Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚Π°ΠΌΠΈ поиска ΠΈΒ Ρ‚.Π΄.

ΠŸΡ€ΠΎΠ²Π΅Ρ€ΡŒΡ‚Π΅, Ρ‡Ρ‚ΠΎ всС ΠΎΠ³ΠΎΠ²ΠΎΡ€Π΅Π½Π½Ρ‹Π΅ Π²Β Π’Π— ΠΌΠ°ΠΊΠ΅Ρ‚Ρ‹ ΠΏΡ€ΠΈΡΡƒΡ‚ΡΡ‚Π²ΡƒΡŽΡ‚.

ΠœΠ°ΠΊΠ΅Ρ‚Ρ‹ для адаптивности

Если доля посСщСний вашСго сайта ΡΒ ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Ρ… устройств (ΠΏΠ»Π°Π½ΡˆΠ΅Ρ‚ΠΎΠ² и смартфонов) ΠΏΡ€Π΅Π²Ρ‹ΡˆΠ°Π΅Ρ‚ 20-30% β€” Π±Π΅Π· адаптивности Π²Π°ΠΌ ΡƒΠΆΠ΅ Π½Π΅Β ΠΎΠ±ΠΎΠΉΡ‚ΠΈΡΡŒ. Если сайт Ρ‚ΠΎΠ»ΡŒΠΊΠΎ разрабатываСтся, смотритС Π½Π°Β Ρ†Π΅Π»Π΅Π²ΡƒΡŽ Π°ΡƒΠ΄ΠΈΡ‚ΠΎΡ€ΠΈΡŽΒ β€” для людСй Π΄ΠΎΒ 35-40 Π»Π΅Ρ‚ Π²Ρ‹Ρ…ΠΎΠ΄ΠΈΡ‚ΡŒ Π²Β ΡΠ΅Ρ‚ΡŒ ΡΒ ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Ρ… (Π°Β ΠΈΠ½ΠΎΠ³Π΄Π° ΠΈΒ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ с них, Π²ΠΎΠΎΠ±Ρ‰Π΅ Π±Π΅Π· дСсктопа) становится ΠΎΠ±Ρ‹Π΄Π΅Π½Π½ΠΎΡΡ‚ΡŒΡŽ.

В случаС Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½ΠΎΠ³ΠΎ Π΄ΠΈΠ·Π°ΠΉΠ½Π° ΠΊΠ°ΠΆΠ΄Ρ‹ΠΉ ΠΌΠ°ΠΊΠ΅Ρ‚ Π±ΡƒΠ΄Π΅Ρ‚ Π²Β Ρ‚Ρ€Π΅Ρ… Π²Π°Ρ€ΠΈΠ°Π½Ρ‚Π°Ρ…:

  • для ΡˆΠΈΡ€ΠΈΠ½Ρ‹ экрана 320 пиксСлСй (смартфоны, Ρ‚Π΅Π»Π΅Ρ„ΠΎΠ½Ρ‹)

  • для ΡˆΠΈΡ€ΠΈΠ½Ρ‹ экрана 768 пиксСлСй (ΠΏΠ»Π°Π½ΡˆΠ΅Ρ‚Ρ‹, Π½ΠΎΡƒΡ‚Π±ΡƒΠΊΠΈ)

  • для ΡˆΠΈΡ€ΠΈΠ½Ρ‹ ΡˆΠΈΡ€ΠΈΠ½Π° экрана ΠΎΡ‚Β 1200 пиксСлСй (Π½ΠΎΡƒΡ‚Π±ΡƒΠΊΠΈ, ΠΊΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€Ρ‹)

Для ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½Ρ‹Ρ… случаСв ΠΌΠΎΠ³ΡƒΡ‚ ΠΏΠΎΠ½Π°Π΄ΠΎΠ±ΠΈΡ‚ΡŒΡΡ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ ΠΌΠ°ΠΊΠ΅Ρ‚Ρ‹, Π½ΠΎΒ Ρ‡Π°Ρ‰Π΅ этих Ρ‚Ρ€Π΅Ρ… Π±ΡƒΠ΄Π΅Ρ‚ достаточно.

ΠžΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ ΠΏΡ€ΠΎΠ²Π΅Ρ€ΡŒΡ‚Π΅, Ρ‡Ρ‚ΠΎ для ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Ρ… ΠΌΠ°ΠΊΠ΅Ρ‚ΠΎΠ² отрисовано Π²Ρ‹ΠΏΠ°Π΄Π°ΡŽΡ‰Π΅Π΅ мСню ΠΈΒ Π΅Π³ΠΎ ΠΊΠ½ΠΎΠΏΠΊΠ°-Π³Π°ΠΌΠ±ΡƒΡ€Π³Π΅Ρ€.

Π¨Ρ€ΠΈΡ„Ρ‚Ρ‹

Π£Π΄ΠΎΠ±Π½Π΅Π΅ Π±Ρ€Π°Ρ‚ΡŒ свободныС ΡˆΡ€ΠΈΡ„Ρ‚Ρ‹, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, с Google Fonts. КакиС ΠΏΠ»ΡŽΡΡ‹Β β€” ΠΎΠ½ΠΈ Π»Π΅Π³ΠΊΠΎ Π²ΡΡ‚Ρ€Π°ΠΈΠ²Π°ΡŽΡ‚ΡΡ на сайт и грузятся с сСрвСров Π“ΡƒΠ³Π»Π° (с блиТайшСго ΠΊΒ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŽ сСрвСра, Ρ‡Ρ‚ΠΎ ΠΈΠ½ΠΎΠ³Π΄Π° Π²Ρ‹Ρ…ΠΎΠ΄ΠΈΡ‚ быстрСС, Ρ‡Π΅ΠΌ Π³Ρ€ΡƒΠ·ΠΈΡ‚ΡŒ ΡˆΡ€ΠΈΡ„Ρ‚Ρ‹ с самого сайта). За минусы ΠΌΠΎΠΆΠ½ΠΎ ΠΎΠΏΡΡ‚ΡŒΒ ΠΆΠ΅ ΠΏΠΎΡΡ‡ΠΈΡ‚Π°Ρ‚ΡŒΒ Ρ‚ΠΎ, Ρ‡Ρ‚ΠΎ ΠΎΠ½ΠΈ грузятся с сСрвСров Π“ΡƒΠ³Π»Π°Β β€” Π°Β Π²Π΄Ρ€ΡƒΠ³ с Гуглом Ρ‡Ρ‚ΠΎ случится ΠΈΒ ΡˆΡ€ΠΈΡ„Ρ‚ Π½Π΅Β Π±ΡƒΠ΄Π΅Ρ‚ Π·Π°Π³Ρ€ΡƒΠΆΠ°Ρ‚ΡŒΡΡΒ β€” но это всС-Ρ‚Π°ΠΊΠΈ маловСроятно. Как компромисс — с Google Fonts ΠΌΠΎΠΆΠ½ΠΎ ΡΠΊΠ°Ρ‡Π°Ρ‚ΡŒ Ρ„Π°ΠΉΠ»Ρ‹ ΡˆΡ€ΠΈΡ„Ρ‚ΠΎΠ² ΠΈΒ Ρ€Π°Π·ΠΌΠ΅ΡΡ‚ΠΈΡ‚ΡŒ их на своСм сСрвСрС.

Если Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ Π²Ρ‹Π±Ρ€Π°Π» ΠΊΠ°ΠΊΠΈΠ΅-Ρ‚ΠΎ Π΄Ρ€ΡƒΠ³ΠΈΠ΅ ΡˆΡ€ΠΈΡ„Ρ‚Ρ‹ (ΠΈΒ Π·Π°Β ΠΏΠ»Π°Ρ‚Π½Ρ‹Π΅ Π»ΡƒΡ‡ΡˆΠ΅ ΠΏΠ»Π°Ρ‚ΠΈΡ‚ΡŒ, Π°Β Π½Π΅Β ΠΏΠΈΡ€Π°Ρ‚ΡΡ‚Π²ΠΎΠ²Π°Ρ‚ΡŒ)Β β€” Π½ΡƒΠΆΠ½ΠΎ Π·Π°Π³Ρ€ΡƒΠ·ΠΈΡ‚ΡŒ Π²Β ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½ΡƒΡŽ ΠΏΠ°ΠΏΠΊΡƒ Ρ„Π°ΠΉΠ»Ρ‹ этих ΡˆΡ€ΠΈΡ„Ρ‚ΠΎΠ² Π²Β Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π°Ρ… ttf, eot ΠΈΒ woff.

В случаС использования Π²Β ΠΌΠ°ΠΊΠ΅Ρ‚Π΅ ΠΈΠΊΠΎΠ½ΠΎΠΊ ΠΈΠ·Β Π³ΠΎΡ‚ΠΎΠ²ΠΎΠ³ΠΎ ΠΈΠΊΠΎΠ½ΠΎΡ‡Π½ΠΎΠ³ΠΎ ΡˆΡ€ΠΈΡ„Ρ‚Π°Β β€” Π΅Π³ΠΎ Ρ‚ΠΎΠΆΠ΅ Π½ΡƒΠΆΠ½ΠΎ ΠΏΡ€ΠΈΠ»ΠΎΠΆΠΈΡ‚ΡŒ ΠΊΒ ΠΌΠ°ΠΊΠ΅Ρ‚Ρƒ.

Иконки в SVG

Если на сайтС Π±ΡƒΠ΄ΡƒΡ‚ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒΡΡ ΠΈΠΊΠΎΠ½ΠΊΠΈ Π²Β ΠΎΠ±Ρ‹Ρ‡Π½ΠΎΠΌ PNG-Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅, Ρ‚ΠΎΒ Π½Π°Β ΠΌΠ½ΠΎΠ³ΠΈΡ… ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½ΠΈΠΊΠ°Ρ… Ρ‚Π°ΠΊΠΈΠ΅ ΠΈΠΊΠΎΠ½ΠΊΠΈ окаТутся Β«Ρ€Π°Π·ΠΌΡ‹Ρ‚Ρ‹ΠΌΠΈΒ». ΠšΠ°Ρ‡Π΅ΡΡ‚Π²ΠΎ тСряСтся ΠΈΠ·-Π·Π° Ρ‚ΠΎΠ³ΠΎ, Ρ‡Ρ‚ΠΎ мобильноС устройство пытаСтся ΡƒΠ²Π΅Π»ΠΈΡ‡ΠΈΡ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ в нСсколько Ρ€Π°Π· (это происходит ΠΈΠ·-Π·Π° ΠΏΠΎΠ²Ρ‹ΡˆΠ΅Π½Π½ΠΎΠΉ плотности пиксСлСй экранов ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Ρ…). НаиболСС простой Π²Ρ‹Ρ…ΠΎΠ΄Β β€” ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΈΠΊΠΎΠ½ΠΊΠΈ Π²Β SVG-Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅. Π­Ρ‚ΠΎ Π²Π΅ΠΊΡ‚ΠΎΡ€Π½Ρ‹ΠΉ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚, поэтому ΠΎΠ½Β ΠΌΠ°ΡΡˆΡ‚Π°Π±ΠΈΡ€ΡƒΠ΅Ρ‚ΡΡ Π±Π΅Π· ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌ.

Π’Π°ΠΊΠΆΠ΅ svg-ΠΈΠΊΠΎΠ½ΠΊΠΈ ΠΌΠΎΠΆΠ½ΠΎ ΡΠΎΡ…Ρ€Π°Π½ΠΈΡ‚ΡŒ Π²Β ΠΈΠΊΠΎΠ½ΠΎΡ‡Π½Ρ‹ΠΉ ΡˆΡ€ΠΈΡ„Ρ‚Β β€” Π²Β Ρ‚Π°ΠΊΠΎΠΌ Π²Π°Ρ€ΠΈΠ°Π½Ρ‚Π΅ Ρ‚ΠΎΠΆΠ΅ Π½Π΅Β Π±ΡƒΠ΄Π΅Ρ‚ ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌ ΡΒ Ρ€Π°Π·ΠΌΡ‹Ρ‚ΠΎΡΡ‚ΡŒΡŽ.

ЕдинствСнноС Π·Π°ΠΌΠ΅Ρ‡Π°Π½ΠΈΠ΅Β β€” ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ SVG стоит Ρ‚ΠΎΠ»ΡŒΠΊΠΎ для простой Π³Ρ€Π°Ρ„ΠΈΠΊΠΈ (ΠΈΠΊΠΎΠ½ΠΊΠΈ, Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏΡ‹), Ρ‚Π°ΠΊ ΠΊΠ°ΠΊ слоТноС ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π±ΡƒΠ΄Π΅Ρ‚ слишком ΠΌΠ½ΠΎΠ³ΠΎ Β«Π²Π΅ΡΠΈΡ‚ΡŒΒ».

Π”ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ изобраТСния ΠΈΒ Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏΡ‹

Если Π²Β ΠΌΠ°ΠΊΠ΅Ρ‚Π΅ Π΅ΡΡ‚ΡŒ слайдСры, Ρ„ΠΎΡ‚ΠΎΠ³Π°Π»Π΅Ρ€Π΅ΠΈ, Ρ‚ΠΎΠ²Π°Ρ€Ρ‹ ΠΈΒ ΠΏΡ€ΠΎΡ‡ΠΈΠ΅ списки с изобраТСниями — ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ для Π½ΠΈΡ… Π΄ΠΎΠ»ΠΆΠ½Ρ‹ Π»Π΅ΠΆΠ°Ρ‚ΡŒ Π²Β ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½ΠΎΠΉ ΠΏΠ°ΠΏΠΊΠ΅ ΠΈΒ Π²Β Π΅Π΄ΠΈΠ½Ρ‹Ρ… Ρ€Π°Π·ΠΌΠ΅Ρ€Π°Ρ….

НапримСр, Π²Β ΠΏΠ°ΠΏΠΊΠ΅ Β«Π‘Π»Π°ΠΉΠ΄Π΅Ρ€ в шапкС» Ρ‡Π΅Ρ‚Ρ‹Ρ€Π΅ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ, каТдая ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° Ρ€Π°Π·ΠΌΠ΅Ρ€ΠΎΠΌ 1920Β Π½Π° 600 пиксСлСй, с нСобходимой ΠΊΠΎΡ€Ρ€Π΅ΠΊΡ†ΠΈΠ΅ΠΉ яркости ΠΈΒ ΠΏΡ€. А в папкС Β«ΠŸΠ°Ρ€Ρ‚Π½Π΅Ρ€Ρ‹Β» всС 30Β Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏΠΎΠ² ΠΏΠ°Ρ€Ρ‚Π½Π΅Ρ€ΠΎΠ² для ΡΠΎΠΎΡ‚Π²Π΅Ρ‚ΡΡ‚Π²ΡƒΡŽΡ‰Π΅Π³ΠΎ слайдСра (Π²Β ΠΌΠ°ΠΊΠ΅Ρ‚Π΅ ΠΈΡ…Β Π±ΡƒΠ΄Π΅Ρ‚ ΠΏΠΎΠΊΠ°Π·Π°Π½ΠΎ ΡˆΡ‚ΡƒΠΊΠΈΒ 4, Π½ΠΎΒ Π²Π΅Ρ€ΡΡ‚Π°Π»ΡŒΡ‰ΠΈΠΊΡƒ Π½ΡƒΠΆΠ½Ρ‹ ΠΎΠ½ΠΈ всС).

Π€Π°Π²ΠΈΠΊΠΎΠ½

Если Π·Π°ΠΊΠ°Π·Ρ‹Π²Π°Π΅Ρ‚Π΅ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΡƒ ΠΈΠ»ΠΈ Ρ€Π΅Π΄ΠΈΠ·Π°ΠΉΠ½ сайта, Π½Π΅Β Π·Π°Π±ΡƒΠ΄ΡŒΡ‚Π΅ ΠΏΡ€ΠΎΠΏΠΈΡΠ°Ρ‚ΡŒ Π²Β Π’Π— созданиС faviconΒ β€” ΠΈΠΊΠΎΠ½ΠΊΠΈ для Π²ΠΊΠ»Π°Π΄ΠΊΠΈ Π²Β Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅. Π˜Π½Π°Ρ‡Π΅ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚Π΅ Ρ‚Π°ΠΊΡƒΡŽ ΡΠΈΡ‚ΡƒΠ°Ρ†ΠΈΡŽ:

Π₯ΠΎΡ€ΠΎΡˆΠΎ, Ссли ΠΈΠΊΠΎΠ½ΠΊΠ° Π±ΡƒΠ΄Π΅Ρ‚ Π²Β Π΄Π²ΡƒΡ… Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π°Ρ…:

  • Π‘Ρ‚Π°Π½Π΄Π°Ρ€Ρ‚Π½Ρ‹ΠΉ favicon.ico (64Β Π½Π° 64 пиксСля):

  • Иконка для ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Ρ…Β β€” apple-touch-icon-precomposed.png (114Β Π½Π° 114 пиксСлСй):

ΠŸΠΎΡΡΠ½ΠΈΡ‚Π΅Π»ΡŒΠ½Π°Ρ записка

ΠŸΡ€ΠΈΠ΄Π΅Ρ‚ΡΡ ΡΠΌΠΈΡ€ΠΈΡ‚ΡŒΡΡ, Π½ΠΎΒ Π²Π΅Ρ€ΡΡ‚Π°Π»ΡŒΡ‰ΠΈΠΊΠΈΒ β€” Π½Π΅Β Ρ‚Π΅Π»Π΅ΠΏΠ°Ρ‚Ρ‹. ΠŸΠΎΡΡ‚ΠΎΠΌΡƒ ΠΈΠΌΒ Π½ΡƒΠΆΠ½ΠΎ ΡΠΎΠΎΠ±Ρ‰ΠΈΡ‚ΡŒ (ΠΈΒ Π»ΡƒΡ‡ΡˆΠ΅ в письмСнной Ρ„ΠΎΡ€ΠΌΠ΅) ΠΎΠ±ΠΎ всСх Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΡ‹Ρ… анимациях и скрытых Π±Π»ΠΎΠΊΠ°Ρ… Π²Β ΠΌΠ°ΠΊΠ΅Ρ‚Π΅. Для Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΠΉ ΠΎΠΏΡ‚ΠΈΠΌΠ°Π»ΡŒΠ½ΠΎ ΡƒΠΊΠ°Π·Π°Ρ‚ΡŒ Β«Π²ΠΈΠ΄Π΅Π» эту Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΡŽ Π½Π°Β Ρ‚Π°ΠΊΠΎΠΌ-Ρ‚ΠΎ сайтС».

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

  • Β«Π’Π°ΠΊΠΈΠ΅-Ρ‚ΠΎ ссылки ΠΎΡ‚ΠΊΡ€Ρ‹Π²Π°Π΅ΠΌ Π²Β Π½ΠΎΠ²ΠΎΠΌ ΠΎΠΊΠ½Π΅, Π°Β Ρ‚Π°ΠΊΠΈΠ΅-Ρ‚ΠΎΒ β€” в модальном»

  • «ПослС ΠΎΡ‚ΠΏΡ€Π°Π²ΠΊΠΈ Ρ„ΠΎΡ€ΠΌΡ‹ Π²Ρ‹Π΄Π°Π΅ΠΌ Ρ‚Π°ΠΊΠΎΠ΅-Ρ‚ΠΎ сообщСниС»

  • Β«ΠŸΠΎΒ ΠΊΠ»ΠΈΠΊΡƒ на этой ΠΊΠ½ΠΎΠΏΠΊΠ΅ ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‡ΠΈΠ²Π°Π΅ΠΌ страницу ΠΊΒ Π²ΠΎΡ‚ этому Π±Π»ΠΎΠΊΡƒΒ»

  • «ПодмСню Ρ€Π°Π·Π²ΠΎΡ€Π°Ρ‡ΠΈΠ²Π°Π΅ΠΌ по навСдСнию ΠΌΡ‹ΡˆΠΈ на дСсктопах, Π°Β Π½Π°Β ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Ρ…Β β€” ΠΏΠΎΒ ΠΊΠ»ΠΈΠΊΡƒΒ» ΠΈΒ Ρ‚.ΠΏ.

Π“ΠΈΠ΄ по стилям (style guide)

В стайл Π³Π°ΠΉΠ΄Π΅ ΡΠΎΠ±ΠΈΡ€Π°ΡŽΡ‚ΡΡ всС элСмСнты для сайта/прилоТСния — ΠΊΠ½ΠΎΠΏΠΊΠΈ, ссылки, Ρ„ΠΎΡ€ΠΌΡ‹, Π²ΡΠΏΠ»Ρ‹Π²Π°ΡŽΡ‰ΠΈΠ΅ сообщСния, мСню, Ρ‚Π°Π±Π»ΠΈΡ†Ρ‹ ΠΈΒ ΠΏΡ€.

ΠŸΡ€ΠΈ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠ΅ ΠΌΠ°ΠΊΠ΅Ρ‚Π° для ΠΎΡ‡Π΅Ρ€Π΅Π΄Π½ΠΎΠΉ страницы элСмСнты бСрутся из стайл Π³Π°ΠΉΠ΄Π°. Π­Ρ‚ΠΎ Π³Π°Ρ€Π°Π½Ρ‚ΠΈΡ€ΡƒΠ΅Ρ‚, Ρ‡Ρ‚ΠΎ всС страницы ΠΌΠ°ΠΊΠ΅Ρ‚Π° Π±ΡƒΠ΄ΡƒΡ‚ Π²Ρ‹ΠΏΠΎΠ»Π½Π΅Π½Ρ‹ Π²Β Π΅Π΄ΠΈΠ½ΠΎΠΌ стилС.

ΠšΡ€ΠΎΠΌΠ΅ Ρ‚ΠΎΠ³ΠΎ, Style Guide ΠΏΠΎΠ»Π΅Π·Π΅Π½ ΠΈΒ ΠΏΡ€ΠΈ дальнСйшСм Ρ€Π°Π·Π²ΠΈΡ‚ΠΈΠΈ сайта. ИмСя руководство по стилям, Π²Π΅Ρ€ΡΡ‚Π°Π»ΡŒΡ‰ΠΈΠΊ ΠΌΠΎΠΆΠ΅Ρ‚ Β«ΡΠΎΠ±Ρ€Π°Ρ‚ΡŒΒ» Π½ΠΎΠ²ΡƒΡŽ страницу для сайта ΠΈΠ·Β Π³ΠΎΡ‚ΠΎΠ²Ρ‹Ρ… элСмСнтов, Π΄Π°ΠΆΠ΅ нС прибСгая ΠΊΒ ΠΏΠΎΠΌΠΎΡ‰ΠΈ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Π°.

Π˜Ρ‚ΠΎΠ³

ΠΠ΅Β Π»Π΅Π½ΠΈΡ‚Π΅ΡΡŒ ΠΏΡ€ΠΎΠ²Π΅Ρ€ΠΈΡ‚ΡŒ ΠΌΠ°ΠΊΠ΅Ρ‚ сайта Π·Π°Β Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ΠΎΠΌΒ β€” эти Ρ„Π°ΠΉΠ»Ρ‹ ΠΎΡ‚Π²Π΅Ρ‡Π°ΡŽΡ‚ Π·Π°Β Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½ΠΎΠ΅ прСдставлСниС сайта, Ρ‡Ρ‚ΠΎ наряду с контСнтом ΠΈΒ ΡŽΠ·Π°Π±ΠΈΠ»ΠΈΡ‚ΠΈ Π»Π΅ΠΆΠΈΡ‚ в основС качСствСнного сайта. ПослС вСрстки сайта нС удаляйтС ΠΌΠ°ΠΊΠ΅Ρ‚Ρ‹, ΠΎΠ½ΠΈ понадобятся Π²Π°ΠΌ в дальнСйшСм Ρ€Π°Π·Π²ΠΈΡ‚ΠΈΠΈ сайта — ΠΏΡ€ΠΈ Π΄ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΠΈ Π½ΠΎΠ²Ρ‹Ρ… Ρ€Π°Π·Π΄Π΅Π»ΠΎΠ² ΠΈΠ»ΠΈ Π΄ΠΎΡ€Π°Π±ΠΎΡ‚ΠΊΠ΅ ΠΈΠΌΠ΅ΡŽΡ‰ΠΈΡ…ΡΡ.

Π§Ρ‚ΠΎΠ±Ρ‹ Π΄ΠΎΡ€Π°Π±ΠΎΡ‚ΠΎΠΊ ΠΏΠΎΒ ΠΌΠ°ΠΊΠ΅Ρ‚Ρƒ Π±Ρ‹Π»ΠΎ мСньшС, стоит Π²Ρ‹Π΄Π°Ρ‚ΡŒ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Ρƒ Ρ‚Π΅Ρ…Π·Π°Π΄Π°Π½ΠΈΠ΅, Π³Π΄Π΅ всС Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΡ‹Π΅ ΠΌΠΎΠΌΠ΅Π½Ρ‚Ρ‹ Π±ΡƒΠ΄ΡƒΡ‚ прописаны. Для вас ΠΌΡ‹Β ΠΏΠΎΠ΄Π³ΠΎΡ‚ΠΎΠ²ΠΈΠ»ΠΈ Ρ‚Π°ΠΊΠΎΠ΅Β Π’Π— для Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Π°, ΡΠΊΠ°Ρ‡Π°Ρ‚ΡŒ Π΅Π³ΠΎ ΠΌΠΎΠΆΠ½ΠΎ по ссылкС.

Ρ‚ΠΈΠΏΠΎΠ² сСток для создания ΠΏΡ€ΠΎΡ„Π΅ΡΡΠΈΠΎΠ½Π°Π»ΡŒΠ½ΠΎΠ³ΠΎ Π΄ΠΈΠ·Π°ΠΉΠ½Π°

Π‘Π΅ΠΊΡ€Π΅Ρ‚ любого Ρ…ΠΎΡ€ΠΎΡˆΠ΅Π³ΠΎ Π΄ΠΈΠ·Π°ΠΉΠ½Π° Π·Π°ΠΊΠ»ΡŽΡ‡Π°Π΅Ρ‚ΡΡ Π² Ρ‚ΠΎΠΌ, ΠΊΠ°ΠΊ Π΅Π³ΠΎ Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½Ρ‹Π΅ элСмСнты ΠΎΡ€Π³Π°Π½ΠΈΠ·ΠΎΠ²Π°Π½Ρ‹ ΠΈ располоТСны ΠΏΠΎ ΠΎΡ‚Π½ΠΎΡˆΠ΅Π½ΠΈΡŽ Π΄Ρ€ΡƒΠ³ ΠΊ Π΄Ρ€ΡƒΠ³Ρƒ. Π’ этом ΠΈ Π·Π°ΠΊΠ»ΡŽΡ‡Π°Π΅Ρ‚ΡΡ ΡΡƒΡ‚ΡŒ Π΄ΠΈΠ·Π°ΠΉΠ½Π° ΠΌΠ°ΠΊΠ΅Ρ‚Π°.

Layout ΠΏΡ€ΠΈΠ΄Π°Π΅Ρ‚ смысл Π²Π°ΡˆΠ΅ΠΌΡƒ Π΄ΠΈΠ·Π°ΠΉΠ½Ρƒ ΠΈ Π΄Π΅Π»Π°Π΅Ρ‚ Π΅Π³ΠΎ Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½ΠΎ ΠΏΡ€ΠΈΠ²Π»Π΅ΠΊΠ°Ρ‚Π΅Π»ΡŒΠ½Ρ‹ΠΌ. Π­Ρ‚ΠΎ ΠΏΠΎΠΌΠΎΠ³Π°Π΅Ρ‚ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Ρ‚ΡŒ баланс ΠΎΡ‚ страницы ΠΊ страницС ΠΈΠ»ΠΈ ΠΎΡ‚ слайда ΠΊ слайду.

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

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

Π”Π°Π²Π°ΠΉΡ‚Π΅ рассмотрим всС Π²ΠΈΠ΄Ρ‹ сСток, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΡΡƒΡ‰Π΅ΡΡ‚Π²ΡƒΡŽΡ‚ Π² Π½Π°Π±ΠΎΡ€Π΅ инструмСнтов для макСтирования, начиная с Π°Π½Π°Ρ‚ΠΎΠΌΠΈΠΈ сСток, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π²Ρ‹ ΠΌΠΎΠ³Π»ΠΈ Π»ΡƒΡ‡ΡˆΠ΅ ΠΈΡ… ΠΏΠΎΠ½ΡΡ‚ΡŒ.

ΠœΠ°ΠΊΠ΅Ρ‚ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅: части сСтки

Анатомия сСтки состоит ΠΈΠ· Π½Π΅ΡΠΊΠΎΠ»ΡŒΠΊΠΈΡ… частСй. НС каТдая Ρ‡Π°ΡΡ‚ΡŒ присутствуСт Π² ΠΊΠ°ΠΆΠ΄ΠΎΠΉ сСткС; это зависит ΠΎΡ‚ Π²ΠΈΠ΄Π° сСтки. Π—Π΄Π΅ΡΡŒ ΠΌΡ‹ рассмотрим самыС Π²Π°ΠΆΠ½Ρ‹Π΅ части сСтки.

Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡƒΠ·Π½Π°Ρ‚ΡŒ ΠΌΠ½ΠΎΠ³ΠΈΠ΅ ΠΈΠ· этих Ρ‚Π΅Ρ€ΠΌΠΈΠ½ΠΎΠ² Π² ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ°Ρ… для создания Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚ΠΎΠ², Ρ‚Π°ΠΊΠΈΡ… ΠΊΠ°ΠΊ Microsoft Word, Google Docs ΠΈΠ»ΠΈ Pages. Π’Π½Π΅ΡˆΠ½ΠΈΠΉ Π²ΠΈΠ΄ вашСго Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π° опрСдСляСтся этими Ρ€Π°Π·Π΄Π΅Π»Π°ΠΌΠΈ сСтки, Π²ΠΊΠ»ΡŽΡ‡Π°Ρ поля, Π²Π΅Ρ€Ρ…Π½ΠΈΠΉ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ», Π½ΠΈΠΆΠ½ΠΈΠΉ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ» ΠΈ Π½ΠΎΠΌΠ΅Ρ€Π° страниц.

Π€ΠΎΡ€ΠΌΠ°Ρ‚

Π€ΠΎΡ€ΠΌΠ°Ρ‚ — это вся ΠΎΠ±Π»Π°ΡΡ‚ΡŒ, Π½Π° ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΉ Π±ΡƒΠ΄Π΅Ρ‚ Π²Ρ‹Π»ΠΎΠΆΠ΅Π½ ΠΎΠΊΠΎΠ½Ρ‡Π°Ρ‚Π΅Π»ΡŒΠ½Ρ‹ΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½. Π’ полиграфичСском Π΄ΠΈΠ·Π°ΠΉΠ½Π΅ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ΠΎΠΌ являСтся страница, Π° Π² Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ΠΎΠΌ являСтся ΠΎΠΊΠ½ΠΎ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°.

ΠœΠ°Ρ€ΠΆΠ°

Поля — это пустыС пространства ΠΌΠ΅ΠΆΠ΄Ρƒ краями Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π° ΠΈ содСрТимого. Π Π°Π·ΠΌΠ΅Ρ€ ΠΏΠΎΠ»Π΅ΠΉ — это Ρ‚ΠΎ, Ρ‡Ρ‚ΠΎ ΠΏΡ€ΠΈΠ΄Π°Π΅Ρ‚ содСрТимому ΠΎΠ±Ρ‰ΡƒΡŽ Ρ„ΠΎΡ€ΠΌΡƒ, ΠΎΠ±Ρ‹Ρ‡Π½ΠΎ ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΡƒΡŽ.

Π‘ΠΎΠ·Π΄Π°Π²Π°ΠΉΡ‚Π΅ ΠΏΡ€ΠΎΡ„Π΅ΡΡΠΈΠΎΠ½Π°Π»ΡŒΠ½ΠΎ выглядящий Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½Ρ‹ΠΉ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ этого инструмСнта DIY.ΠŸΠΎΠΏΡ€ΠΎΠ±ΡƒΠΉ бСсплатно

Π’Ρ€ΡƒΠ±ΠΎΠΏΡ€ΠΎΠ²ΠΎΠ΄Ρ‹

ΠžΡ‚Π²ΠΎΠ΄Π½Ρ‹Π΅ Π»ΠΈΠ½ΠΈΠΈ — это Π³ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΡŒΠ½Ρ‹Π΅ Π»ΠΈΠ½ΠΈΠΈ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Ρ€Π°Π·Π΄Π΅Π»ΡΡŽΡ‚ Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Π΅ участки сСтки Π½Π° ΠΏΠ°Ρ€Π°Π»Π»Π΅Π»ΡŒΠ½Ρ‹Π΅ полосы. Они ΠΏΠΎΠΌΠΎΠ³Π°ΡŽΡ‚ Ρ‡ΠΈΡ‚Π°Ρ‚Π΅Π»ΡŽ ΡΠ»Π΅Π΄ΠΈΡ‚ΡŒ Π·Π° содСрТаниСм ΠΌΠ°ΠΊΠ΅Ρ‚Π°. ΠžΡ‚Π²ΠΎΠ΄Π½Ρ‹Π΅ Π»ΠΈΠ½ΠΈΠΈ Ρ‚Π°ΠΊΠΆΠ΅ ΡΠΎΠ·Π΄Π°ΡŽΡ‚ Ρ‚ΠΎΡ‡ΠΊΠΈ остановки ΠΈΠ»ΠΈ края для размСщСния элСмСнтов. НСкоторыС Π²Ρ‹ΠΊΠΈΠ΄Π½Ρ‹Π΅ Π»ΠΈΠ½ΠΈΠΈ Π½Π°Π·Ρ‹Π²Π°ΡŽΡ‚ΡΡ висячими линиями, Π° Π΄Ρ€ΡƒΠ³ΠΈΠ΅ — Π±Π°Π·ΠΎΠ²Ρ‹ΠΌΠΈ линиями.

ΠœΠΎΠ΄ΡƒΠ»ΠΈ

ΠœΠΎΠ΄ΡƒΠ»ΠΈ — это ΡΡ‚Ρ€ΠΎΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ Π±Π»ΠΎΠΊΠΈ любой сСти. Π­Ρ‚ΠΎ ΠΏΡ€ΠΎΠΌΠ΅ΠΆΡƒΡ‚ΠΊΠΈ, созданныС ΠΌΠ΅ΠΆΠ΄Ρƒ линиями ΠΎΡ‚Π²ΠΎΠ΄Π° ΠΈ Π²Π΅Ρ€Ρ‚ΠΈΠΊΠ°Π»ΡŒΠ½Ρ‹ΠΌΠΈ линиями.Π’Π΅Ρ€Ρ‚ΠΈΠΊΠ°Π»ΡŒΠ½Ρ‹Π΅ Π³Ρ€ΡƒΠΏΠΏΡ‹ ΠΌΠΎΠ΄ΡƒΠ»Π΅ΠΉ вмСстС ΠΎΠ±Ρ€Π°Π·ΡƒΡŽΡ‚ ΠΊΠΎΠ»ΠΎΠ½Π½Ρ‹. Π“ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΡŒΠ½Ρ‹Π΅ Π³Ρ€ΡƒΠΏΠΏΡ‹ ΠΎΠ±Ρ€Π°Π·ΡƒΡŽΡ‚ ряды.

ΠŸΡ€ΠΎΡΡ‚Ρ€Π°Π½ΡΡ‚Π²Π΅Π½Π½Ρ‹Π΅ Π·ΠΎΠ½Ρ‹ ΠΈΠ»ΠΈ области

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

ΠšΠΎΠ»ΠΎΠ½Π½Ρ‹

Π‘Ρ‚ΠΎΠ»Π±Ρ†Ρ‹ — это Π²Π΅Ρ€Ρ‚ΠΈΠΊΠ°Π»ΡŒΠ½Ρ‹Π΅ пространствСнныС Π·ΠΎΠ½Ρ‹ ΠΈΠ»ΠΈ области, ΠΏΠΎΠ»Π½ΠΎΡΡ‚ΡŒΡŽ ΡƒΠΌΠ΅Ρ‰Π°ΡŽΡ‰ΠΈΠ΅ΡΡ ΠΎΡ‚ Π²Π΅Ρ€Ρ…Π½Π΅Π³ΠΎ Π΄ΠΎ Π½ΠΈΠΆΠ½Π΅Π³ΠΎ поля.

рядов

Π‘Ρ‚Ρ€ΠΎΠΊΠΈ — это Π³ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΡŒΠ½Ρ‹Π΅ пространствСнныС Π·ΠΎΠ½Ρ‹, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΏΠΎΠ»Π½ΠΎΡΡ‚ΡŒΡŽ ΠΏΠΎΠΌΠ΅Ρ‰Π°ΡŽΡ‚ΡΡ слСва Π½Π°ΠΏΡ€Π°Π²ΠΎ.

Π–Π΅Π»ΠΎΠ±Π°

ΠŸΡ€ΠΎΠΌΠ΅ΠΆΡƒΡ‚ΠΊΠΈ ΠΌΠ΅ΠΆΠ΄Ρƒ строками ΠΈ столбцами Π½Π°Π·Ρ‹Π²Π°ΡŽΡ‚ΡΡ ΠΆΠ΅Π»ΠΎΠ±Π°ΠΌΠΈ. Они всСгда Π΄ΠΎΠ»ΠΆΠ½Ρ‹ Π±Ρ‹Ρ‚ΡŒ ΠΎΠ΄ΠΈΠ½Π°ΠΊΠΎΠ²Ρ‹ΠΌΠΈ ΠΌΠ΅ΠΆΠ΄Ρƒ столбцами ΠΈΠ»ΠΈ строками, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Ρ‚ΡŒ Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½Ρ‹ΠΉ баланс.

ΠœΠ°Ρ€ΠΊΠ΅Ρ€Ρ‹

ΠœΠ°Ρ€ΠΊΠ΅Ρ€Ρ‹ — это области Π²Π½ΡƒΡ‚Ρ€ΠΈ Π±Π΅Π³ΡƒΡ‰Π΅Π³ΠΎ Π²Π΅Ρ€Ρ…Π½Π΅Π³ΠΎ ΠΈΠ»ΠΈ Π½ΠΈΠΆΠ½Π΅Π³ΠΎ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ»Π°, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Ρ‚ΠΎΡ‡Π½ΠΎ ΠΎΡ‚ΠΌΠ΅Ρ‡Π°ΡŽΡ‚ мСсто, Π³Π΄Π΅ ΠΏΠΎΠ²Ρ‚ΠΎΡ€ΡΡŽΡ‰Π°ΡΡΡ информация размСщаСтся ΠΎΡ‚ страницы ΠΊ страницС.

Π’ΠΈΠ΄Ρ‹ сСток

Π‘Π΅Ρ‚ΠΊΠΈ ΠΌΠ°ΠΊΠ΅Ρ‚ΠΎΠ²

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

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

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

Π”Π°Π²Π°ΠΉΡ‚Π΅ рассмотрим ΠΏΡΡ‚ΡŒ Π²ΠΈΠ΄ΠΎΠ² сСток ΠΌΠ°ΠΊΠ΅Ρ‚ΠΎΠ²; Ρ€ΡƒΠΊΠΎΠΏΠΈΡΡŒ, ΠΊΠΎΠ»ΠΎΠ½ΠΊΠ°, базовая линия, ΠΌΠΎΠ΄ΡƒΠ»ΡŒΠ½Π°Ρ ΠΈ иСрархичСская.

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

Π‘Π΅Ρ‚ΠΊΠ° для рукописСй

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

The Manuscript Grid — это основа для всСх ΠΆΡƒΡ€Π½Π°Π»ΠΎΠ², Π³Π°Π·Π΅Ρ‚, элСктронных ΠΊΠ½ΠΈΠ³ ΠΈ всСго тСкстового Π΄ΠΈΠ·Π°ΠΉΠ½Π°. Π”ΠΈΠ·Π°ΠΉΠ½ ΠΌΠ°ΠΊΠ΅Ρ‚Π° сСтки рукописи настраиваСтся Π½Π° ΠΏΠ΅Ρ€Π²ΠΎΠΉ страницС. ΠžΡΡ‚Π°Π»ΡŒΠ½Ρ‹Π΅ страницы Π±ΡƒΠ΄ΡƒΡ‚ ΡΠΎΠΎΡ‚Π²Π΅Ρ‚ΡΡ‚Π²ΠΎΠ²Π°Ρ‚ΡŒ Ρ‚Π΅ΠΌ ΠΆΠ΅ Ρ€Π°Π·ΠΌΠ΅Ρ€Π°ΠΌ. Π₯ΠΎΡ€ΠΎΡˆΠ°Ρ ΠΏΡ€Π°ΠΊΡ‚ΠΈΠΊΠ° — ΡΠΎΡ…Ρ€Π°Π½ΡΡ‚ΡŒ Π΅Π΄ΠΈΠ½ΠΎΠΎΠ±Ρ€Π°Π·ΠΈΠ΅ сСтки рукописи Π²Π½ΡƒΡ‚Ρ€ΠΈ ΠΎΠ΄Π½ΠΎΠ³ΠΎ Π΄ΠΈΠ·Π°ΠΉΠ½Π° Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π°.Π”Π°ΠΆΠ΅ Ссли Π΅ΡΡ‚ΡŒ элСмСнты, выходящиС Π·Π° ΠΊΡ€Π°ΠΉ, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€ Ρ„ΠΎΡ€ΠΌΠ° ΠΈΠ»ΠΈ фотография, сСтка всС Ρ€Π°Π²Π½ΠΎ Π±ΡƒΠ΄Π΅Ρ‚ ΠΏΡ€ΠΈΡΡƒΡ‚ΡΡ‚Π²ΠΎΠ²Π°Ρ‚ΡŒ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡΠΎΡ…Ρ€Π°Π½ΠΈΡ‚ΡŒ Ρ…ΠΎΡ€ΠΎΡˆΠΈΠΉ баланс для всСго Π΄ΠΈΠ·Π°ΠΉΠ½Π°.

Π’ΠΎΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ΡΡŒ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠ΅ΠΉ привязки ΠΊ сСткС Π² этом самодСльном инструмСнтС создания Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½ΠΎΠ³ΠΎ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π°. ΠŸΠΎΠΏΡ€ΠΎΠ±ΡƒΠΉΡ‚Π΅ это бСсплатно.

Π‘Π΅Ρ‚ΠΊΠ° ΠΊΠΎΠ»ΠΎΠ½Π½

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

Π‘Π΅Ρ‚ΠΊΠΈ столбцов ΠΌΠΎΠ³ΡƒΡ‚ ΠΈΠΌΠ΅Ρ‚ΡŒ ΠΎΡ‚ Π΄Π²ΡƒΡ… Π΄ΠΎ ΡˆΠ΅ΡΡ‚ΠΈ ΠΈΠ»ΠΈ Π±ΠΎΠ»Π΅Π΅ столбцов, Π½ΠΎ это Π½Π΅ ΠΎΡ‡Π΅Π½ΡŒ распространСно.

ВСкст ΠΈ изобраТСния Π² сСткС столбцов Ρ€Π°Π·ΠΌΠ΅Ρ‰Π°ΡŽΡ‚ΡΡ ΠΏΠΎ Π²Π΅Ρ€Ρ‚ΠΈΠΊΠ°Π»ΡŒΠ½Ρ‹ΠΌ линиям ΠΈ линиям разнСсСния, ΡΠΎΡΡ‚Π°Π²Π»ΡΡŽΡ‰ΠΈΠΌ столбцы. Π˜Π·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΡ ΠΌΠΎΠΆΠ½ΠΎ Ρ€Π°Π·ΠΌΠ΅Ρ‰Π°Ρ‚ΡŒ Π² ΠΎΠ΄Π½ΠΎΠΌ столбцС ΠΈΠ»ΠΈ Π² Π΄Π²ΡƒΡ… ΠΈΠ»ΠΈ Π±ΠΎΠ»Π΅Π΅, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹ΠΉ Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½Ρ‹ΠΉ ΠΌΠ°ΠΊΠ΅Ρ‚. РасстояниС ΠΌΠ΅ΠΆΠ΄Ρƒ столбцами (ΠΆΠ΅Π»ΠΎΠ±Π°ΠΌΠΈ) Π΄ΠΎΠ»ΠΆΠ½ΠΎ Π±Ρ‹Ρ‚ΡŒ ΠΏΡ€ΠΎΠΏΠΎΡ€Ρ†ΠΈΠΎΠ½Π°Π»ΡŒΠ½Ρ‹ΠΌ ΠΈ постоянным ΠΏΠΎ всСму Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Ρƒ.

Π’ симмСтричной сСткС столбцов всС столбцы ΠΈΠΌΠ΅ΡŽΡ‚ ΠΎΠ΄ΠΈΠ½Π°ΠΊΠΎΠ²ΡƒΡŽ ΡˆΠΈΡ€ΠΈΠ½Ρƒ, Π² Ρ‚ΠΎ врСмя ΠΊΠ°ΠΊ Π² асиммСтричной сСткС Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ столбцы Π±ΡƒΠ΄ΡƒΡ‚ ΠΏΡ€ΠΎΠΏΠΎΡ€Ρ†ΠΈΠΎΠ½Π°Π»ΡŒΠ½ΠΎ Ρ‚ΠΎΠ½ΡŒΡˆΠ΅ ΠΈΠ»ΠΈ ΡˆΠΈΡ€Π΅ Π΄Ρ€ΡƒΠ³ΠΈΡ….

ΠŸΠ΅Ρ‡Π°Ρ‚Π½Ρ‹Π΅ Π³Π°Π·Π΅Ρ‚Ρ‹ ΠΎΠ±Ρ‹Ρ‡Π½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ ΡΠΈΠΌΠΌΠ΅Ρ‚Ρ€ΠΈΡ‡Π½ΡƒΡŽ сСтку столбцов для ΠΎΡ€Π³Π°Π½ΠΈΠ·Π°Ρ†ΠΈΠΈ своих статСй.

ΠžΡ‚Π»ΠΈΡ‡Π½Ρ‹ΠΌ ΠΏΡ€ΠΈΠΌΠ΅Ρ€ΠΎΠΌ асиммСтричной сСтки столбцов являСтся ΠΎΠ±Ρ‰ΠΈΠΉ ΠΌΠ°ΠΊΠ΅Ρ‚ сообщСния Π² Π±Π»ΠΎΠ³Π΅ (ΠΏΠΎΠ΄ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΎΠΌ). Если Π²Ρ‹ посмотритС Π½Π° этот ΠΏΡ€ΠΈΠΌΠ΅Ρ€ сообщСния Π² Π±Π»ΠΎΠ³Π΅ Π½ΠΈΠΆΠ΅, Π²Ρ‹ Π»Π΅Π³ΠΊΠΎ ΡƒΠ²ΠΈΠ΄ΠΈΡ‚Π΅, Ρ‡Ρ‚ΠΎ ΠΎΠ½ состоит ΠΈΠ· Π΄Π²ΡƒΡ… столбцов Ρ€Π°Π·Π½ΠΎΠΉ ΡˆΠΈΡ€ΠΈΠ½Ρ‹: содСрТимого сообщСния Π² Π±Π»ΠΎΠ³Π΅ ΠΈ Π±ΠΎΠΊΠΎΠ²ΠΎΠΉ ΠΏΠ°Π½Π΅Π»ΠΈ.

Π’ ΠΏΡ€ΠΈΠ²Π΅Π΄Π΅Π½Π½ΠΎΠΌ Π½ΠΈΠΆΠ΅ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π΅ ΠΌΠ°Π³Π°Π·ΠΈΠ½Π° ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ сСтка ΠΈΠ· Ρ‚Ρ€Π΅Ρ… столбцов ΠΏΡ€ΠΎΠΏΠΎΡ€Ρ†ΠΈΠΎΠ½Π°Π»ΡŒΠ½ΠΎΠΉ ΡˆΠΈΡ€ΠΈΠ½Ρ‹. Π—Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ ΠΈ ΠΏΠΎΠ΄Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ Π·Π°Π½ΠΈΠΌΠ°ΡŽΡ‚ пространство всСх Ρ‚Ρ€Π΅Ρ… столбцов, Π² Ρ‚ΠΎ врСмя ΠΊΠ°ΠΊ Π²Ρ‹Π΄Π΅Π»Π΅Π½Π½Ρ‹ΠΉ тСкст Π·Π°Π½ΠΈΠΌΠ°Π΅Ρ‚ пространство Π΄Π²ΡƒΡ… столбцов.

ΠœΠΎΠ΄ΡƒΠ»ΡŒΠ½Π°Ρ сСтка

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

ΠœΠΎΠ΄ΡƒΠ»ΡŒΠ½Ρ‹Π΅ сСтки Ρ‚Π°ΠΊΠΆΠ΅ ΠΎΡ‚Π»ΠΈΡ‡Π½ΠΎ подходят для размСщСния Ρ„ΠΎΡ€ΠΌ, Π΄ΠΈΠ°Π³Ρ€Π°ΠΌΠΌ ΠΈ расписаний.Они Ρ‚Π°ΠΊΠΆΠ΅ часто ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ΡΡ Π½Π° сайтах элСктронной ΠΊΠΎΠΌΠΌΠ΅Ρ€Ρ†ΠΈΠΈ. Π”ΠΎΠΌΠ°ΡˆΠ½ΡΡ страница вашСго Ρ‚Π΅Π»Π΅Ρ„ΠΎΠ½Π°, Π½Π° ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΉ ΠΏΠΎΠΊΠ°Π·Π°Π½Ρ‹ всС прилоТСния, ΠΈΠΌΠ΅Π΅Ρ‚ ΠΌΠΎΠ΄ΡƒΠ»ΡŒΠ½ΡƒΡŽ сСтку. Instagram Ρ‚Π°ΠΊΠΆΠ΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ ΠΌΠΎΠ΄ΡƒΠ»ΡŒΠ½ΡƒΡŽ сСтку для отобраТСния вашСй Π»Π΅Π½Ρ‚Ρ‹.

Π˜ΡΡ‚ΠΎΡ‡Π½ΠΈΠΊ изобраТСния

Базовая сСтка

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

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

Если Π²Ρ‹ Π²Π½ΠΈΠΌΠ°Ρ‚Π΅Π»ΡŒΠ½ΠΎ посмотритС Π½Π° этот листок записной ΠΊΠ½ΠΈΠΆΠΊΠΈ, Π²Ρ‹ ΡƒΠ²ΠΈΠ΄ΠΈΡ‚Π΅, Ρ‡Ρ‚ΠΎ Π½Π° Π½Π΅ΠΌ Ρ‚Π°ΠΊΠΆΠ΅ Π΅ΡΡ‚ΡŒ сСтка Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π°, которая создаСт поля.Π‘Π΅Ρ‚ΠΊΠΈ ΠΏΠΎΡ‡Ρ‚ΠΈ Π²Π΅Π·Π΄Π΅, Π³Π΄Π΅ Ρ€Π°Π·ΠΌΠ΅Ρ‰Π°ΡŽΡ‚ΡΡ тСкст ΠΈ изобраТСния. ΠŸΠΎΡ‡Π΅ΠΌΡƒ Π±Ρ‹ Π½Π΅ Π±Ρ€ΠΎΡΠΈΡ‚ΡŒ Π²Ρ‹Π·ΠΎΠ² самому сСбС, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π½Π°ΠΉΡ‚ΠΈ ΠΈΡ…?

Π˜Π΅Ρ€Π°Ρ€Ρ…ΠΈΡ‡Π΅ΡΠΊΠΈΠ΅ сСтки

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

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

ΠŸΡ€ΠΈ ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄Π΅ ΠΊ Ρ†ΠΈΡ„Ρ€ΠΎΠ²Ρ‹ΠΌ ΠΏΠ»Π°Ρ‚Ρ„ΠΎΡ€ΠΌΠ°ΠΌ Π³Π°Π·Π΅Ρ‚Ρ‹ ΠΏΠ΅Ρ€Π΅ΡˆΠ»ΠΈ ΠΎΡ‚ ΠΎΠ±Ρ‹Ρ‡Π½Ρ‹Ρ… симмСтричных сСток столбцов ΠΊ сСткам ΠΈΠ΅Ρ€Π°Ρ€Ρ…ΠΈΠΈ со столбцами Π²Π½ΡƒΡ‚Ρ€ΠΈ пространствСнных Π·ΠΎΠ½.

НСмного истории Π΄ΠΈΠ·Π°ΠΉΠ½Π°

Π”ΠΎ появлСния ΠΊΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€ΠΎΠ² сСтка ΠΌΠ°ΠΊΠ΅Ρ‚ΠΎΠ² Ρ€ΠΈΡΠΎΠ²Π°Π»Π°ΡΡŒ Π½Π° ΠΌΠ°ΠΊΠ΅Ρ‚Π°Ρ… синим ΠΏΠ΅Ρ€ΠΎΠΌ.ΠšΠ°ΠΆΠ΄ΡƒΡŽ линию сСтки Π½ΡƒΠΆΠ½ΠΎ Π±Ρ‹Π»ΠΎ ΠΈΠ·ΠΌΠ΅Ρ€ΠΈΡ‚ΡŒ ΠΈ Π½Π°Ρ€ΠΈΡΠΎΠ²Π°Ρ‚ΡŒ Π²Ρ€ΡƒΡ‡Π½ΡƒΡŽ Π’-ΠΎΠ±Ρ€Π°Π·Π½ΠΎΠΉ Π»ΠΈΠ½Π΅ΠΉΠΊΠΎΠΉ. Если Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Ρ‹ Ρ…ΠΎΡ‚Π΅Π»ΠΈ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΡΡ‚Π°Π½Π΄Π°Ρ€Ρ‚Π½ΡƒΡŽ сСтку, ΠΎΠ½ΠΈ ΠΌΠΎΠ³Π»ΠΈ Π±Ρ‹ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΡˆΠ°Π±Π»ΠΎΠ½Ρ‹ сСток, Π½Π°ΠΏΠ΅Ρ‡Π°Ρ‚Π°Π½Π½Ρ‹Π΅ синими Ρ‡Π΅Ρ€Π½ΠΈΠ»Π°ΠΌΠΈ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π±Ρ‹Π»ΠΈ ΠΏΠΎΠΌΠ΅Ρ‰Π΅Π½Ρ‹ ΠΏΠΎΠ΄ Ρ‚ΠΎΠ»ΡΡ‚ΡƒΡŽ ΠΊΠ°Π»ΡŒΠΊΡƒ.

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

Как Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Ρ‹ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ ΠΈΠ΅Ρ€Π°Ρ€Ρ…ΠΈΡŽ Π² Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅?

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

Π˜ΡΡ‚ΠΎΡ‡Π½ΠΈΠΊ изобраТСния

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

Π˜Π΅Ρ€Π°Ρ€Ρ…ΠΈΡ‡Π΅ΡΠΊΠΈΠ΅ сСтки — самыС Π½Π΅Π·Π°ΠΌΠ΅Ρ‚Π½Ρ‹Π΅ ΠΈΠ· всСх сСток. Π˜Ρ… Ρ†Π΅Π»ΡŒ — ΠΏΡ€ΠΈΠ²Π»Π΅Ρ‡ΡŒ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅ ΠΊ ΠΊΠΎΠ½ΠΊΡ€Π΅Ρ‚Π½Ρ‹ΠΌ элСмСнтам, ΠΈ ΠΎΠ½ΠΈ Π΄Π΅Π»Π°ΡŽΡ‚ это Π±Π΅Π· Π²Π΅Π΄ΠΎΠΌΠ° зритСля, Ρ‡Ρ‚ΠΎ это Π±Ρ‹Π»ΠΎ сдСлано ΡΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½ΠΎ.Π₯ΠΎΡ€ΠΎΡˆΠΈΠΉ иСрархичСский ΠΌΠ°ΠΊΠ΅Ρ‚ ΠΌΠΎΠΆΠ΅Ρ‚ ΠΏΠΎΠ²Ρ‹ΡΠΈΡ‚ΡŒ ΠΊΠΎΠ½Π²Π΅Ρ€ΡΠΈΡŽ!

Π˜ΡΡ‚ΠΎΡ‡Π½ΠΈΠΊ изобраТСния

Π‘ΠΎΠ·Π΄Π°Π²Π°ΠΉΡ‚Π΅ ΠΏΡ€ΠΎΡ„Π΅ΡΡΠΈΠΎΠ½Π°Π»ΡŒΠ½ΠΎ выглядящий Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½Ρ‹ΠΉ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ этого инструмСнта DIY. ΠŸΠΎΠΏΡ€ΠΎΠ±ΡƒΠΉΡ‚Π΅ это бСсплатно

БоставныС сСтки

ΠŸΡ€Π°Π²ΠΈΠ»ΠΎ Ρ‚Ρ€Π΅Ρ‚Π΅ΠΉ

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

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

Π˜ΡΡ‚ΠΎΡ‡Π½ΠΈΠΊ изобраТСния

Π—ΠΎΠ»ΠΎΡ‚ΠΎΠ΅ сСчСниС

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

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

Π‘Π΅Ρ‚ΠΊΠΈ ΠΊΠΎΠΌΠΏΠΎΠ·ΠΈΡ‚Π½Ρ‹Π΅

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

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

Π­Ρ‚ΠΎΡ‚ ΠΏΡ€ΠΈΠΌΠ΅Ρ€ постраничного ΠΌΠ°ΠΊΠ΅Ρ‚Π° всСго шаблона ΠΆΡƒΡ€Π½Π°Π»Π° ΠΎΡ‚ Graphic River являСтся ΠΎΡ‚Π»ΠΈΡ‡Π½Ρ‹ΠΌ ΠΏΡ€ΠΈΠΌΠ΅Ρ€ΠΎΠΌ составной сСтки. КаТдая страница ΡƒΠ½ΠΈΠΊΠ°Π»ΡŒΠ½Π°, Π½ΠΎ каТдая страница содСрТит Π±Π°Π·ΠΎΠ²ΡƒΡŽ сСтку. Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π·Π°ΠΌΠ΅Ρ‚ΠΈΡ‚ΡŒ это Π² Π½ΠΈΠΆΠ½Π΅ΠΌ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ»Π΅ ΠΈ Π½ΠΎΠΌΠ΅Ρ€Π΅ страницы, Π° Ρ‚Π°ΠΊΠΆΠ΅ Π² Ρ†Π΅Π½Ρ‚Ρ€ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠΈ столбцов ΠΈ элСмСнтов.

Π˜ΡΡ‚ΠΎΡ‡Π½ΠΈΠΊ изобраТСния

Π’Ρ‹Π±ΠΎΡ€ ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΠΎΠΉ сСтки для ΠΌΠ°ΠΊΠ΅Ρ‚Π°

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

Π¨Π°Π±Π»ΠΎΠ½Ρ‹

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

Как ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ сбалансированныС ΠΌΠ°ΠΊΠ΅Ρ‚Ρ‹ страниц

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

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

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

Π”ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ совСты ΠΏΠΎ Π²Π΅Π±-сайтам см. Π’ нашСм руководствС ΠΏΠΎ созданию ΠΈΠ΄Π΅Π°Π»ΡŒΠ½Ρ‹Ρ… ΠΌΠ°ΠΊΠ΅Ρ‚ΠΎΠ² Π²Π΅Π±-сайтов.

01. Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ сСтку

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

Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡ сСтку для информирования ΠΎ ΠΏΠΎΠ»ΠΎΠΆΠ΅Π½ΠΈΠΈ Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Ρ… элСмСнтов Π½Π° страницС, Π²Ρ‹ создадитС связь ΠΌΠ΅ΠΆΠ΄Ρƒ Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹ΠΌΠΈ элСмСнтами, ΡΠΎΡΡ‚Π°Π²Π»ΡΡŽΡ‰ΠΈΠΌΠΈ Π²Π°ΡˆΡƒ страницу. Π­Ρ‚ΠΎ ΠΌΠΎΠΆΠ΅Ρ‚ ΠΏΠΎΠΌΠΎΡ‡ΡŒ ΡƒΠΏΠΎΡ€ΡΠ΄ΠΎΡ‡ΠΈΡ‚ΡŒ ваш ΠΌΠ°ΠΊΠ΅Ρ‚, ΠΏΡ€Π΅Π΄ΠΎΡΡ‚Π°Π²ΠΈΡ‚ΡŒ Ρ‡ΠΈΡ‚Π°Ρ‚Π΅Π»ΡŽ Ρ‡Π΅Ρ‚ΠΊΡƒΡŽ ΡΡ‚Ρ€ΡƒΠΊΡ‚ΡƒΡ€Π½ΡƒΡŽ ссылку, ΠΊ ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΉ ΠΎΠ½ ΠΌΠΎΠΆΠ΅Ρ‚ Π²Π΅Ρ€Π½ΡƒΡ‚ΡŒΡΡ, ΠΈ повысит успСх вашСй страницы.

Π­Ρ‚ΠΎ Π²Π°ΠΆΠ½ΠΎ, ΠΏΠΎΡ‚ΠΎΠΌΡƒ Ρ‡Ρ‚ΠΎ, ΠΊΠΎΠ³Π΄Π° всС элСмСнты вашСй страницы связаны Π΄Ρ€ΡƒΠ³ с Π΄Ρ€ΡƒΠ³ΠΎΠΌ, ΠΎΠ±Ρ‰ΠΈΠΉ эффСкт ощущаСтся Π±ΠΎΠ»Π΅Π΅ ΠΊΠΎΠΌΡ„ΠΎΡ€Ρ‚Π½Ρ‹ΠΌ для читатСля, помогая ΠΈΠΌ Ρ€Π°ΡΡΠ»Π°Π±ΠΈΡ‚ΡŒΡΡ ΠΈ облСгчая ΠΈΠΌ доступ ΠΊ Π²Π°ΠΆΠ½ΠΎΠΌΡƒ ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π»Ρƒ: ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Ρƒ.

02. Π’Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ ΠΎΠ΄Π½Ρƒ Ρ‚ΠΎΡ‡ΠΊΡƒ фокусировки

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

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

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

03. Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ ΠΏΡ€Π°Π²ΠΈΠ»ΠΎ Ρ‚Ρ€Π΅Ρ‚Π΅ΠΉ

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

Выровняв ΠΊΠ»ΡŽΡ‡Π΅Π²Ρ‹Π΅ элСмСнты ΠΏΠΎ этим Ρ‡Π΅Ρ‚Ρ‹Ρ€Π΅ΠΌ Ρ‚ΠΎΡ‡ΠΊΠ°ΠΌ, Π²Ρ‹ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚Π΅ Π±ΠΎΠ»Π΅Π΅ ΠΏΡ€ΠΈΡΡ‚Π½ΡƒΡŽ ΠΊΠΎΠΌΠΏΠΎΠ·ΠΈΡ†ΠΈΡŽ, Ρ‡Π΅ΠΌ Ссли Π±Ρ‹ Π²Ρ‹, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, Ρ‚ΠΎΡ‡Π½ΠΎ Ρ†Π΅Π½Ρ‚Ρ€ΠΈΡ€ΠΎΠ²Π°Π»ΠΈ элСмСнты Π½Π° своСй страницС.

Π‘Π°ΠΌΠΎ ΠΏΠΎ сСбС ΠΏΡ€Π°Π²ΠΈΠ»ΠΎ Ρ‚Ρ€Π΅Ρ‚Π΅ΠΉ Π½Π΅ ΠΌΠΎΠΆΠ΅Ρ‚ Π²ΠΎΠ»ΡˆΠ΅Π±Π½Ρ‹ΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ ΠΎΠ±Π΅ΡΠΏΠ΅Ρ‡ΠΈΡ‚ΡŒ баланс вашСго ΠΌΠ°ΠΊΠ΅Ρ‚Π°, Π½ΠΎ, Ρ€Π°ΡΡˆΠΈΡ€ΡΡ ΠΏΡ€ΠΈΠ½Ρ†ΠΈΠΏ, Π»Π΅Π³ΠΊΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ эту Ρ‚Π΅Π½Π΄Π΅Π½Ρ†ΠΈΡŽ ΠΊ СстСствСнному фокусу, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΠΎΠΌΠΎΡ‡ΡŒ ΡΠ±Π°Π»Π°Π½ΡΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ваш ΠΌΠ°ΠΊΠ΅Ρ‚.

РаспространСнный ΠΏΠΎΠ΄Ρ…ΠΎΠ΄ Π·Π°ΠΊΠ»ΡŽΡ‡Π°Π΅Ρ‚ΡΡ Π² Ρ€Π°Π·ΠΌΠ΅Ρ‰Π΅Π½ΠΈΠΈ Π½Π°ΠΈΠ±ΠΎΠ»Π΅Π΅ Π²Π°ΠΆΠ½Ρ‹Ρ… элСмСнтов вашСй страницы Π² Π²Π΅Ρ€Ρ…Π½Π΅ΠΉ (ΠΈΠ»ΠΈ Π½ΠΈΠΆΠ½Π΅ΠΉ) Ρ‚Ρ€Π΅Ρ‚ΠΈ страницы с Π²Ρ‹Ρ€Π°Π²Π½ΠΈΠ²Π°Π½ΠΈΠ΅ΠΌ основной Ρ‚ΠΎΡ‡ΠΊΠΈ фокуса Π² соотвСтствии с ΠΎΠ΄Π½ΠΈΠΌ ΠΈΠ· пСрСсСчСний. Π•ΡΡ‚ΡŒ ΠΌΠ½ΠΎΠ³ΠΎ рСсурсов для хранСния вашСго сайта? ΠžΠ·Π½Π°ΠΊΠΎΠΌΡŒΡ‚Π΅ΡΡŒ с этими Π²Π°Ρ€ΠΈΠ°Π½Ρ‚Π°ΠΌΠΈ ΠΎΠ±Π»Π°Ρ‡Π½ΠΎΠ³ΠΎ Ρ…Ρ€Π°Π½ΠΈΠ»ΠΈΡ‰Π°.

04. Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ ΠΏΡ€ΠΎΠ±Π΅Π»Ρ‹

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

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

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

05. ΠŸΠΎΠ²Ρ‚ΠΎΡ€ΡΡŽΡ‰ΠΈΠ΅ΡΡ элСмСнты Π΄ΠΈΠ·Π°ΠΉΠ½Π°

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

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

06. Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ ΠΈΠ΅Ρ€Π°Ρ€Ρ…ΠΈΡŽ

Один ΠΈΠ· ΠΊΠ»ΡŽΡ‡Π΅Π²Ρ‹Ρ… ΠΏΠΎΠ΄Ρ…ΠΎΠ΄ΠΎΠ² ΠΊ Π΄ΠΎΡΡ‚ΠΈΠΆΠ΅Π½ΠΈΡŽ Π½ΠΈΡ€Π²Π°Π½Ρ‹ ΠΌΠ°ΠΊΠ΅Ρ‚Π° страницы — это Ρ‡Π΅Ρ‚ΠΊΠΎΠ΅ прСдставлСниС ΠΎ структурС ΠΈ ΠΈΠ΅Ρ€Π°Ρ€Ρ…ΠΈΠΈ. ΠœΡ‹ ΡƒΠΆΠ΅ ΠΊΠΎΡΠ½ΡƒΠ»ΠΈΡΡŒ структуры, Π½ΠΎ Π²Π°ΠΆΠ½ΠΎ Ρ‚Π°ΠΊΠΆΠ΅ ΠΏΠ΅Ρ€Π΅Π΄Π°Ρ‚ΡŒ ΠΎΡ‚Π½ΠΎΡΠΈΡ‚Π΅Π»ΡŒΠ½ΡƒΡŽ Π²Π°ΠΆΠ½ΠΎΡΡ‚ΡŒ Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Ρ… частСй ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π° Π½Π° вашСй страницС. НапримСр, Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ ΠΏΠΎΡ‡Ρ‚ΠΈ всСгда Π΄ΠΎΠ»ΠΆΠ΅Π½ Π±Ρ‹Ρ‚ΡŒ Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½ΠΎ Π±ΠΎΠ»Π΅Π΅ Π²Π°ΠΆΠ½Ρ‹ΠΌ, Ρ‡Π΅ΠΌ основной тСкст.

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

07. Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ ΠΌΠ°ΡΡˆΡ‚Π°Π±, контраст ΠΈ Π³Π°Ρ€ΠΌΠΎΠ½ΠΈΡŽ.

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

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

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

Π‘Ρ‚Π°Ρ‚ΡŒΠΈ ΠΏΠΎ Ρ‚Π΅ΠΌΠ΅:

5 ΠΏΡ€Π°Π²ΠΈΠ» дизайнСрской ΠΊΠΎΠΌΠΏΠΎΠ·ΠΈΡ†ΠΈΠΈ ΠΈ вСрстки

ВсС Π·Π½Π°ΡŽΡ‚, Ρ‡Ρ‚ΠΎ для Ρ‚ΠΎΠ³ΠΎ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡΡ‚Π°Ρ‚ΡŒ Π»ΡƒΡ‡ΡˆΠ΅ Π² любом Π²ΠΈΠ΄Π΅ искусства, Π²Ρ‹ Π΄ΠΎΠ»ΠΆΠ½Ρ‹ сначала ΠΏΠΎΠ½ΡΡ‚ΡŒ ΠΊΠΎΠ½ΠΊΡ€Π΅Ρ‚Π½Ρ‹Π΅ инструмСнты ΠΈ ΠΏΡ€ΠΎΡ†Π΅Π΄ΡƒΡ€Ρ‹, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π΅Π³ΠΎ Ρ„ΠΎΡ€ΠΌΠΈΡ€ΡƒΡŽΡ‚. Π”ΠΈΠ·Π°ΠΉΠ½ Π½ΠΈΡ‡Π΅ΠΌ Π½Π΅ отличаСтся ΠΎΡ‚ ΠΈΠ³Ρ€Ρ‹ Π½Π° ΠΌΡƒΠ·Ρ‹ΠΊΠ°Π»ΡŒΠ½ΠΎΠΌ инструмСнтС ΠΈΠ»ΠΈ Π΄Π°ΠΆΠ΅ ΠΎΡ‚ ΠΏΠΎΠ²Π°Ρ€Π°, готовящСго Π΅Π΄Ρƒ. Если элСмСнты графичСского Π΄ΠΈΠ·Π°ΠΉΠ½Π° (линия, Ρ†Π²Π΅Ρ‚, тСкстура, Ρ„ΠΎΡ€ΠΌΠ°) — это ΠΈΠ½Π³Ρ€Π΅Π΄ΠΈΠ΅Π½Ρ‚Ρ‹, Π²Ρ‹Π»ΠΎΠΆΠ΅Π½Π½Ρ‹Π΅ ΠΏΠ΅Ρ€Π΅Π΄ Π½Π΅ΠΉ, Π° ΠΏΡ€ΠΈΠ½Ρ†ΠΈΠΏΡ‹ Π΄ΠΈΠ·Π°ΠΉΠ½Π° (Π΄Π²ΠΈΠΆΠ΅Π½ΠΈΠ΅, Ρ€ΠΈΡ‚ΠΌ, ΠΏΡ€ΠΎΠΏΠΎΡ€Ρ†ΠΈΠΈ ΠΈ Ρ‚. Π”.) — это Ρ€Π΅Ρ†Π΅ΠΏΡ‚, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΎΠ½Π° ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ для приготовлСния Π΅Π΄Ρ‹, Ρ‚ΠΎΠ³Π΄Π° ΠΏΠΎΠ΄ΡƒΠΌΠ°ΠΉΡ‚Π΅ Π΄ΠΈΠ·Π°ΠΉΠ½-ΠΌΠ°ΠΊΠ΅Ρ‚Π° ΠΈ ΠΊΠΎΠΌΠΏΠΎΠ·ΠΈΡ†ΠΈΠΈ Π² качСствС ΠΎΠΊΠΎΠ½Ρ‡Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎΠΉ обшивки.

Π‘Ρ€ΠΎΡˆΡŽΡ€Π° ΠΏΠΎ Ρ‚ΠΎΡ€Ρ‚Ρƒ ΠΎΡ‚ Luz Viera

ΠšΠΎΠ½Π΅Ρ‡Π½ΠΎ, ΡˆΠ΅Ρ„-ΠΏΠΎΠ²Π°Ρ€ ΠΌΠΎΠ³ Π±Ρ€ΠΎΡΠΈΡ‚ΡŒ всС Π² миску ΠΈ Π½Π°Π·Π²Π°Ρ‚ΡŒ это Ρ…ΠΎΡ€ΠΎΡˆΠΈΠΌ. Или ΠΎΠ½Π° ΠΌΠΎΠΆΠ΅Ρ‚ Ρ€Π°ΡΠΏΠΎΠ»ΠΎΠΆΠΈΡ‚ΡŒ ΠΈΠ½Π³Ρ€Π΅Π΄ΠΈΠ΅Π½Ρ‚Ρ‹ Ρ‚Π°ΠΊΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π²Ρ‹Π΄Π΅Π»ΠΈΡ‚ΡŒ ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½Ρ‹Π΅ элСмСнты Π²Π½ΡƒΡ‚Ρ€ΠΈ; ΠΎΠ½Π° ΠΌΠΎΠΆΠ΅Ρ‚ Π΄ΠΎΡΡ‚Π°Π²ΠΈΡ‚ΡŒ сообщСниС Π² красивой ΡƒΠΏΠ°ΠΊΠΎΠ²ΠΊΠ΅. Π‘ΠΎ Π²Ρ€Π΅ΠΌΠ΅Π½Π΅ΠΌ ΠΈ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅ΠΌ ΠΎΠ½Π° ΠΌΠΎΠΆΠ΅Ρ‚ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ нСвСроятныС впСчатлСния для Ρ‡Π΅Π»ΠΎΠ²Π΅ΠΊΠ°, ΠΏΡ€ΠΈΠ½ΠΈΠΌΠ°ΡŽΡ‰Π΅Π³ΠΎ ΠΏΠΈΡ‰Ρƒ.

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

1. Π‘Π΅Ρ‚ΠΊΠ°

Π‘Π΅Ρ‚ΠΊΠΈ ΡƒΠΏΠΎΡ€ΡΠ΄ΠΎΡ‡ΠΈΠ²Π°ΡŽΡ‚ графичСский Π΄ΠΈΠ·Π°ΠΉΠ½. Они ΡƒΡΠΊΠΎΡ€ΡΡŽΡ‚ процСсс проСктирования, помогая Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Π°ΠΌ Ρ€Π΅ΡˆΠΈΡ‚ΡŒ, Π³Π΄Π΅ Ρ€Π°Π·ΠΌΠ΅ΡΡ‚ΠΈΡ‚ΡŒ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚, Π° Π½Π΅ Π³Π΄Π΅ Π΅Π³ΠΎ ΠΌΠΎΠΆΠ½ΠΎ Ρ€Π°Π·ΠΌΠ΅ΡΡ‚ΠΈΡ‚ΡŒ.

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

Π”ΠΈΠ·Π°ΠΉΠ½ Π²Π΅Π±-сайта Be My Travel Muse ΠΎΡ‚ DSKY

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

2.АкцСнт ΠΈ ΠΌΠ°ΡΡˆΡ‚Π°Π±

Π’ этом объявлСнии ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ΡΡ Ρ†Π²Π΅Ρ‚ ΠΈ ΠΌΠ°ΡΡˆΡ‚Π°Π±, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΠΎΠ΄Ρ‡Π΅Ρ€ΠΊΠ½ΡƒΡ‚ΡŒ Ρ‚ΠΎΡ€Ρ‚, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ являСтся Ρ†Π΅Π½Ρ‚Ρ€Π°Π»ΡŒΠ½Ρ‹ΠΌ элСмСнтом Π΄ΠΈΠ·Π°ΠΉΠ½Π°. Автор adwindesign.

Π“Π»Π°Π·Ρƒ ΠΎΠ±Ρ‹Ρ‡Π½ΠΎ Π½ΡƒΠΆΠ½ΠΎ мСсто для ΠΎΡ‚Π΄Ρ‹Ρ…Π° ΠΈΠ»ΠΈ Ρ‡Ρ‚ΠΎ-Π½ΠΈΠ±ΡƒΠ΄ΡŒ интСрСсноС, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΠΎΠ΄Π΅Ρ€ΠΆΠ°Ρ‚ΡŒ Π΅Π³ΠΎ, ΠΈΠ½Π°Ρ‡Π΅ люди посмотрят Π½Π° ваш Π΄ΠΈΠ·Π°ΠΉΠ½ ΠΈ быстро двинутся дальшС. Допустим, Π²Ρ‹ Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΡ€ΡƒΠ΅Ρ‚Π΅ свою ΠΌΠ°ΠΌΡƒ Π½Π° сСмСйном ΠΏΡ€Π°Π·Π΄Π½ΠΈΠΊΠ΅. Π’Π°ΡˆΠ° Ρ†Π΅Π»ΡŒ — ΠΏΡ€ΠΈΠ²Π»Π΅Ρ‡ΡŒ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅ ΠΊ ΠΌΠΎΠΌΠ΅Π½Ρ‚Ρƒ ΠΈ радости собрания, сдСлав Π²Π°ΡˆΡƒ ΠΌΠ°ΠΌΡƒ ΠΏΡ€Π΅Π΄ΠΌΠ΅Ρ‚ΠΎΠΌ ΠΈ Ρ†Π΅Π½Ρ‚Ρ€ΠΎΠΌ вашСй ΠΊΠΎΠΌΠΏΠΎΠ·ΠΈΡ†ΠΈΠΈ.

Π§Ρ‚ΠΎΠ±Ρ‹ донСсти Π΄ΠΎ зритСля ΠΌΡ‹ΡΠ»ΡŒ ΠΎ Ρ‚ΠΎΠΌ, Ρ‡Ρ‚ΠΎ ваша ΠΌΠ°ΠΌΠ° являСтся Ρ†Π΅Π½Ρ‚Ρ€ΠΎΠΌ внимания, Π²Ρ‹ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΌΠ°ΡΡˆΡ‚Π°Π± ΠΈ Π°ΠΊΡ†Π΅Π½Ρ‚.Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Ρ€Π°Π·ΠΌΠ΅ΡΡ‚ΠΈΡ‚ΡŒ Π΅Π΅ Π½Π° Π²ΠΈΠ΄Π½ΠΎΠΌ мСстС Π½Π° Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΈ ΠΈ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ Ρ‚Π°ΠΊ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΎΠ½Π° Π±Ρ‹Π»Π° самым большим ΠΎΠ±ΡŠΠ΅ΠΊΡ‚ΠΎΠΌ Π½Π° Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΈ. Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π²Ρ‹Π΄Π΅Π»ΠΈΡ‚ΡŒ Π΅Π΅, Ρ€Π°Π·ΠΌΡ‹Π² Ρ„ΠΎΠ½, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π²Ρ‹Π΄Π΅Π»ΠΈΡ‚ΡŒ Π΅Π΅, ΠΈΠ»ΠΈ сосрСдоточив Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅ Π½Π° Π΅Π΅ ярком ΠΏΠ»Π°Ρ‚ΡŒΠ΅.

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

3. ΠžΡΡ‚Π°Ρ‚ΠΎΠΊ

Π§Ρ‚ΠΎ происходит, ΠΊΠΎΠ³Π΄Π° Ρƒ вас Π½Π΅Ρ‚ ΠΏΡ€ΠΎΠ±Π΅Π»ΠΎΠ². ΠœΠ°Π½ΠΈΠΏΡƒΠ»ΡΡ†ΠΈΠΈ со стороны ΠΌΠ΅Π³ΠΈΡ€Π΅ΠΉΠ΄Π°.

Π Π°Π·Π²Π΅ Π½Π΅ всС Π² ΠΆΠΈΠ·Π½ΠΈ — это поиск баланса? Π”ΠΈΠ·Π°ΠΉΠ½ Π½ΠΈΡ‡Π΅ΠΌ Π½Π΅ отличаСтся. Π”ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Ρ‹ Π΄ΠΎΠ»ΠΆΠ½Ρ‹ постоянно ΠΌΠ°Π½ΠΈΠΏΡƒΠ»ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Ρ€Π°Π·Π½Ρ‹ΠΌΠΈ элСмСнтами, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π½Π°ΠΉΡ‚ΠΈ Π³Π°Ρ€ΠΌΠΎΠ½ΠΈΡŽ Π² своСм Π΄ΠΈΠ·Π°ΠΉΠ½Π΅. ΠŸΡ€Π΅Π΄ΡΡ‚Π°Π²ΡŒΡ‚Π΅ сСбС Π½Π΅Π²ΠΈΠ΄ΠΈΠΌΡ‹ΠΉ Π½Π°Π±ΠΎΡ€ вСсов Π² ΠΊΠ°ΠΆΠ΄ΠΎΠΌ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅ ΠΈ ΡƒΠ±Π΅Π΄ΠΈΡ‚Π΅ΡΡŒ, Ρ‡Ρ‚ΠΎ Π²Ρ‹ Π½Π΅ склоняСтС Ρ‡Π°ΡˆΡƒ вСсов, размСщая элСмСнты Π½Π° ΠΎΠ΄Π½ΠΎΠΉ сторонС сСтки. ΠŸΡ€ΠΈΠ²Π΅Π΄Π΅Π½Π½Ρ‹ΠΉ Π²Ρ‹ΡˆΠ΅ Π΄ΠΈΠ·Π°ΠΉΠ½ Π²Π΅Π±-сайта Π΄Π΅Π»Π°Π΅Ρ‚ это чисто, сочСтая элСмСнты ΠΊΡ€ΡƒΠΏΠ½ΠΎΠ³ΠΎ ΡˆΡ€ΠΈΡ„Ρ‚Π° (Β«Π§Ρ‚ΠΎ ΠΌΡ‹ Π΄Π΅Π»Π°Π΅ΠΌΒ», «Наши Ρ€Π°Π±ΠΎΡ‚Ρ‹Β») с мСньшими, Ρ€Π°Π²Π½Ρ‹ΠΌΠΈ ΠΏΠΎ Ρ€Π°Π·ΠΌΠ΅Ρ€Ρƒ Π°Π±Π·Π°Ρ†Π°ΠΌΠΈ Π±ΠΎΠ»Π΅Π΅ Π΄Π»ΠΈΠ½Π½ΠΎΠΉ ΠΏΠΎΡΡΠ½ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΠΉ ΠΊΠΎΠΏΠΈΠΈ.

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

4. ΠŸΡ€Π°Π²ΠΈΠ»ΠΎ Ρ‚Ρ€Π΅Ρ‚Π΅ΠΉ

Π₯ΠΎΡ€ΠΎΡˆΠΎ сбалансированный ΠΌΠ°ΠΊΠ΅Ρ‚ Ρ„ΡƒΡ‚Π±ΠΎΠ»ΠΊΠΈ с использованиСм ΠΏΡ€Π°Π²ΠΈΠ»Π° Ρ‚Ρ€Π΅Ρ‚Π΅ΠΉ. Π§Π΅Ρ€Π΅Π· BATHI.

ΠŸΡ€Π°Π²ΠΈΠ»ΠΎ Ρ‚Ρ€Π΅Ρ‚Π΅ΠΉ Π½Π΅ΠΈΠ·Π±Π΅ΠΆΠ½ΠΎ Π² Π΄ΠΈΠ·Π°ΠΉΠ½Π΅. Π­Ρ‚ΠΎ Ρ„ΡƒΠ½Π΄Π°ΠΌΠ΅Π½Ρ‚Π°Π»ΡŒΠ½Ρ‹ΠΉ совСт, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π½Π°ΡΡ‚ΠΎΠ»ΡŒΠΊΠΎ прост ΠΈ эффСктивСн, Ρ‡Ρ‚ΠΎ часто каТСтся ΠΎΠ±ΠΌΠ°Π½ΠΎΠΌ: Ρ€Π°Π·Π΄Π΅Π»ΠΈΡ‚Π΅ Π΄ΠΈΠ·Π°ΠΉΠ½ Π½Π° Ρ‚Ρ€ΠΈ строки ΠΈ Ρ‚Ρ€ΠΈ столбца. Π’ΠΎΡ‡ΠΊΠΈ, Π³Π΄Π΅ Π²ΡΡ‚Ρ€Π΅Ρ‡Π°ΡŽΡ‚ΡΡ Π²Π΅Ρ€Ρ‚ΠΈΠΊΠ°Π»ΡŒΠ½Ρ‹Π΅ ΠΈ Π³ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΡŒΠ½Ρ‹Π΅ Π»ΠΈΠ½ΠΈΠΈ, ΠΎΠ±Ρ€Π°Π·ΡƒΡŽΡ‚ СстСствСнныС ΠΎΡ€ΠΈΠ΅Π½Ρ‚ΠΈΡ€Ρ‹ для Ρ‚ΠΎΠ³ΠΎ, Π³Π΄Π΅ Π²Ρ‹ Π΄ΠΎΠ»ΠΆΠ½Ρ‹ Ρ€Π°Π·ΠΌΠ΅ΡΡ‚ΠΈΡ‚ΡŒ ΠΎΠ±ΡŠΠ΅ΠΊΡ‚ ΠΈ Π²ΡΠΏΠΎΠΌΠΎΠ³Π°Ρ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ элСмСнты. НС ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π½Π°ΠΉΡ‚ΠΈ баланс Π² своСм Π΄ΠΈΠ·Π°ΠΉΠ½Π΅? ΠŸΡ€Π°Π²ΠΈΠ»ΠΎ Ρ‚Ρ€Π΅Ρ‚Π΅ΠΉ скоро станСт вашим Π»ΡƒΡ‡ΡˆΠΈΠΌ Π΄Ρ€ΡƒΠ³ΠΎΠΌ.

ИдСально сбалансированная пСйзаТная фотография. Π’ΠΈΠ° АндрСас Π’ΠΎΠ½ΠΈΡˆ.

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

5. ΠŸΡ€Π°Π²ΠΈΠ»ΠΎ коэффициСнтов

Π”ΠΈΠ·Π°ΠΉΠ½ Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏΠ°, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ ΠΏΡ€Π°Π²ΠΈΠ»ΠΎ шансов, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΡ€ΠΈΠ²Π»Π΅Ρ‡ΡŒ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅ ΠΊ фокусу.Π§Π΅Ρ€Π΅Π· Freshinnet.

ΠŸΡ€Π°Π²ΠΈΠ»ΠΎ шансов гласит, Ρ‡Ρ‚ΠΎ Π² приятных композициях часто Π±Ρ‹Π²Π°Π΅Ρ‚ Π½Π΅Ρ‡Π΅Ρ‚Π½ΠΎΠ΅ количСство элСмСнтов, Ρ€Π°Π·ΠΌΠ΅Ρ‰Π΅Π½Π½Ρ‹Ρ… Π½Π° ΠΏΠ΅Ρ€Π΅Π΄Π½Π΅ΠΌ ΠΏΠ»Π°Π½Π΅, Ρ‡Π°Ρ‰Π΅ всСго Ρ‚Ρ€ΠΈ. Π”Π²Π° ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Π° снаруТи ΡƒΡ€Π°Π²Π½ΠΎΠ²Π΅ΡˆΠΈΠ²Π°ΡŽΡ‚ фокус Π² Ρ†Π΅Π½Ρ‚Ρ€Π΅, создавая простой, СстСствСнный баланс. (Если Π²Ρ‹ свадСбный Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„, это, вСроятно, самоС слоТноС ΠΏΡ€Π°Π²ΠΈΠ»ΠΎ.) Π­Ρ‚ΠΎ часто Π²Π΅Ρ€Π½ΠΎ Π² Π΄ΠΈΠ·Π°ΠΉΠ½Π΅ Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏΠΎΠ², Π³Π΄Π΅ Ρ†Π΅Π½Ρ‚Ρ€ΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹ΠΉ Π·Π½Π°ΠΊ ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ смСщСн с ΠΎΠ±Π΅ΠΈΡ… сторон Π½Π°Π·Π²Π°Π½ΠΈΠ΅ΠΌ ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠΈ, ΠΊΠ°ΠΊ Π² Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏΠ΅ Needle Records.

Π‘ΠΈΠ»Π° ΠΏΡ€ΠΎΠ΄ΡƒΠΌΠ°Π½Π½ΠΎΠ³ΠΎ Π΄ΠΈΠ·Π°ΠΉΠ½Π°

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

Π₯ΠΎΡ‚ΠΈΡ‚Π΅ Π½Π°Ρ‡Π°Ρ‚ΡŒ свою ΠΊΠ°Ρ€ΡŒΠ΅Ρ€Ρƒ графичСского Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Π°?
Π£Π·Π½Π°ΠΉΡ‚Π΅, ΠΊΠ°ΠΊ фриланс Π½Π° 99designs ΠΌΠΎΠΆΠ΅Ρ‚ ΠΏΠΎΠΌΠΎΡ‡ΡŒ Π²Π°ΠΌ Π½Π°ΠΉΡ‚ΠΈ большС Ρ€Π°Π±ΠΎΡ‚Ρ‹.

Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ Π»ΡƒΡ‡ΡˆΠΈΡ… UI-Π΄ΠΈΠ·Π°ΠΉΠ½ΠΎΠ² с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Layout Grids — Smashing Magazine

Об Π°Π²Ρ‚ΠΎΡ€Π΅

Ник Π‘Π°Π±ΠΈΡ‡ — Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊ, тСхничСский энтузиаст ΠΈ Π»ΡŽΠ±ΠΈΡ‚Π΅Π»ΡŒ UX.ПослСдниС 10 Π»Π΅Ρ‚ ΠΎΠ½ ΠΏΡ€ΠΎΡ€Π°Π±ΠΎΡ‚Π°Π» Π² индустрии ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ½ΠΎΠ³ΠΎ обСспСчСния, ΡΠΏΠ΅Ρ†ΠΈΠ°Π»ΠΈΠ·ΠΈΡ€ΡƒΡΡΡŒ Π½Π° …
Π‘ΠΎΠ»ΡŒΡˆΠ΅ ΠΎ
Ник
↬

(Π­Ρ‚ΠΎ спонсируСмый пост.) ЦСль этой ΡΡ‚Π°Ρ‚ΡŒΠΈ — Π΄Π°Ρ‚ΡŒ Π²Π°ΠΌ Ρ…ΠΎΡ€ΠΎΡˆΠ΅Π΅ прСдставлСниС ΠΎ сСточных систСмах, ΠΎ Ρ‚ΠΎΠΌ, Ρ‡Ρ‚ΠΎ ΠΎΠ½ΠΈ ΠΈΠ· сСбя ΠΏΡ€Π΅Π΄ΡΡ‚Π°Π²Π»ΡΡŽΡ‚ ΠΈ ΠΊΠ°ΠΊ ΠΈΡ… ΠΌΠΎΠΆΠ½ΠΎ ΠΏΡ€ΠΈΠΌΠ΅Π½ΠΈΡ‚ΡŒ Π² процСссС проСктирования. ПониманиС Ρ‚ΠΎΠ³ΠΎ, ΠΊΠ°ΠΊ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ сСтки, ΠΏΡ€ΠΈΠ΄Π΅Ρ‚ ΠΈΠ· практичСского ΠΎΠΏΡ‹Ρ‚Π°.

(Π­Ρ‚ΠΎ спонсируСмый пост. ) Π”ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Ρ‹ всСх Ρ‚ΠΈΠΏΠΎΠ² постоянно ΡΡ‚Π°Π»ΠΊΠΈΠ²Π°ΡŽΡ‚ΡΡ с ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΠ°ΠΌΠΈ, связанными со структурой своих ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΎΠ². Один ΠΈΠ· самых простых способов ΠΊΠΎΠ½Ρ‚Ρ€ΠΎΠ»ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ структуру ΠΌΠ°ΠΊΠ΅Ρ‚Π° ΠΈ Π΄ΠΎΠ±ΠΈΡ‚ΡŒΡΡ согласованного ΠΈ ΠΎΡ€Π³Π°Π½ΠΈΠ·ΠΎΠ²Π°Π½Π½ΠΎΠ³ΠΎ Π΄ΠΈΠ·Π°ΠΉΠ½Π° — это ΠΏΡ€ΠΈΠΌΠ΅Π½ΠΈΡ‚ΡŒ систСму сСток.

Π‘Π΅Ρ‚ΠΊΠ° ΠΏΠΎΡ…ΠΎΠΆΠ° Π½Π° Π½Π΅Π²ΠΈΠ΄ΠΈΠΌΡ‹ΠΉ ΠΊΠ»Π΅ΠΉ, ΡΠΊΡ€Π΅ΠΏΠ»ΡΡŽΡ‰ΠΈΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½. Π”Π°ΠΆΠ΅ ΠΊΠΎΠ³Π΄Π° элСмСнты физичСски ΠΎΡ‚Π΄Π΅Π»Π΅Π½Ρ‹ Π΄Ρ€ΡƒΠ³ ΠΎΡ‚ Π΄Ρ€ΡƒΠ³Π°, Ρ‡Ρ‚ΠΎ-Ρ‚ΠΎ Π½Π΅Π²ΠΈΠ΄ΠΈΠΌΠΎΠ΅ связываСт ΠΈΡ… вмСстС.

Π₯отя сСтки ΠΈ систСмы ΠΊΠΎΠΌΠΏΠΎΠ½ΠΎΠ²ΠΊΠΈ ΡΠ²Π»ΡΡŽΡ‚ΡΡ Ρ‡Π°ΡΡ‚ΡŒΡŽ наслСдия Π΄ΠΈΠ·Π°ΠΉΠ½Π°, ΠΎΠ½ΠΈ ΠΏΠΎ-ΠΏΡ€Π΅ΠΆΠ½Π΅ΠΌΡƒ Π°ΠΊΡ‚ΡƒΠ°Π»ΡŒΠ½Ρ‹ Π² нашСм многоэкранном ΠΌΠΈΡ€Π΅. ВСхнологичСскиС устройства ΠΊΠΎΡ€Π΅Π½Π½Ρ‹ΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ ΠΈΠ·ΠΌΠ΅Π½ΠΈΠ»ΠΈ способ поиска ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΈ ΠΈ Ρ‚ΠΎ, ΠΊΠ°ΠΊ ΠΌΡ‹ Ρ€Π°Π±ΠΎΡ‚Π°Π΅ΠΌ Π² повсСднСвной ΠΆΠΈΠ·Π½ΠΈ. БСгодня 90% всСх взаимодСйствий со БМИ осущСствляСтся Π½Π° основС экрана, ΠΊΠΎΠ³Π΄Π° ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚ просматриваСтся Π½Π° ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Ρ… Ρ‚Π΅Π»Π΅Ρ„ΠΎΠ½Π°Ρ…, ΠΏΠ»Π°Π½ΡˆΠ΅Ρ‚Π°Ρ…, Π½ΠΎΡƒΡ‚Π±ΡƒΠΊΠ°Ρ…, Ρ‚Π΅Π»Π΅Π²ΠΈΠ·ΠΎΡ€Π°Ρ… ΠΈ смарт-часах.ΠœΠ½ΠΎΠ³ΠΎΡΠΊΡ€Π°Π½Π½ΠΎΠ΅ ΠΏΠΎΠ²Π΅Π΄Π΅Π½ΠΈΠ΅ быстро становится Π½ΠΎΡ€ΠΌΠΎΠΉ, Π° ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ для Π½Π΅ΡΠΊΠΎΠ»ΡŒΠΊΠΈΡ… экранов стало Π½Π΅ΠΎΡ‚ΡŠΠ΅ΠΌΠ»Π΅ΠΌΠΎΠΉ Ρ‡Π°ΡΡ‚ΡŒΡŽ бизнСса. Как Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Ρ‹, ΠΌΡ‹ Ρ…ΠΎΡ‚ΠΈΠΌ ΠΏΠΎΠ΄Π°Ρ€ΠΈΡ‚ΡŒ людям, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‰ΠΈΠΌ наши ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚Ρ‹, приятныС ΠΈ приятныС впСчатлСния — ΠΈ сСтки ΠΌΠΎΠ³ΡƒΡ‚ Π½Π°ΠΌ Π² этом ΠΏΠΎΠΌΠΎΡ‡ΡŒ.

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

Π’ этой ΡΡ‚Π°Ρ‚ΡŒΠ΅ я собрал ΠΌΠ½ΠΎΠ³ΠΎ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΈ ΠΎ сСтках, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€:

  • Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ сСтки,
  • ΠΊΡ€Π°Ρ‚ΠΊΡƒΡŽ ΠΈΡΡ‚ΠΎΡ€ΠΈΡŽ сСтки,
  • Π±Π°Π·ΠΎΠ²ΡƒΡŽ Ρ‚Π΅ΠΎΡ€ΠΈΡŽ сСток,
  • Ρ‡Π΅Ρ‚Ρ‹Ρ€Π΅ Ρ‚ΠΈΠΏΠ° сСток. ΠΌΠ°ΠΊΠ΅Ρ‚Ρ‹ сСток,
  • ΠΌΠ°ΠΊΠ΅Ρ‚ΠΎΠ² сСток Π² ΠΈΠ½Ρ‚Π΅Ρ€Π°ΠΊΡ‚ΠΈΠ²Π½ΠΎΠΌ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅.

Π§Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ ΡΠ΅Ρ‚ΡŒ?

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

ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡŽΡ‚ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Π°ΠΌ ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ ΠΏΡ€ΠΎΡ‡Π½ΡƒΡŽ структуру ΠΈ Ρ„ΠΎΡ€ΠΌΡƒ Π² своих ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π°Ρ….(Π˜Π·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ прСдоставлСно: Thinking Form)

БистСма сСток Π·Π°Ρ€ΠΎΠ΄ΠΈΠ»Π°ΡΡŒ Π² полиграфичСском Π΄ΠΈΠ·Π°ΠΉΠ½Π΅, Π½ΠΎ ΠΏΡ€ΠΈΠΌΠ΅Π½ΡΠ»Π°ΡΡŒ Π²ΠΎ ΠΌΠ½ΠΎΠ³ΠΈΡ… дисциплинах. На самом Π΄Π΅Π»Π΅, Ссли ΠΌΡ‹ посмотрим Π²ΠΎΠΊΡ€ΡƒΠ³, ΠΌΡ‹ ΡƒΠ²ΠΈΠ΄ΠΈΠΌ, Ρ‡Ρ‚ΠΎ ΠΌΠ½ΠΎΠ³ΠΈΠ΅ Π²Π΅Ρ‰ΠΈ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΌΡ‹ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅ΠΌ Π΅ΠΆΠ΅Π΄Π½Π΅Π²Π½ΠΎ, Π±Ρ‹Π»ΠΈ спроСктированы с использованиСм сСтки:

КниТная ΠΏΠΎΠ»ΠΊΠ° — это своСго Ρ€ΠΎΠ΄Π° сСтка (Π˜Π·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ прСдоставлСно Century House Inc) БарсСлонский Ρ€Π°ΠΉΠΎΠ½ ЭшамплС ΠΏΠΎΠΊΠ°Π·Ρ‹Π²Π°Π΅Ρ‚, ΠΊΠ°ΠΊ Π°Ρ€Ρ…ΠΈΡ‚Π΅ΠΊΡ‚ΠΎΡ€Ρ‹ использовали сСтка для Ρ€Π°Π·ΠΌΠ΅Ρ‚ΠΊΠΈ окрСстностСй. Π’Π°Π±Π»ΠΈΡ†Ρ‹ Π² Microsoft Excel ΡΠ²Π»ΡΡŽΡ‚ΡΡ ΠΏΡ€ΠΈΠΌΠ΅Ρ€ΠΎΠΌ систСмы сСток, примСняСмой ΠΊ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Ρƒ. Π‘Π΅Ρ‚ΠΊΠΈ ΠΎΠ±Ρ‹Ρ‡Π½ΠΎ ΠΏΡ€ΠΈΠΌΠ΅Π½ΡΡŽΡ‚ΡΡ для оформлСния экрана.Π­Ρ‚Π° страница содСрТит сСтку элСмСнтов. (Π˜Π·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ прСдоставлСно: Material Design)

ΠšΡ€Π°Ρ‚ΠΊΠ°Ρ история сСтки

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

Π‘Π΅Ρ‚ΠΊΠ° ΠΈ Π΄ΠΈΠ·Π°ΠΉΠ½ Ρ€Π°Π½Π½ΠΈΡ… ΠΊΠ½ΠΈΠ³

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

ΠŸΡΠ°Π»Ρ‚Ρ‹Ρ€ΡŒ Бвятого Олбана, Англия, 12 Π²Π΅ΠΊ. (Π˜Π·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ прСдоставлСно Citrinitas)

Π­ΠΏΠΎΡ…Π° ВозроТдСния ΠΈ Π³Π°Ρ€ΠΌΠΎΠ½ΠΈΡ‡Π½Ρ‹ΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½

ΠšΠ°Ρ€Ρ‚ΠΈΠ½Ρ‹ эпохи ВозроТдСния ΠΎΠΊΠ°Π·Π°Π»ΠΈ Π·Π½Π°Ρ‡ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΠ΅ влияниС Π½Π° Ρ€Π°Π·Π²ΠΈΡ‚ΠΈΠ΅ систСм сСток. Π₯ΡƒΠ΄ΠΎΠΆΠ½ΠΈΠΊΠΈ ΡΡ‚Ρ€Π΅ΠΌΠΈΠ»ΠΈΡΡŒ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ ΠΈΠ΄Π΅Π°Π»ΡŒΠ½ΡƒΡŽ Π³Π΅ΠΎΠΌΠ΅Ρ‚Ρ€ΠΈΡŽ, которая ΠΏΡ€ΠΈΠ²Π΅Π»Π° ΠΊ Ρ†Π΅Π½Ρ‚Ρ€ΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹ΠΌ ΠΈ симмСтричным ΠΌΠ°ΠΊΠ΅Ρ‚Π°ΠΌ холста, ΠΈ это Ρ…Π°Ρ€Π°ΠΊΡ‚Π΅Ρ€ΠΈΠ·ΡƒΠ΅Ρ‚ творчСство Ρ…ΡƒΠ΄ΠΎΠΆΠ½ΠΈΠΊΠΎΠ² Ρ‚ΠΎΠ³ΠΎ ΠΏΠ΅Ρ€ΠΈΠΎΠ΄Π°.

ΠœΠ°Π·Π°Ρ‡Ρ‡ΠΎ, Β«Π”Π΅Π½ΡŒΠ³ΠΈ Π΄Π°Π½ΠΈΒ», ΠΊΠ°ΠΏΠ΅Π»Π»Π° Π‘Ρ€Π°Π½ΠΊΠ°Ρ‡Ρ‡ΠΈ, 1425 Π³. (Π˜Π·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ прСдоставлСно Ρ…ΡƒΠ΄ΠΎΠΆΠ½ΠΈΠΊΠΎΠΌ)

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

Π’ΠΈΠ»Π»Π°Ρ€ Π΄Π΅ ΠžΠ½Π½Π΅ΠΊΡƒΡ€ остаСтся руководящим ΠΏΡ€ΠΈΠ½Ρ†ΠΈΠΏΠΎΠΌ ΠΏΡ€ΠΈ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠ΅ ΠΎΠ±ΡŠΠ΅ΠΊΡ‚ΠΎΠ² ΠΏΠ΅Ρ‡Π°Ρ‚ΠΈ, Ρ‚Π°ΠΊΠΈΡ… ΠΊΠ°ΠΊ ΠΎΠ±Π»ΠΎΠΆΠΊΠΈ ΠΊΠ½ΠΈΠ³. Он ΠΏΠΎΠΊΠ°Π·Ρ‹Π²Π°Π΅Ρ‚, ΠΊΠ°ΠΊ Π½Π°ΠΉΡ‚ΠΈ баланс для создания элСгантного ΠΎΠ±Ρ€Π°Π·Π°. (Π˜Π·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ прСдоставлСно Retinart)

Π‘Π΅Ρ‚ΠΊΠ° ΠΈ полиграфичСский Π΄ΠΈΠ·Π°ΠΉΠ½

Π‘ Π½Π°Ρ‡Π°Π»Π° ΠΏΠ΅Ρ‡Π°Ρ‚ΠΈ (сСрСдина 15 Π²Π΅ΠΊΠ°) Π΄ΠΎ ΠΏΡ€ΠΎΠΌΡ‹ΡˆΠ»Π΅Π½Π½ΠΎΠΉ Ρ€Π΅Π²ΠΎΠ»ΡŽΡ†ΠΈΠΈ (ΠΊΠΎΠ½Π΅Ρ† 18 Π²Π΅ΠΊΠ°) ΠΊΠ½ΠΈΠ³Π° Π±Ρ‹Π»Π° основным ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚ΠΎΠΌ ΠΏΠ΅Ρ‡Π°Ρ‚ΠΈ. Π—Π° Ρ€Π΅Π΄ΠΊΠΈΠΌ ΠΈΡΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΠ΅ΠΌ, ΡˆΡ€ΠΈΡ„Ρ‚ ΠΎΠ±Ρ‹Ρ‡Π½ΠΎ устанавливался Π² ΠΎΠ΄ΠΈΠ½ столбСц ΠΏΠΎ ΡˆΠΈΡ€ΠΈΠ½Π΅ Π½Π° страницу ΠΈ располагался симмСтрично Π½Π° Ρ€Π°Π·Π²ΠΎΡ€ΠΎΡ‚Π΅.

Книга эпохи ВозроТдСния (Π˜Π·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ прСдоставлСно MOMA)

ΠŸΡ€ΠΎΠΌΡ‹ΡˆΠ»Π΅Π½Π½Π°Ρ Ρ€Π΅Π²ΠΎΠ»ΡŽΡ†ΠΈΡ ΠΈ конкурСнция Π·Π° Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅

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

ГазСтная страница с Ρ€Π΅ΠΊΠ»Π°ΠΌΠΎΠΉ, ΠŸΠ°Ρ€ΠΈΠΆ, Ѐранция, 1919 Π³. (Π˜Π·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ прСдоставлСно Wisegeek)

ШвСйцарская школа

Π‘Π΅Ρ‚ΠΊΠ°, ΠΊΠΎΡ‚ΠΎΡ€ΡƒΡŽ ΠΌΡ‹ Π·Π½Π°Π΅ΠΌ сСгодня, привязана ΠΊ ΡˆΠ²Π΅ΠΉΡ†Π°Ρ€ΡΠΊΠΎΠΉ Ρ‚ΠΈΠΏΠΎΠ³Ρ€Π°Ρ„ΠΈΠΊΠ΅. Π’ΠΎ врСмя ΠŸΠ΅Ρ€Π²ΠΎΠΉ ΠΌΠΈΡ€ΠΎΠ²ΠΎΠΉ Π²ΠΎΠΉΠ½Ρ‹ ШвСйцария, ΡΠΎΡ…Ρ€Π°Π½ΡΠ²ΡˆΠ°Ρ Π½Π΅ΠΉΡ‚Ρ€Π°Π»ΠΈΡ‚Π΅Ρ‚, стала мСстом встрСчи творчСских людСй со всСй Π•Π²Ρ€ΠΎΠΏΡ‹. ΠŸΠΎΡΠΊΠΎΠ»ΡŒΠΊΡƒ ΠΏΠ΅Ρ‡Π°Ρ‚Π½Ρ‹Π΅ ΠΏΡƒΠ±Π»ΠΈΠΊΠ°Ρ†ΠΈΠΈ Π΄ΠΎΠ»ΠΆΠ½Ρ‹ Π±Ρ‹Π»ΠΈ Π±Ρ‹Ρ‚ΡŒ Π²Ρ‹ΠΏΡƒΡ‰Π΅Π½Ρ‹ Π½Π° Ρ‚Ρ€Π΅Ρ… ΠΎΡ„ΠΈΡ†ΠΈΠ°Π»ΡŒΠ½Ρ‹Ρ… языках — Π½Π΅ΠΌΠ΅Ρ†ΠΊΠΎΠΌ, французском ΠΈ ΠΈΡ‚Π°Π»ΡŒΡΠ½ΡΠΊΠΎΠΌ, — Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Π°ΠΌ ΠΏΠΎΡ‚Ρ€Π΅Π±ΠΎΠ²Π°Π»Π°ΡΡŒ новая сСточная систСма, которая ΠΏΠΎΠ·Π²ΠΎΠ»ΠΈΠ»Π° Π±Ρ‹ это ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ. Π’ΠΈΠΏΠΎΠ³Ρ€Π°Ρ„Ρ‹, Ρ‚Π°ΠΊΠΈΠ΅ ΠΊΠ°ΠΊ Π―Π½ Π§ΠΈΡ…ΠΎΠ»ΡŒΠ΄ ΠΈ Π“Π΅Ρ€Π±Π΅Ρ€Ρ‚ Π‘Π°ΠΉΠ΅Ρ€, ΠΏΡ€ΠΈΠΌΠ΅Π½ΠΈΠ»ΠΈ ΠΌΠΎΠ΄ΡƒΠ»ΡŒΠ½Ρ‹ΠΉ ΠΏΠΎΠ΄Ρ…ΠΎΠ΄.Π’ΠΏΠ΅Ρ€Π²Ρ‹Π΅ пустоС пространство Π±Ρ‹Π»ΠΎ использовано Π² качСствС динамичСского ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚Π° ΠΏΡ€ΠΈ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠΈ ΠΌΠ°ΠΊΠ΅Ρ‚Π°, Ρ‡Ρ‚ΠΎ ΠΏΡ€ΠΈΠ²Π΅Π»ΠΎ ΠΊ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠ΅ слоТных систСм сСток.

Π”ΠΆΠΎΠ·Π΅Ρ„ ΠœΡŽΠ»Π»Π΅Ρ€-Π‘Ρ€ΠΎΠΊΠΌΠ°Π½Π½ Β« Π‘Π΅Ρ‚ΠΎΡ‡Π½Ρ‹Π΅ систСмы Π² графичСском Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Β» , 1961. (Π˜Π·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ прСдоставлСно Вомасом Π‘Ρ€Π΅Π΄ΠΈΠ½ΠΎΠΌ-Π“Ρ€Π΅Π΅ΠΌ)

Базовая тСория сСток

Π Π°Π±ΠΎΡ‚Π°Π΅Ρ‚Π΅ Π»ΠΈ Π²Ρ‹ Π² ΠΏΠ΅Ρ‡Π°Ρ‚ΠΈ ΠΈΠ»ΠΈ Π² Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅ ΠΈΠ»ΠΈ мобильном Π΄ΠΈΠ·Π°ΠΉΠ½Π΅, Π²Π°ΠΌ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ ΠΏΠΎΠ½ΠΈΠΌΠ°Ρ‚ΡŒ основы Ρ‚Π΅ΠΎΡ€ΠΈΠΈ сСток.

Анатомия сСтки

ВсС сСтки, простыС ΠΈΠ»ΠΈ слоТныС, ΠΈΠΌΠ΅ΡŽΡ‚ нСсколько ΠΎΠ±Ρ‰ΠΈΡ… частСй:

  • Π€ΠΎΡ€ΠΌΠ°Ρ‚
    Π€ΠΎΡ€ΠΌΠ°Ρ‚ — это ΠΎΠ±Π»Π°ΡΡ‚ΡŒ, Π² ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΉ размСщаСтся Π΄ΠΈΠ·Π°ΠΉΠ½.Π’ Π±ΡƒΠΌΠ°ΠΆΠ½ΠΎΠΉ ΠΊΠ½ΠΈΠ³Π΅ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ — это страница. Π’ Π˜Π½Ρ‚Π΅Ρ€Π½Π΅Ρ‚Π΅ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ Ρ€Π°Π²Π΅Π½ Ρ€Π°Π·ΠΌΠ΅Ρ€Ρƒ ΠΎΠΊΠ½Π° Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°.
  • Поля
    Поля — это ΠΎΡ‚Ρ€ΠΈΡ†Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎΠ΅ пространство ΠΌΠ΅ΠΆΠ΄Ρƒ ΠΊΡ€Π°Π΅ΠΌ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π° ΠΈ внСшним ΠΊΡ€Π°Π΅ΠΌ содСрТимого.

ПолС для Π±Π»ΠΎΠΊΠ° содСрТимого

  • Π‘Ρ‚ΠΎΠ»Π±Ρ†Ρ‹ ΠΈ ΠΏΠ΅Ρ€Π΅ΡƒΠ»ΠΊΠΈ
    Π’ своСй основной Ρ„ΠΎΡ€ΠΌΠ΅ сСтка состоит ΠΈΠ· Π΄Π²ΡƒΡ… основных ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚ΠΎΠ²: столбцов ΠΈ ΠΏΠ΅Ρ€Π΅ΡƒΠ»ΠΊΠΎΠ². ΠšΠΎΠ»ΠΎΠ½Π½Ρ‹ — это ΡΡ‚Ρ€ΠΎΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ Π±Π»ΠΎΠΊΠΈ сСток. ΠŸΡ€ΠΎΡΡ‚Ρ€Π°Π½ΡΡ‚Π²ΠΎ ΠΌΠ΅ΠΆΠ΄Ρƒ ΠΊΠΎΠ»ΠΎΠ½Π½Π°ΠΌΠΈ называСтся ΠΏΠ΅Ρ€Π΅ΡƒΠ»ΠΊΠ°ΠΌΠΈ.ВмСстС столбцы ΠΈ ΠΏΠ΅Ρ€Π΅ΡƒΠ»ΠΊΠΈ Π·Π°Π½ΠΈΠΌΠ°ΡŽΡ‚ Π³ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΡŒΠ½ΡƒΡŽ ΡˆΠΈΡ€ΠΈΠ½Ρƒ экрана.

ΠŸΡ€ΠΎΡΡ‚Ρ€Π°Π½ΡΡ‚Π²ΠΎ ΠΌΠ΅ΠΆΠ΄Ρƒ ΠΊΠΎΠ»ΠΎΠ½Π½Π°ΠΌΠΈ называСтся ΠΏΠ΅Ρ€Π΅ΡƒΠ»ΠΊΠ°ΠΌΠΈ.

  • ΠœΠΎΠ΄ΡƒΠ»ΠΈ
    ΠœΠΎΠ΄ΡƒΠ»ΠΈ — это ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½Ρ‹Π΅ Π΅Π΄ΠΈΠ½ΠΈΡ†Ρ‹ пространства, созданныС Π½Π° пСрСсСчСнии столбцов ΠΈ строк (Ρ‚. Π•. Π“ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΡŒΠ½Ρ‹Ρ… эквивалСнтов столбцов).

ΠœΠΎΠ΄ΡƒΠ»ΠΈ — это Π΅Π΄ΠΈΠ½ΠΈΡ†Ρ‹, созданныС Π½Π° пСрСсСчСнии строк ΠΈ столбцов.

Π§Π΅Ρ‚Ρ‹Ρ€Π΅ Ρ‚ΠΈΠΏΠ° сСток Ρ€Π°Π·ΠΌΠ΅Ρ‚ΠΊΠΈ

Π‘Ρ‚ΠΎΠ»Π±Ρ†Ρ‹, ΠΌΠΎΠ΄ΡƒΠ»ΠΈ, ΠΏΠ΅Ρ€Π΅ΡƒΠ»ΠΊΠΈ ΠΈ поля ΠΌΠΎΠΆΠ½ΠΎ ΠΊΠΎΠΌΠ±ΠΈΠ½ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΠΏΠΎ-Ρ€Π°Π·Π½ΠΎΠΌΡƒ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡΡ„ΠΎΡ€ΠΌΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Π΅ Ρ‚ΠΈΠΏΡ‹ сСток.НиТС прСдставлСны Ρ‡Π΅Ρ‚Ρ‹Ρ€Π΅ стандартныС сСтки ΠΌΠ°ΠΊΠ΅Ρ‚ΠΎΠ²:

  • сСтка рукописСй,
  • сСтка столбцов,
  • ΠΌΠΎΠ΄ΡƒΠ»ΡŒΠ½Π°Ρ сСтка,
  • сСтка Π±Π°Π·ΠΎΠ²Ρ‹Ρ… Π»ΠΈΠ½ΠΈΠΉ.

Π”Π°Π²Π°ΠΉΡ‚Π΅ рассмотрим, ΠΊΠΎΠ³Π΄Π° Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΊΠ°ΠΆΠ΄Ρ‹ΠΉ ΠΈΠ· Π½ΠΈΡ….

Π‘Π΅Ρ‚ΠΊΠ° рукописСй

Π‘Π΅Ρ‚ΠΊΠ° рукописСй (ΠΈΠ»ΠΈ сСтка с ΠΎΠ΄Π½ΠΈΠΌ столбцом, ΠΊΠ°ΠΊ Π΅Π΅ часто Π½Π°Π·Ρ‹Π²Π°ΡŽΡ‚) — это ΠΏΡ€ΠΎΡΡ‚Π΅ΠΉΡˆΠ°Ρ структура сСтки. По сути, это большая ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½Π°Ρ ΠΎΠ±Π»Π°ΡΡ‚ΡŒ, которая Π·Π°Π½ΠΈΠΌΠ°Π΅Ρ‚ Π±ΠΎΠ»ΡŒΡˆΡƒΡŽ Ρ‡Π°ΡΡ‚ΡŒ пространства Π²Π½ΡƒΡ‚Ρ€ΠΈ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π°. Π‘Π΅Ρ‚ΠΊΠΈ рукописи Ρ…ΠΎΡ€ΠΎΡˆΠΈ для Π½Π΅ΠΏΡ€Π΅Ρ€Ρ‹Π²Π½Ρ‹Ρ… Π±Π»ΠΎΠΊΠΎΠ² тСкста.Однако ΠΎΠ½ΠΈ Π½Π΅ ΠΎΠ³Ρ€Π°Π½ΠΈΡ‡ΠΈΠ²Π°ΡŽΡ‚ΡΡ тСкстом; изобраТСния ΠΌΠΎΠ³ΡƒΡ‚ Π±Ρ‹Ρ‚ΡŒ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Π½Ρ‹ для заполнСния Π±Π»ΠΎΠΊΠ°.

Учитывая Π½Π°Π·Π²Π°Π½ΠΈΠ΅, люди СстСствСнным ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ Π°ΡΡΠΎΡ†ΠΈΠΈΡ€ΡƒΡŽΡ‚ сСтки рукописСй с ΠΏΠ΅Ρ‡Π°Ρ‚Π½ΠΎΠΉ страницСй. Π‘Π΅Ρ‚ΠΊΠΈ рукописСй Ρ‚Ρ€Π°Π΄ΠΈΡ†ΠΈΠΎΠ½Π½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ΡΡ Π² ΠΊΠ½ΠΈΠ³Π°Ρ… ΠΈ ΡΠ²Π»ΡΡŽΡ‚ΡΡ Ρ…ΠΎΡ€ΠΎΡˆΠ΅ΠΉ ΠΊΠΎΠΌΠΏΠΎΠ½ΠΎΠ²ΠΊΠΎΠΉ для прСдставлСния Π½Π΅ΠΏΡ€Π΅Ρ€Ρ‹Π²Π½Ρ‹Ρ… Π±Π»ΠΎΠΊΠΎΠ² тСкста.

Π‘Π΅Ρ‚ΠΊΠ° рукописи Π² iA Writer (Π˜Π·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ прСдоставлСно iA)

ΠœΠ½ΠΎΠ³ΠΎΠΊΠΎΠ»ΠΎΠ½ΠΎΡ‡Π½Π°Ρ сСтка

Как слСдуСт ΠΈΠ· названия, многоколоночная сСтка состоит ΠΈΠ· Π½Π΅ΡΠΊΠΎΠ»ΡŒΠΊΠΈΡ… столбцов. ΠŸΠΎΠΌΠ½ΠΈΡ‚Π΅ это простоС ΠΏΡ€Π°Π²ΠΈΠ»ΠΎ: Ρ‡Π΅ΠΌ большС столбцов Π²Ρ‹ создаСтС, Ρ‚Π΅ΠΌ Π³ΠΈΠ±Ρ‡Π΅ становится ваша сСтка.

Π‘Π΅Ρ‚ΠΊΠΈ столбцов ΠΏΠΎΠ»Π΅Π·Π½Ρ‹ для ΠΌΠ°ΠΊΠ΅Ρ‚ΠΎΠ², содСрТащих ΠΏΡ€Π΅Ρ€Ρ‹Π²ΠΈΡΡ‚ΡƒΡŽ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΡŽ. ΠŸΡ€ΠΈ использовании ΠΌΠ½ΠΎΠ³ΠΎΠΊΠΎΠ»ΠΎΠ½ΠΎΡ‡Π½ΠΎΠΉ сСтки ΠΌΠΎΠΆΠ½ΠΎ ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ Π·ΠΎΠ½Ρ‹ для Ρ€Π°Π·Π»ΠΈΡ‡Π½ΠΎΠ³ΠΎ Ρ‚ΠΈΠΏΠ° ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π°. НапримСр, Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½Π½Ρ‹ΠΉ столбСц Ρ‚ΠΎΠ»ΡŒΠΊΠΎ для ΠΈΠ»Π»ΡŽΡΡ‚Ρ€Π°Ρ†ΠΈΠΈ.

ΠžΠ±Ρ€Π°Ρ‚ΠΈΡ‚Π΅ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅, Ρ‡Ρ‚ΠΎ Π² этой ΠΌΠ½ΠΎΠ³ΠΎΠΊΠΎΠ»ΠΎΠ½ΠΎΡ‡Π½ΠΎΠΉ сСткС ΠΎΠ΄ΠΈΠ½ столбСц Π·Π°Ρ€Π΅Π·Π΅Ρ€Π²ΠΈΡ€ΠΎΠ²Π°Π½ для ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ ΠΈ подписСй. (Π˜Π·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ прСдоставлСно: Thinking With Type)

ΠœΠΎΠ΄ΡƒΠ»ΡŒΠ½Π°Ρ сСтка

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

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

ΠšΠ°ΠΆΠ΄Ρ‹ΠΉ ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊ Π² этой сСткС прСдставляСт собой ΠΌΠΎΠ΄ΡƒΠ»ΡŒ. ΠœΠΎΠ΄ΡƒΠ»ΡŒΠ½Π°Ρ сСтка ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ, ΠΊΠΎΠ³Π΄Π° ΠΈ Π²Π΅Ρ€Ρ‚ΠΈΠΊΠ°Π»ΡŒΠ½ΠΎΠ΅, ΠΈ Π³ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΡŒΠ½ΠΎΠ΅ пространство ΠΎΠ΄ΠΈΠ½Π°ΠΊΠΎΠ²ΠΎ Π²Π°ΠΆΠ½Ρ‹.(Π˜Π·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ прСдоставлСно: Thinking With Type)

Базовая сСтка

Базовая сСтка — это базовая структура, которая опрСдСляСт Π²Π΅Ρ€Ρ‚ΠΈΠΊΠ°Π»ΡŒΠ½Ρ‹ΠΉ ΠΈΠ½Ρ‚Π΅Ρ€Π²Π°Π» Π² Π΄ΠΈΠ·Π°ΠΉΠ½Π΅. Он ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ Π² основном для Π³ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΡŒΠ½ΠΎΠ³ΠΎ выравнивания ΠΈ для ΠΈΠ΅Ρ€Π°Ρ€Ρ…ΠΈΠΈ. Подобно Ρ‚ΠΎΠΌΡƒ, ΠΊΠ°ΠΊ Π²Ρ‹ использовали Π±Ρ‹ столбцы ΠΈ ΠΌΠΎΠ΄ΡƒΠ»ΠΈ Π² качСствС Π½Π°ΠΏΡ€Π°Π²Π»ΡΡŽΡ‰ΠΈΡ… Π² своСм Π΄ΠΈΠ·Π°ΠΉΠ½Π΅, Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π±Π°Π·ΠΎΠ²ΡƒΡŽ сСтку для обСспСчСния согласованности Π² ΠΌΠ°ΠΊΠ΅Ρ‚Π΅. ИспользованиС этого Ρ‚ΠΈΠΏΠ° сСтки сродни написанию Π½Π° листС Π±ΡƒΠΌΠ°Π³ΠΈ с Ρ€Π°Π·ΠΌΠ΅Ρ‚ΠΊΠΎΠΉ — сСтка обСспСчиваСт Π²Ρ‹Ρ€Π°Π²Π½ΠΈΠ²Π°Π½ΠΈΠ΅ Π½ΠΈΠΆΠ½Π΅ΠΉ части ΠΊΠ°ΠΆΠ΄ΠΎΠΉ строки тСкста (Π΅Π΅ Π±Π°Π·ΠΎΠ²ΠΎΠΉ Π»ΠΈΠ½ΠΈΠΈ) с Π²Π΅Ρ€Ρ‚ΠΈΠΊΠ°Π»ΡŒΠ½Ρ‹ΠΌ ΠΈΠ½Ρ‚Π΅Ρ€Π²Π°Π»ΠΎΠΌ.Π­Ρ‚ΠΎ Π΄Π΅Π»Π°Π΅Ρ‚ Π±Π°Π·ΠΎΠ²ΡƒΡŽ сСтку Π½Π΅ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΎΡ‚Π»ΠΈΡ‡Π½Ρ‹ΠΌ типографским инструмСнтом, Π½ΠΎ ΠΈ Ρ‡Ρ€Π΅Π·Π²Ρ‹Ρ‡Π°ΠΉΠ½ΠΎ ΠΏΠΎΠ»Π΅Π·Π½Ρ‹ΠΌ ΠΏΡ€ΠΈ раскладкС элСмСнтов Π½Π° страницС, ΠΏΠΎΡΠΊΠΎΠ»ΡŒΠΊΡƒ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ быстро ΠΏΡ€ΠΎΠ²Π΅Ρ€ΠΈΡ‚ΡŒ, Π½Π΅ Ρ…Π²Π°Ρ‚Π°Π΅Ρ‚ Π»ΠΈ Π½Π° страницС Ρ‡Π΅Π³ΠΎ-Π»ΠΈΠ±ΠΎ ряда свободного мСста.

Базовая сСтка опрСдСляСт Π²Π΅Ρ€Ρ‚ΠΈΠΊΠ°Π»ΡŒΠ½Ρ‹ΠΉ ΠΈΠ½Ρ‚Π΅Ρ€Π²Π°Π» Π΄ΠΈΠ·Π°ΠΉΠ½Π°. Π—Π΄Π΅ΡΡŒ ΠΌΠΎΠ΄ΡƒΠ»ΡŒΠ½Π°Ρ сСтка создаСтся ΠΏΡƒΡ‚Π΅ΠΌ размСщСния Π³ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΡŒΠ½Ρ‹Ρ… Π½Π°ΠΏΡ€Π°Π²Π»ΡΡŽΡ‰ΠΈΡ… ΠΎΡ‚Π½ΠΎΡΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ Π±Π°Π·ΠΎΠ²ΠΎΠΉ сСтки. (Π˜Π·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ прСдоставлСно: Thinking With Type)

ΠœΠ°ΠΊΠ΅Ρ‚Π½Ρ‹Π΅ сСтки Π² ΠΈΠ½Ρ‚Π΅Ρ€Π°ΠΊΡ‚ΠΈΠ²Π½ΠΎΠΌ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅

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

Π‘Π΅Ρ‚ΠΊΠΈ ΠΌΠ°ΠΊΠ΅Ρ‚Π° Π² Adobe XD ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°ΡŽΡ‚ΡΡ Π½Π° экранах Ρ€Π°Π·Π½Ρ‹Ρ… Ρ€Π°Π·ΠΌΠ΅Ρ€ΠΎΠ².

Π‘Π΅Ρ‚ΠΎΡ‡Π½Ρ‹Π΅ систСмы Π² Π΄ΠΈΠ·Π°ΠΉΠ½Π΅ Ρ†ΠΈΡ„Ρ€ΠΎΠ²Ρ‹Ρ… ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚ΠΎΠ² ΠΎΡ€Π³Π°Π½ΠΈΠ·ΡƒΡŽΡ‚ элСмСнты Π½Π° страницС ΠΈ ΡΠΎΠ΅Π΄ΠΈΠ½ΡΡŽΡ‚ пространства. БистСма сСток ΡƒΠ»ΡƒΡ‡ΡˆΠ°Π΅Ρ‚ качСство Π΄ΠΈΠ·Π°ΠΉΠ½Π° (Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π»ΡŒΠ½ΠΎ ΠΈ эстСтичСски) ΠΈ ΡΡ„Ρ„Π΅ΠΊΡ‚ΠΈΠ²Π½ΠΎΡΡ‚ΡŒ процСсса проСктирования нСсколькими способами:

  • Π‘ΠΎΠ·Π΄Π°Π΅Ρ‚ ΡΡΠ½ΠΎΡΡ‚ΡŒ ΠΈ ΠΏΠΎΡΠ»Π΅Π΄ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎΡΡ‚ΡŒ
    Π‘Π΅Ρ‚ΠΊΠ° — это основа порядка Π² Π΄ΠΈΠ·Π°ΠΉΠ½Π΅.ΠŸΡ€ΠΎΠΏΠΎΡ€Ρ†ΠΈΠΈ, Ρ€ΠΈΡ‚ΠΌ, пустоС пространство ΠΈ иСрархия — всС это характСристики Π΄ΠΈΠ·Π°ΠΉΠ½Π°, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π½Π°ΠΏΡ€ΡΠΌΡƒΡŽ Π²Π»ΠΈΡΡŽΡ‚ Π½Π° ΡΠΊΠΎΡ€ΠΎΡΡ‚ΡŒ познания. Π‘Π΅Ρ‚ΠΊΠΈ ΡΠΎΠ·Π΄Π°ΡŽΡ‚ ΠΈ ΠΎΠ±Π΅ΡΠΏΠ΅Ρ‡ΠΈΠ²Π°ΡŽΡ‚ ΡΠΎΠ³Π»Π°ΡΠΎΠ²Π°Π½Π½ΠΎΡΡ‚ΡŒ этих элСмСнтов Π²ΠΎ всСм интСрфСйсС. ЭффСктивная сСтка направляСт взгляд, дСлая сканированиС ΠΎΠ±ΡŠΠ΅ΠΊΡ‚ΠΎΠ² Π½Π° экранС ΠΏΡ€ΠΎΡ‰Π΅ ΠΈ приятнСС. Π­Ρ‚ΠΎ особСнно Π²Π°ΠΆΠ½ΠΎ Π² Ρ†ΠΈΡ„Ρ€ΠΎΠ²Ρ‹Ρ… ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚Π°Ρ…, ΠΏΠΎΡΠΊΠΎΠ»ΡŒΠΊΡƒ ΠΎΠ½ΠΈ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π»ΡŒΠ½Ρ‹, Π° это ΠΎΠ·Π½Π°Ρ‡Π°Π΅Ρ‚, Ρ‡Ρ‚ΠΎ люди ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚Ρ‹ для выполнСния ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½Π½Ρ‹Ρ… Π·Π°Π΄Π°Ρ‡, Ρ‚Π°ΠΊΠΈΡ… ΠΊΠ°ΠΊ ΠΎΡ‚ΠΏΡ€Π°Π²ΠΊΠ° сообщСния, Π±Ρ€ΠΎΠ½ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ Π½ΠΎΠΌΠ΅Ρ€Π° Π² ΠΎΡ‚Π΅Π»Π΅ ΠΈΠ»ΠΈ Π²Ρ‹Π·ΠΎΠ² Π½Π° машинС.ΠŸΠΎΡΠ»Π΅Π΄ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎΡΡ‚ΡŒ ΠΏΠΎΠΌΠΎΠ³Π°Π΅Ρ‚ Π·Ρ€ΠΈΡ‚Π΅Π»ΡŽ ΠΏΠΎΠ½ΡΡ‚ΡŒ, Π³Π΄Π΅ Π½Π°ΠΉΡ‚ΠΈ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠΉ Ρ„Ρ€Π°Π³ΠΌΠ΅Π½Ρ‚ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΈ ΠΈΠ»ΠΈ ΠΊΠ°ΠΊΠΎΠΉ шаг ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ дальшС.
  • Π£Π»ΡƒΡ‡ΡˆΠ°Π΅Ρ‚ ΠΏΠΎΠ½ΠΈΠΌΠ°Π½ΠΈΠ΅ Π΄ΠΈΠ·Π°ΠΉΠ½Π°
    ЧСловСчСский ΠΌΠΎΠ·Π³ ΠΏΡ€ΠΈΠ½ΠΈΠΌΠ°Π΅Ρ‚ Ρ€Π΅ΡˆΠ΅Π½ΠΈΡ Π·Π° Π΄ΠΎΠ»ΠΈ сСкунды. ΠŸΠ»ΠΎΡ…ΠΎ составлСнный Π΄ΠΈΠ·Π°ΠΉΠ½ сдСлаСт ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚ ΠΌΠ΅Π½Π΅Π΅ ΡƒΠ΄ΠΎΠ±Π½Ρ‹ΠΌ ΠΈ Π·Π°ΡΠ»ΡƒΠΆΠΈΠ²Π°ΡŽΡ‰ΠΈΠΌ довСрия. Π‘Π΅Ρ‚ΠΊΠΈ ΡΠΎΠ΅Π΄ΠΈΠ½ΡΡŽΡ‚ ΠΈ ΡƒΠΊΡ€Π΅ΠΏΠ»ΡΡŽΡ‚ Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½ΡƒΡŽ ΠΈΠ΅Ρ€Π°Ρ€Ρ…ΠΈΡŽ Π΄ΠΈΠ·Π°ΠΉΠ½Π°, прСдоставляя Π½Π°Π±ΠΎΡ€ ΠΏΡ€Π°Π²ΠΈΠ», Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, располоТСниС элСмСнтов Π² ΠΌΠ°ΠΊΠ΅Ρ‚Π΅.
  • Π”Π΅Π»Π°Π΅Ρ‚ ΠΎΡ‚Π·Ρ‹Π²Ρ‡ΠΈΠ²Ρ‹ΠΌ
    Адаптивный Π΄ΠΈΠ·Π°ΠΉΠ½ большС Π½Π΅ Ρ€ΠΎΡΠΊΠΎΡˆΡŒ, Π° Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎΡΡ‚ΡŒ, ΠΏΠΎΡ‚ΠΎΠΌΡƒ Ρ‡Ρ‚ΠΎ люди Ρ€Π°Π±ΠΎΡ‚Π°ΡŽΡ‚ с прилоТСниями ΠΈ Π²Π΅Π±-сайтами Π½Π° устройствах с ΡˆΠΈΡ€ΠΎΠΊΠΈΠΌ спСктром экранов.Π­Ρ‚ΠΎ ΠΎΠ·Π½Π°Ρ‡Π°Π΅Ρ‚, Ρ‡Ρ‚ΠΎ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Ρ‹ большС Π½Π΅ ΠΌΠΎΠ³ΡƒΡ‚ ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ для экрана ΠΎΠ΄Π½ΠΎΠ³ΠΎ устройства. ПСйзаТ с нСсколькими устройствами заставляСт Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ΠΎΠ² Π΄ΡƒΠΌΠ°Ρ‚ΡŒ Π² Ρ‚Π΅Ρ€ΠΌΠΈΠ½Π°Ρ… динамичСских систСм сСтки, Π° Π½Π΅ фиксированной ΡˆΠΈΡ€ΠΈΠ½Ρ‹. ИспользованиС сСтки обСспСчиваСт Π΅Π΄ΠΈΠ½ΠΎΠΎΠ±Ρ€Π°Π·ΠΈΠ΅ Ρ€Π°Π±ΠΎΡ‚Ρ‹ Π½Π° Π½Π΅ΡΠΊΠΎΠ»ΡŒΠΊΠΈΡ… устройствах с экранами Ρ€Π°Π·Π½ΠΎΠ³ΠΎ Ρ€Π°Π·ΠΌΠ΅Ρ€Π°.
  • УскоряСт процСсс проСктирования
    Π‘Π΅Ρ‚ΠΊΠΈ ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡŽΡ‚ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Π°ΠΌ ΡƒΠΏΡ€Π°Π²Π»ΡΡ‚ΡŒ пропорциями ΠΌΠ΅ΠΆΠ΄Ρƒ элСмСнтами ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΎΠ³ΠΎ интСрфСйса, Ρ‚Π°ΠΊΠΈΠΌΠΈ ΠΊΠ°ΠΊ ΠΈΠ½Ρ‚Π΅Ρ€Π²Π°Π»Ρ‹ ΠΈ поля. Π­Ρ‚ΠΎ ΠΏΠΎΠΌΠΎΠ³Π°Π΅Ρ‚ с самого Π½Π°Ρ‡Π°Π»Π° ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ Π±Π΅Π·ΡƒΠΏΡ€Π΅Ρ‡Π½Ρ‹ΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½ ΠΈ ΠΈΠ·Π±Π΅Π³Π°Ρ‚ΡŒ своСврСмСнной Π΄ΠΎΡ€Π°Π±ΠΎΡ‚ΠΊΠΈ ΠΈΠ·-Π·Π° Π½Π΅ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½Ρ‹Ρ… настроСк.
  • ΠžΠ±Π»Π΅Π³Ρ‡Π°Π΅Ρ‚ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠ΅ ΠΈ ΠΏΠΎΠ²Ρ‚ΠΎΡ€Π½ΠΎΠ΅ использованиС Π΄ΠΈΠ·Π°ΠΉΠ½Π°
    Π’ ΠΎΡ‚Π»ΠΈΡ‡ΠΈΠ΅ ΠΎΡ‚ ΠΏΠ΅Ρ‡Π°Ρ‚Π½ΠΎΠΉ ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ†ΠΈΠΈ, Ρ†ΠΈΡ„Ρ€ΠΎΠ²Ρ‹Π΅ ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚Ρ‹ Π½ΠΈΠΊΠΎΠ³Π΄Π° Π½Π΅ Π·Π°ΠΊΠ°Π½Ρ‡ΠΈΠ²Π°ΡŽΡ‚ΡΡ — ΠΎΠ½ΠΈ постоянно ΠΌΠ΅Π½ΡΡŽΡ‚ΡΡ ΠΈ Ρ€Π°Π·Π²ΠΈΠ²Π°ΡŽΡ‚ΡΡ. Π‘Π΅Ρ‚ΠΊΠΈ ΠΎΠ±Π΅ΡΠΏΠ΅Ρ‡ΠΈΠ²Π°ΡŽΡ‚ ΠΏΡ€ΠΎΡ‡Π½ΡƒΡŽ основу, ΠΏΠΎΡ‚ΠΎΠΌΡƒ Ρ‡Ρ‚ΠΎ, ΠΊΠΎΠ³Π΄Π° всС соотвСтствуСт сСткС, ΠΏΡ€Π΅Π΄Ρ‹Π΄ΡƒΡ‰ΠΈΠ΅ Ρ€Π΅ΡˆΠ΅Π½ΠΈΡ ΠΌΠΎΠΆΠ½ΠΎ Π»Π΅Π³ΠΊΠΎ ΠΏΠΎΠ²Ρ‚ΠΎΡ€Π½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ для создания Π½ΠΎΠ²ΠΎΠΉ вСрсии Π΄ΠΈΠ·Π°ΠΉΠ½Π°. Π‘Π΅Ρ‚ΠΊΠ° — это каркас, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ для создания ΡΠΎΠ²Π΅Ρ€ΡˆΠ΅Π½Π½ΠΎ Ρ€Π°Π·Π½Ρ‹Ρ… ΠΎΠ±Ρ€Π°Π·ΠΎΠ².
  • ΠžΠ±Π»Π΅Π³Ρ‡Π°Π΅Ρ‚ ΡΠΎΠ²ΠΌΠ΅ΡΡ‚Π½ΡƒΡŽ Ρ€Π°Π±ΠΎΡ‚Ρƒ
    Π‘Π΅Ρ‚ΠΊΠΈ ΡƒΠΏΡ€ΠΎΡ‰Π°ΡŽΡ‚ ΡΠΎΠ²ΠΌΠ΅ΡΡ‚Π½ΡƒΡŽ Ρ€Π°Π±ΠΎΡ‚Ρƒ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ΠΎΠ², прСдоставляя ΠΏΠ»Π°Π½ размСщСния элСмСнтов.Π‘Π΅Ρ‚ΠΎΡ‡Π½Ρ‹Π΅ систСмы ΠΏΠΎΠΌΠΎΠ³Π°ΡŽΡ‚ Ρ€Π°Π·Π΄Π΅Π»ΠΈΡ‚ΡŒ Ρ€Π°Π±ΠΎΡ‚Ρƒ Π½Π°Π΄ Π΄ΠΈΠ·Π°ΠΉΠ½ΠΎΠΌ интСрфСйса, ΠΏΠΎΡ‚ΠΎΠΌΡƒ Ρ‡Ρ‚ΠΎ нСсколько Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ΠΎΠ² ΠΌΠΎΠ³ΡƒΡ‚ Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ Π½Π°Π΄ Ρ€Π°Π·Π½Ρ‹ΠΌΠΈ частями ΠΌΠ°ΠΊΠ΅Ρ‚Π°, зная, Ρ‡Ρ‚ΠΎ ΠΈΡ… Ρ€Π°Π±ΠΎΡ‚Π° Π±ΡƒΠ΄Π΅Ρ‚ Π»Π΅Π³ΠΊΠΎ ΠΈΠ½Ρ‚Π΅Π³Ρ€ΠΈΡ€ΠΎΠ²Π°Π½Π° ΠΈ согласована.
Π‘Π΅Ρ‚ΠΊΠΈ — Ρ„ΡƒΠ½Π΄Π°ΠΌΠ΅Π½Ρ‚Π°Π»ΡŒΠ½Π°Ρ Ρ‡Π°ΡΡ‚ΡŒ руководств ΠΏΠΎ ΡΡ‚ΠΈΠ»ΡŽ

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

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

Π›ΡƒΡ‡ΡˆΠΈΠ΅ ΠΌΠ΅Ρ‚ΠΎΠ΄Ρ‹ Ρ€Π°Π±ΠΎΡ‚Ρ‹ с сСтками ΠΌΠ°ΠΊΠ΅Ρ‚ΠΎΠ²

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

Π’Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ сСтку, которая Π²Π°ΠΌ Π΄Π΅ΠΉΡΡ‚Π²ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ Π½ΡƒΠΆΠ½Π°

«Бколько столбцов?Β» — это ΠΏΠ΅Ρ€Π²Ρ‹ΠΉ вопрос, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π·Π°Π΄Π°ΡŽΡ‚ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Ρ‹, ΠΊΠΎΠ³Π΄Π° Π½Π°Ρ‡ΠΈΠ½Π°ΡŽΡ‚ Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ с сСткой.

Adobe XD позволяСт ΡƒΠΊΠ°Π·Π°Ρ‚ΡŒ количСство столбцов, ΡˆΠΈΡ€ΠΈΠ½Ρƒ ΠΆΠ΅Π»ΠΎΠ±Π° ΠΈ ΡˆΠΈΡ€ΠΈΠ½Ρƒ столбца.

Π’ΠΎ ΠΌΠ½ΠΎΠ³ΠΈΡ… популярных Ρ„Ρ€Π΅ΠΉΠΌΠ²ΠΎΡ€ΠΊΠ°Ρ… ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ сСтка ΠΈΠ· 12 столбцов ΠΎΠ΄ΠΈΠ½Π°ΠΊΠΎΠ²ΠΎΠΉ ΡˆΠΈΡ€ΠΈΠ½Ρ‹. Число 12 Π»Π΅Π³Ρ‡Π΅ всСго дСлится срСди Π½Π΅Π±ΠΎΠ»ΡŒΡˆΠΈΡ… чисСл; ΠΌΠΎΠΆΠ½ΠΎ ΠΈΠΌΠ΅Ρ‚ΡŒ 12, 6, 4, 3, 2 ΠΈΠ»ΠΈ 1 столбСц с Ρ€Π°Π²Π½Ρ‹ΠΌ ΠΈΠ½Ρ‚Π΅Ρ€Π²Π°Π»ΠΎΠΌ. Π­Ρ‚ΠΎ Π΄Π°Π΅Ρ‚ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Π°ΠΌ ΠΎΠ³Ρ€ΠΎΠΌΠ½ΡƒΡŽ Π³ΠΈΠ±ΠΊΠΎΡΡ‚ΡŒ ΠΏΡ€ΠΈ Π²Ρ‹Π±ΠΎΡ€Π΅ ΠΌΠ°ΠΊΠ΅Ρ‚Π°.

Π‘Π΅Ρ‚ΠΊΠ° с 12 столбцами ΠΎΠ΄ΠΈΠ½Π°ΠΊΠΎΠ²ΠΎΠΉ ΡˆΠΈΡ€ΠΈΠ½Ρ‹ являСтся Π½Π°Π΄Π΅ΠΆΠ½ΠΎΠΉ ΠΈ Π³ΠΈΠ±ΠΊΠΎΠΉ ΠΈ обСспСчиваСт Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Π΅ способы ΠΎΡ€Π³Π°Π½ΠΈΠ·Π°Ρ†ΠΈΠΈ структуры. (Π˜Π·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ прСдоставлСно Аароном К. Π£Π°ΠΉΡ‚ΠΎΠΌ)

Π₯отя сСтка ΠΈΠ· 12 столбцов являСтся популярным Π²Ρ‹Π±ΠΎΡ€ΠΎΠΌ срСди ΠΌΠ½ΠΎΠ³ΠΈΡ… Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ΠΎΠ², это Π½Π΅ ΡƒΠ½ΠΈΠ²Π΅Ρ€ΡΠ°Π»ΡŒΠ½ΠΎΠ΅ Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅. Когда Π²Ρ‹ Π²Ρ‹Π±ΠΈΡ€Π°Π΅Ρ‚Π΅ сСтку, Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Ρ‚Ρƒ, количСство столбцов ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΉ Π²Π°ΠΌ Π΄Π΅ΠΉΡΡ‚Π²ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ Π½ΡƒΠΆΠ½ΠΎ для вашСго Π΄ΠΈΠ·Π°ΠΉΠ½Π°. НСт смысла ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ сСтку ΠΈΠ· 12 столбцов, Ссли ваш ΠΌΠ°ΠΊΠ΅Ρ‚ Ρ‚Ρ€Π΅Π±ΡƒΠ΅Ρ‚ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ 8 столбцов.

Π‘Π΅Ρ‚ΠΊΠ° ΠΌΠ°ΠΊΠ΅Ρ‚Π° ΠΈΠ· 8 столбцов Π² Adobe XD.

Как ΡƒΠ·Π½Π°Ρ‚ΡŒ, сколько столбцов ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ? ΠŸΡ€Π΅ΠΆΠ΄Π΅ Ρ‡Π΅ΠΌ Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ количСство столбцов, нарисуйтС Π²ΠΎΠ·ΠΌΠΎΠΆΠ½Ρ‹Π΅ ΠΌΠ°ΠΊΠ΅Ρ‚Ρ‹ (Π±ΡƒΠΌΠ°ΠΆΠ½Ρ‹ΠΉ набросок ΠΏΠΎΠ΄ΠΎΠΉΠ΄Π΅Ρ‚).Π­Ρ‚ΠΎ ΠΎΠ·Π½Π°Ρ‡Π°Π΅Ρ‚, Ρ‡Ρ‚ΠΎ Π²Π°ΠΌ Π½ΡƒΠΆΠ½ΠΎ Π·Π½Π°Ρ‚ΡŒ, ΠΊΠ°ΠΊΠΎΠΉ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚ Π±ΡƒΠ΄Π΅Ρ‚ Π½Π° экранС. ΠšΠΎΠ½Ρ‚Π΅Π½Ρ‚ Π±ΡƒΠ΄Π΅Ρ‚ ΠΎΠΏΡ€Π΅Π΄Π΅Π»ΡΡ‚ΡŒ сСтку, Π° Π½Π΅ Π½Π°ΠΎΠ±ΠΎΡ€ΠΎΡ‚. ИмСя ΠΏΠΎΠ΄ Ρ€ΡƒΠΊΠΎΠΉ наброски, Π²Ρ‹ Π±ΡƒΠ΄Π΅Ρ‚Π΅ Π»ΡƒΡ‡ΡˆΠ΅ освСдомлСны ΠΎ количСствС Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΡ‹Ρ… столбцов.

Π‘ΡƒΠΌΠ°ΠΆΠ½Ρ‹ΠΉ набросок для ΠΌΠ°ΠΊΠ΅Ρ‚Π° Π²Π΅Π±-страницы. ΠšΠΎΠ»ΠΈΡ‡Π΅ΡΡ‚Π²ΠΎ столбцов Π΄ΠΎΠ»ΠΆΠ½ΠΎ ΠΎΠΏΡ€Π΅Π΄Π΅Π»ΡΡ‚ΡŒΡΡ содСрТимым. (Π˜Π·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ прСдоставлСно Майком Π ΠΎΠ΄Π΅)

Π£Ρ‡ΠΈΡ‚Ρ‹Π²Π°ΠΉΡ‚Π΅ свои ограничСния

ΠŸΡ€ΠΈ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠΈ сСтки ΡƒΡ‡ΠΈΡ‚Ρ‹Π²Π°ΠΉΡ‚Π΅ ограничСния вашСго Π΄ΠΈΠ·Π°ΠΉΠ½Π°. НапримСр, Π±ΠΎΠ»ΡŒΡˆΠΈΠ½ΡΡ‚Π²ΠΎ Π²Π°ΡˆΠΈΡ… ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΉ ΠΌΠΎΠ³ΡƒΡ‚ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½Π½Ρ‹ΠΉ Ρ‚ΠΈΠΏ устройства (Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, Ρ‚Π΅Π»Π΅Ρ„ΠΎΠ½).Π­Ρ‚ΠΎ ΠΎΠ·Π½Π°Ρ‡Π°Π΅Ρ‚, Ρ‡Ρ‚ΠΎ всС ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π½Ρ‹Π΅ Ρ€Π΅ΡˆΠ΅Π½ΠΈΡ (Π²ΠΊΠ»ΡŽΡ‡Π°Ρ сСтку) Π΄ΠΎΠ»ΠΆΠ½Ρ‹ ΡƒΡ‡ΠΈΡ‚Ρ‹Π²Π°Ρ‚ΡŒ это ΠΎΠ³Ρ€Π°Π½ΠΈΡ‡Π΅Π½ΠΈΠ΅. ΠžΠ±ΡƒΡ‡Π΅Π½ΠΈΠ΅ Π΄ΠΈΠ·Π°ΠΉΠ½Ρƒ с ограничСниями — это Π½Π°Π²Ρ‹ΠΊ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΏΠΎΠΌΠΎΠΆΠ΅Ρ‚ Π²Π°ΠΌ ΡΠΎΡΡ€Π΅Π΄ΠΎΡ‚ΠΎΡ‡ΠΈΡ‚ΡŒΡΡ Π½Π° Ρ‚ΠΎΠΌ, Ρ‡Ρ‚ΠΎ Π΄Π΅ΠΉΡΡ‚Π²ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ Π²Π°ΠΆΠ½ΠΎ для Π²Π°ΡˆΠΈΡ… ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΉ.

Π Π°ΠΌΠΊΠ° для Π²Π°ΠΆΠ½Ρ‹Ρ… ΠΎΠ±ΡŠΠ΅ΠΊΡ‚ΠΎΠ²

ΠΠ°ΠΏΡ€Π°Π²ΡŒΡ‚Π΅ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ Π½Π° Π²Π°ΠΆΠ½Ρ‹Π΅ элСмСнты, Π΄ΠΎΠ±Π°Π²ΠΈΠ² ΠΈΠΌ большСго Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½ΠΎΠ³ΠΎ вСса. Π‘ΠΎΠ²Π΅Ρ‚: элСмСнты, Π·Π°Π½ΠΈΠΌΠ°ΡŽΡ‰ΠΈΠ΅ нСсколько столбцов, Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½ΠΎ Π±ΠΎΠ»Π΅Π΅ Π²Π°ΠΆΠ½Ρ‹, Ρ‡Π΅ΠΌ элСмСнты, Π·Π°ΠΏΠΎΠ»Π½ΡΡŽΡ‰ΠΈΠ΅ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΎΠ΄ΠΈΠ½ столбСц.

ΠžΠ±Ρ€Π°ΠΌΠ»Π΅Π½ΠΈΠ΅ Π²Π°ΠΆΠ½Ρ‹Ρ… ΠΎΠ±ΡŠΠ΅ΠΊΡ‚ΠΎΠ²

НС Π±ΠΎΠΉΡ‚Π΅ΡΡŒ Π²Ρ‹Ρ…ΠΎΠ΄ΠΈΡ‚ΡŒ Π·Π° ΠΏΡ€Π΅Π΄Π΅Π»Ρ‹ сСтки

Π‘Ρ‚ΠΎΠ»Π±Π΅Ρ† сСтки (Π½Π΅ союзник) — это мСсто, Π³Π΄Π΅ ΠΊΠ°ΠΆΠ΄Ρ‹ΠΉ Π±Π»ΠΎΠΊ содСрТимого Π΄ΠΎΠ»ΠΆΠ΅Π½ Π½Π°Ρ‡ΠΈΠ½Π°Ρ‚ΡŒΡΡ ΠΈ Π·Π°ΠΊΠ°Π½Ρ‡ΠΈΠ²Π°Ρ‚ΡŒΡΡ.Π­Ρ‚ΠΎ простоС ΠΏΡ€Π°Π²ΠΈΠ»ΠΎ, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΌΡƒ Π»Π΅Π³ΠΊΠΎ ΡΠ»Π΅Π΄ΠΎΠ²Π°Ρ‚ΡŒ; Ρ‚Π΅ΠΌ Π½Π΅ ΠΌΠ΅Π½Π΅Π΅, Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Ρ‹ часто Π½Π°ΠΌΠ΅Ρ€Π΅Π½Π½ΠΎ Ρ€Π°Π·Π±ΠΈΠ²Π°ΡŽΡ‚ столбцы сСтки, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡƒΠ²Π΅Π»ΠΈΡ‡ΠΈΡ‚ΡŒ Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½Ρ‹ΠΉ интСрСс ΠΈΠ»ΠΈ Π²Ρ‹Π΄Π΅Π»ΠΈΡ‚ΡŒ ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½Π½Ρ‹Π΅ элСмСнты. ВыдСляя элСмСнты ΠΈΠ· сСтки, Π²Ρ‹ выдСляСтС ΠΈΡ…, ΠΏΠΎΡ‚ΠΎΠΌΡƒ Ρ‡Ρ‚ΠΎ Π·Ρ€ΠΈΡ‚Π΅Π»ΡŒ быстро ΡƒΠ²ΠΈΠ΄ΠΈΡ‚ эти Ρ€Π°Π·Ρ€Ρ‹Π²Ρ‹ ΠΈ ΠΏΡ€ΠΈΠ²Π»Π΅Ρ‡Π΅Ρ‚ ΠΈΡ… Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅.

ΠΠ°Ρ€ΡƒΡˆΠ΅Π½ΠΈΠ΅ сСтки выдСляСт ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½Π½Ρ‹Π΅ элСмСнты. Π‘Π²ΠΎΠ±ΠΎΠ΄Π½ΠΎΠ΅ располоТСниС элСмСнта Π½Π° сСткС Π΄Π΅Π»Π°Π΅Ρ‚ Π΅Π³ΠΎ Π±ΠΎΠ»Π΅Π΅ Π°ΠΊΡ†Π΅Π½Ρ‚Π½Ρ‹ΠΌ.

Если Π²Ρ‹ Ρ€Π΅ΡˆΠΈΠ»ΠΈ ΡΠ»ΠΎΠΌΠ°Ρ‚ΡŒ сСтку, Π·Π½Π°ΠΉΡ‚Π΅, Ρ‡Ρ‚ΠΎ Π²Ρ‹ Π΄Π΅Π»Π°Π΅Ρ‚Π΅. Π£Π΄Π°Π»Π΅Π½ΠΈΠ΅ элСмСнтов ΠΈΠ· столбцов ΠΌΠΎΠΆΠ΅Ρ‚ Π½Π°Ρ€ΡƒΡˆΠΈΡ‚ΡŒ Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½ΡƒΡŽ ΠΈΠ΅Ρ€Π°Ρ€Ρ…ΠΈΡŽ ΠΈ ΡƒΡ…ΡƒΠ΄ΡˆΠΈΡ‚ΡŒ взаимодСйствиС с ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΌ.

ΠžΠ±Ρ€Π°Ρ‰Π°ΠΉΡ‚Π΅ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅ ΠΊΠ°ΠΊ Π½Π° Π³ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΡŒΠ½Ρ‹Π΅, Ρ‚Π°ΠΊ ΠΈ Π½Π° Π²Π΅Ρ€Ρ‚ΠΈΠΊΠ°Π»ΡŒΠ½Ρ‹Π΅ ΠΈΠ½Ρ‚Π΅Ρ€Π²Π°Π»Ρ‹

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

ΠžΠ±Ρ€Π°Ρ‚ΠΈΡ‚Π΅ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅ Π½Π° расстояниС ΠΊΠ°ΠΊ ΠΏΠΎ Π³ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΠΈ, Ρ‚Π°ΠΊ ΠΈ ΠΏΠΎ Π²Π΅Ρ€Ρ‚ΠΈΠΊΠ°Π»ΠΈ. Π‘Π»Π΅Π²Π° Π²Π°Ρ€ΡŒΠΈΡ€ΡƒΠ΅ΠΌΡ‹ΠΉ ΠΈΠ½Ρ‚Π΅Ρ€Π²Π°Π» ΠΏΠΎ Π²Π΅Ρ€Ρ‚ΠΈΠΊΠ°Π»ΠΈ. Π‘ΠΏΡ€Π°Π²Π° постоянный ΠΈΠ½Ρ‚Π΅Ρ€Π²Π°Π» ΠΏΠΎ Π²Π΅Ρ€Ρ‚ΠΈΠΊΠ°Π»ΠΈ.

ИспользованиС Π±Π°Π·ΠΎΠ²ΠΎΠΉ сСтки для выравнивания элСмСнтов

Как ΡƒΠΆΠ΅ ΡƒΠΏΠΎΠΌΠΈΠ½Π°Π»ΠΎΡΡŒ, базовая сСтка ΠΌΠΎΠΆΠ΅Ρ‚ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒΡΡ для Π³ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΡŒΠ½ΠΎΠ³ΠΎ выравнивания ΠΈ ΠΈΠ΅Ρ€Π°Ρ€Ρ…ΠΈΠΈ. Π’Ρ‹Ρ€Π°Π²Π½ΠΈΠ²Π°Π½ΠΈΠ΅ элСмСнтов Π΄ΠΈΠ·Π°ΠΉΠ½Π° ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΎΠ³ΠΎ интСрфСйса (тСкста, ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ ΠΈ ΠΊΠΎΠ½Ρ‚Π΅ΠΉΠ½Π΅Ρ€ΠΎΠ² с ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚ΠΎΠΌ) ΠΏΠΎ Π±Π°Π·ΠΎΠ²ΠΎΠΉ Π»ΠΈΠ½ΠΈΠΈ ΠΎΠ·Π½Π°Ρ‡Π°Π΅Ρ‚, Ρ‡Ρ‚ΠΎ Π²Π°ΠΌ Π½ΡƒΠΆΠ½ΠΎ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ ΠΈΡ… высоту ΠΊΡ€Π°Ρ‚Π½ΠΎΠΉ Π±Π°Π·ΠΎΠ²ΠΎΠΌΡƒ Π·Π½Π°Ρ‡Π΅Π½ΠΈΡŽ. НапримСр, Ссли Π²Ρ‹ Π²Ρ‹Π±Ρ€Π°Π»ΠΈ 8 пиксСлСй Π² качСствС значСния Π±Π°Π·ΠΎΠ²ΠΎΠΉ Π»ΠΈΠ½ΠΈΠΈ ΠΈ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ Π²Ρ‹Ρ€ΠΎΠ²Π½ΡΡ‚ΡŒ тСкст, Π²Π°ΠΌ Π½ΡƒΠΆΠ½ΠΎ Π±ΡƒΠ΄Π΅Ρ‚ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ высоту строки ΡˆΡ€ΠΈΡ„Ρ‚Π° ΠΊΡ€Π°Ρ‚Π½ΠΎΠΉ Π·Π½Π°Ρ‡Π΅Π½ΠΈΡŽ Π±Π°Π·ΠΎΠ²ΠΎΠΉ Π»ΠΈΠ½ΠΈΠΈ, Ρ‡Ρ‚ΠΎ ΠΎΠ·Π½Π°Ρ‡Π°Π΅Ρ‚, Ρ‡Ρ‚ΠΎ высота строки ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ 8, 16, 24, 32 ΠΈ Π΄Ρ€.ΠžΠ±Ρ€Π°Ρ‚ΠΈΡ‚Π΅ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅, Ρ‡Ρ‚ΠΎ Ρ€Π°Π·ΠΌΠ΅Ρ€ ΡˆΡ€ΠΈΡ„Ρ‚Π° Π½Π΅ ΠΎΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ Π΄ΠΎΠ»ΠΆΠ΅Π½ Π±Ρ‹Ρ‚ΡŒ ΠΊΡ€Π°Ρ‚Π½Ρ‹ΠΌ Π±Π°Π·ΠΎΠ²ΠΎΠΉ Π»ΠΈΠ½ΠΈΠΈ, Ρ‚ΠΎΠ»ΡŒΠΊΠΎ высота строки.

ΠžΠΏΡ‚ΠΈΠΌΠΈΠ·Π°Ρ†ΠΈΡ сСток для ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Ρ… устройств

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

ΠœΠΎΠ·Π°ΠΈΡ‡Π½Π°Ρ сСтка Π½Π° экранС мобильного Ρ‚Π΅Π»Π΅Ρ„ΠΎΠ½Π° (Π˜Π·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ прСдоставлСно: Dine HQ)

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

ΠŸΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ Yoox для Android

Test It

Π’Π°ΡˆΠ° сСтка Π½Π΅ высСчСна Π² ΠΊΠ°ΠΌΠ½Π΅. Как ΠΈ Π»ΡŽΠ±ΡƒΡŽ Ρ‡Π°ΡΡ‚ΡŒ Π΄ΠΈΠ·Π°ΠΉΠ½Π°, сСтка Π΄ΠΎΠ»ΠΆΠ½Π° Π±Ρ‹Ρ‚ΡŒ протСстирована ΠΈ ΠΏΠΎΠ²Ρ‚ΠΎΡ€Π΅Π½Π° Π² соотвСтствии с Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚Π°ΠΌΠΈ этих тСстов.

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

К настоящСму Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ Π²Ρ‹ Π΄ΠΎΠ»ΠΆΠ½Ρ‹ ΠΈΠΌΠ΅Ρ‚ΡŒ Ρ…ΠΎΡ€ΠΎΡˆΠ΅Π΅ прСдставлСниС ΠΎ сСточных систСмах, ΠΎ Ρ‚ΠΎΠΌ, Ρ‡Ρ‚ΠΎ ΠΎΠ½ΠΈ ΠΈΠ· сСбя ΠΏΡ€Π΅Π΄ΡΡ‚Π°Π²Π»ΡΡŽΡ‚ ΠΈ ΠΊΠ°ΠΊ ΠΈΡ… ΠΌΠΎΠΆΠ½ΠΎ ΠΏΡ€ΠΈΠΌΠ΅Π½ΠΈΡ‚ΡŒ Π² процСссС проСктирования. ПониманиС Ρ‚ΠΎΠ³ΠΎ, ΠΊΠ°ΠΊ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ сСтки, ΠΏΡ€ΠΈΠ΄Π΅Ρ‚ ΠΈΠ· практичСского ΠΎΠΏΡ‹Ρ‚Π°.

Цитируя Π™ΠΎΠ·Π΅Ρ„Π° ΠœΡŽΠ»Π»Π΅Ρ€Π°-Π‘Ρ€ΠΎΠΊΠΌΠ°Π½Π½Π°: «БСточная систСма — это ΠΏΠΎΠΌΠΎΡ‰ΡŒ, Π° Π½Π΅ гарантия. Π­Ρ‚ΠΎ позволяСт ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ мноТСство Π²Π°Ρ€ΠΈΠ°Π½Ρ‚ΠΎΠ², ΠΈ ΠΊΠ°ΠΆΠ΄Ρ‹ΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ ΠΌΠΎΠΆΠ΅Ρ‚ Π½Π°ΠΉΡ‚ΠΈ Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅, ΡΠΎΠΎΡ‚Π²Π΅Ρ‚ΡΡ‚Π²ΡƒΡŽΡ‰Π΅Π΅ Π΅Π³ΠΎ Π»ΠΈΡ‡Π½ΠΎΠΌΡƒ ΡΡ‚ΠΈΠ»ΡŽ. Но Π½ΡƒΠΆΠ½ΠΎ Π½Π°ΡƒΡ‡ΠΈΡ‚ΡŒΡΡ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒΡΡ сСткой; это искусство, Ρ‚Ρ€Π΅Π±ΡƒΡŽΡ‰Π΅Π΅ ΠΏΡ€Π°ΠΊΡ‚ΠΈΠΊΠΈ Β».

Π­Ρ‚Π° ΡΡ‚Π°Ρ‚ΡŒΡ являСтся Ρ‡Π°ΡΡ‚ΡŒΡŽ сСрии UX-Π΄ΠΈΠ·Π°ΠΉΠ½Π°, спонсируСмой Adobe. Π˜Π½ΡΡ‚Ρ€ΡƒΠΌΠ΅Π½Ρ‚ Adobe XD создан для быстрого ΠΈ Π³ΠΈΠ±ΠΊΠΎΠ³ΠΎ процСсса проСктирования UX, ΠΏΠΎΡΠΊΠΎΠ»ΡŒΠΊΡƒ ΠΎΠ½ позволяСт быстрСС ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄ΠΈΡ‚ΡŒ ΠΎΡ‚ ΠΈΠ΄Π΅ΠΈ ΠΊ ΠΏΡ€ΠΎΡ‚ΠΎΡ‚ΠΈΠΏΡƒ. Π‘ΠΎΠ·Π΄Π°Π²Π°ΠΉΡ‚Π΅, создавайтС ΠΏΡ€ΠΎΡ‚ΠΎΡ‚ΠΈΠΏΡ‹ ΠΈ Π΄Π΅Π»ΠΈΡ‚Π΅ΡΡŒ ΠΈΠΌΠΈ — всС Π² ΠΎΠ΄Π½ΠΎΠΌ ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΈ.Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΎΠ·Π½Π°ΠΊΠΎΠΌΠΈΡ‚ΡŒΡΡ с Π΄Ρ€ΡƒΠ³ΠΈΠΌΠΈ Π²Π΄ΠΎΡ…Π½ΠΎΠ²Π»ΡΡŽΡ‰ΠΈΠΌΠΈ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π°ΠΌΠΈ, созданными с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Adobe XD, Π½Π° Behance, Π° Ρ‚Π°ΠΊΠΆΠ΅ ΠΏΠΎΠ΄ΠΏΠΈΡΠ°Ρ‚ΡŒΡΡ Π½Π° ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΎΠ½Π½Ρ‹ΠΉ Π±ΡŽΠ»Π»Π΅Ρ‚Π΅Π½ΡŒ Adobe Experience Design, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΎΡΡ‚Π°Π²Π°Ρ‚ΡŒΡΡ Π² курсС послСдних Ρ‚Π΅Π½Π΄Π΅Π½Ρ†ΠΈΠΉ ΠΈ ΠΈΠ΄Π΅ΠΉ Π² области Π΄ΠΈΠ·Π°ΠΉΠ½Π° UX / UI.

Π‘Ρ‚Π°Ρ‚ΡŒΠΈ ΠΏΠΎ Ρ‚Π΅ΠΌΠ΅

(ra, al, il)

ΠŸΠΎΡ‡Π΅ΠΌΡƒ ΠΌΠ°ΠΊΠ΅Ρ‚ Π²Π°ΠΆΠ΅Π½ Π² графичСском Π΄ΠΈΠ·Π°ΠΉΠ½Π΅?

Π₯ΠΎΡ€ΠΎΡˆΠΎ ΠΏΡ€ΠΎΠ΄ΡƒΠΌΠ°Π½Π½Ρ‹ΠΉ ΠΌΠ°ΠΊΠ΅Ρ‚ ΡƒΠΏΡ€ΠΎΡ‰Π°Π΅Ρ‚ использованиС содСрТащСйся Π² Π½Π΅ΠΌ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΈ. Π­Ρ‚ΠΎ Ρ„ΡƒΠ½Π΄Π°ΠΌΠ΅Π½Ρ‚Π°Π»ΡŒΠ½Π°Ρ Ρ‡Π°ΡΡ‚ΡŒ любой Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½ΠΎΠΉ ΠΊΠΎΠΌΠΌΡƒΠ½ΠΈΠΊΠ°Ρ†ΠΈΠΈ. Π£Π±Π΅Π΄ΠΈΡ‚Π΅ΡΡŒ, Ρ‡Ρ‚ΠΎ Π²Ρ‹ всС ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΠΎ поняли.

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

Π’ этом постС ΠΌΡ‹ рассмотрим, ΠΏΠΎΡ‡Π΅ΠΌΡƒ ΠΌΠ°ΠΊΠ΅Ρ‚ Π²Π°ΠΆΠ΅Π½ Π² Π΄ΠΈΠ·Π°ΠΉΠ½Π΅, ΠΊΠ°ΠΊ Π΅Π³ΠΎ эффСктивно Ρ€Π΅Π°Π»ΠΈΠ·ΠΎΠ²Π°Ρ‚ΡŒ, Π° Ρ‚Π°ΠΊΠΆΠ΅ рассмотрим нСсколько ΠΏΡ€ΠΈΠΌΠ΅Ρ€ΠΎΠ² красивых ΠΈ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π»ΡŒΠ½Ρ‹Ρ… ΠΌΠ°ΠΊΠ΅Ρ‚ΠΎΠ².

‍

Π§Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ вСрстка?

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

Π‘Π΅Ρ‚ΠΊΠΈ ΠΏΠΎΠ»Π΅Π·Π½Ρ‹ ΠΏΡ€ΠΈ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠΈ ΠΌΠ°ΠΊΠ΅Ρ‚ΠΎΠ², ΠΏΠΎΡΠΊΠΎΠ»ΡŒΠΊΡƒ ΠΎΠ½ΠΈ ΠΏΠΎΠΌΠΎΠ³Π°ΡŽΡ‚ ΡΡ‚Ρ€ΡƒΠΊΡ‚ΡƒΡ€ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΠΈ ΠΎΡ€Π³Π°Π½ΠΈΠ·ΠΎΠ²Ρ‹Π²Π°Ρ‚ΡŒ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚.Π₯отя сСтки Π½Π΅Π²ΠΈΠ΄ΠΈΠΌΡ‹ Π² Π΄ΠΈΠ·Π°ΠΉΠ½Π΅, ΠΎΡ€ΠΈΠ΅Π½Ρ‚ΠΈΡ€ΠΎΠ²Π°Π½Π½ΠΎΠΌ Π½Π° ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ, с ΠΏΠ΅Ρ€Π²ΠΎΠ³ΠΎ взгляда Π»Π΅Π³ΠΊΠΎ ΠΎΠΏΡ€Π΅Π΄Π΅Π»ΠΈΡ‚ΡŒ, соотвСтствуСт Π»ΠΈ ΠΌΠ°ΠΊΠ΅Ρ‚ систСмС сСток. ПозТС ΠΌΡ‹ обсудим сСтки Π±ΠΎΠ»Π΅Π΅ ΠΏΠΎΠ΄Ρ€ΠΎΠ±Π½ΠΎ ΠΈ рассмотрим Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Ρ€Π΅Π°Π»ΡŒΠ½Ρ‹Π΅ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Ρ‹ Ρ€Π°Π±ΠΎΡ‚Ρ‹ с сСтками.

‍

ΠŸΡ€ΠΈΠ½Ρ†ΠΈΠΏΡ‹ Π΄ΠΈΠ·Π°ΠΉΠ½Π° ΠΈ ΠΊΠΎΠΌΠΏΠΎΠ·ΠΈΡ†ΠΈΠΈ ΠΌΠ°ΠΊΠ΅Ρ‚Π°

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

‍

Π˜Π΅Ρ€Π°Ρ€Ρ…ΠΈΡ

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

ΠŸΡ€ΠΈΠΌΠ΅Ρ€ ΠΈΠ΅Ρ€Π°Ρ€Ρ…ΠΈΠΈ, созданной с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Ρ€Π°Π·ΠΌΠ΅Ρ€Π°

‍

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

‍

ВСсы

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

Π‘ΠΈΠΌΠΌΠ΅Ρ‚Ρ€ΠΈΡ‡Π½Ρ‹Π΅ вСсы АсиммСтричныС вСсы

‍

Из ΠΏΡ€Π°Π²ΠΈΠ»Π° баланса Π΅ΡΡ‚ΡŒ Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΈΡΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΡ. НСсбалансированный Π΄ΠΈΠ·Π°ΠΉΠ½ ΠΌΠΎΠΆΠ΅Ρ‚ эффСктивно ΠΏΡ€ΠΈΠ²Π»Π΅Ρ‡ΡŒ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅ ΠΊ ΠΊΠΎΠ½ΠΊΡ€Π΅Ρ‚Π½ΠΎΠΌΡƒ элСмСнту, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ выглядит нСумСстно.Однако, Ссли всС сдСлано Π½Π΅ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΠΎ, нСсбалансированный Π΄ΠΈΠ·Π°ΠΉΠ½ выглядит Π·Π°ΠΏΡƒΡ‚Π°Π½Π½Ρ‹ΠΌ ΠΈΠ»ΠΈ Π·Π°ΠΏΡƒΡ‚Π°Π½Π½Ρ‹ΠΌ.

‍

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

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

Π’Ρ‹Ρ€Π°Π²Π½ΠΈΠ²Π°Π½ΠΈΠ΅ ΠΏΠΎ Π»Π΅Π²ΠΎΠΌΡƒ ΠΊΡ€Π°ΡŽ (L) ΠΏΠΎ ΡΡ€Π°Π²Π½Π΅Π½ΠΈΡŽ с Π²Ρ‹Ρ€Π°Π²Π½ΠΈΠ²Π°Π½ΠΈΠ΅ΠΌ ΠΏΠΎ Ρ†Π΅Π½Ρ‚Ρ€Ρƒ (R)

‍

Π­Ρ„Ρ„Π΅ΠΊΡ‚ΠΈΠ²Π½ΠΎΠ΅ Π²Ρ‹Ρ€Π°Π²Π½ΠΈΠ²Π°Π½ΠΈΠ΅ способствуСт разборчивости ΠΈ плавности ΠΌΠ°ΠΊΠ΅Ρ‚Π°. ИспользованиС сСток ΡƒΠΏΡ€ΠΎΡ‰Π°Π΅Ρ‚ ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½ΠΈΠ΅ способа выравнивания элСмСнтов Π² ΠΌΠ°ΠΊΠ΅Ρ‚Π΅.

‍

Π‘Π»ΠΈΠ·ΠΎΡΡ‚ΡŒ

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

ΠŸΡ€ΠΈΠΌΠ΅Ρ€ близости

‍

ΠŸΡ€ΠΎΡΡ‚Ρ€Π°Π½ΡΡ‚Π²ΠΎ

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

РасстояниС ΠΌΠ΅ΠΆΠ΄Ρƒ сСкциями Π² ΠΌΠ°ΠΊΠ΅Ρ‚Π΅

‍

Π­Π»Π΅ΠΌΠ΅Π½Ρ‚Ρ‹ Π΄ΠΈΠ·Π°ΠΉΠ½Π° ΠΌΠ°ΠΊΠ΅Ρ‚Π°

Π’ графичСском Π΄ΠΈΠ·Π°ΠΉΠ½Π΅ ΠΌΠ°ΠΊΠ΅Ρ‚Ρ‹ ΠΌΠΎΠ³ΡƒΡ‚ ΡΠΎΠ΄Π΅Ρ€ΠΆΠ°Ρ‚ΡŒ нСсколько Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Ρ… элСмСнтов.НиТС ΠΏΡ€ΠΈΠ²Π΅Π΄Π΅Π½Ρ‹ Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΈΠ· Π½Π°ΠΈΠ±ΠΎΠ»Π΅Π΅ распространСнных элСмСнтов Π΄ΠΈΠ·Π°ΠΉΠ½Π°, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π²Π»ΠΈΡΡŽΡ‚ Π½Π° ΠΌΠ°ΠΊΠ΅Ρ‚:

  • ВСкст : тСкстовыС элСмСнты Π²ΠΊΠ»ΡŽΡ‡Π°ΡŽΡ‚ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΈ, Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΈ ΠΈ Π°Π±Π·Π°Ρ†Ρ‹. Π’ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅ с большим количСством тСкста эти элСмСнты Π΄ΠΎΠ»ΠΆΠ½Ρ‹ Π±Ρ‹Ρ‚ΡŒ располоТСны ΠΈΠ½Ρ‚ΡƒΠΈΡ‚ΠΈΠ²Π½ΠΎ понятным ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΈΡ… Π±Ρ‹Π»ΠΎ Π»Π΅Π³ΠΊΠΎ Ρ‡ΠΈΡ‚Π°Ρ‚ΡŒ.
  • Π˜Π·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΡ : Π€ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΈ ΠΈ Π΄Ρ€ΡƒΠ³ΠΈΠ΅ Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½Ρ‹Π΅ эффСкты, Ρ‚Π°ΠΊΠΈΠ΅ ΠΊΠ°ΠΊ ΠΈΠ»Π»ΡŽΡΡ‚Ρ€Π°Ρ†ΠΈΠΈ, ΠΏΠΎΠΌΠΎΠ³Π°ΡŽΡ‚ Ρ€Π°Π·Π±ΠΈΡ‚ΡŒ тСкст ΠΈ ΠΏΠ΅Ρ€Π΅Π΄Π°Ρ‚ΡŒ ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½Π½Ρ‹Π΅ сообщСния. Они особСнно эффСктивны для ΡΠΌΠΎΡ†ΠΈΠΎΠ½Π°Π»ΡŒΠ½ΠΎΠ³ΠΎ вовлСчСния Π·Ρ€ΠΈΡ‚Π΅Π»Π΅ΠΉ.
  • Π‘Ρ‚Ρ€ΠΎΠΊΠΈ : Π‘Ρ‚Ρ€ΠΎΠΊΠΈ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ΡΡ для раздСлСния Ρ€Π°Π·Π΄Π΅Π»ΠΎΠ².Они Ρ‚Π°ΠΊΠΆΠ΅ ΠΌΠΎΠ³ΡƒΡ‚ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ Π°ΠΊΡ†Π΅Π½Ρ‚Π° ΠΊ тСксту.
  • Π€ΠΈΠ³ΡƒΡ€Ρ‹ : ΠŸΡ€ΠΈ ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΠΎΠΌ использовании Ρ„ΠΎΡ€ΠΌΡ‹ Π΄ΠΎΠ±Π°Π²Π»ΡΡŽΡ‚ Π½ΠΎΡ‚ΠΊΡƒ Ρ‡ΡƒΡ‚ΡŒΡ ΠΈ ΠΈΠ½Π΄ΠΈΠ²ΠΈΠ΄ΡƒΠ°Π»ΡŒΠ½ΠΎΡΡ‚ΠΈ ΠΌΠ°ΠΊΠ΅Ρ‚Ρƒ. ΠŸΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊΠΈ ΠΈ ΠΊΡ€ΡƒΠ³ΠΈ ΡΠ²Π»ΡΡŽΡ‚ΡΡ Π½Π°ΠΈΠ±ΠΎΠ»Π΅Π΅ распространСнными, Π½ΠΎ Π΅ΡΡ‚ΡŒ ΠΌΠ½ΠΎΠ³ΠΎ способов ΠΏΡ€ΠΎΡΠ²ΠΈΡ‚ΡŒ творчСский ΠΏΠΎΠ΄Ρ…ΠΎΠ΄ ΠΊ Ρ„ΠΈΠ³ΡƒΡ€Π°ΠΌ.
  • Π‘Π΅Π»ΠΎΠ΅ пространство : Как ΠΌΡ‹ ΡƒΠΆΠ΅ обсуТдали, Π΄ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΠ΅ пространства ΠΌΠ΅ΠΆΠ΄Ρƒ Ρ€Π°Π·Π΄Π΅Π»Π°ΠΌΠΈ ΠΌΠ°ΠΊΠ΅Ρ‚Π° ΠΏΡ€Π΅Π΄ΠΎΡ‚Π²Ρ€Π°Ρ‰Π°Π΅Ρ‚ ΠΏΠ΅Ρ€Π΅ΡƒΡ‚ΠΎΠΌΠ»Π΅Π½ΠΈΠ΅ ΠΈΠ»ΠΈ ΡƒΡ‚ΠΎΠΌΠ»Π΅Π½ΠΈΠ΅ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ ΠΏΡ€ΠΈ просмотрС Π·Π°Π³Ρ€ΡƒΠΆΠ΅Π½Π½ΠΎΠ³ΠΎ Π΄ΠΈΠ·Π°ΠΉΠ½Π°.

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

‍

Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ ΠΌΠ°ΠΊΠ΅Ρ‚ΠΎΠ² с использованиСм сСток

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

НаиболСС распространСнным Ρ‚ΠΈΠΏΠΎΠΌ сСтки, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅ΠΌΠΎΠΉ Π² графичСском ΠΈ Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅, являСтся сСтка столбцов. Π‘Π΅Ρ‚ΠΊΠ° столбцов состоит ΠΈΠ· ряда Π²Π΅Ρ€Ρ‚ΠΈΠΊΠ°Π»ΡŒΠ½Ρ‹Ρ… сСкций с ΠΏΡ€ΠΎΠΌΠ΅ΠΆΡƒΡ‚ΠΊΠ°ΠΌΠΈ ΠΌΠ΅ΠΆΠ΄Ρƒ Π½ΠΈΠΌΠΈ.ΠŸΡ€ΠΎΡΡ‚Ρ€Π°Π½ΡΡ‚Π²ΠΎ ΠΌΠ΅ΠΆΠ΄Ρƒ ΠΊΠΎΠ»ΠΎΠ½Π½Π°ΠΌΠΈ — это ΠΆΠ΅Π»ΠΎΠ±. ΠŸΡ€ΠΎΡΡ‚Ρ€Π°Π½ΡΡ‚Π²ΠΎ Ρ‚Π°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ΅Ρ‚ ΠΎΠΊΡ€ΡƒΠΆΠ°Ρ‚ΡŒ края сСтки, создавая поля.

ΠšΠΎΠ»ΠΈΡ‡Π΅ΡΡ‚Π²ΠΎ столбцов Π² сСткС столбцов ΠΌΠΎΠΆΠ΅Ρ‚ Π²Π°Ρ€ΡŒΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒΡΡ. Однако Ρ…ΠΎΡ€ΠΎΡˆΠ΅Π΅ практичСскоС ΠΏΡ€Π°Π²ΠΈΠ»ΠΎ — ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ 12 столбцов. ΠŸΡ€ΠΈΡ‡ΠΈΠ½Π° Π² Ρ‚ΠΎΠΌ, Ρ‡Ρ‚ΠΎ ΠΌΡ‹ ΠΌΠΎΠΆΠ΅ΠΌ Π»Π΅Π³ΠΊΠΎ Ρ€Π°Π·Π΄Π΅Π»ΠΈΡ‚ΡŒ 12 столбцов Π½Π° Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Π΅ Π±ΠΎΠ»Π΅Π΅ ΠΌΠ΅Π»ΠΊΠΈΠ΅ Ρ€Π°Π·Π΄Π΅Π»Ρ‹. НапримСр, Ρƒ вас ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ Π΄Π²Π° Π±ΠΎΠ»ΡŒΡˆΠΈΡ… столбца ΠΏΠΎ ΡˆΠ΅ΡΡ‚ΡŒ столбцов Π² ΠΊΠ°ΠΆΠ΄ΠΎΠΌ ΠΈΠ»ΠΈ Ρ‡Π΅Ρ‚Ρ‹Ρ€Π΅ столбца ΠΏΠΎ Ρ‚Ρ€ΠΈ столбца Π² ΠΊΠ°ΠΆΠ΄ΠΎΠΌ ΠΈ Ρ‚. Π”. Π­Ρ‚Π° Π΄Π΅Π»ΠΈΠΌΠΎΡΡ‚ΡŒ обСспСчиваСт Π±ΠΎΠ»ΡŒΡˆΡƒΡŽ Π³ΠΈΠ±ΠΊΠΎΡΡ‚ΡŒ Π² ΠΌΠ°ΠΊΠ΅Ρ‚Π΅ Π΄ΠΈΠ·Π°ΠΉΠ½Π°.

Мокап 12-столбцовой сСтки Π² Π˜Π½Ρ‚Π΅Ρ€Π½Π΅Ρ‚Π΅

‍

Π§Ρ‚ΠΎΠ±Ρ‹ Π»ΡƒΡ‡ΡˆΠ΅ ΠΏΠΎΠ½ΡΡ‚ΡŒ Ρ†Π΅Π½Π½ΠΎΡΡ‚ΡŒ сСток ΠΈ Ρ‚ΠΎ, ΠΊΠ°ΠΊ ΠΎΠ½ΠΈ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ΡΡ Π² Π΄ΠΈΠ·Π°ΠΉΠ½Π΅, ΠΏΠΎΠ»Π΅Π·Π½ΠΎ Π²Π·Π³Π»ΡΠ½ΡƒΡ‚ΡŒ Π½Π° нСсколько ΠΏΡ€ΠΈΠΌΠ΅Ρ€ΠΎΠ². НиТС ΠΏΡ€ΠΈΠ²Π΅Π΄Π΅Π½Ρ‹ нСсколько Ρ…ΠΎΡ€ΠΎΡˆΠΎ сбалансированных Π΄ΠΈΠ·Π°ΠΉΠ½ΠΎΠ² Π² ΠΌΠΈΡ€Π΅ ΠΏΠ΅Ρ‡Π°Ρ‚ΠΈ ΠΈ Ρ†ΠΈΡ„Ρ€ΠΎΠ²Ρ‹Ρ… Ρ‚Π΅Ρ…Π½ΠΎΠ»ΠΎΠ³ΠΈΠΉ, Π² ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ сСтка столбцов.

‍

Π˜ΡΡ‚ΠΎΡ‡Π½ΠΈΠΊ: Launchable Inc

‍

Π˜ΡΡ‚ΠΎΡ‡Π½ΠΈΠΊ: Turn the Page Design Magazine by Lianne

‍

Π˜ΡΡ‚ΠΎΡ‡Π½ΠΈΠΊ: Π§Π΅Ρ‚Ρ‹Ρ€Π΅

‍ ΠΎ

О Ρ‚ΠΎΠΌ, ΠΊΠ°ΠΊ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΈΡ… для создания красиво сбалансированных ΠΌΠ°ΠΊΠ΅Ρ‚ΠΎΠ² Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π°, Ρ‡ΠΈΡ‚Π°ΠΉΡ‚Π΅ Π² нашСм курсС Β«ΠŸΡ€ΠΎΡ†Π΅ΡΡ создания Π²Π΅Π±-сайта Π·Π° 10 тысяч Π΄ΠΎΠ»Π»Π°Ρ€ΠΎΠ²Β».

‍

Π Π°Π·Ρ€ΡƒΡˆΠ΅Π½ΠΈΠ΅ сСток

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

ΠšΠ»ΡŽΡ‡Π΅Π²Π°Ρ функция сСток — ΡΠΎΠ΄Π΅Ρ€ΠΆΠ°Ρ‚ΡŒ, Π²Ρ‹Ρ€Π°Π²Π½ΠΈΠ²Π°Ρ‚ΡŒ ΠΈ ΠΎΡ€Π³Π°Π½ΠΈΠ·ΠΎΠ²Ρ‹Π²Π°Ρ‚ΡŒ Π²Π°ΠΆΠ½Ρ‹ΠΉ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚ Π² Π΄ΠΈΠ·Π°ΠΉΠ½Π΅.ВрСмя ΠΎΡ‚ Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ Π»ΠΎΠΌΠ°Ρ‚ΡŒ сСтку Π΄Π΅ΠΊΠΎΡ€Π°Ρ‚ΠΈΠ²Π½Ρ‹ΠΌΠΈ элСмСнтами Π²ΠΏΠΎΠ»Π½Π΅ допустимо, Ссли это Π½Π΅ умаляСт смысла ΠΎΠ±Ρ‰Π΅Π³ΠΎ Π΄ΠΈΠ·Π°ΠΉΠ½Π°.

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

Π˜ΡΡ‚ΠΎΡ‡Π½ΠΈΠΊ: KIKK Festival 2020

‍

ΠŸΡ€Π°Π²ΠΈΠ»ΠΎ Ρ‚Ρ€Π΅Ρ‚Π΅ΠΉ

ΠŸΠΎΠ»Π΅Π·Π½Ρ‹ΠΌ ΠΌΠ΅Ρ‚ΠΎΠ΄ΠΎΠΌ создания эффСктивных ΠΌΠ°ΠΊΠ΅Ρ‚ΠΎΠ² являСтся ΠΏΡ€ΠΈΠΌΠ΅Π½Π΅Π½ΠΈΠ΅ ΠΏΡ€Π°Π²ΠΈΠ»Π° Ρ‚Ρ€Π΅Ρ‚Π΅ΠΉ. Π­Ρ‚ΠΎ ΠΎΡ‡Π΅Π½ΡŒ простоС ΠΏΡ€Π°Π²ΠΈΠ»ΠΎ, Π½ΠΎ ΠΎΡ‡Π΅Π½ΡŒ эффСктивноС для создания баланса Π² ΠΌΠ°ΠΊΠ΅Ρ‚Π΅. Π§Ρ‚ΠΎΠ±Ρ‹ Ρ€Π΅Π°Π»ΠΈΠ·ΠΎΠ²Π°Ρ‚ΡŒ это, просто Ρ€Π°Π·Π΄Π΅Π»ΠΈΡ‚Π΅ свой ΠΌΠ°ΠΊΠ΅Ρ‚ Π½Π° Ρ‚Ρ€ΠΈ столбца ΠΈ строки. Π›ΠΈΠ½ΠΈΠΈ ΡΠΎΠ·Π΄Π°ΡŽΡ‚ ΠΎΡ€ΠΈΠ΅Π½Ρ‚ΠΈΡ€Ρ‹ для Π»ΡŽΠ±Ρ‹Ρ… Π»ΠΈΠ½Π΅ΠΉΠ½Ρ‹Ρ… элСмСнтов Π΄ΠΈΠ·Π°ΠΉΠ½Π°. Π’ΠΎΡ‡ΠΊΠΈ пСрСсСчСния Π»ΠΈΠ½ΠΈΠΉ ΠΎΠ±Ρ€Π°Π·ΡƒΡŽΡ‚ фокус Π΄ΠΈΠ·Π°ΠΉΠ½Π°.

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

‍

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

‍

Π˜ΡΡ‚ΠΎΡ‡Π½ΠΈΠΊ: Π’Π»Π°Π΄ΠΈΠΌΠΈΡ€ Π“Ρ€ΡƒΠ΅Π² Ρ‡Π΅Ρ€Π΅Π· Dribbble

‍

Π˜ΡΡ‚ΠΎΡ‡Π½ΠΈΠΊ: Ramotion Ρ‡Π΅Ρ€Π΅Π· Dribbble

Π₯ΠΎΡ‚ΠΈΡ‚Π΅ ΡƒΠ·Π½Π°Ρ‚ΡŒ большС ΠΎ Ρ‚ΠΎΠΌ, ΠΊΠ°ΠΊ ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ красивыС ΠΌΠ°ΠΊΠ΅Ρ‚Ρ‹ Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π°, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΏΡ€ΠΈΠ²Π»Π΅ΠΊΠ°ΡŽΡ‚ высокооплачиваСмых ΠΊΠ»ΠΈΠ΅Π½Ρ‚ΠΎΠ²?

Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ красивых ΠΈ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π»ΡŒΠ½Ρ‹Ρ… ΠΌΠ°ΠΊΠ΅Ρ‚ΠΎΠ² — лишь ΠΎΠ΄ΠΈΠ½ ΠΈΠ· ΠΌΠ½ΠΎΠ³ΠΈΡ… ΠΆΠΈΠ·Π½Π΅Π½Π½ΠΎ Π²Π°ΠΆΠ½Ρ‹Ρ… ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚ΠΎΠ² Π·Π²Π΅Π·Π΄Π½ΠΎΠ³ΠΎ процСсса Π΄ΠΈΠ·Π°ΠΉΠ½Π° Π²Π΅Π±-сайтов.Если Π²Ρ‹ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ ΡƒΠ·Π½Π°Ρ‚ΡŒ, ΠΊΠ°ΠΊ Π΄ΠΈΠ·Π°ΠΉΠ½ ΠΌΠ°ΠΊΠ΅Ρ‚Π° вписываСтся Π² Π±ΠΎΠ»Π΅Π΅ ΡˆΠΈΡ€ΠΎΠΊΡƒΡŽ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½Ρƒ Π½Π°Π΄Π΅ΠΆΠ½ΠΎΠ³ΠΎ процСсса Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ Π²Π΅Π±-сайта, Ρ‚ΠΎΠ³Π΄Π° ΠΎΠ·Π½Π°ΠΊΠΎΠΌΡŒΡ‚Π΅ΡΡŒ с нашим курсом Β«ΠŸΡ€ΠΎΡ†Π΅ΡΡ Π²Π΅Π±-сайта» ΡΡ‚ΠΎΠΈΠΌΠΎΡΡ‚ΡŒΡŽ 10 тысяч Π΄ΠΎΠ»Π»Π°Ρ€ΠΎΠ². Π’Ρ‹ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚Π΅ Π³ΠΎΡ€Π°Π·Π΄ΠΎ большС, Ρ‡Π΅ΠΌ нСсколько Π²ΠΈΠ΄Π΅ΠΎΡƒΡ€ΠΎΠΊΠΎΠ² ΠΎ Ρ‚ΠΎΠΌ, ΠΊΠ°ΠΊ ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ красивыС Π²Π΅Π±-сайты: Π²Ρ‹ ΡƒΠ·Π½Π°Π΅Ρ‚Π΅, ΠΊΠ°ΠΊ ΠΏΠΎΠ·ΠΈΡ†ΠΈΠΎΠ½ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ сСбя ΠΊΠ°ΠΊ Ρ†Π΅Π½Π½Ρ‹ΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€, Π½Π°ΠΉΡ‚ΠΈ Π±ΠΎΠ»Π΅Π΅ высокооплачиваСмых ΠΊΠ»ΠΈΠ΅Π½Ρ‚ΠΎΠ² ΠΈ ΠΏΡ€ΠΈΡΠΎΠ΅Π΄ΠΈΠ½ΠΈΡ‚ΡŒΡΡ ΠΊ сообщСству Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ΠΎΠ²-Π΅Π΄ΠΈΠ½ΠΎΠΌΡ‹ΡˆΠ»Π΅Π½Π½ΠΈΠΊΠΎΠ².

ΠŸΠΎΠ΄Ρ€ΠΎΠ±Π½Π΅Π΅ ΠΎ курсС «ΠŸΡ€ΠΎΡ†Π΅ΡΡ Π²Π΅Π±-сайта» ΡΡ‚ΠΎΠΈΠΌΠΎΡΡ‚ΡŒΡŽ 10 тысяч Π΄ΠΎΠ»Π»Π°Ρ€ΠΎΠ² ΠΌΠΎΠΆΠ½ΠΎ ΡƒΠ·Π½Π°Ρ‚ΡŒ здСсь.

Π‘ΠΎΠ·Π΄Π°Π²Π°ΠΉΡ‚Π΅ Π»ΡƒΡ‡ΡˆΠΈΠ΅ ΠΌΠ°ΠΊΠ΅Ρ‚Ρ‹ — 6 ΠΏΡ€ΠΎΡ„Π΅ΡΡΠΈΠΎΠ½Π°Π»ΡŒΠ½Ρ‹Ρ… совСтов ΠΏΠΎ Π΄ΠΈΠ·Π°ΠΉΠ½Ρƒ ΠΌΠ°ΠΊΠ΅Ρ‚ΠΎΠ² β”‚Π‘Π»ΠΎΠ³ Blurb

Если Π²Ρ‹ Π½ΠΎΠ²ΠΈΡ‡ΠΎΠΊ Π² Π΄ΠΈΠ·Π°ΠΉΠ½Π΅, рСкомСндуСтся Π½Π°Ρ‡Π°Ρ‚ΡŒ с основ.

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

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

T ip # 1. ИсслСдования

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

ΠžΠΏΠΈΡ€Π°ΡΡΡŒ Π½Π° собствСнноС ΠΎΠ±Ρ€Π°Π·ΠΎΠ²Π°Π½ΠΈΠ΅ ΠΈ обращая Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅ Π½Π° Ρ‚ΠΎ, Ρ‡Ρ‚ΠΎ Π³ΠΎΠ²ΠΎΡ€ΠΈΡ‚ Π²Π°ΠΌ Π»ΠΈΡ‡Π½ΠΎ, Π²Ρ‹ смоТСтС Ρ€Π°Π·Π²ΠΈΡ‚ΡŒ ΡƒΠ½ΠΈΠΊΠ°Π»ΡŒΠ½Ρ‹ΠΉ, Π½ΠΎ Π°ΠΊΡ‚ΡƒΠ°Π»ΡŒΠ½Ρ‹ΠΉ голос, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΏΠΎΠ·Π²ΠΎΠ»ΠΈΡ‚ Π²Π°ΠΌ ΡΡΡ‹Π»Π°Ρ‚ΡŒΡΡ (Π½Π΅ копируя) Π½Π° Ρ€Π°Π±ΠΎΡ‚Ρ‹, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π²Π°ΠΌ большС всСго нравятся.

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

НаконСчник β„–2. Π‘ΠΎΠ΄Π΅Ρ€ΠΆΠ°Π½ΠΈΠ΅ ΠΈ концСпция

Π‘Π°ΠΌΡ‹ΠΌ Π²Π°ΠΆΠ½Ρ‹ΠΌ шагом ΠΏΡ€ΠΈ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠΈ ΠΊΠΎΠΌΠΏΠΎΠ½ΠΎΠ²ΠΊΠΈ являСтся Π²Ρ‹Π±ΠΎΡ€ конструкции ΠΊΠΎΠ½Ρ†Π΅ΠΏΡ†ΠΈΠΈ .

ПослС просмотра содСрТания Π·Π°Π΄Π°ΠΉΡ‚Π΅ сСбС ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠ΅ вопросы:

ΠšΡ‚ΠΎ ваша аудитория?

Π§Ρ‚ΠΎ вашС сообщСниС?

ΠŸΠΎΡ‡Π΅ΠΌΡƒ вашС сообщСниС Π²Π°ΠΆΠ½ΠΎ?

Как я Ρ…ΠΎΡ‡Ρƒ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π·Ρ€ΠΈΡ‚Π΅Π»ΡŒ, , чувствовал сСбя?

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

Π Π°Π·Π½Ρ‹Π΅ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Ρ‹ Ρ‚Ρ€Π΅Π±ΡƒΡŽΡ‚ ΡΠΎΠ²Π΅Ρ€ΡˆΠ΅Π½Π½ΠΎ Ρ€Π°Π·Π½Ρ‹Ρ… ΠΏΠΎΠ΄Ρ…ΠΎΠ΄ΠΎΠ². Π’Π°ΠΌ Ρ€Π΅ΡˆΠ°Ρ‚ΡŒ, ΠΊΠ°ΠΊ Π»ΡƒΡ‡ΡˆΠ΅ всСго донСсти своС сообщСниС Π΄ΠΎ Π°ΡƒΠ΄ΠΈΡ‚ΠΎΡ€ΠΈΠΈ.

НаконСчник β„–3. Π˜Π΅Ρ€Π°Ρ€Ρ…ΠΈΡ

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

Π”ΠΈΠ·Π°ΠΉΠ½ Π½ΠΈΠΊΠΎΠ³Π΄Π° Π½Π΅ Π΄ΠΎΠ»ΠΆΠ΅Π½ Π΄ΠΈΠΊΡ‚ΠΎΠ²Π°Ρ‚ΡŒ тСкстовыС элСмСнты, ΠΈ Π½Π°ΠΎΠ±ΠΎΡ€ΠΎΡ‚. Как Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€, ваша Π·Π°Π΄Π°Ρ‡Π° — ΡƒΠ±Π΅Π΄ΠΈΡ‚ΡŒΡΡ, Ρ‡Ρ‚ΠΎ эти Π΄Π²Π° ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚Π° Ρ€Π°Π±ΠΎΡ‚Π°ΡŽΡ‚ вмСстС Π² Π³Π°Ρ€ΠΌΠΎΠ½ΠΈΠΈ ΠΈ Ρ‡Ρ‚ΠΎ вашС сообщСниС понято.

НаконСчник β„–4. Π€ΠΎΡ€ΠΌΠ°Ρ‚, сСтка ΠΈ Π²Ρ‹Ρ€Π°Π²Π½ΠΈΠ²Π°Π½ΠΈΠ΅

На этом этапС Ρ„ΠΎΡ€ΠΌΠ°Ρ‚, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π±ΡƒΠ΄Π΅Ρ‚ Π»ΡƒΡ‡ΡˆΠ΅ всСго Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ с вашим Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½Ρ‹ΠΌ Π½Π°ΠΏΡ€Π°Π²Π»Π΅Π½ΠΈΠ΅ΠΌ, ΠΊΠΎΠ½Ρ†Π΅ΠΏΡ†ΠΈΠ΅ΠΉ ΠΈ установлСнной ΠΈΠ΅Ρ€Π°Ρ€Ρ…ΠΈΠ΅ΠΉ, Π΄ΠΎΠ»ΠΆΠ΅Π½ Π½Π°Ρ‡Π°Ρ‚ΡŒ Π·Π°ΠΊΡ€Π΅ΠΏΠ»ΡΡ‚ΡŒΡΡ.ΠžΡ‚ΡΡŽΠ΄Π° Π²Ρ‹ смоТСтС ΡƒΡΡ‚Π°Π½ΠΎΠ²ΠΈΡ‚ΡŒ ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½Ρ‹Π΅ Ρ€Π°Π·ΠΌΠ΅Ρ€Ρ‹ вашСго ΠΌΠ°ΠΊΠ΅Ρ‚Π° ΠΈ основы вашСй сСтки.

Π‘Π΅Ρ‚ΠΊΠ° ΠΏΠΎΠΌΠΎΠΆΠ΅Ρ‚ Π²Π°ΠΌ Ρ€Π°ΡΠΏΠΎΠ»ΠΎΠΆΠΈΡ‚ΡŒ элСмСнты Π½Π° основС ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½Π½ΠΎΠ³ΠΎ количСства столбцов ΠΈ строк. Π‘Π΅Ρ‚ΠΊΠΈ Π΄Π°ΡŽΡ‚ Π½Π°ΠΌ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ Ρ‚ΠΎΡ‡Π½ΠΎ ΡΠΎΠ³Π»Π°ΡΠΎΠ²Ρ‹Π²Π°Ρ‚ΡŒ Π½Π°ΡˆΡƒ Ρ€Π°Π±ΠΎΡ‚Ρƒ ΠΈ ΡΠ²Π»ΡΡŽΡ‚ΡΡ Π½Π΅ΠΎΡ‚ΡŠΠ΅ΠΌΠ»Π΅ΠΌΠΎΠΉ Ρ‡Π°ΡΡ‚ΡŒΡŽ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ вашСго ΠΌΠ°ΠΊΠ΅Ρ‚Π°.

ΠŸΡ€ΠΈ рассмотрСнии выравнивания ΠΌΠ°ΠΊΠ΅Ρ‚Π° ΠΏΠΎΠΌΠ½ΠΈΡ‚Π΅ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠ΅ ΠΏΡ€ΠΈΠ½Ρ†ΠΈΠΏΡ‹:

  • Π—ΠΎΠ»ΠΎΡ‚ΠΎΠ΅ сСчСниС: ΡΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½ΠΎΠ΅ число, ΠΏΡ€ΠΈΠ±Π»ΠΈΠ·ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ Ρ€Π°Π²Π½ΠΎΠ΅ 1.618, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΌΠ½ΠΎΠ³ΠΎ Ρ€Π°Π· встрСчаСтся Π² Π³Π΅ΠΎΠΌΠ΅Ρ‚Ρ€ΠΈΠΈ, искусствС, Π°Ρ€Ρ…ΠΈΡ‚Π΅ΠΊΡ‚ΡƒΡ€Π΅ ΠΈ Π΄Ρ€ΡƒΠ³ΠΈΡ… областях. Π•Π³ΠΎ ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ для создания приятных, СстСствСнно выглядящих ΠΊΠΎΠΌΠΏΠΎΠ·ΠΈΡ†ΠΈΠΉ Π² Π²Π°ΡˆΠΈΡ… дизайнСрских Ρ€Π°Π±ΠΎΡ‚Π°Ρ….
  • ΠžΡ‚ΠΊΠ»ΠΎΠ½Π΅Π½ΠΈΠ΅ ΠΎΡ‚ выравнивания ΠΈΠ»ΠΈ Β«Ρ€Π°Π·Ρ€Ρ‹Π² сСтки» (ΠΊΠΎΠ³Π΄Π° это усиливаСт Π²Π°ΡˆΡƒ ΠΊΠΎΠ½Ρ†Π΅ΠΏΡ†ΠΈΡŽ)
  • Π’ΠΈΠΏΠΎΠ³Ρ€Π°Ρ„ΠΈΠΊΠ° (ΠΏΠΎΠ΄Ρ€ΠΎΠ±Π½Π΅Π΅ ΠΎΠ± этом Π΄Π°Π»Π΅Π΅)

Π‘ΠΎΠ²Π΅Ρ‚ β„– 5. Π’ΠΈΠΏΠΎΠ³Ρ€Π°Ρ„ΠΈΠΊΠ° ΠΈ сочСтаниС ΡˆΡ€ΠΈΡ„Ρ‚ΠΎΠ²

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

ΠŸΡ€ΠΎΠ²Π΅Π΄ΠΈΡ‚Π΅ исслСдованиС ΠΈ Π²Π΅Ρ€Π½ΠΈΡ‚Π΅ΡΡŒ ΠΊ доску настроСния своСго ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π°, ΠΏΡ€Π΅ΠΆΠ΄Π΅ Ρ‡Π΅ΠΌ ΠΏΡ€ΠΈΠ½ΡΡ‚ΡŒ Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅.

БущСствуСт Ρ‡Π΅Ρ‚Ρ‹Ρ€Π΅ основных Ρ‚ΠΈΠΏΠ° Ρ‚ΠΈΠΏΠΎΠ³Ρ€Π°Ρ„ΠΈΠΊΠΈ: Π±Π΅Π· засСчСк, засСчСк, Π΄Π΅ΠΊΠΎΡ€Π°Ρ‚ΠΈΠ²Π½Ρ‹ΠΉ ΠΈ ΡˆΡ€ΠΈΡ„Ρ‚.Π’ΠΎΡ‚ нСсколько основных ΠΌΠΎΠΌΠ΅Π½Ρ‚ΠΎΠ², ΠΎ ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… слСдуСт ΠΏΠΎΠΌΠ½ΠΈΡ‚ΡŒ, ΠΊΠΎΠ³Π΄Π° Π²Ρ‹ ΠΈΠ³Ρ€Π°Π΅Ρ‚Π΅ с Ρ€Π°Π·Π½Ρ‹ΠΌΠΈ сочСтаниями ΡˆΡ€ΠΈΡ„Ρ‚ΠΎΠ²:

  • T he Π§ΠΈΡ‚Π°Π΅ΠΌΠΎΡΡ‚ΡŒ ΡˆΡ€ΠΈΡ„Ρ‚Π° Π΄ΠΎΠ»ΠΆΠ½Π° ΠΈΠΌΠ΅Ρ‚ΡŒ ΠΏΡ€ΠΈΠΎΡ€ΠΈΡ‚Π΅Ρ‚ Π½Π°Π΄ эстСтикой. Π§Ρ‚ΠΎΠ±Ρ‹ ΠΎΠ±Π΅ΡΠΏΠ΅Ρ‡ΠΈΡ‚ΡŒ ΡƒΠ΄ΠΎΠ±ΠΎΡ‡ΠΈΡ‚Π°Π΅ΠΌΠΎΡΡ‚ΡŒ, ΡƒΡ‡ΠΈΡ‚Ρ‹Π²Π°ΠΉΡ‚Π΅ Π²Ρ‹Ρ€Π°Π²Π½ΠΈΠ²Π°Π½ΠΈΠ΅ тСкста, Π° Ρ‚Π°ΠΊΠΆΠ΅ ΠΈΠ½Ρ‚Π΅Ρ€Π»ΠΈΠ½ΡŒΡΠΆ ΠΈ ΠΊΠ΅Ρ€Π½ΠΈΠ½Π³ ΡˆΡ€ΠΈΡ„Ρ‚Π°. ΠΠ΅Π·Π½Π°Ρ‡ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ ΠΊΠΎΡ€Ρ€Π΅ΠΊΡ‚ΠΈΡ€ΠΎΠ²ΠΊΠΈ ΠΈΠ½Ρ‚Π΅Ρ€Π²Π°Π»Π° ΠΌΠΎΠ³ΡƒΡ‚ ΠΈΠΌΠ΅Ρ‚ΡŒ большоС Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅.
  • Π‘ΠΎΠ·Π΄Π°ΠΉΡ‚Π΅ Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½Ρ‹ΠΉ контраст , комбинируя Π΄Π²Π° Ρ€Π°Π·Π½Ρ‹Ρ… ΡˆΡ€ΠΈΡ„Ρ‚Π° ΠΈΠ»ΠΈ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡ ΠΎΠ΄ΠΈΠ½ ΠΈ Ρ‚ΠΎΡ‚ ΠΆΠ΅ ΡˆΡ€ΠΈΡ„Ρ‚ с Ρ€Π°Π·Π½ΠΎΠΉ ΠΏΠ»ΠΎΡ‚Π½ΠΎΡΡ‚ΡŒΡŽ.ΠšΠ»Π°ΡΡΠΈΡ‡Π΅ΡΠΊΠΎΠ΅ сочСтаниС Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ° Π±Π΅Π· засСчСк ΠΈ основного тСкста с засСчками — Ρ…ΠΎΡ€ΠΎΡˆΠΈΠΉ ΠΏΡ€ΠΈΠΌΠ΅Ρ€ простого ΠΈ эффСктного сочСтания ΡˆΡ€ΠΈΡ„Ρ‚ΠΎΠ². ΠžΠ±Ρ‹Ρ‡Π½ΠΎΠ΅ практичСскоС ΠΏΡ€Π°Π²ΠΈΠ»ΠΎ — ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π½Π΅ большС ΠΈΠ»ΠΈ мСньшС Π΄Π²ΡƒΡ… ΠΈΠ»ΠΈ Ρ‚Ρ€Π΅Ρ… ΡˆΡ€ΠΈΡ„Ρ‚ΠΎΠ² Π² ΠΎΠ΄Π½ΠΎΠΌ ΠΌΠ°ΠΊΠ΅Ρ‚Π΅, Π½ΠΎ ΠΊΠ°ΠΊ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Π²Ρ‹ ΠΎΠ·Π½Π°ΠΊΠΎΠΌΠΈΡ‚Π΅ΡΡŒ с ΠΏΡ€Π°Π²ΠΈΠ»Π°ΠΌΠΈ, ΠΈΡ… ΠΌΠΎΠΆΠ½ΠΎ эффСктивно Π½Π°Ρ€ΡƒΡˆΠΈΡ‚ΡŒ.
  • БупСрсСмСйство ΡΠΏΠ΅ΡˆΠΈΡ‚ Π½Π° ΠΏΠΎΠΌΠΎΡ‰ΡŒ! Если Π΅ΡΡ‚ΡŒ сомнСния, самоС простоС Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅ Π΄ΠΈΠ»Π΅ΠΌΠΌΡ‹ сочСтания ΡˆΡ€ΠΈΡ„Ρ‚ΠΎΠ² — это Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ Π³Π°Ρ€Π½ΠΈΡ‚ΡƒΡ€Ρ‹ ΠΈΠ· ΠΎΠ΄Π½ΠΎΠ³ΠΎ сСмСйства ΡˆΡ€ΠΈΡ„Ρ‚ΠΎΠ² с нСсколькими вСсами ΡˆΡ€ΠΈΡ„Ρ‚ΠΎΠ².Π­Ρ‚ΠΈ ΡˆΡ€ΠΈΡ„Ρ‚Ρ‹ СстСствСнно Ρ€Π°Π±ΠΎΡ‚Π°ΡŽΡ‚ вмСстС. ВсС, Ρ‡Ρ‚ΠΎ Π²Π°ΠΌ Π½ΡƒΠΆΠ½ΠΎ Π²Ρ‹ΡΡΠ½ΠΈΡ‚ΡŒ, это ΠΊΠ°ΠΊ Π²Ρ‹ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ ΠΈΡ… Ρ€Π°ΡΠΏΠΎΠ»ΠΎΠΆΠΈΡ‚ΡŒ.
  • РассмотритС настроСниС ΡˆΡ€ΠΈΡ„Ρ‚Π° ΠΈΠ»ΠΈ Π΅Π³ΠΎ Π½Π΅Π²Ρ‹Ρ€Π°Π·ΠΈΠΌΡ‹Π΅ ΡΠΌΠΎΡ†ΠΈΠΎΠ½Π°Π»ΡŒΠ½Ρ‹Π΅ качСства. Π­Ρ‚ΠΎ ΠΏΡ€ΠΈΠ»Π°Π³Π°Ρ‚Π΅Π»ΡŒΠ½Ρ‹Π΅, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΌΡ‹ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅ΠΌ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΎΠΏΠΈΡΠ°Ρ‚ΡŒ «ощущСния» ΡˆΡ€ΠΈΡ„Ρ‚Π° — ΠΈΠ³Ρ€ΠΈΠ²Ρ‹ΠΉ, Π·Π°Π³Π°Π΄ΠΎΡ‡Π½Ρ‹ΠΉ, Ρ€Π΅Ρ‚Ρ€ΠΎ, β€‹β€‹ΡΠ΅Ρ€ΡŒΠ΅Π·Π½Ρ‹ΠΉ, грустный ΠΈ Ρ‚. Π”. ΠžΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½ΠΈΠ΅ настроСния ΡˆΡ€ΠΈΡ„Ρ‚Π° — самая ΡΡƒΠ±ΡŠΠ΅ΠΊΡ‚ΠΈΠ²Π½Π°Ρ Ρ‡Π°ΡΡ‚ΡŒ Ρ‚ΠΈΠΏΠΎΠ³Ρ€Π°Ρ„ΠΈΠΊΠΈ, Π½ΠΎ это ΠΎΠ΄Π½Π° ΠΈΠ· самых Π²Π°ΠΆΠ½Ρ‹Ρ… ΠΊΠΎΠ½Ρ†Π΅ΠΏΡ†ΠΈΠΈ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ слСдуСт ΡƒΡ‡ΠΈΡ‚Ρ‹Π²Π°Ρ‚ΡŒ ΠΏΡ€ΠΈ объСдинСнии ΡˆΡ€ΠΈΡ„Ρ‚ΠΎΠ². БмСшиваниС ΡˆΡ€ΠΈΡ„Ρ‚ΠΎΠ² нСсовмСстимых настроСний ΠΌΠΎΠΆΠ΅Ρ‚ ΠΈΡΠΏΠΎΡ€Ρ‚ΠΈΡ‚ΡŒ Π΄Π°ΠΆΠ΅ самый Π»ΡƒΡ‡ΡˆΠΈΠΉ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚.ВсС, Ρ‡Ρ‚ΠΎ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ, это ΠΏΠΎΠ»Π°Π³Π°Ρ‚ΡŒΡΡ Π½Π° свои исслСдования ΠΈ Π΄Π΅ΠΉΡΡ‚Π²ΠΎΠ²Π°Ρ‚ΡŒ ΠΈΠ½Ρ‚ΡƒΠΈΡ‚ΠΈΠ²Π½ΠΎ.
  • Π—Π½Π°ΠΉΡ‚Π΅, Π³Π΄Π΅ ΠΈΡΠΊΠ°Ρ‚ΡŒ для интСрСсных классичСских ΠΈΠ»ΠΈ ΠΎΡ€ΠΈΠ³ΠΈΠ½Π°Π»ΡŒΠ½Ρ‹Ρ… Ρ‚ΠΈΠΏΠΎΠ³Ρ€Π°Ρ„ΠΈΠΉ. Π£ ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ Π΅ΡΡ‚ΡŒ свои Π²Π΅Π±-сайты (ΠΌΠΎΠΉ — Typewolf), Π½ΠΎ доступно бСсчислСнноС количСство рСсурсов.
  • НС Π±ΠΎΠΉΡ‚Π΅ΡΡŒ ΡΠΊΡΠΏΠ΅Ρ€ΠΈΠΌΠ΅Π½Ρ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΠΈΠ»ΠΈ Π½Π°Ρ€ΡƒΡˆΠ°Ρ‚ΡŒ ΠΏΡ€Π°Π²ΠΈΠ»Π°. Π’ΠΎΡ‚ ΠΊΠ°ΠΊ ΠΌΡ‹ учимся. Π‘ΠΎΡ‡Π΅Ρ‚Π°Π½ΠΈΠ΅ ΡˆΡ€ΠΈΡ„Ρ‚ΠΎΠ² ΠΌΠΎΠΆΠ΅Ρ‚ Π½Π°ΠΏΡƒΠ³Π°Ρ‚ΡŒ, ΠΏΠΎΡ‚ΠΎΠΌΡƒ Ρ‡Ρ‚ΠΎ это Π½Π΅ точная Π½Π°ΡƒΠΊΠ°, Π½ΠΎ ΠΊΠΎΠ³Π΄Π° творчСскиС профСссионалы говорят Π°Π±ΡΠΎΠ»ΡŽΡ‚Π½ΠΎ, это ΠΌΠ΅ΡˆΠ°Π΅Ρ‚ прогрСссу ΠΈ Π²ΠΎΠ·Π½Π°Π³Ρ€Π°ΠΆΠ΄Π°Π΅Ρ‚ Β«ΠΎΠ΄ΠΈΠ½Π°ΠΊΠΎΠ²ΠΎΡΡ‚ΡŒΒ».”

ΠŸΠΎΠ³Ρ€ΡƒΠ·ΠΈΡ‚Π΅ΡΡŒ Π² Ρ‚ΠΈΠΏΠΎΠ³Ρ€Π°Ρ„ΠΈΠΊΡƒ Π³Π»ΡƒΠ±ΠΆΠ΅.

НаконСчник β„–6. ΠžΠ±Π·ΠΎΡ€ ΠΈ ΡƒΠ»ΡƒΡ‡ΡˆΠ΅Π½ΠΈΠ΅

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

Π£ мСня Π΅ΡΡ‚ΡŒ мыслСнный ΠΊΠΎΠ½Ρ‚Ρ€ΠΎΠ»ΡŒΠ½Ρ‹ΠΉ список, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ я ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽ Π² процСссС ΠΏΡ€ΠΎΠ²Π΅Ρ€ΠΊΠΈ:

  • Π― Π³ΠΎΠ²ΠΎΡ€ΡŽ ΠΈΠΌΠ΅Π½Π½ΠΎ Ρ‚ΠΎ, Ρ‡Ρ‚ΠΎ Ρ…ΠΎΡ‡Ρƒ? ΠŸΠΎΠΉΠΌΠ΅Ρ‚ Π»ΠΈ моя аудитория мою ΠΊΠΎΠ½Ρ†Π΅ΠΏΡ†ΠΈΡŽ?
  • Π•ΡΡ‚ΡŒ Π»ΠΈ Ρ€ΠΈΡ‚ΠΌ ΠΈ ΠΏΠΎΡΠ»Π΅Π΄ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎΡΡ‚ΡŒ Π² ΠΌΠΎΠ΅ΠΌ ΠΌΠ°ΠΊΠ΅Ρ‚Π΅ ΠΈ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅?
  • Достаточно Π»ΠΈ Ρƒ мСня контраста? Если я ΠΏΡ€ΠΈΡ‰ΡƒΡ€ΠΈΠ²Π°ΡŽΡΡŒ, ΠΏΡ€ΠΈΠ²Π»Π΅ΠΊΠ°Π΅Ρ‚ Π»ΠΈ ΠΌΠΎΠ΅ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅ основноС сообщСниС?
  • ВсС Π»ΠΈ располоТСно Ρ€Π°Π²Π½ΠΎΠΌΠ΅Ρ€Π½ΠΎ ΠΈ сбалансирована Π»ΠΈ иСрархия?
  • Π•ΡΡ‚ΡŒ Π»ΠΈ Π² ΠΌΠΎΠ΅ΠΌ Ρ‚Π΅Π»Π΅ «сироты»?
  • НСобходимы Π»ΠΈ ΠΏΡ€Π°Π²ΠΈΠ»Π° проСктирования, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ я Π½Π°Ρ€ΡƒΡˆΠ°ΡŽ?
  • НуТно Π»ΠΈ ΠΌΠ½Π΅ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΠΈΠ»ΠΈ ΡƒΠ΄Π°Π»ΡΡ‚ΡŒ тСкст ΠΈΠ»ΠΈ изобраТСния, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ каТутся излишними?

ПослС ΠΏΡ€ΠΎΠ²Π΅Ρ€ΠΊΠΈ Π²Ρ‹ Ρ‚Π°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΏΠΎΠΏΡ€ΠΎΡΠΈΡ‚ΡŒ ΠΊΠΎΠ»Π»Π΅Π³Ρƒ ΠΈΠ»ΠΈ ΠΊΠΎΠ»Π»Π΅Π³Ρƒ Π΄Π°Ρ‚ΡŒ конструктивный ΠΎΡ‚Π·Ρ‹Π².

ПослСдниС мысли

Π’Π°ΠΊΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ, подходя ΠΊ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΡŽ ΠΌΠ°ΠΊΠ΅Ρ‚Π°, Π½Π΅ Π·Π°Π±Ρ‹Π²Π°ΠΉΡ‚Π΅ ΠΈΡΡΠ»Π΅Π΄ΠΎΠ²Π°Ρ‚ΡŒ ΠΈ ΠΏΠΎΠ½ΠΈΠΌΠ°Ρ‚ΡŒ ΡƒΠ½ΠΈΠ²Π΅Ρ€ΡΠ°Π»ΡŒΠ½Ρ‹Π΅ ΠΏΡ€ΠΈΠ½Ρ†ΠΈΠΏΡ‹ Π΄ΠΈΠ·Π°ΠΉΠ½Π°. По словам Пикассо, Β«Π²Ρ‹ΡƒΡ‡ΠΈΡ‚Π΅ ΠΏΡ€Π°Π²ΠΈΠ»Π° ΠΊΠ°ΠΊ профСссионал, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π²Ρ‹ ΠΌΠΎΠ³Π»ΠΈ Π½Π°Ρ€ΡƒΡˆΠΈΡ‚ΡŒ , ΠΊΠ°ΠΊ Ρ…ΡƒΠ΄ΠΎΠΆΠ½ΠΈΠΊΒ».

ΠŸΠΎΠ΄Π΅Π»ΠΈΡ‚Π΅ΡΡŒ своими Π³Π»Π°Π²Π½Ρ‹ΠΌΠΈ совСтами ΠΏΠΎ Π΄ΠΈΠ·Π°ΠΉΠ½Ρƒ ΠΌΠ°ΠΊΠ΅Ρ‚Π° Π² коммСнтариях Π½ΠΈΠΆΠ΅. Или ΠΏΡ€ΠΈΠΌΠ΅Π½ΠΈΡ‚Π΅ совСты БтСйси Π½Π° ΠΏΡ€Π°ΠΊΡ‚ΠΈΠΊΠ΅ ΠΈ Π½Π°Ρ‡Π½ΠΈΡ‚Π΅ Ρ€Π°Π·Ρ€Π°Π±Π°Ρ‚Ρ‹Π²Π°Ρ‚ΡŒ ΠΌΠ°ΠΊΠ΅Ρ‚ своСй собствСнной ΠΊΠ½ΠΈΠ³ΠΈ.

50 ΠΌΠ°ΠΊΠ΅Ρ‚ΠΎΠ² Π΄ΠΈΠ·Π°ΠΉΠ½Π° для воплощСния Π²Π°ΡˆΠΈΡ… ΠΈΠ΄Π΅ΠΉ

ПослСднСС ΠΎΠ±Π½ΠΎΠ²Π»Π΅Π½ΠΈΠ΅ 30 дСкабря 2019 Π³.

Π’ прСимущСствСнно Ρ†ΠΈΡ„Ρ€ΠΎΠ²ΠΎΠΌ ΠΌΠΈΡ€Π΅ ΠΌΠ½ΠΎΠ³ΠΈΠ΅ люди ΡΡ‡ΠΈΡ‚Π°ΡŽΡ‚, Ρ‡Ρ‚ΠΎ ΠΌΠ°ΠΊΠ΅Ρ‚Ρ‹ Π½Π΅ Ρ‚Π°ΠΊ Π²Π°ΠΆΠ½Ρ‹, ΠΊΠ°ΠΊ Ρ€Π°Π½ΡŒΡˆΠ΅, ΠΊΠΎΠ³Π΄Π° полиграфичСский Π΄ΠΈΠ·Π°ΠΉΠ½ всС Π΅Ρ‰Π΅ Π±Ρ‹Π» ΠΊΠΎΡ€ΠΎΠ»Π΅ΠΌ.Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π½Π΅ ΠΎΡΠΎΠ·Π½Π°Π²Π°Ρ‚ΡŒ, Ρ‡Ρ‚ΠΎ использованиС ΠΌΠ°ΠΊΠ΅Ρ‚ΠΎΠ² сСйчас ΠΌΠΎΠΆΠ΅Ρ‚ ΠΈΠΌΠ΅Ρ‚ΡŒ большСС Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅, Ρ‡Π΅ΠΌ ΠΊΠΎΠ³Π΄Π°-Π»ΠΈΠ±ΠΎ.

ΠœΠ°ΠΊΠ΅Ρ‚Ρ‹ — самая ваТная Ρ‡Π°ΡΡ‚ΡŒ полиграфичСского Π΄ΠΈΠ·Π°ΠΉΠ½Π°. ΠΠ΅ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΠΎ сдСлайтС ΠΌΠ°ΠΊΠ΅Ρ‚, ΠΈ сообщСниС, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ Π²Ρ‹ ΠΏΡ‹Ρ‚Π°Π΅Ρ‚Π΅ΡΡŒ ΠΏΠ΅Ρ€Π΅Π΄Π°Ρ‚ΡŒ, Π½Π΅ Π±ΡƒΠ΄Π΅Ρ‚ понято Ρ‚Π°ΠΊ, ΠΊΠ°ΠΊ Π²Ρ‹ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅. ΠΠ΅ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½Π°Ρ ΠΊΠΎΠΌΠΏΠΎΠ½ΠΎΠ²ΠΊΠ° ΠΌΠΎΠΆΠ΅Ρ‚ ΡΠ±ΠΈΡ‚ΡŒ с Ρ‚ΠΎΠ»ΠΊΡƒ Π°ΡƒΠ΄ΠΈΡ‚ΠΎΡ€ΠΈΡŽ ΠΈ ΠΏΠΎΠ»Π½ΠΎΡΡ‚ΡŒΡŽ ΠΎΡ‚ΠΊΠ»ΡŽΡ‡ΠΈΡ‚ΡŒ Π΅Π΅.

ИмСнно ваш ΠΌΠ°ΠΊΠ΅Ρ‚ опрСдСляСт, насколько эффСктивным являСтся ваш ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚. НСзависимо ΠΎΡ‚ Ρ‚ΠΎΠ³ΠΎ, насколько Π°ΠΊΡ‚ΡƒΠ°Π»Π΅Π½ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚, Ссли ΠΎΠ½ Π½Π΅ ΠΈΠ·Π»ΠΎΠΆΠ΅Π½ эффСктивно, сообщСниС ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ Π·Π°ΠΏΡƒΡ‚Π°Π½Π½Ρ‹ΠΌ.Π§ΠΈΡ‚Π°Π±Π΅Π»ΡŒΠ½ΠΎΡΡ‚ΡŒΡŽ ΠΌΠΎΠΆΠ½ΠΎ Π±Ρ‹Π»ΠΎ ΠΏΠΎΠΆΠ΅Ρ€Ρ‚Π²ΠΎΠ²Π°Ρ‚ΡŒ. ЭстСтика Ρ‚ΠΎΠΆΠ΅ ΠΌΠΎΠΆΠ΅Ρ‚ ΡΡ‚Π°Ρ‚ΡŒ ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΠΎΠΉ.

Но Π½Π΅ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ люди Π² ΠΏΠ΅Ρ‡Π°Ρ‚Π½Ρ‹Ρ… БМИ Π΄ΠΎΠ»ΠΆΠ½Ρ‹ Π±Π΅ΡΠΏΠΎΠΊΠΎΠΈΡ‚ΡŒΡΡ ΠΎ ΠΌΠ°ΠΊΠ΅Ρ‚Π°Ρ…. Π’ΠΎ всяком случаС, ΠΈΠ½Ρ‚Π΅Ρ€Π½Π΅Ρ‚-ΠΌΠ°Ρ€ΠΊΠ΅Ρ‚ΠΎΠ»ΠΎΠ³ΠΈ Ρ‚Π°ΠΊΠΆΠ΅ Π΄ΠΎΠ»ΠΆΠ½Ρ‹ ΡƒΠ΄Π΅Π»ΡΡ‚ΡŒ ΠΏΠ΅Ρ€Π²ΠΎΠΎΡ‡Π΅Ρ€Π΅Π΄Π½ΠΎΠ΅ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅ Ρ€Π°Π·ΠΌΠ΅Ρ‰Π΅Π½ΠΈΡŽ своСго ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π°. Π­Ρ‚ΠΎ особСнно Π²Π΅Ρ€Π½ΠΎ, Ссли Π²Ρ‹ ΠΎΠΆΠΈΠ΄Π°Π΅Ρ‚Π΅, Ρ‡Ρ‚ΠΎ ваш ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚ Π±ΡƒΠ΄Π΅Ρ‚ ΠΏΠΎΡΠ²Π»ΡΡ‚ΡŒΡΡ Π½Π° Ρ€Π°Π·Π½Ρ‹Ρ… ΠΊΠ°Π½Π°Π»Π°Ρ….

Волько ΠΏΡ€Π΅Π΄ΡΡ‚Π°Π²ΡŒΡ‚Π΅. Π’ΠΎ, Ρ‡Ρ‚ΠΎ Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ Π² Π²Π΅Π±-настройкС, Π½Π΅ всСгда ΠΏΡ€ΠΈΠΌΠ΅Π½ΠΈΠΌΠΎ ΠΊ мобильной срСдС. И Ρ‡Ρ‚ΠΎ Π²Ρ‹ Π² ΠΏΠ΅Ρ€Π²ΡƒΡŽ ΠΎΡ‡Π΅Ρ€Π΅Π΄ΡŒ настраиваСтС ΠΏΡ€ΠΈ ΠΏΠ΅Ρ€Π΅ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΠΈ ΠΈΠ· ΠΎΠ΄Π½ΠΎΠ³ΠΎ Ρ€Π΅ΠΆΠΈΠΌΠ° Π² Π΄Ρ€ΡƒΠ³ΠΎΠΉ? РасполоТСниС.

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

1. ΠžΠ³Ρ€Π°Π½ΠΈΡ‡ΡŒΡ‚Π΅ количСство Ρ†Π²Π΅Ρ‚ΠΎΠ².

НСваТно, насколько экстравагантным ΠΈΠ»ΠΈ Π½Π΅ΠΎΠ±Ρ‹Ρ‡Π½Ρ‹ΠΌ Π²Ρ‹ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΎΠ½ Π±Ρ‹Π» Π² Ρ†Π΅Π½Ρ‚Ρ€Π΅ внимания, Π²Π°ΠΌ всС Ρ€Π°Π²Π½ΠΎ Π½ΡƒΠΆΠ½ΠΎ ΠΏΠΎΠ΄ΡƒΠΌΠ°Ρ‚ΡŒ ΠΎ Ρ‚ΠΎΠΌ, понравится Π»ΠΈ это Π³Π»Π°Π·Π°ΠΌ Π²Π°ΡˆΠΈΡ… Π·Ρ€ΠΈΡ‚Π΅Π»Π΅ΠΉ.

НС ΠΏΠΎΠΉΠΌΠΈΡ‚Π΅ мСня Π½Π΅ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΠΎ, Ρ†Π²Π΅Ρ‚Π° всСгда вСсСлыС ΠΈ Π·Π°Ρ…Π²Π°Ρ‚Ρ‹Π²Π°ΡŽΡ‰ΠΈΠ΅.ОсобСнно, Ссли ваши Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Ρ‹ использовали ΠΏΡ€ΠΈΠ»Π°Π³Π°Ρ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ «яркий» ΠΈ Β«ΠΌΠΎΠ»ΠΎΠ΄ΠΎΠΉΒ», Π²Ρ‹, вСроятно, смоТСтС максимально ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Ρ†Π²Π΅Ρ‚ всСми Π²ΠΎΠ·ΠΌΠΎΠΆΠ½Ρ‹ΠΌΠΈ способами.

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

ΠžΠ³Ρ€Π°Π½ΠΈΡ‡ΡŒΡ‚Π΅ количСство Ρ†Π²Π΅Ρ‚ΠΎΠ², ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π²Ρ‹ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚Π΅ Π² ΠΎΠ΄Π½ΠΎΠΌ Ρ€Π°Π·Π²ΠΎΡ€ΠΎΡ‚Π΅. Π’Π°ΠΊΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ, Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π±Ρ‹Ρ‚ΡŒ ΡƒΠ²Π΅Ρ€Π΅Π½Ρ‹, Ρ‡Ρ‚ΠΎ вСсь тСкст Π±ΡƒΠ΄Π΅Ρ‚ Ρ‡ΠΈΡ‚Π°Π±Π΅Π»ΡŒΠ½Ρ‹ΠΌ, ΠΈ ваши Ρ‡ΠΈΡ‚Π°Ρ‚Π΅Π»ΠΈ Π½Π΅ устанут быстро.

Блишком утомляСтС ΠΈΡ… Π³Π»Π°Π·Π°, ΠΈ ΠΎΠ½ΠΈ Π·Π°Π±ΡƒΠ΄ΡƒΡ‚ ΠΎ Ρ‚ΠΎΠΌ, Ρ‡Ρ‚ΠΎ Π±ΡƒΠ΄Π΅Ρ‚ сказано Π½Π° ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΡ… страницах. Но Π΄Π°ΠΉΡ‚Π΅ ΠΈΡ… Π³Π»Π°Π·Π°ΠΌ ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΠΎΠ΅ сочСтаниС Ρ†Π²Π΅Ρ‚ΠΎΠ², ΠΈ Π²Ρ‹ Π·Π°Π΄Π΅Ρ€ΠΆΠΈΡ‚Π΅ ΠΈΡ… Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅ достаточно Π΄ΠΎΠ»Π³ΠΎ.

2. ΠžΠ³Ρ€Π°Π½ΠΈΡ‡ΡŒΡ‚Π΅ количСство элСмСнтов.

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

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

3. ΠžΠ³Ρ€Π°Π½ΠΈΡ‡ΡŒΡ‚Π΅ количСство ΡˆΡ€ΠΈΡ„Ρ‚ΠΎΠ².

Π’ΠΎΡ‚ Π΅Ρ‰Π΅ ΠΎΠ΄Π½Π° Π²Π΅Ρ‰ΡŒ, которая Π»Π΅Π³ΠΊΠΎ ΠΌΠΎΠΆΠ΅Ρ‚ ΠΈΡΠΏΠΎΡ€Ρ‚ΠΈΡ‚ΡŒ любой ΠΌΠ°ΠΊΠ΅Ρ‚.

Π”Π°, Π² настоящСС врСмя Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Ρ‹ ΠΌΠΎΠ³ΡƒΡ‚ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ нСсколько Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Ρ… ΡˆΡ€ΠΈΡ„Ρ‚ΠΎΠ². Но Π²Π°ΠΌ Π½Π΅ ΠΎΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΈΡ… всС Π·Π° ΠΎΠ΄ΠΈΠ½ Ρ€Π°Π·.ΠœΠ°Π³ΠΈΡ‡Π΅ΡΠΊΠΎΠ΅ число здСсь 3 — ΠΎΠ΄ΠΈΠ½ ΡˆΡ€ΠΈΡ„Ρ‚ для вашСго Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ°, ΠΎΠ΄ΠΈΠ½ ΡˆΡ€ΠΈΡ„Ρ‚ для Π²Π°ΡˆΠΈΡ… ΠΏΠΎΠ΄Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΎΠ² ΠΈ Π΅Ρ‰Π΅ ΠΎΠ΄ΠΈΠ½ для вашСго тСкста.

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

4. Π‘Π»Π΅Π΄ΠΈΡ‚Π΅ Π·Π° своСй ΠΌΠ°Ρ€ΠΆΠΎΠΉ.

Π­Ρ‚ΠΎ Ρ‚ΠΎ, ΠΎ Ρ‡Π΅ΠΌ сСйчас Π·Π°Π±Ρ‹Π²Π°ΡŽΡ‚ ΠΌΠ½ΠΎΠ³ΠΈΠ΅ люди. ΠŸΠΎΡΠΌΠΎΡ‚Ρ€Π΅Π² Π²Π΅Π±-сайты, Π²Ρ‹ ΡƒΠ²ΠΈΠ΄ΠΈΡ‚Π΅, Ρ‡Ρ‚ΠΎ Π±ΠΎΠ»ΡŒΡˆΡƒΡŽ Ρ‡Π°ΡΡ‚ΡŒ Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ Π΄ΠΈΠ·Π°ΠΉΠ½ пСрСмСщаСтся ΠΈΠ· ΠΎΠ΄Π½ΠΎΠ³ΠΎ ΠΊΠΎΠ½Ρ†Π° Π² Π΄Ρ€ΡƒΠ³ΠΎΠΉ.Но ΠΊΠΎΠ³Π΄Π° Π΄Π΅Π»ΠΎ Π΄ΠΎΡ…ΠΎΠ΄ΠΈΡ‚ Π΄ΠΎ ΠΏΠ΅Ρ‡Π°Ρ‚ΠΈ, Π²Ρ‹ Π΄ΠΎΠ»ΠΆΠ½Ρ‹ Π΄ΡƒΠΌΠ°Ρ‚ΡŒ ΠΎ полях.

ΠžΡ‡Π΅Π²ΠΈΠ΄Π½ΠΎ, Ρ‡Ρ‚ΠΎ Ρ‡Π΅ΠΌ мСньшС страница, Ρ‚Π΅ΠΌ мСньшС ΠΈ поля. По ΠΌΠ΅Ρ€Π΅ увСличСния страницы Π²Π°ΠΌ придСтся ΡƒΠ²Π΅Π»ΠΈΡ‡ΠΈΠ²Π°Ρ‚ΡŒ ΠΏΠΎΠ»Π΅.

Π§Ρ‚ΠΎ ΠΏΡ€ΠΎΠΈΠ·ΠΎΠΉΠ΄Π΅Ρ‚, Ссли Π½Π΅ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ поля? Π§Ρ‚ΠΎ ΠΆ, Π² Ρ†ΠΈΡ„Ρ€ΠΎΠ²ΠΎΠΌ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅ всС, ΠΎ Ρ‡Π΅ΠΌ Π²Π°ΠΌ Π½ΡƒΠΆΠ½ΠΎ Π±Π΅ΡΠΏΠΎΠΊΠΎΠΈΡ‚ΡŒΡΡ, — это ΠΊΡ€Π°ΠΉ экрана. Но ΠΊΠΎΠ³Π΄Π° Π΄Π΅Π»ΠΎ Π΄ΠΎΡ…ΠΎΠ΄ΠΈΡ‚ Π΄ΠΎ ΠΏΠ΅Ρ‡Π°Ρ‚ΠΈ, Π²Ρ‹ Π΄ΠΎΠ»ΠΆΠ½Ρ‹ ΠΏΠΎΠΌΠ½ΠΈΡ‚ΡŒ, Ρ‡Ρ‚ΠΎ страницы Π΄ΠΎΠ»ΠΆΠ½Ρ‹ Π±Ρ‹Ρ‚ΡŒ скрСплСны, Π° это Π·Π½Π°Ρ‡ΠΈΡ‚, Ρ‡Ρ‚ΠΎ Ρ‡Π°ΡΡ‚ΡŒ Π΄ΠΈΠ·Π°ΠΉΠ½Π° ΠΌΠΎΠΆΠ΅Ρ‚ ΠΎΠΊΠ°Π·Π°Ρ‚ΡŒΡΡ ΠΎΠ±Ρ€Π΅Π·Π°Π½Π½ΠΎΠΉ. Π­Ρ‚ΠΎ ΠΏΡ€ΠΈΠ²Π΅Π΄Π΅Ρ‚ ΠΊ нСсоотвСтствиям Π² ΠΊΠΎΠ½Π΅Ρ‡Π½ΠΎΠΌ ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚Π΅.

5. Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ сСтки.

Π‘Π΅Ρ‚ΠΊΠΈ

— Π½Π°Ρ…ΠΎΠ΄ΠΊΠ° для Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ΠΎΠ², ΠΏΠΎΡ‚ΠΎΠΌΡƒ Ρ‡Ρ‚ΠΎ ΠΎΠ½ΠΈ ΠΏΡ€Π΅Π΄ΠΎΡΡ‚Π°Π²Π»ΡΡŽΡ‚ Ρ€Π΅ΡˆΠ΅Π½ΠΈΡ для мноТСства ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌ.

Π’ΠΎ-ΠΏΠ΅Ρ€Π²Ρ‹Ρ…, сСтки ΡƒΠΏΠΎΡ€ΡΠ΄ΠΎΡ‡ΠΈΠ²Π°ΡŽΡ‚ всС Π² вашСм ΠΌΠ°ΠΊΠ΅Ρ‚Π΅. Они ΡƒΠ΄Π΅Ρ€ΠΆΠΈΠ²Π°ΡŽΡ‚ всС Π½Π° своих мСстах ΠΈ β€‹β€‹ΠΏΠΎΠΌΠΎΠ³Π°ΡŽΡ‚ Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΌ элСмСнтам Π½Π΅ ΠΏΠΎΠ΄Π°Π²Π»ΡΡ‚ΡŒ всС ΠΎΡΡ‚Π°Π»ΡŒΠ½ΠΎΠ΅ Π²ΠΎΠΊΡ€ΡƒΠ³.

Π‘Π΅Ρ‚ΠΊΠΈ

Ρ‚Π°ΠΊΠΆΠ΅ ΠΏΠΎΠ²Ρ‹ΡˆΠ°ΡŽΡ‚ ΡΡ„Ρ„Π΅ΠΊΡ‚ΠΈΠ²Π½ΠΎΡΡ‚ΡŒ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΈΡ€ΠΎΠ²Ρ‰ΠΈΠΊΠ°. Π‘ ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ сСток, Ρ€Π°Π·ΠΌΠ΅Ρ‰Π΅Π½Π½Ρ‹Ρ… Π½Π° любой страницС, Π»Π΅Π³Ρ‡Π΅ ΠΏΠΎΠ½ΡΡ‚ΡŒ, Ρ‡Ρ‚ΠΎ Π½ΡƒΠΆΠ½ΠΎ Π΄Π΅Π»Π°Ρ‚ΡŒ. Π‘Π΅Π· ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΠΎΠΉ сСтки Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Ρ‹ Π΄ΠΎΠ»ΠΆΠ½Ρ‹ Π±Ρ‹Π»ΠΈ Π±Ρ‹ Π²Ρ‹ΡΡΠ½ΠΈΡ‚ΡŒ, ΠΊΡƒΠ΄Π° ΠΌΠΎΠΆΠ΅Ρ‚ ΠΈΠ΄Ρ‚ΠΈ ΠΊΠ°ΠΆΠ΄Ρ‹ΠΉ элСмСнт.Но ΠΊΠΎΠ³Π΄Π° сСтка присутствуСт, вопрос Π½Π΅ Π² Ρ‚ΠΎΠΌ, ΠΊΡƒΠ΄Π° ΠΎΠ½Π° ΠœΠžΠ–Π•Π’ ΠΈΠ΄Ρ‚ΠΈ, Π° Π² Ρ‚ΠΎΠΌ, ΠΊΡƒΠ΄Π° ΠΎΠ½Π° Π”ΠžΠ›Π–ΠΠ ΠΈΠ΄Ρ‚ΠΈ.

Π‘Π΅Ρ‚ΠΊΠΈ

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

Π”Π°, ΠΊΠΎΠ³Π΄Π° Π²Ρ‹ Π³ΠΎΠ²ΠΎΡ€ΠΈΡ‚Π΅ ΠΎ ΠΌΠ°ΠΊΠ΅Ρ‚Π΅, задСйствованы всС эти элСмСнты, Ρ‚Π°ΠΊ Ρ‡Ρ‚ΠΎ это Π½Π΅ совсСм Ρ‚Π° концСпция, которая стала бСсполСзной.

Π˜Ρ‰Π΅Ρ‚Π΅ Π²Π΄ΠΎΡ…Π½ΠΎΠ²Π΅Π½ΠΈΠ΅ для ΠΌΠ°ΠΊΠ΅Ρ‚Π°? Π₯ΠΎΡ‚ΠΈΡ‚Π΅ Π·Π½Π°Ρ‚ΡŒ, ΠΊΠ°ΠΊ ΠΏΡ€ΠΈΠΌΠ΅Π½ΠΈΡ‚ΡŒ ΠΏΡ€ΠΈΠ²Π΅Π΄Π΅Π½Π½Ρ‹Π΅ Π²Ρ‹ΡˆΠ΅ совСты ΠΊ своСй Ρ€Π°Π±ΠΎΡ‚Π΅? Π­Ρ‚ΠΈ ΠΌΠ°ΠΊΠ΅Ρ‚Ρ‹ ΠΌΠΎΠ³ΡƒΡ‚ ΠΏΠΎΠΌΠΎΡ‡ΡŒ.

ΠœΡ‹ собрали 50 дизайнСрских ΠΌΠ°ΠΊΠ΅Ρ‚ΠΎΠ², ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ идСально ΠΎΡ‚Ρ€Π°ΠΆΠ°ΡŽΡ‚ Ρ‚ΠΎ, ΠΊΠ°ΠΊ ΠΎΠ½ΠΈ Π΄ΠΎΠ»ΠΆΠ½Ρ‹ Π±Ρ‹Ρ‚ΡŒ созданы. НСкоторыС ΠΈΠ· Π½ΠΈΡ… довольно консСрвативны ΠΈ ΠΎΡ€ΠΈΠ΅Π½Ρ‚ΠΈΡ€ΡƒΡŽΡ‚ΡΡ Π½Π° ΠΌΠΈΠ½ΠΈΠΌΠ°Π»ΠΈΠ·ΠΌ.

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

>

Π’Π΅Π³ΠΈ: Π΄ΠΈΠ·Π°ΠΉΠ½ ΠΌΠ°ΠΊΠ΅Ρ‚Π° 1 страницы 2 Ρ€Π°Π·Π²ΠΎΡ€ΠΎΡ‚Π° ΠΆΡƒΡ€Π½Π°Π»Π° Π²Π΄ΠΎΡ…Π½ΠΎΠ²Π΅Π½ΠΈΠ΅ ΠΌΠ°ΠΊΠ΅Ρ‚ ΡΡ‚Π°Ρ‚ΡŒΠΈ ΠΌΠ°ΠΊΠ΅Ρ‚ ΡΡ‚Π°Ρ‚ΡŒΠΈ Π΄ΠΈΠ·Π°ΠΉΠ½ Ρ„ΠΎΠ½Π° ΠΌΠ°ΠΊΠ΅Ρ‚ Π»ΡƒΡ‡ΡˆΠΈΠ΅ ΠΆΡƒΡ€Π½Π°Π»Ρ‹ Π΄ΠΈΠ·Π°ΠΉΠ½Π° Π»ΡƒΡ‡ΡˆΠΈΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½ ΠΆΡƒΡ€Π½Π°Π»ΠΎΠ² 2017 Π»ΡƒΡ‡ΡˆΠΈΠ΅ ΠΌΠ°ΠΊΠ΅Ρ‚Ρ‹ ΠΌΠΎΠ΄Π½Ρ‹Ρ… ΠΆΡƒΡ€Π½Π°Π»ΠΎΠ² Π»ΡƒΡ‡ΡˆΠΈΠ΅ графичСскиС ΠΆΡƒΡ€Π½Π°Π»Ρ‹ Π»ΡƒΡ‡ΡˆΠΈΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½ ΠΌΠ°ΠΊΠ΅Ρ‚Π° Π»ΡƒΡ‡ΡˆΠΈΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½ ΠΌΠ°ΠΊΠ΅Ρ‚Π° ΠΎΠ±Π»ΠΎΠΆΠΊΠΈ ΠΆΡƒΡ€Π½Π°Π»Π° Π»ΡƒΡ‡ΡˆΠΈΠΉ ΠΌΠ°ΠΊΠ΅Ρ‚ ΠΎΠ±Π»ΠΎΠΆΠΊΠΈ ΠΆΡƒΡ€Π½Π°Π»Π° Π»ΡƒΡ‡ΡˆΠΈΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½ ΠΌΠ°ΠΊΠ΅Ρ‚Π° ΠΆΡƒΡ€Π½Π°Π»Π° Π²Π΄ΠΎΡ…Π½ΠΎΠ²Π΅Π½ΠΈΠ΅ Π»ΡƒΡ‡ΡˆΠΈΠ΅ ΠΌΠ°ΠΊΠ΅Ρ‚Ρ‹ ΠΆΡƒΡ€Π½Π°Π»ΠΎΠ² 2017 Π»ΡƒΡ‡ΡˆΠΈΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½ страницы ΠΆΡƒΡ€Π½Π°Π»Π° ΠΌΠ°ΠΊΠ΅Ρ‚ Π±ΠΈΠΎΠ³Ρ€Π°Ρ„ΠΈΠΈ ΠΌΠ°ΠΊΠ΅Ρ‚ Π±ΠΈΠΎΠ³Ρ€Π°Ρ„ΠΈΠΈ Ρ‡Π΅Ρ€Π½Ρ‹ΠΉ ΠΈ Π±Π΅Π»Ρ‹ΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½ Π²Π΄ΠΎΡ…Π½ΠΎΠ²Π΅Π½ΠΈΠ΅ Ρ‡Π΅Ρ€Π½ΠΎ-бСлая ΠΎΠ±Π»ΠΎΠΆΠΊΠ° ΠΆΡƒΡ€Π½Π°Π»Π° Ρ‡Π΅Ρ€Π½ΠΎ-Π±Π΅Π»Ρ‹Π΅ ΠΎΠ±Π»ΠΎΠΆΠΊΠΈ ΠΆΡƒΡ€Π½Π°Π»ΠΎΠ² Ρ‡Π΅Ρ€Π½ΠΎ-Π±Π΅Π»Ρ‹Π΅ ΠΆΡƒΡ€Π½Π°Π»ΡŒΠ½Ρ‹Π΅ ΡˆΠ°Π±Π»ΠΎΠ½Ρ‹ Ρ‡Π΅Ρ€Π½Ρ‹Π΅ ΠΆΡƒΡ€Π½Π°Π»Ρ‹ ΠΎΠ½Π»Π°ΠΉΠ½ Ρ‡Π΅Ρ€Π½Ρ‹Π΅ городскиС ΠΆΡƒΡ€Π½Π°Π»Ρ‹ ΠΈΠ΄Π΅ΠΈ ΠΌΠ°ΠΊΠ΅Ρ‚Π° Π±Π»ΠΎΠ³Π° ΠΊΠ½ΠΈΠ³ΠΈ ΡˆΠ°Π±Π»ΠΎΠ½Ρ‹ Π΄ΠΈΠ·Π°ΠΉΠ½Π° Π²Π½ΡƒΡ‚Ρ€Π΅Π½Π½Π΅ΠΉ страницы ΠΌΠ°ΠΊΠ΅Ρ‚ ΠΊΠ½ΠΈΠ³ΠΈ Π΄ΠΈΠ·Π°ΠΉΠ½ Π²Π΄ΠΎΡ…Π½ΠΎΠ²Π΅Π½ΠΈΠ΅ класс ΠΎΠ±Π»ΠΎΠΆΠΊΠ° ΠΆΡƒΡ€Π½Π°Π»Π° ΠΈΠ΄Π΅ΠΈ Π΄ΠΈΠ·Π°ΠΉΠ½ ΠΊΠΎΠ»ΠΎΠ½ΠΊΠΈ ΠΈΠ΄Π΅ΠΈ ΠΊΠΎΠ»ΠΎΠ½ΠΊΠ° Π² ΠΆΡƒΡ€Π½Π°Π»Π΅ ΠΊΡ€ΡƒΡ‚Ρ‹Π΅ ΠΌΠ°ΠΊΠ΅Ρ‚Ρ‹ классныС ΠΌΠ°ΠΊΠ΅Ρ‚Ρ‹ ΠΆΡƒΡ€Π½Π°Π»ΠΎΠ² ΠΊΡ€ΡƒΡ‚Ρ‹Π΅ ΠΈΠ΄Π΅ΠΈ Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π° ΠΊΠΎΡ€ΠΏΠΎΡ€Π°Ρ‚ΠΈΠ²Π½Ρ‹ΠΉ ΠΆΡƒΡ€Π½Π°Π» Π΄ΠΈΠ·Π°ΠΉΠ½ ΠΎΠ±Π»ΠΎΠΆΠΊΠ° Ρ‡Π΅Ρ€Π½ΠΎ-бСлая ΠΎΠ±Π»ΠΎΠΆΠΊΠ° Π΄ΠΈΠ·Π°ΠΉΠ½ ΠΎΠ±Π»ΠΎΠΆΠΊΠΈ Π΄ΠΈΠ·Π°ΠΉΠ½ для биологичСского ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π° ΠΊΡ€Π΅Π°Ρ‚ΠΈΠ²Π½Ρ‹Π΅ названия ΠΌΠΎΠ΄Π½Ρ‹Ρ… ΠΆΡƒΡ€Π½Π°Π»ΠΎΠ² крСативная индСксная страница des ign творчСскоС Π²Π΄ΠΎΡ…Π½ΠΎΠ²Π΅Π½ΠΈΠ΅ ΠΆΡƒΡ€Π½Π°Π» ΠΊΡ€Π΅Π°Ρ‚ΠΈΠ²Π½Ρ‹ΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½ ΠΆΡƒΡ€Π½Π°Π»Π° ΠΊΡ€Π΅Π°Ρ‚ΠΈΠ²Π½ΠΎΠ΅ ΠΏΠΎΠ΄Ρ€Π°Π·Π΄Π΅Π»Π΅Π½ΠΈΠ΅ ΠΆΡƒΡ€Π½Π°Π»Π° 2 ΠΊΡ€Π΅Π°Ρ‚ΠΈΠ²Π½Ρ‹Π΅ ΠΌΠ°ΠΊΠ΅Ρ‚Ρ‹ для ΠΏΠ΅Ρ‡Π°Ρ‚ΠΈ ΠΊΡ€Π΅Π°Ρ‚ΠΈΠ²Π½Ρ‹ΠΉ ΠΌΠ°ΠΊΠ΅Ρ‚ тСкста ΠΌΠΈΠ»Ρ‹ΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½ Π½Π°Π·Π²Π°Π½ΠΈΠΉ ΠΆΡƒΡ€Π½Π°Π»ΠΎΠ² Π΄ΠΈΠ·Π°ΠΉΠ½ раскраски Π΄ΠΈΠ·Π°ΠΉΠ½ ΠΌΠ°ΠΊΠ΅Ρ‚ ΠΈΠ΄Π΅ΠΈ Ρ†ΠΈΡ„Ρ€ΠΎΠ²ΠΎΠ³ΠΎ ΠΆΡƒΡ€Π½Π°Π»Π° двухстраничный ΠΌΠ°ΠΊΠ΅Ρ‚ ΠΆΡƒΡ€Π½Π°Π»Π° Π΄ΠΈΠ·Π°ΠΉΠ½ элСктронного ΠΆΡƒΡ€Π½Π°Π»Π° Ρ€Π΅Π΄Π°ΠΊΡ†ΠΈΠΎΠ½Π½Ρ‹ΠΉ ΠΌΠ°ΠΊΠ΅Ρ‚ ΠΈΠ΄Π΅ΠΈ содСрТания ΠΌΠΎΠ΄Π½ΠΎΠ³ΠΎ ΠΆΡƒΡ€Π½Π°Π»Π° ΠΈΠ΄Π΅ΠΈ ΠΌΠΎΠ΄Π½ΠΎΠ³ΠΎ ΠΆΡƒΡ€Π½Π°Π»Π° Π²Π΄ΠΎΡ…Π½ΠΎΠ²Π΅Π½ΠΈΠ΅ ΠΌΠ°ΠΊΠ΅Ρ‚ ΠΌΠΎΠ΄Π½ΠΎΠ³ΠΎ ΠΆΡƒΡ€Π½Π°Π»Π° страница ΠΌΠΎΠ΄Π½ΠΎΠ³ΠΎ ΠΆΡƒΡ€Π½Π°Π»Π° ΠΌΠ°ΠΊΠ΅Ρ‚ Π΄ΠΈΠ·Π°ΠΉΠ½ ΠΌΠ°ΠΊΠ΅Ρ‚Π° ΠΆΡƒΡ€Π½Π°Π»Π° ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚ΠΎΠ² питания имя ΠΆΡƒΡ€Π½Π°Π»Π° ΠΈΠ΄Π΅ΠΈ для ΠΆΡƒΡ€Π½Π°Π»Π° ΠΌΠ°ΠΊΠ΅Ρ‚Ρ‹ бСсплатных Ρ†ΠΈΡ‚Π°Ρ‚ французскиС ΠΆΡƒΡ€Π½Π°Π»Ρ‹ ΠΎ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅ пСрСдняя ΠΎΠ±Π»ΠΎΠΆΠΊΠ° ΠΌΠ°ΠΊΠ΅Ρ‚ ΠΆΡƒΡ€Π½Π°Π»Π° ΠΈΠ΄Π΅ΠΈ Π½Π° ΠΏΠ΅Ρ€Π²ΠΎΠΉ страницС вСсСлый ΠΌΠ°ΠΊΠ΅Ρ‚ ΠΌΠ°ΠΊΠ΅Ρ‚ Π³Π°Π»Π΅Ρ€Π΅ΠΈ Π΄ΠΈΠ·Π°ΠΉΠ½ ΠΌΠ°ΠΊΠ΅Ρ‚Π° Ρ…ΠΎΡ€ΠΎΡˆΠΈΠΉ ΠΌΠ°ΠΊΠ΅Ρ‚ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Ρ‹ Ρ…ΠΎΡ€ΠΎΡˆΠΈΠ΅ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Ρ‹ ΠΌΠ°ΠΊΠ΅Ρ‚Π° страницы графичСский Π΄ΠΈΠ·Π°ΠΉΠ½ ΠΈ ΠΌΠ°ΠΊΠ΅Ρ‚ графичСский Π΄ΠΈΠ·Π°ΠΉΠ½ ΠΌΠ°ΠΊΠ΅Ρ‚ графичСский Π΄ΠΈΠ·Π°ΠΉΠ½ ΠΌΠ°ΠΊΠ΅Ρ‚ Π²Π΄ΠΎΡ…Π½ΠΎΠ²Π΅Π½ΠΈΠ΅ графичСский Π΄ΠΈΠ·Π°ΠΉΠ½ ΠΌΠ°ΠΊΠ΅Ρ‚Ρ‹ графичСский Π΄ΠΈΠ·Π°ΠΉΠ½ ΠΌΠ°ΠΊΠ΅Ρ‚ для ΠΏΠ΅Ρ‡Π°Ρ‚ΠΈ Π²Π΄ΠΎΡ…Π½ΠΎΠ²Π΅Π½ΠΈΠ΅ графичСский Π΄ΠΈΠ·Π°ΠΉΠ½ ΠΈΠ΄Π΅ΠΈ Ρ‚Π΅ΠΌΡ‹ графичСский ΠΌΠ°ΠΊΠ΅Ρ‚ графичСскиС ΠΌΠ°ΠΊΠ΅Ρ‚Ρ‹ ΠΈΠ΄Π΅ΠΈ Π΄ΠΈΠ·Π°ΠΉΠ½Π° ΠΎΡ‚Π»ΠΈΡ‡Π½Ρ‹Π΅ ΠΈΠ΄Π΅ΠΈ Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π° сСтка ΠΌΠ°ΠΊΠ΅Ρ‚ ΠΌΠ°ΠΊΠ΅Ρ‚ ΠΆΡƒΡ€Π½Π°Π»Π° Π·Π΄ΠΎΡ€ΠΎΠ²ΡŒΡ ΠΌΠ°ΠΊΠ΅Ρ‚ ΠΆΡƒΡ€Π½Π°Π»Π° высокой ΠΌΠΎΠ΄Ρ‹ ΠΌΠ°ΠΊΠ΅Ρ‚ домашнСго ΠΆΡƒΡ€Π½Π°Π»Π° ΠΌΠ°ΠΊΠ΅Ρ‚ домашнСго ΠΆΡƒΡ€Π½Π°Π»Π° ΠΊΠ°ΠΊ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ ΠΆΡƒΡ€Π½Π°Π» ΠΌΠ°ΠΊΠ΅Ρ‚ ΡΡ‚Π°Ρ‚ΡŒΠΈ ΠΊΠ°ΠΊ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ ΠΌΠ°ΠΊΠ΅Ρ‚ ΠΆΡƒΡ€Π½Π°Π»Π° ΠΊΠ°ΠΊ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ ΠΌΠ°ΠΊΠ΅Ρ‚ ΠΆΡƒΡ€Π½Π°Π»Π° ΠΊΠ°ΠΊ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ ΠΎΠ±Π»ΠΎΠΆΠΊΡƒ творчСского ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π° ΠΊΠ°ΠΊ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ ΠΆΡƒΡ€Π½Π°Π» ΠΈΠ΄Π΅ΠΈ ΠΌΠ°ΠΊΠ΅Ρ‚Π° ΠΈΠ΄Π΅ΠΈ ΡΠΊΠ°Ρ‡Π°Ρ‚ΡŒ ΠΆΡƒΡ€Π½Π°Π» бСсплатно ΠΈΠ½Π΄Π΅ΠΊΡΠ½ΡƒΡŽ страницу Π΄ΠΈΠ·Π°ΠΉΠ½ для школьного ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π° ΠΈΠ½Π½ΠΎΠ²Π°Ρ†ΠΈΠΎΠ½Π½Ρ‹Π΅ ΠΌΠ°ΠΊΠ΅Ρ‚Ρ‹ ΠΆΡƒΡ€Π½Π°Π»ΠΎΠ² Π½Π°Π±ΠΎΡ€ вдохновСния для страниц интСрСсныС ΠΌΠ°ΠΊΠ΅Ρ‚Ρ‹ ΠΆΡƒΡ€Π½Π°Π»ΠΎΠ² интСрСсныС ΠΆΡƒΡ€Π½Π°Π»Ρ‹ ΠΌΠ΅ΠΆΠ΄ΡƒΠ½Π°Ρ€ΠΎΠ΄Π½Ρ‹ΠΉ ΠΌΠ°ΠΊΠ΅Ρ‚ ΠΆΡƒΡ€Π½Π°Π»Π° ΠΌΠ°ΠΊΠ΅Ρ‚ ΡΡ‚Π°Ρ‚ΡŒΠΈ ΠΌΠ°ΠΊΠ΅Ρ‚ ΡΡ‚Π°Ρ‚ΡŒΠΈ ΠΌΠ°ΠΊΠ΅Ρ‚ ΠΈΠ½Ρ‚Π΅Ρ€Π²ΡŒΡŽ Π² ΠΆΡƒΡ€Π½Π°Π»Π΅ ΠΌΠ°ΠΊΠ΅Ρ‚ Ρ†Π΅Π»Π΅Π²ΠΎΠΉ страницы рассмотрСниС ΠΌΠ°ΠΊΠ΅Ρ‚Π° ΠΌΠ°ΠΊΠ΅Ρ‚ Π΄ΠΈΠ·Π°ΠΉΠ½ ΠΌΠ°ΠΊΠ΅Ρ‚ Π²Π΄ΠΎΡ…Π½ΠΎΠ²Π΅Π½ΠΈΠ΅ Π΄ΠΈΠ·Π°ΠΉΠ½ ΠΌΠ°ΠΊΠ΅Ρ‚ Π΄ΠΈΠ·Π°ΠΉΠ½ ΠΌΠ°ΠΊΠ΅Ρ‚ ΠΏΠ΅Ρ‡Π°Ρ‚Π½Ρ‹ΠΉ ΠΌΠ°ΠΊΠ΅Ρ‚ Π΄ΠΈΠ·Π°ΠΉΠ½ Ρ‚Π΅Ρ€ΠΌΠΈΠ½Ρ‹ ΠΌΠ°ΠΊΠ΅Ρ‚ для ΠΆΡƒΡ€Π½Π°Π»Π° ΠΌΠ°ΠΊΠ΅Ρ‚ ΡΡ‚Π°Ρ‚ΡŒΠΈ ΠΌΠ°ΠΊΠ΅Ρ‚ графичСского ΠΌΠ°ΠΊΠ΅Ρ‚Π° ΠΈΠ΄Π΅ΠΈ ΠΌΠ°ΠΊΠ΅Ρ‚Π° ΠΆΡƒΡ€Π½Π°Π» список Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Ρ… Ρ‚ΠΈΠΏΠΎΠ² ΠΆΡƒΡ€Π½Π°Π»ΠΎΠ² ΠΈΠ΄Π΅ΠΈ Π΄ΠΈΠ·Π°ΠΉΠ½Π° Ρ€Π΅ΠΊΠ»Π°ΠΌΡ‹ ΠΆΡƒΡ€Π½Π°Π» ΠΈΠ΄Π΅ΠΈ Π΄ΠΈΠ·Π°ΠΉΠ½ ΡΡ‚Π°Ρ‚ΡŒΠΈ ΠΌΠ°ΠΊΠ΅Ρ‚ ΡΡ‚Π°Ρ‚ΡŒΠΈ ΠΆΡƒΡ€Π½Π°Π» ΠΌΠ°ΠΊΠ΅Ρ‚ ΡΡ‚Π°Ρ‚ΡŒΠΈ Π²Π΄ΠΎΡ…Π½ΠΎΠ²Π΅Π½ΠΈΠ΅ Ρ†Π΅Π½Ρ‚Ρ€ распространСния ΠΈΠ΄Π΅ΠΈ ΠΈΠ΄Π΅ΠΈ ΠΊΠΎΠ»ΠΎΠ½ΠΊΠ° ΠΆΡƒΡ€Π½Π°Π»Π° ΠΈΠ΄Π΅ΠΈ ΠΌΠ°ΠΊΠ΅Ρ‚ ΠΊΠΎΠ»ΠΎΠ½ΠΊΠΈ ΠΆΡƒΡ€Π½Π°Π»Π° концСпция ΠΈΠ΄Π΅ΠΈ содСрТаниС ΠΆΡƒΡ€Π½Π°Π»Π° Π΄ΠΈΠ·Π°ΠΉΠ½ страницы Π²Π΄ΠΎΡ…Π½ΠΎΠ²Π΅Π½ΠΈΠ΅ содСрТаниС ΠΆΡƒΡ€Π½Π°Π»Π° ΠΌΠ°ΠΊΠ΅Ρ‚ страницы Π΄ΠΈΠ·Π°ΠΉΠ½ ΠΎΠ±Π»ΠΎΠΆΠΊΠΈ ΠΆΡƒΡ€Π½Π°Π»Π° Π²Π΄ΠΎΡ…Π½ΠΎΠ²Π΅Π½ΠΈΠ΅ ΠΎΠ±Π»ΠΎΠΆΠΊΠ° ΠΆΡƒΡ€Π½Π°Π»Π° Π±Ρ‹Π²ΡˆΠΈΠΉ просторныС ΠΈΠ΄Π΅ΠΈ ΠΎΠ±Π»ΠΎΠΆΠΊΠΈ ΠΆΡƒΡ€Π½Π°Π»Π° ΠΌΠ°ΠΊΠ΅Ρ‚ ΠΎΠ±Π»ΠΎΠΆΠΊΠΈ ΠΆΡƒΡ€Π½Π°Π»Π° ΠΈΠ΄Π΅ΠΈ ΠΎΠ±Π»ΠΎΠΆΠΊΠ° ΠΆΡƒΡ€Π½Π°Π»Π° Ρ†ΠΈΡ‚Π°Ρ‚Ρ‹ Π΄ΠΈΠ·Π°ΠΉΠ½ ΠΆΡƒΡ€Π½Π°Π»Π° Π΄ΠΈΠ·Π°ΠΉΠ½ ΠΈ вСрстка ΠΆΡƒΡ€Π½Π°Π»Π° Π²Π΄ΠΎΡ…Π½ΠΎΠ²Π΅Π½ΠΈΠ΅ Π΄ΠΈΠ·Π°ΠΉΠ½ ΠΆΡƒΡ€Π½Π°Π»Π° Π²Π΄ΠΎΡ…Π½ΠΎΠ²Π΅Π½ΠΈΠ΅ Π΄ΠΈΠ·Π°ΠΉΠ½ ΠΆΡƒΡ€Π½Π°Π»Π° 2019 Π΄ΠΈΠ·Π°ΠΉΠ½ ΠΆΡƒΡ€Π½Π°Π»Π° Π΄ΠΈΠ·Π°ΠΉΠ½ Ρ€Π΅Π΄Π°ΠΊΡ†ΠΈΠΎΠ½Π½ΠΎΠ³ΠΎ ΠΌΠ°ΠΊΠ΅Ρ‚Π° Π΄ΠΈΠ·Π°ΠΉΠ½ ΠΆΡƒΡ€Π½Π°Π»Π° ΠΏΡ€ΠΈΠΌΠ΅Ρ€ ΠΈΠ΄Π΅ΠΈ ΠΆΡƒΡ€Π½Π°Π»Π° ΠΈΠ΄Π΅ΠΈ Π΄ΠΈΠ·Π°ΠΉΠ½Π° Π²Π½ΡƒΡ‚Ρ€Π΅Π½Π½Π΅ΠΉ страницы ΠΆΡƒΡ€Π½Π°Π»Π° ΡˆΠ°Π±Π»ΠΎΠ½Ρ‹ Π²Π½ΡƒΡ‚Ρ€Π΅Π½Π½Π΅ΠΉ страницы ΠΆΡƒΡ€Π½Π°Π»Π° ΠΌΠ°ΠΊΠ΅Ρ‚ Π²Π½ΡƒΡ‚Ρ€Π΅Π½Π½Π΅ΠΉ страницы ΠΌΠ°ΠΊΠ΅Ρ‚ ΠΆΡƒΡ€Π½Π°Π»Π° ΠΌΠ°ΠΊΠ΅Ρ‚ ΠΈΠ½Ρ‚Π΅Ρ€Π²ΡŒΡŽ Π΄ΠΈΠ·Π°ΠΉΠ½ ΠΌΠ°ΠΊΠ΅Ρ‚ ΠΆΡƒΡ€Π½Π°Π»Π° Π΄ΠΈΠ·Π°ΠΉΠ½ ΠΌΠ°ΠΊΠ΅Ρ‚Π° ΠΆΡƒΡ€Π½Π°Π»Π° ΠΏΡ€ΠΈΠΌΠ΅Ρ€Ρ‹ ΠΌΠ°ΠΊΠ΅Ρ‚Π° ΠΆΡƒΡ€Π½Π°Π»Π° ΠΈΠ΄Π΅ΠΈ ΠΌΠ°ΠΊΠ΅Ρ‚Π° ΠΆΡƒΡ€Π½Π°Π»Π° Π²Π΄ΠΎΡ…Π½ΠΎΠ²Π΅Π½ΠΈΠ΅ ΠΌΠ°ΠΊΠ΅Ρ‚ ΠΆΡƒΡ€Π½Π°Π»Π° Π½Π°Π·Π²Π°Π½ΠΈΠ΅ ΠΆΡƒΡ€Π½Π°Π»Π° ΠΈΠ΄Π΅ΠΈ Π΄ΠΈΠ·Π°ΠΉΠ½ страницы ΠΆΡƒΡ€Π½Π°Π»Π° ΠΈΠ΄Π΅ΠΈ страницы ΠΆΡƒΡ€Π½Π°Π»Π° ΠΌΠ°ΠΊΠ΅Ρ‚ страницы ΠΆΡƒΡ€Π½Π°Π»Π° ΠΏΡ€ΠΈΠΌΠ΅Ρ€Ρ‹ ΠΌΠ°ΠΊΠ΅Ρ‚Π° страницы ΠΆΡƒΡ€Π½Π°Π»Π° Π΄ΠΈΠ·Π°ΠΉΠ½ Π²Π΄ΠΎΡ…Π½ΠΎΠ²Π΅Π½ΠΈΠ΅ Ρ€Π°Π·Π΄Π΅Π»Ρ‹ ΠΆΡƒΡ€Π½Π°Π»Π° ΠΈΠ΄Π΅ΠΈ боковая панСль ΠΆΡƒΡ€Π½Π°Π»Π° Π΄ΠΈΠ·Π°ΠΉΠ½ распространСниС ΠΆΡƒΡ€Π½Π°Π»Π° Π΄ΠΈΠ·Π°ΠΉΠ½ распространСниС ΠΆΡƒΡ€Π½Π°Π»Π° ΠΈΠ΄Π΅ΠΈ Π΄ΠΈΠ·Π°ΠΉΠ½Π° распространСниС ΠΆΡƒΡ€Π½Π°Π»Π° ΠΈΠ΄Π΅ΠΈ распространСниС ΠΆΡƒΡ€Π½Π°Π»Π° ΠΌΠ°ΠΊΠ΅Ρ‚ ΠΆΡƒΡ€Π½Π°Π»Π° распространСниС ΡΡ‚ΠΈΠ»ΡŒ ΠΆΡƒΡ€Π½Π°Π»Π° Π΄ΠΈΠ·Π°ΠΉΠ½ ΠΆΡƒΡ€Π½Π°Π»ΡŒΠ½Π°Ρ Ρ‚Π΅ΠΌΠ° ΠΈΠ΄Π΅ΠΈ ΠΌΠ°ΠΊΠ΅Ρ‚ Ρ‚ΠΈΠΏΠ° ΠΆΡƒΡ€Π½Π°Π»Π° созданиС ΠΌΠ°Π³Π° ΠΈΠ΄Π΅ΠΈ шапки ΠΌΠΈΠ½ΠΈ-ΠΆΡƒΡ€Π½Π°Π» ΠΌΠΎΠ΄ минималистский графичСский Π΄ΠΈΠ·Π°ΠΉΠ½ ΠΌΠ°ΠΊΠ΅Ρ‚ ΠΈΠΌΠ΅Π½ΠΈ ΠΌΠ°ΠΊΠ΅Ρ‚ Π΄ΠΈΠ·Π°ΠΉΠ½ Π½ΠΎΠ²Ρ‹ΠΉ ΠΆΡƒΡ€Π½Π°Π» элСктронный ΠΌΠ°ΠΊΠ΅Ρ‚ ΠΌΠ°ΠΊΠ΅Ρ‚ Π³Π°Π·Π΅Ρ‚Ρ‹ ΠΌΠ°ΠΊΠ΅Ρ‚ Π³Π°Π·Π΅Ρ‚Ρ‹ ΠΏΡ€Π°Π²ΠΈΠ»Π° ΠΌΠ°ΠΊΠ΅Ρ‚Π° Π³Π°Π·Π΅Ρ‚Ρ‹ совСты ΠΏΠΎ ΠΌΠ°ΠΊΠ΅Ρ‚Ρƒ Ρ…ΠΎΡ€ΠΎΡˆΠΈΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½ Π²Π΅Π±-сайта ΠΎΠ½Π»Π°ΠΉΠ½-ΠΆΡƒΡ€Π½Π°Π» Π²Π΄ΠΎΡ…Π½ΠΎΠ²Π΅Π½ΠΈΠ΅ Π²Π½Π΅ вдохновСния Π΄ΠΈΠ·Π°ΠΉΠ½ страницы ΠΌΠ°ΠΊΠ΅Ρ‚ страницы ΠΌΠ°ΠΊΠ΅Ρ‚ страницы Π΄ΠΈΠ·Π°ΠΉΠ½ ΠΌΠ°ΠΊΠ΅Ρ‚Π° страницы графичСский Π΄ΠΈΠ·Π°ΠΉΠ½ страницы ΠΌΠ°ΠΊΠ΅Ρ‚ Ρ„ΠΎΡ‚ΠΎΠ³Π°Π»Π΅Ρ€Π΅ΠΈ Π΄ΠΈΠ·Π°ΠΉΠ½ ΠΌΠ°ΠΊΠ΅Ρ‚ Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΈ Π΄ΠΈΠ·Π°ΠΉΠ½ ΠΌΠ°ΠΊΠ΅Ρ‚ ΠΆΡƒΡ€Π½Π°Π»Π° фотография популярноС Π²Π΄ΠΎΡ…Π½ΠΎΠ²Π΅Π½ΠΈΠ΅ ΡΡ‚Π°Ρ‚ΡŒΠΈ ΠΏΡ€ΠΎΡ„ΠΈΠ»ΡŒ ΠΌΠ°ΠΊΠ΅Ρ‚ ΠΆΡƒΡ€Π½Π°Π»Π° ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ Π΄ΠΈΠ·Π°ΠΉΠ½ Π³Ρ€Π°Π½ΠΈΡ†Ρ‹ для школьного издания ΠΌΠ°ΠΊΠ΅Ρ‚ Π΄ΠΈΠ·Π°ΠΉΠ½ Π²Π΄ΠΎΡ…Π½ΠΎΠ²Π΅Π½ΠΈΠ΅ вопросы ΠΈ ΠΎΡ‚Π²Π΅Ρ‚Ρ‹ ΠΌΠ°ΠΊΠ΅Ρ‚ ΠΆΡƒΡ€Π½Π°Π»Π° Ρ†ΠΈΡ‚Π°Ρ‚Π° Π΄ΠΈΠ·Π°ΠΉΠ½ ΠΌΠ°ΠΊΠ΅Ρ‚Π° Ρ†ΠΈΡ‚Π°Ρ‚Ρ‹ для ΠΎΠ±Π»ΠΎΠΆΠΊΠΈ ΠΆΡƒΡ€Π½Π°Π»Π° Π΄ΠΈΠ·Π°ΠΉΠ½ ΠΌΠ°ΠΊΠ΅Ρ‚Π° Π΄ΠΎΡ€ΠΎΠ³ΠΈ ΠΏΡ€Π°Π²ΠΈΠ»Π° графичСского Π΄ΠΈΠ·Π°ΠΉΠ½Π° ΠΌΠ°ΠΊΠ΅Ρ‚ ΠΎΠ±Ρ€Π°Π·Ρ†Π° ΠΌΠ°ΠΊΠ΅Ρ‚Π° ΠΆΡƒΡ€Π½Π°Π»Π° ΠΈΠ΄Π΅ΠΈ содСрТания школьного ΠΆΡƒΡ€Π½Π°Π»Π° ΠΈΠ΄Π΅ΠΈ Π΄ΠΈΠ·Π°ΠΉΠ½Π° ΠΎΠ±Π»ΠΎΠΆΠΊΠΈ школьного ΠΆΡƒΡ€Π½Π°Π»Π° ΠΈΠ΄Π΅ΠΈ школьного ΠΆΡƒΡ€Π½Π°Π»Π° простой Π΄ΠΈΠ·Π°ΠΉΠ½ ΠΌΠ°ΠΊΠ΅Ρ‚Π° ΠΆΡƒΡ€Π½Π°Π»Π° нСбольшой ΠΌΠ°ΠΊΠ΅Ρ‚ Π΄ΠΈΠ·Π°ΠΉΠ½ пространство список ΠΆΡƒΡ€Π½Π°Π»ΠΎΠ² ΠΈΠ΄Π΅ΠΈ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π° студСнчСского ΠΆΡƒΡ€Π½Π°Π»Π° ΠΈΠ΄Π΅ΠΈ студСнчСского ΠΆΡƒΡ€Π½Π°Π»Π° Π»ΡƒΡ‡ΡˆΠΈΠ΅ ΠΈΠ· ΠΆΡƒΡ€Π½Π°Π»ΠΎΠ² Π΄ΠΈΠ·Π°ΠΉΠ½ Ρ‚ΠΎΠΏ ΠΌΠ°ΠΊΠ΅Ρ‚Ρ‹ ΠΆΡƒΡ€Π½Π°Π»ΠΎΠ² Ρ‚Π΅ΠΌΡ‹ для создания ΠΆΡƒΡ€Π½Π°Π»Π° страница содСрТания туристичСского ΠΆΡƒΡ€Π½Π°Π»Π° пСрСдняя ΠΎΠ±Π»ΠΎΠΆΠΊΠ° ΠΆΡƒΡ€Π½Π°Π»Π° ΠΏΡƒΡ‚Π΅ΡˆΠ΅ΡΡ‚Π²ΠΈΠΉ Ρ‚ΠΈΠΏΡ‹ ΠΌΠ°ΠΊΠ΅Ρ‚Π° графичСского Π΄ΠΈΠ·Π°ΠΉΠ½Π° Ρ‚ΠΈΠΏΡ‹ ΠΌΠ°ΠΊΠ΅Ρ‚Π° ΠΆΡƒΡ€Π½Π°Π»Π° t Ρ‚ΠΈΠΏΡ‹ ΠΆΡƒΡ€Π½Π°Π»ΡŒΠ½Ρ‹Ρ… стилСй ΡƒΠ½ΠΈΠΊΠ°Π»ΡŒΠ½Ρ‹ΠΉ ΠΆΡƒΡ€Π½Π°Π» ΡƒΠ½ΠΈΠΊΠ°Π»ΡŒΠ½Ρ‹Π΅ ΠΎΠ±Π»ΠΎΠΆΠΊΠΈ ΠΆΡƒΡ€Π½Π°Π»ΠΎΠ² Π½Π΅ΠΎΠ±Ρ‹Ρ‡Π½Ρ‹Π΅ ΠΎΠ±Π»ΠΎΠΆΠΊΠΈ ΠΆΡƒΡ€Π½Π°Π»ΠΎΠ² городской графичСский Π΄ΠΈΠ·Π°ΠΉΠ½ Π²Π΄ΠΎΡ…Π½ΠΎΠ²Π΅Π½ΠΈΠ΅ Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½ ΠΌΠ°ΠΊΠ΅Ρ‚ Π²Π΅Π±-сайта Π΄ΠΈΠ·Π°ΠΉΠ½ Π²Π½ΡƒΡ‚Ρ€Π΅Π½Π½Π΅ΠΉ страницы Π²Π΄ΠΎΡ…Π½ΠΎΠ²Π΅Π½ΠΈΠ΅ конструктор ΠΌΠ°ΠΊΠ΅Ρ‚Π° Π²Π΅Π±-сайта Π΄ΠΈΠ·Π°ΠΉΠ½ страницы Π²Π΅Π±-сайта Ρ…ΠΎΡ€ΠΎΡˆΠΎ ΠΏΡ€ΠΎΠ΄ΡƒΠΌΠ°Π½Π½Ρ‹Π΅ ΠΆΡƒΡ€Π½Π°Π»ΡŒΠ½Ρ‹Π΅ Ρ€Π°Π·Π²ΠΎΡ€ΠΎΡ‚Ρ‹ достойны Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ° ΠΆΡƒΡ€Π½Π°Π»Π°.

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

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