The Color Code: A Tool to Help Us

Watch me give my TED talk here!

These are the PowerPoint slides that I used in my presentation:

Here is a link to download this PowerPoint outline as well.

Advertisements

Brochure Project

screen-shot-2016-12-08-at-5-55-28-pm screen-shot-2016-12-08-at-5-56-01-pm

DESCRIPTION:
Design a brochure for The Color Code.

PROCESS (Programs, Tools, Skills, FOCUS principles)
1. I first created the logo in Illustrator.
2. I went into InDesign and started to design my brochure, picking out photos to fit my theme, and then adding my written body copy, being sure to align the photos well to create good white space and balance.
4. Then I exported the brochure as JPEGS in three different photos.

CRITIQUE PROCESS:
I met with my friend Melissa, who mentioned that the layout of the photos was useful and that she liked the bold of the color titles. I needed to do some work on the alignment especially with the boy in red. I ended up actually cutting him from his photo and putting in his image against the white background alone so that I could do a nice text wrap. I also added different colored backgrounds according to the info blocks for the different colors.

MESSAGE: To share the insight of The Color Code with everyone to improve relationships, especially in families.
AUDIENCE: Parents/All those interested in improving their relationships

TOP THING LEARNED
To layout the three different parts of the brochure first so as to not waste time re-designing once you realize it won’t work out properly.

COLOR SCHEME & COLOR NAMES
Triadic // Red/Yellow/Blue

TITLE FONT NAME & CATEGORY
(Logo) Optima// Sans Serif

COPY FONT NAME & CATEGORY
Minion Pro // Serif


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

 

emzxdosijj4-ben-whitefn2empjpbho-laura-aziz lvchfxn3vme-ben-white s_1uggl8ay-justin-young

c2pvo6doory-jon-flobrant

Web Page Mockup Project

10ashapemaplibertytaylor

CRITIQUE PROCESS:

I met with a friend Whitney who mentioned that it was visually pleasing and white space was properly used. The photos used are good representations for their respective links, and the color scheme blends well. We discussed the proper usage of alignment and keeping the photos the right size so as to not overpower the text. She mentioned to keep the text small but legible.

MESSAGE
My goal is to invite others to enjoy the little moments through the photography skills I use.

AUDIENCE
All interested in photography, all those looking for a photographer.

TOP THING LEARNED
Designing for a website required me to think about how the user would feel on the first page. I wanted to make sure they would feel welcome to continue navigating the website.

COLOR SCHEME & COLOR NAMES
Triadic: Red, Yellow, and Blue

TITLE FONT NAME & CATEGORY
Myriad Pro: Oldstyle

COPY FONT NAME & CATEGORY
Avenir Next: Sans Serif

SKETCHES:

img_20161116_215423415 img_20161116_215445044

HTML & CSS Coding Project

screen-shot-2016-11-09-at-10-40-20-pm

1. Description: I wanted to create a logo that was simple, incorporating good contrast, composition, with a triadic color scheme. I used the first letters of my name, ‘Liberty’ and ‘Taylor’ to create whitespace and a space for my logo name, “Liberty Taylor Photography.”
2. Process (Programs, Tools, Skills, FOCUS principles): I used the circle tool to create the basic outline for my shape, and then placed a large capital L and T over them, combining the shapes and cutting out their space to make place for my logo name, where I used a bold text. I then used my triadic color scheme to fill in the cut out shapes from the circle.
3. Critique Report: I spoke to Mosiah, a tutor in the COMM lab who mentioned that the fonts contrasted well and that I incorporated good color using the red from the logo for the background and that the blue text complimented the red well as a text color.
3. Message: This logo represents my independent photography company.
4. Audience: Anyone looking for a photographer
5. Top Thing Learned: HTML and CSS coding
6. Color scheme and color names: Red,blue, and yellow: Triadic Color Scheme
7. Title Font Name & Category: Myriad Pro Bold: Oldstyle
8. Copy Font Name & Category: Avenir Next: Sans Serif

Infographic Project

screen-shot-2016-11-04-at-11-05-56-pm

