Category Archives: Design

Portfolio

DESCRIPTION: Design and fill a portfolio with all my projects from this semester.

PROCESS (Programs, Tools, Skills, FOCUS principles):  I took a picture of broken pink glass and lowered the opacity in Photoshop so it would be a subtle background for my cover and interior pages. To create visual hierarchy I had a bold sans serif for my headings and a regular sans serif for my body copy. My two sans serif fonts are actually different because the font I used for my body copy didn’t have a bold version. So I found a similar font to make bold and only use that for the headings. The titles of each page are in a script font.

I then placed the finished projects into each right hand page and made them full bleed whenever possible.  Description pages are modified from my individual blog posts for each project.

In place of making corrections on past projects, I designed a new montage with a blueberry pie recipe. I used Photoshop to layer, mask, clip, erase, apply texture and text in the poster. It took about 2 hours and 20 minutes.

CRITIQUE PROCESS: My instructor suggested that the cover page text be moved either all to the white space or all to the pink space. I chose the white. I also took her advice to create some kind of element that could be repeated somehow throughout the portfolio. That led to the addition of the pink slash mark. 

On Facebook, Natalie told me that the phone number looked too big. She was right. While the font size remained the same, the numbers in that size just take up more space than the letters, so I dropped the size just a bit to compensate.

MESSAGE: See how I have grown as a designer this semester.

AUDIENCE: Instructor, classmates, future employers.

TOP THING LEARNED: I learned that I’m proud of what I’ve accomplished during this class. It wasn’t easy, and I know I’m still developing my own style, but I have done some really nice work thanks to the encouragement of my peers and instructor. I also learned more about master pages while compiling my portfolio.

COLOR SCHEME & COLOR NAMES: Monochromatic /  Pink

TITLE FONT NAME & CATEGORY:  Beyond the Mountain / Script

COPY FONT NAME & CATEGORY: Geosans Light/ Sans serif

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

(these are the new photos for my extra project only)

blueberries blueberry pie gingham

VIDEO PRESENTATION

Cricut Brochure

12AStephanie-Paxman-front
Brochure cover (gate fold)
12AStephaniePaxman-inside
Brochure inside
12AStephaniePaxman-back
Brochure back

DESCRIPTION: Create a folded brochure with an original logo, original type, and edited photos.

PROCESS (Programs, Tools, Skills, FOCUS principles):  

I made a brochure for the Cricut Explore cutting machine. It’s designed to be informative, including information on where to buy. I designed a new logo for the company in Illustrator and made a layout in InDesign. My original design relied too much on alignment, resulting in a very small, boxy feel. Ultimately I used some alignment, but still broke the grid, and chose better fonts to give hierarchy to my headings and body.

brochure brochure2

I used Photoshop to edit image and create the cutout images of the card and shirt.

All the elements were combined in InDesign, including images, text, text wrap and margins.

CRITIQUE PROCESS:
Natalie reminded me to use a contrasting font for headings and titles, and the one I settled on works really well in my design. She also suggested some vertical elements. Really the design just needed some bigger images and that helped solve the problem. My instructor encouraged me to work with my images more and also create hierarchy in the text. At the beginning I had no titles or headings and now my message is much more organized. My husband thought it would be a good idea to use the arrow shape as bullet points on the inside of my brochure.

MESSAGE:
The Cricut Explore is a must have machine for any crafter. The brochure highlights machine capabilities and gives some project possibilities. Company information is also included.

AUDIENCE:
Creative people who love making things, my classmates and instructor.

TOP THING LEARNED:
I learned how to do text wrapping in InDesign.

COLOR SCHEME & COLOR NAMES:
Monochromatic: Blues

TITLE FONT NAME & CATEGORY: Britannic Bold / Modern

COPY FONT NAME & CATEGORY: Montserrat / Sans serif

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

card cricut scene decor favor shirt

VIDEO PRESENTATION

Website Mockup

website mock up with layers 3

desk mockup

DESCRIPTION: Create a mockup for a website for the Diamond Florist company.

PROCESS (Programs, Tools, Skills, FOCUS principles):  

My first step was to draw out some sketches of possible site layouts.

