πŸ“• Π“Π°ΠΉΠ΄ Β· Как Ρ…Ρ€Π°Π½ΠΈΡ‚ΡŒ исходники

Π“Π΄Π΅ Ρ…Ρ€Π°Π½ΠΈΡ‚ΡŒ исходники

Папка Π² Dropbox, Design β†’ Animations. ΠŸΠΎΠ΄ΠΊΠ»ΡŽΡ‡ΠΈΡ‚Π΅ эту ΠΏΠ°ΠΏΠΊΡƒ Π² вашСм Dropbox-ΠΊΠ»ΠΈΠ΅Π½Ρ‚Π΅ для удобства Ρ€Π°Π±ΠΎΡ‚Ρ‹.

Π‘Ρ‚Ρ€ΡƒΠΊΡ‚ΡƒΡ€Π° ΠΏΠ°ΠΏΠΊΠΈ Animations
  • ΠšΠΎΡ€Π΅Π½ΡŒ ΠΏΠ°ΠΏΠΊΠΈ β€” Ρ‚ΡƒΡ‚ хранятся всС исходники Ρ€Π΅Π°Π»ΠΈΠ·ΠΎΠ²Π°Π½Π½Ρ‹Ρ… Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΠΉ Lottie, Π½Π΅ ΠΈΠΊΠΎΠ½ΠΎΠΊ.
  • _In Review β€” ΠΏΠ°ΠΏΠΊΠ° для Ρ€Π΅Π²ΡŒΡŽ Π²Π°ΡˆΠΈΡ… Lottie-ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΎΠ², ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΏΠΎΠΉΠ΄ΡƒΡ‚ Π² Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΡƒ.
  • _Icons β€” здСсь хранятся всС Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΠΈ ΠΈΠΊΠΎΠ½ΠΎΠΊ с Ρ€Π°Π·Π±ΠΈΠ²ΠΊΠΎΠΉ ΠΏΠΎ ΠΏΠ°ΠΏΠΊΠ°ΠΌ размСрностСй.
  • _Archive β€” Π°Ρ€Ρ…ΠΈΠ² ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΎΠ².

Иконки Π² Icons. Π›ΡŽΠ±Ρ‹Π΅ Π΄Ρ€ΡƒΠ³ΠΈΠ΅ Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΠΈ Π² Animations.

Π€Π°ΠΉΠ»Ρ‹ исходников, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π±Ρ‹Π»ΠΈ Ρ€Π΅Π°Π»ΠΈΠ·ΠΎΠ²Π°Π½Ρ‹ Π² ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΈ, ΠΈ это Π½Π΅ ΠΈΠΊΠΎΠ½ΠΊΠΈ, рСкомСндуСтся Ρ…Ρ€Π°Π½ΠΈΡ‚ΡŒ Π² ΠΊΠΎΡ€Π½Π΅ ΠΏΠ°ΠΏΠΊΠΈ Animations.

ΠŸΡ€Π°Π²ΠΈΠ»Π° имСнования

