Identity Package

Final Logo Design

Logo Design Assignment

Category 1 and 2:
Type Face only and Typeface Combined

Category 3: Typeface with Art Element

Category 4: Typeface and symbol

Category 5:

Shape or Symbol Logo with typeface

Logos Design Lecture

Logo, Branding and Identity

• A Brand is the perceived emotional cooperate image as a whole, its is the reputation both claimed perceived.
• What is Branding? An organization brand or branding is essentially their public image. 

-A designer can create the framework for a brand, colors, fonts, art work, style..but the audience completes the brand through an emotional reaction to it.

-Example: Apple is an IT company that projects a humanist image, positive corporate ethics, and support of good causes.

-When people use the products they connect to the brand emotionally

• Corporate Identity is comprised of the visual aspects that form the brand.

-Close attention is paid to executing a consist experience for the viewer.

• Identity Design is the corporate identity includes strict usage of colors, font families, graphics elements and other guidelines, usually detailed in a corporate intensity guide.

-The identity can include the logo, logo variations, business cards, labels, envelopes, letterheads, stationary, advertisements, TV commercials, packaging etc...

• A logo is for identification

-A logo is the simplest way a company or organization can represent itself, through the use of a mark or icon.

• Logo Design

-We create logos as Vector art because it is flexible, powerful. and easily edited, this is important when clients want to make changes

-Vector art can be scaled up infinitely whiteout losing quality.

• Pencil to Vector

-Creating a logo design requires many phases

-Many meetings and review sessions are required to arrive at a design that works.

-Converting a simple pencil sketch to vector art requires establishing graphic style, color, line shape and typography.

• Final Art: Graphic Style

-Decide what your ;graphic Style will be

-Will it be bold, simple and cute?

-Will it be sleek, technical and sedate?

-Will it be cartoony?

-Will it be high tech and 3D?

-Match your market

• Final Art: Line quality 

-Line quality refers to the smoothness and precise nature of your lines

-We can use the pen tool for smooth lines

-Take your time with this part.

• Final Art: Line Shape

-If your have line art in your logo your line shape is important

-Do want it to be artistic

-These line shapes are all created with the Stoke Palette in Al.

• Color Matters!

-Colors makes a huge difference, use colors that are appropriate for your design.

• Design Styles

-Style 1: Focused on typeface. This style relies on a typeface to create the logo design, creativity is utilized in the proximity contrast, color, customization of the letter forms.

-Style 2: Mixing Typefaces. This style uses 2 different type faces to create a logo design. Strive to create a balanced design, typefaces that are too similar will lack contrast in style.

-Style 3: Typeface plus graphic elements. This style uses simple graphic elements in addition to the typeface to create an emphasized and balanced design. Graphic elements remain abstract.

-Style 4: Typeface plus shapes/symbols. An even balance between art and typography is achieved in style.

-Style 5: Graphic focused design. In this design the graphic elements are the focus or dominant aspect of the design, the typeface plays a supporting role.

Writing Assignment-DC Comics

• DC Comics is one of the first major comics company dating back to 1934. DC means Detective Comics. There has been many changes to their logo since then. The original first traces back to 1935. It was a simple circle with text around the inside. It read "A DC publication". 

• In 1941, Superman had become phenomenally successful which cause DC to rename their logo to "Super Mans National Comics" with DC in the middle of the circle. 

• Throughout 1940-1970, DC mainly kept the Logo the same with slight color variations. There no significant change until 1970. In 1970, they tried to capitalize further on sales popularity of Superman. They put a picture of Superman flying as their logo with a caption under that read DC  Superman.

 

• In 1976, they changed their Logo again similar to the original designs. It was just Blue circle with the DC reading in the middle. There were also white stars on the sides of the circle. This was designed by Milton Glaser/ The logo was referred to as "The Bullet". It was the longest lasting logo in the companies history lasting from 1976-2005.

