SharpEdge & MicroUX
MicroUX MicroUX
ΠŸΡ€ΠΈΠ²Π΅Ρ‚, я Ρ‚ΡƒΡ‚ ΠΏΠΎΠ΄ΡƒΠΌΠ°Π»Π°, ΠΊΠ°ΠΊ идСальная Π²Ρ‹Ρ€Π°Π²Π½ΠΈΠ²Π°Π½ΠΈΠ΅ ощущаСтся ΠΊΠ°ΠΊ Ρ‚Ρ‰Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ спланированная опСрация – Ρ…ΠΎΡ‡Π΅ΡˆΡŒ сравним Ρ‚ΠΎΡ‡Π½ΠΎΡΡ‚ΡŒ отступов с Π²ΠΎΠ΅Π½Π½Ρ‹ΠΌΠΈ стратСгиями?
SharpEdge SharpEdge
РасстояниС ΠΌΠ΅ΠΆΠ΄Ρƒ пиксСлями – ΠΊΠ°ΠΊ ΠΎΡ‚Π²Π»Π΅ΠΊΠ°ΡŽΡ‰ΠΈΠΉ ΠΌΠ°Π½Π΅Π²Ρ€, каТдая линия – взвСшСнноС Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅. Если отступы Π²Ρ‹Π΄Π΅Ρ€ΠΆΠ°Π½Ρ‹, вся композиция складываСтся Π² Π΅Π΄ΠΈΠ½ΠΎΠ΅ Ρ†Π΅Π»ΠΎΠ΅, ΠΊΠ°ΠΊ ΠΎΡ‚Π»Π°ΠΆΠ΅Π½Π½Ρ‹ΠΉ ΠΌΠ΅Ρ…Π°Π½ΠΈΠ·ΠΌ. ΠŸΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°ΠΉ ΠΏΠ»ΠΎΡ‚Π½ΠΎΡΡ‚ΡŒ ΠΏΡ€ΠΎΠΌΠ΅ΠΆΡƒΡ‚ΠΊΠΎΠ² – ΠΈ всё выстроится стройно. Π“ΠΎΡ‚ΠΎΠ²Π° ΠΎΠ±ΡΡƒΠ΄ΠΈΡ‚ΡŒ Ρ‚Π°ΠΊΡ‚ΠΈΠΊΡƒ?
MicroUX MicroUX
ΠžΡ‚Π»ΠΈΡ‡Π½Π°Ρ аналогия. Π ΠΈΡ‚ΠΌ отступов – это Π³Π»Π°Π²Π½ΠΎΠ΅, Π° строгая сСтка заставляСт вСсь интСрфСйс Π΄Π²ΠΈΠ³Π°Ρ‚ΡŒΡΡ Π² унисон, ΠΏΠ»Π°Π²Π½ΠΎ, Π±Π΅Π· Ρ€Ρ‹Π²ΠΊΠΎΠ². Π”Π°Π²Π°ΠΉ займёмся этим ΠΈ подтянСм эти ΠΏΡ€ΠΎΠΌΠ΅ΠΆΡƒΡ‚ΠΊΠΈ ΠΌΠ΅ΠΆΠ΄Ρƒ пиксСлями. ΠœΡ‹ соблюли трСбования. Поняла – отступы ΠΌΠΈΠ½ΠΈΠΌΠ°Π»ΡŒΠ½Ρ‹Π΅, Π½ΠΈ ΠΎΠ΄Π½ΠΎΠ³ΠΎ лишнСго пиксСля, ΠΈ ΠΊΠ°ΠΆΠ΄Ρ‹ΠΉ элСмСнт выстроСн идСально Ρ€ΠΎΠ²Π½ΠΎ. ΠŸΡ€ΠΎΠ²Π΅Ρ€ΠΈΠΌ спСцификации ΠΈ убСдимся, Ρ‡Ρ‚ΠΎ ΠΊΠ°ΠΆΠ΄Ρ‹ΠΉ ΠΏΡ€ΠΎΠΌΠ΅ΠΆΡƒΡ‚ΠΎΠΊ Π½Π°ΠΌΠ΅Ρ€Π΅Π½Π½Ρ‹ΠΉ.
SharpEdge SharpEdge
Понял, сСйчас Π²Π½ΠΈΠΌΠ°Ρ‚Π΅Π»ΡŒΠ½ΠΎ ΠΈΠ·ΡƒΡ‡Ρƒ ΡΠΏΠ΅Ρ†ΠΈΡ„ΠΈΠΊΠ°Ρ†ΠΈΡŽ ΠΈ ΠΎΡ‚ΠΌΠ΅Ρ‡Ρƒ всС нСстыковки, Π²Ρ‹Ρ€ΠΎΠ²Π½ΡΡŽ ΠΊΠ°ΠΆΠ΄Ρ‹ΠΉ пиксСль, ΠΊΠ°ΠΊ Π±ΡƒΠ΄Ρ‚ΠΎ ΠΏΠΎ Π»ΠΈΠ½Π΅ΠΉΠΊΠ΅.
MicroUX MicroUX
ΠžΡ‚Π»ΠΈΡ‡Π½ΠΎ, просто слСди Π·Π° этим ΠΎΡ‚Π»ΠΈΡ‡ΠΈΠ΅ΠΌ Π² ΠΏΠΎΠ» пиксСля Π½Π° Π²Π΅Ρ€Ρ…Π½Π΅ΠΉ Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΈ – нСльзя Π΄ΠΎΠΏΡƒΡΠΊΠ°Ρ‚ΡŒ Ρ‚Π°ΠΊΠΎΠΉ ΠΌΠ΅Π»ΠΎΡ‡ΡŒΡŽ. Π‘ΠΎΠΎΠ±Ρ‰Ρƒ, ΠΊΠΎΠ³Π΄Π° Π½Π°ΠΉΠ΄Ρƒ.
SharpEdge SharpEdge
Π― Π±ΡƒΠ΄Ρƒ ΡΠ»Π΅Π΄ΠΈΡ‚ΡŒ Π·Π° этим ΠΎΡ‚ΠΊΠ»ΠΎΠ½Π΅Π½ΠΈΠ΅ΠΌ Π² полпиксСля Π² Π²Π΅Ρ€Ρ…Π½Π΅ΠΉ Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΈ ΠΈ сразу ΠΆΠ΅ сообщу, Ссли Ρ‡Ρ‚ΠΎ-Ρ‚ΠΎ измСнится.