top of page

Create Your First Project

Start adding your projects to your portfolio. Click on "Manage Projects" to get started

Alignment Systems in Editorial Layout

Date

Fall 2023

Course

CDI: Form in Communication, Milwaukee Institute of Art and Design

Role

Editorial Designer

Core Skills

Editorial Layout Design
Alignment Systems
Typography & Hierarchy
Spatial Composition
Ideation & Wireframing

Tools Used

Adobe InDesign, Adobe Photoshop, Adobe Illustrator

Goal

To demonstrate advanced proficiency in typographic alignment and grid-based layout design by creating a series of single-page editorial layouts. The central objective was to visually translate abstract magazine "buzz word groupings" into functional, aesthetically distinct design styles using three core alignment systems: Axial, Grid, and Radial.

Process & Deliverables

1. Ideation and Sketching (Wireframing)

The process began with rapid sketching to map out spatial relationships and test the structural integrity of different layouts within an constraint.

2. System Translation & Constraint Management

I paired specific thematic challenges (e.g., "The Triple Crown") with corresponding alignment systems to ensure the visual style was driven by structural principles. Each of the three final layouts was engineered to accommodate a specific set of editorial elements: headline, sub-headline, word body copy, pull-out quote, image, and credit.

3. Typographic Variety & Composition

I executed a variety of typography and imagery styles, strategically selecting fonts and treatments to enhance the mood and theme of each layout while maintaining a clear hierarchy of information. The focus was on achieving balanced composition and creating an engaging interaction between the type and visual elements across all three alignment methods.

Outcome

The final project is a successful portfolio piece demonstrating the ability to translate conceptual themes into structurally sound, engaging single-page editorial layouts. It proves a strong understanding of how fundamental design principles, particularly typographic alignment and composition, can be used to achieve distinct visual styles and facilitate clear, effective communication in print media.

bottom of page