graphic design

Designing a Book: A Study in Scarlet

In the fall of 2018, spurred on by the approaching holiday season, I decided to take on an ambitious project: designing an entire book and printing it at the MSU Main Library. I knew someone who was becoming a big Sherlock Holmes fan, but hadn’t actually read the first book yet. I decided to design my own version and give it to them as a Christmas present.

I used Google Drawings, my favorite mockup tool, to make the preliminary cover sketch. I came up with two options, got feedback from coworkers who had also read the book, and created the final version with InDesign.

The final design was a blend of both

I got the inside text from Project Gutenberg, since A Study in Scarlet is in the public domain, and formatted it in InDesign. I created my own table of contents and my own cover page, then put everything together and had it printed in the MSU Library Makerspace. Both me and the recipient were pleased with the result!

I learned a lot about InDesign with this project, as I had never used it so extensively before. But it was also my first time printing a digital project in this way, and I discovered that my cover didn’t look as professional as I had hoped in physical form. If I had the chance, I would redo the cover and add more front matter to replicate an officially published book. But, as it is, it was still immensely satisfying to see something evolve from my mind to a tangible product.

Posted by bridiebrid in design, portfolio, 0 comments

What’s on My Desk?

I wrote and designed this article in 2016 as a union between a visual rhetoric class and an editing class. The text imagines that, several years in the future, I’m working as a copyeditor at Penguin Random House and being interviewed about the books I reference to do my work.

The content of this article inspired my design. I knew I wanted a picture of myself, definitions of a few editing terms, and some kind of depiction of the sources themselves. I pulled the colors of the banners and callout from the picture, and placed the elements flush with the edge of the page.

Because the banner behind the title is a darker shade of green, it attracts the eye, before leading into the ombre of the other banners. The length of the bands of color at top and bottom unifies the two page spread, and the bottom one acts as a desk for a few objects, which are all mentioned in the article. The definitions at the top are almost like sticky notes, and connect to bolded words in the main text.

I paid attention to the alignment of elements and text, and most of the banners end at midpoints or where a margin begins. The middle note on the right-hand page doesn’t correspond to these exactly, but it’s equidistant to the other notes, and the picture’s left edge is at its middle. As I entered in body text, I tried to avoid leaving orphans or widows, and fixed awkward hyphenations (especially in small text boxes), which InDesign puts in automatically.

Posted by bridiebrid in design, portfolio, writing, 0 comments

How To Use Square Brackets

This infographic was designed to explain the use of square brackets in WRA 370, Introduction to Grammar and Editing, in Fall 2016.

It shows my understanding of this grammatical topic, my ability to do research, and my skill at presenting information in a way that helps people learn. I designed it in a free opensource program instead of InDesign, since I hadn’t yet learned how to use that software. Now that I have, my design capabilities have improved, but I’m still proud of the hard work I put into this project.

Posted by bridiebrid in design, portfolio, 0 comments

Mockups with Google Drawings

I use Google Drawing quite frequently in the beginning stages of projects, since it’s free, intuitive, and based on vectors; but I know that many people think it’s pretty useless. I created this infographic to change their minds.

Throughout the document, I’m trying to convince the audience to use Google Drawings as part of their designing process. I’m targeting visual designers, especially students, who are pretty much guaranteed to use the Google Docs suite regularly. When I asked my roommate how she would describe Drawings, she said, “terrible.” I’d like to challenge that belief.

I implemented CRAP (contrast, repetition, alignment, and placement) principals and rhetorical appeals while creating this artifact. Google Drawings actually snaps items into alignment, but I had to make sure that everything was properly placed to be readable in the order I wanted it to be. I used a palette all of purple, but I used shades that were distinguishable, and had a nice contrast. I also made sure to use the same colors for everything in the same class, like texts, banners, and the different sections. I used the same ribbon border for the header and on the left of each tip. To differentiate the last section, which was a demonstration of how to put all the tips together, I put the ribbon on the other side. That last section was intended to be a logical appeal to draw the rest of the tips together, and convince readers that Google Drawings is a useful program for creating mockups. I used applicable examples for each tip and in the “TRY” sections, so that the usefulness of my tips could be easily understood.

By creating this document, I wanted to show my understanding of design principles, my ability to use a design program, and to promote a program that everyone can use. Although my focus is editing, I still think it’s important to be able to use software to help design all kinds of documents. Making mockups in Google Drawings is a valuable step for me.

Posted by bridiebrid in design, portfolio, 0 comments