Scan0010 Scan0011

Then I made a digital wireframe.

wireframe

I used Photoshop to design my wireframe layout and mockup. I used Illustrator to create a few of the elements I used on the page, like the order button and social media buttons. I used the knowledge I’ve acquired in this class and previous classes to work in Illustrator and Photoshop. I used contrast in color, type and size to create hierarchy throughout my site. The call to action button is larger than the photo titles. The footer menu is the smallest.

CRITIQUE PROCESS:
The first feed back I received from my instructor was to make the titles of my pictures stand out a little more. I made them a darker shade of the purple in my logo and increased the opacity a bit of the white bar behind them. I also needed to make sure my media buttons were consistent. So I downloaded some buttons that someone else created and matched them to my dark purple color. She also suggested working on the alignment of my logo and company name.

Natalie said to adjust the CROWNS picture so the word didn’t cover the girls’ eyes. I ultimately chose a different image so that my pictures would match more- no people in any of them.

My husband did a one-on-one in person critique with me and helped me place the logo and title on the left side of the header (so that I wouldn’t have unequal spacing issues on either side.) I also filled the new empty space with an Order button.

MESSAGE:
Diamond Florist is the best place to find beautiful flower arrangements for whatever occasion you need.

AUDIENCE:
Anyone needing to buy flowers.

TOP THING LEARNED:
Photoshop is a powerful designing program, and I’m just scratching the surface with what I know how to do. I’m learning more about how layers work, and it was convenient to be able to group them for organization.

COLOR SCHEME & COLOR NAMES:
Complementary: Purple and green

TITLE FONT NAME & CATEGORY: Satisfy / Cursive

COPY FONT NAME & CATEGORY: Baskerville / Serif

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

4th of july flowers bouquet-of-flowers-1149099_1920 flower crown flowers-260894_1280

 

Diamond Florist Coding

coding screenshot

1. Description: Practice HTML and CSS coding to design a page describing the logo project.

2. Process (Programs, Tools, Skills, FOCUS principles):  I used colors from my logo as the inspiration for the web page design. I used Illustrator to create a watermark type image of the diamond shape to use as my background image. The border is the same as the green in the logo. I worked with hierarchy in mind when I design the intro paragraph. I put it in a gray box, made it white and bold so that it would stand out and clearly be read first. Next I used a bulleted list with bold first words to draw the readers’ eyes to my next important points. I used alignment when I chose the positioning of blocks of text and made sure there was comfortable padding space between words and the border.

3. Critique Report: My instructor first suggested that I give a much more substantial border to my logo. It originally had only a thin gray line. When I made it bigger, I was able to create a large solid bar for both the intro and the logo. She liked the spacing I had everywhere, and said I should try to add the script typeface in one more location. I changed the words “Learn more here” to that font.

Natalie helped me work out the bottom alignment issue between the text box and logo border. I had to use a different browser and different screen capture tool to get it just right.

My husband and Erika both liked my watermark diamond in the background and Erika reminded me to check that my green really matched the logo green.

3. Message: Learn about the logo, audience and design skills that influenced my final logo design.

4. Audience: Instructor, anyone interested in learning more about my Diamond Florist logo.

5. Top Thing Learned: Coding basics and how to zip files.

6. Color scheme and color names: Complementary: Purple and green

7. Title Font Name & Category: Satisfy / Cursive

8. Copy Font Name & Category: Gentium Basic / Serif

9. Thumbnails of any original, unedited image used in the project:

Illustrations are original

10. Draft

coding draft 1

 

Yellowstone Infographic

yellowstone 3-01-01

1. Description: Create an engaging infographic with relevant information, creative icons and a title that grabs a reader’s attention.
2. Process (Programs, Tools, Skills, FOCUS principles):  I decided to study facts about Yellowstone National Park. I visited the park a few times with my family growing up. I did some research online first to pick out the facts I wanted to highlight in my infographic. Then I used Illustrator to design the icons, text, and entire poster. I used the pen tool a lot and learned how to use the graph generator. The FOCUS principles I used first were message, color scheme and alignment.

