Author Archives: Theresa

Writing & Designing a Book

I’ve thought about what to do for my thesis since I was in my freshman year of university. I had a lot of ideas, but ultimately I knew I wanted to do something that made me excited every day I worked on it. I knew it had to be personal, and I wanted to give it my full effort. I struggled for a while because I wanted to originally illustrate a cookbook full of my family’s recipes. That would’ve been fun, but I wanted more of a challenge. Besides, I already designed a food magazine years ago.

After careful consideration, I recognized that graphic design has been a consistent and dominating part of my identity. I’d started learning about it in 2009 and immediately fell in love. It became my major in high school, consumed my extra-curricular activities, and lead me to study at Drexel University. As I’m finishing up my senior year of university, I constantly wish I could go back in time and tell my younger self tips and tricks to help her flourish and succeed. I always wanted to grow and did everything in my power to get to where I am today. I read countless art and design books and stayed up at night working in InDesign.

Looking back, I remember a lot of my peers in high school didn’t have a large variety of design books to learn from. It wasn’t their fault, or my advisor’s for that matter. There wasn’t a huge budget for books, and we only met for a few hours a day to cover print and animation design. I always wished there was a book written for high schoolers – a book that knew our exact situation and could cut through all of the nonsense and tell us what to focus on. Then, I had no clue how important typography was, and now I know it could be a deciding factor as to what gets you a job.

I wanted to write the book I wish I had in high school.

It’s a careful line to tow when you’re writing a book for high schoolers. It seems silly, but there’s a lot to consider. Trends constantly change, and as we grow, we lose touch with who we were then. Toward the beginning of this process, I took the time to notice consistencies across generations regarding adolescence. Humor is a large driving factor when you’re writing for a younger audience. A lot of design books target college students, recent graduates, or those established in the industry because they’re more mature and have a direction for their research. I felt that, when I was a high schooler, I wished someone would sit down and be honest with me. Do I really need to understand the Pantone color system? Is identifying a counter of a letter truly important? I felt that a candid approach to learning was probably the best way to go. I wanted to read something light-hearted with all of the basic information I needed in one place.

As I mentioned before, trends are constantly changing. This is something I paid close attention to in high school. It informs where you shop, how you dress, and what you’re drawn to. There’s this exciting reemergence of some classic design approaches in the spotlight. What I’m specifically referring to, I think, has officially been called Post-Memphis design. 80’s inspired patterns and colors are becoming popular again, and I felt this would be a great way to attract my younger audience while still tapping into a classic art style.

My inspiration was based on a few pieces I found. Paramore, a band I’ve loved since middle school, just released a new album called After Laughter. The overall sound of the album taps into an early 90’s nostalgia that’s further expressed in the album artwork. The bright colors, at first glance, may appear childish. I found that stores like Urban Outfitters, Primark, and Forever21 (to name a few) were also jumping on this Post-Memphis bandwagon. It seemed that this younger generation wasn’t afraid to embrace bright colors and this nostalgic design style was making a comeback.

Once my style was established I focused on how to create an interactive experience. It’s one thing to read colorful words on a page, but you’ll learn so much more if you can make the reading a physical experience with folds and pull-outs. Throughout my research, I’d find that I’d have a random idea, and I’d write it down in my journal. This would happen often because I mostly researched other designers to influence my writing for my own book. For example, early on I knew I wanted to incorporate mylar guides into my design for the grid portion of the book. I knew it would help the reader better understand how breaking the grid still works in the modular system, and that using a grid didn’t mean you had to have boring blocks of text everywhere. It just adds structure.

I also decided in the early stages that I wanted my textbook to be more of a box set, rather than a huge book. This was because I hated my backpack in high school with a burning passion. I was enrolled in AP History and Trigonometry – and you had to carry a book around for both. I didn’t want to be the monster who wrote a 100-page book some poor seventeen-year-old would have to add to their turtle shell of a backpack. If I wrote a box set, they could pick and choose what small book they needed for the day and could leave the other pages at home.

