Top best social media agencies in Mumbai for SMO

Top best social media agencies in Mumbai for SMO


So now we're going to do our little animated hamburger mini that's going to pop out just in case Bob wants to do something other than click on these buttons. He wants to get back to the menu system. So we get to create the need to create another frame to be able to do that. So there are one social media agencies in Mumbai easy way to do that instead of having to create a new one and copying and pasting like I have been doing. You couldn't right click and copy and then paste boom just like that. And we have to think about our user journey so this is. Moving on through his user journey.

So we're going to be able to make this hamburger menu on this site. So here's kind of the trick to this man may need little digital marketing agencies more room so I may need to slide this down south for the menu system so I'm going to go ahead and hold all of this together. I'm going to right-click and group it.

And so here is the trick to auto intimate. I'm going to first make my little pop-out menu system and go ahead and make that are a great color. We can make it a little transparent but let's just keep it a solid color for right now. I'm going to kind of pull in some generic type here. It's got a social media agencies in Mumbai hold down option and bring it on top. This will be linked one plate to link three and let's just have three simple links. Well, let's do a link for why not kind of fill out this menu a little bit and let's put some more letting or spacing between the characters which is right over here.

That'll be enough spacing so link one link to link three. We don't have to have the hamburger menu go all the way. We can have it go down here and have it pop out and we also maybe want to bring our icon down with us so that they can close it down. OK. So there's a little menu. So what we're social media agencies in Mumbai going to do now is we're going to group all these together everything in the menu get a group together and slide over here and everything here. We're going to group together all our original screen. We'll get a group it and we're going to slide him off our board and slide him on top right here right where we wanted to overlay.

So this is going to give the appearance that this is coming out in the animation and shifting that screen over. Let's go ahead and make an animated. So we're gonna go up here to the top as is going to be what initiates the slide out to the left. And we're going to click that all the way down to here social media agencies in Mumbai and we're going to make it a transition. And we want the content to slide to the left. So we want this to transition to this. So this will be popping out to the left. So let's do a sly push left. So we have a push left and we're gonna do ease in and out which is going to be a nice transition.

And let's do it really quickly so we're just going to do a point one second. And we want this to link back and be able to collapse the menu that we just brought out. So we're gonna bring this right back up here and we're going to do the same thing but instead of push left or what that item to push social media agencies in Mumbai that many back to the right. So instead of left, we're going to do right. So you just have to simple connections here which is going to be slide left in here which is going to be a slide right.

So now going to click here so I to see my preview from this particular artboard instead of having to go back to the beginning so I could click here be able to preview starting at that page. So let's see how this looks. We get a click that slides out nicely to click back and that slides outback. So we have a slide right slide left. So that looks pretty nice. And then we could even take social media agencies in Mumbai that one page this one frame right here and we'll be able to link those to different pages all throughout our design. But we just want to show the client the kind of how the application would look in terms of the menu system coming out and we can make this a little pretty we'll do that next and then we'll be able to continue on with our app design and I went ahead and downloaded some icons of kind of customized them a little bit to our brand and our color scheme.

I got to go ahead and use those as little icons. Was was this big-budget planner credit score to be this icon Plato too little said message icon and switch users. I'd like to get some more crossing arrows but I can always replace these at another time I was going to make these a little bit smaller now that I'm seeing them. I don't think I need them quite as large as kind of having a little icon to help the user breakdown that information and to know what it is.

So let's have some dividing lines. So I'm going to take a little while right here. We're just going to make some dividing lines across once I have it how I like it. I can always just hold down option and drag social media agencies in Mumbai down another one. Well done option loops. And another thing is we could create the top send message and we can actually do a repeat grid on this as well. So if we wanted to create one box and then just repeat the grid all the way down.

And I want to add a little bit of contrast so I'm just changing some of these to bold maybe the first word can be bold. So now we have a little bit more of a polished menu system. Let's go ahead and save it social media agencies in Mumbai and see how that works when we play it should still remain the same. And I also added a drop shadow to this box to make it look like it's overlapping. So you have this top gray bar and you notice right here that nice drop shadow helps bring some definition to the pull out menu.

Let's go back up here and see how this looks as press play and we're going to have it pop out and then have it pop in. Beautiful. So now we just need to create all these pages and Lincoln we're probably not going to do all of that in this class but we can at least link up one of these and one of each may be one of the detailed hem transactions. And one of the remaining budget just kind of do a few of those to kind of see how this process works and how we can really make this a fully functional prototype.

Report Page