Create a design effect which is in UI trend using figma

hello yes this is going to be the interesting one I don't know uh glass morphism effects so it was um I thought it would be helpful if you know designs from the corner different if you know the effects I don't know that we have to just use the blur effects to the um the blood effects on the proper I use banana you can get the glassy look of it I think you have seen lots of cards glass cards alarm be afraid but apart from that how we can use them in websites mobile screens we are going to see in this video so if the visual effects so let's get into the video so let's open a page and then create a frame and now you can rename it as website as you want select a color and that's the internet connection and choose an ellipse radiant reading so it will look like a spare and I'm duplicating it controlled equal to duplicate monitor resizing it we have to give some elements in the background for the website so the landing page ready I'm creating it is so I'm giving a linear gradient a solidated and reducing the color strength and opacity control that uh we can be able to to give the bladder effect the corners going to reflex background blood if it is 40. so that it won't look so bright so it is done now and other stroke add vinegaret stroker strength and giving two different linear colors gray shade so white shade maybe yeah no it's fine yeah combinations okay better then I'm going to create a top navigation bar hidden Central under sideless you can be able to see the spacing and then covers then take in because we are using blood Corners like do it for everything sharpness shop and then changing the color of it foreign [Music] okay now our lover is ready we won't change I'm trying to give me another area so I'm just gonna select all of them and reduce the size of it the donor we can never do reduce the space in between besides this is better the most spacing when the airplane I'm willing to reduce it a bit it will help you to reduce the facing in the same place for everybody our maintenance the consistency Central foreign foreign transparent Maps ini transparent Maps now it will be like uh foreign plugin foreign the colors [Music] one more you can do something better maybe so you see this presentations maybe we can choose um protein or and let's try 14 first yeah this is not suitable maybe let's go for ADD um so what we can do is maybe we can look at the dimension of air and then book added a dimension pattern let's change the screen to that so how we do that foreign so this is just uh in the videos just to show you that how everything works just to show you how to create the amount of defects used on the background on the radiant colors Radiance lives so I think you know how to do that upgraded a flame and then giving it a rectangle I am going for the noise texture noisy Avenue background I don't want it to be so blank and simple as another I'm going for this if you see here now in the grainy texture I add vanilla and I'm reducing the opacity of it other than the background no color material so we're doing it it's not very visible I don't want that to be very nice I'm trying to create a shape blood numbing a solid shapes foreign foreign ER you might be able to get some sample cards okay let's take this test bar to my brother Kenny you can handle it foreign can see that was that funny okay now it's done I can launch it and then I just want the whole rest of the things okay now it's all done but let me show you so how we can present it on the there is looking random number one more in other ways of presenting is this so variable glass more pick if it's from the minute you can use it this way foreign thank you so much for watching hope this video is clear and easy uh if you have any doubts you can put that in the comment section I'll meet you all in the next video till then bye [Music] [Music]

Channel: Tharani Subramanian

Views: 22,460

Keywords: What is UX, How to do UX Case study, UX Case Study, ux design, UI Design Tutorial, UX Design Tutorial, ui design, ux design process steps, ux design process interview, ux ui design tutorial, ux ui designer, learn ui ux design, learn ui ux design online free, Learn ux ui in tamil, ux ui in tamil, User Experience Design, What Does A UX Designer Do, Secondary Research, User research, ui ux design course, ui ux design, ui ux design tutorial in tamil, ui ux design tamil

Id: a-aVtAmDJY4

Length: 14min 16sec (856 seconds)

Published: Mon Apr 24 2023