1. Description: This is an infographic I wanted to make to show others the struggles that refugees face and how difficult an experience it is for so many.
2. Process (Programs, Tools, Skills, FOCUS principles): I focused on grey, black, and blue because I wanted to make a watery appearance with the rainy cloud and the sea waves I incorporated. I also wanted to keep all of my icons black and grey to remain consistent.
3. Critique Report: I spoke with my friend Whitney Friday evening. She mentioned that it was a bit dark and the font was a little difficult to read. She liked that there were icons that fit well together. She also liked the overall color combinations used in the infographic, mentioning that perhaps the darkness matched up with the topic I was portraying. I decided to rearrange some of the icons and text to match up better and create better whitespace.
3. Message: To be aware of and maintain open-mindedness about refugees everywhere and what they experience.
4. Audience: Everyone
5. Top Thing Learned: Using Adobe tools to create the rain, waves, and half of the child’s body. Making the cloud using the circle tool, etc.
6. Color scheme and color names: I used light and dark grey, as well as three different shades of blue for the backgroun.
7. Title Font Name & Category: Superclarendon, Oldstyle
8. Copy Font Name & Category: Superclarendon, Oldstyle

Business Identity Project

letterheadbusiness-cards

1. Description: This letterhead and business cards are to represent my company, “Liberty Taylor Photography”
2. Process (Programs, Tools, Skills, FOCUS principles): I learned to work with Adobe Illustrator and Adobe InDesign much more and used grouping and shaping tools that I had never before practiced. I especially learned to manipulate shapes. Initially, I had some trouble keeping the font legible but decided to pick one that was more legible and wasn’t a script. I also wanted the font to match the shape of the ‘L’ and ‘T’ representing “Liberty” and “Taylor,” while bringing good composition to the logo. I also worked with several different color schemes in picking my final logo design. These were the first logos I created before choosing which one to use on my business cards and letterhead:logos-01
3. Critique Report: I spoke with my roommate Michaela on Wednesday in my apartment. She mentioned that she liked the color choice and that the font made the logo look trustworthy. We talked about the shaping and different design ideas used to reach a final conclusion.
3. Message: To represent my company, “Liberty Taylor Photography.”
4. Audience: All who are looking for a photographer to capture their memories for them
5. Top Thing Learned: Adobe Indesign shaping tool
6. Color scheme and color names: Mustard Yellow, Navy Blue, Berry Red

Montage Project

libertytaylor-6amontage

1. Description: Montage Project
2. Process (Programs, Tools, Skills, FOCUS principles): I took 4 different photos and blended them all together using the masking tools in Photoshop to achieve the majestic look of someone jumping their way to the heavens.
3. Critique Report: I spoke with Brynn from the Mac Lab Wednesday evening. She mentioned that I could duplicate a layer of my photo and put it above other layers to create a stronger cloud around the boy’s foot. I also spoke with Mosiah who mentioned perhaps introducing the color of the blue sky to the clouds to better mesh the background. I also went back after my first draft and changed the layout of the font and the density and feathering of the masks applied to give a better effect, making the ground look darker and the sky lighter, to allow more contrast to the image.
3. Message: To move forward with faith, even when surrounded by darkness
4. Audience: All who want to believe in the impossible
5. Top Thing Learned: Masking technique, layers
6. Color scheme and color names: White (text)
7. Title Font Name & Category: Signpainter House Script: Script
8. Copy Font Name & Category: Minion Pro Italic; Italic: Oldstyle
9. Thumbnails of any original, unedited image used in the project:

jump

dark-clouds rainbow

flat


10. Source of each image (website name and hyper link): https://unsplash.com/

Photodesign Project

sunset-final