One of the first things I settled on was my basic systems. Typography was one of the key systems I addressed because I craved consistency throughout each book and I felt type was a great way to achieve that. I knew I wanted to shift the color for each book to give each one its own look and feel, while still belonging to the same parent system. I used Helvetica and Baskerville throughout the box set. Before you think of how basic that is, I actually have very good reasons for using these typefaces and why they’re together. I chose Helvetica because it’s a universally celebrated typeface in the design community with a lot of history. I understand it can be overused (but honestly, so is Futura, and that typeface is golden), but it’s a cornerstone typeface for the history of graphic design and should be included in a book about the subject. My body copy is in Baskerville because of a really silly reason, honestly. In my senior year of high school, I read an old type book that called Baskerville one of the most friendly typefaces in the world. I wanted to share this with my reader and used it as my body copy typeface. I have a personal connection to it, and it’s just fate that it also compliments Helvetica like a match made in heaven.

My first book is called, “Design Something With… Design Basics.” It covers basic concepts like purpose and problem solving, a brief graphic design timeline, the elements of design, and Gestalt’s principles of design. It ends, much like the other books, with a ‘Words of Wisdom’ section. There I ask actual designers in the industry what their real-world advice is on tricky subjects students would prefer candid answers to. The book follows a red color palette, and starts off like any basic graphic design course: with the question, “What is graphic design?”. I knew my book had to start with this question because it’s something we always hear when we first start learning about design. I felt like Jessica Helfand had the perfect answer to this question, so I quoted her in the book here. I realize that I’m not a professional just yet, but I’ve read a lot of their advice and wanted to share the best pieces I’ve read with those who read my book.

Early on, I made the decision to include humor as a vehicle to deliver the important information I’m trying to get across. I didn’t want to try to write a comedy book, but I wanted my words to connect with my imagery so that the reader would be entertained. One of my favorite examples of this is in the ‘Space’ section of ‘Design Something With… Design Basics.’ It was the fourth element of design, and the previous spread had a bit of a sensory overload in terms of content. ‘Space’ worked to air out the book in pacing, but it also did a great job of acting as an example for the concept. One of my favorite parts of this spread is the kerning between the ‘C’ and ‘E’ in the word ‘SPACE’ mostly because there’s a note in red telling the viewer they can learn more about this moment in the second book. I worked really hard to get the books to play off of each other to make moments like this memorable and get the viewer to be curious about kerning and type spacing. Both are kinds of spacing but used in different ways.

To be honest, this is also one of my favorite jokes in the book.

“‘Stop showing up at my house! We broke up two months ago!’ Everyone always talks about wanting their space, and design’s no different. Here, we’re talking about white space, rather than Brad threatening a restraining order against you. Young designers always want to fill every last bit of space in their compositions.”

My second book is called “Design Something With… Type & The Grid.” The main color palette for this book shifts half way because of the shift in subject matter. Typography is communicated with an orange palette while The Grid shifts to a yellow. Originally I was going to cover the grid in its own separate book, but as I went on with my research, that didn’t make much sense. In my reading, I found that when you’re covering type, you first focus on the concept of the letter. This is where type anatomy comes into play, and we focus on the different classifications. Then, we move into lines of text. We focus on how much space is between letters, words, and lines of text. We learn about ragging, and how to align our quotes. After all of this, we learn how to organize a hierarchy of information, and this works as an introduction to the grid. It wouldn’t make much sense to make The Grid its own book when the connection between the two subjects is so natural. When I looked at the pacing, separating the two would feel more disruptive than anything.

‘The Body’ section of the Type side of the book took a lot of time to construct. I knew I wanted this page to act as a mental break because I made the ‘Space’ spread that follows look like a solar system. It gets a little chaotic, and I thought this could be a beautiful rest with white space before you get into the chaos that follows. Interestingly enough, this spread went through a lot of changes. Originally, I fit my body copy (get it?) into the shape of a random leg with a foot. I thought it was an interesting approach because I worried an hourglass figure would be too predictable for this part. It was just creepy. I took it through a few rounds of review and changing the severed foot into a body ultimately solved a lot of my problems. It helped with my justified rag and made my readers feel more comfortable. I guess you could say, this book cost me an arm and a leg! (Sorry)

