Simple Spreads

After receiving feedback from my design direction presentation about how gender perceptions had a stronger weight in my current content structure, as well as finally watching “The People vs. OJ Simpson” and discovering the story of Marcia Clarke I decided to shift the focus of my book from perceptions in general to male vs. female perceptions.

Then I was faced with the question:

how am I going to get my reader to the pairing of high school speech and debate data visualizations with stories of women experiencing gender bias based on perceptions?

I wrote the text for my introduction that would answer this question and get my reader to my table of contents with the pairings of the data visualizations and stories of women.

Obviously these spreads are basic since I was focusing on mastering the new content flow. Based on my feedback from Chrissi I am now working on furthering the design of my spreads, both visually and typographically. I am also working on bringing references from Speech and Debate into the subtitles and other areas of my book. This has been in the back of my mind since Thursday and so far I have thought of:

  • Starting the book with “Judge, ready? Audience, ready? Ok, let’s begin.”

  • Contention 1, Contention 2, Contention 3

  • Problem, Cause, Solution

  • Table of Contents = A Brief Off-The-Clock Roadmap

  • Introducing my references after my introduction like they do in interpretation events

  • Suit Up

  • Implement time limit somehow

This list makes me excited, but I question if I have to explain the use of these Speech and Debate insider references. If so I would do it through handwritten marginalia.

One of the my new sources of content for stories about women dealing with perceptions and bias about their gender.

One of the my new sources of content for stories about women dealing with perceptions and bias about their gender.

A selection of gatefold spreads

A selection of gatefold spreads

 

Gail Bichler @ Typographics 2018 Video Response

I enjoyed the analysis of the change in The New York Times Magazine logo because I had not realized it was changed before. I also enjoyed listening to their desire to have a condensed typeface because I enjoy love typefaces, but oftentimes when I use them in class work I am directed away from them. Finally, I loved seeing the iterations around one of the title spreads— it felt like a familiar process.

I saved spreads from the presentation that reminded me of content design, or layout from my own capstone for reference.

Class Overlap

In my other studio, Printing Propaganda, we began working with data. I used lead type letters and punctuation to attempt to create data with letterpress printing.

Prof. Ken Botnick showed me the the book Dutch Graphic Design. I captured the below images for inspiration for both my capstone and Printing Propaganda studio. Some images I captured for their use of typography because I have been thinking about creating data visualizations out of type. I saved others for their use of repetition of the same icon yet still managed to look visually interested

Screen Shot 2019-02-24 at 2.27.20 PM.png
Screen+Shot+2019-02-24+at+2.27.52+PM.jpg

Letterpress data experiments

This image reminded me of different suits in Speech & Debate.

This image reminded me of different suits in Speech & Debate.

I saved this image for its use of data across the full spread

I saved this image for its use of data across the full spread

 

I already had the book Image Factories, so I recognized the work of Fritz Kahn and Otto Neurath.

 
image_factory.jpg
Scan+Feb+20%2C+2019_Page_15.jpg

Data Viz Workshop

I spent fifteen minutes progressing through different stages of a data visualization workshop where I tried to create something that looked like data out of just shape, line, or color. Then I tried to create density. I examined my progress and noticed I had not ever altered the axis. I focused on this and creating more complex data patterns.

Finally I changed materials and experimented with paint.

I thought about what drawings were most visually interesting or seemed to speak to my speech and debate topics.

Another big takeaway from this process was that I should think about my data visualizations like how I was taught to construct a literary textual analysis paragraph in middle/high school (CQE or context, quote, explanation.) If the main takeaway from the data is the quote, then my design should get at the explanation of this main idea, and not just the context or restating the main idea.

Scan+Feb+19%2C+2019_Page_5.jpg
Scan Feb 19, 2019_Page_4.png
Scan Feb 19, 2019_Page_2.png
Scan Feb 19, 2019_Page_1.png
Scan Feb 19, 2019_Page_6.png
Scan+Feb+19%2C+2019_Page_7.jpg

Low Hanging Fruit Data Vizs

After my design direction presentation I got to work whipping out the data visualization ideas that had been floating around in my head while I finalized content.

This included data on the gender on the Humorous Interpretation National Finalists and data on the scores I received when I was competing.

After getting these ideas out of my head and down on paper I was able to move forward with more spreads, visual directions, and data visualizations.

