From the course: Prototyping a WordPress Project in Adobe XD

Unlock the full course today

Join today to access over 22,500 courses taught by industry experts or purchase this course individually.

Create wireframes

Create wireframes

From the course: Prototyping a WordPress Project in Adobe XD

Start my 1-month free trial

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…

Contents