Brochure

12CToniNormanBrochure
Outside – Four Fold
12CToniNormanBrochure2
Inside

Below are two different ways of using the brochure; one full bleed on top and bottom; two full bleed on all sides.

DESCRIPTION:

This project was to create a brochure using the principles we have learned in the class.

PROCESS:

  1. The first thing I did was to watch the videos provided.
  2. I did the layout set ups to learn how to create an 8.5” x 11” and an 18” x 12” layouts. In this set up I learned how to create grids to help in my design process.
  3. I then sketched my thoughts for a brochure.
  4. I then started with a wireframe.
  5. I then made a rough draft in InDesign.
  6. I picked a color scheme of purple/pink, blue and green.
  7. Then I started in InDesign.
    1. I created an 18” x 12” layout.
    2. I started with grid.
    3. I then added grids to divide the pages into four parts.
    4. Then I added grid lines to mark placement of text and other objects on the inside.
    5. I made a word document for the body copy and help me decide what I wanted in each section.
    6. I then started choosing images and pictures to use in my design.
    7. Then came the arduous work of finding photos, creating images, and then placing them in the brochure layout. This took hours of work and redesigning over and over.
    8. I finally placed it in the Facebook critique and got some wonderful suggestions on how to make it better.

 

ROUGH DRAFTS:

 I made a simple sketches.

 See video

I created wire-frame in Photoshop.

 Schwartz_layout3Schwartz_layout32 

CRITIQUE PROCESS:

 Jones: What a sweet idea! I love that you are honoring your grandmother. The timeline is really neat. I love that you have the pictures “cut out: into representative shapes. The inside is stronger than the outside to me. Just a suggestion, do you have any pictures of her when she was young just to change the cover up a bit? This is looking really nice.

  1. Angelo: Toni I absolutely love this! This is a really creative idea for this project and I really really love the timeline you created with images in the shapes. It really draws me in and makes me want to read the information. I love the little purple/pink flowers and how they are repeated on the front and back. Only things I would change is maybe the gradient on the front. Maybe just pick two shades of pink similar to the flowers so the gradient is more subtle. Also, it’s not always easy to see which image/text block goes with which date on the timeline so I try to use a little more proximity to make that very clear. Maybe just move the text and images a little closer to the dates they match up with. Especially on the first two rows. But overall this is really impressive and I LOVE it. I am really excited to see your final printed project when we are done.
  2. Sister Tranberg: She suggested that I needed some more white space and variety on the inside. She suggested that I use the darker blue for the background. Also, that I needed a call to action or something to tell people what was coming. I needed more alignment and structure on the time line. She also said I needed some subheadings.
  3. Adam Harper: He suggested changing the text to white so it would stand out better against the blue background. He helped me with the cropping of the flower to add to the design.
  4. Sister Tranberg: The second critique was that I needed to add the logo to the front and make an alignment change on the bottom inside from left to right and take the word “of” out of the title section. She suggested fixing the color of the subheadings.

 CHANGES

  1. Changes, changes, changes.
  2. I changed the background to blue on the first page to match the inside cover.
  3. I changed the text to left align.
  4. I created a text wrap with the images.
  5. I fixed up the paragraph styles on the body copy, subheadings and dates.
  6. I changed the background color to a darker color.
  7. I changed the time line so I could have a little difference on the bottom of the page.
  8. I moved things around and changed pictures a few times.
  9. When I printed, I found I had to shift things a little so it would match up on the font and the back and not crop things off that I didn’t need.

TOP THINGS LEARNED:

  1. I learned more about text wrap, paragraph styles, cropping images, and how to make an image in InDesign to place a photo in.
  2. I also learned more about the importance of getting other people’s opinions and reworking a piece. It seems that after a day, I can always come up with some way to improve the design.
  3. I learned that it is best to give yourself a few days on any project and always get critiques from others. Each helps me think through the process and see ways to improve the project.

MESSAGE:

The message is a tribute to my grandmother that can be used at our next family reunion.

AUDIENCE:

My audience is my extended family. My thinking was to use this for a family reunion, but it could also be used for a funeral, but might be a little expensive for this purpose, but would be a wonderful thing for family to be able to take home and keep.

COLOR SCHEME & COLOR NAMES:

Triadic color scheme green (18, 77, 39), blue(85, 128, 193), purple/pink (172, 70, 136).

TITLE FONT NAME & CATEGORY:

  1. Body Text: font-family: Stemple Garamond LT Std, serif;
  2. Title and subtitles : font-family: Akko rounded Std, sans-serif;

IMAGES:

cattleranch
Cattle Ranch
crow
Crow Indians
rosebud-indian-reservation-south-dakota-the-rosebud-sioux-tribes-annual-f2d7jp
Sioux Indians
buckinghampalace
Buckingham Palace
flowers4
Flowers
grand-junction-co-medicare
Grand Junction, Colorado
university-montana-western-cheapest-colleges-most-beautiful-college-campuses-1024x643
University of Montana Western, Dillon, Montana

 

 

  1. Cattle Ranch: https://www.google.com/search?q=Rudolph+Schwartz+Paradise+Valley&rlz=1C1KMZB_enUS574US574&espv=2&source=lnms&tbm=isch&sa=X&ved=0ahUKEwi5x7HNvszSAhXi1IMKHea5Bo0Q_AUIBygC&biw=1366&bih=589#imgrc=0VnlH2jo85muNM
  2. Crow Indians: http://www.visitmt.com/binaries/medium/content/gallery/MTOT/responsive/media-carousel-h/indian-nations/apsaalooke-crow/dsc_1339-2.jpgGrand Junction: http://medicarecolorado.com/images/medicare-colorado/grand-junction-co-medicare.jpg
  3. Sioux Indians: http://l7.alamy.com/zooms/21285583e6e942f7a6ec1fcdd2f2d3fc/rosebud-indian-reservation-south-dakota-the-rosebud-sioux-tribes-annual-f2d7jp.jpg
  4. Buckingham Palace: http://www.buckinghampalace.co.uk/assets/images/bp1.jpg
  5. Flowers: https://www.google.com/search?q=flower+garden&rlz=1C1KMZB_enUS574US574&source=lnms&tbm=isch&sa=X&ved=0ahUKEwi9-drszszSAhUM0oMKHUs3CxMQ_AUICCgB&biw=1366&bih=638#tbm=isch&q=flower+wallpaper&*&imgrc=HDvGumDT0ilpeM:
  6. University of Montana, Dillon MT: http://www.greatvaluecolleges.net/wp-content/uploads/2015/12/university-montana-western-cheapest-colleges-most-beautiful-college-campuses-1024×643.jpg
  7. The church, the elementary school, my grandmother, the mercantile, the family photo, and the ranch are in my possession.

VIDEO:

 

Webpage Mock-Up

WebPageMockUp11

DESCRIPTION:

This project was to create a website layout using sketches and a wireframe.

PROCESS:

  1. The first thing was to watch the videos provided.
  2. I then sketched three wireframes and found one I liked better than the other ones.
  3. I then made a rough draft in InDesign.
  4. I picked a color scheme of red, blue and two shades of gray.
  5. Then I started in Photoshop.
    1. I created my page 1500 x 1500.
    2. I added the 12” grid.
    3. I started adding black squares where things belonged.
    4. I then added my text and picked a decorative font and a sans serif font.
    5. I put all my images in an image folder.
    6. I made sure my images where the correct size.
    7. I then added my pictures
    8. Then I used the clipping mask to place the pictures in the boxes.
    9. I then tweaked things by moving and changing colors.

ROUGH DRAFT:

 I made three sketches.

IMG_3449

IMG_3450

IMG_3451

I created wire-frame in Photoshop.

WebPageWireFrame

CRITIQUE PROCESS: 

  1. Huyett: Love the images! I like how they set up a very clear grid structure for your page. Since you do have a lot of them on the page, I think it might help to increase your white space to balance out all the colors in the images. I’d actually be really curious to see what this would look like if you took both the darker and lighter grey colors out and replaced them with white – I think it might really open up the design. The red text on the grey background is a little hard to read as it is.
  2. Gannaway:  I like the images and the organization of the page! SOmething I would suggest is changing those blocks behind the text. The light gray seems to clash and look a little drastic. I agree with Charlotte, I think white would really open up and simplify your design.
  3. Cherisha: She liked the textured background but felt the color should be changed.
  4. Sister Tranberg: Change the background to lighten it up. Somehow make more of a flow so that you can tell Charity’s artwork vs Cherisha’s , and Toni’s work. Change the color scheme. She wants the photos to stand out more. She felt it was too grid like. Make the site more understandable what it represents.

 CHANGES

  1. I made many, many changes!
  2. I took the background out and left it white.
  3. I changed the color scheme to blue, green and gray.
  4. I changed the square shapes of the pictures to a circular or rounded rectangle shape.
  5. I added a very light boarder around the individual groups to give distinction to each group.
  6. I added social media icons.
  7. I made multiple changes to the logo.
  8. I added a backdrop to the title to help it stand out more.
  9. I worked on the alignment.
  10. I added a menu bar.
  11. I added extra green lines to start and stop the webpage.

TOP THINGS LEARNED:

  1. I learned more about wireframes especially creating them in Photoshop.
  2. Photoshop tools I learned to use.
    1. How to color objects.
    2. How to make a clipping mask.
    3. How to use layers especially how to group them.
    4. I learned how important it is to use this grouping as it makes it much easier to manage the different layers.
    5. I learned how to use a grid.
    6. How to get rid of an outline that kept appearing.

MESSAGE:

The message is to display art work created by members of my family.

AUDIENCE:

My audience is people wanting to view art work of my two daughters or quilts that I have made.

COLOR SCHEME & COLOR NAMES:

Primary color scheme green(184026 or 24, 64,38), blue(11133d or 17,19,61), light gray (DCDBDB or 220, 219,219) and darker gray (757778 or 117, 119,120).

TITLE FONT NAME & CATEGORY:

  1. Title and text: font-family: Segoe Script, decorative;
  2. Subtitles : font-family: Myriad Pro, sans-serif;

IMAGES:

All images were created by myself or by one of my daughters, Charity and Cherisha

Week 6

This week were we learned more about adwords and google searches with keywords.  There appears to be quite a few things to do to improve the outcome of customers viewing your website and hopefully using your website.  I have lots more to learn about this, but just knowing it is there is a beginning.  I think it will take me awhile to figure out just how it works and like many other things, I will continue to learn little by little how to make improvements and how to use the tools that are provided.