1. Description: This is a photo I took on the BYU-Idaho campus as the sun was setting. I thought it was beautiful and decided to go with the natural monochrome color scheme.
2. Process (Programs, Tools, Skills, FOCUS principles): I took lots of photos that afternoon and I picked this one because I was looking for good composition and was following the rule of thirds to allow the silhouette of the trees to find a place in the photo. I actually did not edit the colors at all, as they were already beautiful.
3. Critique Report: I spoke with Daniel from the COMM lab who mentioned that every time something is printer, it needs to be taken into account that there will be a 1/4 inch cut off from each side of the image. We talked about the alignment of the text and color swatches and how the text on black brings further contrast to the photo. I also re-shaped the color swatches to be less distracting and re-sized some of the text to bring better composition.
3. Message: I hope that all who see this image can remember the symbolism represented in this photo and the quote put here.
4. Audience: Everyone who has had a bad day
5. Top Thing Learned: Font combinations/alignment/ composition
6. Color scheme and color names: Monochrome: gold, natural variations of gold found in the sunset, black.
7. Title Font Name & Category: Minion Pro Medium
8. Copy Font Name & Category: Marion Italic
9. Thumbnails of any original, unedited image used in the project: img_2819

Photography Activity

Outdoor:

outdoor

Indoor:

indoor

Foreground Focus:

foreground-focus

Background Focus:

background-focus

One-Third Grid Lines:

on-third-grid

Subject In Lead Room:

lead-room

I really loved doing this photoshoot with my friend because I was able to practice some of the techniques I learned. I think I really like outdoor photos with the natural light. The outdoor photo had some lovely lighting in the sky as the sun was setting, and the indoor photo was pretty simple because there were bar lights in the room and they gave an over-all brightness to the subject I was photographing.

The in-focus background and foreground photos were probably the most eye-opening. I didn’t realize how easy and creative my photos could be with the simple use of the focus on the camera. The “Empty Bag” photo uses the one-third grid lines, especially where the I-Clicker is laid, and my final photo is of a friend with lead room in front of her as she smiles.

Prezi Presentation Project

screen-shot-2016-10-05-at-8-10-12-pm

1. Description: This is a Prezi Presentation about how to de-stress.

2. Process (Programs, Tools, Skills, FOCUS principles): I made sure to find a good spot for the title so that there was good white space and asymmetry. I also wanted to make the slides look like thought bubbles so I increased the size as they continued. I used only colorful photos to show the contrast between someone who is stressed and can’t focus on the color around them, and one who takes an opportunity to re-energize and re-gain focus through stress-relieving activities.

3. Critique Report: I spoke with Daniel from the Mac Lab Tutoring center. We spoke around 9:00 Wednesday night. He mentioned that there was good expression in the image due to the thought bubbles expressing the ideas, and that there was balance and usage of white space with the placement of the slides. We talked about maintaining good unity by keeping the distance between the words and photos the same in all of the slides as well.

I also fixed a couple of typos and realigned the images to the text. I changed two of the photos to add unity to the photos through color. The darker images were clashing with the background, so it was good to replace them with better-contrasting images.

4. Message: The dark background in contrast to the light colored images and text bring the reader’s eye to the photos and guide them around the background image. Each slide contains a different method of de-stressing and explains how we can each be more comfortable in our lives.

5. Audience: Anyone interested in stress relief

6. Top Thing Learned: Balance of shapes and contrast, repetition and rhythm. This is my original sketch:

sketch

7. Color scheme and color names: I used a light grey to contrast the dark night blues and blacks.

8. Title Font Name & Category: Arimo Bold, italicized

9. Copy Font Name & Category: Arimo

10. Source of each image:

organize: https://unsplash.com/search/organize?photo=PJzc7LOt2lg

walk: https://www.pexels.com/photo/selective-focus-photography-of-woman-standing-in-themiddle-of-grasses-and-flowers-during-golden-hour-168890/

run: https://www.pexels.com/photo/sport-running-shoes-park-7432/

breathe: https://unsplash.com/search/meditate?photo=vCzh1jOyre8

phone: https://unsplash.com/search/phone?photo=SpVHcbuKi6E

piano: https://www.pexels.com/photo/hands-piano-musical-instrument-pianist-75149/

listen: https://unsplash.com/search/listen?photo=clvgoU_u0PQ

yoga: https://unsplash.com/search/yoga?photo=crKc1WS5E5k

I got all of my photos and background from unsplash.com and pexels.com.