Website UI Design In Figma with After Effects Animations Tutorial

Web site UI Design In Figma with After Results Animations Tutorial

by



Be a part of me immediately, the place we’ll be doing web site UI design in Figma with After Results animations!

My Belongings are from Adobe Inventory ► First Month FREE: https://bit.ly/AdobeStockTrial

Instruments Used ► Adobe CC : https://bit.ly/AdobeCCLink

The Course of
———————-
I will be going by the whole design course of from begin to end.
On this web site UI design tutorial, we’ll be utilizing the Figma app. We’ll start by going by the model design and emblem design course of. From there, we’ll develop the content material for our web site, and do some web site format design and web site wireframes to create a web page that’s purposeful and works nicely. Subsequent, we’ll take a look at growing some customized graphics in Photoshop CC 2020. This may contain sourcing inventory pictures, performing some superior photograph manipulation with customized digital portray so as to add particular results like scene lighting.

We’ll check out selecting typography for correct UI design that matches our model’s aesthetics in addition to selecting colours for an internet site. I will talk about web site hierarchy and data structure too.

All through this course of, we’ll be leaping into After Results CC 2020, and we’ll be performing some web site UI interplay animation. This includes creating customized animations for various components in our web site and connecting our totally different pages along with seamless transitions.

Work Request
———————-
https://partnerwithbrandon.com/

Critique Request
———————-
bscritiques@gmail.com

Instagram: @thebrandonshepherd
Twitter: @bransshep

(A few of the hyperlinks above are affiliate hyperlinks, that means, at no further value to you, I’ll earn a fee for those who click on by and make a purchase order.)

source

30 thoughts on “Web site UI Design In Figma with After Results Animations Tutorial”

  15. I have been binging like 20 of your videos for the past few hours. You are extremely underrated and deserve millions of subscribers due to how entertaining you are, the quality of your work, the variation of your videos, and your personality is very very approachable. Great stuff man, subscribed after the first video I saw.

    Reply

  24. Awesome video, I loved watching you work through each element. One thing I'd note: an eyepatch icon to represent a vision plan is clever, but an icon with a "slash" through it is universally understood as a prohibition of something and your eyepatch icon looks like a smaller icon with a slash through it. Just a potential confusion that you'd probably want to avoid!

    Thanks for all your content!

    Reply

  26. This was astoundingly awesome to watch. The artistry is insane. So happy I recently found your channel. Listening to someone so skilled and talented talk about their field and explain what they are doing and why is such a rewarding experience, and you are definitely talented. Can't wait to watch more.

    Reply

Leave a Comment