yellowstone resarch and sketches
3. Critique Report: From the instructor critique I knew I needed to work more on alignment and also contrast. Each of my elements were too much the same size so I tried to add in more variety. I also added grid lines to my infographic to visualize where to move things around.

Tim said he really liked the colors I chose and Natalie like my original solid more than the image.

In person, my husband suggested that the graph and the key be brought closer together. I agreed that better proximity would make it more clear what the pie chart was about.

3. Message: Show fun facts about Yellowstone and encourage audience to learn more, and even visit the park.


4. Audience: Instructor, anyone who likes national parks, the outdoors, and may visit the park some day.


5. Top Thing Learned: I learned how to build a graph in Illustrator.


6. Color scheme and color names: Analagous: green, teal, gold
7. Title Font Name & Category: Showcard Gothic / Decorative
8. Copy Font Name & Category: Avenir/ Sans Serif
9. Thumbnails of any original, unedited image used in the project:

Source: https://commons.wikimedia.org/wiki/File:Morning_Glory_Pool_Yellowstone_National_Park.jpg
Source


10. Information sources

https://www.nps.gov/yell/learn/nature/bison.htm

http://www.yellowstonepark-trip.com/fun-facts-about-yellowstone-park.php

https://www.nps.gov/yell/planyourvisit/parkfacts.htm

 

 

 

Business Identity

 

letterhead2
Letterhead
business card2
Business card front
business card back
Business card back

1. Description: Create a letterhead and business card for a business.
2. Process (Programs, Tools, Skills, FOCUS principles): I did all my design work in Illustrator after hand sketching a few ideas. I liked the idea of incorporating the gem shape into an actual flower. I tried a shape logo with an analogous color scheme, a type logo with complementary colors and a monochromatic illustrated logo.

logo drafts 1
3. Critique Report: I asked my Facebook friends as well as in the class, and my first design was the least favorite. Many people liked the rose/gem shape in design number 3, but they liked the font and color from number 2. It was not too hard to combine those two ideas and make the best version.

Once I had that logo built and I created my letterhead and business card, I got the following feedback. Some of my leading was off and some font sizes looked a little different. I later realized I had accidentally used two different serif fonts. When I fixed that it was easy to get the right spacing everywhere. My instructor also suggested I remove the stem from my flower, eliminating a thin line in the design that can sometimes be difficult to scale.

Peer feedback from Sydney resulted in the back design getting the same purple gem and green line from the other parts of my stationery set.

I told her I liked the new sprinkle shape and thought that maybe the email and website should be switched so the edge of information didn’t seem so jagged.

3. Message: Show customers or potential customers the brand and give important contact information.
4. Audience: Instructor, anyone in the market for flowers
5. Top Thing Learned: I learned how to make a giant watermark on a letterhead and how to watch for consistency between the letterhead and the business card. Anytime I can repeat something, I should. It strengthens branding.
6. Color scheme and color names: Complementary, Purple and Green
7. Title Font Name & Category: Euphoria Script / Script
8. Copy Font Name & Category: Garamond / Serif
9. Thumbnails of any original, unedited image used in the project: All designs are original 
10. Photoshop mock up of stationery:

Logo mockup

Spiritual Montage

montage final

1.Description: Create a montage in Photoshop that can be used for a Christian organization.

2. Process (Programs, Tools, Skills, FOCUS principles): I used Photoshop to combine and edit all my images. I watched several tutorials to teach my how to use different effects and tools in Photoshop. I knew that I wanted some hierarchy in my text so I picked one text and made two important words larger and bolder. It also worked to align most of the text on the left and the right.

3. Critique Report: Sister Kunz and Sierra both suggested that I move the text up to the sky area. My instructor also said to try enlarging the book image and blending it even more. Sydney said a typewriter font would look great, since I added the typewriter image. I did that, and shrunk the text like she and Sister Kunz directed and it made that corner of the piece have some good breathing room.

I helped Natalie with some text placement and Sierra with some places that might need more blending.
4. Message: God’s story is our story. His main purpose is our immortality and eternal life.
5. Audience: Instructor, classmates, those who could be uplifted by this spiritual message.
6. Top Thing Learned: I learned how to do a lot of new effect in Photoshop. I learned how to find the text tools to change kearning and paragraph layout. 
7. Color scheme and color names: Complementary–Blue and Orange
8. Title Font Name & Category: Neue Haas Grotesk Heavy, sans serif
9. Copy Font Name & Category: Tox Typewriter, serif
10. Thumbnails of any original, unedited image used in the project:
11. Source of each image (website name and hyper link):

