The fundamentals of animation in Web Design

แชร์
ฝัง
  • เผยแพร่เมื่อ 23 ธ.ค. 2024

ความคิดเห็น • 74

  • @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 :)

  • @MikeTrif
    @MikeTrif หลายเดือนก่อน

    Love how you kept it practical.

  • @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 ✨️

  • @minamalaj3478
    @minamalaj3478 ปีที่แล้ว

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

    • @hellobont
      @hellobont  11 หลายเดือนก่อน

      Wow, thanks, glad to hear that!

  • @garethellison01
    @garethellison01 ปีที่แล้ว +4

    Loving your channel man! 🤙🏼

    • @hellobont
      @hellobont  ปีที่แล้ว

      Glad to hear it man 🙏

  • @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 💪

  • @CRXSH
    @CRXSH ปีที่แล้ว

    I'm confused, what program is this?

  • @steviesmith5161
    @steviesmith5161 2 หลายเดือนก่อน

    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?

    • @hellobont
      @hellobont  2 หลายเดือนก่อน

      Noted!

  • @danielleceleste4791
    @danielleceleste4791 ปีที่แล้ว

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

  • @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?

  • @Whatif_Hawk
    @Whatif_Hawk 6 หลายเดือนก่อน

    Can tou tell which editor you use and prefer

  • @Diego_Cabrera
    @Diego_Cabrera ปีที่แล้ว

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

  • @Atulwebdesigner
    @Atulwebdesigner ปีที่แล้ว

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

    • @hellobont
      @hellobont  ปีที่แล้ว

      Glad it was helpful man!

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

  • @ham2956
    @ham2956 ปีที่แล้ว

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

  • @nhunmochii603
    @nhunmochii603 7 หลายเดือนก่อน

    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 )

    • @hellobont
      @hellobont  6 หลายเดือนก่อน

      Yes, last!

  • @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 ✨️🙌

  • @cheapandhealthy
    @cheapandhealthy ปีที่แล้ว

    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!

    • @cheapandhealthy
      @cheapandhealthy ปีที่แล้ว

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

    • @hellobont
      @hellobont  ปีที่แล้ว +1

      I'm using Principle for now!

  • @aliciajc4985
    @aliciajc4985 11 หลายเดือนก่อน

    I wonder what do all those trends for?

  • @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 ☺️💜

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

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

  • @TechDesignHub
    @TechDesignHub ปีที่แล้ว

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

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

  • @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 😊

  • @tscolasolutions
    @tscolasolutions 9 หลายเดือนก่อน

    what do you use to make animations ?

    • @hellobont
      @hellobont  9 หลายเดือนก่อน

      Principle!

  • @mary-janeletsoalo8885
    @mary-janeletsoalo8885 9 หลายเดือนก่อน

    Thank you

    • @hellobont
      @hellobont  9 หลายเดือนก่อน

      Welcome!

  • @mohamedlabarre166
    @mohamedlabarre166 ปีที่แล้ว

    Great work Sir

    • @hellobont
      @hellobont  ปีที่แล้ว

      Many thanks 🫡

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

  • @andriysmolyar3951
    @andriysmolyar3951 ปีที่แล้ว

    Thank you for this video 👍👍👍

    • @hellobont
      @hellobont  ปีที่แล้ว

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

  • @achrafmaya8236
    @achrafmaya8236 ปีที่แล้ว

    Thank you for this video

  • @arleyvalencia_av
    @arleyvalencia_av ปีที่แล้ว

    Master!

    • @hellobont
      @hellobont  ปีที่แล้ว

      Saludos parce!

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