Tablet & AnimSpark
Tablet Tablet
ΠŸΡ€ΠΈΠ²Π΅Ρ‚, AnimSpark! Π― Ρ‚ΡƒΡ‚ ΠΌΡƒΡ‡Π°ΡŽΡΡŒ с ΠΌΠΈΠΊΡ€ΠΎΠ°Π½ΠΈΠΌΠ°Ρ†ΠΈΠ΅ΠΉ навСдСния Π½Π° ΠΊΠ½ΠΎΠΏΠΊΡƒ β€” ΠΊΠ°ΠΊ Π΄ΠΎΠ±ΠΈΡ‚ΡŒΡΡ этой Π΅Π΄Π²Π° Π·Π°ΠΌΠ΅Ρ‚Π½ΠΎΠΉ Π΄Ρ€ΠΎΠΆΠΈ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΎΠ½Π° выглядСла Π½Π°ΠΌΠ΅Ρ€Π΅Π½Π½ΠΎΠΉ, Π° Π½Π΅ ΠΊΠ°ΠΊ Ρ…Π°ΠΎΡ‚ΠΈΡ‡Π½ΠΎΠ΅ ΠΌΠ΅Π»ΡŒΡ‚Π΅ΡˆΠ΅Π½ΠΈΠ΅? Π― Π·Π° чистый UX, Π½ΠΎ ΠΎΡ‡Π΅Π½ΡŒ интСрСсно ΡƒΠ·Π½Π°Ρ‚ΡŒ, ΠΊΠ°ΠΊ Ρ‚Ρ‹ добавляСшь "Π΄ΡƒΡˆΡƒ" Π² Ρ‚Π°ΠΊΠΈΠ΅ ΠΊΡ€ΠΎΡˆΠ΅Ρ‡Π½Ρ‹Π΅ двиТСния.
AnimSpark AnimSpark
ΠŸΡ€ΠΈΠ²Π΅Ρ‚. Понимаю, эти ΠΌΠ΅Π»ΠΊΠΈΠ΅, Π½Π΅Ρ€Π²Π½Ρ‹Π΅ подСргивания ΠΌΠΎΠ³ΡƒΡ‚ ΠΎΡ‰ΡƒΡ‰Π°Ρ‚ΡŒΡΡ ΠΊΠ°ΠΊ ΠΌΠΈΠ½ΠΈΠ°Ρ‚ΡŽΡ€Π½Ρ‹ΠΉ Ρ‚Π°Π½Π΅Ρ†, Ссли ΠΏΠΎΠ·Π²ΠΎΠ»ΠΈΡ‚ΡŒ ΠΈΠΌ Ρ€Π°Π·Π³ΡƒΠ»ΡΡ‚ΡŒΡΡ. Π‘Π½Π°Ρ‡Π°Π»Π° зафиксируй ΠΎΡΠ½ΠΎΠ²Π½ΡƒΡŽ Ρ„ΠΎΡ€ΠΌΡƒ ΠΊΠ½ΠΎΠΏΠΊΠΈ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΎΠ½Π° Π½Π΅ создавала ощущСния ΠΏΠΎΠ»Π½ΠΎΠ³ΠΎ пСрСворачивания. ΠŸΠΎΡ‚ΠΎΠΌ добавь ΠΎΠ΄ΠΈΠ½ ΠΊΠ°Π΄Ρ€ "сТатия", слСгка ΡΠΌΠ΅ΡΡ‚ΠΈΠ²ΡˆΠΈΠΉΡΡ Π² сторону – ΠΊΠ°ΠΊ быстро поднятая Π±Ρ€ΠΎΠ²ΡŒ. НС повторяй Π΅Π³ΠΎ ΠΊΠ°ΠΆΠ΄Ρ‹ΠΉ ΠΊΠ°Π΄Ρ€, Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΎΠ΄ΠΈΠ½ ΠΈΠ»ΠΈ Π΄Π²Π° Ρ€Π°Π·Π° Π² Ρ†ΠΈΠΊΠ»Π΅ навСдСния. Π”ΠΎΠ±Π°Π²ΡŒ нСбольшой случайный сдвиг Π² ΠΏΠΎΠ·ΠΈΡ†ΠΈΠΈ ΠΈΠ»ΠΈ ΠΌΠ°ΡΡˆΡ‚Π°Π±Π΅ Π² этом ΠΊΠ°Π΄Ρ€Π΅, Π½ΠΎ слСди, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΎΠ±Ρ‰Π΅Π΅ Π΄Π²ΠΈΠΆΠ΅Π½ΠΈΠ΅ ΠΎΡΡ‚Π°Π²Π°Π»ΠΎΡΡŒ достаточно симмСтричным – ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒ Π΄ΠΎΠ»ΠΆΠ΅Π½ Π²ΠΎΡΠΏΡ€ΠΈΠ½ΠΈΠΌΠ°Ρ‚ΡŒ ΠΊΠ½ΠΎΠΏΠΊΡƒ ΠΊΠ°ΠΊ Π΅Π΄ΠΈΠ½Ρ‹ΠΉ элСмСнт. ΠŸΡ€Π΅Π΄ΡΡ‚Π°Π²ΡŒ сСбС ΠΏΡƒΠ»ΡŒΡ: ΠΎΠ΄ΠΈΠ½ Ρ‡Π΅Ρ‚ΠΊΠΈΠΉ ΠΈΠΌΠΏΡƒΠ»ΡŒΡ, Π° Π½Π΅ ΠΏΠΎΠ»Π½ΠΎΡ†Π΅Π½Π½Ρ‹ΠΉ Ρ‚Π°Π½Π΅Ρ†. Π‘Π΄Π΅Π»Π°ΠΉ сглаТиваниС ΠΏΠ»Π°Π²Π½Ρ‹ΠΌ – ease-in-out – ΠΈ подСргивания Π±ΡƒΠ΄ΡƒΡ‚ ΠΊΠ°Π·Π°Ρ‚ΡŒΡΡ ΠΆΠΈΠ²Ρ‹ΠΌΠΈ, Π° Π½Π΅ Ρ…Π°ΠΎΡ‚ΠΈΡ‡Π½Ρ‹ΠΌΠΈ. Помни, Ρ†Π΅Π»ΡŒ – ΠΏΡ€ΠΈΠ΄Π°Ρ‚ΡŒ ΠΊΠ½ΠΎΠΏΠΊΠ΅ Π½Π΅ΠΌΠ½ΠΎΠ³ΠΎ Ρ…Π°Ρ€Π°ΠΊΡ‚Π΅Ρ€Π°, Π½Π΅ тСряя ΠΏΡ€ΠΈ этом чистоту UX. Π£Π΄Π°Ρ‡ΠΈ с Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΠ΅ΠΉ!