The fundamentals of animation in Web Design

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

КОМЕНТАРІ • 75

  • @IsabelPereira-w8c
    @IsabelPereira-w8c Рік тому +2

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

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

      Glad it helped Isabel! I only use Principle :)

  • @fernwehtwl
    @fernwehtwl Рік тому +2

    your designs are so elegant and refreshing!

  • @zoistoik
    @zoistoik Рік тому +5

    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  Рік тому

      Thanks, glad you found it valuable ✨️

  • @garethellison01
    @garethellison01 Рік тому +4

    Loving your channel man! 🤙🏼

  • @minamalaj3478
    @minamalaj3478 11 місяців тому

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

    • @hellobont
      @hellobont  10 місяців тому

      Wow, thanks, glad to hear that!

  • @steviesmith5161
    @steviesmith5161 Місяць тому

    thanks for explaining the theory behind these concepts. i would love if you would explain how to actually practice and do some of these. will you have any tutorials on how to do these animations or anything similar?

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

    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  Рік тому +1

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

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

    Can tou tell which editor you use and prefer

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

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

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

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

  • @raisingbarssince1978
    @raisingbarssince1978 Рік тому +3

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

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

    I'm confused, what program is this?

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

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

  • @nhunmochii603
    @nhunmochii603 6 місяців тому

    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 )

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

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

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

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

    • @hellobont
      @hellobont  Рік тому +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 Рік тому

      @@hellobont thankyou ☺️💜

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

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

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

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

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

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

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

      I partner with developers who match my skills!

  • @RenzW
    @RenzW Рік тому +1

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

    • @hellobont
      @hellobont  Рік тому +1

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

  • @FedericoLunaRGH97
    @FedericoLunaRGH97 Рік тому +1

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

    • @hellobont
      @hellobont  Рік тому +4

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

  • @eneamauro7147
    @eneamauro7147 Рік тому +1

    Cool! Which software do you use for prototyping animations?

    • @hellobont
      @hellobont  Рік тому +3

      Thanks! I use Principle :)

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

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

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

      I do recommend it!

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

      Thank you so much !@@hellobont

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

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

    • @hellobont
      @hellobont  Рік тому +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 Рік тому

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

    • @hellobont
      @hellobont  Рік тому +1

      I'm using Principle for now!

  • @aliciajc4985
    @aliciajc4985 10 місяців тому

    I wonder what do all those trends for?

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

    Loooovve this.
    Thanks for sharing.

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

      Glad you enjoyed it man 🙌✨️

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

    You're so helpful! Thank you so much❤

    • @hellobont
      @hellobont  Рік тому +1

      Glad it was helpful! My pleasure 😊

  • @TerpkeZ
    @TerpkeZ 8 місяців тому

    what do you use to make animations ?

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

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

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

    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  Рік тому

      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 ;)

  • @mary-janeletsoalo8885
    @mary-janeletsoalo8885 7 місяців тому

    Thank you

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

    Great work Sir

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

    Thank you for this video

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

    Thank you for this video 👍👍👍

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

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

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

    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  Рік тому

      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.

  • @Michael.design
    @Michael.design Рік тому

    Where does the brandname Bont comes ftom btw?

    • @hellobont
      @hellobont  Рік тому +2

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

    • @Michael.design
      @Michael.design Рік тому

      @@hellobont Nice one!

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

    Master!

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

    ❤❤

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

    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  Рік тому

      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 Рік тому

      ​@@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  Рік тому

      @@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!