The fundamentals of animation in Web Design

Sdílet
Vložit
  • čas přidán 5. 09. 2024

Komentáře • 75

  • @user-zr8nv4wm5f
    @user-zr8nv4wm5f Před rokem +2

    Amazing insights, as always. Thank you.
    I'm curious, do you use AE for animation? Or only Principle.

    • @hellobont
      @hellobont  Před rokem

      Glad it helped Isabel! I only use Principle :)

  • @zoistoik
    @zoistoik Před rokem +4

    Motion makes everything absolutely magical! That video has so much value in it man, for having taken animation courses, I think what you laid out is good for 80% of projects! Just a matter of practicing like you said. The little intricacies of animations are hard to perceive at first, but definitely not essential to produce good work.

    • @hellobont
      @hellobont  Před rokem

      Thanks, glad you found it valuable ✨️

  • @fernwehtwl
    @fernwehtwl Před 10 měsíci +1

    your designs are so elegant and refreshing!

  • @owodunnitosin4291
    @owodunnitosin4291 Před rokem

    Motion is such an interesting aspect of deisgn that always look like a magic, you just broke it down seamlessly in this short video.

    • @hellobont
      @hellobont  Před rokem +1

      Thanks for the kind words my friend, let's see what you can come up with 💪

  • @raisingbarssince1978
    @raisingbarssince1978 Před rokem +3

    simple guideline, no body cares about your animation if they dont help to get your point across, increase conversions or enhance usability

  • @garethellison01
    @garethellison01 Před rokem +3

    Loving your channel man! 🤙🏼

  • @minamalaj3478
    @minamalaj3478 Před 8 měsíci

    Best channel on web design by far, everything I have been looking for!

    • @hellobont
      @hellobont  Před 8 měsíci

      Wow, thanks, glad to hear that!

  • @farhan-app
    @farhan-app Před 7 měsíci

    Subscribed! Tutorial request: Vercel website grids and Wokine website animation/menu

    • @hellobont
      @hellobont  Před 7 měsíci

      Welcome to the BONT community man! I don't do front-end development, I'm specialized in the design side of things. You might want to check my video "Should freelance web designers learn to no-code?"

  • @Diego_Cabrera
    @Diego_Cabrera Před rokem

    Animation are turly one of my favorite things to add to websites

  • @nhunmochii603
    @nhunmochii603 Před 4 měsíci

    Thanks for the video, so the most important element should be animated first? ( I always think it should be animated last to get attention from users )

  • @FedericoLunaRGH97
    @FedericoLunaRGH97 Před rokem +1

    Really cool, thanks for sharing! Any tips on how to handover those kind of interactions and animations to the dev team?

    • @hellobont
      @hellobont  Před rokem +4

      I could make a video about that! Thanks man ✨️🙌

  • @Whatif_Hawk
    @Whatif_Hawk Před 3 měsíci

    Can tou tell which editor you use and prefer

  • @Atulwebdesigner
    @Atulwebdesigner Před rokem

    Thanks for the video, Adrian. Got some really good insights regarding animation.

  • @RenzW
    @RenzW Před rokem +1

    Can you make principle series on animating sites really interested thank you!

    • @hellobont
      @hellobont  Před rokem +1

      Noted! I do have one video about it. Did you watch it?

  • @mary-janeletsoalo8885
    @mary-janeletsoalo8885 Před 5 měsíci

    Thank you

  • @KoarisDesign
    @KoarisDesign Před rokem

    Amazing video, you bring so much value and straight to the point, really appreciated 🙏🏼.
    I’m in the process of learning adobe after effects to animate designs.
    Do you think that principle fulfills all your needs for animation or is it still better to know adobe ae do be basically able to do anything ?

    • @hellobont
      @hellobont  Před rokem

      Glad you liked the video! Principle is all you need, and is even better than AE because you build a prototype that you can use, you're not just animating keyframes ;)

  • @aliciajc4985
    @aliciajc4985 Před 8 měsíci

    I wonder what do all those trends for?

  • @TechDesignHub
    @TechDesignHub Před 10 měsíci

    Im just getting gto know principle in this video and i im wondering how to throw all that into figma

  • @danielleceleste4791
    @danielleceleste4791 Před 10 měsíci

    Hello, Thank you for the great information. Are you working on Webflow in this video?

  • @brianm3160
    @brianm3160 Před rokem

    You're so helpful! Thank you so much❤

    • @hellobont
      @hellobont  Před rokem +1

      Glad it was helpful! My pleasure 😊

  • @eneamauro7147
    @eneamauro7147 Před rokem +1

    Cool! Which software do you use for prototyping animations?

    • @hellobont
      @hellobont  Před rokem +3

      Thanks! I use Principle :)

    • @chokdeesam2365
      @chokdeesam2365 Před rokem

      @@hellobontDo you recommend this software for learn and make web design animation ?
      I don’t want to make the wrong choice :p

    • @hellobont
      @hellobont  Před rokem

      I do recommend it!

    • @chokdeesam2365
      @chokdeesam2365 Před rokem

      Thank you so much !@@hellobont

  • @dhirenmoorvin
    @dhirenmoorvin Před rokem

    Just wondering how do you handle the development part using Principle? Thanks, great tutorial

    • @hellobont
      @hellobont  Před rokem

      I partner with developers who match my skills!

  • @yisas28
    @yisas28 Před rokem

    good animation techniques, principle, I think it is the best software for prototyping, although it is lagging far behind, I hope they make important updates soon. 🔥

    • @hellobont
      @hellobont  Před rokem

      I agree 100%. I'm hoping they update the app soon, or a new and better app appears in the horizon. At this point I'm open to switch honestly.

  • @ham2956
    @ham2956 Před rokem

    How can we check out your grid course, everything redirects to your home page

  • @rileydesign
    @rileydesign Před rokem

    Loooovve this.
    Thanks for sharing.

    • @hellobont
      @hellobont  Před rokem

      Glad you enjoyed it man 🙌✨️

  • @mohamedlabarre166
    @mohamedlabarre166 Před rokem

    Great work Sir

  • @CRXSH
    @CRXSH Před 11 měsíci

    I'm confused, what program is this?

  • @lukastaneda8128
    @lukastaneda8128 Před rokem

    Amazing video!!! Thankyou!!
    Would you use Figma for animation prototyping? and then Webflow for site development? what do you think? thanks!

    • @hellobont
      @hellobont  Před rokem +1

      I'll definitely do a video about this, but in a nutshell: I use Principle to animate, and I don't code or build my websites but rather partner with developers who match my skills.

    • @lukastaneda8128
      @lukastaneda8128 Před 11 měsíci

      @@hellobont thankyou ☺️💜

  • @andriysmolyar3951
    @andriysmolyar3951 Před rokem

    Thank you for this video 👍👍👍

    • @hellobont
      @hellobont  Před rokem

      You're welcome my friend! Hope you’re doing great 😊

  • @achrafmaya8236
    @achrafmaya8236 Před rokem

    Thank you for this video

  • @leslie8
    @leslie8 Před rokem

    Would you do a full package Framer course? Can’t find any complete course online. I’m ready to purchase. :)

    • @hellobont
      @hellobont  Před rokem +1

      I don't have enough experience with Framer to do a full course on it. I'm just starting to play around with it honestly!

    • @leslie8
      @leslie8 Před rokem

      Great video, 😊thanks for your reply. What software do you use to animate?

    • @hellobont
      @hellobont  Před rokem +1

      I'm using Principle for now!

  • @TerpkeZ
    @TerpkeZ Před 5 měsíci

    what do you use to make animations ?

  • @arleyvalencia_av
    @arleyvalencia_av Před rokem

    Master!

  • @SothearithKONGMrMuyKhmer
    @SothearithKONGMrMuyKhmer Před 11 měsíci

    ❤❤

  • @davegarcia2525
    @davegarcia2525 Před 11 měsíci

    what software do you use when prototyping this animation? it is ok than figma protoyping ability?

    • @hellobont
      @hellobont  Před 11 měsíci

      I use Principle, has much more possibilities as of now!

  • @DesignDen673
    @DesignDen673 Před rokem

    Dear Bont, how long did it take you to become a good designer where you were confident enough to charge 5k for a web design project?

    • @hellobont
      @hellobont  Před rokem

      Hey! Being a good designer and charging 5k are two separate things. It took me way too long to charge that. If you want to increase your prices, learn freelance skills, I have videos in my channel to help you with that.

    • @DesignDen673
      @DesignDen673 Před rokem

      ​@@hellobont Thank you so much for your response. 1) Ok, so how long did it take for you to become a good designer? 2) I see all these designers on twitter going from 0 to 5k in six months. Is that a possibility. Is there a roadmap for that?

    • @hellobont
      @hellobont  Před rokem

      @@DesignDen673 1) In 3-4 years I was designing for fortune 500 companies. 2) One of my students was able to charge $6k in 4 months. The difficult part is selling $5k projects consistently. That takes more time than just 6 months. This could be a good topic for a video! Btw, hit me a DM on Instagram, let's connect!

  • @Michael.design
    @Michael.design Před rokem

    Where does the brandname Bont comes ftom btw?

    • @hellobont
      @hellobont  Před rokem +2

      It means bridge in Welsh. My mission is to help designers bridge the gap to their highest potential :)

    • @Michael.design
      @Michael.design Před rokem

      @@hellobont Nice one!