Desktop Wireframe cont'd1:28 with Ashley Burke
Using those same UI elements we used in the mobile design, we’ll create a new larger layout for desktop and utilize symbols.
All right, so 0:00 this hero image is going to be like a carousel that will change over time. 0:01 And then I want to have a couple smaller events here at the bottom. 0:06 And for now I'm just gonna represent these other events also as boxes. 0:11 So I'll click over here. 0:16 Rather than creating a new rectangle and just drag this over. 0:19 I'm again, lining up here, to my padding. 0:25 This needs to be much smaller. 0:29 Let's see what size this is at. 0:33 That's at two, let's make it 250 by 250. 0:38 Perfect. 0:45 Now I'm gonna line this up here. 0:47 Hold down shift and drag out to the other side. 0:51 And I want two more, so I'm just going to option-drag 0:56 these out to create more instances of these squares. 1:01 I'm going to select all of them, and 1:08 I want to make sure that the space is evenly distributed between the boxes. 1:11 So I want align to selection. 1:17 Perfect, and horizontal distribute center. 1:19 Perfect. 1:26
You need to sign up for Treehouse in order to download course files.Sign up