The third book is called “Design Something With… Production.” The main color palette is comprised of different shades of blue complimented with complimentary accent colors. This book has a heavy focus on print and production, but also briefly addresses proper color and saving methods for digital design as well. I felt that when I was in high school, I fell short when it came to print and production, even though it came up often. I remember working in my high school design classes diligently making sure my JPG files were ready to print by setting their color mode in CMYK. It was a dark time – especially because I thought I was doing my due diligence! I knew I was printing, so I put the file in CMYK; however, I didn’t know JPGs were a lossy file format and should be used strictly for digital design. I also knew to add crop-marks to my printed pieces but didn’t think to include a bleed. All of my practices were half right, and a book with all the basics tied up in a neat little bow would’ve fixed a lot of my problems.

Clients are part of the production process when you start designing in the real world and I wanted to somehow add this into “Design Something With… Production.” I never had a lot of practice working with clients in high school, but I went to a Career and Technical Education (CTE) school, and they’re typically designed so you can enter your field of choice once you graduate. If I had chosen to not pursue a college degree, I’d be working as a freelance graphic designer right out of high school. Including a section on clients and the questions, designers should ask them feels appropriate to include for students choosing to start their careers right out of high school.

This is the case for each of the books, but in this one especially, I wanted to teach by example. There are so many neat tricks you can do to make your printwork a tactile experience. When I was in high school, I didn’t know the first thing about putting these finishes into place, and I couldn’t comprehend that I would ever be able to use them. This spread, in particular, is special to me because I was able to create physical examples of embossing, varnishing, debossing, die cutting, and foil. I had to laser cut each of the letters I wanted to emboss so I could press them into the paper, hand cut packing tape to mimic a spot varnish, and I actually used a die cutter to cut my holes into the right sheet. A lot of love and care went into the craft for each of my books, but this spread took a lot of time and consideration. The design is relatively simple because the page is full of custom bells and whistles.

Writing a textbook in ten weeks was a lot harder than I initially thought it’d be. I know that sounds silly, but it’s true. In ten weeks I accomplished so much, but there’s still so much more for me to do. In the time it’s taken me to write this book, I’ve reflected on my education, my adolescence, and thought about what’s next. It’s neat that I’ve written and designed every single page of this book, but I think I’m not done just yet. It’s amazing to me how short ten weeks are, and I’m somewhat saddened that I couldn’t write just one more book. I placed such an emphasis on the print side of the industry, and I didn’t begin to actually touch the ever-expanding web portion.

In my initial outline, I wanted to cover Design Basics, Type & The Grid, New Media, and Production. By the time my seventh week rolled around, it became abundantly clear I had to choose between New Media and Production for my deadline. I chose Production because I had already sketched out some concepts and written out some jokes for it. I knew the format New Media would take, but that’s all I had truly thought about it. It may have been neglectful on my part, but because of how I managed my time, New Media wasn’t going to be finished by the thesis deadline. Once thesis wrapped up, I intend on diving back in and writing one last book on new media. The project is finished and unfinished as of today, and it’s up to me to bring it up to my standards.

I want to share this book with Mr. K, my first design teacher, and send a copy to my high school. If any of his students have a love for design like me, I’m sure they’ll love it.

Portfolio
Want to know more about this project?
To learn more about the process of the project, you can access my portfolio entry, “Design Something With…”

My Best Friend’s Brand

There are some people you’d do anything for. When my best friend of ten years approached me to help her with her personal brand, I was excited to help (and exhausted from working on my senior thesis). Kelsea’s a film major at the University of Nevada Las Vegas with a dream of becoming a professional photographer. She takes on clients in the Clark County area working on graduation announcements, family portraits, and an assortment of other jobs. Kelsea didn’t really have a logo, website, actual business cards, or any brand really. She’s always so busy working towards her degree or scheduling appointments with clients, that she didn’t have enough time to take on her own personal identity. I couldn’t wait to flush out and build a concept for her.

Some of Kelsea’s favorite photos are candid moments captured at the perfect second. I know this because I grew up with her taking random pictures of me as we walked, talked, and ate ice cream. She always had a camera on her and made sure she was in the middle of the action – capturing everything. When I left Las Vegas to study at Drexel University, I took a few art history courses on photography. One day, while studying black and white photography, I learned about Henri Cartier Bresson. He was the photographer that invented the concept of the “decisive moment.” A lot of his photos look like candid snapshots, but they were taken at the perfect moment to create beautiful compositions.