• The latest DC logo was in 2005. It is a star rotating around the DC lettering. It echoes the companies new momentum. It was created by Josh Beatmen of Brainchild Studios. And acknowledges that they are still moving forward. It marks the visual legacy of the companies logo. It is called the DC spin.

Magazine Poster

Portfolio Cover

ROP Career Skills: How to write a good resume.

ROP Career Skills: How to write a good resume
Your portfolio:

• A portfolio containing three or more work samples
• Letter of Introduction
• Resume
• List of references
• Letter of recommendation

Job Seekers Trifecta

• A solid well written and well designed resume
• An equally well crafted list of positive references
• A flawless handwritten job application.

Your resume should have:

• Who you are and how you can be contacted
• your job objective
• level of education
• your work history of experience
• your special skills and abilities

Edit and Refine your Resume

• Take time to write your resume
• No typo's, use spellchecker
• No mistakes, look for double words, grammar errors
• No misleading information
• Format your text for easy reading and searching.

Resume Writing Tips

• List most recent job experience first
• list most important skills first
• leave out the obvious
• avoid negativity

Resume Writing Tips

• Go with what you got: Summer jobs. volunteer experience, clubs, relevant hobbies
• Sate estimated date of diploma
• Proof read at least 3 times.

• Style Can Vary: Just keep it professional, well organized and easy to read.

Rop Portfolio Handbook

• Contains tip and guides for all aspects of your portfolio
• Has 2 sample resumes 

How to get started

• Find a program to write your resume with, such as word
• Think of what ideal job might be this summer or in the future
• Use the resume template in the ROP portfolio Handbook and list all your important details.

Package Design

Typography Poster

Helvetica Writing Assignment

Helvetica Writing Assignment:

Where does Helvetica originate from? What country? 
Helvetica originated from Switzerland.
What does the original name mean? What is it's translation in English? 
Helvetica translates into "the swiss typeface"
What year was Helvetica created? 
1957
What is the design style that Helvetica brought to popularity worldwide? 
Swiss Design
List the names of 3 different design styles or design movements that are discussed in the film. 

• Grunge Typography
• Style Movement
• Post Modernism 

Some insight about design I look away from the movie is how hard design and how much it work and time it take even just something like an everyday font I never really thought twice about until now.

Where can examples of Helvetica be seen? Can you spot some examples on our own campus? Use your camera and take a picture of a few examples and include in your blog post. 

Helvetica can be seen everywhere. Restaurant names, Album covers street name and much more.

Massimo Vignelli- An Italian designer that worked on interior designs, package design, environmental design and graphic design. An example of hus most known work:

Wim Crouwel- A dutch graphic designer and typographer.

Matthew Carter- An English type designer. He designed  the ear;y 1.0 web fonts Verdana and Georgia.

Michael Bierut- He is a graphic designer, designer and educator. Bierut was vice president of graphic design at Vignelli Associates.

How does a typeface create a mood, feeling or image? Can you describe an occasion when you had a particular reaction to something in print, not because of the content, but because of the typeface?
Typeface creates a mood or feeling by drawing in the reader or audience. For example a strong bold typeface could draw more attention and make what you saying more of a stricter and harsher tone rather then a none bold typeface. Font could also represent time. One example would be using a typewriter-like type face to make something feel old fashioned. An experience I've had when the type face got my attention rather then the content was with essay and projects for school the type face was alway very important for power points and posters. Many times it is misused and doesn't look correct.

In HELVETICA, design writer Richard Poynor says, “The designer has an enormous responsibility” as the person who is “putting wires into our heads.” What does he mean? How would you define that responsibility?
What Poynor mean when he say "The designer has an enormous responsibility" and is "putting wires into our heads" he mean that a designer has an important job of conveying a certain message. A designer has to responsibility of tell us information through design. The impact of the message or design ca change opinion significantly in peoples everyday lives.

Think of the font you most commonly use when working on your computer. Which one is it and why do you use that one?
I use Arial because it is the most basic for essays. Fo power points  I would use Helvetica.

