From the course: Prototyping a WordPress Project in Adobe XD
Join today to access over 22,600 courses taught by industry experts or purchase this course individually.
Layout pages with content
From the course: Prototyping a WordPress Project in Adobe XD
Layout pages with content
- [Instructor] Now that we know a lot more about XD and how we can speed through our workflow we're going to start building the actual prototype. We're going to start mobile first, as I mentioned, and I'm going to actually use the wireframes that we created earlier, so that I can replace some of the placeholder elements and make everything a little bit faster. I'm going to copy this top section of my Home page and I'll go to my Home mobile artboard. And before I actually paste it in I'm going to select the artboard and turn on my Layout Grid. The Layout Grid will put an overlay and you can use this to align elements. We're going to go ahead and we're going to change the number of Columns to two, our Gutter Width is going to be 15, and our Margins are going to be 20. I'm going to make this the default Grid Layout. I'm going to click Command + V or Control + V to paste in the elements from the wireframe and I'll just get…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.
Download courses and learn on the go
Watch courses on your mobile device without an internet connection. Download courses using your iOS or Android LinkedIn Learning app.