From the course: Infographics: Planning and Wireframing
Unlock the full course today
Join today to access over 22,700 courses taught by industry experts or purchase this course individually.
Wireframing a basic layout with boxes - Photoshop Tutorial
From the course: Infographics: Planning and Wireframing
Wireframing a basic layout with boxes
A wireframe is a blueprint, or basically a skeleton of your design. In this video, I'm going to walk you through the basics of mocking up a wireframe for an infographic in Photoshop, and then we'll use that foundation to talk about the wireframe I used for the multi-channel giving infographic we've been studying for this lesson, and you can use that to recreate that infographic yourself. Using the exercise file for the multi- channel wireframe we have here, you'll see that we have an example of the finalized infographic hidden on this layer here that says actual infographic. You can toggle it by clicking this box where an eye appears, so you can see the infographic underneath, and you can toggle on and off the example wireframe by clicking this eye too. But we're going to practice creating our own wireframe using the blank 850 by 5000 pixel canvas we created in the last video. Wireframes are little more than transparent boxes that you can move around on your canvas to decide where you…
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.
Contents
-
-
-
-
(Locked)
Intro to planning and wireframing2m 9s
-
(Locked)
Determining what to visualize4m 4s
-
(Locked)
Organizing your data in a spreadsheet4m 5s
-
(Locked)
Finding stories in your data4m 5s
-
(Locked)
Choosing the right visualizations5m 7s
-
(Locked)
Planning the infographic's dimensions3m 10s
-
(Locked)
Wireframing a basic layout with boxes7m 34s
-
(Locked)
-