ROP Graphic Design Poster

Coffee Mug KAZU Design

SQUADD Magazine Cover from the future

Edited Version

Super Edited Version

Album Case

Front Cover

Back

EVENT POSTERS

Pink Guy Final Logo Design Variations

Identity Package

Logo Design Final

Forgot to post this earlier

Portfolio Cover

3 Logos in 5 Designs

What do you sell?
We sell sick beats.

Cereal Box Project

Brand Logo History Assignment

       

1889-1950

       Nintendo is now widely known over the world as a video game company, making many classic titles, as well as new games and consoles. The brand Nintendo has used over the years has gone under many drastic changes, dating back to when they used to make card games. The first logo dates back to 1889, back when Nintendo was exclusively in Japan, so the logo wasn't in english. The characters in the logo read Nin, ten, do, in order from left to right. The logo uses the iconic red and white which is used in the current logo, but wasn't used in certain versions throughout the years. This logo was kept until 1950, and was changed to a new logo which lasted ten years, and fit their card games' style, using an ace of spades with an n in the middle.

        The current logo began being used by Nintendo in 1975, the simple red text with an oval surrounding it, using the original colors of red and white. The simple design began to be used when they became widely known as a video game company, rather than selling toys and cards. From 1975 to 2008 there were a few different versions of the logo, sometimes using a more blocky logo to fit the look of the hardware they made, all were either red & white, red & black, or black & white. The simple design makes the company seem trustworthy, nothing crazy or abstract, it was and is something parents will allow their children to play with, the logo seems friendly. The text was changed to english when they started to sell products to English speaking countries as well, mainly the USA.

Helvetica Movie

Helvetica originates from Switzerland.


The original name was the latin name for Switzerland, the English translation of Helvetica is Switzerland type.

Helvetica was created in 1957.

The original design style that Helvetica brought to popularity worldwide was Swiss Design.

3 different design styles discussed in the film:
     -Modernism
     -Grunge
     -Post-Modernism

Insight about design I've taken away from the film:
     Fonts have to provide a mood to match the subject matter. A practical font should be clear and easily readable, a more artistic font can be barely readable as long as it fits the artistic mood it aims for.

ACTIVITIES

Helvetica around the school:

4 Designers that appear in the film:

     -Alfred Hoffman

     -Masimo Vignelle

     -Matthew Carter

     -Paula Share

Answer a Question:

8.   What might you take away from this film in terms of possible effects on your work or other aspects of your daily life?

I learned about fonts that are practical and fonts that are more abstract, and the different preferences to other designers and businesses. Certain fonts will be better for a professional setting, but that doesn't mean that a font can't be readable and fit a fantasy setting. I like practicality, but it certainly won't always be the way to go depending on what the project demands, so I will keep in mind what the mood is of a project and complement it with a fitting font.

Typeface Project, Dio Brando

Getting Intimate With Typography: Hand Lettering

Words to Live by

Grahic Design Notes: 3.10.2015

3.10.2015

Design

Typography

Fonts are the clothing that our ideas wear.

Legibility

• Choose classical time-tested typefaces: Baskerville, Frutiger, Garamond, Gill Sans, Helvetica, Times New Roman, Palatino.
• Serif: “flourish,” the lines at the end of letters, for smaller text.
• Sans: without the lines at the end of the letters, good for bigger text.

Serif vs Sans Serif

• Serif reads better at smaller sizes, can be complementary.

Font Variance

• Too many confuse the reader.

Definition

• Fonts that are too similar cause ambiguity.

Readability

• Use upper and lower case letters for optimum clarity.

Alignment

• Left alignment reads easiest, consider eye flow as it moves down the page.

Emphasis

• Use these tools with discretion and without disturbing eye flow.
• Italics, Bold, Size, Color, Type Style Change

Integrity

• Avoid stretching or distorting type.

Weight

• Strive for a sense of balance.

Kerning

• Adjusting the spacing between each letter individually.

Tracking

• Spacing between letters in the text.

Large Text Blocks

• Rags: Ragged edges in text blocks.

Sugar Skull Fix

Sugar Skull Design

Design Notes 3.3.2015

3.3.2015

Design

