Magazine Project

DESCRIPTION

Design a magazine cover with an article from any BYU-Idaho Devotional Talk or any LDS General Conference Talk.

PROCESS (Programs, Tools, Skills, FOCUS principles)

  1. I looked up some magazines to help inspire lay out options when designing my magazine.
  2. Then, I rented a camera from BYU-Idaho’s library and spent a few hours capturing a handful of photos.
  3. After, I went into Adobe Illustrator and designed a logo to help make my Magazine spark. The logo I designed is the “V” for Vent Magazine, a magazine company name I made up.
  4.  Then I picked 4 photos and went into Adobe Photoshop and starting editing them to help them look more professional.
  5. I, then took that logo and those photos into Adobe InDesign and started designing my cover, my articles pages, and the back of my magazine.
  6. After all of that, I searched for General Conference talks to use as an article in my magazine.
  7. I put the talk into my magazine, formatted it, and then changed the font and text size.
  8. Finally, I put all the photos and text together, added text wrap, titles, colors, different fonts, page numbers, date and issue number.

CRITIQUE PROCESS

I wasn’t able to make it to class on Friday, March 31st, so I sent my magazine to my sister who is a professional photographer to help critique it. She sent me a few critiques that really helped the design. First, she suggested I added a background color and that background color being a color from the cover photo. So I matched the color of the article pages with the color of the sky in the cover photo. She also mentioned that I should add the date and issue number the back of the magazine. Her last critique was that I should add a quote to the top of the page and change the font and font color of that quote so the article sticks out more and seems more appealing.

MESSAGE

The magazine is for BYU-Idaho students and BYU-Idaho staff. The message of the article is to help the readers understand trials and afflictions that come and go in our life’s and how we can manage and get through them.

AUDIENCE

Students of BYU-Idaho and the staff of BYU-Idaho.

TOP THING LEARNED

How to add color from one photo to the actually design/magazine, Color drop.

COLOR SCHEME & COLOR NAMES

Black // Maroon // Dark Green // Dark Sky Blue

TITLE FONT NAME & CATEGORY

Georgia // Serif

COPY FONT NAME & CATEGORY

Arial // Sans-Serif

THUMBNAILS OF IMAGES USED IN THE PROJECT

SOURCE OF EACH IMAGE

Logo is my own // Images were taken by myself.

Brochure Project


DESCRIPTION

Design a brochure for a company that helps the person/customer understand what the company is, does, and/or sells.

PROCESS (Programs, Tools, Skills, FOCUS principles)

1. First, I used my final logo from our previous logo project and dropped it into Adobe InDesign.

2. Then I started designing my brochure, using make up text and photos just to help build a scratch wireframe.

3. Then, I drew a final wireframe on paper to help guide me while designing the final brochure in Adobe InDesign.

4. Next, I started designing the brochure in Adobe InDesign. I wrote all the titles, body text, and imported all the photos and logos I wanted in the brochure.

5. Then, I placed everything (text, photos, logos) where I wanted them.

6. Finally, I added a gradient color to the brochure to make it more appealing for the reader.

CRITIQUE PROCESS

I met with a couple people, in class yesterday (3, 17, 17), to help critique my brochure. The suggestions they had were really great because they were things that never really crossed my mind. One person suggested I aligned all the titles to the left instead of centering the titles. I really liked that critique because centering is something we should always avoid if possible. The other person suggested I added a photo to the front of brochure to help the reader understand what the company is and does. I went in and made both of those changes and I really feel like it helped my brochure look more professional and straight forward.

MESSAGE

To help people understand what it is that “Feck” is, does, and sells.

AUDIENCE

All genders from 8 years of age to 55 years of age.

TOP THING LEARNED

How to set up and design a brochure from scratch.

COLOR SCHEME & COLOR NAMES

Cyan // Black

TITLE FONT NAME & CATEGORY

Georgia // Serif

COPY FONT NAME & CATEGORY

Futura // Sans Serif

THUMBNAILS OF ANY ORIGINAL, UNEDITED IMAGE(S) USED IN THE PROJECT

SOURCE OF EACH IMAGE

Logo is my own // All Images from http://Unsplash.com

Web Page Mockup Project

webdesign_mockup_final

DESCRIPTION

Design a website ‘Home’ page for the company used/created for our Brand Identity Project.

PROCESS (Programs, Tools, Skills, FOCUS principles)

  1. I started looking around at other clothing company websites to look for any inspiration on how I wanted to design the ‘Home’ page for the sock company “Feck”.
  2. Then, I started sketching out wireframes to help design the ‘Home’ page.
  3. After creating the wireframe on paper, I then went into Adobe Illustrator and redesigned a similar version of the wireframe I created on paper.
  4. After designing my wireframe in Illustrator, I started designing the actual ‘Home’ page using Illustrator.
  5. My ‘Home’ page ended up being a bit different than my wireframe after all the critiques and updates I put into my design. Below are images.

wireframe_2finalwireframe_matthewrapp

CRITIQUE PROCESS

We got together in groups during our last class and helped critique each other’s draft. Everybody was super helpful and suggested good ideas and critiques to help make my site look more professional. One suggested that I made the social media icons smaller and move them closer to the logo. Another person suggested I made the background color a light gray instead of white to make it pop a little bit more. Lastly, somebody mentioned I move my logo, in my head, to the center to make it show a bit more.

All critiques and thoughts I used in my final draft.

MESSAGE

To make colorful, creatively designed socks more trendy and popular.

AUDIENCE

Anybody interested in wearing cool, colorful, creatively designed socks.

