Join Shane Snow for an in-depth discussion in this video Wireframing a basic layout with boxes, part of Infographics: Planning and Wireframing.
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 want to place elements.…
- Planning a wireframe
- Finding stories in the data
- Choosing the right visualizations
- Planning the dimensions of the infographic