Иконки

  • Π‘ΠΎΠ·Π΄Π°Π²Π°ΠΉΡ‚Π΅ ΠΏΠ°ΠΏΠΊΡƒ с понятным Π½Π°Π·Π²Π°Π½ΠΈΠ΅ΠΌ. ΠŸΡ€ΠΈΠΌΠ΅Ρ€: phone_outline_28
  • Один Ρ€Π°Π·ΠΌΠ΅Ρ€ ΠΈΠΊΠΎΠ½ΠΊΠΈ β€” ΠΎΠ΄ΠΈΠ½ AEP-Ρ„Π°ΠΉΠ».
  • Π’Π½ΡƒΡ‚Ρ€ΠΈ Ρ„Π°ΠΉΠ»Π° Π΄ΠΎΠ»ΠΆΠ½ΠΎ Π±Ρ‹Ρ‚ΡŒ Π΄Π²Π΅ ΠΊΠΎΠΌΠΏΠΎΠ·ΠΈΡ†ΠΈΠΈ для Π΄Π²ΡƒΡ… Ρ‚Π΅ΠΌ прилоТСния.
  • Π”Π²Π° json-Ρ„Π°ΠΉΠ»Π° ΠΊΠ°ΠΊ Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚.
  • Π¨Π°Π±Π»ΠΎΠ½ имСнования AEP Ρ„Π°ΠΉΠ»Π°: name_type_theme_animation__size. ΠŸΡ€ΠΈΠΌΠ΅Ρ€: video_outline_dark_animation_28.
  • _theme β€” ΡƒΠΊΠ°Π·Π°Π½ΠΈΠ΅ Ρ‚Π΅ΠΌΡ‹, Π² ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΉ Π±ΡƒΠ΄Π΅Ρ‚ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒΡΡ эта анимация.Β 
  • Для свСтлой Ρ‚Π΅ΠΌΡ‹ Π½ΡƒΠΆΠ½ΠΎ ΡƒΠΊΠ°Π·Π°Ρ‚ΡŒ light.Β 
  • Для Ρ‚Ρ‘ΠΌΠ½ΠΎΠΉ β€” dark.
  • animation β€” это нСизмСняСмый ΠΈΠ΄Π΅Π½Ρ‚ΠΈΡ„ΠΈΠΊΠ°Ρ‚ΠΎΡ€.

Π”Ρ€ΡƒΠ³ΠΈΠ΅ Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΠΈ

  • Π£ΠΊΠ°ΠΆΠΈΡ‚Π΅ простоС ΠΈ понятноС Π½Π°Π·Π²Π°Π½ΠΈΠ΅ ΠΏΠ°ΠΏΠΊΠΈ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π° Π½Π° английском. Π€ΠΎΡ€ΠΌΠ°Ρ‚ наимСнования ΠΏΠ°ΠΏΠΊΠΈ ΠΈ Ρ„Π°ΠΉΠ»Π° слСдуСт ΡΠΎΠ±Π»ΡŽΠ΄Π°Ρ‚ΡŒ Π² стилС: Π½Π°Π·Π²Π°Π½ΠΈΠ΅ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π° β€” Π½Π°Π·Π²Π°Π½ΠΈΠ΅ Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΠΈ. К ΠΏΡ€ΠΈΠΌΠ΅Ρ€Ρƒ: Newsfeed β€” Card swipe.
  • Π’Π½ΡƒΡ‚Ρ€ΠΈ ΠΏΠ°ΠΏΠΊΠΈ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π° Ρ…Ρ€Π°Π½ΠΈΡ‚Π΅ Ρ‚Π°ΠΊΠΆΠ΅ JSON-Ρ„Π°ΠΉΠ» для Ρ€Π°Π±ΠΎΡ‚Ρ‹ с Lottie, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π²Ρ‹ ΠΏΠ΅Ρ€Π΅Π΄Π°Π²Π°Π»ΠΈ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΡƒ. Π€Π°ΠΉΠ» Π΄ΠΎΠ»ΠΆΠ΅Π½ Π±Ρ‹Ρ‚ΡŒ Π½Π°Π·Π²Π°Π½ Ρ‚Π°ΠΊ ΠΆΠ΅, ΠΊΠ°ΠΊ ΠΏΠ°ΠΏΠΊΠ°, Π½ΠΎ Π±Π΅Π· указания названия ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π° Π² Π½Π°Ρ‡Π°Π»Π΅. ВмСсто ΠΏΡ€ΠΎΠ±Π΅Π»ΠΎΠ² ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ Π½ΠΈΠΆΠ½Π΅Π΅ ΠΏΠΎΠ΄Ρ‡Ρ‘Ρ€ΠΊΠΈΠ²Π°Π½ΠΈΠ΅ с ΡƒΠΊΠ°Π·Π°Π½ΠΈΠ΅ΠΌ суффикса _animation Π² ΠΊΠΎΠ½Ρ†Π΅. ΠŸΡ€ΠΈΠΌΠ΅Ρ€: confetti_animation.json.