Source links

book: http://missionhome.com/?p=1984

sky: https://en.wikipedia.org/wiki/Crepuscular_rays

typewriter: https://munchkinwrangler.wordpress.com/2011/03/26/typewriter-heaven-right-down-in-boston/

montage with layers screenshot
11. Steps of Photoshop process

resize sky // adjust levels and vibrance, move hue a little towards blue and mask off the sky // texturize filter and removed from sky //

lasso book with 50px feather // place on sky and make smaller // mask 20% over whole book, 70% and dissolve mode over edges

lasso typewriter with 70px feather // place on sky, size and rotate // mask layer with 70% edge and 30% over the whole image // add hard light with opacity 80% // blur 20% lines on book

add text // arrange in top left area of sky // main text is Tox Typwriter and the bold text is Neue Haas Grotesk heavy

dodge background under text to lighten it and make the text stand out more

Photodesign

hope 3

Description: Take an original picture, edit in Photoshop, and use the color scheme to add design elements and words to the image.

Sketches:

photodesign sketches

Process (Programs, Tools, Skills, FOCUS principles): To begin this project I though about a poster that my daughter might like in her room. Her favorite color is purple, so I decided a complementary color scheme using purple would be a good way to go.

I photographed some flowers I have on my porch and tried to place flowers on the “thirds” grid lines.

Once I had the picture in Photoshop I cropped, and adjusted levels, vibrance, selective color and sharpening. Using InDesign I placed the image, added color blocks and text. Then I did a lot of moving elements to create alignment, asymmetrical balance, and hierarchy with my font choices.

Message: Gain hope from seeing beautiful nature around you.

Audience: My instructor and my daughter.

Critique Report: Instructor feedback suggested that I increase the size of my picture and maybe even have it bleed off the page. She also suggested that I work with the quote more so that the word HOPE didn’t look so lonely.

I also used the Facebook group and heard from Kathleen that it might be a good idea to layer my flower icon swatches. I really liked that idea because I felt like it unified them into one design element. Sister Kunz also suggested that maybe putting my quote attribution in italics would help it look better. I was concerned about the spacing around it.

I reviewed Karina’s second draft and thought maybe the picture should extend to all three edges to remove the very thin side borders.

 

Top Things Learned: to my typography and didn’t have to keep everything black and white.


Color scheme and color names: Complementary color scheme- Violet and Yellow


Title Font Name & Category: Klint- Sans Serif
Copy Font Name & Category: Elephant- Modern
Thumbnails of any original, unedited image used in the project:

DSCN8788

Video Presentation:

Photography Activity

StephaniePaxman-01-light-outside
Light 1: Outside
StephaniePaxman-02-light-inside
Light 2: Inside
StephaniePaxman-03-focus-foreground
Focus 1: Foreground

StephaniePaxman-04-focus-background
Focus 2: Background

StephaniePaxman-05-thirds
Composition 1: Thirds

StephaniePaxman-06-lead-in
Composition 2: Lead in

For the Light pictures I took a picture of the front of my house with the sky above. I held the shutter button half way on the sky first, then brought the camera down to include the house and pressed it all the way to take the picture. For the inside picture I put the plant near a window and made sure to not center it. For the Focus pictures I found a dandelion in the backyard and changed the focus to macro to get the foreground in focus and make the background blurry. For the focused background, I changed the camera to the manual focus setting and adjusted it until the background was in focus. For the Composition pictures I set up a box of flowers with some colored tape to be at about the third lines in the image. For lead in I had my son look towards the window and cropped the picture to put him in the left third of the picture.

I did some basic editing to make all the photos look a little better. They were each adjusted for exposure with levels, increased in vibrance just a little, added a bit of selective color. Some were sharpened if needed, but it was hard to tell if it was making much of a difference.

Treats Prezi

prezi screenshot