American designer David Carson says, “Don’t confuse legibility with communication.” What does he mean? What’s the difference between them? 
Legibility is how well you can read something while communication is how the message in being conveyed to the reader.

How is design an expression of the times? How does politics affect the art of design?
Design is an expression of time because a graphic designer has a direct relationship with time. Graphic Design is a product of the time.

What is your reaction to the grunge style of type and design? Why do you think you respond to it that way?
My reaction to grunge typography was that it was very bold and  legible. I like how it looked, It conveyed a very serious message.

Imagine that the post office, your local bank or other government or corporate entity whose signage is familiar to you started using a different typeface. How would that change their image or your feeling about that business or organization?
Overall, I wouldn't mind. Although I would rather they just stick to their original font.

What might you take away from this film in terms of possible effects on your work or other aspects of your daily life?
I appreciate fonts more. In the future i would think more deeply about which font and the purpose of what Im trying to say.

What changes, if any, has this film made in how you think about print and graphic design? 
I appreciate it much more and realize how much time and effort it take.

Typography Name

Type Face Project

-Typography Notes-

• Too many fonts spoil a design.
• Font too similar too similar cause ambiguity.
• Too similar, not enough contrast.
• Use upper and lower case letters for optimum clarity. 
• Headlines, title, posters are okay for all caps.
• Left alignment reads easiest, consider eye flow as it moves down a page.
• Italics, Bold, Size, Color, Typestyle change (use with discretion).
• Integrity: Avoid stretching or distorting type
• Weight: Strive for a sense of balance
• Kerning-process of adjusting spacing  between letters
• Tracking-increases/decreases space between letters

Sugar Skull

Writing Assignment

The 3 primary colors are red, blue and yellow. Secondary Colors are made by mixing secondary colors(blue+yellow=green, blue+red=violet). Tertiary Color are made by mixing secondary colors. For example, blue+green=blue-green. The difference between Additive Color and Subtractive Color are very distinct. Additive Color are light generated Models and Subtractive is pigment generated models. Color can affect our perception significantly. One example is that it can affect appetite. It can also affect our mind. Pink is often used in prison because it drains energy. Color can also affect each other if two color are next to each other it can either increase or decrease intensity Color intensity changes in relation to surrounding colors.

• A greyscale image is a black and white image. 

• Monotone-single hue.

• Complimentary Color-Colors on opposite side of the wheel that make each other stand out.

Color Palette

Color Wheel Assignment

Color Theory

-COLOR THEORY-

• Mixed Primary Color-Secondary
• Mixed Secondary-Tertiary
• Visible Color Spectrum (ROYGBIV). Each color has wave height/length.
• Primary Colors-pigment generated colors are derived from these primary colors: Red, yellow, blue.-
• Light generated colors are derived from these primary colors: red, green, blue.-
• Subtractive Color-Pigment Generated Model
• Additive Color-Light Generated Model
• Secondary-Mixing primary colors creates other colors. For example: blue+yellow=green. blue+red=Violet.
• Tertiary and Beyond-A secondary color wheel can expand to tertiary and beyond.
• Monochrome: Tints,shades, and tones or 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
• Opposites on Color Wheel go well together. (Purple+Green)
• Split Complementary-across then 2 over.
• Analgous-Neighbors on Color wheel
• Triad-Triangle 
• Tetradic-Rectangle
• Quadrilateral-Square
• Color Properties
• Color or Warm spectrum. Bright, Dark, Saturated, Desaturated
• Color Intensity
• Color intensity changes in relation to surrounding color.
• Color Association
• Types of Color associations are universal to all people.
• Some Color associations and generated from cultural and contemporary sources.
• Why Colors
• 73% of purchasing due to color
• Color increases brand recognition by 80%
• Color Affects appetite.
• Effects the mind, pink drains energy, used in prison.

GIF CHALLENGE

Cinemagraph, Gif Animation Part B

Gif Animation Project Part A

Bouncing Ball

Gif Practice 1

Understanding File Formats