In this video, Emmanuel Henri designs the initial top and left bar of the application.
- [Instructor] So let's start building our design…by first designing the top and the left bar…for our users management.…So if you don't have Sketch open,…go ahead and open Sketch…And then the first thing we'll do…is create a new hardboard.…So I'm typing A to create a new hardboard.…And then I'm scrolling to the custom side…because if we select the ones here,…so responsive web,…we have 1440x1024 here Desktop HD…and that's not what I want…because when we're going to use framer…we're going to have a resolution of…1440x900, which is the Mac.…
So what I'm gonna do is literally create…a custom size and then go ahead and do it…the size that I want.…So we want 1440x900,…so let's go…and simply drag and drop, like this…and then do it manually here.…So 1440x900,…like so.…Perfect!…And we're gonna call this one…the users management,…like so.…
By the way, I'm using hitting Shift…and using the scrolling wheel so I can have…this on this on screen like that.…Then we're gonna start building…the top and the left navigation bar.…So the first navigation on the left,…
Released
8/22/2018- Defining your objectives and UX stories
- Designing the user management tool
- Importing assets into Framer
- Creating flow between screens
- Adding interactions, micro-interactions, and animations
- Presentation
Share this video
Embed this video
Video: Design users management, part 1