Full Principle Tutorial & Onboarding Flow Animation (2020)

Поділитися
Вставка
  • Опубліковано 27 гру 2024

КОМЕНТАРІ • 53

  • @CubertoDesign
    @CubertoDesign  4 роки тому +2

    ★ cuberto.com/
    ★ Join our Patreon channel to get NEW design course "Ordering Balloon Bouquets UI Design and Animation" www.patreon.com/posts/42995382

    • @dave3k
      @dave3k 4 роки тому

      Are these design courses quite extensive e.g. like 1-hour in length?

    • @marpla78
      @marpla78 4 роки тому

      is there a similar tool for PC?

    • @李沈加
      @李沈加 2 роки тому

      @@marpla78 fdfd

  • @walterlol
    @walterlol 3 роки тому +33

    As a mobile app developer, this UI gives me anxiety.

    • @jaymcd8577
      @jaymcd8577 3 роки тому

      So they aren't..say...real world use realistic?

  • @ramanag6934
    @ramanag6934 4 роки тому +8

    Can you show your design to code process

  • @gjb7966
    @gjb7966 4 роки тому +4

    Great video! What's the music that starts playing from the beginning of the video, by the way? Dreamy stuff

  • @TheLas1991
    @TheLas1991 4 роки тому +8

    Can this be coded?

  • @santiagosuarez8479
    @santiagosuarez8479 3 роки тому +2

    Hi Cuberto!! Bruh, i was thinking about exporting to a react project. Do you export it as a Lottie file or how do you convert it for code?

  • @spamailer9768
    @spamailer9768 3 роки тому

    Hi, I don't understand the 2000px wide group at 6:19. Can you please explain?

  • @Tech-heartsong
    @Tech-heartsong 2 роки тому

    Is it possible to add that Principle Onboarding Flow to InVision app to keep everything in one place, if all else will be in InVision app?

  • @ashishws
    @ashishws 3 роки тому

    How can make a Feed like tiktok on principle? where when user swipes then video start playing ? Is it possible in principle?

  • @Jordan-zz8qu
    @Jordan-zz8qu 4 роки тому +1

    Thank you for your tutorials, very helpful

  • @irinasams1381
    @irinasams1381 5 місяців тому

    ok its cute, but how do you code this?

  • @kavineesh12
    @kavineesh12 3 роки тому

    Why you have taken this long rectangle and huge circle
    Any specific reason..? Can it be done with small shapes also

  • @rushivachhani5863
    @rushivachhani5863 4 роки тому

    Would love to see more tutorials like this ... 👍

  • @chokdeesam2365
    @chokdeesam2365 Рік тому

    Where is your Patreon content ? =O

  • @mischugo
    @mischugo 4 роки тому +3

    Nice. Really. Looks great
    But how do you come to build it up like that (!). I downloaded the trial version. Interface / inspector very tiny, unexpected things happens and i have no idea why. And just because a program has a timeline, it is not After Effects. The handling in the timeline is also not very well solved ... So for beginners? Hmmm... I'm not sure

  • @sherryh2577
    @sherryh2577 4 роки тому

    Why do I only have one side (to the right) that can be pulled to turn pink, but when I pull the circle to the left, only one point can not be dragged to blue?

  • @LGDesignUXUI
    @LGDesignUXUI 3 роки тому +26

    Hello Cuberto ! OK it's a nice animation but you don't speak about exports. I think that's very important, otherwise your cute animation will never be used and will stay in Principle and Dribbble.

    • @JesusWentLive
      @JesusWentLive 3 роки тому

      Cool animation. But...
      Forget about export. In reality you don't have time to do such complex animations. Just in big companies... and even in those its not that easy.

    • @edenassos
      @edenassos 3 роки тому

      @@JesusWentLive Why not? These 2D transition animations are easy work and I do both 2D and 3D animations for VFX/games so I can judge.

    • @thunderboltxtra2811
      @thunderboltxtra2811 3 роки тому +13

      you should check out their deployed mobile apps. they implement animations even more ambitious than the ones you see in this video. Up your game buddy :)

    • @abhayrohit
      @abhayrohit 3 роки тому +5

      Just remember, they only make tutorials for their weakest designs and projects 😂😂 They're up to some fucked up hard-core design shit we mortals can't imagine

  • @TSGGaming7803
    @TSGGaming7803 3 роки тому

    what software are u using

  • @raiders291
    @raiders291 4 роки тому

    Hi what are those gifs called I can’t find them?

  • @moniraperveen3024
    @moniraperveen3024 4 роки тому

    Awesome ❤

  • @volodymyrseverynenko1025
    @volodymyrseverynenko1025 3 роки тому

    Tried to replicate that but principle is treating my sketch objects like media and overall the app has too many bugs :(

  • @sevendroid3680
    @sevendroid3680 3 роки тому

    can it be exported in mp4?

  • @slivka_1
    @slivka_1 2 роки тому

    this is amazing and I can't get how to animate a simple slide animation

  • @neelam15555
    @neelam15555 3 роки тому +4

    Can you please make the same project in Figma or any other software which is window based.. Thank you so much.

    • @zourabcazano
      @zourabcazano 2 роки тому

      I've just discovered Aninix plugin right in Figma, try it out.

  • @zblitzzy1647
    @zblitzzy1647 4 роки тому

    Very cool

  • @imjawads
    @imjawads 3 роки тому +1

    After animations completion they probably record a video and put it on Dribbble and that's end.

  • @AbhimanyuSirothia
    @AbhimanyuSirothia 3 роки тому

    How do record the screen so you always only have 1 window showing? And that too in the absolute center of the screen?

  • @romanegorov6597
    @romanegorov6597 3 роки тому

    Очень полезный контент

  • @moniraperveen3024
    @moniraperveen3024 4 роки тому

    Can i make this in adobe xd?

    • @karanheer
      @karanheer 4 роки тому +3

      how did u comment 3 weeks ago? the vid's just uploaded 😮

    • @dave3k
      @dave3k 4 роки тому +1

      @@karanheer Maybe a Patreon subscriber?

    • @karanheer
      @karanheer 4 роки тому

      @@dave3k hmm maybe 🙄

    • @JaspreetSinghRandhawa
      @JaspreetSinghRandhawa 4 роки тому

      Currently, this is not possible in XD but may be in the future . You can do this in After Effects.
      Are u a UI/UX designer ?

    • @imraniqbal4113
      @imraniqbal4113 4 роки тому +1

      @@karanheer Plz visit my channel for logos and calligraphy
      ua-cam.com/video/nX_EXCsekgk/v-deo.html

  • @Fernando-pr6xt
    @Fernando-pr6xt 4 роки тому +2

    Voy a tener que aprender ingles :)

  • @PUK1SVA
    @PUK1SVA 2 роки тому

    RIP developers. Would like to seee coding this.

  • @ruksanakabir46
    @ruksanakabir46 2 роки тому

    This suddenly gets suck.. confusing.. why make it complicated for a easy shit?

  • @stephencarroll312
    @stephencarroll312 2 роки тому +1

    wayyyyyyy tooo complicated ..

  • @LuciaCS
    @LuciaCS 3 роки тому

    ❤️❤️❤️