Description: Create a Prezi sideshow that shows how Prezi can be a good option for an informational presentation.

Sketches:

Prezi Sketch
Process (Programs, Tools, Skills, FOCUS principles): I first made a list of different ideas for my Prezi. I thought about sharing a recipe, or a list of crafts to make with washi tape. I finally decided on treats to eat in Portland, Oregon (since we live just about 20 minutes away from the city.) I found the shops and treats I wanted to feature and saved images and links to bright and colorful pictures that showcased each food. I created all my slides in InDesign, first making a template that had an image at the top, the name of the treat overlapping the image, and a block of text underneath.

I used ultra and bold fonts to create hierarchy on each slide. I wanted the name of the treat to be the first focus, then the name of the restaurant, and finally the block of text with information. I centered the text of the treat name and increased the kearning since I used all caps. Then the rest of the text on each slide is left aligned with the image.
Message: This Prezi gives Portland locals and visitors alike the motivation to go try a new treat or two.


Audience: My instructor and anyone interested in finding some tasty treats in the city of Portland.

Critique Report: The feedback from my instructor was that I had good, bright photos and good alignment. She recommended adding some color and fun to the presentation though, especially the typography, to match my fun topic. I re-worded the title from “9 Best Treats to eat in Portland, Oregon,” which was kind of long and boring, to just “TREATS” in a multicolored, handwritten font. This was much more eye-catching than what I had before. I also swapped the light gray bar behind each treat title with a colored one, which helped emphasize the colors in each of my photos.

I also did a Facebook chat with Marina and Sydney. I helped Marina with some grammar and punctuation and told her I really liked the balloon background picture she used. It fit the theme and wasn’t distracting. I noticed she also stayed very consistent in her image shape and placement.

With Sydney we talked about different options for her title placement, and finally decided that centered was best. All her slides lined up nicely and I recommended that her source slide have equal spacing on the top and bottom of the text.

The feedback I got back was positive, and they helped me identify my main color scheme, since I had a bit of almost every color through the presentation.

Top Things Learned: I learned how to make my first Prezi. Two of my kids have actually been introduced to Prezi at school and have made their own presentations, but this was the first time I had used it. I learned more about working in InDesign, and realized I should have created a master page while working on the slides. Instead I made duplicate pages though, and that worked as well. I learned that even when working in a fun and creative program like Prezi, it’s important to remember to make solid design choices and not get carried away with all the options available. On the flip side, I also learned that I should add some color and interest to my typography and didn’t have to keep everything black and white.


Color scheme and color names: Triadic color scheme with red, yellow and blue.


Title Font Name & Category: Rock Salt – Script
Copy Font Name & Category: Legacy Sans – Sans serif
Thumbnails of any original, unedited image used in the project:

waffle window voodoo donuts Silver Moon Crepes salt and straw portland skyline Papa Hadyn Moonstruck

homemade fresh cinnamon buns - sweet food
Farina Macaron Cupcake Jones

Source of each image (website name and hyper link):

Salt and Straw: http://minimalistbaker.com/sea-salt-caramel-coconut-ice-cream/

Waffle Window: https://foodimentary.com/2014/03/25/march-25-is-international-waffle-day/

Farina Bakery: http://pixelatedcrumb.com/2011/03/22/une-lecon-de-macarons-a-lesson-on-macarons/

VooDoo Donuts: http://gotidbits.com/austin/voodoo-donuts

Cupcake Jones: http://www.yourcupofcake.com/2015/05/strawberry-lemonade-cupcakes.html

Moonstruck: http://www.pqmonthly.com/eat-drink-and-be-mary-decemberjanuary-2012-13/10406

Silver Moon Crepes: http://food.ndtv.com/food-drinks/sophisticated-crepes-to-sweeten-mothers-day-760895

Papa Haydn: http://www.gobankingrates.com/personal-finance/6-national-cheesecake-day-2015-discounts-deals-freebies-cheesecake-factory/

Kens Artisan https://themominmemd.com/tag/how-to-make-cinnamon-roll-frosting/

Portland Skyline By Cacophony – Own work, GFDL, https://commons.wikimedia.org/w/index.php?curid=3082662