From the course: Prototyping a WordPress Project in Adobe XD
Join today to access over 24,200 courses taught by industry experts.
Create wireframes
From the course: Prototyping a WordPress Project in Adobe XD
Create wireframes
- [Instructor] The design stage typically involves moving the information outlined in the planning stage further into reality. Upon completion of the design phase, the website should more or less have taken shape, but for the absence of the content and special features. A wire frame is a visual representation of your project's structure. You get the wire frame from the site map. As you can see, I have a wire frame down below, and the names of the various wire frame pages all align with the pages that we created in our site map. Let's zoom in a little bit so we can look at the wire frame a little bit more closely. The wire frame is going to define the elements that will work in the layout, and the placement of the content for the prototype. The great thing about wire framing is that it's a combination of simple elements that make you concentrate on your project's functionality. In this stage, you can draw without thinking too…
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.