Scan+Feb+14%2C+2019+%282%29_Page_2.jpg
Screen Shot 2019-02-24 at 1.11.34 PM.png
Scan Feb 14, 2019 (2)_Page_1.png
Scan Feb 14, 2019 (2)_Page_3.png

Presentation II: Design Directions

The purpose of the second presentation was to present two design directions to outside critics.

I expanded my data visualization research to include artists such as Laurie Prick, Ladislav Suntar, Fritz Kahn, WEB Dubois, and Valentina D’Efillipo.

My first takeaway from the presentation feedback was that at the moment 3/4 of my selected perceptions revolved around gender. The fourth one, diversity, seemed to not fit in the current structure.

Additionally, the guest critics were more responsive to the idea of hand drawn data visualizations. They thought the craft created a level of personal touch that mirrored my personal connection to speech and debate.

My takeaways from watching other presentations and listening to their feedback were that I should start iterating more spreads and data visualizations, as well as working in black and white or lorem ipsum to better control the flow of my book at these early stages.


Current topic summary

Current topic summary

Current

Current

Design Direction I Mood Board

Design Direction I Mood Board

Screen Shot 2019-02-24 at 12.16.30 PM.png
Design Direction II Mood Board

Design Direction II Mood Board

Screen Shot 2019-02-24 at 12.18.26 PM.png

Mood Boards and Book Form

In my presentation I talked about Giogia Lupi, Stefanie Posavec, and Mona Chalabi as my data visualization inspirations. This past weekend, I wanted to visually look beyond them as a way to further my visual language exploration. I knew what I liked and disliked about each of the three female artists:

  • Chalabi’s use of collage and materials

  • Lupi’s patters

  • Posavec’s simplistic shapes

  • All three’s use of handwriting and bright colors

I know I do not have the same large amount of text content as my classmates. This gives me the freedom to look at accordion, gable, and other fold out book forms that are not as capable with longer books. These forms that extend the page and encourage viewer engagement also support the function of my data visualization book.

monachalabi-illustration-internationalwomensday-itsnicethat5.jpg

Mona Chalabi

Giogia Lupi

pasted-image-921.png

Stefanie Posavec

Early mood boards for data visualization visual language and methods

 
Screen Shot 2019-01-31 at 3.03.13 PM.png

Organization options based on outline sections

Screen+Shot+2019-01-31+at+3.32.35+PM.jpg

I will be moving forward with a gabled book design for the time being. this could possibly change to an accordion or fold out book, or even posters with a book.

First Two Weeks of School

During the first two days back from break, everyone in our capstone class gave a presentation about the research they had completed to date and their intended next steps. What I took away from my presentation was that I should pair each data visualization with an essay or article about the bigger issue that the image was attempting to address.

The feedback from my presentation also made me realize that the pervasive issues I was already considering all had to do with perceptions. This realization guided me towards my elevator pitch, or essentially a thesis for my project:

This book will use data visualizations of high school speech and debate to draw attention to a range of societal perceptions such as race, gender, or appearance. the pairing of the data visualizations with essays about These systematic issues will demonstrate how these perceptions are as pervasive on a micro high school level as they are on a macro day-to-day level.

Besides the elevator pitch/thesis statement, I wrote a first draft of a creative brief and content outline. I will use this outline to progress through the next stages of written and visual content.

Screen Shot 2019-01-31 at 3.02.58 PM.png

TRANSCRIBED Notes from the presentation

 
Screen Shot 2019-01-30 at 6.28.00 PM.png

A few slides from my presentation on the first day back from Winter Break

 
Screen Shot 2019-01-30 at 7.09.18 PM.png
Screen%2BShot%2B2019-01-30%2Bat%2B7.12.55%2BPM.jpg

Content outline and creative brief first drafts

Winter Break

Over winter break I began research and data scraping. I was struggling with how to not make a yay-high-school-Speech-and-Debate. I used the National Speech and Debate Association website (NSDA) for videos of the nationals finals and semifinal rounds. This will be my main source of data. I discovered many other resources on the NSDA site such as a full list of famous alumni, quotes, letters, and other content.

I set up my research organization and other notes. I tried to stay in my sketchbook as much as possible because I often struggle to return to my sketchbook once I get digital.

I used Observe, Collect, Draw by Giogia Lupi and Stefanie Posavec like a textbook to study their methods of data visualization creation.

IMG_9824+2.jpg
IMG_9829.jpg
IMG_9828 2.jpg
IMG_9827.jpg