Framing Margins With Supporting Images
This post demonstrates how to use image sidenotes alongside text sidenotes for rich academic writing. The layout follows Edward Tufte's principles1 Edward Tufte pioneered the use of margin notes and integration of graphics with text in works like "The Visual Display of Quantitative Information" (1983). of information design.
Visual Arguments in Margins
Traditional academic writing separates images from text, forcing readers to flip between pages. But with sidenote graphics, we can place supporting visuals exactly where they're most relevant◦
Portrait photography often supports biographical arguments in academic contexts..
The key advantage is maintaining the reader's focus on the main argument while providing immediate access to supporting evidence. Consider how architectural drawings◦
Layout mockups help visualize information architecture concepts. inform discussions of spatial design.
Combining Text and Visual Notes
You can mix different types of margin content seamlessly. A textual explanation2 This flexibility allows writers to choose the most appropriate medium for each piece of supporting information. might be followed by a relevant diagram◦
Inspiration boards demonstrate visual research methodology. that clarifies the concept further.
This creates a rich, layered reading experience where the margins become an active space for exploration rather than empty whitespace.
Responsive Behavior
On mobile devices, these sidenote images automatically convert to footnotes at the bottom of the article, ensuring accessibility across all screen sizes while maintaining the desktop reading experience for larger displays.