ฝัง
- เผยแพร่เมื่อ 1 ส.ค. 2024
- Do you wonder how to create those award winning level interactions and animations? Almost a decade ago, I had the privilege of attending a Motion UI workshop from one of Apple’s motion designers, and I ended up doing a Dribbble shot of an animated website as a result, that has been the one that caught the most attention so far in my portfolio (more than 1K likes!). In this animation tutorial for Web Design, I will share with you the motion design tips and tricks I learned in that workshop to help you clarify the fundamentals of motion design, gain more exposure with your works, and bring your websites to life. Happy learning!
• Brand Identity Design ...
FREE GOLDEN CANON GRID COURSE
Download the Golden Canon grid and join thousands of students in learning 5 secrets to design beautiful websites with the Golden Canon Grid with this free course:
bont.academy/golden-canon-gri...
READY TO JOIN THE WEB DESIGN MASTER CLASS?
If you are ready to peak your Web Design skills & learn how to monetize them so you can have more freedom to do the things that you love, then click the link below to apply to my signature program, the Web Design Master Class. I will schedule a call with you so we can chat and decide if my program is the right fit for you:
Apply here:
forms.gle/4nEBmtcrBTTjosNs6?u...
TWEET THIS VIDEO: ctt.ac/0_dod
DM me on social media:
• Instagram: / hellobont
• LinkedIn: / adriansomoza
Check out my works:
• Behance: www.behance.net/adriansomoza/
• Dribbble: dribbble.com/adriansomoza/
TH-cam Video URL: • 4 steps to design the ...
#BONT #WebDesign #AnimationInWebDesign
![[ไฮไลต์] แบดมินตันชาย วิว กุลวุฒิ(ไทย) vs Kenta Nishimoto(ญี่ปุ่น) รอบ 16 คน | โอลิมปิก 2024](http://i.ytimg.com/vi/kaQRLljJkSI/mqdefault.jpg)
Amazing insights, as always. Thank you.
I'm curious, do you use AE for animation? Or only Principle.
Glad it helped Isabel! I only use Principle :)
your designs are so elegant and refreshing!
Loving your channel man! 🤙🏼
Glad to hear it man 🙏
Motion is such an interesting aspect of deisgn that always look like a magic, you just broke it down seamlessly in this short video.
Thanks for the kind words my friend, let's see what you can come up with 💪
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.
Thanks, glad you found it valuable ✨️
Best channel on web design by far, everything I have been looking for!
Wow, thanks, glad to hear that!
You're so helpful! Thank you so much❤
Glad it was helpful! My pleasure 😊
Thanks for the video, Adrian. Got some really good insights regarding animation.
Glad it was helpful man!
Loooovve this.
Thanks for sharing.
Glad you enjoyed it man 🙌✨️
Thank you
Welcome!
Thank you for this video 👍👍👍
You're welcome my friend! Hope you’re doing great 😊
Thank you for this video
My pleasure!
Great work Sir
Many thanks 🫡
Master!
Saludos parce!
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 ?
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 ;)
Animation are turly one of my favorite things to add to websites
Cheers Diego!
Really cool, thanks for sharing! Any tips on how to handover those kind of interactions and animations to the dev team?
I could make a video about that! Thanks man ✨️🙌
❤❤
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. 🔥
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.
Subscribed! Tutorial request: Vercel website grids and Wokine website animation/menu
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?"
Hello, Thank you for the great information. Are you working on Webflow in this video?
Can tou tell which editor you use and prefer
Just wondering how do you handle the development part using Principle? Thanks, great tutorial
I partner with developers who match my skills!
simple guideline, no body cares about your animation if they dont help to get your point across, increase conversions or enhance usability
Exactly!
Amazing video!!! Thankyou!!
Would you use Figma for animation prototyping? and then Webflow for site development? what do you think? thanks!
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.
@@hellobont thankyou ☺️💜
I'm confused, what program is this?
Can you make principle series on animating sites really interested thank you!
Noted! I do have one video about it. Did you watch it?
How can we check out your grid course, everything redirects to your home page
Cool! Which software do you use for prototyping animations?
Thanks! I use Principle :)
@@hellobontDo you recommend this software for learn and make web design animation ?
I don’t want to make the wrong choice :p
I do recommend it!
Thank you so much !@@hellobont
I wonder what do all those trends for?
Im just getting gto know principle in this video and i im wondering how to throw all that into figma
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 )
Yes, last!
what software do you use when prototyping this animation? it is ok than figma protoyping ability?
I use Principle, has much more possibilities as of now!
Would you do a full package Framer course? Can’t find any complete course online. I’m ready to purchase. :)
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!
Great video, 😊thanks for your reply. What software do you use to animate?
I'm using Principle for now!
what do you use to make animations ?
Principle!
Where does the brandname Bont comes ftom btw?
It means bridge in Welsh. My mission is to help designers bridge the gap to their highest potential :)
@@hellobont Nice one!
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?
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.
@@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?
@@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!