Henri Cartier Bressen’s approach reminded me of Kelsea’s process. She’d want to take a picture of me jumping, and she’d make me jump several times before she’d get the perfect moment. She’d take a million photos of me walking until my hair finally fell the right way in her composition. She’s a patient photographer that would wait until the perfect moment would come. After making this connection, I was able to move in a direction to build her brand.

During the sketching process, I focused a lot on imagery found in photography. I spent a lot of time looking at film and the form of a camera. I tried a few ideas that involved an oculus because it reminded me of a camera lens, but I didn’t like the way it looked when paired with the angular letterforms that made up her initials. There was something so sharp about capital ‘K’  and ‘A’ that didn’t feel appropriate with her style. I then took a moment to remind myself that Kelsea loves shooting in nature. Some of her favorite places to shoot are in the Wetlands Park and in the Red Rock Mountains. It was at this point that I started working with lowercase lettering because the ‘a’ looked more organic and in line with her style. I liked the concept of framing her initials in a square because it acted as a nod to the elemental route I was taking for her brand as well as the framing element that goes along with photography and filmmaking.

After I established her logo, I had to work on building a branding system. As a concept, I liked, “The element of a fleeting moment.” But in all honesty, that’s really broad and hard to wrap your brain around. Whatever her identity would end up looking like, it would have to somehow visually explain that powerful concept. I asked Kelsea for any photos she’s taken that included textures. I went through bokeh effects and spider web textures, but ultimately loved a smoke texture she shot. It was delicate, strong, and went along with a series she had just shot of a model with smoke bombs. I felt like this was a great start. I worked in Photoshop to give the smoke a green coloration so it would pop on a black background. Kelsea loves dark colors, and she’s always been a fan of olive green.

Smoke references the gaseous state of certain elements, while also offering a visual representation of a fleeting form. It constantly changes and then fades away.

I flooded the back of her business card with the smoke photo but grounded her logo on the bottom of the card. The smoke texture is so light and airy. It’s important to provide these moments of negative space to really give the smoke room to breathe. On the front of the card, I carried the smoke texture up the side but grounded all of her information toward the bottom – much like what I did with her logo. I made her title and website green to give them more prevalence in the hierarchy of information. I wanted the first thing you notice to be her bold, large name, then her title and website, and all of her tertiary contact information last. I love all of the white space at the top of the card because it adds a sense of modernity as well as promoting that airy quality mentioned on the back of the card. I added a soft touch finish to the card to give the smoke a soft tactile sense. It’s always a good feeling when you get a business card that’s a little heavier, or embossed, or textured. You want to work with someone when they make a good impression, and business cards are one of the ways we accomplish that.

Building Kelsea’s website was an entirely new challenge for me. I’ve studied responsive web design in the past but building a website in the back end of a content management system felt like an entirely new animal. My main concern was making sure Kelsea’s services were clearly outlined, and that she had a portfolio and a blog that were easy to update. I’ve found in the past that when I code custom websites in HTML, it’s difficult for my clients to update their content. That can be viewed as job security on my part, but in the end that’s not what’s best for the client. Today, more than ever, it’s important to keep your websites updated and responsive. It’s the main way someone will learn about your services, and they’ll probably be doing it on their iPhone.

After a few meetings, Kelsea made it very clear that she wanted a system that allows clients to view and request her services directly from the website. She also wanted a way for them to log in, and specifically view their full resolution images. At first, I was hesitant to create a login system because importing full resolution photography into a content management system can significantly slow down the website. After doing some research and fighting to get a standard login system up and running, I found that if she keeps her site updated and only posts one client’s selected photos at a time, her website should still work seamlessly.

Putting together Kelsea’s brand was an actual pleasure. The process of sketching out her logo and building her identity felt like a labor of love – like I was baking her a sheet of cookies. The web portion was frustrating, and took some time to gather all of her content, but ended up acting as a finely tuned tool she should be able to use for years to come.

To see the full design, view Kelsea’s website today.

Click here to view Kelsea's website design.

Holiday Cards 2017