TOP THING LEARNED

Using white space to my advantage and making sure that you are able to show the purpose of your company as best as you can in the most simple way. Keeping the web site design simple, easy to navigate through, and straight forward.

COLOR SCHEME & COLOR NAMES

Monochromatic // Black, White, & Gray

TITLE FONT NAME & CATEGORY

Myriad Pro // Sans Serif

COPY FONT NAME & CATEGORY

Myriad Pro // Sans Serif

THUMBNAILS OF ANY ORIGINAL, UNEDITED IMAGE(S) USED IN THE PROJECT

hu-nh-t-n-h-u-128665jake-ingle-140416megan-lewis-204933

SOURCE OF EACH IMAGE

Logo is my own // All Images from http://Unsplash.com //

  • First Photo by: Hayun Tan Hau
  • Second Photo by: Jake Ingle
  • Third Photo by: Megan Lewis

Business Identity Project

 

DESCRIPTION

Create a logo for a business or company to help establish an identity that can that business get started and grow.

PROCESS (Programs, Tools, Skills, FOCUS principles)

  1. I first started messing around with the tools in Adobe Illustrator to help get more familiar with the program.
  2. I thought about and then picked what kind of business I am designing a logo for.
  3. I then started putting together logo ideas using several of the tools in illustrator. I came up with 3 different logos. Below are the logos I designed.

    logos_final
    Logos
  4. I then critiqued the logo myself and got some critiques from my classmates and friends to help decide what logo to move forward with.
  5. I originally chose the symbol logo, but also decided to use the type logo as well because they were both so similar and could be used at different times, depending on what the logo is used for.
  6. I, then, created the letterhead and business card.

CRITIQUE PROCESS

I met with 3 other classmates during my class for critiques. They all mentioned some great critiques. One mentioned making sure the logo has the same text on “eck” every time it’s used. Before I had the font different, a little bit, each time depending on how big or small the logo needed to be. Another mentioned adding color to the logo and I really liked the idea, but decided to keep it black and white because I wanted to keep it very simple because of what the logo is gonna be used for. Color can be changed over time depending on the background or what the logo is on. Another added using a really opaque water mark on the letterhead, which I’m glad they mentioned. I think it looks a lot better with the watermark.

MESSAGE

A fun message for a clothing company called “Feck”. This clothing company makes socks, boxers, shirts, sweaters, and jackets.

AUDIENCE

Men, ages 14-35 // Woman, ages 14-18 (high school)

TOP THING LEARNED

Simplicity within a logo & being able to use 1 logo for multiple things.

COLOR SCHEME & COLOR NAMES

Complimentary // Black & White // Logo is designed to be able to be put on all colors of clothing.

TITLE FONT NAME & CATEGORY

Myriad Pro // Sans-Serif

COPY FONT NAME & CATEGORY

Myriad Pro // Sans-Serif

THUMBNAILS OF ANY ORIGINAL, UNEDITED IMAGE(S) USED IN THE PROJECT

N/A

SOURCE OF EACH IMAGE (website name and hyperlink)

I designed the graphics.

Montage Project

montagep_final_1

Description

Create an inspirational poster montage using a blend of images and type.

Process (Programs, Tools, Skills, FOCUS Principles)

At the start, I wasn’t too sure how exactly I wanted to create this montage. I love reading quotes and poems so I had a few already in mind, but then I came across this quote. I read this quote in a very stressing time in my life. As soon as I decided to use this quote, I knew I had to make this montage a bit more personal. Here is the process I went through when creating this montage:

  1. I first found the quote I really liked.
  2. Then, I searched and found a picture online that I thought related to what I wanted the montage to say.
  3. I, then, used a personal picture of myself and blended both of the pictures in Photoshop to create the montage effect. I used the brush tool and a few layering masks to get the two pictures to blend well together.
  4. After, I added the quote with text and changed the font size and style, making sure I followed the design principles I was taught in class.

Critique Process

I met with a group of guys, Luke Andersen, Nick Bojorquez, Alex Socarras and they all helped critique the rough draft of my montage. They helped in critique my montage by giving their personal opinions on how I could make my montage better, but also critiquing the typography. Luke suggested that I blend the picture of myself into the other picture a little more and to try to get rid of a lot of the picture outside of my face. That really helped clean it up quite a bit. Nick suggested that I switch the face and the quote, aligning and placing the quote on the left side and moving the picture of myself to the right side. I tried it and liked it, but the weeds really got in the way of the quote and it made the picture of myself stick out more than the quote, and that wasn’t what I was wanting the montage to do. But I really liked his critique there and I’m glad I tried it so I could really compare the two ways. Alex suggested fixing the position of the picture of myself in the montage. He thought it would look better dropping the face and aligning the picture to the bottom of the montage instead of more towards the top. I really liked it when I tried it, but the weeds were really hiding the picture and made the whole montage seem crowded. So I decided to lower it a little bit without making it seem crowded.

Message

An inspirational quote that really helped me get through a tougher time in my life.

Audience

People who really like to feel inspired and really need an uplifting message to help them get through a tough time in their life.

Top Thing Learned

Really paying attention to the opacity of the brush and how brushing a photo can really make the difference between a great montage and a bad one.

Color Scheme & Color Names

Analogous // Yellow, Orange, and Red

Font Name, Size & Category

Didot // 64 // Serif

Thumbnails Of Any Original, Unedited Image(s) Used In The Project

Source Of Each Image (Website Name)

First Image: Unsplash.com, Picture by Michal Dzierza

Second Image: RappPhotography.com, Picture by Stephanie Rapp