The Principles and Elements

“People ignore design that ignores people.” -Frank Chimero

What is Design?

• Design elements are the basic units of a visual image.
• The principles of design governs the relationships of the elements used and organize the composition as a whole.
• All imagery, art, design and photography alike, are comprised of elements that can be broken down and analyzed. This goes for web design as well.

Design Elements

• Space
• Line
• Color
• Shape
• Texture
• Value

Space

• Space can exist in two or three dimensions.
• It can refer to positive space or a negative one.
• It can also refer to foreground mid or background elements.

Line

• Line width, Depth.
• Determines the bones of a picture.

Color

• Color palettes, shades.
• Can invoke mood, time and place.

Shape

• Simple to complex.

Texture

• Can be implied, actually just using 2D elements.

Value

• Generally referring to shading.
• Helps determine shape, dimension, and depth.

Design Principles

• Unity
• Variety
• Repetition
• Harmony
• Proximity
• Proportion
• Functionality

Unity

• Unity creates a sense of order, a consistency in size and shape.
• Proximity can create a sense of unity, it can also show a lack of unity

Variety

• Ability to adapt to different designs and styles is very important.

Repetition

• Using a similar image but different, can be repetitive.
• Using elements that repeat can create a sense of design cohesion.

Harmony

• The idea that everything has its place and everything is in its place.
• Consistency, showing a pattern.

Proximity

• Element of white space, giving the design breathing room, the organizational hierarchy.

Proportion

• Determines size and relativity.

Functionality

• Determines style and reflects goal, Form over Function.

Color Swatches

Color Swatches

thing.

Color Notes

2.25.2015

Design

Color Theory

“I found I could say things with color and shapes that I couldn’t say any other way… things I had no words for.”

-Georgia O’Keeffe

3 types of Colors

• Primary
• Secondary
• Tertiary

ROYGBIV

• Red, Orange, Yellow, Green, Blue, Indigo, Violet.

Primary Colors

• Primary (RYB): Pigment generated colors are derived from these primary colors: red, yellow and blue.
• Primary (RGB): Light generated colors are derived from these primary colors: red, green and blue.
• Subtractive Color: Pigment Generated Model
• Additive Color: Light Generated Model

Secondary and Tertiary

• Secondary: Mixing primary colors creates other colors. For example: blue + yellow = green.  Blue + red = violet.
• Tertiary & Beyond: A secondary color wheel can expand to tertiary and beyond.

Color Mixing

• RGB: Red, Green, Blue. Light Generated Model
• RGY: Red, Green, Yellow. Pigment Generated Model
• CMYK: Cyan, Magenta, Yellow, Black. Print Process Model

Color Modes

• Monochrome: Tints, Shades and Tones of a single hue.
• Grey Scale: Black and White only.
• Web Safe RGB: Hexadecimal compatible.

Color Modification

• Tints: Add white to a pure hue.
• Shades: Add black to a pure hue.
• Tones: Add grey to a pure hue.

Color Harmony

• Complementary: colors at the opposite ends are complements to each other, making each other pop out.
• Split Complementary: Get compliments, and move one to another direction from one complement.
• Analogous: 3 neighboring colors.
• Triad: Making a triangle in the wheel.
• Tetradic: Making a rectangle, 2 pairs of neighbors, opposite of eachother.
• Quadrilateral: Making a square in the color wheel.

Color Palettes

• Different color palettes can invoke mood, location, emotion.

Color Properties

• Cool, Warm, Bright, Dark, Saturated, Desaturated.

Color Intensity

• Color intensity changes in relation to its surrounding color.

Color Associations

• These types of color associations are universal to all people.

Cultural and Psychological Color Associations

• These color associations are generated from cultural and contemporary sources and may not be universally recognizable.

Why Color Matters

• 73% of purchasing decisions are now made in-store.
• Catching the shopper’s eye and conveying information effectively are critical to successful sales.
• Color increases brand recognition by up to 80%

Color Affects: Appetite

• Blue is a rare occurrence in nature.
• We have no appetite response to blue food.

Color Effects: The Mind

• Pink is a tranquilizing color that drains your energy.
• Used in prisons, holding cells, opposing team locker rooms.