Tis the season to morph my dining room into a design studio! Making my annual holiday cards is one of my favorite labors of love. Usually they’re a fun little piece of design I can send my family to spread a little joy every December; however, 2017 had a bit of a rough landing for me. The end of my Fall Term was enough work as it usually is, but was topped off by Drexel announcing the senior graduation dates. This meant I had graduation announcement cards to produce on top of my holiday cards that weren’t even designed yet. It was an extra item on my to-do list and I worried I wasn’t going to be able to finish everything. Austin and I decided to print and assemble the cards together at home for both graduation and the holiday season to save a little money and not have to deal with a professional printer. It was a financially savvy decision that resulted in us staying up most nights fussing with our die cutter and running back and forth between the printer and a cutting mat to score and cut every page. Somehow we managed to get everything out in the post a week before Christmas. That being said, the holiday cards went out a little later this year, so check your mailboxes a couple days after Christmas. I’m only human!

When it comes to the design of this year’s card, I wanted it to be elegant and personal all at once. After having lunch with my bosses at Michael Graves, I saw they were sending their holiday cards out in shimmery silver envelopes. Originally, my holiday cards were going to go out in some craft paper envelopes I had left over from my graduation invitations, but I’d immediately fallen in love with the silver envelopes at Michael Graves. Because my design was primarily black and white with pops of red, I felt like using these envelopes worked to elevate my design and make the entire package a little more cohesive than using a random brown color. Not only that, but I conveniently found them on sale at Staples when I was shopping for ink – obviously it was fate.

I always try to add an interactive graphic element to my cards. Every year we try to include a photograph of ourselves to send to our relatives, but I never want it to look like a Shutterfly template. I’ve spent too much money at Drexel learning about design to allow that to happen! The interactive element this year was a simple sleeve with a circle cut out to reveal our faces. It feels like an obvious choice, but I love how it simplifies the design and gives it a streamlined appearance. I chose a red stock for the sleeve that’s lightly textured to contrast the smooth paper used in the actual bi-folded card and the shimmery envelope. Once you pull on the downward facing arrow, you release the bi-folded card from its sleeve and it reveals the full black and white picture of Austin and I standing together in the snow. We wore the same color shirt that day, so I color matched our shirts to the sleeve’s stock to create a connection between those two elements. I also felt like the pop of color could be the unifying factor throughout the entire design.

Because the front of the card is so black and white, with very sparse areas of red, I wanted the inside to be an unexpected surprise. Once you open the card, you see a flood of red that matches our shirts in the picture and the sleeve. The flood of color is broken up with a tree branch texture I created that’s been placed at a low transparency in the back to activate the space and reference the trees in the photograph of Austin and I. I used the typeface Cursive Script for “Merry & Bright” because I felt like it was a genuinely lovely script. To contrast the ornate script, I used Helvetica for my body copy just to bring back some geometry to the piece. As a personal element, Austin, Wiggles, and I signed each card with white ink.

Designer Gift Guide

The perfect gift guide for that graphic designer in your life, or yourself! (You’ve been good this year.) 24 gifts to choose from – one for each of the 24 days until Christmas. Prices range from $4.97 to $108.99. Continue reading

ChemisTea Spoon

During the Fall term of my senior year, we were assigned to create a knock-down package design for tea. Already an avid tea drinker and someone who’d been itching to work on package design, I was incredibly excited. Continue reading

Paper Sculpture

Minimalism was something that always fascinated me. It wasn’t something I’d known about when I first started learning about design, but it intrigued me once I got to college. Continue reading

Movie Poster Animation

The movie poster I created for The Royal Tenenbaums is meant to look like an old art poster that’s been printed with a heavy moiré pattern. It was meant to be a large scale 20 x 30 inch print with a vintage feel Continue reading

Drexel Theater 2017 Season

This is a compilation of the advertising designs I created for each of the performances within the Drexel Co-Op Theater Ensemble’s 2017 Season. They range from large banners and posters to small postcards. Continue reading

Banner Ads

During the Spring of 2017, I was enrolled in a Web Graphics course with a focus on Motion Graphics. One of the things I learned from the class was how to animate using code from an online animation service known as Green Sock. Continue reading